@font-face {
	font-family: "Velocista";
	src: url("../fonts/Velocista-Demo-FFP.ttf") format("truetype");
}


.bg-warning
{
    background-color: #e94f13 !important;
}
.detallesMarca
{
    background-color: #e94f13 !important;
    color: azure;
}
.bg-alerta {
  background-color: #f0ad4e !important;
}
.display-7 {
  font-size: 2.1rem; 
  font-weight: 300;
  line-height: 1.2;
}
h2 small
{
    font-size: 14px;
    color: #83823f;
}
.alerta-seleccionada
{
  border-top: 4px solid rgba(0, 0, 0, 0.5);
  padding-top: 5px;
}
.presupuestototal
{
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0px;
}
#image_div
{
  position: absolute;
  left: -200px;
  top: -58px;
  width: 200px;
  height: 200px;
}

#totAvencer
{
    font-size: 18px;
    color: #e76f51;
}
.totales
{
    margin: 0 auto;
    font-weight: 700;
    font-size: 35px;
    color: #333333;
    background: #FFFFFF;
    text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);
}
.nombre-vendedor
{
  display: none;
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 10;
}
.progresspag {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: white;
    border-radius: 2px;
    background-clip: padding-box;
    /*margin: 0.5rem 0 1rem 0;*/
    overflow: hidden;

  }
  .progresspag .indeterminate {
background-color:black; }
  .progresspag .indeterminate:before {
    content: '';
    position: absolute;
    background-color: #49d41f;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  .progresspag .indeterminate:after {
    content: '';
    position: absolute;
    background-color: #10c31f;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s; }
            .lds-facebook {
              display: inline-block;
              position: relative;
              width: 80px;
              height: 80px;
            }
            .lds-facebook div {
              display: inline-block;
              position: absolute;
              left: 8px;
              width: 16px;
              background: rgb(147, 147, 147);
              animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
            }
            .lds-facebook div:nth-child(1) {
              left: 8px;
              animation-delay: -0.24s;
            }
            .lds-facebook div:nth-child(2) {
              left: 32px;
              animation-delay: -0.12s;
            }
            .lds-facebook div:nth-child(3) {
              left: 56px;
              animation-delay: 0;
            }
            @keyframes lds-facebook {
              0% {
                top: 8px;
                height: 64px;
              }
              50%, 100% {
                top: 24px;
                height: 32px;
              }
            }

  @-webkit-keyframes indeterminate {
    0% {
      left: -35%;
      right: 100%; }
    60% {
      left: 100%;
      right: -90%; }
    100% {
      left: 100%;
      right: -90%; } }
  @keyframes indeterminate {
    0% {
      left: -35%;
      right: 100%; }
    60% {
      left: 100%;
      right: -90%; }
    100% {
      left: 100%;
      right: -90%; } }
  @-webkit-keyframes indeterminate-short {
    0% {
      left: -200%;
      right: 100%; }
    60% {
      left: 107%;
      right: -8%; }
    100% {
      left: 107%;
      right: -8%; } }
  @keyframes indeterminate-short {
    0% {
      left: -200%;
      right: 100%; }
    60% {
      left: 107%;
      right: -8%; }
    100% {
      left: 107%;
      right: -8%; } }
      .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .info-box {
        box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
        border-radius: 0.25rem;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem;
        min-height: 80px;
        padding: 0.5rem;
        position: relative;
        width: 100%;
    }
    .info-box .info-box-icon {
        border-radius: 0.25rem;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.875rem;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 70px;
    }

    .info-box .info-box-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1.8;
        -ms-flex: 1;
        flex: 1;
        padding: 0 10px;
        overflow: hidden;
    }

    .info-box .info-box-text, .info-box .progress-description {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .info-box .info-box-number {
        display: block;
        margin-top: 0.25rem;
        font-weight: 700;
    }



    .small-box {
        border-radius: 0.25rem;
        box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
        display: block;
        margin-bottom: 20px;
        position: relative;
    }
    .small-box h3 {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 10px;
        padding: 0;
        white-space: nowrap;
    }
    .small-box>.inner {
        padding: 10px;
    }
    .small-box h3, .small-box p {
        z-index: 5;
    }
    .small-box p {
        font-size: 1rem;
    }
    .small-box .icon {
        color: rgba(0,0,0,.15);
        z-index: 0;
    }
    .small-box .icon>i.fa {
        font-size: 70px;
        top: 20px;
    }
    .small-box .icon>i {
        font-size: 90px;
        position: absolute;
        right: 15px;
        top: 15px;
        transition: -webkit-transform .3s linear;
        transition: transform .3s linear;
        transition: transform .3s linear,-webkit-transform .3s linear;
    }
    .small-box>.small-box-footer {
        background-color: rgba(0,0,0,.1);
        color: rgba(255,255,255,.8);
        display: block;
        padding: 3px 0;
        position: relative;
        text-align: center;
        text-decoration: none;
        z-index: 10;
    }

    @media (min-width: 1200px) {
        .col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
            font-size: 2.2rem;
        }
      }
      @media (min-width: 992px) {
        .col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
            font-size: 1.6rem;
        }
      }
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  background-color: #F7F8F9;
}

body #app:not(.h-100),
body #app main:not(.h-100) {
  width: 100%;
  height: fit-content;
}

body #app.h-100,
body #app main.h-100 {
  width: 100%;
  height: 100%;
}

.nav-item {
  margin-right: 0px;
}
      
.card,
.modal-content {
  border: none;
  border-radius: 0.95rem;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}

.widget-hover:hover {
  transform: translateY(-5px);
  transition: 0.5s;
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  transition: all 0.3s ease;
}

.widget-click {
  cursor: pointer;
}

.card .card-header {
  border-top-right-radius: 0.95rem;
  border-top-left-radius: 0.95rem;
}

select,
input.form-control,
select.form-control,
input:not([type="check"]) {
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  /* padding: 12px 10px; */
  border: 1px solid #efefef;
  border-radius: 0.375rem;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
  background-color: #fff;
  font-size: 14px;
  color: #898989;
  /* padding: 12px 10px; */
  border: 1px solid #efefef;
  border-radius: 0.375rem;
}

.nav-tabs .nav-link {
  border-top-right-radius: 0.375rem;
  border-top-left-radius: 0.375rem;
}

.btn {
  border-radius: 0.375rem;
}

.btn.btn-active-color-primary:hover,
.btn.btn-active-color-primary.active {
  color: #009ef7;
}

.btn.btn-active-color-white.active {
  color: #ffffff;
}

.btn.btn-active-light:hover,
.btn.btn-active-light.active {
  background-color: #F9F9F9 !important;
}

.bd-callout {
  border: 1px solid #eee;
  border-left-width: 0.25rem;
}

.bd-callout-success {
  border-left-color: #28a745;
}

/* .bd-callout-success h4 {
  color: #28a745;
} */

.bd-callout-info {
  border-left-color: #5bc0de;
}

/* .bd-callout-info h4 {
  color: #5bc0de;
} */

.bd-callout-warning {
  border-left-color: #f0ad4e;
}

/* .bd-callout-warning h4 {
  color: #f0ad4e;
} */

.bd-callout-danger {
  border-left-color: #d9534f;
}

/* .bd-callout-danger h4 {
  color: #d9534f;
} */

.alert {
  padding: 1.25rem;
  position: relative;
  /* border: 3px solid #b9ebd0; */
  border-radius: 0.475rem;
}

.alert h6 {
  font-weight: 600;
}

.alert-success {
  border-color: rgba(80,205,137, 1);
  background-color: #e8fff3;
}

.icon {
  width: 3rem;
  height: 3rem;
}

.icon i,
.icon svg {
  font-size: 1.25rem;
}

.icon-shape {
  display: inline-flex;
  padding: 12px;
  text-align: center;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.bg-gradient-success {
  background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}

.bg-gradient-info {
  background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.bg-gradient-warning {
  background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.bg-gradient-danger {
  background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}

.bg-gradient-light {
  background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

.bg-gradient-dark {
  background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}

.static-top-widget .mediaBody {
  align-self: center !important;
  padding-left: 30px;
}

.static-top-widget .mediaBody .icon-bg {
  position: absolute;
  right: -14px;
  top: 6px;
  opacity: 0.2;
  transition: all 0.3s ease;
  width: 100px;
  height: 100px;
}

.static-top-widget .mediaBody i.icon-bg {
  font-size: 6rem;
}

.static-top-widget .mediaBody .icon-bg.fa-dollar {
  right: -44px;
  top: 0;
  font-size: 8rem;
}

.static-top-widget div.align-self-center svg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

.static-top-widget div.align-self-center i {
  font-size: 1.5rem;
  vertical-align: middle;
}

.static-top-widget:hover .icon-bg {
  transform: rotate(-5deg) scale(1.1);
  transition: all 0.3s ease;
}

.page-item.disabled .page-link {
  border-color: #dee2e6;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-link {
  border: 1px solid #dee2e6;
}

.page-link:hover {
  border-color: #dee2e6;
}

.menu-item .menu-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  flex: 0 0 100%;
  padding: 0.65rem 1rem;
  transition: none;
  outline: 0!important;
}

.menu-link {
  border-radius: 0.95rem;
  text-decoration: none!important;
}

.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  transition: color .2s ease;
  background-color: #F8F6F2;
  color: #4FC9DA;
}

.menu-state-bg .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  transition: color .2s ease;
  color: #4FC9DA;
}

.menu-state-bg .empty-title {
  min-height: 32px;
}

.menu-state-bg .empty-title-dropdown {
  min-height: 18px;
}

.menu-state-bg .menu-item.empty {
  min-height: 55.78px;
}

.menu-state-bg .menu-item.empty-dropdown {
  min-height: 50.78px;
}

.me-3 {
  margin-right: 0.75rem!important;
}

.h-40px {
  height: 40px!important;
}

.w-40px {
  width: 40px!important;
}

.h-35px {
  height: 35px!important;
}

.w-35px {
  width: 35px!important;
}

.h-30px {
  height: 30px!important;
}

.w-30px {
  width: 30px!important;
}

.bg-gray-200 {
  --bs-bg-rgb-color: #F6F1E9;
  background-color: #F6F1E9;
}

.flex-shrink-0 {
  flex-shrink: 0!important;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.text-gray-800 {
  color: #403D38!important;
}

.fw-bold {
  font-weight: 600!important;
}

.fs-6 {
  font-size: 1.075rem!important;
}

.fs-5 {
  font-size: 15px!important;
}

.title-dropdown-menu {
  font-size: 15px!important;
}

.sales-icon svg {
  fill: rgb(240, 100, 69);
  width: 22.75px;
  height: 22.75px;
}

.clients-icon svg {
  fill: rgb(79, 201, 218);
  width: 22.75px;
  height: 22.75px;
}

.grey-icon svg {
  fill: rgb(108, 117, 125);
  width: 22.75px;
  height: 22.75px;
}

.inventory-icon svg,
.permission-icon svg {
  fill: rgb(79, 85, 218);
  width: 22.75px;
  height: 22.75px;
}

.parameters-icon svg {
  fill: rgb(232, 196, 68);
  width: 22.75px;
  height: 22.75px;
}

.suggested-icon svg {
  fill: rgb(184, 217, 53);
  width: 22.75px;
  height: 22.75px;
}

.terminal-icon svg {
  fill: rgb(30, 33, 41);
  width: 22.75px;
  height: 22.75px;
}

.wrapper-main-menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.wrapper-main-menu .container {
  height: 100%;
  overflow: hidden;
}

.bg-menu {
  width: 100%;
  height: 100%;
}

.blur-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(247, 248, 249, 0.9);
  backdrop-filter: blur(15px);
}

#main-navbar-menu-header {
  min-height: 80px;
  box-shadow: 0px 4px 40px rgba(39, 32, 120, 0.3);
}

.navbar-menu {
  color: #403D38;
  background-color: #e94f13;
}

#main-navbar-menu-header.primary {
  border-bottom: 1px solid #F3F3F3;
}

#main-navbar-menu-header.secondary {
  height: 67px;
}

.title-navbar {
  color: #ffffff;
  font-size: 1.75rem;
  font-family: "Velocista";
}

.title-welcome {
  text-transform: inherit;
}

.title-welcome .title-navbar {
  color: inherit;
  font-size: inherit;
}

#main-navbar-menu-header #navbarSupportedContent .navbar-nav.mr-auto .nav-item {
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 12px 21px;
  transition: none;
  outline: 0!important;
  border-radius: 0.95rem;
}

#main-navbar-menu-header #navbarSupportedContent .navbar-nav.mr-auto .nav-item:hover {
  background-color: rgba(240, 100, 69, 0.8);
}

#main-navbar-menu-header.bg-primary #navbarSupportedContent .navbar-nav.mr-auto .nav-item:hover {
  background-color: rgba(249,249,249, 0.2);
}

#main-navbar-menu-header #navbarSupportedContent .navbar-nav.mr-auto .nav-item:hover .nav-link {
  color: #ffffff;
}

#main-navbar-menu-header #navbarSupportedContent .navbar-nav.mr-auto .nav-item.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu.dropdown-menu-right,
.dropdown-menu.navbar-dropdown-menu {
  border: none;
  border-radius: 0.95rem;
  padding: 1.25rem;
  margin: 0;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}

.dropdown-menu.navbar-dropdown-menu {
  width: 800px;
}

#select-table-pits-filter-2,
#select-table-pits-filter-3,
#select-table-pits-filter-4 {
  max-width: 150px;
  width: 150px;
}

#tabfcventas_wrapper .col-sm-12:not(.col-md-6):not(.col-md-5):not(.col-md-7),
#table-inventory-pits_wrapper .col-sm-12:not(.col-md-6):not(.col-md-5):not(.col-md-7),
#odoo-detalles-lineas_wrapper .col-sm-12:not(.col-md-6):not(.col-md-5):not(.col-md-7) {
  overflow-x: scroll;
}

.navbar-dark .navbar-toggler {
  border-radius: 0.25rem;
}

.sidebar-toggle-backdrop {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: #000;
  transition: all .15s linear;
}

.sidebar-toggle-backdrop.show {
  opacity: .5;
  z-index: 1058;
}

.siedebar-toggle-wrapper {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1059;
  width: 250px;
  height: 100vh;
  background: #e94f13;
  box-shadow: 0 0 2rem 0 rgba(136,152,170,.15);
  transform: translateX(110%);
  transition: all .15s linear;
}

.siedebar-toggle-wrapper.show {
  transform: translateX(0);
}

.siedebar-toggle-wrapper .sidebar-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.siedebar-toggle-wrapper .sidebar-container .sb-header {
  display: flex;
  width: 100%;
  height: 50px;
  justify-content: center;
  align-items: center;
  color: white !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.siedebar-toggle-wrapper .sidebar-container .sb-header h3 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  color: white !important;
}

.siedebar-toggle-wrapper .sidebar-container .sb-body {
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
  flex-flow: column nowrap;
}

.siedebar-toggle-wrapper .sidebar-container .sb-footer {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
  justify-content: center;
  background: #e94f13;
  color: white;
  padding: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.siedebar-toggle-wrapper .sidebar-container .sb-footer a {
  color: white;
  display: flex;
  align-items: center;
}

.siedebar-toggle-wrapper .sidebar-container .sb-footer a svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.siedebar-toggle-wrapper .sidebar-container .sb-body.scrollable {
  overflow-x: hidden;
  overflow-y: scroll;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item {
  display: block;
  padding: 0.15rem 0;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item .nav-link {
  color: white;
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 0.95rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  padding: 0.65rem 1rem;
  transition: none;
  outline: 0!important;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item.menu-accordion > .nav-link {
  justify-content: space-between;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item .menu-arrow {
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: 5px;
  width: 9px;
  height: 9px;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item .menu-arrow:after {
  display: block;
  width: 100%;
  content: " ";
  will-change: transform;
  background-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-light-sidebar-menu-root-arrow-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-app-light-sidebar-menu-root-arrow-color%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
  transform: rotateZ(90deg);
  transition: transform .3s ease;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item.menu-accordion.show:not(.hiding):not(.menu-dropdown) .menu-arrow:after {
  transform: rotateZ(-90deg);
  transition: transform .3s ease;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item.menu-accordion .collapse {
  background: rgba(255, 255, 255, 0.1);
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item.menu-accordion .collapse .nav.flex-column .nav-link {
  color: rgba(255, 255, 255, 0.8);
}

.bullet {
  display: inline-block;
  background-color: #B5B0A1;
  border-radius: 6px;
  width: 8px;
  height: 4px;
  flex-shrink: 0;
}

.bullet-dot {
  width: 4px;
  height: 4px;
  border-radius: 100%!important;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item .nav-link .menu-bullet {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  margin-right: 0.5rem;
}

.siedebar-toggle-wrapper .sidebar-container .nav.flex-column .nav-item .nav-link .menu-bullet .bullet {
  background-color: rgba(255, 255, 255, 0.5);
}

.input-group input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group .input-group-append {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.input-group .input-group-append .input-group-text {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.wrapper-breadcrumb {
  padding: 20px 30px;
  margin: 0 -15px 30px;
  background-color: #fff;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: rgba(248, 248, 248, 0.75);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: rgba(248, 248, 248, 0.75);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.wrapper-breadcrumb .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  align-items: center;
  justify-content: flex-end;
}

.wrapper-breadcrumb .breadcrumb li {
  font-size: 13px;
  letter-spacing: 1px;
}

.wrapper-breadcrumb .breadcrumb .breadcrumb-item.active {
  font-weight: 500;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:before {
  color: #6C757D;
}

.breadcrumb-item svg {
  width: 16px;
  height: 16px;
}

.title-top-region {
  min-width: calc(100% - 214px);
  max-width: calc(100% - 214px);
}

.amount-top-region {
  min-width: 190px;
  max-width: 190px;
}

.top-region-scroll {
  max-height: 295px;
  overflow-x: hidden;
}

.animate-curve .apexcharts-line-series.apexcharts-plot-series .apexcharts-series[rel*='1'] .apexcharts-line {
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-dasharray: 10px 2px;
  animation: dasharray-craziness 18s infinite linear;
}

.animate-curve .apexcharts-line-series.apexcharts-plot-series .apexcharts-series[rel*='2'] .apexcharts-line {
  stroke-width: 10px;
  stroke-linecap: round;
  animation: width-pulse 2s infinite;
}

.card-gradient {
  background-image: linear-gradient(#1ea6ec, #4466f2);
}

.knob-block {
  position: relative;
  margin-bottom: -10px;
}

.knob-center {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.round-image {
  width: 81%;
  top: -1px;
  margin: 0 auto;
  position: relative;
  animation: spin 12s linear infinite;
}

.card-gradient .knob-header h5,
.card-gradient .knob-header .h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0;
  position: absolute;
}

.card-gradient .card-body.text-center.o-hidden {
  padding: 30px;
  background-color: transparent;
}

div.apexcharts-legend.apx-legend-position-left {
  align-items: start;
}

.bg-select-success {
  background-color: rgba(75,191,115, 0.09) !important;
}

.bg-select-info {
  background-color: rgba(31,155,207, 0.09) !important;
}

.bg-select-warning {
  background-color: rgba(233,79,19, 0.09) !important;
}

.bg-select-warning-2 {
  background-color: rgba(255, 170, 5, 0.15) !important;
}

.bg-select-danger {
  background-color: rgba(217,83,79, 0.09) !important;
}

.bg-select-info [class*="sorting_"],
.bg-select-success [class*="sorting_"],
.bg-select-warning [class*="sorting_"],
.bg-select-danger [class*="sorting_"] {
  background-color: transparent !important;
}

.table tr td,
.table tr th {
  vertical-align: middle !important;
}

.icon-table-graph {
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.icon-table-graph svg,
.btn[class*="badge-light-"] svg {
  width: 14px;
  height: 14px;
  vertical-align: sub;
}

table tr td.border-table-cel:first-child {
  padding-left: 0;
}

table tr td.border-table-cel:first-child:hover {
  font-weight: 600;
}

table tr td.text-right[data-toggle*="modal"]:hover {
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

table tr td.border-table-cel:first-child > div.success {
  border-left: 2px solid #198754;
  padding-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

table tr td.border-table-cel:first-child > div.info {
  border-left: 2px solid #0dcaf0;
  padding-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

table tr td.border-table-cel:first-child > div.warning {
  border-left: 2px solid #ffc107;
  padding-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

table tr td.border-table-cel:first-child > div.danger {
  border-left: 2px solid #dc3545;
  padding-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

.badge-light-success {
  padding: 4px 12px;
  font-size: 14px;
  background-color: rgba(84, 186, 74, 0.15);
  color: #54BA4A;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.badge-light-info {
  padding: 4px 12px;
  font-size: 14px;
  background-color: #d3f4fe;
  color: #16C7F9;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.badge-light-warning {
  padding: 4px 12px;
  font-size: 14px;
  background-color: #ffecc7;
  color: #FFAA05;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.badge-light-danger {
  padding: 4px 12px;
  font-size: 14px;
  background-color: #fff7f7;
  color: #FC4438;
  border-radius: 0.375rem;
  border: 1px solid transparent;
  font-family: Arial, Helvetica, sans-serif;
}

.badge-light-success:hover {
  background-color: #198754;
  color: white;
}

.badge-light-info:hover {
  background-color: #0dcaf0;
  color: white;
}

.badge-light-warning:hover {
  background-color: #ffc107;
  color: white;
}

.badge-light-danger:hover {
  background-color: #dc3545;
  color: white;
}

.text-table-footer {
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

.text-table-footer-2 {
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

.sup-header-table th:not(:first-child):not(.no-bg) {
  border-top: 1px solid rgba(25, 135, 84, 0.3);
}

.sup-header-table th:last-child:not(.no-bg) {
  border-top: 1px solid rgba(255, 170, 5, 0.3);
  border-right: 1px solid rgba(255, 170, 5, 0.3);
}

.sup-header-table th:first-child,
.sup-header-table th.no-border-r {
  border-right: 1px solid rgba(25, 135, 84, 0.3);
}

.sup-header-table th:not(:last-child):not(:first-child):not(.no-border-r) {
  border-right: 1px solid rgba(255, 170, 5, 0.3);
}

.sup-header-table th:not(:last-child):not(:first-child):not(.bg-warning) {
  background-color: rgba(75,191,115, 0.15) !important;
  color: #198754;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

.sup-header-table th.bg-warning,
.sup-header-table th:last-child:not(.no-bg) {
  background-color: rgba(255, 170, 5, 0.15) !important;
  color: #ffc107;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

table th.bg-info,
table td.bg-info {
  background-color: rgba(23, 162, 184, 0.15) !important;
  color: #17a2b8;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

table th.bg-success,
table td.bg-success {
  background-color: rgba(40, 167, 69, 0.15) !important;
  color: #28a745;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

table th.bg-danger,
table td.bg-danger {
  background-color: rgba(220, 53, 69, 0.15) !important;
  color: #dc3545;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
}

.navbar.fixed-top .dataTables_wrapper {
  width: 100%;
}

#table-fixed.table.dataTable.no-footer {
  border-bottom: none;
}

.content-filter {
  top: -100%;
  box-shadow: 0px 4px 40px rgba(39, 32, 120, 0.3);
  transition: top 0.3s;
}

.bg-select-header-success {
  background-color: rgba(75,191,115, 0.3) !important;
}

.bg-select-header-info {
  background-color: rgba(31,155,207, 0.3) !important;
}

.bg-select-header-warning {
  background-color: rgba(233,79,19, 0.3) !important;
}

.bg-select-header-danger {
  background-color: rgba(217,83,79, 0.3) !important;
}

.bg-select-header-info td,
.bg-select-header-success td,
.bg-select-header-warning td,
.bg-select-header-danger td {
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
}

table tr[class*="bg-select-header-"] td.border-table-cel:first-child > div.success {
  border-left: 3px solid #198754;
}

table tr[class*="bg-select-header-"] td.border-table-cel:first-child > div.info {
  border-left: 3px solid #0dcaf0;
}

table tr[class*="bg-select-header-"] td.border-table-cel:first-child > div.warning {
  border-left: 3px solid #ffc107;
}

table tr[class*="bg-select-header-"] td.border-table-cel:first-child > div.danger {
  border-left: 3px solid #dc3545;
}

table .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: grid;
  list-style: none;
  padding: 0;
  margin: 0;
}

.filter-float {
  position: fixed;
  right: 0.5%;
  bottom: 2%;
  z-index: 1049;
}

.filter-float svg {
  fill: white;
  width: 30px;
}

.filter-float button {
  border-radius: 50px;
  display: flex;
  align-items: center;
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.2);
}

.filter-float button h4 {
  width: 0;
  margin: 0;
  color: white;
  font-size: 16px;
  overflow: hidden;
  margin-left: 5px;
  transition: all 1s;
}

.filter-float button:hover h4 {
  width: auto;
}

table.table-tops tr td,
table.table-tops tr th,
table.table-tops tr td button,
table.table-fixed tr td,
table.table-fixed tr th,
table.table-fixed tr td button {
  font-size: 11px;
}

table.table tr td .feather-external-link {
  width: 10px;
  height: 10px;
  stroke: #16C7F9;
  vertical-align: middle;
}

table.table tr td .feather-x {
  width: 14px;
  height: 14px;
  stroke: #d9534f;
  vertical-align: middle;
}

.fixed-table-row,
.fixed-table-header {
	left: 0;
  z-index: 1;
  background: #ffffff;
	position: sticky !important;
}

#inventory-data-table_wrapper .row:first-child + .row > .col-sm-12 {
  padding: 0 !important;
  overflow-x: scroll;
}

.over-modal {
  z-index: 1029;
}

.btn-gelocation {
  cursor: pointer;
}

.btn-gelocation:hover {
  text-decoration: underline;
}

.btn-gelocation svg {
  width: 16px;
  height: 16px;
  margin-right: .25rem;
}

.card-role {
  min-height: 450px;
}

.card-role .card-header {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  min-height: 70px;
  padding: 0 2.25rem;
  background-color: transparent;
  border-bottom: 0 !important;
}

.card-role .card-title {
  font-weight: 500;
  font-size: 1.225rem;
  display: flex;
  align-items: center;
  margin: .5rem;
  margin-left: 0;
}

.card-role h2 {
  font-size: 1.225rem;
  margin-bottom: 0;
}

.card-role .card-footer {
  padding: 2rem 2.25rem;
  background-color: transparent;
  border-top: 0 !important;
}

.btn-trash-action svg {
  fill: #F06445;
  width: 22.75px;
  height: 22.75px;
}

.fs-8 {
  font-size: .45rem !important;
}

#navbarDropdown svg {
  fill: rgb(108, 117, 125);
  width: 34.75px;
  height: 34.75px;
  border-radius: 50%;
  background: #f9f9f9;
  margin-right: 0.5rem !important;
}

.avatar-navbar {
  width: 34.75px;
  height: 34.75px;
  border-radius: 50%;
  border: 2px solid #f9f9f9;
  margin-right: 0.5rem !important;
}

.avatar-edit-user {
  width: 100%;
  height: auto;
}

.input-file {
  width: 140px;
  height: 140px;
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  align-items: center;
  background: #f9f9f9;
  justify-content: center;
  border: 1px solid #dfe2e6;
}

.input-file svg {
  fill: rgb(108, 117, 125);
  width: 140px;
  height: 140px;
}

.input-file .fa.fa-plus{
  right: 8%;
  bottom: 8%;
  font-size: 2.5rem;
  color: #3ca861;
  position: absolute;
}

.input-file input {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 5;
  width: 100%;
  cursor: pointer;
  position: absolute;
  height: 100% !important;
}

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#prev-user-bar {
  top: 0;
  left: 0;
  right: 0;
  z-index: 1031;
  padding: 4px 0;
  font-size: 14px;
  position: fixed;
  color: #ffffff;
  min-height: 10px;
  background: rgb(16, 21, 23);
}

#prev-user-bar #info-user span {
  font-size: 12px;
  line-height: 1;
}

#prev-user-bar i {
  font-size: 16px;
  margin-right: 10px;
}

.height-logo {
  max-height: 300px;
}

.height-logo img {
  max-height: 300px;
}

.height-logo-dropdown {
  max-height: 175px;
}

.height-logo-dropdown img {
  max-height: 175px;
}

#terminal-shell {
  width: 100% !important;
  min-height: 600px;
  border-radius: 0.95rem;
  letter-spacing: normal !important;
}

.notifications {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}

.notifications.hide {
  display: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.notifications :where(.custom-toast-ia, .column) {
  display: flex;
  align-items: center;
}

.notifications .custom-toast-ia {
  width: 400px;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 24px 17px;
  margin-bottom: 10px;
  background: #ffffff;
  border-radius: 0.95rem;
  justify-content: space-between;
  animation: show_toast 0.3s ease forwards;
  -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
  box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}

.notifications .custom-toast-ia.hide {
  animation: hide_toast 0.4s ease forwards;
}

.custom-toast-ia .column span {
  font-size: 1.07rem;
  margin-left: 12px;
  line-height: 1;
}

.custom-toast-ia.info .column i {
  font-size: 1.5rem;
  color: #5bc0de;
}

.custom-loader-ia {
  width: 4px;
  height: 4px;
  margin-left: 24px !important;
  border-radius: 50%;
  position: relative;
  background-color: #55595c;
  box-shadow: 12px 0 #55595c, -12px 0 #55595c;
  animation: custom-flash-ia 0.5s ease-out infinite alternate;
}

@keyframes custom-flash-ia {
  0% {
    background-color: #FFF2;
    box-shadow: 12px 0 #FFF2, -12px 0 #55595c;
  }
  50% {
    background-color: #55595c;
    box-shadow: 12px 0 #FFF2, -12px 0 #FFF2;
  }
  100% {
    background-color: #FFF2;
    box-shadow: 12px 0 #55595c, -12px 0 #FFF2;
  }
}

@keyframes hide_toast {
  0% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(0%);
  }
  80% {
    transform: translateX(-5%);
  }
  100% {
    transform: translateX(calc(100% + 20px));
  }
}

@keyframes show_toast {
  0% {
    transform: translateX(100%);
  }
  40% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-10px);
  }
}

@keyframes dasharray-craziness {
  0% {
    stroke-dasharray: 7px 2px;
  }

  80% {
    stroke-dasharray: 7px 30px;
    stroke-width: 5px;
  }

  100% {
    stroke-dasharray: 7px 2px;
  }
}

@keyframes width-pulse {
  0% {
    stroke-width: 2px;
  }

  50% {
    stroke-width: 4px;
  }

  100% {
    stroke-width: 2px;
  }
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 376px) {
  .wrapper-main-menu .container {
    height: 100%;
    overflow: scroll;
  }
}

@media screen and (max-width: 530px) {
  .notifications {
    width: 95%;
  }

  .notifications .custom-toast-ia {
    width: 100%;
    font-size: 1rem;
    margin-left: 20px;
  }

  .wrapper-main-menu .container {
    height: 100%;
    overflow: scroll;
  }
}

.custom-bg-switch .custom-control-input:focus~.custom-control-label::before {
  border-color: #198754 !important;
  box-shadow: 0 0 0 0.2rem rgba(75,191,115, 0.3) !important;
}

.custom-bg-switch .custom-control-input:checked~.custom-control-label::before {
  border-color: #198754 !important;
  background-color: #198754 !important;
}

.custom-bg-switch .custom-control-input:active~.custom-control-label::before {
  background-color: #198754 !important;
  border-color: #198754 !important;
}

.custom-bg-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #198754 !important;
}

.custom-bg-switch .custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #198754 !important;
  border-color: #198754 !important;
}