@import url("top.css");
@import url("nav.css");
@import url("breadcrumb.css");
@import url("table.css");
@import url("symbologies.css");
@import url("general.css");
@import url("calendar.css");
@import url("toast.css");
@import url("pagination.css");
@import url("notfound.css");

:root {
    --gv-neutral: #FFFFFF;
    --gv-background: #EEF2F4;
    --gv-light-blue: #00AFF2;
    --gv-yellow: #FFBD00;
    --gv-white: #721d29;
    --gv-green: #2EA100;
    --gv-first: #009BD9;
    --gv-third: #E34A4A;
    --gv-fourth: #EFE8A7;
    --gv-fifth: #A7CCEF;
    --gv-sixth: #E58888;
    --gv-gray1: #323232;
    --gv-gray2: #5A6366; /*#636364;*/
    --gv-gray3: #7C888C; /*#A9A9A9;*/
    --gv-gray4: #B2BBBE; /*#D4D4D4;*/
    --gv-gray5: #D6DDDF; /*#E5E5E5;*/
    --gv-gray6: #F7FAFB; /*#A9A9A9;*/
    --gv-gray7: #F2F2F2;
    --bs-blue: var(--gv-first) !important;
    --bs-primary: var(--gv-first) !important;
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M0.310934 0.315696C-0.103645 0.734816 -0.103645 1.41186 0.310934 1.83097L4.43546 6.00068L0.310934 10.1704C-0.103645 10.5895 -0.103645 11.2665 0.310934 11.6857C0.725513 12.1048 1.39522 12.1048 1.80979 11.6857L6.68907 6.75294C7.10364 6.33382 7.10364 5.65678 6.68907 5.23766L1.80979 0.304949C1.40585 -0.103424 0.725513 -0.103423 0.310934 0.315696Z' fill='%23323232'/%3E%3C/svg%3E");
    --gv-font-size: 0.875rem;
    --bs-font-sans-serif: "Nunito", sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.875rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.1;
}

@font-face {
    font-family: Nunito;
    src: local(Nunito-Light), url(../fonts/Nunito-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Nunito;
    src: local(Nunito-Regular), url(../fonts/Nunito-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Nunito;
    src: local(Nunito-SemiBold), url(../fonts/Nunito-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: Nunito;
    src: local(Nunito-Bold), url(../fonts/Nunito-Bold.ttf) format("truetype");
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

* {
    font-family: 'Nunito';
}

body {
    font-family: 'Nunito';
    background-color: var(--hf-surface);
  /*  min-width: 1280px;
    min-height: 720px;*/
}
main{
    width:100%
}

@media all and (min-height:1280px) and (min-width:768px) {
    body {
        overflow: hidden;
    }
}

hr {
    background-color: unset;
}

h2 {
    color: var(--gv-gray2) !important;
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.03em;
}

.h2 {
    font-weight: normal;
}

.h3, span.submenu-h3, .h3-semibold {
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: var(--gv-font-size);
    line-height: 110%;
    display: flex;
    letter-spacing: -0.03em;
    color: var(--gv-gray2);
}

span.submenu-h3 {
    color: unset;
}

    span.submenu-h3.color-h3 {
        color: var(--gv-gray2);
    }

span.h3 {
    font-weight: 600;
    color: unset;
}

    span.h3:hover {
        font-weight: 600;
    }

.h3-semibold {
    font-weight: 600;
}


a:hover {
    color: unset;
}

a[data-title]:hover {
    filter: drop-shadow(0px 1.66px 8px rgba(0, 0, 0, 0.15));
}

a[data-title] {
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.2s;
    visibility: visible;
}

[data-title]:after {
    z-index: 99999;
    visibility: hidden;
    content: attr(data-title);
    position: absolute;
    top: 38px;
    min-width: 100px;
    min-height: 26px;
    background: var(--hf-surface);
    border: unset;
    box-shadow: 0px 4px 16px 0.2px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    letter-spacing: -0.03em;
    color: var(--gv-first);
}

[data-title] {
    position: relative;
}

h4 {
    font-family: Nunito;
    font-style: normal;
    font-weight: normal;
    font-size: var(--gv-font-size);
    line-height: 15.4px;
    color: var(--gv-gray3) !important;
    text-align: center;
    letter-spacing: -0.03em;
}

.pb-0_5 {
    padding-bottom: 0.25rem !important;
}

.col-05{
    width: 5%;
}

#full-cover-spin {
    display: none;
    opacity: 0.5;
}

[id$="cover-spin"] {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: visible;
}
    [id$="cover-spin"]::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--hf-surface) url('../img/isotipo1.gif') no-repeat center center;
        background-size: 100px;
        border-radius: 8px;
    }

li {
    margin: 4px 8px 4px 8px;
    border-radius: 8px;
}

.base-color {
    color: var(--gv-first) !important;
}

.cursor-pointer {
    cursor: pointer;
}

a.disabled {
    pointer-events: none;
}
/*# sourceMappingURL=main.css.map */
.loading {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
    background-color: var(--hf-surface);
    width: 100%;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    max-height: 100vh;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

    .loading.loaded {
        max-height: 0;
        top: -100vh;
    }

    .loading .loading__spiner {
        -webkit-animation: rotate-div 2s infinite ease-in-out;
        animation: rotate-div 2s infinite ease-in-out;
    }

.btn-toast {
    padding: 0.625rem !important;
    padding-bottom: 0.4375rem !important;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 0.75rem;
    min-height: 2rem;
    border: none;
    display: inline-block;
    width: 100%;
    margin-top: .5rem;
}

.btn--secondary {
    background-color: var(--hf-oro-600);
    color: var(--hf-on-primary);
}

    .btn--secondary:hover {
        color: var(--hf-oro-700) !important;
        background-color: var(--hf-oro-500);
    }