a {
    color: #3056D3;
}

    a:hover {
        color: #5072e3;
        border-color: #3056D3;
    }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-content, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-email, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .user-name {
    color: #3056D3;
}


.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #3056D3;
}

    .nav-pills .nav-link.active:hover, .nav-pills .show > .nav-link:hover {
        color: #fff;
        background-color: #5072e3;
        border-color: #3056D3;
    }

.sidebar-link.menuactive {
    text-decoration: underline !important;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #3056D3 !important;
    margin-right: 15px;
}

/*.sidebar-nav ul .sidebar-item .sidebar-link.active, .sidebar-nav ul .sidebar-item .sidebar-link.active>i {
    color: white !important;
    background: #3056D3;
    margin-right: 12px;
}*/

.sidebar-nav ul .sidebar-item .first-level .sidebar-item.active .sidebar-link, .sidebar-nav ul .sidebar-item .sidebar-link.active i {
    color: #fff !important;
}


.sidebar-nav ul .sidebar-item.selected > .sidebar-link {
    color: #3056D3;
    background: #fff;
    padding: 12px 15px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 25px;
    opacity: .8;
}

    .sidebar-nav ul .sidebar-item.selected > .sidebar-link i {
        color: #3056D3;
    }

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
}

.sidebar-nav ul .sidebar-item .sidebar-link:hover {
}


#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap {
    color: #3056D3;
    opacity: 1;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #3056D3 !important;
}
/*aqui 2*/
/*#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .active>i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #ffffff !important;
}*/

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after {
    border-color: #3056D3 !important;
}
/*
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .active.has-arrow::after, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .active.has-arrow::after{
    border-color:#fff !important;
}*/
/*aqui*/
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #3056D3;
    padding: 12px 15px;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
    color: #fff;
    padding: 12px 15px;
    display: flex;
    gap: 0.5rem;
    white-space: nowrap;
    align-items: center;
    line-height: 25px;
    opacity: .8;
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header[data-logobg=skin1], #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header[data-logobg=skin1] {
    background: #3056D3 !important;
}

#main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar .navbar-collapse[data-navbarbg=skin1], #main-wrapper[data-layout=horizontal] .topbar[data-navbarbg=skin1] {
    background: #3056D3 !important;
}

.btn-sync {
    background-color: #efbf00 !important;
    color: #fff;
    transition: .3s;
    border: 2px solid #efbf00 !important;
}

.btn-syncnfe {
    color: #fff !important;
    background-color: #3056D3 !important;
    border-color: #3056D3 !important;
}

    .btn-syncnfe[disabled] {
        opacity: .65 !important;
        cursor: not-allowed !important;
    }

    .btn-syncnfe:hover {
        color: #fff !important;
        background-color: #5072e3 !important;
        border-color: #3056D3 !important;
    }

    .btn-syncnfe:not(:disabled):not(.disabled).active, .btn-syncnfe:not(:disabled):not(.disabled):active, .show > .btn-syncnfe.dropdown-toggle {
        color: #fff !important;
        background-color: #5072e3 !important;
        border-color: #3056D3 !important;
    }

        .btn-syncnfe.focus, .btn-syncnfe:focus, .btn-syncnfe:not(:disabled):not(.disabled).active:focus, .btn-syncnfe:not(:disabled):not(.disabled):active:focus, .show > .btn-syncnfe.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgb(109 150 242 / 50%) !important;
        }

.btn-syncnfe-outline {
    color: #3056D3 !important;
    background-color: #fff !important;
    border-color: #3056D3 !important;
}

    .btn-syncnfe-outline:hover {
        color: #fff !important;
        background-color: #5072e3 !important;
        border-color: #3056D3 !important;
    }

    .btn-syncnfe-outline:not(:disabled):not(.disabled).active, .btn-syncnfe-outline:not(:disabled):not(.disabled):active, .show > .btn-syncnfe-outline.dropdown-toggle {
        color: #fff !important;
        background-color: #3056D3 !important;
        border-color: #5072e3 !important;
    }

        .btn-syncnfe-outline.focus, .btn-syncnfe-outline:focus, .btn-syncnfe-outline:not(:disabled):not(.disabled).active:focus, .btn-syncnfe-outline:not(:disabled):not(.disabled):active:focus, .show > .btn-syncnfe-outline.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgb(109 150 242 / 50%) !important;
        }

.btnd {
    cursor: default !important;
}

.bg-syncnfe {
    background-color: #3056D3 !important;
}

.badge-syncnfe {
    color: #fff;
    background-color: #3056D3 !important;
}

.text-syncnfe {
    color: #3056D3 !important;
}

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

.swal2-content .h1, .swal2-content .h2, .swal2-content .h3, .swal2-content .h4, .swal2-content .h5, .swal2-content .h6, .swal2-content h1, .swal2-content h2, .swal2-content h3, .swal2-content h4, .swal2-content h5, .swal2-content h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

.was-validated .show-pass, .was-validated .input-show-pass:focus ~ .show-pass {
    position: absolute !important;
    right: 30px !important;
    top: 15px !important;
    z-index: 4;
}

.show-pass, .input-show-pass:focus ~ .show-pass {
    position: absolute !important;
    right: 10px !important;
    top: 15px !important;
    z-index: 4;
}

.w-190 {
    width: 190px;
}

.w-250 {
    width: 250px;
}

.option-add-inline {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    border: 1px solid #d8e3ff;
    border-radius: .45rem;
    background-color: #f7f9ff;
    color: #3056D3;
    line-height: 1.2;
}

.option-add-inline:hover {
    background-color: #eef3ff;
    border-color: #c3d3ff;
    color: #2448bc;
}

.option-add-inline.option.active,
.option-add-inline.option:active,
.option-add-inline.option.selected {
    color: #ffffff;
}

.option-add-inline__icon {
    flex: 0 0 auto;
    font-size: 1rem;
}

.option-add-inline__text {
    flex: 1 1 auto;
    min-width: 0;
    font-size: .93rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-280 {
    width: 280px;
}
/*CLASSES DE GAP DO BS5*/
.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important; /* 4px */
}

.gap-2 {
    gap: 0.5rem !important; /* 8px */
}

.gap-3 {
    gap: 1rem !important; /* 16px */
}

.gap-4 {
    gap: 1.5rem !important; /* 24px */
}

.gap-5 {
    gap: 3rem !important; /* 48px */
}


.label-plr10 {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
}

.label-plr11 {
    padding-left: 11px;
    padding-right: 11px;
}

.label-plr18 {
    padding-left: 18px;
    padding-right: 18px;
}

.label-secondary {
    background-color: #6c757d;
}

#status-tab.shadow-sm {
    box-shadow: 0 .125rem 0 rgba(0,0,0,.075) !important;
}

a.filtro-status.active {
    color: #5072e3 !important;
    border-color: #3056D3 !important;
    background-color: #fff !important;
    border-bottom: 2px solid #55c57a;
}

a.a-syncnfe {
    color: #3056D3 !important;
    border-color: #3056D3 !important;
    border-bottom: 2px solid #3056D3;
    font-size: 21px !important;
    cursor: pointer;
}

    a.a-syncnfe:hover, .a-syncnfe:focus {
        color: #5072e3 !important;
        border-color: #3056D3 !important;
    }

.popover-box-shadow {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.g-recaptcha {
    margin: 15px auto !important;
    margin-bottom: 0px !important;
    width: auto !important;
    height: auto !important;
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

.error-recaptcha {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

.error-recaptcha2 {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: -o-center;
    text-align: -ms-center;
}

/*logo login*/
.login-logo {
    position: absolute;
    top: 50px;
    left: 50px;
}

    .login-logo img {
        width: 250px;
    }


.crop-text-100 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100px;
}

.crop-text-150 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px;
}

.crop-text-200 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
}

.crop-text-250 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 250px;
}

.crop-text-300 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 300px;
}


.font-size-grid {
    font-size: 14px !important;
}

@media (min-width: 576px) {
    .font-size-grid {
        font-size: 11px !important;
    }
}

@media (min-width: 768px) {
    .font-size-grid {
        font-size: 12px !important;
    }
}

@media (min-width: 992px) {
    .font-size-grid {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) {
    .font-size-grid {
        font-size: 15px !important;
    }
}

.tooltip-inner {
    min-width: 100px !important;
    max-width: 100% !important;
}


.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff !important;
    border-color: #0B0B0B !important;
    background-color: #26272B !important;
}


.page-wrapper > .container-fluid {
    padding: 20px !important;
    padding-bottom: 0px !important;
    min-height: calc(100vh - 239px) !important;
}

@media screen and (min-width:0px) and (max-width: 768px) {
    .page-wrapper > .container-fluid {
        padding: 20px !important;
        padding-bottom: 0px !important;
        min-height: calc(100vh - 185px) !important;
    }

    .sidebar-nav {
        padding-bottom: 170px;
        overflow: auto !important;
    }
    /*.ps-container {
        overflow: auto !important
    }*/
    #main-wrapper.show-sidebar .left-sidebar {
        overflow: auto !important;
    }

    #main-wrapper {
        overflow: auto !important;
    }

    body {
        overflow: auto !important;
    }
}

.footer {
    padding: 15px 20px;
    /*    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;*/
    /*    margin-top: 10px;*/
    background: #eef5f9;
}

html {
    background: #eef5f9;
}

body {
    background: #eef5f9;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.auth-box {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.auth-wrapper {
    --auth-input-addon-width: 2.75rem;
}

.auth-wrapper .input-group-prepend .input-group-text {
    min-width: var(--auth-input-addon-width);
    justify-content: center;
}

.auth-wrapper .input-group .form-text,
.auth-wrapper .input-group .invalid-feedback {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}

.auth-wrapper .input-group.input-group-help-center .form-text,
.auth-wrapper .input-group.input-group-help-center .invalid-feedback {
    margin-left: var(--auth-input-addon-width);
    flex: 0 0 calc(100% - var(--auth-input-addon-width));
    max-width: calc(100% - var(--auth-input-addon-width));
}

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

.lds-ripple .lds-pos {
    border: 2px solid #3056D3 !important;
}

#sidebarnav {
    justify-content: center !important;
}

.navbar-nav-sy {
    margin-left: auto !important;
    margin-right: 0 !important;
}

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

.btn-syncnfe-o-c {
    justify-content: center !important;
}

@media (max-width: 768px) {
    .navbar-nav-sy {
        justify-content: center !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .btn-syncnfe-o-r {
        width: 35px !important;
        height: 35px !important;
        justify-content: center !important;
    }

    .search-rounded-r {
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
    }
}

/* CSS CHECK OUTLINE */

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.btn-outline-info {
    color: #2962ff;
    border-color: #2962ff;
}

    .btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active {
        color: #fff;
        background-color: #2962ff;
        border-color: #2962ff;
    }

.btn-outline-danger {
    color: #f64e60;
    border-color: #f64e60;
    transition: .3s ease-in-out;
}

    .btn-outline-danger:hover {
        color: #fff !important;
        background-color: #f64e60;
        border-color: #f64e60;
    }

button.btn-show-more {
    color: #381be7;
    transition: .3s ease-in-out;
    background-color:transparent;
}

    button.btn-show-more:hover {
        background-color: rgba(0, 0, 0, .05);
        text-decoration: none;
    }


.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {
    color: #fff;
    background-color: #f64e60;
    border-color: #f64e60;
}

.btn-outline-ativo {
    color: #f20a34;
    border-color: #f20a34;
}

    .btn-outline-ativo > .ckAtivo {
        display: none;
    }

    .btn-outline-ativo > .ckDesativado {
        display: block;
    }

    .btn-check:active + .btn-outline-ativo, .btn-check:checked + .btn-outline-ativo, .btn-outline-ativo.active, .btn-outline-ativo.dropdown-toggle.show, .btn-outline-ativo:active {
        color: #fff;
        background-color: #36bea6;
        border-color: #36bea6;
    }

        .btn-check:active + .btn-outline-ativo > .ckAtivo, .btn-check:checked + .btn-outline-ativo > .ckAtivo, .btn-outline-ativo.active > .ckAtivo, .btn-outline-ativo.dropdown-toggle.show > .ckAtivo, .btn-outline-ativo:active > .ckAtivo {
            display: block !important;
        }

        .btn-check:active + .btn-outline-ativo > .ckDesativado, .btn-check:checked + .btn-outline-ativo > .ckDesativado, .btn-outline-ativo.active > .ckDesativado, .btn-outline-ativo.dropdown-toggle.show > .ckDesativado, .btn-outline-ativo:active > .ckDesativado {
            display: none !important;
        }

    .btn-outline-ativo:hover {
        color: #fff;
        background-color: #f20a34;
        border-color: #e60a31;
    }

    .btn-check:active + .btn-outline-ativo:hover, .btn-check:checked + .btn-outline-ativo:hover, .btn-outline-ativo.active:hover, .btn-outline-ativo.dropdown-toggle.show:hover, .btn-outline-ativo:active:hover {
        color: #fff;
        background-color: #2ea08c;
        border-color: #2b9683;
    }


/* CSS CHECK OUTLINE */



/* CSS DATE PICKER */
.dtp div.dtp-date, .dtp div.dtp-time {
    background: #3056D3 !important;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: #3056D3 !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #2a4bb9 !important;
}

.dtp .p10 > a {
    color: #273152 !important;
}

.year-picker-item.active {
    color: #3056D3 !important;
}

.year-picker-item:hover {
    color: #3056D3 !important;
}

.dtp-picker-year > div > .btn-default {
    background-color: #3056D3 !important;
}

.dtp-picker-year > .btn-default {
    background-color: #3056D3 !important;
}

.dtp div.dtp-actual-year {
    color: #FFF !important;
}

.dtp-buttons > .dtp-btn-now.btn:focus, .dtp-buttons > .dtp-btn-now.btn:hover {
    color: #3056D3 !important;
    text-decoration: underline !important;
}

.dtp-buttons > .dtp-btn-clear.btn:focus, .dtp-buttons > .dtp-btn-clear.btn:hover {
    color: #3056D3 !important;
    text-decoration: underline !important;
}

.dtp-buttons > .dtp-btn-cancel.btn:focus, .dtp-buttons > .dtp-btn-cancel.btn:hover {
    color: #3056D3 !important;
    text-decoration: underline !important;
}
/* CSS DATE PICKER */

/* CSS HOMOL */
#divTeste {
    width: 100%;
    min-height: 50px;
    background-color: #bf0411;
    z-index: 1030;
    position: fixed;
    text-align: center;
    padding: 10px;
    top: 0px;
}

    #divTeste ~ header.topbar {
        top: 50px;
    }

    #divTeste ~ aside.left-sidebar {
        top: 50px;
    }

    #divTeste ~ div.page-wrapper {
        top: 50px;
    }
/*
    #divTeste ~ #right-panel > .header.header.fixed-position {
        top: 50px;
    }

    #divTeste ~ #right-panel > #menuToggle {
        top: 110px;
    }

    #divTeste ~ #right-panel > #divcpPrincipal {
        margin-top: 165px !important;
    }

    #divTeste ~ .divAlertSuperTop {
        top: 50px;
    }

        #divTeste ~ .divAlertSuperTop ~ aside.left-panel.fixed-position {
            top: 130px;
        }

        #divTeste ~ .divAlertSuperTop ~ #right-panel > .header.header.fixed-position {
            top: 130px;
        }

        #divTeste ~ .divAlertSuperTop ~ #right-panel > #menuToggle {
            top: 190px;
        }

        #divTeste ~ .divAlertSuperTop ~ #right-panel > #divcpPrincipal {
            margin-top: 245px !important;
        }*/

/* CSS HOMOL */
/*new css*/
/*a.sidebar-link.active > i::before {
    color: #fff !important;

}
a.sidebar-link.active > span::after {
    border: #fff !important;
}*/

.titulo-header {
    float: left !important;
    text-align: left !important;
}

.buttons-bar {
    justify-content: left !important;
}

.pills-justify {
    justify-content: left !important;
}

@media screen and (max-width:768px) {
    ul .second-level > li.sidebar-item > a {
        padding-left: 40px !important;
    }

    ul.third-level > li.sidebar-item > a {
        padding-left: 80px !important;
    }

    .titulo-header {
        float: none !important;
        text-align: center !important;
    }

    .buttons-bar {
        justify-content: center !important;
    }

    .pills-justify {
        justify-content: center !important;
    }

    table.dataTable thead th {
        padding: 20.5px 18px !important;
    }

    .margin-ajust {
        height: 59.5px !important;
        align-items: center !important;
        display: table-row !important;
    }

    .table td {
        padding: 1rem;
        vertical-align: inherit !important;
    }

    td > div.position-td {
        padding-top: 0px !important;
    }
}
/*
.card-body {
    overflow: auto; nada
}*/

.sidebar-item .sidebar-link i {
    display: inline-block !important; /* Garante que o elemento respeite as dimensões */
    width: 24px !important; /* Define uma largura fixa */
    height: 24px !important; /* Define uma altura fixa */
    text-align: center !important; /* Centraliza horizontalmente o conteúdo */
    line-height: 24px !important; /* Centraliza verticalmente o conteúdo */
    font-size: 18px !important; /* Define o tamanho da fonte para ajustar o ícone */
}

.login-btn-section {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.menu-diviser {
    font-size: 80%;
    border-bottom: 1px solid lightgrey;
    margin: 0px 10px;
    color: darkgrey;
}

.switch-red-green {
    display: block
}

.buttons-gap {
    display: block
}

.form-control-lg {
    font-size: 0.875rem !important;
}

/* Link "Esqueceu a Senha?" centralizado */
.esqueceu-senha-link {
    font-size: 0.9rem;
}

/* Seção inferior do login - hierarquia visual */
.footer-login-wrapper {
    padding-top: 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.footer-login {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.25rem;
}

.footer-login-retorno {
    font-size: 0.875rem;
    color: #3056D3 !important;
    text-decoration: none !important;
}

.footer-login-retorno:hover {
    text-decoration: underline !important;
    color: #2441a8 !important;
}

.footer-login-intro {
    font-size: 0.8125rem;
    color: #6c757d;
    margin: 0.25rem 0;
}

.footer-login-cta {
    font-size: 1rem;
    font-weight: 600;
    color: #3056D3 !important;
    text-decoration: none !important;
}

.footer-login-cta:hover {
    text-decoration: underline !important;
    color: #2441a8 !important;
}

.footer-login-version {
    font-size: 0.75rem;
    color: #adb5bd;
    margin-top: 0.5rem;
    letter-spacing: 0.02em;
}

@media screen and (max-width:768px) {
    .switch-red-green {
        display: flex;
        justify-content: center;
    }

    .buttons-gap {
        display: flex;
    }
}

#cardTitle {
    font-size: 23px;
    color: #3056D3;
}

.card .card-title {
    position: relative;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
    color: #3056D3;
}

label.card-title {
    color: #3056D3;
    font-size:14px !important;
}
h4.dataTable-item-title {
    margin-bottom: 0px;
    font-size: 15px;
}

p.dataTable-item-1 {
    font-size: 10px;
    margin: 0;
}

@media (min-width: 768px) {
    #main-wrapper[data-layout="horizontal"] .sidebar-nav #sidebarnav > .sidebar-item ul > .sidebar-item ul {
        width: 240px;
    }
}

.card-stat {
    position: relative;
    overflow: hidden;
}
.card-stat .icon-bg {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 3rem;
    opacity: 0.15;
}

.tooltip.tooltip-limit-400 .tooltip-inner {
    max-width: 400px !important;
    white-space: normal !important;
    word-break: break-word !important;
}

.tooltip.tooltip-limit-600 .tooltip-inner {
    max-width: 600px !important;
    white-space: normal !important;
    word-break: break-word !important;
}

@media screen and (min-width: 978px) {
    #myAlert {
        padding-top: 60px;
    }
}

.scroll-sidebar {
    height: calc(100% -80px);
}

.menu-overflow .sidebar-link > i,
.menu-sync-submenu-icon {
    width: 1.25rem;
    min-width: 1.25rem;
    margin-right: 0;
    text-align: center;
}

.tour-restart-button {
    white-space: nowrap;
}

.tour-tooltip-tour-guiado .introjs-tooltip {
    background: linear-gradient(135deg, #0f3d66 0%, #133b5c 35%, #0c253d 100%);
    color: #e9f1f8;
    border-radius: 14px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.tour-tooltip-tour-guiado .introjs-tooltip h1,
.tour-tooltip-tour-guiado .introjs-tooltip h2,
.tour-tooltip-tour-guiado .introjs-tooltip h3,
.tour-tooltip-tour-guiado .introjs-tooltip h4,
.tour-tooltip-tour-guiado .introjs-tooltip h5,
.tour-tooltip-tour-guiado .introjs-tooltip h6 {
    color: #fff;
}

.tour-tooltip-tour-guiado .introjs-tooltiptext {
    font-size: 14px;
    line-height: 1.6;
}

.tour-tooltip-tour-guiado .introjs-helperNumberLayer {
    background: #f4b41a;
    color: #0c1b33;
    border-radius: 50%;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.tour-tooltip-tour-guiado .introjs-progress {
    background: rgba(255, 255, 255, 0.2);
}

.tour-tooltip-tour-guiado .introjs-progressbar {
    background: linear-gradient(90deg, #3056D3, #5072e3);
}

.tour-tooltip-tour-guiado .introjs-bullets li a {
    border-color: rgba(255, 255, 255, 0.5);
}

.tour-tooltip-tour-guiado .introjs-button {
    background: #3056D3;
    color: #fff;
    border: none;
    box-shadow: 0 6px 14px rgba(48, 86, 211, 0.35);
    border-radius: 10px;
}

.tour-tooltip-tour-guiado .introjs-button.introjs-nextbutton {
    background: #3056D3;
    color: #fff;
    border: none;
    box-shadow: 0 6px 14px rgba(48, 86, 211, 0.35);
}

.tour-tooltip-tour-guiado .introjs-button.introjs-prevbutton {
    background: transparent;
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.6);
    font-weight: 600;
}

.tour-tooltip-tour-guiado .introjs-skipbutton {
    color: #dc3545;
    font-size: 14px;
    font-weight: 600;
}

.swal2-popup.swal2-syncnfe {
    border-radius: 16px !important;
    padding: 1.5rem !important;
}

/* Deixa o clique passar para os elementos da tela */
/* Só quando o modal de item estiver aberto */
body.tour-in-modal .introjs-overlay,
body.tour-in-modal .introjs-helperLayer,
body.tour-in-modal .introjs-disableInteraction {
    pointer-events: none !important;
}

body.tour-in-modal .introjs-tooltip,
body.tour-in-modal .introjs-tooltipReferenceLayer,
body.tour-in-modal .introjs-tooltipbuttons,
body.tour-in-modal .introjs-tooltiptext {
    pointer-events: auto !important;
}

/* Dropdown do Selectize acima do overlay do Intro quando o tour estiver ativo */
body.syncnfe-tour-active .selectize-dropdown {
    z-index: 999999 !important;
}

/* Enquanto o dropdown estiver aberto, não deixe o overlay "matar" o clique nas opções */
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-overlay,
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-helperLayer,
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-disableInteraction {
    pointer-events: none !important;
}

/* Tooltip continua clicável */
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-tooltip,
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-tooltipReferenceLayer,
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-tooltipbuttons,
body.syncnfe-tour-active.syncnfe-tour-select-open .introjs-tooltiptext {
    pointer-events: auto !important;
}

/* Exibe o texto de obrigatoriedade no lugar do asterisco em labels de formulários. */
label .text-danger,
label + .text-danger,
label + a + .text-danger {
    margin-left: 0.35rem;
    color: transparent !important;
    font-size: 0;
    line-height: 1;
    vertical-align: middle;
}

label .text-danger::after,
label + .text-danger::after,
label + a + .text-danger::after {
    content: "(obrigatório)";
    color: #7a869a;
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}