:root {
    --primary-color-vex: #d3a93d;
    --secondary-color-vex: #2d3741;
    --tertiary-color-vex: #d9d9d9;
    --dark-blue-vex: #2d3741;
}

.btn-dark {
    background-color: var(--secondary-color-vex) !important;
    color: #fff !important;
}

.btn-vex {
    background-color: var(--secondary-color-vex) !important;
    color: var(--primary-color-vex) !important;
    border-color: var(--primary-color-vex) !important;
}

.bg-dark-blue-vex {
    background-color: var(--dark-blue-vex) !important;
}

.bg-dark-vex {
    background-color: var(--secondary-color-vex) !important;
}

.text-dark-vex {
    color: var(--secondary-color-vex) !important;
}

.text-vex {
    color: var(--primary-color-vex) !important;
}


.bg-tertiary-vex {
    background-color: var(--tertiary-color-vex) !important;
}

.bg-vex {
    background-color: var(--primary-color-vex) !important;
}

.toggle-password {
    border-radius: 0.375rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.table-container th.asc:after {
    content: "\25B2"; /* Unicode para seta para cima */
}

.table-container th.desc:after {
    content: "\25BC"; /* Unicode para seta para baixo */
}

.table-container th a {
    text-decoration: none;
    color: #000;
}

.nav-default-header {
    z-index: 1000;
    height: 5em;
}

.nav-default-header .container {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    height: 100%;
}

/*active*/
.nav-item .nav-link.active {
    color: var(--primary-color-vex) !important;
}

.nav-default-header .nav-brand-img {
    height: 2.6em;
}

.page-link {
    color: var(--secondary-color-vex) !important;
}

.active > .page-link, .page-link.active {
    background-color: var(--secondary-color-vex) !important;
    border-color: var(--secondary-color-vex) !important;
    color: #fff !important;
}

.choices[data-type*="select-one"] select.choices__input {
    display: block !important;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
}

.accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
}

td, th {
    white-space: nowrap !important;
}

.spinner-icon {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   border: 9px solid;
   border-color: #dbdcef;
   border-right-color: var(--primary-color-vex);
   animation: spinner-zp9dbg 1s infinite linear;
}

@keyframes spinner-zp9dbg {
    to {
        transform: rotate(1turn);
    }
}