body {
    padding-top: 50px;
    padding-bottom: 20px;
}
:root {
    /* PALETA COLORES TEXTO */
    --color-TituloPagina: #000F9F;
    --color-fondo: #C3D5FD;
    --color-gris-ico: #535353;
    --color-gris-8: #6A6A6A;
    --color-gris-7: #707070;
    --color-gris-6: #EBEBEB;
    --color-gris-5: #F2F2F2;
    --color-gris-4: #969696;
    --color-gris-3: #AAA8A8;
    --color-gris-2: #DDE1E6;
    --color-gris-1: #E8E8E8;
    --color-gris-0: #F7F7F7;
    --color-acento-1: #2461ab;
    --color-acento-2: #4D3C99;
    --color-acento-3: #35AEB2;
    --color-acento-4: #00A5E2;
    --color-secundario: #96c11f;
    --color-blanco: #FFFFFF;
    --color-primario: #000F9F;
    --color-institucional-secundario: #0066FF;
    --color-atencion: #FF5E4E;
    --color-bg_header_popup: #F1F0F7;
    --color-bg-header-table: #2461ab;
    --color-bg-row-impar: #BFE9F7;
    --color-bg-row-par: #D9F2FB;
    --color-texto-primario: #2461ab;
    --color-bg-header-table-filtro: #D9F2FB;
    /* PALETA COLORES BOTONES */
    /* Font/text values */
    --font-family-verdana: Verdana;
    --font-family-arvo: Arvo;
    --font-family-montserrat: Montserrat;
    --font-family-montserrat-bold: Montserrat-Bold;
    --font-family-baloo: Baloo;
    --font-style-normal: normal;
    --font-weight-normal: normal;
    --font-weight-bold: bold;
    --font-size-8: 8px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-20: 20px;
    --font-size-25: 25px;
    --font-size-32: 32px;
    --character-spacing-0: 0px;
    --line-spacing-10: 10px;
    --line-spacing-15: 15px;
    --line-spacing-18: 18px;
    --line-spacing-25: 25px;
    --line-spacing-30: 30px;
    --line-spacing-51: 51px;
}













p.texto-tarjetas {
    font-size: 14px !important;
    align-content: flex-start !important;
    color: #2461AB !important;
}

.text-bold {
    font-weight: bold!important;
}

.tituloModulo{
    color: var(--color-primario);
    font-size: 16px;
    font-family: 'Proxima Nova Bold' !important;
    padding:10px 0px 10px 0px;
}
.texto-gris-8-fnt16 {
    color: var(--color-gris-8);
    font-size: 16px;
    font-family: 'Proxima Nova' !important;
    padding: 10px 0px 0px 0px;
}
.bg-Acento1 {
    background-color: var(--color-acento-1);
    color: white;
}

.texto-sqr {
    font-family: var(--font-family-verdana);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-8);
    line-height: var(--line-spacing-10);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.text-spe-primary {
    font-family: var(--font-family-verdana);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-14) !important;
    color: var(--color-texto-primario)!important;
}
.texto-simple {
    font-family: var(--font-family-verdana);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-12);
    line-height: var(--line-spacing-15);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.titulo-5 {
    font-family: var(--font-family-arvo);
    font-style: var(--font-style-normal);
    font-size: var(--font-size-20);
    line-height: var(--line-spacing-25);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.titulo-4 {
    font-family: var(--font-family-montserrat);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-14);
    line-height: var(--line-spacing-18);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.titulo-3 {
    font-family: var(--font-family-montserrat);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-14);
    line-height: var(--line-spacing-18);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.titulo-2 {
    font-family: var(--font-family-arvo);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-20);
    line-height: var(--line-spacing-25);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

.titulo-1 {
    font-family: var(--font-family-montserrat);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-25);
    line-height: var(--line-spacing-30);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-primario);
}

body {
    padding: 0px;
}








.anexgrid-gridDatos-filtro-control-container {
    width: 95% !important;
}






























/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}


.lateral {
    box-sizing: border-box;
    width: max(3%, 55px);
    min-height: 89%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    padding-bottom:10px;    
    background-color: #F7F7F7;
}

.main {
    margin-left: max(3%, 50px);
    padding: 0px 0px 0px 5px;
    height: 100%;
    min-height: 85vh;
    text-align: justify;
    background: white;
}

div.menu-grid {
    background-color: #001F8A;
}

    div.menu-grid:hover {
        background-color: #F27221;
    }

ul.ico {
    list-style: none;
    margin-left: -25px;
}


    ul.ico li.ico-grid::before {
        font-family: "FontAwesome";
        content: "\f00a";
        font-size: 30px;
        color: white;
    }

    ul.ico li.ico-grid:hover {
        font-family: "FontAwesome";
        content: "\f00a";
        font-size: 30px;
        color: white;
    }

    ul.ico li.ico-bars::before {
        font-family: "FontAwesome";
        text-align:center;
        content: "\f0c9";
        font-size: 30px;
        color: #d3d3d3;
    }

div.FondoEncabezadoPantalla {
    height:40px;
    background-color: #F7F7F7;
    color: #6A6A6A;
    border-bottom: 0.2rem solid #00A5E2;
    padding-left:15px;
}

.ico span.ico-search::before {
    font-family: "FontAwesome";
    text-align: center;
    content: "\f002";
    font-size: 22px;
    color: #001F8A;
}
.ico span.ico-bell::before {
    font-family: "FontAwesome";
    text-align: center;
    content: "\f0f3";
    font-size: 22px;
    color: #001F8A;
}
.ico span.ico-megaphone::before {
    font-family: "FontAwesome";
    text-align: center;
    content: "\f0a1";
    font-size: 22px;
    color: #001F8A;
}
.ico span.ico-circle::before {
    font-family: "FontAwesome";
    text-align: center;
    content: "\f1ce";
    font-size: 22px;
    color: #001F8A;
}
.ico span.ico-off::before {
    font-family: "FontAwesome";
    text-align: center;
    content: "\f011";
    font-size: 22px;
    color: #001F8A;
}


/*                    MENU                    */
#head-central {
    /*display: none;*/
    transform:translateX(-60em);
    transition: transform 0.8s ease;
}
ul#head {
    list-style:none;
    padding-left:0px;
    list-style: none;
    position:fixed;
    text-align: center;
    width: 30%;
    min-height:50%;
    
    transition: all 800ms linear;
    background-color:white;
}

li.li-titulo-menu {
    padding-top: 5px;
    color: #000F9F;
    text-align: justify;
    background-color: white;
    font-size: 16px !important;
    height: 37px;
    cursor: pointer;
    font-family: "Proxima Nova" !important;
    border-left: 3px solid #00A5E2;
}

li.li-encabezado-menu-lateral {
    padding-top: 10px;
    background-color: #000F9F;
    text-align: center;
    color: white;
    font-size: 14px !important;
    height: 40px;
    cursor: pointer;
    font-family: "Verdana" !important;
}

li.li-submenu-lateral {
    color: #000F9F;
    min-height: 40px;
    text-align: justify;
    padding-top:8px;
}

    li.li-submenu-lateral a {
        margin-top: 10px;
        color: #000F9F;
        font-family: Verdana !important;
        font-size: 12px !important;
    }
/*                    MENU                    */
.title-view {
    color: var(--color-TituloPagina);
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 31px;
    margin: unset;
}
.subTitle-view {
    color: var(--color-TituloPagina);
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.subTitle14-view {
    color: var(--color-TituloPagina);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.item-container {
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    /*min-height: 210px;*/
    margin: 10px;
    cursor: pointer;
    background: #FFFFFF;
}

.item-container.disabled {
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    min-height: 210px;
    margin: 10px;
    /*cursor: pointer;*/
    background: #FFFFFF;
}

.item-container:hover {
    /*background: #00A7E1;
    background: #dce3f4;*/
    background: #0f2b6e;
    color:white;
}

a.item-container-link:hover{
    text-decoration:none;
}


/*.item-container.sinHover:hover {
    background-color: #dce3f4;
}*/

.item-container.disabled:hover{
    background: #FFFFFF;
}

.item-container-footer {
    width: calc(100% - 21px - 31px);
    height: 15px;
    background: #0066FF;
    position: absolute;
    bottom: 11px;
    border-radius: 0 0 10px 10px;
}

.item-container-elementoFinal {
    width: calc(100% - 21px - 31px);
    height: 15px;
    /*background: #0066FF;*/
    position: absolute;
    bottom: 11px;
    border-radius: 0 0 10px 10px;
}
    .item-container-elementoFinal div.row {
        margin-top: -50px;
    }

.item-container.disabled .item-container-footer {
    width: calc(100% - 21px - 31px);
    height: 15px;
    background: darkgray;
    position: absolute;
    bottom: 11px;
    border-radius: 0 0 10px 10px;
}

.item-imagen {
    margin: 25px 25% 25px 25%;
    text-align: center;
}
.item-container:hover .item-imagen svg path{
    fill: #fff;
}

.item-container.disabled .item-imagen svg path,
.item-container.disabled:hover .item-imagen svg path {
    fill: darkgray;
}

.item-title {
    margin: 10px 20px;
    color: #2461AB;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.item-title-menu {
    margin: 10px 20px;
    color: #2461AB;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}
.item-container:hover .item-title-menu{
    color:#fff;
}

.item-container.disabled:hover .item-title-menu {
    color: #2461AB;
}

.item-title p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.item-description {
    margin: 10px 20px;
    color: #2461AB;
    font-size: 14px;
    text-align: left;
}
.item-text {
    font-size: 16px;
    text-align: left;
    line-height: 19px;
}
.item-text-menu {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #20164D;
    margin: 5px 26px;
    padding-bottom: 15px;
}
.item-container:hover .item-text-menu{
    color: #fff;
}
.item-container.disabled:hover .item-text-menu {
    color: initial;
}
.item-button {
    /*width: 130px;*/
    width: fit-content;
    height: 30px;
    margin: auto;
    color: white;
    background: #0066FF;
    text-align: center;
    padding: 5px;
    font-size: 14px;
    border-radius: 15px;
    cursor: pointer;
}

/* Hide scrollbar for Chrome, Safari and Opera */
ul.ulEncabezado::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
ul.ulEncabezado {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */

    list-style: none;
    padding-left: 10px;
    max-height: 70vh;
    overflow-y: scroll;
}

.text14{
    font-size:14px!important;
}
.text12{
    font-size:12px!important;
}
.text10{
    font-size:10px!important;
}

.btn-acento1-spe {
    color: #fff !important;
    background-color: var(--color-primario) !important;
    border-color: var(--color-primario) !important;
}
.btn-acento2-spe {
    color: #fff !important;
    background-color: var(--color-institucional-secundario) !important;
    border-color: var(--color-institucional-secundario) !important;
}
.hide{
    display:none;
}
/*.modal-dialog {
    min-width: 500px;
    max-width: fit-content !important;
}*/