[class*="sidebar-dark-"] {
    background-color: #1a2626;
}

/* DataTables customizations */
.dt-info {
    display: none;
}

.dt-paging {
    margin-top: 5px;
}

.table-row-selectable tr:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2) !important;
    transition: background-color 0.1s;
}

.alert-cell {
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
}

td:has(.alert-cell) {
    padding: 0;
}

th.vertical-col {
    writing-mode: vertical-rl;
}

.vertical-col {
    padding-right: 0px !important;
}

.span-hidden {
    display: none;
}

.invoice_inconsistency_number {
    color: grey;
}

#table_invoices_wrapper > .row {
    margin-bottom: .5em !important;
}

.dt-search {
    text-align: right !important;
}

th.id-col {
    color: black !important;
}

.dotted-underline {
    border-bottom: 1px dotted #000;
    text-decoration: none;
}

.panel-filter-container {
    max-height: 60vh;
    overflow-y: scroll;
    padding-left: 1em;
    padding-right: 2em;
}

/* LOADERSHIP */

.loadership_OERRZ {
    display: flex;
    position: relative;
    width: 65.87px;
    height: 115.87px;
}

.loadership_OERRZ div {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #353535;
    animation: loadership_OERRZ_scale 1.2s infinite, loadership_OERRZ_fade 1.2s infinite;
    animation-timing-function: linear;
}

.loadership_OERRZ div:nth-child(1) {
    animation-delay: 0.00s;
    top: 82px;
    left: 29px;
}

.loadership_OERRZ div:nth-child(2) {
    animation-delay: -0.09s;
    top: 79px;
    left: 42px;
}

.loadership_OERRZ div:nth-child(3) {
    animation-delay: -0.18s;
    top: 70px;
    left: 52px;
}

.loadership_OERRZ div:nth-child(4) {
    animation-delay: -0.28s;
    top: 58px;
    left: 57px;
}

.loadership_OERRZ div:nth-child(5) {
    animation-delay: -0.37s;
    top: 45px;
    left: 56px;
}

.loadership_OERRZ div:nth-child(6) {
    animation-delay: -0.46s;
    top: 33px;
    left: 48px;
}

.loadership_OERRZ div:nth-child(7) {
    animation-delay: -0.55s;
    top: 27px;
    left: 36px;
}

.loadership_OERRZ div:nth-child(8) {
    animation-delay: -0.65s;
    top: 27px;
    left: 23px;
}

.loadership_OERRZ div:nth-child(9) {
    animation-delay: -0.74s;
    top: 33px;
    left: 11px;
}

.loadership_OERRZ div:nth-child(10) {
    animation-delay: -0.83s;
    top: 45px;
    left: 3px;
}

.loadership_OERRZ div:nth-child(11) {
    animation-delay: -0.92s;
    top: 58px;
    left: 2px;
}

.loadership_OERRZ div:nth-child(12) {
    animation-delay: -1.02s;
    top: 70px;
    left: 6px;
}

.loadership_OERRZ div:nth-child(13) {
    animation-delay: -1.11s;
    top: 79px;
    left: 16px;
}

@keyframes loadership_OERRZ_scale {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.41);
    }
}

@keyframes loadership_OERRZ_fade {
    0%, 20%, 80%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
}

.loadership_EHKAU {
    display: flex;
    position: relative;
    width: 70px;
    height: 70px;
}

.loadership_EHKAU div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 70px;
    border: 10px solid #1c1c1c00;
    border-radius: 50%;
}

.loadership_EHKAU div:nth-child(2) {
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 92.00%);
    animation: loadership_EHKAU_spin 1.2s infinite;
    animation-timing-function: linear;
    border: 10px solid #1c1c1c;
}

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


.border-left-2 {
    border-left: 2px solid #dedede !important;
}

.fa-bell {
    font-size: 1.75em;
    translate: -10px;
}

.notification-text > a {
    color: #0d6efd !important;
}

.status-timeline {
    display: flex;
    width: 100%;
    margin-bottom: 1em;
}

/*.status-timeline::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 60%;*/
/*    left: 10%;*/
/*    right: 30px;*/
/*    height: 6px;*/
/*    background-color: #dedede;*/
/*    z-index: 0;*/
/*    width: 80%;*/
/*    transform: translateY(-50%);*/
/*}*/

.step {
    position: relative;
    text-align: center;
    flex: 1;
    z-index: 1;
}

.circle {
    margin: 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    border: solid 1px lightgrey;
    box-shadow: 0px 0px 6px lightgray;
}

.circle.selected {
    background-color: #0d6efd;
    box-shadow: 0px 0px 6px #0d6efd;
    border: solid 1px #0d6efd;
}

.circle.future {
    background-color: rgb(238, 238, 238);
}

.circle::before {
    content: "";
    position: absolute;
    top: 70%;
    left: 50%;
    width: 100%;
    height: 10px;
    z-index: -1;
}

.circle.past::before {
    background-color: rgba(13, 110, 253, 0.51);
}

.circle.past {
    border: solid 1px #0d6efd;
}

.circle.future::before, .circle.selected::before {
    background-color: #dedede;
}

.step:last-child .circle::before {
    content: none;
}

.status-timeline > .step > .label {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    color: grey;
    text-wrap: nowrap;
}

.status-timeline > .step > .label.selected {
    color: #0d6efd;
}

.status-timeline > div {
    margin-bottom: 15px;
    margin-right: 10px;
    position: relative;
}

.dataTable > thead > tr > th {
    text-align: center;
    vertical-align: middle;
}

.invoice-detail-circle {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: white;
    border: solid 1px lightgrey;
    box-shadow: 0px 0px 6px lightgray;
}

.invoice-detail-circle::before {
    content: "";
    position: absolute;
    /*top: 70%;*/
    left: 30%;
    height: 100%;
    width: 10px;
    background-color: #dedede;
    z-index: -1;
}

.step > .badge {
    position: absolute;
    top: 0;
    left: 30px;
}

.nav-link.multiline {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-link.multiline > .nav-icon {
    margin-left: 3px;
}

.alert-info a {
    color: #1b93aa !important;
}

.alert-info a:hover {
    color: #0d6efd !important;
}

.message-area {
    position: fixed;
    top: 10px;
    left: 50%;
    width: 60%;
    transform: translateX(-50%);
    z-index: 1050;
    display: none;
    /* sombra suave */
}

.disabled-link {
    pointer-events: none; /* desabilita cliques */
    opacity: 0.6; /* deixa com aparência "desabilitada" */
    cursor: not-allowed;
}

.alert-dismissible {
    /*padding-left: 10px;*/
    /*height: 50px;*/
    border-radius: 8px; /* cantos arredondados */
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.alert-error {
    color: #aa0000;
    background-color: rgba(255, 0, 0, 0.2);
}

.dropdown-menu-start[data-bs-popper] {
    left: 0;
    right: auto;
    transform: translateY(1px) translateX(-107px); /* leve deslocamento para baixo */
}

.text-na {
    color: #ccc !important;
}

.content {
    padding-left: 32px !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes glowPulse {
    0% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);
        transform: scale(1.08);
    }
    100% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
        transform: scale(1);
    }
}

.fade-out-collapse {
    opacity: 1;
    height: auto;
    overflow: hidden;
    transition: opacity 1.5s ease, height 1.5s ease, padding 1.5s ease, margin 1.5s ease;
}

.fade-out-collapse.hide {
    opacity: 0;
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}