/*Rutas de Fuentes*/

@font-face {
    font-family: "Work Sans Medium";
    src: url("../fonts/Work_Sans/WorkSans-Medium.ttf");
}
@font-face {
    font-family: "Work Sans Regular";
    src: url("../fonts/Work_Sans/WorkSans-Regular.ttf");
}
@font-face {
    font-family: "Montserrat Semi-bold";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
}
/* ------------------ESTILOS TAB RESOLUCIONES -----------------------*/

.tab-resoluciones .menu-link {
    display: block;
    padding: 5px 20px;
    margin-right: 15px;
    color: #004884;
    background-color: #E6EFFD;
    font-family: "Work Sans Medium";
    font-size: 14px;
}
.tab-resoluciones .nav .nav-tabs {
    border-bottom: 0px;
}
.tab-resoluciones .menu-link:hover, .tab-resoluciones .menu-link:focus {
    text-decoration: none;
    background-color: #004884;
    color: #fff;
}
.tab-resoluciones .nav-tabs .menu-item {
    margin-bottom: -1px;
}
.tab-resoluciones .nav-tabs .menu-link {
    border-radius: 16px;
}
.tab-resoluciones .nav-tabs .menu-link.active, .tab-resoluciones .nav-tabs .menu-item.show .menu-link {
    color: #fff;
    background-color: #004884;
    font-family: "Work Sans Medium";
    font-size: 14px;
}
@media (max-width: 767px) {
    .tab-resoluciones .menu-link {
        margin-bottom: 10px;
    }
}
@media (max-width: 409px) {
    .tab-resoluciones .otros-anios {
        display: none;
    }
}
/*------------------------------ ESTILOS INPUT SELECT ------------------------------*/

select {
    color: #4B4B4B;
    border: 1px solid #BABABA;
    background-color: #FFF;
    background-image: url('../iconos/flecha_abajo.png');
    background-repeat: no-repeat, repeat;
    /* Posicionar icono*/
    background-position: right .7em top 50%, 0 0;
    /* tamaño del icono */
    background-size: .65em auto, 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select::-ms-expan {
    display: none;
}
option {
    background: #fff !important;
    color: #4b4b4b !important;
}
.campo-form {
	margin: 3px;
    display: block;
    width: 100%;
    padding: 0.1rem 0.75rem;
    line-height: 1.5;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.campo-form::placeholder {
    color: #BABABA;
    opacity: 1;
}
/*Sombra cuando el campo está activo, funciona para input y TextArea*/

.campo-form:focus {
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0px 4px 0px 0.2px #E6EFFD;
}

.resolution .icono-resolution {
    display: flex;
    flex-direction: column;
    padding-right: 15px;
	text-align: center;
}

.resolution .icono-resolution span{
    width: 65px;
}


/*-----------------------ESTILOS GENERALES-------------------*/

/*Para etiquetas h2*/



.headline-xl {
    font-family: "Montserrat Semi-bold";
    font-size: 32px;
}
/*Para etiquetas de texto h4*/

.headline-m {
    font-family: "Montserrat Semi-bold";
    font-size: 20px;
}
.p-description {
    font-family: "Montserrat Medium";
    font-size: var(--font-size-20);
}
.body-1 {
    font-family: "Work Sans Regular";
    font-size: 16px;
    word-wrap: break-word;
}
.body-2 {
    font-family: "Work Sans Regular";
    font-size: 14px;
    word-wrap: break-word;
}
/*Colores de texto*/

.azul-txt-004884 {
    color: #004884;
}
.gris-txt-4B4B4B {
    color: #4B4B4B;
}
/*Colores de fondo*/

.verde-bg-F6F8F9 {
    background-color: #F6F8F9!important;
}
/*Estilos de borde*/

.linea-botton {
    border-bottom: 1px solid #E8EFFC;
}
/*Estilos de boton*/

.boton-enlace-activo {
    font-family: "Work Sans Medium";
    font-size: 16px;
    color: #3366CC;
    text-decoration: underline;
}
.boton-enlace-activo:hover {
    color: #004884;
    cursor: pointer;
}
/*-------------------------------------------------------------*/

/*Estilos de paginación*/

.paginations {
    user-select: none;
}
.paginations li {
    display: inline-block;
    text-align: center;
}
.paginations a {
    color: #004884;
    text-decoration: none;
    font-size: 16px;
    font-family: "Work Sans Medium";
}
.paginations .previous-pages a, .paginations .next-pages a {
    text-decoration: underline;
    color: #3366CC;
    font-size: 14px;
    margin: 0px 8px;
    font-family: "Work Sans Regular";
}
.paginations .previous-pages a:hover, .paginations .next-pages a:hover {
    color: #004884;
}
.paginations .current-pages, .paginations .dots {
    width: 35px;
    height: 35px;
    padding-top: 7px;
    cursor: pointer;
}
.paginations .dots {
    pointer-events: none;
    cursor: default;
}
.paginations .current-pages:hover {
    background-color: #E6EFFD;
    border-radius: 4px;
}
.paginations .current-pages a:hover {
    text-decoration: none;
    color: #004884!important;
}
.paginations .active {
    background-color: #3366CC;
    border-radius: 4px;
}
.paginations .active a {
    color: #fff!important;
}
.paginations .active:hover {
    background-color: #3366CC;
    border-radius: 4px;
}
.paginations .active a:hover {
    color: #fff!important;
}
.paginations .disable a {
    color: #BABABA;
    pointer-events: none;
    cursor: default;
}
.paginations .disable a:hover {
    color: #BABABA;
}

.paginations .page-links {
    margin-bottom: 0px;
    margin-top: 0px;
	margin-right: 14px;
}