@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
:root {
    --custom-blue-7: #16216a;
    --custom-gray-3: #eff0f2;
    --custom-warning: rgb(234 179 8);
    --custom-warning-2: rgb(202 138 4);
}

.h-10 {
    height: 2.5rem;
}

.h-16 {
    height: 4rem;
    /* 64px */
}

.h-20-original {
    height: 5rem;
    /* 64px */
}

.h-20 {
    height: 8rem;
}

.h-21 {
    height: 5.25rem;
}

.h-22 {
    height: 5.5rem;
}

.h-24 {
    height: 6rem;
}

.h-40 {
    height: 10rem;
}

.h-64 {
    height: 16rem;
    /* 256px */
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    height: auto;
    font-family: 'Lato', sans-serif !important;
    /* border: 1px solid red; */
    display: -ms-grid;
    display: grid !important;
    -ms-grid-rows: auto 1fr auto;
    grid-template-rows: auto 1fr auto;
    /* background-color: var(--custom-gray-3); */
    overflow: hidden;
    overflow-y: auto;
}

.main {
    width: 100%;
}

.main .wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer {
    background-color: transparent !important;
    color: #616161;
    text-align: center;
    padding: 1em 0.5rem;
    height: auto;
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bg-blue-custom-7 {
    background-color: var(--custom-blue-7);
}

.menu {
    width: 95%;
}

table {
    table-layout: fixed !important;
    width: 100% !important;
    max-width: 100% !important;
}

table.dataTable th,
table.dataTable td {
    font-size: 9px;
    text-transform: uppercase;
}

.dtr-bs-modal .modal-header h4 {
    font-size: 9.5pt !important;
    text-transform: uppercase;
    word-break: break-all;
}

.dtr-details {
    font-size: 8pt !important;
    text-transform: uppercase;
    word-break: break-all;
}

@media screen and (min-width: 320px) and (max-width: 575.99px) {
    /* table.dataTable th:nth-of-type(0),
    table.dataTable td:nth-child(0) {
        width: 50% !important;
    } */
    .dataTables_wrapper .dataTables_paginate .paginate_button.current,
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        display: inline-block;
        font-size: 9pt;
    }
}

.menu-container {
    top: -2.5rem !important;
    position: relative;
}

.ui-datepicker-calendar {
    display: none;
}

@media screen and (min-width: 320px) and (max-width: 767.99px) {
    div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }
}

@media screen and (min-width: 992px) {
    footer {
        font-size: 1rem;
        padding: 1em 0;
    }
}

.text-warning {
    color: var(--custom-warning-2) !important;
}

.text-xxs {
    font-size: 0.625rem !important;
    /* 10px */
    line-height: 1rem;
    /* 16px */
}

.text-xs {
    font-size: 0.75rem !important;
    /* 12px */
    line-height: 1rem;
    /* 16px */
}

.text-sm {
    font-size: 0.875rem !important;
    /* 14px */
    line-height: 1.25rem !important;
    /* 20px */
}

.text-base {
    font-size: 1rem !important;
    /* 16px */
    line-height: 1.5rem !important;
    /* 24px */
}

.text-lg {
    font-size: 1.125rem;
    /* 18px */
    line-height: 1.75rem;
    /* 28px */
}

.text-xl {
    font-size: 1.25rem;
    /* 20px */
    line-height: 1.75rem;
    /* 28px */
}

.text-2xl {
    font-size: 1.5rem;
    /* 24px */
    line-height: 2rem;
    /* 32px */
}

.text-3xl {
    font-size: 1.875rem;
    /* 30px */
    line-height: 2.25rem;
    /* 36px */
}

.text-4xl {
    font-size: 2.25rem;
    /* 36px */
    line-height: 2.5rem;
    /* 40px */
}

.text-5xl {
    font-size: 3rem;
    /* 48px */
    line-height: 1;
}

.text-6xl {
    font-size: 3.75rem;
    /* 60px */
    line-height: 1;
}

.text-7xl {
    font-size: 4.5rem;
    /* 72px */
    line-height: 1;
}

.text-8xl {
    font-size: 6rem;
    /* 96px */
    line-height: 1;
}

.text-9xl {
    font-size: 8rem;
    /* 128px */
    line-height: 1;
}

.estructura,
.estructura ul {
    list-style: none;
}

.estructura a {
    text-decoration: none !important;
    color: rgb(75, 75, 75) !important;
    font-size: 0.875rem !important;
}

.estructura a:hover {
    font-weight: 600;
    color: rgba(0, 0, 255) !important;
    cursor: pointer;
}

.dataTables_info {
    text-align: left !important;
}


/***************************************** 2024-2040 ******************************************/


/* BTN PRIMARY OLD*/

.btn-outline-primary-old {
    color: #0d6efd;
    background-color: #fff;
    border-color: #0d6efd;
}

.btn-outline-primary-old:hover {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.btn-check:focus+.btn-outline-primary-old,
.btn-outline-primary-old:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5) !important;
}


/* BTN PRIMARY */

.btn-outline-primary {
    color: #C2995C;
    background-color: #fff;
    border-color: #C2995C;
}

.btn-outline-primary:hover {
    color: #2d2829 !important;
    background-color: #C2995C !important;
    border-color: #C2995C !important;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(194, 153, 92, .5) !important;
}


/* BTN INFO OLD*/


/* BTN INFO */

.btn-info {
    color: #fff !important;
    background-color: #C2995C !important;
    border-color: #C2995C !important;
}

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

.btn-outline-info.disabled,
.btn-outline-info:disabled {
    color: #C2995C !important;
    border-color: #C2995C! important;
    background-color: transparent;
}

.btn-outline-info:hover {
    color: #2d2829 !important;
    background-color: #C2995C !important;
    border-color: #C2995C !important;
}

.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: #2d2829;
    background-color: #C2995C;
    border-color: #C2995C;
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(194, 153, 92, .5) !important;
}