body {
    font-size: .9rem !important;
    background: url(img/header-bg.jpg) no-repeat center top;
    background-color: var(--lev-light);
    background-size: 101% 350px
}

[class*=container] {
    padding: 0 1.5rem !important
}

@media(min-width:992px) {
    body {
        display: flex;
        flex-direction: column
    }
}

@media (max-width: 991.98px) {
    body {
        background-size: 100% 200px
    }
}

header .navbar-toggler {
    margin-right: -1rem;
    padding: .5rem;
    border-color: transparent
}

header .navbar-toggler-icon {
    opacity: 1
}

header nav {
    height: 5rem
}

header .nav-link {
    transition: all 100ms;
    padding: .65rem 1rem !important;
    border-radius: .375rem;
    font-weight: 600;
    color: #fff
}

header .navbar-nav .nav-link.active,
header .nav-link:focus,
header .nav-link:hover,
header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link.show,
header .navbar-text a,
header .navbar-text a:focus,
header .navbar-text a:hover,
header .dropdown:hover .nav-link {
    /* color: rgba(255, 255, 255, 0.5)  */
    color: #FFF;
    background: rgba(255, 255, 255, 0.1)
}


header .dropdown-menu-apps.show {
    background: rgba(0, 0, 0, .85);
    display: flex;
    flex-direction: column
}

header .dropdown-item {
    display: flex;
    gap: .25rem;
    line-height: auto;
    align-items: center
}

header .dropdown:focus,
header .dropdown:hover {
    color: var(--lev-primary) !important;
    background: none !important
}

.dropdown.fade-up .dropdown-menu.dropdown-menu-end {
    right: 0
}

#menu-sidebar {
    overflow-y: auto;
    padding: 1.5rem !important;
    width: auto
}

@media(min-width:1024px) {
    #menu-sidebar {
        height: 100%;
        transition: all 100ms !important;
        left: -100% !important;
        /* transform: none !important; */
        visibility: visible !important;
        display: none;
        width: 0 !important;
        position: relative
    }

    #menu-sidebar.show {
        display: block;
        left: 0 !important;
        width: 320px !important;
    }

    .offcanvas-backdrop {
        display: none !important
    }
}

#menu-sidebar ul a {
    transition: all 300ms;
    opacity: .75;
    display: flex;
    gap: .25rem;
    line-height: auto;
    align-items: center;
    color: currentColor;
    text-decoration: none
}

#menu-sidebar>ul>li>a {
    font-weight: bold
}

#menu-sidebar ul a:hover {
    opacity: 1
}

#menu-sidebar ul.dropdown-menu {
    border-radius: 0;
    background: none;
    list-style-type: disc !important;
    padding: .5rem 0;
    border: 0;
    position: relative !important;
    top: 0;
    transform: translate(0, 0) !important
}

#menu-sidebar ul.dropdown-menu li {
    margin-left: 1.5rem
}

#menu-sidebar ul.dropdown-menu ul.dropdown-menu li {
    margin-left: 1rem
}

#menu-sidebar ul.dropdown-menu li::marker {
    color: rgba(0, 0, 0, .5)
}

#menu-sidebar ul li.divider {
    height: 1px;
    list-style: none;
    margin: 0 !important;
    border-bottom: 1px solid #EEE
}

#menu-sidebar ul.dropdown-menu {
    display: none !important
}

#menu-sidebar ul.dropdown-menu.show {
    display: flex !important
}

#menu-sidebar a.active,
#menu-sidebar a:active,
#menu-sidebar a:focus,
#menu-sidebar a:hover,
#menu-sidebar [data-bs-toggle="dropdown"].show {
    color: var(--lev-primary)
}

#menu-sidebar [data-bs-toggle="dropdown"].show {
    font-weight: bold
}

#menu-sidebar [data-bs-toggle="dropdown"].show .caret {
    transform: rotate(-180deg)
}


/* .dropdown > .dropdown-menu { */
/* box-shadow: 0 0 3rem rgba(0,0,0,.125); */
/* display: block;
    opacity: 0; */
/* border: 0; */
/* } */

/*
.dropdown.fade-up > .dropdown-menu { margin-top: 1rem }

.dropdown.fade-left > .dropdown-menu {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.25);
    top: 0;
    margin-left: 1rem }

.dropdown.fade-up > .dropdown-menu > *,
.dropdown.fade-left > .dropdown-menu > * { display: none }

.dropdown:hover > .dropdown-menu {
    transition: all 300ms;
    opacity: 1 }

.dropdown.fade-up:hover > .dropdown-menu { margin-top: 0 }

.dropdown.fade-left:hover > .dropdown-menu { margin-left: -2rem }

.dropdown:hover > .dropdown-menu > * { display: block }

.dropdown-item.active,
.dropdown-item:active { background:var(--lev-primary) }

.dropdown-menu.shadow { box-shadow:0px 0px 2rem 0px rgba(0, 0, 0, 0.15) !important } */

/* .dropdown:hover > .dropdown-menu { display: block } */

/* .dropdown .dropdown:hover > .dropdown-menu {
    top: 0;
    left: calc(100% - .5rem) } */

.dropdown-menu {
    --lev-dropdown-font-size: .9rem !important
}

.btn {
    font-weight: 700 !important;
    --lev-btn-font-size: .9rem !important
}

.btn-primary {
    color: #FFF !important
}

.breadcrumb.text-white-50 .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(255, 255, 255, .5) !important
}

.w-16 {
    width: 1rem
}

.w-24 {
    width: 1.5rem
}

.w-32 {
    width: 2rem
}

.w-40 {
    width: 2.5rem
}

.w-48 {
    width: 3rem
}

.w-65 {
    width: 65% !important
}

.h-16 {
    height: 1rem
}

.h-24 {
    height: 1.5rem
}

.h-32 {
    height: 2rem
}

.h-40 {
    height: 2.5rem
}

.h-48 {
    height: 3rem
}

.max-zindex {
    z-index: 999999 !important;
}

.img-cover {
    object-fit: cover
}

.modal-body,
.modal-footer {
    background: var(--lev-gray-100) !important
}

.modal-footer>* {
    margin: 0
}

.form-control {
    font-size: .9rem !important
}

@media(max-width:768px) {
    .table-responsive {
        overflow-x: scroll
    }
}

th {
    text-transform: uppercase;
    font-size: 87.5%;
    color: var(--lev-gray-500) !important
}

table tr>* {
    border-color: rgba(0, 0, 0, .075);
    border-style: dashed
}

tr>:first-child {
    padding-left: .5rem
}

tr>:last-child {
    padding-right: .5rem
}


.table-footer-paginate {
    padding: .5rem 0
}

.table-footer-paginate p {
    margin: 0
}

.table .table-actions .opacity-50:hover {
    opacity: 1 !important
}

.table>tbody>tr:nth-of-type(odd)>* {
    --lev-table-color-type: var(--lev-table-striped-color);
    --lev-table-bg-type: var(--lev-table-striped-bg);
}

.pagination {
    margin: 0;
    gap: .25rem
}

.pagination .disabled .page-link {
    opacity: .5;
    background: none
}

.pagination .page-link {
    font-size: .9rem;
    border: 0;
    border-radius: .375rem
}

.pagination :not(.active) .page-link {
    color: currentColor
}

.pagination :not(.active) .page-link:hover {
    color: var(--lev-primary)
}

.modal-content {
    box-shadow: 0 0 0 10000px rgb(0 0 0 / 37%)
}

@media(min-width:480px) {
    .w-320px {
        width: 320px
    }
}

@media(max-width:479.98px) {
    .w-320px {
        width: 100%
    }
}

/* intl-tel-input */
.iti {
    width: 100%;
}

.iti__flag-container {
    padding: 0 !important;
}

.iti__country-list {
    z-index: 3 !important;
}

/* Flex Properties */
.flex-grow-4 {
    flex-grow: 4 !important
}

.scroll-y {
    overflow-y: auto
}

/* Choices */
.choices {
    margin-bottom: 0px !important;
    width: 100% !important;
}

.choices__inner {
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: var(--lev-border-radius) !important;
    background-color: #FFF !important;
    padding: 3.75px 7.5px 3.75px !important;
}

.choices__item {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.choices__list--dropdown .choices__item--selectable:after {
    display: none !important;
}

.choices__list--dropdown .choices__item--selectable {
    padding-right: 0 !important;
}

.input-group:has(button)>.choices>.choices__inner {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.is-invalid {
    border: 1px solid #dc3545 !important;

}

.is-invalid::after {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    content: "\f06a";
    color: #dc3545;
    font-size: 20px;
    right: 40px;
}

.rotating {
    animation: rotating 2s linear infinite;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.texto-contraste-pb {
    background: inherit;
    background-clip: text;
    -webki-background-clip: text;
    color: transparent;
    filter: invert(1) grayscale(1) contrast(100);
}

.swal2-container {
    z-index: 999999 !important;
}