.fs-8 { font-size: 8px !important; }
.fs-9 { font-size: 9px; }
.fs-10 { font-size: 10px !important; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px !important; }
.fs-17 { font-size: 17px; }
.fs-18 { font-size: 18px !important; }
.fs-19 { font-size: 19px; }
.fs-20 { font-size: 20px; }
.fs-21 { font-size: 21px; }
.fs-22 { font-size: 22px; }
.fs-23 { font-size: 23px; }
.fs-24 { font-size: 24px; }
.fs-25 { font-size: 25px; }
.fs-26 { font-size: 26px; }
.fs-27 { font-size: 27px; }
.fs-28 { font-size: 28px; }
.fs-29 { font-size: 29px; }
.fs-30 { font-size: 30px; }
.fs-31 { font-size: 31px; }
.fs-32 { font-size: 32px; }
.fs-33 { font-size: 33px; }
.fs-34 { font-size: 34px; }
.fs-35 { font-size: 35px; }
.fs-36 { font-size: 36px; }
.fs-37 { font-size: 37px; }
.fs-38 { font-size: 38px; }
.fs-39 { font-size: 39px; }
.fs-40 { font-size: 40px; }
.fs-41 { font-size: 41px; }
.fs-42 { font-size: 42px; }
.fs-43 { font-size: 43px; }
.fs-44 { font-size: 44px; }
.fs-45 { font-size: 45px; }
.fs-46 { font-size: 46px; }
.fs-47 { font-size: 47px; }
.fs-48 { font-size: 48px; }
.fs-49 { font-size: 49px; }
.fs-50 { font-size: 50px; }
.fs-51 { font-size: 51px; }
.fs-52 { font-size: 52px; }
.fs-53 { font-size: 53px; }
.fs-54 { font-size: 54px; }
.fs-55 { font-size: 55px; }
.fs-56 { font-size: 56px; }
.fs-57 { font-size: 57px; }
.fs-58 { font-size: 58px; }
.fs-59 { font-size: 59px; }
.fs-60 { font-size: 60px; }
.fs-80 { font-size: 80px; }

.fsr-05 { font-size: 0.5rem; }
.fsr-1 { font-size: 1rem; }
.fsr-15 { font-size: 1.5rem; }
.fsr-2 { font-size: 2rem; }
.fsr-23 { font-size: 2.3rem; }
.fsr-25 { font-size: 2.5rem; }
.fsr-3 { font-size: 3rem; }
.fsr-35 { font-size: 3.5rem; }
.fsr-4 { font-size: 4rem; }

.btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(1rem + 1.5em + 2px);
    width: calc(1rem + 1.5em + 2px);
    padding: 0;
}

.bg-soft-blue {
    background-color: rgba(var(--ebweb-secondary-RGB),.18) !important;
}

.bg-purple {
    background-color: var(--ebweb-purple) !important;
}

.bg-orange {
    background-color: var(--ebweb-orange) !important;
}
.bg-soft-orange {
    background-color: rgba(var(--ebweb-orange-RGB),.18) !important;
}

.min-height-45 {
    min-height: 45px;
}

.bg-soft-purple {
    background-color: rgba(var(--ebweb-purple-RGB), .18) !important;
}

.text-purple {
    color: var(--ebweb-purple) !important;
}

.bg-soft-black {
    background-color: rgba(var(--ebweb-black-RGB), .18) !important;
}

.text-black {
    color: var(--ebweb-black) !important;
}

.bg-soft-orange {
    background-color: rgba(var(--ebweb-orange-RGB), .18) !important;
}

.text-orange {
    color: var(--ebweb-orange) !important;
}

.bg-soft-info {
    background-color: rgba(var(--ebweb-info-RGB), .18) !important;
}

.text-blue-dark {
    color: var(--ebweb-blue-dark) !important;
}

.bg-soft-warning {
    background-color: rgba(var(--ebweb-warning-RGB), .18) !important;
}

.bg-soft-success {
    background-color: rgba(var(--ebweb-success-RGB), .18) !important;
}

.btn-block {
    display: block;
    width: 100%;
}

.title-dash {
    font-size: 35px;
    margin-bottom: 25px;
    margin-top: 40px;
    margin-left: 15px;
}

.suporte-dash {
    color: #333 !important;
    margin-right: 20px;
}

.badge-dash {
    font-size: 12px;
    font-weight: 400;
}

.widget-summary .summary-icon {
    border-radius: 5px !important;
    width: 70px;
    height: 70px;
}

.widget-summary .summary-footer {
    padding: 9px 0 0;
}

.border-r25 {
    border-radius: 0.375rem;
}

@media screen and (min-width: 991px) {
    .widget-dash {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .widget-summary .widget-summary-col.widget-summary-col-icon {
        width: 100%;
    }

    .widget-summary .summary-icon {
        margin-bottom: 20px;
    }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.blinking-badge {
    animation: blink 1s linear infinite;
}

.img-top-right {
    background-image: url('../images/dash-top-right.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto;
}

.btn-dash-options i{
    color: #000;
}

.btn-dash-options i:hover, .btn-dash-options:hover{
    color: var(--ebweb-success);
    background: transparent !important;
}

.tabela-personalizada .esquerda {
    width: 35%;
    padding-right: 10px;
}

.tabela-personalizada .direita {
    width: 65%;
    padding-left: 10px;
}

.tabela-personalizada h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.esquerda {
    text-align: right;
    color: #000;
}

.direita {
    text-align: left;
}

@media screen and (max-width: 600px) {
    .title-dash {
        font-size: 20px;
        margin-top: 5px;
    }
}

@media screen and (min-width: 768px) {
    .app-version-mobile {
        display: none;
    }
}

.company-info {
    font-size: 13px;
    letter-spacing: -0.1px;
    line-height: 21.2px;
    margin-left: 30px;
}

@media screen and (max-width: 1400px) {
    .company-info {
        margin-left: 0px;
    }
}

html.header-dark .userbox .dropdown-menu a.active{
    background-color: #2f353f;
}

.header-apps {
    max-width: 1300px;
    margin: 0 auto !important;
}

@media only screen and (min-width: 1200px) {
    html.boxed .body {
        max-width: 1300px;
    }
}

.dash-padding {
    padding: 15px 15px 15px;
}

@media (min-width: 992px) {
    .tab-navigation nav > ul > li.nav-active > a {
        color: #33353F;
        background: #FFF;
    }
}

html.has-tab-navigation .page-header {
    flex-direction: unset;
}

/.btn {
    border-radius: 0.375rem;
}

.w-full {
    width: 100% !important;
}

.transp {
    /*background-color: transparent !important;*/
}

/*.userbox .name {
    line-height: 0;
}*/

.va-m {
    vertical-align: text-bottom;
}

.dropdown-menu .dropdown-item:hover {
    background-color: #eee;
}

.table-responsive tbody{
    font-size: 0.8rem;
}

.table {
    border-color: #e9ebec !important;
}

.table tbody {
    border-top: 1px solid #e9ebec;
}

.table-responsive {
    overflow: visible;
}

.table-card {
    margin: -1rem -8px;
}

.fixed-table-pagination {
    padding: 0 0.5rem 0 0.5rem !important;;
}

.table-responsive .search {
    float: none;
    width: 100%;
    /*padding: 0 8px 8px 8px;*/
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #666;
}

/*.bootstrap-table .fixed-table-container .fixed-table-body {
    height: auto;
}*/

.form-select {
    border-color: #ced4da !important;
}

.modal-block {
    max-width: 1250px;
}

.inner-wrapper {
    min-height: calc(100vh - 105px);
}

.widget-summary .summary {
    min-height: 60px;
}

@media (max-width: 767px) {
    .dropdown-menu {
        position: absolute;
        will-change: transform;
        top: 0px;
        left: 0px;
        transform: translate3d(0px, 38px, 0px);
    }

    .header .logo-container .logo {
        margin-top: 10px;
    }

    .userbox .name, .userbox .role {
        max-width: 150px;
    }

    .page-header .breadcrumbs {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .widget-summary .summary {
        min-height: 60px;
    }
}

.userbox .profile-info {
    margin: -3px 8px 0 10px;
}

html.has-tab-navigation .toggle-menu {
    top: 8px;
}

html.has-tab-navigation .toggle-sidebar-left {
    top: 8px;
}

.notifications > li .notification-icon {
    height: 30px;
    width: 40px;
}

.notifications > li .notification-icon i {
    font-size: 22px;
    font-size: 1.8rem;
    line-height: 36px;
}

.userbox .name {
    font-size: 14.8px;
    font-size: 0.9rem;
}

.icon-background {
    position: absolute;
    bottom: -0.1em;
    right: -0.6em;
    font-size: 350px;
    opacity: 0.03;
    color: #000000;
}

@media only screen and (max-device-width: 736px) and (min-device-width: 320px) {
    .mobie-w-100 {
        width: 100%!important;
    }
    .mobile-mb-2 {
        margin-bottom: 0.5rem!important;
    }
    .mobile-mb-3 {
        margin-bottom: 1rem!important;
    }
    .mobile-pt-3 {
        padding-top: 1rem!important;
    }
    .pt-4-custom {
        padding-top: 5rem !important;
    }
}

.link-primary {
    color: #1a73e8 !important;
    -webkit-text-decoration-color: #1a73e8 !important;
    text-decoration-color: #1a73e8 !important;
}

.link-primary:hover, .link-primary:focus {
    color: #1a73e8 !important;
    -webkit-text-decoration-color: #1a73e8 !important;
    text-decoration-color: #1a73e8 !important;
}

@media (max-width: 768px) {
    .page-header.main-title-div {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .primeira {
        order: 1;
    }

    .segunda {
        order: 2;
    }
}

:root .choices, :root .flatpickr-calendar, :root .ck, :root .ql-toolbar, :root .select2-container, :root .menu-dropdown {
    --vz-choices-bg: #fff;
    --vz-choices-link-color: #212529;
    --vz-choices-link-hover-bg: #f3f6f9;
    --vz-choices-link-active-color: #1e2125;
}


.select2.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  height: calc(1.1em + 1rem + 2px);
  outline: none;
  background-color: rgba(249, 250, 251, .7);
}
.select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  padding-left: 12px;
  color: #212529;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 34px;
  width: 34px;
  /*rtl:ignore*/
  right: 3px;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #ced4da transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ced4da transparent !important;
  border-width: 0 6px 6px 6px !important;
}

.select2-results__option {
  padding: 6px 12px;
}

.select2-dropdown {
  border: 0 solid var(--vz-border-color);
  -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
          box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  background-color: var(--vz-choices-bg);
  z-index: 1056;
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--vz-input-disabled-bg);
}
.select2-container--default .select2-search--dropdown {
  padding: 10px;
  background-color: var(--vz-choices-bg);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #ced4da;
  background-color: var(--vz-input-bg);
  color: #212529;
  border-radius: 0.25rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #202124;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--vz-choices-bg);
  color: var(--vz-choices-link-active-color);
}
.select2-container--default .select2-results__option[aria-selected=true]:hover {
  background-color: #202124;
  color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 36px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  /*rtl:ignore*/
  right: 1px;
  /*rtl:ignore*/
  left: auto;
}

.select2-container .select2-selection--multiple {
  /*min-height: calc(1.5em + 1rem + 2px);*/
  border: 1px solid #ced4da !important;
  background-color: var(--vz-input-bg);
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  padding: 1px 4px;
}
.select2-container .select2-selection--multiple .select2-search__field {
  border: 0;
  color: #212529;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    background: transparent !important;
    color: #333;
    margin-right: 5px;
    border-color: transparent !important;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    color: #333;
    background: #e9e5e5;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin: 5px 0 0 6px;
    padding: 0 6px;
}

.select2-selection__choice__display {
    font-size: 12px !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #fff;
  background-color: #0d47a1;
}
.select2-container .select2-search--inline .select2-search__field {
  /*margin-top: 7px;
  font-family: var(--vz-font-sans-serif);*/
  width: auto !important;
}
.select2-container .select2-search textarea::-webkit-input-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea::-moz-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea:-ms-input-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea::-ms-input-placeholder {
  color: #878a99;
}
.select2-container .select2-search textarea::placeholder {
  color: #878a99;
}

.select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--vz-input-disabled-bg);
  cursor: default;
}

/*.btn {
    min-width: 120px !important;
}*/

.btn-ghost-dark:active {
    border-color: transparent !important;
}

.btn-ghost-dark:active i {
    opacity: 0.7 !important;
}

.form-icon i {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-icon.right i {
    left: auto;
    right: 18px;
}

.form-icon {
    position: relative;
}

.btn-bordless {
    color: #333;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    width: 50px !important;
}

.btn-bordless:hover, .btn-bordless:active, .btn-bordless:focus {
    color: #555 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-bordless-primary {
    color: #1a73e8;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    width: 50px !important;
}

.btn-bordless-primary:hover, .btn-bordless-primary:active, .btn-bordless-primary:focus {
    color: #0d47a1 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.w-auto {
    min-width: auto !important;
}

.dropdown-toggle.no-caret::after {
  display: none;
}

.position-fs-18 {
    position: relative;
    right: -18px;
}

@media (max-width: 991px) {
    .tab-navigation nav > ul > li.nav-expanded > a, 
    .tab-navigation nav > ul > li > a,
    .tab-navigation nav > ul > li.expanding > a {
        color: #fff !important;
        background: #2a2f35 !important;
    }

    .tab-navigation nav > ul > li > ul {
        background: #32373c !important;
    }

    .tab-navigation nav > ul > li > ul > li > a.nav-link {
        color: #fff !important;
        font-weight: 100;
    }
}

.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
    background-color: #1a73e8;
    box-shadow: 0 0 20px 0 rgba(46, 204, 113, -0.55);
}

.table > :not(caption) > * > * {
    box-shadow: none;
}

.table > :not(caption) > * > * {
    background-color: transparent !important;
}

.input-step {
    border: 1px solid #ced4da;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: visible;
    height: 39.14px;
    border-radius: 0.25rem;
    background: #fff;
    padding: 4px;
}

.input-step button {
    width: 1.4em;
    font-weight: 300;
    height: 100%;
    line-height: 0.1em;
    font-size: 1.4em;
    padding: 0.2em !important;
    background: var(--vz-light);
    color: var(--vz-body-color);
    border: none;
    border-radius: 0.25rem;
}

.input-step button {
    background: rgba(248, 250, 252, 1);
}

.input-step input {
    width: 4em;
    height: 100%;
    text-align: center;
    border: 0;
    background: transparent;
    color: var(--vz-body-color);
    border-radius: 0.25rem;
}

@media only screen and (min-width: 768px) {
    html.header-fixed .inner-wrapper {
        padding-top: 0;
        margin-top: 40px;
    }
}

.tab-navigation {
    position: fixed;
    width: -webkit-fill-available;
    max-width: 1285px;
    background-color: #202124;
    top: 57px;
    padding-right: inherit;
}

html.has-tab-navigation .content-body {
    top: 40px;
}

.nav-link:hover, .nav-link:focus {
    color: #000000; /*color: #fff;*/
}

@media (max-width: 767px) {
    html.has-tab-navigation .inner-wrapper {
        padding: 15px;
        padding-top: 0px;
    }
    html.has-tab-navigation .content-body {
        top: 60px;
    }
}

.bg-grey {
    background-color: #ecf0f1 !important;
}

.easy-autocomplete {
    width: -webkit-fill-available !important;
}

.align-euro {
    position: relative;
    top: -2px;
}

.filepond--root {
    margin-bottom: 0;
}

.userbox .dropdown-menu li {
    margin-bottom: 10px;
}

.modal-title {
    color: #33353f;
    font-size: 17px;
    margin: 0;
    font-weight: 600;
    max-width: 100%;
    font-size: 1.875em;
}

/*.modal-footer {
    justify-content: center;
}*/

@media only screen and (min-width: 768px) {
    html.header-fixed .header {
        z-index: 10;
    }
}

.filepond--root .filepond--credits[style] {
    display: none;
}

.filepond--credits {
    display: none;
}

body.modal-open {
    padding-right: 0 !important;
}

@media screen and (max-width: 767px) {
  

  .btn .label-icon + span {
        display: none; /* Esconde o texto quando o ecrã é mais pequeno */
    }
}

.card-body-md-prod {
    background-color: #fff; 
    display: flex; 
    flex-direction: column;
}

.card-body-md-info {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-decoration: none;
}

.card-body-md-img {
    display: flex; 
    justify-content: 
    center; width: 100%;
}

.card-body-md-img-height {
    height: 80px;
}

.card-body-md-align-center {
    align-self: center;
}

.card-body-md-border-top {
    display: block;
    width: 100%;
}

.card-body-md-online {
    display: flex; 
    justify-content: center; 
    padding-top: 0.5rem;
}

.text-v-space {
    line-height: 18px;
}

.height-text-md-prod {
    height: 36px;
}

.card-body-md-price-fs {
    font-size: 19px;
}

@media screen and (max-width: 767px) {

    .card-body-md-prod {
        display: flex;
        flex-direction: row;
        padding-top: 0.25rem !important;
    }

    .card-body-md-img-height {
        height: 45px;
    }

    .card-body-md-online {
        order: 1;
        margin-bottom: 10px;
        width: 30px;
    }

    .modal-basic.card-body-md-info {
        order: 2;
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-grow: 1;
    }

    .card-body-md-img {
        flex: 0 0 auto;
        margin-right: 10px;
        width: 55px;
    }

    .card-body-md-text {
        flex: 1;
    }

    .card-body-md-border-top {
        display: none;
    }

    .card-body-md-align-center {
        text-align: left;
    }

    .card-body-md-price-fs {
        font-size: 15px;
    }

    html.has-tab-navigation .content-body {
        padding: 25px 5px;
    }

    .m-mob-l {
        margin-left: 10px;
    }

    .m-mob-r {
        margin-right: 10px;
    }

    .mt-mob-2 {
        margin-top: 0.5rem !important;
    }

}

.avatar-sm {
    height: 3rem;
    width: 3rem;
}

.bootstrap-table {
    /*padding-bottom: 20px;*/
}

.btn-delete-article {
    position: absolute;
    right: 0;
    top: 10px;
}

/*.table > tbody > tr > td {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
}*/

.table > thead {
    font-size: 11px;
}

.modal-header {
    background-color: #fff !important;
    border-bottom: none !important;
}

[data-bs-theme=dark] .btn-close {
    filter: none;
}

.tr-options-show {
    background-color: #f4f4f4;
}

.btn-border-danger,
.btn-border-danger:active,
.btn-border-danger:focus {
    color: var(--bs-danger);
    background-color: transparent;
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

.btn-border-danger:hover  {
    color: #58151c;
    background-color: #f1aeb5;
    border-color: var(--bs-danger);
    box-shadow: none !important;
}

.mobile-special-size {
    width: 207px; 
    height: 121px;
}

@media screen and (max-width: 767px) {

    .input-group-mobile-discount {
        max-width: 150px;
    }

    .mobile-special-size {
        width: 165px; 
        height: 121px;
    }

}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem;
}

.btn-sm-label {
    display: block;
    padding: 2px 7px;
    font-size: 11px;
    min-width: auto !important;
}

.fc .fc-col-header-cell-cushion {
    display: block;
    padding: 8px 4px;
}

.fc .fc-button-primary,
.fc .fc-button-primary:active,
.fc .fc-button-primary:focus,
.fc .fc-button-primary:disabled {
    color: #33353F !important;
    background-color: transparent;
    border-color: #ccc;
}

.fc .fc-button-primary:hover {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.fc-h-event {
    border: 1px solid transparent;
    border: 1px solid var(--fc-event-border-color, transparent);
    background-color: transparent;
    background-color: var(--fc-event-bg-color, transparent);
}

.avatar-group {
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.avatar-group .avatar-group-item {
    margin-left: -12px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.avatar-xxs {
    height: 2.3rem;
    width: 2.3rem;
}

.avatar-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #202124;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.avatar-group .avatar-group-item:hover {
    position: relative;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    z-index: 1;
}

.table th {
    font-weight: 600;
}

html body .tabs .nav-tabs li .nav-link,
html body .tabs .nav-tabs li .nav-link i {
    color: #5e5e5e !important;
}

html body .tabs .nav-tabs li .nav-link:hover,
html body .tabs .nav-tabs li .nav-link:hover i {
    color: #000 !important;
}

.widget-user-info .widget-user-info-header {
    background: #e9e9e9;
}

.fc .fc-col-header-cell {
    background-color: #e9e9e9;
}

.select2-container--open {
  z-index: 9999999;
}

/*.card {
    -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.07);
}*/

.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover {
    background: transparent;
}

@media (max-width: 767.98px) {
    .fc .fc-toolbar > * > * {
        float: none;
    }
    .fc .fc-toolbar .fc-today-button {
        display: none;
    }

    .mar-bot-mobile {
        margin-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
    .fc-toolbar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
    }
}

.fc-direction-ltr {
    direction: ltr;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: 0.75em;
}

@media only screen and (max-width: 991px) {
    .header .header-right {
        display: none !important;
    }

    .icon-logout-mobile {
        position: absolute;
        top: 14px;
        right: 65px;
        color: #222222;
        font-size: 25px;
    }
}

.nano .nav-main .nav-link {
    font-size: 14px;
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 10px;
        text-align: center;
    }

    /*.nav-tabs .nav-link i {
        margin-right: 0 !important;
        font-size: 24px !important;
    }*/

    .nav-tabs .nav-link .nav-tab-text {
        display: none;
    }

    .tabs-primary>.nav-link, .tabs-primary .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
    }
}

.table .file-details > tr > td {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.btn-archive-paths, 
.btn-archive-paths:active,
.btn-archive-paths:focus {
    color: #1a73e8;
    border: none !important;
}

.btn-archive-paths:hover {
    color: #0d47a1;
    border: none !important;
}

.about-company-min-w {
    min-width: 110px;
    display: inline-block;
}

.search-the-folder {
    height: 300px;
    overflow-y: auto;
}

.table > tbody > tr .chat-left-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.chat-list {
    margin: 0;
}

html .chat-list > li a {
    display: block;
    padding: 14px 24px;
    color: #222222;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    font-weight: 500;
    font-size: 0.8125rem;
}

.chat-list > li.active a {
    background-color: #eaeaea;
}

.chat-list > li a:hover {
    background-color: #f4f4f4 ;
}

.chat-list > li.active a p {
    color: #0d47a1 !important;
}


.chat-user-img .user-status {
    width: 10px;
    height: 10px;
    background-color: #adb5bd;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
}

.chat-user-img.online .user-status {
    background-color: #16a34a;
}

.chat-user-img {
    position: relative;
}

.chat-room-list .bootstrap-table .fixed-table-container .fixed-table-body {
    /*max-height: 600px;*/
}

.user-chat {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 10px;
}

.user-chat-topbar {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #dadada;
}

.chat-input-section {
    position: relative;
    z-index: 1;
    border-top: 1px solid #dadada;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.chat-input-section .chat-input-feedback {
    display: none;
    position: absolute;
    top: -20px;
    left: 4px;
    font-size: 12px;
    color: #e74c3c;
}

.chat-conversation .conversation-list {
    margin-bottom: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 80%;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    padding: 12px 20px;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #fff;
}

.chat-conversation .conversation-list .ctext-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    border-radius: 20px;
}

.chat-conversation .conversation-list .ctext-wrap .ctext-wrap-content,
.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    border-radius: 20px;
}

.chat-conversation .right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.chat-conversation .chat-conversation-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.chat-conversation .right .conversation-list {
    text-align: right;
}

.chat-conversation li:last-of-type .conversation-list {
    margin-bottom: 0;
}

.chat-conversation .right .conversation-list .ctext-wrap {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.chat-conversation .conversation-list .ctext-wrap-content {
    padding: 12px 20px;
    background-color: #F4F4F5;
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
    box-shadow: 0 5px 10px rgba(30, 32, 37, 0.12);
}

.chat-conversation .conversation-list .ctext-wrap-content {
    background-color: #fff;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    background-color: #D6E7FF;
    color: #1a73e8;
    text-align: right;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content .ctext-content,
.chat-conversation .conversation-list .ctext-wrap .ctext-wrap-content .ctext-content {
    color: #222;
}

.chat-conversation {
    background: url(../images/chat-bg-pattern.png);
    background-color: #f3f3f3;
    height: calc(100vh - 212px) !important;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 12px; /* Reduced from 20px */
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 4px solid transparent; /* Reduced from 8px */
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.bootstrap-table .fixed-table-container .table {
    /*margin-bottom: 35 !important;*/
}

.chat-room-list .bootstrap-table .fixed-table-container {
    /*height: 550px;*/
}

.chat-room-list {
    background-color: #fff; 
    overflow: hidden;
    height: calc(100vh - 150px);
}

.chat-message-list li {
    background-color: #fff;
}

html.has-tab-navigation .inner-wrapper {
    background-color: #cdcdcd;
}

html.boxed.has-tab-navigation body {
    background: #cdcdcd;
}

.notifications {
    margin: 4px 0 0 0;
}

html.modern ul.nav-main li.nav-active .material-symbols-outlined {
    color: #1a73e8;
}

.side-menu-warning {
    border: 5px solid #f7d52b;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    display: inline-block;
    right: 10px;
    margin: -5px 0 0;
    position: absolute;
    top: 50%;
    z-index: 999;
}

html.modern.fixed .content-body {
    margin-top: -40px;
}

.summary-icon-style {
    background-color: #F5F5F5;
    border: 1px solid #edebeb;
}

.widget-summary i {
    color: #525961 !important;
    font-size: 40px;
}

.widget-summary .icons-summary i {
    color: #999 !important;
    font-size: 15px;
}

.widget-summary .icon-back {
    background-color: #f8f9fa;
    min-height: 92px;
    width: 100%;
}

.widget-summary .summary .amount {
    font-size: 1rem;
    font-weight: 500;
}

.widget-summary .title {
    font-size: 1rem;
    font-weight: 500;
    color: #525961;
    margin-top: 3px;
    margin-bottom: 0;
}

.widget-summary .summary-footer {
    padding: 9px 0 9px 0;
    width: 100%;
    min-height: 43px;
}

.btn-apps-dashboard:hover {
    -webkit-box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.1);;
    box-shadow: 0px 9px 20px rgba(46, 35, 94, 0.1);;
}

.btn-apps-dashboard {
    /*min-width: 243px;*/
}

.page-header {
    background: #222222 !important;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border-bottom: none !important;
}

.d-none-menu{
    display: block !important;
}

.d-md-none-menu{
    display: none !important;
}

@media only screen and (max-width: 1279px) {
    .d-none-menu{
        display: none !important;
    }

    .d-md-none-menu{
        display: block !important;
    }
}

.header .toggle-sidebar-left {
    background: #ffffff;
    color: #222222;
}

@media only screen and (min-width: 601px) {
    .dash-header-info {
        display: flex;
        align-items: center !important;
    }
}

.nav-main .tab-content-mobile-menu {
    background-color: #222222 !important;
    border: 1px solid #222222 !important;
}
.nav-tabs.nav-justified-menu-mobile li.active .nav-link, 
.nav-tabs.nav-justified-menu-mobile li.active .nav-link:hover, 
.nav-tabs.nav-justified-menu-mobile li.active .nav-link:focus {
    background: #111;
    border-left-color: #333;
    border-right-color: #333;
    /* border-top-width: 3px; */
}

.nav-tabs.nav-justified-menu-mobile li.active .nav-link {
    border-bottom: 1px solid #111;
}

.nav-tabs.nav-justified-menu-mobile li .nav-link, .nav-tabs.nav-justified-menu-mobile li .nav-link:hover {
    background: #2e2e2e;
    border-bottom: none;
    border-left: 1px solid #2e2e2e;
    border-right: 1px solid #2e2e2e;
    border-top: 3px solid #2e2e2e;
    color: #CCC;
}

.nav-tabs.nav-justified-menu-mobile li.active .nav-link:hover
{
    border-bottom: 1px solid #111;
}

.nav-justified-menu-mobile li:focus-visible
{
    border-bottom: 1px solid #111 !important;
}

.nav-tabs.nav-justified-menu-mobile li.active .nav-link, .nav-tabs.nav-justified-menu-mobile li.active .nav-link:hover, .nav-tabs.nav-justified-menu-mobile li.active .nav-link:focus {
    border-top: 3px solid #2e2e2e;
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(39, 174, 49, 0.25);
}

*:focus-visible {
    outline: none !important;
}

.nav.nav-tabs .nav-item:focus-visible,
.nav.nav-tabs .nav-item.active:focus-visible {
    outline: none !important;
}

.nav-item, .nav-item:focus, .nav-item:active, .nav-item:hover {
    outline: none !important;
    box-shadow: none !important;
}

.nav-item {
    transition: outline 0.1s ease-out;
}

.nav-item:focus, .nav-item:active {
    outline: none;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:active {
    outline: none;
    border-color: transparent;
}

#menu .nav-tabs .nav-item,
#menu .nav-tabs .nav-item .nav-link,
#menu .nav-main .nav-item,
#menu .nav-main .nav-item .nav-link {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent;
}

#menu .nav-tabs .nav-item:focus,
#menu .nav-tabs .nav-item:active,
#menu .nav-tabs .nav-item .nav-link:focus,
#menu .nav-tabs .nav-item .nav-link:active,
#menu .nav-main .nav-item:focus,
#menu .nav-main .nav-item:active,
#menu .nav-main .nav-item .nav-link:focus,
#menu .nav-main .nav-item .nav-link:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}


@media only screen and (max-width: 991px) {
    
    body {
        min-height: 100vh;
    }

    html.no-mobile-device body {
        min-height: 0;
    }

    html.modern .header {
        height: 60px;
    }

    .header .logo-container {
        height: 60px;
    }

    .page-header {
        margin: 10px 0px 4px;
    }

    html.modern .header .logo-container .logo {
        margin-top: 12px;
    }

}

/* Estilos para o menu desktop */
@media screen and (min-width: 992px) {
    #menu-conteudo-desktop {
        display: block;
    }

    #menu-conteudo-mobile {
        display: none;
    }
}

.content-body-web-chat {
    padding: 40px 0 0 0;
}

.content-body-appointments {
    padding: 40px 0 0 0;
}

/* Estilos para o menu mobile */
@media screen and (max-width: 991px) {
    #menu-conteudo-desktop {
        display: none;
    }

    #menu-conteudo-mobile {
        display: block;
    }

    .content-body-web-chat {
        padding: 0px 0 0 0;
    }
}

.chat-room-list .table {
    border-color: #fff !important;
}

.bg-avatar-grey {
    background-color: #D6E7FF !important;
}

.avatar-title-text-color {
    color: #1A73E8 !important;
}

.chat-leftsidebar {
    border-right: 1px solid #e4e4e4;
}

html.modern .scroll-to-top {
    display: none !important;
}

.user-chat .chat-content {
    position: relative;
}

.go-back-to-list-messages {
    display: none;
}

@media (max-width: 767px) {
    .user-chat {
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        height: calc(100% - 3px);
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .user-chat.user-chat-show {
        background-color: #fff;
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

        .go-back-to-list-messages {
        display: block;
    }
}


@media (max-width: 1199px) {
    .task-margint-top-mobile {
        margin-top: 20px;
    }
}

.task-table-border .table tbody {
    border-top: none !important;
}

.task-table-border .bootstrap-table .fixed-table-container .table {
    margin-bottom: 0 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .04);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, .03);
}

tbody tr td a {
    font-weight: 600 !important;
}

.form-label {
    margin-bottom: 0.1rem;
}

.nav-link-new-tabs {
    /*border-bottom: 1px solid #e7e7e7 !important;*/
    border-bottom: transparent !important;
}

.nav-link-new-tabs.active {
    position: relative;
    /*box-shadow: 1px 0 0 0 #fff !important;*/
}

.tabs-modern .nav .nav-link > i {
    color: #aaa;
}

.btn-soft-danger {
    color: #e74c3c;
    background-color: rgba(231, 76, 60, 0.1);
    border-color: transparent;
}

.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger:active {
    color: #fff !important;
    background-color: #e74c3c !important;
    border-color: transparent;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.tabs-modern .nav .nav-link {
    cursor: pointer;
}

@media (min-width: 1400px) {
    .text-xxl-end {
        text-align: right !important;
    }
}

@media (max-width: 1399px) {
        .ps-08-forms {
        padding-left: 0.8rem !important;
    }
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width)* -1);
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.easy-autocomplete input {
    box-shadow: none;
    color: #212529;
    border: var(--bs-border-width) solid var(--bs-border-color);
}

.botao-fixo {
    position: fixed;
    bottom: 60px;
    right: 45px;
}

.form-check-input:checked {
    background-color: #1a73e8;
    border-color: #1a73e8;
}

.form-check-input:focus {
    border-color: #88fe86;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(39, 174, 49, 0.25);
}

@media (min-height: 800px) and (min-width: 992px) {
    .action-buttons-fixed .action-buttons {
        padding: 15px 25px;
    }
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.swal2-close:focus {
    outline: 0;
    box-shadow: none !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.description-date {
    display: block;
    color: #999;
    font-size: 11.2px;
    font-size: 0.7rem;
    line-height: 1.334;
}

.ms-015 {
    margin-left: 0.15rem !important;
}

.btn-soft-dark {
    color: #222222 !important;
    background-color: rgba(34, 34, 34, 0.1) !important;
    border-color: rgba(34, 34, 34, 0.1) !important;
}

.btn-soft-dark:hover {
    color: #ffffff !important;
    background-color: var(--ebweb-primary) !important;
    border-color: transparent !important;
}

.btn-label-payment {
    position: relative;
    padding-left: 44px;
}

.btn-label-payment .label-icon {
    border-top-left-radius: 4.375px;
    border-bottom-left-radius: 4.375px;
    position: absolute;
    width: 35.5px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    background-color: rgba(255, 255, 255, 0.1);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-preview {
    min-width: 260px !important;
}

.bt-1px {
    border-bottom: 1px solid #ccc;
}

.btn-related .right {
  margin-left: auto;
}

.btn-related .left {
  margin-right: 10px;
}

.text-success {
    color: #16a34a !important;
}

.text-warning {
    color: #ca8a04 !important;
}

.text-info {
    color: #00a1c1 !important;
}

.table > tbody > tr > td.invoice-preview-line1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.bb-none {
    border-bottom: none !important;
}

.matrix-tables-min-width {
    position: relative;
    min-width: 120px !important;
}

/* Cadeiras */
.mesa-container {
    
    width: 100px;
    height: 100px;
}

.mesa {
    width: 100%;
    height: 100%;
    background-color: #d1dae7;
    border: 2px solid #6c757d;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.cadeira {
    position: absolute;
    width: 13%;
    height: 7px;
    background-color: #707070;
    border: 1px solid #646464;
    box-shadow: none !important;
}

.cadeira-top {
    top: 7px;
    left: 44%;
}

.cadeira-bottom {
    bottom: 7px;
    left: 44%;
}

.cadeira-left {
    left: 26px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.cadeira-right {
    right: 26px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}




.tablesContainerMaxWidthShow {
    display: block;
}

.tablesContainerMaxWidthError {
    display: none;
}

@media (max-width: 1299px) {
        .tablesContainerMaxWidthShow {
        display: none;
    }

    .tablesContainerMaxWidthError {
        display: block;
    }
}

.orders-leftsidebar {
    border-right: 1px solid #e4e4e4;
}

.order-items {
    background-color: #fff;
    /*height: 455px;
    height: calc(100vh - 280px);*/
    overflow-y: auto;
}

.table-responsive-pos{
    /*height: 580px; */
    height: calc(100vh - 160px);
    overflow-y: auto; 
    display: flow;
}

.btn-cadeiras {
    width: 120px !important;
}

.info.group-by td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.titleClientRepairTicket {
    display: block;
    font-weight: 700;
    font-size: 13.6px;
    font-size: 0.85rem;
    line-height: 1.4;
    color: #171717;
}

.swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
    border: 1px solid #d9d9d9 !important;
    outline: 0;
    box-shadow: none !important;
}

.btn-repair-docs {
    height: 58px;
    padding-top: 0.5rem !important;
    width: 100% !important;
    position: relative;
}

.label-repair-docs {
    color: rgba(33,37,41, 0.65);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

.h2-repair-docs {
    margin-top: 10px;
    text-align: justify;
    font-size: 25px;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.dash-tabs li.active .nav-link,
.dash-tabs li.active .nav-link:hover,
.dash-tabs li.active .nav-link:focus {
    border-top: none !important;
    border-radius: unset;
}

.dash-tabs li .nav-link,
.dash-tabs li .nav-link:hover,
.dash-tabs li .nav-link:focus {
    border-top: none !important;
    border-radius: unset;
}

.card-body-dash-graphics-height {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* Alinha o conteúdo ao fundo */
    height: 355px;
}

.card-body-dash-clients-height {
    height: 425px;
}

.appTitlePageHeader {
    font-size: 11px !important;
    font-weight: 400 !important;
}

html.modern ul.nav-main li.nav-group-label {
    padding: 3px 25px;
    margin-top: 5px;
}

.bnt-article-view-width {
    width: 260px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.custom-swal-width {
    width: 900px!important;
}

.card-company-info {
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
    margin: 15px;
}

.note-editor, .note-editor.note-frame {
    max-height: 530px;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none !important;
}

.note-editor .note-editing-area .note-editable table td, .note-editor .note-editing-area .note-editable table th {
    border: none !important;
    padding: 5px 3px;
}

.z-index-1060 {
    z-index: 1060 !important;
}

.alert-white {
    background-color: #ffffff;
    border-color: #d7d7d7;
    color: #6c6b6b;
    overflow: hidden;
}

.alert-white:before {
    content: '';
    width: 4px;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #1c1d1e;
}

.alert.alert-white:before {
    background: #f0ad4e;
}

.alert-dash-icon {
    color: #f0ad4e !important;
}

.alert-white-py {
    padding-bottom: 10px;
    padding-top: 10px;
}

/*.fc-direction-ltr .fc-daygrid-event .fc-event-time,
.fc-direction-ltr .fc-daygrid-event .fc-event-title {
    color: #fff !important;
}

#calendar .fc-list-event-title a {
    color: #fff !important;
}

.fc-list-event-time {
    position: relative;
    color: #fff;
}

.fc .fc-list-event-dot {
    border: 5px solid transparent;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, transparent);
}

.fc-daygrid-event-dot {
    border: 4px solid #fff;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #fff);
}

.fc .fc-list-event:hover td {
    cursor: pointer;
    background-color: inherit;
}*/

.notify-me-alert:after {
    background: #ffc107 !important;
    top: 16px;
    content: "";
    position: absolute;
    right: 8px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #e2e3e4;
    transition: background .2s;
}

.notify-me-alert-pos {
    margin-top: 4px;
    background: #ffc107 !important;
    content: "";
    position: absolute;
    left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e2e3e4;
}


.modal-dialog {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    /*height: 100vh;           /* Full viewport height */
}

.toggle-sidebar-left .bx-x,
.toggle-sidebar-left .bx-menu {
    transition: opacity 0.3s ease, transform 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.toggle-sidebar-left .bx-x {
    opacity: 0;
    transform: translateX(20px);
}

.toggle-sidebar-left .bx-menu {
    opacity: 1;
    transform: translateX(0);
}

.sidebar-left-opened .toggle-sidebar-left .bx-x {
    opacity: 1;
    transform: translateX(0);
}

.sidebar-left-opened .toggle-sidebar-left .bx-menu {
    opacity: 0;
    transform: translateX(-20px);
}

.hidden-aba-custom {
    visibility: hidden;
}

.widget-summary .widget-icon-summary {
    color: #ffffff !important;
}

.btn-widget-summary-primary {
    background-color: #1a73e8;
    border-color: #1a73e8 #1a73e8 #1a73e8;
    color: #FFF;
}

.btn-widget-summary-primary:hover {
    background-color: #0d47a1;
    border-color: #0d47a1 #0d47a1 #0d47a1;
    color: #FFF;
}

.btn-widget-summary-dark {
    background-color: #222222;
    border-color: #222222 #222222 #181c21;
    color: #FFF;
}

.btn-widget-summary-dark:hover {
    background-color: #3e4854;
    border-color: #444e5b #444e5b #222222;;
    color: #FFF;
}

.action-buttons {
    border-top: 1px solid #bbb;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 990px) {
    .table-responsive #documentTable {
        overflow-x: auto; /* Habilita a rolagem horizontal apenas quando necessário */
        width: 100%; /* Garante que a tabela ocupe a largura total do contêiner */
        display: block; /* Garante que a tabela seja tratada como um bloco */
        white-space: nowrap; /* Impede que o conteúdo da tabela quebre em várias linhas */
    }

    .bill-data.text-end {
        text-align: left !important;

    }

    .action-buttons {
        border-top: none !important;
        box-shadow: none !important;
    }

    .padtop-3-mobile {
        padding-top: 30px !important;
    }

    .btn-full-mobile {
        width: 100%;
        text-align: center;
    }

    .btn-mt-2-mobile {
        margin-top: 0.5rem !important;
    }

    .mobile-bottom-space {
        padding-bottom: 47px !important;
    }
}

.total-before-border {
    position: relative;
}

.total-before-border:before {
    content: '';
    position: absolute;
    top: -20px;
    left: auto;
    right: 12px;
    width: 200px;
    height: 1px;
    background-color: #dee2e6;
}

.qtd-info-warning {
    background: #FF6600 !important;
    width: auto !important;
    height: auto !important;
    padding-bottom: .125rem 2px !important;
    padding-top: .125rem !important;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
    right: -15px !important;
    border-radius: 9999px !important;
    top: 0px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    justify-content: center !important;
    min-width: 18px;
    min-height: 18px;
    display: inline-flex !important;
}

.qtd-info-warning-bottom {
    position: absolute;
    background: #FF6600 !important;
    width: 19px !important;
    height: 19px !important;
    top: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-left: 21px;
    padding-right: 5px;
}

.bottom-bar-mobile-menu {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    z-index: 10;
}



@media (min-width: 991px) {
    .bottom-bar-mobile-menu {
        display: none !important;
    }

    /*.modal-dialog {
        height: 100vh;
    }*/ 
}

.total-pos-1{
    font-size: 20px;
}

@media (max-width: 1367px) {
    #docTotal {
        font-size: 20px !important;
    }

    .total-pos-1{
        font-size: 15px;
    }
}

.bar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    position: relative;
}

.icon-wrapper-bar-item {
    position: relative;
    display: inline-block;
}

.bar-item i {
    font-size: 22px;
    margin-bottom: 5px;
}

.bar-item span {
    font-size: 12px;
}

/* Estilo da notificação */
.notification-bar-item-mobile {
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #3ee5df;
    color: #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
}

/* Efeito hover */
.bar-item:hover {
    color: #007bff;
}

#notificationDropdown .dropdown-menu-lg:before {
    border-bottom: 6px solid #CCC;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    height: 0;
    margin-right: -3px;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #222;
    bottom: 100%;
    right: 16px;
}

html.modern #notificationDropdown .dropdown-menu-lg {
    right: -15px !important;
    box-shadow: 10px 30px 52px -28px rgba(0, 0, 0, 0.2);
}

.sidebar-right {
    background: #fff;
    border-left: 1px solid #ccc;
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.04);
}

.btn-calculator, .btn-calculator:focus {
    margin-top: 5px;
    margin-left: 5px;
    height: 65px;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    background: #e6e6e6;
    border: 1px solid #d4d4d4;
    border-radius: 5px !important;
}

.btn-calculator-check, .btn-calculator-check:focus {
    color: #fff;
    background: #1A73E8;
    border: 1px solid #1A73E8;
}

.btn-calculator:hover {
    background: #f2f2f2 !important;
    border: 1px solid #d4d4d4 !important;
    border-radius: 5px !important;
}

.btn-calculator-check:hover {
    color: #fff !important;
    background: #0D47A1 !important;
    border: 1px solid #0D47A1 !important;
    border-radius: 5px !important;
}

.text-center-vh {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-fechar-numeric-key {
    margin-top: 3px;
    margin-left: 5px;
    height: 50px;
}

.display {
    font-size: 32px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.text-decoration-underline {
    text-decoration: underline;
}

.b-pad-15 {
    border-bottom: 1px dotted #E2E2E2;
    padding-bottom: 15px;
}

/* Container da matriz */
.matrix-pos {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.btn-table-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    cursor: default !important;
}

.btn-table-disabled:disabled {
  pointer-events: none !important; /* Impede cliques */
  outline: none !important; /* Remove a borda ao clicar */
  user-select: none !important; /* Impede seleção de texto */
  cursor: default !important;
}

/* Cada célula da matriz */
.cell-pos {
    flex: 1; /* Cada célula ocupa uma fração igual do espaço horizontal */
    border: 1px solid #e6e6e7; /* Adiciona uma borda para visualização */
}

.btn-pos-w-auto {
    min-width: auto !important;
}

.btn-height-pos {
    height: 61px;
}

.btn-pad-pos {
    padding: 5px 5px !important;
}

.bg-soft-danger {
    background-color: rgba(255, 182, 193, 0.5) !important;
}

.table-card-notes-left {
    height: calc(100vh - 210px);
}

/* Add here all your CSS customizations */
/* Layout Base - Sidebar Right */
.sidebar-right {
    bottom: 0;
    right: -300px;
    min-height: 100vh;
    position: fixed;
    top: 0;
    width: 300px;
    transition: right 0.3s ease;
    z-index: 9999; /* Acima do overlay */
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3); /* Sombra para efeito de profundidade */
}

/* Overlay */
.sidebar-right-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    cursor: pointer;
}

/* Quando a sidebar está aberta */
.sidebar-right-opened .sidebar-right {
    right: 0;
}

.sidebar-right-opened .sidebar-right-overlay {
    opacity: 1;
    visibility: visible;
}

/* Botão de fechar mobile (ajuste se necessário) */
.mobile-close {
    color: #fff;
    padding: 10px;
    display: block;
    text-align: right;
}

/* Remove todos os ajustes antigos que empurravam o conteúdo */
.sidebar-right-opened .header,
.sidebar-right-opened .inner-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Garante que apenas a seta mude no hover */
.notification-icon:hover .sair-svg {
    fill: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

/* Opcional: Efeito de cursor */
.notification-icon {
    cursor: pointer;
    display: inline-block;
}

.profile-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.userbox .name, .userbox i {
    line-height: 0.9rem;
    color: #9ca3af !important;
}

.userbox:hover .name, .userbox:hover i {
    color: #666 !important;
}

.notification-icon:hover .opcoes-svg {
    fill: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

.notification-icon:hover .pos-svg {
    fill: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

.notification-icon:hover .web-chat-svg {
    fill: #666 !important; /* Azul no hover */
    stroke: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

.notification-icon:hover .my-notes-svg {
    fill: #666 !important; /* Azul no hover */
    stroke: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

.notification-icon:hover .order-cart-svg {
    fill: #666 !important; /* Azul no hover */
    stroke: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}


.notification-icon:hover .my-calendar-svg {
    fill: #666 !important; /* Azul no hover */
    stroke: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}


.notification-icon:hover .my-stock-svg {
    fill: #666 !important; /* Azul no hover */
    stroke: #666 !important; /* Azul no hover */
    transition: fill 0.1s ease;
}

.userbox:hover .name {
    color: #666 !important;
}

html.modern .userbox .profile-picture.profile-picture-as-text {
    width: 30px;
    height: 30px;
    font-size: 14px;
    margin-right: 10px;
}

.header .separator {
    background-image: linear-gradient(#35393e 0%, #35393e);
    margin: 0 34px 0;
}

.listTitleSearchHeader {
    font-size: 12px !important;
    font-weight: 400 !important;
    /*margin-left: 0.5rem !important;*/
    margin-top: 0.5rem !important;
}

.list-mt-0 .bootstrap-table .fixed-table-toolbar .search {
    margin-top: 0px !important;
}

.bg-table-responsive-soft-blue {
    --bs-bg-opacity: 1;
        background: #f1f1f5;
        border-bottom: 1px solid #bdbbbb;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: .55rem;
}

.schedule-status-circle-red:before {
    border: 5px solid #ea5455;
    border-radius: 50px;
    content: '';
    display: inline-block;
    left: 0;
    margin: -5px 7px 0 0;
    position: relative;
    top: 50%;
    z-index: 999;
}

/*.schedule-status-circle-green:before {
    border: 5px solid #47a447;
    border-radius: 100px;
    content: '';
    display: inline-block;
    left: 0;
    margin: -5px 10px 0 0;
    position: relative;
    top: 50%;
    z-index: 999;
}*/

html.modern ul.nav-main li.nav-expanded > a {
    background: #fff;
    border-radius: .375rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    border: 1px solid rgb(15 23 42 / .15);
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
}

ul.nav-main li .nav-children {
    background: #FFD459; /*background: #25262a;*/
}

ul.nav-main > li > a:focus,
ul.nav-main > li > ul > li > a:focus {
    background-color: #e6c157;
}

ul.nav-main li .nav-children li a:hover, ul.nav-main li .nav-children li a:focus {
    background-color: #e6c157; /*background: #2E323E;*/
}

ul.nav-main > li.active > a,
ul.nav-main > li.active > a:hover,
ul.nav-main > li.active > a:focus {
    background: #e6c157;
    border-radius: .375rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    border: none;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
}

ul.nav-main > li > ul > li.active > a,
ul.nav-main > li > ul > li.active > a:hover,
ul.nav-main > li > ul > li.active > a:focus {
    background-color: #F4F4F5; 
    color: #000 !important;
    font-weight: 500;
}

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #e5e7eb;
}

html.no-overflowscrolling .nano > .nano-pane {
    background-color: transparent !important;
}

html body .tabs .nav-tabs li.active .nav-link,
html body .tabs .nav-tabs li.active .nav-link i {
    /*color: #1a73e8 !important;*/
    color: #000 !important;
}

.icon-payments-debts {
    position: relative;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    height: 2.5rem;
    width: 2.5rem;
    font-size: .8rem;
    line-height: 2.5rem;
}

.font-left-px {
    position: relative;
    font-size: 19px;
}

.icon-payments-debts-red {
    background-color: rgb(255,142,111,0.1)!important;
    color: rgb(255,142,111,1.0);
    border: 2px solid rgb(255,142,111,0.8);
}

.icon-payments-debts-green {
    background-color: rgb(51,206,168,0.1);
    color: rgb(51,206,168,1.0);
    border: 2px solid rgb(51,206,168,0.25);
}

.icon-payments-debts-purple {
    background-color: rgb(158,92,247,0.1);
    color: rgb(158,92,247,1.0);
    border: 2px solid rgb(158,92,247,0.25);
}

.icon-payments-debts-orange {
    background-color: rgb(249,187,54,0.1);
    color: rgb(249,187,54,1.0);
    border: 2px solid rgb(249,187,54,0.25);
}

.company-logo-header {
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 2.5rem; 
    height: 2.5rem; 
    border-radius: 50%; 
    border: 1px solid #f7f7f7; 
    overflow: hidden; 
    margin-right: 0.8rem; 
    background-color: transparent; 
    flex-shrink: 0; 
    box-shadow: 4px 0 4px rgba(0,0,0,0.08);
}

.company-logo-header-img {
    width: 100%; 
    height: 100%; 
    object-fit: contain; 
    transform: scale(2.3);
}

.company-logo-header-name {
    text-transform: none; 
    font-size: 16px; 
    color: inherit;
}

/* POS */

html.header-dark-POS .header {
    background: #ffffff;
    border-bottom-color: #ffffff;
    border-top-color: #ffffff;
}

html.header-dark-POS.modern .header.header-nav-menu .logo:after {
    background: #ffffff !important;
    }

.posContainer {
    background-color: #F2F5F9;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    height: calc(100% - 70px);
}

.leftContent {
    order: 1;
    flex: 1;
    padding: 0;
    margin: 0;
    height: 100%;
    padding: 10px 0 10px 10px;
}

.rightContent {
    background-color: #fff;
    border-top: 3px solid #F2F5F9;
    position: relative;
    order: 2;
    min-width: 460px;
    overflow-x: hidden;
    flex: 0 0 460px;
    margin: 0;
    height: 100%;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.sideMenuRightPOS {
    background-color: #1E1E1E;
    position: relative;
    order: 3;
    min-width: 80px;
    flex: 0 0 80px;
    margin: 0;
    height: 100%;
    text-align: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.menuRightPOS {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.menuRightPOS > a {
    display: block;
    margin: 10px 0;
}

.bottom-btns-POS {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bottom-btns-POS > a:last-child {
    margin-bottom: 0;
}

.bottom-btns-POS > a {
    display: block;
    margin: 10px 0;
}

.familias-content-POS {
    padding-right: 10px;
    height: 66px;
    width: 100%;
    overflow-y: hidden;
}

.produtos-content-POS {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    margin: 0;
}

.produtod-container-POS {
    overflow: hidden;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex: 1 1 1px;
    /*overflow-y: auto;*/
}

.rightContainer-POS {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
    list-style: none;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 5px;
    overflow: hidden;
}

.containerTablesPOS {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 5px;
}

.btn-with-POS {
    width: 125px !important;
    font-size: 16px;
}

.containerItemsPOS {
    flex: 1;
    display: flex;
    overflow: auto;
    margin: 5px;
}

.showItemsPOS {
    width: 100%;
}

.order-items {
    border: 1px solid #fff;
    border-radius: 5px;
}

.showTotalsPOS {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 10px 5px 5px 5px;
}

.showTotalsPOSContiner {
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.bottomBtnPayPOS {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 10px 5px;
}

#tableViewOrder.tableItemsPricesPOS tr > td {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.menuRightPOS a span {
    color:#5F6B7B;
}

.menuRightPOS a:hover span {
    color: #fff;
}

.menuRightPOS a:hover svg {
    fill: #fff !important;
}

.userbox-circle {
    width: 80px;
    background-color: #1E1E1E;
    height: 72px !important;
}

html.modern .userbox-circle .profile-picture.profile-picture-as-text {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: 600;
    border-radius: 100%;
}

html.modern .userbox-circle .profile-picture.profile-picture-as-text {
    background: #1a73e8;
}

html.modern .userbox-circle .profile-picture.profile-picture-as-text {
    width: 50px;
    height: 50px;
    font-size: 20px;
}

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

/* Estilo base do botão (cor normal e hover) */
html.modern .notifications > li .fs-notification-btn,
html.header-dark .notifications > li .fs-notification-btn {
    color: #9b9da3 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

html.modern .notifications > li .fs-notification-btn:hover,
html.header-dark .notifications > li .fs-notification-btn:hover {
    color: #555 !important;
}

/* Ícone e texto herdam a cor do <a> (sem precisar repetir hover) */
html.modern .notifications > li .fs-notification-btn i,
html.modern .notifications > li .fs-notification-btn span,
html.header-dark .notifications > li .fs-notification-btn i,
html.header-dark .notifications > li .fs-notification-btn span {
    color: inherit !important;
}

.btn-primary svg {
    transition: all 0.3s ease; /* Garante que o SVG tenha a mesma transição */
    fill: #fff !important; /* Faz o SVG herdar a cor do texto */
}

.btn-primary:hover svg, .btn-primary.hover svg, 
.btn-primary:active svg, .btn-primary.active svg {
    fill: #fff !important; /* Herda a cor do texto (que será branco no hover) */
}


.btn-primary-outlined {
    background-color: transparent;
    border-color: #1a73e8;
    color: #1a73e8;
    font-weight: 600;
    transition: all 0.3s ease; /* Adiciona transição suave para o botão */
}

.btn-primary-outlined svg {
    transition: all 0.3s ease; /* Garante que o SVG tenha a mesma transição */
    fill: #1a73e8 !important; /* Faz o SVG herdar a cor do texto */
}

.btn-primary-outlined:hover, .btn-primary-outlined.hover, 
.btn-primary-outlined:active, .btn-primary-outlined.active {
    background-color: #1a73e8 !important;
    border-color: #1a73e8 !important;
    color: #fff !important;
}

.btn-primary-outlined:hover svg, .btn-primary-outlined.hover svg, 
.btn-primary-outlined:active svg, .btn-primary-outlined.active svg {
    fill: #fff !important; /* Herda a cor do texto (que será branco no hover) */
}

.btn-primary-outlined:focus, .btn-primary-outlined.focus {
    background-color: transparent;
    border-color: #1a73e8;
    color: #1a73e8;
}

.btn-default-outlined {
    background-color: #1E1E1E;
    border-color: #1E1E1E;
    color: #eee;
    font-weight: 600;
    transition: all 0.3s ease; /* Adiciona transição suave */
}

.btn-default-outlined svg {
    transition: all 0.3s ease; /* Transição para o SVG */
    fill: #eee !important; /* SVG na cor do texto */
}

.btn-default-outlined:hover, .btn-default-outlined.hover, 
.btn-default-outlined:active, .btn-default-outlined.active {
    background-color: #2e2e2e !important;
    border-color: #2e2e2e !important;
    color: #fff !important;
}

.btn-default-outlined:hover svg, .btn-default-outlined.hover svg, 
.btn-default-outlined:active svg, .btn-default-outlined.active svg {
    fill: #fff !important; /* Cor do texto no hover */
}

.btn-default-outlined:focus, .btn-default-outlined.focus {
    background-color: #1E1E1E;
    border-color: #1E1E1E;
    color: #eee;
}

.btn-default-outlined.disabled, .btn-primary-outlined:disabled {
    background-color: transparent;
    color: #aaa;
    border-color: #aaa;
}

.btn-danger-outlined {
    background-color: transparent;
    border-color: #ff5d58;
    color: #ff5d58;
}

.btn-danger-outlined:hover, .btn-danger-outlined.hover,
.btn-danger-outlined:active, .btn-danger-outlined.active {
    background-color: #ff5d58 !important;
    border-color: #ff5d58 !important;
    color: #fff !important;
}

.btn-danger-outlined:focus, .btn-danger-outlined.focus {
    background-color: transparent;
    border-color: #ff5d58;
    color: #ff5d58;
}


.btn-width-POS {
    min-width: 200px !important;
    min-height: 50px !important;
}

.showTotalsPOSBtns {
    width: 98px;
}

.article-POS-item-wrap {
    width: 120px;
    margin: 0 20px 20px 0;
    cursor: pointer;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border: solid 1px #cdcdcd;
    background-color: #fff;
    color: #111;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.article-POS-item-wrap:active {
    border: none !important;
}

.article-POS-item-wrap-image {
    height: 69px;
    min-height: 40px;
    display: flex;
    width: 100%;
    background-size: cover;
    background-position: top;
}

.pad-5-pos {
    padding: 5px;
}

.article-POS-item-wrap-price {
    font-size: 14px !important;
    margin-bottom: 0;   
}

.row-articles-pos {
    margin-right: 0px !important;
    margin-left: 10px !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600;
}

.tables-container-styles {
    height: 42px;
    padding: 4px 10px 4px 10px;
    background-color: #F2F5F9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    width: 173px;
}

.card.card-big-info .card-body > .row > div[class*="col-"] {
    background: #fff;
}

.tabs-modern .nav-link.menualteradoOpcoes {
    background-color: #fff;
    color: #777;
}

/* Estilos para as setas dos menus (similar ao exemplo fornecido) */
.tabs-modern .nav-link.menualteradoOpcoes[aria-expanded="true"]::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.6rem;
    color: #57595b;
    position: absolute;
    right: 15px;
    transition: ease color 300ms, ease transform 300ms;
    transform: rotate(90deg);
}

.tabs-modern .nav-link.menualteradoOpcoes[aria-expanded="false"]::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 0.6rem;
    color: #57595b;
    position: absolute;
    right: 15px;
    transition: ease color 300ms, ease transform 300ms;
}

/* Estilo para o item ativo */
.tabs-modern .nav-link.menualteradoOpcoes.active-menualteradoOpcoes,
.tabs-modern .nav-link.menualteradoOpcoes.active-menualteradoOpcoes i {
    color: #000;
}

/* Estilo para os submenus */
.tabs-modern .nav-link-new-tabs.menualteradoOpcoes.active-menualteradoOpcoes {
    color: #000;
}

/* Espaçamento para os itens do menu */
.tabs-modern .nav-link.menualteradoOpcoes {
    position: relative;
    padding-left: 15px !important;
}

.tabs-modern .nav .nav-link.active,
.tabs-modern .nav .nav-link.active i {
    border-radius: unset !important;
    color: #000 !important;
    font-weight: 600 !important;
}

input.form-control, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select.form-control, textarea.form-control, .select2-container { background-color: rgba(249, 250, 251, .7); }

.form-control:focus { border: 2px solid rgb(59 130 246 / 1); box-shadow: none; }

.select2-container--open { border: 2px solid rgb(59 130 246 / 1); box-shadow: none; border-radius: 5px; height: 34px; }

.form-label { color: rgb(75 85 99 / 1) !important; font-weight: 600 !important; }

/*.bootstrap-table .fixed-table-container .fixed-table-body { height: auto !important; overflow: visible !important;}*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 27px !important;
    padding-right: 2px !important;
}

.h-48 {
    height: 48px;
}

html.modern ul.nav-main li.active i,
html.modern ul.nav-main li.active span {
    color: #000;
}

.nav-link-svgs{
    width: 30px; /* Ajuste conforme necessário */
}

.navLinkTop {
    max-height: 40px; 
    align-items: center;
}

.navLinkSubTop {
    max-height: 38px; 
    align-items: center;
}

.nav-group-label-submenu {
    padding: 3px 23px;
    margin-top: 5px;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    text-transform: uppercase;
    width: 100%;
    color: #777;
}

html body .tabs .nav-tabs li.active .nav-link, html.dark body .tabs .nav-tabs li.active .nav-link {
    background-color: #fff;
    border-radius: .5rem;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    border: 1px solid rgb(15 23 42 / .15);
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #F3F4F6;
    color: #777;
}

input.form-control {
    height: 34px;
    min-height: 34px !important;
}

textarea.form-control {
    height: auto;
}

.input-group button, .input-group select {
    max-height: 34px !important;
}

*,*:before,*:after{box-sizing: border-box;}
.flashing{
    width: 20px;
    height: 20px;
    cursor: default;
    position: absolute;
    left: 7px;
    top: -9px;
}
.flashing:before{
    animation: flashing 1s 1s ease-out;
    border: 3px solid #79e7ff;
}
.flashing:after{
    animation: flashing 1s .5s ease-in;
    border: 3px solid #79e7ff;
}
.flashing:before,
.flashing:after{
    content: "";
    width: 70%;
    height:70%;
    display: block;
    border-radius: 50%;
    background: #3ee5df;
    opacity: 0;
    animation-iteration-count: infinite;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

@keyframes flashing{
    0%{-webkit-transform:scale(.1,.1);opacity:0}
    50%{opacity:1}
    100%{-webkit-transform:scale(1.2,1.2);opacity:0}
}

.notification-icon::after,
.icon-logout-mobile::after,
.dropdown-toggle::after {
    content: none !important;
    display: none !important;
}

.notification-menu .image i {
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.mobile-menus-right-icons {
    border-bottom: 1px solid #eee;
    padding-bottom: 13px;
}

@media only screen and (max-width: 991px) {
    .notification-menu {
        transform: translate3d(-20%, 50px, 0px) !important;
    }
}

/* Scroll menu start */
.nav-tabs-container {
    margin-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
    background-color: #E9EAED; /* ou outra cor adequada */
    padding: 3px 15px;
    border-radius: 0.375rem;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.overflow-auto {
    overflow: auto !important;
}

.nav-tabs-container {
    -webkit-overflow-scrolling: touch;
}

.nav-tabs-container .nav-item {
    white-space: nowrap;
    flex: 0 0 auto;
}

.nav-tabs-container {
    scroll-behavior: smooth;
}

.nav-tabs-wrapper {
    position: relative;
    overflow: hidden;
}

.nav-tabs-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.nav-tabs-container::-webkit-scrollbar {
    display: none;
}

.nav-tabs-scroll-btn {
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    width: 30px;
    height: 49px;
    background-color: #EDEFF1;
    border-bottom-right-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s;
}

.nav-tabs-wrapper:hover .nav-tabs-scroll-btn {
    opacity: 1;
}

.nav-tabs-scroll-btn.left {
    left: 0px;
}

.nav-tabs-scroll-btn.right {
    right: 0px;
}

.nav-tabs-scroll-btn i {
    font-size: 12px;
    color: #495057;
}

.nav-tabs-scroll-btn:hover {
    background-color: #f8f9fa;
}

.nav-tabs-scroll-btn.hidden {
    display: none !important;
}
/* Scroll menu end */

.sub-content-tab {
    box-shadow: none;
    border: none;
}

.sub-nav-tabs {
    border: 1px solid #dce1ef;
    background-color: #F3F4F6;
}

html body .tabs .sub-nav-tabs li .nav-link, html.dark body .tabs .sub-nav-tabs li .nav-link {
    background-color: #F3F4F6;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #dce1ef;
}

html body .tabs .sub-nav-tabs .nav-link:hover, html.dark body .tabs .sub-nav-tabs .nav-link:hover, html body .tabs .sub-nav-tabs .nav-link:focus, html.dark body .tabs .sub-nav-tabs .nav-link:focus {
    border-top-color: transparent !important;
    border-bottom: 1px solid #dce1ef !important;
}

html body .tabs .sub-nav-tabs li.active .nav-link, html.dark body .tabs .sub-nav-tabs li.active .nav-link {
    background-color: #F3F4F6;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid #222 !important;
}

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

.form-control.h-30:not(.form-control-sm):not(.form-control-lg) {
    height: 30px !important;
    min-height: 30px !important;
}

.form-control.h-30:not(.form-control-lg) {
    line-height: 1.1 !important;
    border-color: #aaa !important;
}

select.form-select.h-30 {
    height: 30px !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    padding: 0.18rem 2.25rem 0.18rem 0.75rem !important;
    border-color: #aaa !important;
}

span.input-group-text.h-30 {
    border-color: #aaa !important;
}

.input-group-sm > .input-group-text.h-30 {
    border-color: #aaa !important;
}

/*Scrol para menu SubTabs -----------------------*/

.sub-nav-tabs li a {
     white-space: nowrap;
}

/* Estilo para o wrapper das subtabs */
.sub-nav-tabs-wrapper {
    position: relative;
    overflow: hidden;
}

/* Container das subtabs */
.sub-nav-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 30px; /* Espaço para os botões */
}

.sub-nav-tabs::-webkit-scrollbar {
    display: none;
}

/* Botões de navegação */
.scroll-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.scroll-btn.left {
    left: 0;
}

.scroll-btn.right {
    right: 0;
}

.scroll-btn i {
    font-size: 14px;
    color: #333;
}

.sub-nav-tabs-wrapper:hover .scroll-btn {
    opacity: 1;
}

.scroll-btn.hidden {
    display: none !important;
}

/* Estilos para subtabs com scroll */
.sub-tabs-container {
    position: relative;
    overflow: hidden;
}

.sub-tabs-scrollable {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 0 30px;
    margin: 0 -30px;
}

.sub-tabs-scrollable::-webkit-scrollbar {
    display: none;
}

.sub-tabs-scroll-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.sub-tabs-scroll-btn.left {
    left: 0;
}

.sub-tabs-scroll-btn.right {
    right: 0;
}

.sub-tabs-container:hover .sub-tabs-scroll-btn {
    opacity: 1;
}

.sub-tabs-scroll-btn.hidden {
    display: none !important;
}

/*Scrol para menu SubTabs -----------------------*/

@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}

.fa-lg {
    font-size: 0.8em !important;
}

.fa-lg-user {
    font-size: 1.35em;
    margin-right: 8px;
}

.notifyme {
    top: -4px;
}

html.modern .notifications > li .notifyme i {
    color: #f7f7f7;
}

html.modern .notifications > li .notifyme:hover i {
    color: #a0a9bb;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

html body .tabs .nav-tabs li.active .nav-link.reset,
html body .tabs .nav-tabs li.active .nav-link.reset:hover {
    border-radius: 0;
    background: #FFF;
    border-left-color: #EEE;
    border-right-color: #EEE;
    border-top: 1px solid rgb(15 23 42 / .15) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    border: 1px solid rgb(15 23 42 / .15);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0px 9px 0px -1px rgba(255,255,255,1);
    -webkit-box-shadow: 0px 9px 0px -1px rgba(255,255,255,1);
    -moz-box-shadow: 0px 9px 0px -1px rgba(255,255,255,1);
}

html body .tabs .nav-tabs li .nav-link.reset,
html body .tabs .nav-tabs li .nav-link.reset:hover {
    border-radius: 0;
    background: #f1f1f1;
}

.tr-0 {
    background: transparent !important;
}

.invoice .bill-data .value {
    width: 115px;
}

.commerceTitle {
    background-color: #EBEBEB;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow-x: auto;
    overflow-y: auto;
    height: auto !important;
}

h4.card-title.dashboard {
    font-size: 14px;
}

.widget-user-info .widget-user-info-header .widget-user-acrostic {
    color: #999;
}


@media only screen and (min-width: 992px) {
    html.modern .header.header-nav-menu .logo:after {
        background: #121212;
    }
}

.header {
    background: #121212;
    border-top: 3px solid #121212;
}

.pagination {
    --bs-pagination-padding-x: 0.7rem;
    --bs-pagination-padding-y: 0.3rem;
    --bs-pagination-font-size: 0.8rem;
}

.label-inv {
    align-items: center;
    border-radius: .375rem;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 500;
    line-height: 1rem;
    padding: .25rem .5rem;
}

.label-inv-success {
    background-color: rgba(21, 128, 61, 0.05);
    color: rgba(21, 128, 61, 1);
    border: 1px solid rgba(21, 128, 61, 0.4);
}

.label-inv-danger {
    background-color: rgba(220, 38, 38, 0.05);
    color: rgba(220, 38, 38, 1);
    border: 1px solid rgba(220, 38, 38, 0.4);
}

.label-inv-muted {
    background-color: rgba(107, 114, 128, 0.05);
    color: rgba(107, 114, 128, 1);
    border: 1px solid rgba(107, 114, 128, 0.4);
}

select.form-control-dash,
select.form-control-dash:focus  {
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #212529;
}

select.form-control-dash:hover  {
    cursor: pointer;
}

.select2-selection__choice{
    background-color: var(--bs-gray-200);
    border: none !important;
    font-size: 12px;
    font-size: 0.85rem !important;
}

.select2-container--bootstrap-5 .select2-selection {
    min-height: 8.5em;
}