@font-face {
    font-family: "TitilliumWeb-Black";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Black.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Bold";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-BoldItalic";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-BoldItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLight";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-ExtraLight.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLightItalic";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-ExtraLightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Italic";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Italic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Light";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Light.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-LightItalic";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-LightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Regular";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBold";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBoldItalic";
    src: url("../fonts/TitilliumWeb/TitilliumWeb-SemiBoldItalic.ttf")
        format("truetype");
}
.colorBlanco {
    color: #fff;
}
.colorPrincipal {
    color: #002f87;
}
.colorPrincipalO {
    color: #1a254b;
}
.colorRojo{
    color:rgb(153, 0, 0)
}

.ocultar{
    display: none;
}
.mostrar{
    display: inline-block;
}

html {
    min-height: 100%;
    position: relative;

}


body {
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    margin: 0;
    margin-bottom: 40px;

}

.footerPrincipal {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
}
.footerPrincipal p {
    font-size: 13px;
    line-height: 6px;
    font-weight: 800;
    font-family: "TitilliumWeb-Regular";
}

.imgFooter {
    width: 20%;
    padding-top: 15px;
    padding-bottom: 15px;
}
/*FOOTE 2021-2024*/
.mosaicosFooteImg {
    width: 100%;
    height: 300px;
    display: none;
}

.btnPersonalizado {
    background-color: #1a254b;
    color: #fff !important;
    border-radius: 8px;
    font-size: 13px;
}

.btnMenuAdmin {
    align-items: center;
    text-transform: uppercase;
}
.btnMenuAdmin a {
    font-family: "TitilliumWeb-Bold";
    font-size: 18px;
    display: block;
    background-color: #d7dbdd3f;
    color: #797979 !important;
    border-bottom: 3px solid transparent !important;
    width: 100%;
    margin-top: 5px;

    text-align: center;
}

.btnMenuAdmin a:hover {
    font-family: "TitilliumWeb-Bold";
    font-size: 18px;
    display: block;
    background-color: #d7dbdd3f;
    color: #797979 !important;
    border-bottom: 3px solid #1a254b !important;
    width: 100%;
    margin-top: 5px;

    text-align: center;
}

.btnMenuAdmin .activo {
    font-family: "TitilliumWeb-Bold";
    font-size: 18px;
    display: block;
    background-color: #1a254b;
    border-bottom: 3px solid #1a254b !important;
    text-decoration: underline;
    color: #ffffff !important;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.tituloPrincipal{
    font-family: "TitilliumWeb-Black" !important;
    text-transform: uppercase;
    letter-spacing: 7px;
}

.tituloEtiquetaPrincipal{
    font-family: "TitilliumWeb-Regular";
    font-weight: 600;
    text-transform: capitalize;
}

.subtituloEtiquetaPrincipal{
    font-family: "TitilliumWeb-Regular";
    color: #797979;
    font-weight: 600;
    font-size: 25px;
}

.mouse{
    cursor: pointer;
}

.zoomSimple {
    transition: transform 0.3s; /* Animation */
}
.zoomSimple:hover {
    transform: scale(1.1);
}


@media (min-width: 768px) {
    .imgFooter {
        width: 25%;
    }
    .mosaicosFooteImg {
        width: 100%;
        height: 170px;
        object-fit: cover;
        display: block;
    }
}


/*CUSTOM TABLE*/
.dataTables_filter input {
    color: #002f87;
    font-size: 15px;
    padding: 5px;
    background-color: #f5f5f5;
    border-radius: 7px;
    border: 2px solid #144364;
}
.table thead {
    color: #1a254b !important;
    font-weight: 700;
    font-family: "TitilliumWeb-Black" !important;
    font-size: 15px !important;
}

.table tbody {
    color: #000 !important;
    font-family: "TitilliumWeb-Bold" !important;
    font-size: 14px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: transparent;
    border: none;
    color: #000;
    padding: 3px;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: transparent;
    background-color: transparent;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disable:hover {
    background: transparent;
    background-color: transparent;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent;
    background-color: #0d4c80;
    color: #dadada;
    border: transparent;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
    background: transparent;
    background-color: #f1f1f1;
    border: transparent;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background: transparent;
    background-color: #f1f1f1;
    border: transparent;
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    background: transparent;
    border: none;
    color: #0d4c80;
    border-bottom: 2px solid #050505;
    padding: 3px;
    font-weight: 900;
}


.nav-tabs{
    border-color: transparent !important;
}


.btnGrafica.active{

    background-color: #dcccac !important;
    color: #1a254b !important;
    font-family: 'TitilliumWeb-Bold';
    border-radius: 10px;

 }


.btnGrafica{

   background-color: transparent !important;
   color: #1a254b !important;
   font-family: 'TitilliumWeb-Bold';
   border-radius: 10px;
   border-color: 2px solid #dcccac;
   margin-bottom: 2em !important;

}