body,
html {
    height: 100% !important;
    font-family: 'Titillium Web', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    background: #fbf9f9 !important;
}

.nav-menu {
    color: #6c6c6c;
    font-weight: 400 !important;
    position: relative;

    margin-left: 50px;
}

/* .dropdown { */
/* position: relative; */
/* display: inline-block; */
/* } */
/* .dropdown-child { */
/* display: none; */
/* background-color: #dce2ff; */
/* min-width: 200px; */
/* } */
/* .dropdown-child a { */
/* color: #6c6c6c; */
/* padding: 20px; */
/* text-decoration: none; */
/* display: block; */

/* } */
/* .dropdown:hover .dropdown-child { */
/* display: block; */
/* } */
.container {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    padding: 0 10px;

}

.highcharts-label highcharts-tooltip highcharts-color-undefined{
	z-index:10
}

.table-hover{
	overflow: hidden;
	text-overflow: ellipsis;	
}

/* table.dataTable tbody th, */
/* table.dataTable tbody td { */
/* }	 */
.table-hover td{
	 overflow: hidden; 
	 text-overflow: ellipsis;	 
	 white-space: nowrap; 
	  
}


.tooltip-container {
position: relative;
display: inline-block;
}
.tooltip-text {
font-size:12px;
visibility: hidden;
width: 120px;
background-color: #484351;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 125%; /* Posiciona el tooltip encima del elemento */
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text {
 visibility: visible;
 opacity: 1;
}

.highcharts-container {
    /*position: inherit !important;*/
    /* Highcharts se carga sin version fija desde el CDN (code.highcharts.com),
       asi que en algun momento empezo a servir Highcharts 13+, que adapta
       colores automaticamente al modo oscuro del sistema/navegador via
       color-scheme + light-dark(). Este sitio nunca se diseno para modo
       oscuro (fondo siempre blanco), asi que se fuerza el esquema claro. */
    color-scheme: light !important;
}

.highcharts-tooltip-container {
    /*z-index: 999999 !important;*/
}

.highcharts-tooltip > span {
	/*padding: 15px;*/
    background-color: rgba(255,255,255,0.95);
	background-color: white\9; /* < IE11 */
    /* border: 1px solid #a8a7a5; */
    z-index: 9999 !important;
}

.highcharts-tooltip span {
    z-index: 999999 !important;
    /* background: #ffffff; */
    /* padding: 13px; */
    border-radius: 5px;
}

/* .highcharts-tooltip { */
/* z-index: 9998; */
/* background-Color: rgba(255,255,255,1); */
/* } */

.highcharts-credits {
    display: none;
}


#dt-table_wrapper {

    width: 35%;

    margin-right: 2%;

}

#chart {

    width: 63%;

}

table {

    text-align: left;

}



.highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-0 {
    display: none !important;
}

.highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-1 {
    display: none !important;
}


/* css para graficos */
.menu-lateral nav {
    max-width: 1000px;
    margin: 20px auto;
    background: #037E8C;
    /* border-radius:0px; */

}

.menu_bar {
    /*display:none;*/

}

.menu-lateral nav ul {
    overflow: hidden;
    list-style: none;
    padding-left: 5px;


}

.menu-lateral nav ul li {

    float: left;
}

.menu-lateral nav ul li a {
    color: #fff;
    padding: 8px;
    display: block;
    text-decoration: none;
}

.menu-lateral nav ul li span {
    margin-right: 10px;
}

.menu-lateral nav ul li a:hover {
    background: #037E8C;

}

section {
    padding: 20px;

}

.menu-lateral nav {

    height: 100%;
    left: -100%;
    margin: 0;
    /*position: fixed;*/
    z-index: 100
}

.menu-lateral nav ul li {
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);

}

.menu_bar {
    display: block;
    width: 100%;
    background: #0b4582;


}

.menu_bar .bt-menu {
    display: block;
    padding: 20px;
    background: #037E8C;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.menu_bar span {
    float: left;
    font-size: 40px;
    padding-top: 5px;

}

p.justify {
    text-align: justify;
}

/* fin graficos */
@media screen and (max-width: 1200px) {

    #dt-table_wrapper,

    #chart {

        width: 100%;

    }

    #dt-table_wrapper {

        margin-right: 0;

    }

}

#big-container b,
strong {
    font-weight: 700;
}

.labelLikert {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    color: #4D4F5C !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.seccion_der {
    background-color: white;
    position: relative;
    top: -17%;
    margin: 20px 0px;
    vertical-align: middle;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

/*LOGIN*/

.fondo {
    background: linear-gradient(rgba(56, 93, 229, 1) -13%, rgba(56, 93, 229, 0.7) 76%), url(../img/bg_foto.jpg);
    background-repeat: repeat-y;
    background-size: cover;
}

.contenedor_arriba {
    height: 45%;
}

.contenedor_abajo {
    height: 55%;
    background-color: rgb(72, 67, 81, 0.8);
}

.hr_seccion {
    width: 7% !important;
    position: absolute !important;
    margin: 0px !important;
    border-top: 0.5vmin solid rgb(189, 239, 233) !important;
}

.div_titulo {
    position: relative;
    top: 25%;
}

.div_titulo h1 {
    font-weight: 200;
    color: white;
    /*font-size: 10vmin;*/
    font-size: 5vmax;
}

.div_titulo hr {
    width: 15%;
    border-top: 0.5vmin solid #bdefe9;
}

.div_titulo h4 {
    color: white;
    font-weight: 200;
    /*font-size: 2.6vmin !important;*/
    font-size: 1.3vmax !important;

}

.seccion_titulo {
    color: #bdefe9;
    /*font-size: 2.9vmin;*/
    font-size: 1.5vmax;
}

.seccion_texto {
    color: white;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    /* font-size: 2.2vmin;*/
    font-size: 1.06vmax;
}

.seccion_texto_postular {
    color: #484351;
    font-weight: 300;
    font-family: 'Titillium Web', sans-serif;
    /* font-size: 2.2vmin;*/
    font-size: 18px;
    background-color: #BDEFE9;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;

}

.seccion_izq {
    padding-left: 4% !important;
    padding-right: 4% !important;
    padding-top: 4% !important;
}

.seccion_der {
    background-color: white;
    position: relative;
    top: -17%;
    margin: 20px 0px;
    vertical-align: middle;
}

.seccion_der h1 {
    font-weight: 300 !important;
    font-size: 2.8vmin;
}

.seccion_der hr {
    width: 15% !important;
    border-top: 0.5vmin solid #bdefe9 !important;
}

#div-datos {
    margin-top: 5vmin;
    text-align: center;
}

.div-entrar {
    position: absolute !important;
    bottom: 0px !important;
    height: 8vmin !important;
    cursor: pointer;
    justify-content: center;
    width: 100%;

}

.div-entrar a {
    margin: auto;
    font-size: 18px;
    padding: 1em 1em;
}

.input-btn {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 50px;
}

.btn-ingresar {
    width: 25vw;
    background-color: #BDEFE9;
    color: #484351;
    padding: 1em 1em;
    font-size: 2.2vmin;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    border-radius: 5px;
    line-height: 1.5;
    transition: ease-in-out, 0.5s;
    cursor: pointer;
}

.btn-ingresar:hover {
    background-color: #484351;
    color: white !important;
    transition: ease-in-out, 0.5s;

}

.btn-postular {
    width: 25vw;
    background-color: #484351;
    color: white;
    padding: 0.65em 2em;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-radius: 5px;
    line-height: 1.5;
    transition: ease-in-out, 0.5s;
    cursor: pointer;
}

.btn-postular:hover {
    background-color: #383441;
    color: white;
    text-decoration: none;
    transition: ease-in-out, 0.5s;

}

.input-login {
    width: 25vw;
    padding: 2.1vmin 0.75vmin;
    font-size: 1.9vmin;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-bottom: 1px solid #74707a;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.loader-page {
    position: fixed;
    z-index: 25000;
    background: rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.loader-page::before {
    content: "";
    position: absolute;
    border: 2px solid rgb(50, 150, 176);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s linear infinite;
    transform: rotate(0deg);
}

@keyframes rotarload {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader-page::after {
    content: "";
    position: absolute;
    border: 2px solid rgba(50, 150, 176, .5);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border-left: 2px solid rgba(50, 150, 176, 0);
    border-top: 2px solid rgba(50, 150, 176, 0);
    animation: rotarload 1s ease-out infinite;
    transform: rotate(0deg);
}

/*MODULOS*/
.fondo-modulos {
    background: #484351;
}

.fondo-card-1 {
    background: #fbf9f9;
}

.fondo-card-2 {
    background: #bdefe9;
}

.fondo-card-disabled {
    background: #808080;
    pointer-events: none;
    /*        border-color: #212529;*/
}

.fondo-card-disabled {
    background: lightgray;
}

.card-modulo {
    width: 10.5%;
    /*height: 43vmin;*/
    height: 16vmax;
    cursor: pointer;
    /* box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1); */
    position: relative;
    display: flex;
    flex-direction: column;
    /*border-right: 10px solid #484351;*/
    margin-right: 5px;
    border-radius: 10px;
    /* min-width: 0; */
    /* font-weight: 300 !important; */
    /* color: #5E5E5E; */
    word-wrap: break-word;
    /* background-clip: border-box; */
    /* border: none; */
    /* border-radius: 15px; */
    /* padding: 20px; */
    /* padding-top: 0px; */
    /* padding-right: 20px; */
    /* padding-bottom: 20px; */
    /* padding-left: 20px; */
    /* padding-left: 1%; */
    /* margin-right: 2%;*/
}

.isDisabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.isDisabled>a {
    color: currentColor;
    display: inline-block;
    /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}

.modulos-titulo {
    position: relative;
    top: 50%;
    /*font-size: 3.2vmin;*/
    font-size: 1.55vmax;
    color: white;
}

.modulos-titulo-hr {
    position: relative;
    top: 45%;
    border-top: 2px solid #bdefe9;
    width: 5%;
}

.bg-ingresar {
    background: #fbf9f9;
    cursor: pointer;
    color: #91d1d1;
    border-top: 0px !important;
}

.center-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-body hr {
    width: 50%;
    border-top: 2px solid #484351;
}

.center-body i {
    /*font-size: 5.5vmin;*/
    font-size: 2.6vmax;
    color: #484351;
}

.center-body h5 {
    /*font-size: 2.4vmin !important;*/
    font-size: 1.15vmax !important;
    color: #484351;
    font-weight: 300 !important;
}

/*GENERALES*/
.modal-dialog {
    margin-top: 5% !important;
}

.modal-dialog-pdf {
    margin-top: 4% !important;
    height: 100%;
}

._card-login {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    border-radius: 15px;
    -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.16);

}

._card-login-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.5rem;

}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 3px 10px !important;
    /* padding-top: 3px; */
    /* padding-right: 10px; */
    /* padding-bottom: 3px; */
    /* padding-left: 10px; */
}


._card-rounded {
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-weight: 300 !important;
    color: #5E5E5E;
    word-wrap: break-word;
    background-color: white;
    background-clip: border-box;
    border: none;
    border-radius: 8px 8px 8px 8px;
    /*padding:20px;*/
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;

}

table.dataTable.no-footer {
    border-bottom: 0px solid #111 !important;
}

/*VISTAS*/
.nav-link {
    color: #484351;
    font-weight: 400 !important;
}

.nombre_modulo {
    padding-left: 10px;
    padding-top: 4px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #4d8be6 !important;
    background-color: #fff !important;
}

a.nav-link.active:after {
    content: "";
    display: block;
    width: 50%;
    border-bottom: 0.3vmin solid #4d8be6;
    margin: 0px auto;
    transition: all 0.3s linear 0s;
    padding-top: 8px;
}

label {
    font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 300;
    line-height: 1.2;
    color: inherit;
}

h1,
.h1 {
    font-size: 1rem;
}

h1 strong {
    font-weight: 900;
}

h2,
.h2 {
    font-size: 0.1rem;
}

h3,
.h3 {
    font-size: 0.5rem;
}

h4,
.h4 {

    font-weight: 300 !important;

}

h5,
.h5 {
    font-size: 19px;
    font-weight: 200 !important;
    color: #4e4e4e;

}

h6,
.h6 {
    font-size: 14px;
    font-weight: 300 !important;
    ;
    color: #267DE1;
}

.form-control {
    font-weight: 300 !important;
}

._padding-pages {
    padding-top: 5%;
    padding-bottom: 15%;
    height: 70%;
    max-height: 70%;
    /*  min-width: 1366px;*/
}

/*ENCABEZADO*/
.encabezado {
    background-color: #484351;
    font-size: 16px;
    color: white;
    padding: 10px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.blockUI.blockMsg.blockPage {
    z-index: 9999;
    border-radius: 15px;
    background-color: #262626 !important;
    color: #ffffffb3 !important;
    cursor: default !important;
    border: none !important;

}

.blockUI.blockMsg.blockPage>h1 {
    padding: 20px;

}

/*SELECCION MODULO*/
._container-form {
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.card-centros {
    background: #fff;
    height: 240px;
    /* width: 75em; */
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    padding: 8px 30px;
    margin-bottom: 20px;
    padding-left: 5% !important;
}

.card-icon {
    position: relative;
    top: 40%;
    /* left: 88%; */
    font-size: 50px;
    color: #03A9F4;
    /* width: 15%; */
    float: right;
}

.card-aling {
    position: absolute;
    top: 44%;
    left: 25%;
    /* height: 30%; */
    width: 70%;
    margin: -11% -9px 4px -17%;
}

#containerCentros {
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 25px;
}

.cardLinea {
    margin-bottom: 0.5rem !important;
    /*border-top: 3px solid #03a9f4;*/
    border-top: 3px solid #267de1;
}

/*LISTAS*/
._principal {
    width: 100%;
    /* background-color: #F9FAFB; */
    padding: 10px 0px 60px 0px;
    max-width: 1366px !important;
    margin: auto;
}

._padding-pages {
    width: 100%;
    margin: auto;
    padding-top: 1%;
    /* padding-bottom: 15%; */
    height: 70%;
    max-height: 70%;
    /* max-width: 1366px;*/
}

._filtros {
    padding-top: 0px !important;
    max-width: 500px !important;
    margin-right: 10px;
}

.limpiar-filtros {
    width: 130px !important;
    font-size: 13px !important;
    background-color: #f2f2f2 !important;
    color: #007bff !important;
    border-radius: 15px !important;
}

._info {
    background-color: #f9fafb !important;
    background-position: 100%;
    margin-bottom: 15px !important;
    /*margin-left: 10px !important;*/
    margin-top: -10px !important;
    padding: 0rem !important;
    height: 70px;
    border-radius: 10px;

}

._info_inf {
    border: 3px solid white !important;
}

.infoAplicacion {
    background-color: #f9fafb !important;
    background-position: 100%;
    margin-bottom: 15px !important;
    margin-left: 10px !important;
    margin-top: -10px !important;
    /* padding: 0rem !important; */
    /* height: 70px; */
    border-radius: 10px;
}



._infototal {
    background-color: #dedfe0 !important;
    background-position: 100%;
    margin-bottom: 15px !important;
    margin-left: 10px !important;
    margin-top: -10px !important;
    padding: 0rem !important;
    height: 70px;
    border-radius: 10px;
}

.info-titulos {
    background-color: #4d8be6;
    color: white;
}

._text-legend {
    font-size: 11px;
    margin-bottom: 0px;
    font-weight: 500 !important;
    color: grey;
}

.card-grafico {
    width: 37%;
    float: left;
}

.card-info {
    width: 20%;
    float: left;
}

._border-card {
    border: 0px !important;
}

._border-card-body {
    background-color: #f1f4f8 !important;
    border: 0px !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

.card-titulo-dato {
    background-color: #f1f4f8;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

._titulo-text-dato {
    font-size: 14px;
    font-weight: 400;
    color: #007bff !important;
    margin-bottom: 0px;
}

._card-text-dato {
    background-color: #fbf9f9;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

._text-dato {
    font-size: 30px;
    font-weight: 400;
    color: #007bff !important;
    margin-bottom: 0px;
}

._text-datoAplicacion {
    font-size: 23px;
    font-weight: 400;
    color: #9270e5 !important;
    margin-bottom: 0px;
}

.btn-volver {
    width: 30% !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 15px !important;
    background-color: #5157FF !important;
    color: #FFFFFF !important;
    border-radius: 7px !important;
}

/*TABLE*/
.search {
    position: inherit;
    float: left;
}

.search input {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e8e8e8;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

table {
    font-size: 13px;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #adb5bd;
    color: grey;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.stripe tbody th,
table.dataTable.stripe tbody td {
    border-top: 0px none #ddd;
    vertical-align: middle;
}

table thead tr th {
    font-weight: normal !important;
    font-size: 12px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #dfdfdf !important;
    border-top: 0px !important;
}


.word-break {
    word-break: break-all;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 15px 18px 15px 18px !important;
    color: white !important;
    border-top: 0px !important;
    color: white !important;
    font-weight: 300 !important;
    background: #4d8be6;
}



[class^="icon-"],
[class*=" icon-"] {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cross:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.icon-check:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.modal .modal-content {
    max-height: calc(85vh - 3.5rem) !important;
}

.containerDia1 {

    margin-top: -8px;
    height: 150px;
    width: 150px;
}

/*Grafico*/
.highcharts-figure,
.highcharts-data-table table {
    min-width: 400px;

    max-width: 350px;
    margin-left: 7%;
}

.highcharts-figure2 {
    min-width: 400px;

    max-width: 520px;
    margin-left: 17%;
}

.highcharts-description {
    min-width: 350px;
}

.highcharts-description2 {
    min-width: 520px;
}

.container_grafico {

    margin-top: -60px;
    height: 200px;

}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.dataTables_scrollBody {
    transform: rotateX(180deg);
}

.dataTables_scrollBody table {
    transform: rotateX(180deg);
}

.blockUI.blockMsg.blockPage {
    z-index: 99999 !important;
    border-radius: 15px;
    background-color: #262626 !important;
    color: #ffffffb3 !important;
    cursor: default !important;
    border: none !important;

}

.blockUI.blockMsg.blockPage>h1 {
    padding: 20px;

}

.blockUI .blockMsg .blockPage {
    z-index: 9999 !important;
}

.blockOverlay {
    z-index: 9999 !important;
}

.blockUI.blockMsg.blockPage {

    background-color: transparent !important;
}

.btn-descargar {
    width: 30% !important;
    padding: 5px 10px 5px 10px !important;
    font-size: 15px !important;
    background-color: transparent !important;
    color: #4D8BE5 !important;
    border: 1px solid #4D8BE5 !important;
    border-radius: 7px !important;
}

.card-digitalizacion {
    width: 41.5%;
    /* height: 43vmin; */
    height: 13vmax;
    cursor: pointer;
    /* box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1); */
    position: relative;
    display: flex;
    flex-direction: column;
    /* min-width: 0; */
    /* font-weight: 300 !important; */
    /* color: #5E5E5E; */
    word-wrap: break-word;
}

/* CODIGO CLAUDIO --------------------------------*/

body {
    font-family: 'Open Sans', sans-serif !important;
}

.login_bg {
    background-image: url(../img/login_bg.jpg);
    background-size: cover;
    padding-bottom: 20px;
    background-position: 0 -70px;
    height: 280px;
}

.login_bg h2 {
    color: #0166B2 !important;
    font-size: 24px !important;
    font-weight: 100 !important;
}

/* carga { */
/* background-image: url(../img/carga.svg); */
/* background-size: cover; */
/* padding-bottom: 20px; */
/* padding-left:100px; */
/* /* background-position: 0 -70px; */
*/

/* height: 280px; */
/* } */
.login_bg h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 8px;
}

.card .header {
    padding: 25px 30px 0px 30px;
    border-bottom: 0px solid rgba(204, 204, 204, 0.35);
}

.card .body {
    font-size: 14px;
    padding: 20px 30px 20px 30px;
}

.login_bg a {
    font-size: 12px;
}

.login_text {
    color: #000;
}

.login_info {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #e9e9e9;
    min-height: 350px;
}

.login_info p {
    line-height: 22px;
}


.footer_info {
    font-size: 12px;
    background-color: #FFF;
    color: #757575;
    width: 100%;
    margin-top: 50px;
}

.footer_content {
    padding: 15px 0px 40px 0px;
    background-image: url(../img/footer_linea.png);
    background-repeat: no-repeat;
    background-size: 100% 2px;
    background-position: top;
    position: relative;
}

.footer_content p {
    margin: 0px;
}

.footer_barra {
    background-image: url(../img/footer_linea.png);
    background-size: 100%;
    width: 200px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*replaced "input" for ".login_input"*/
.login_input {
    padding: 15px 18px !important;
    height: 45px !important;
    border-radius: 0px !important;
    margin-bottom: 10px;
}

.login_input:hover {
    border: 1px solid #7e7e7e;
}

.login_input:focus {
    border: 1px solid #0166B2;
}

.button-inicia {
    height: 45px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.btn-micuenta {
    color: #2391f1;
    background-color: #f1f1f1 !important;
}

.btn {
    transition: all 0.2s ease;
}

/* NUEVO CODIGO CLAUDIO--------------------------------*/

.formulario-custom h2 {
    font-weight: 100;
    color: #076cb6;
    margin-top: 50px;
    margin-bottom: 20px;
}

.formulario-custom.card {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.login_input {
    border: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.login_input:hover {
    border: 1px solid #7e7e7e !important;
}

.login_input:focus {
    border: 1px solid #0166B2 !important;
    box-shadow: 0px 0px 6px 0px #0166B2 !important;
}

.form-group .form-line {
    width: 100%;
    position: relative;
    border-bottom: 0px solid #ddd;
}

.formulario-custom .body {
    padding: 0px 0px;
}

.select-universidad {
    height: 45px !important;
    padding: 10px 18px !important;
    border-radius: 0px !important;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.0) !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.select-universidad:hover {
    border: 1px solid #7e7e7e !important;
}

.select-universidad:focus {
    border: 1px solid #0166B2 !important;
    box-shadow: 0px 0px 6px 0px #0166B2 !important;
}

.select-universidad:active {
    border: 1px solid #0166B2 !important;
    box-shadow: 0px 0px 6px 0px #0166B2 !important;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 6px 0 0;
    margin-top: 1px \9;
    height: 13px !important;
    width: 13px;
    line-height: 13px;
}

[type="checkbox"]+label {
    padding-left: 25px;
    height: 15px;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
}

.formulario-custom .btn-enviar {
    margin-bottom: 50px;
}

button#btnInstrucciones {
    background-color: #076cb6 !important;
    color: #FFF;
    width: 200px;
    float: right;
}


/*MAS CONTENIDO CLAUDIO ----------------------------*/

.btn-login {
    background-color: #0166B2 !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.menu-right {
    float: right;
    padding-top: 22px;
    /*}
.menu-right {
    float: right;
    padding-top: 22px;
    width: 90%;*/
}

a.menu-social {
    margin-left: 20px;
    transition: all 0.2s ease;
    opacity: 1;
}

a.menu-social:hover {
    opacity: 0.6;
}

a.menu-social-ayuda {
    color: #FFF;
    font-size: 16px !important;
    display: inline-block;
    padding-right: 20px;
    border-right: 1px solid #FFF;
    padding-top: 5px;
    padding-bottom: 5px;

}

.form-control {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.form-control:hover {

    border-bottom: 1px solid #939393 !important;
}

.form-control:focus {

    border-bottom: 1px solid #076cb6 !important;
}

/*misc*/

input:-moz-read-only {
    /* For Firefox */
    background-color: gainsboro !important;
}

input:read-only {
    background-color: gainsboro !important;
}

/* bootstrap select */
.bootstrap-select .btn:not(.btn-link):not(.btn-circle) {
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.validacion_infobox {
    border-width: 2px 0 2px 0;
    border-style: solid;
    padding: 10px;
    border-color: cornflowerblue;
}

.validacion_estudiante_icon i {

    position: absolute;
    top: 6px;
    left: -32px;
}

.info_login_importante {
    border-style: solid;
    border-color: cornflowerblue;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    background-color: aliceblue;
}

.validacion-form-container {
    margin-top: 30px;
}

.margin_bottom_override {
    margin-bottom: 0px !important;
}

.btn-back-login {
    float: right;
    background-color: #3B86FF !important;
    padding: 10px 20px 10px 20px;
    width: 30%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 16px !important;
    transition: ease 0.5s;
    font-weight: 500 !important;

}

.btn-back-login:hover {
    background-color: #2770E7 !important;
}

textarea {
    resize: none;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    height: 162px;
    /* box-sizing: content-box; DABA PROBLEMAS DE RESPONSIVIDAD*/
    border-radius: 10px;
}

input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.7) !important;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.7) !important;
}

input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7) !important;
}

textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5) !important;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, 0.7) !important;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.7) !important;
}

textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.7) !important;
}

.ubicacion-info-container {
    border-style: solid;
    border-color: #2196F3;

}

.card .ubicacion-info-container>.header {

    margin-bottom: 15px;
}

.noticia-fecha {
    width: 100%;
    margin-top: -15px;
    margin-bottom: 10px;
    text-align: right;
    font-weight: bold;
}

.noticia-seccion-titulo {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: -15px;

    /*Código Felipe Aravena
-------------------------*/
    /*}
.fuente-gob-bold{
    font-family: 'gobCL';
}
.fuente-gob-regular{
    font-family: 'gobCL-Regular';
}
.fuente-gob-light{
    font-family: 'gobCL-Light';*/

}

.login_bg_2019 {
    /*background:linear-gradient( rgba(60, 58, 67, 0.5)10%, rgba(60, 58, 67, 0.5)10%),url(../img/foto_ENDFID_2019.jpg);*/
    background: linear-gradient(to top, rgba(41, 39, 50, 1), rgba(60, 58, 67, 0.1)), url(../img/foto_ENDFID_2019.jpg);
    background-size: cover;
    background-position: 10% 20%;
    padding-bottom: 20px;
    /* background-position: 0 -90px;*/
    height: 280px;
}

.login_bg_2021 {
    background: linear-gradient(to top, rgba(41, 39, 50, 1), rgba(60, 58, 67, 0.1)), url(../img/bg_image.jpg);
    background-size: cover;
    background-position: 10% 45%;
    padding-bottom: 20px;
    height: 450px;
}

.login-title-fid {
    color: #FFF;
    padding: 0px 0px 30px 0px;
}

.middle {
    vertical-align: middle;
    padding: 20px 0px 0px 0px;
}

.card-new .header {
    padding: 45px 60px 150px 60px;
    line-height: 2.05;
    border-bottom: 0px solid rgba(204, 204, 204, 0.35);

}

.card-new .body {
    font-size: 15px;
    padding: 20px 30px 20px 30px;
}

.titles {
    font-family: 'Niramit', sans-serif;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    color: #3B86FF !important;
}

.titles-modal {
    font-family: 'Niramit', sans-serif;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    color: #3B86FF !important;
    margin-top: 0px !important;
}

/*.modal .modal-header {
    border: none;
    padding: 25px 25px 5px 25px;
    background:#F9F9F9;
    margin: 0px;
}*/

.hr-login {
    margin-top: 30px;
    background-color: #EB3C6C;
    height: 2px;
    width: 80px;
    margin-bottom: 30px !important;
}

.bg-endfid {
    background-color: #F9F9F9;

}

.title-login {
    font-family: 'Niramit', sans-serif;
    font-size: 24px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
    color: #3B86FF;
}

.card-new-login .header {
    padding-top: 30px;
}

.hr-new-login {
    margin-top: 30px;
    background-color: #EB3C6C;
    height: 2px;
    width: 80px;
    margin-bottom: 0px;
}

.card-new-login .body {
    font-size: 15px;
    padding: 20px 30px 20px 30px !important;
}

.new-login-text {
    font-family: 'Niramit', sans-serif;
    font-size: 16px;
    font-weight: 900;
    color: #555A5E;
}

.new-login-input {
    border-radius: 10px !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.new-login-input:hover {
    border-bottom: 1px solid #3B86FF !important;
}

.btn-new-login {
    background-color: #3B86FF !important;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}

.btn-new-login:hover {
    background-color: #2770E7 !important;
    margin-top: 20px;
    margin-bottom: 10px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}


.contact-container {
    background-color: #F9F9F9;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    text-align: center !important;
    margin: 0 !important;
    display: block;
    font-family: 'Niramit', sans-serif;
}

.new-login-info {
    border: 1px solid #3B86FF !important;
    border-radius: 10px;
    color: #3B86FF;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 10px 10px 10px 30px;
    margin-top: 20px;
    background-color: #F4F7FE;
    width: 100%;
}

.new-login-container {
    border-radius: 10px;
    color: #FFF;
    font-family: 'Niramit', sans-serif;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #3B86FF;
    width: 100%;
}

.btn-download-new {
    border: 1px solid #fff !important;
    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    height: 45px;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.btn-download-new:hover {
    border: 1px solid #fff !important;
    color: #fff !important;
    background-color: #3B86FF;

}

.stages-container {
    background-color: #fff;
    /*margin-top: 35px;*/
    width: 100%;
    text-align: center;
    /*align-content: center;
    transform: scale(0.50);
    transform-origin: 0.0;*/
}

.shrink {
    width: 90%;
}

#g-recaptcha {
    transform: scale(0.84);
    transform-origin: 0 0;
}

.validacion-form-container-new {
    margin-top: 30px;
    font-family: 'Niramit', sans-serif;
}

.btn-endfid-primary {
    background-color: #3B86FF !important;
    margin-top: 20px;
    margin-bottom: 50px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}

.btn-endfid-primary:hover {
    background-color: #2770E7 !important;
    margin-top: 20px;
    margin-bottom: 50px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.btn-endfid-secondary {
    background-color: #555A5E !important;
    margin-top: 20px;
    margin-bottom: 50px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}

.btn-endfid-secondary:hover {
    background-color: #394956 !important;
    margin-top: 20px;
    margin-bottom: 50px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.form-group .form-control {
    width: 100%;
    position: relative;
    border-color: 1px solid #F9F9F9 !important;
    opacity: 0.6;
    border-radius: 10px;
}

.form-group .form-control:checked {
    width: 100%;
    position: relative;
    border-color: 1px solid #F9F9F9 !important;
    opacity: 1 !important;
    border-radius: 10px;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #C1D6F9;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #3B86FF;
    left: 24px;
    box-shadow: 0 1px 3px 1px rgba(59, 134, 255, 0.4);

}

.validacion_estudiante_icon_new i {
    position: absolute;
    top: 10px;
    left: 4px;
}

.form-2019 .input {
    border: 1px solid #F9F9F9 !important;
    padding-left: 30px !important;
    height: 42px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    transition: all 0.2s ease;
}

.form-text {
    top: 10px;
}

.list-pruebas {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #F4F7FE;
    color: #3B86FF;
    /*border: 1px solid #3B86FF;*/
    border-radius: 10px;
    font-size: 14px !important;
    cursor: default !important;
}

.list-pruebas:hover {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #F4F7FE;
    color: #3B86FF;
    /*border: 1px solid #3B86FF;*/
    border-radius: 10px;
    font-size: 14px !important;
}

.btn-endfid-primary-modals {
    background-color: #3B86FF !important;
    top: 10px;
    margin-bottom: 10px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}

.btn-endfid-primary-modals:hover {
    background-color: #2770E7 !important;
    top: 10px;
    margin-bottom: 10px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.btn-endfid-secondary-modals {
    background-color: #555A5E !important;
    top: 10px;
    margin-bottom: 10px;
    ;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;

}

.btn-endfid-secondary-modals:hover {
    background-color: #394956 !important;
    top: 10px;
    margin-bottom: 10px;
    height: 45px;
    width: 100%;
    border-radius: 10px !important;
    font-family: 'Niramit', sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.modal .modal-content {
    border-radius: 10px;
    font-size: 16px;
    text-align: center;
}

.modal .modal-header {
    border: none;
    padding: 15px 25px 5px 25px;
    background: #F9F9F9;
    border-radius: 10px 10px 0px 0px;
}






/*}.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    width: 100%;
    position: relative;
    border-color: 1px solid #F9F9F9 !important;
    border-radius: 10px;*/




/*
}
.new-login-input:focus {
    border-bottom: 1px solid #3B86FF !important;*/

/*.form-control{
    border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.form-control:hover{

    border-bottom: 1px solid #939393 !important;
}

.form-control:focus{

    border-bottom: 1px solid #076cb6 !important;
*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: white !important;
    border-color: white !important;
    border-bottom: 0px !important;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
}

.color-table thead {
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.color-table th {
    font-weight: bold !important;
    padding: 10px 5px 1px 5px;
    font-size: 10px;
    border-bottom: 1px solid #BDBCBC;
}

.color-table tbody {
    text-align: center;
    font-size: 12px;
    font-weight: bold;

}

.llamadas-color-table thead {
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.llamadas-color-table th {
    font-weight: bold !important;
    padding: 10px 5px 1px 5px;
    font-size: 12px;
    border-bottom: 1px solid #BDBCBC;
}

.llamadas-color-table td {
    font-weight: normal !important;
    padding: 10px 5px 1px 5px;
    font-size: 13px;
    border-bottom: 1px solid #BDBCBC;
}


.llamadas-color-table tbody {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}

.tabla-color {
    padding: 20px 10px;
}

.llamadas-tabla-color {
    padding: 20px 10px;
    width: 60px;
    font-size: 16px;
}

.llamadas-tabla-color-porcentaje {
    font-size: 13px !important;
    color: #333333
}

.puntaje-color-table thead {
    font-weight: bold;
    text-align: center;
    color: #000000;
}

.puntaje-color-table th {
    font-weight: bold !important;
    padding: 5px 2px 1px 2px;
    font-size: 12px;
    border-bottom: 1px solid #BDBCBC;

}

.puntaje-color-table td {
    font-weight: normal !important;
    padding: 5px 2px 1px 2px;
    font-size: 13px;
    border-bottom: 1px solid #BDBCBC;

}


.puntaje-color-table tbody {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    width: 50%;
}

.color-table-puntaje {
    padding: 20px 10px;
    width: 100%;
    font-size: 16px;
    border-collapse: collapse;

}

.panel-puntaje {

    /* width: 100%; */
    font-size: 16px;
    padding-left: 25px;
    /* border-collapse: collapse; */

}

.azul {
    background-color: #8FB8FF;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.amarillo {
    background-color: #FFD153;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.verde {
    background-color: #65D9AB;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.verdeTabla {
    background-color: #8fc475;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.verdeLlamadas {
    background-color: #90ed7d;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.celesteTabla {
    background-color: #78c9ec;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.lilaTabla {
    background-color: #e0b0ff;
    padding: 10px 10px;
    color: #666666;
    border-radius: 10px;
}

.gris {
    background-color: #C1D9CA;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.naranjo {
    background-color: #FF8E53;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.verdoso {
    background-color: #8fc475;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.celeste {
    background-color: #78C9EC;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.navy {
    background-color: #FFF368;
    padding: 10px 5px;
    color: #666666;
    border-radius: 10px;
}

.celesteLlamadas {
    background-color: #7cb5ec;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.navyLlamadas {
    background-color: #ffd34c;
    padding: 10px 5px;
    color: #666666;
    border-radius: 10px;
}

.rojo {
    background-color: #FF5880;
    padding: 10px 10px;
    border-radius: 10px;
    color: #666666;
}

.grises {
    background-color: #C1D9CA;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #666666;
}

.grisr {
    background-color: #C1D9CA;
    padding: 10px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #666666;
}

.rosa {
    background-color: #FF5880;
    padding: 10px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #666666;
}

.rosas {
    background-color: #FF5880;
    padding: 10px 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #666666;
}

.date {

    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    text-align: right;

}

#inscritosDia {
    background: transparent;
    color: #000000;
    font-size: 12px;
    padding: 10px;
}

.notas {
    text-align: center;
    font-style: italic;
    margin: auto 0;
}

.notas-validacion {
    font-style: italic;
    margin-top: 5px;
}

/* LOADING DE DESCARGA */
.loading-spinner {
    width: 30px;
    height: 30px;
    border: 2px solid indigo;
    border-radius: 50%;
    border-top-color: #0001;
    display: inline-block;
    animation: loadingspinner .7s linear infinite;
}

@keyframes loadingspinner {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

.modal-header {
    padding: 15px 15px 0px 15px !important;
    color: #242931;
}

/* Modal Body */
.modal-body {
    padding: 2px 16px;
    max-height: calc(100vh);
    overflow-y: auto;
}

.modal-body-pdf {
    padding: 2px 16px;
    max-height: calc(100vh);
    overflow: hidden;
}

/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    color: #242931;
}

/* Modal Content */
.modal-content {
    color: #242931;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 70% !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}

.ver-docs {
    width: 100% !important;
    height: 100%;
    border: 0px;
}

.pdf-muestra {
    width: 100% !important;
    height: 100%;
}

/* Add Animation */
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.infoAzul {
    color: #415FF3;
    font-size: 35px;
}

#buscadorLab {
    padding-left: 35px;
}

.form-control {
    border: transparent !important;
    color: #000000 !important;
    font-size: 13px !important;
    background-color: #DCE2FF !important;
}

.buscadorTabla span {
    position: absolute;
}

.iconBuscar {
    padding: 7px;
    margin: auto;
    color: #495057;
}

.boxes {
    display: flex;
    flex-direction: row !important;
    width: auto !important;
    white-space: nowrap;
}

.limpiar-filtros {
    font-size: 14px !important;
    background-color: transparent !important;
    color: #5672FF !important;
}

.custom-select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    width: 250px;
    display: grid !important;
}

#gantt {
    font-family: "Roboto";
}

#gantt table {
    border-collapse: collapse;
    border-spacing: 0px 20px;
}

table tr {
    border-bottom: 5px solid white;
}

#gantt table tr th {
    border: 1px solid white;
    border-collapse: collapse;
    padding: 5px;
    font-size: 12px;
    background-color: lightgray;
    line-height: 10px;
}


#gantt table tr td {
    padding: 5px;
    line-height: 20px;
    border-left: 1px dotted gray;
    width: 200px;
    height: 10px;
}

#gantt table tr td:last-child {
    border-right: 1px dotted gray;
}

#gantt table tr td.event-cell {
    color: white;
    font-size: 10px;
    text-align: left;
    padding-left: 10px;
    border-radius: 26px;
    border-left: none;
}

#gantt table tr td.event-cell:last-child {
    border-right: none;
}

#gantt table tr td.event-cell span {
    background-color: #f6a400;
    padding: 5px 5px;
    border-radius: 15px;
    margin-right: 10px;
    color: #685c43;
}

/* .label_tableau{ */
	/* margin:0px !important; */
/* }	 */
/* .filtro_tableau{ */
	/* margin-left: 10px !important;	 */
	/* margin-right: 5px !important;	 */
/* } */


/* Los 8 filtros (Región, Deprov, Dependencia, SLE, Comuna, Nivel de Educación,
   Asignatura, RBD) comparten el mismo max-height + scroll, para que ninguno se
   vea distinto del resto ni empuje el alto de la página cuando tiene muchas
   opciones. Las listas cortas (ej. Región, Dependencia) no activan el scroll
   porque max-height solo limita, no fuerza el alto. */
#divRegion,
#divDeprov,
#divDepen,
#divSLE,
#divComuna,
#divNivelEducacion,
#divAsignatura,
#divRBD {
	max-height: 340px;
	overflow-y: auto;
	/* Fijar overflow-x es obligatorio acá: si overflow-y queda en auto/scroll
	   y overflow-x se deja en "visible" (el default), el navegador IGNORA el
	   "visible" y lo fuerza a "auto" tambien (regla rara del spec de CSS) --
	   eso era lo que generaba el scroll horizontal fantasma en RBD. Con
	   overflow-x:hidden explicito no hay scroll horizontal nunca, y el texto
	   largo (ver word-break mas abajo) hace salto de linea en vez de salirse. */
	overflow-x: hidden;
	/* Los 8 filtros dependen 100% de este max-height/overflow para su alto --
	   ninguno fija un "height" propio por JS (Deprov, Comuna y Asignatura
	   SI lo hacian antes con $(...).height(400) o numOpciones*22+22 en
	   comun.js, pero eso hacia que el dropdown se viera roto/diminuto
	   cuando quedaban pocas opciones tras encadenar filtros, ej. Región
	   Ñuble -> Deprov con 1 sola opcion quedaba en ~44px). Se saco esa
	   logica para que las 8 se comporten igual que Región (que nunca la
	   tuvo): alto natural del contenido, con scroll SOLO cuando no entra en
	   340px. Como el contenedor es "display:grid", el "align-content" por
	   defecto (normal -> se comporta como stretch) reparte cualquier
	   espacio sobrante ENTRE las filas del grid -- al buscar y ocultar
	   opciones, el contenido visible es mas bajo que el alto disponible y
	   ese espacio sobrante aparecia como huecos entre "Todas", el buscador,
	   el contador y las opciones (el buscador se veia "bajar").
	   align-content:start deja las filas pegadas arriba y el espacio
	   sobrante al final. */
	align-content: start;
}

.dropdown-menu.show label {
	word-break: break-word;
}

/* SLE, Nivel de Educación y RBD traen textos mucho más largos (nombres de
   servicios locales, niveles y establecimientos) que el resto de los
   filtros, por eso necesitan más ancho. OJO: tiene que ser "width" (no
   "max-width") porque ".dropdown-menu.show" ya fija width:287px -- max-width
   nunca ensancha una caja que ya tiene un width mas chico, solo la angosta si
   se pasa. Con "width" el selector de ID (mas especifico que la clase
   ".dropdown-menu.show") gana. */
#divSLE {
	width: 650px;
}

#divNivelEducacion {
	width: 435px;
}

#divRBD {
	width: 550px;
}

/* Buscador dentro de cada filtro (Región, Deprov, Dependencia, SLE, Comuna,
   Nivel de Educación, Asignatura, RBD). El ancho/margen se define acá (no
   inline en el HTML) para que quede consistente y con espacio a los costados
   -- antes el input llegaba con "width:100%; margin:4px 0" inline desde el
   JS, pegado al borde izquierdo sin aire. */
.buscar-filtro,
#buscar_RBD {
	display: block;
	width: calc(100% - 24px);
	height: 30px;
	margin: 6px 12px 8px 12px;
	border: 1px solid #c7cce3;
	border-radius: 6px;
	padding: 6px 10px;
	font-size: 12px;
	background: #fff;
	box-sizing: border-box;
	transition: border-color .15s ease, box-shadow .15s ease;
	/* input[type=search] trae estilo nativo del navegador/SO (el botoncito
	   "x" para limpiar que solo aparece cuando hay texto escrito) que hacia
	   que el alto calculado cambiara al tipear. Se desactiva ese estilo nativo
	   para que el tamaño quede fijo, controlado 100% por este CSS. */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* El padre (".dropdown-menu.show") es "display:grid" con "align-items:
	   stretch" por defecto -- eso deja que el buscador se estire para llenar
	   el alto de su fila del grid. En listas largas (Deprov, RBD, etc.) el
	   navegador recalcula esas filas implicitas en cada tecleo (las opciones
	   se ocultan/muestran), y ese recalculo hacia que el buscador "heredara"
	   una fila mas alta y se viera crecer varias lineas de golpe. Con
	   align-self:start el buscador queda con su alto fijo (this "height")
	   sin depender del stretch del grid. */
	align-self: start;
	white-space: nowrap;
	overflow: hidden;
}

.buscar-filtro::-webkit-search-cancel-button,
#buscar_RBD::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
}

.buscar-filtro:focus,
#buscar_RBD:focus {
	outline: none;
	border-color: #4d68d6;
	box-shadow: 0 0 0 3px rgba(77, 104, 214, 0.15);
}

/* Contador "N seleccionados - M coincidencias" de cada filtro. */
.contador-filtro {
	font-size: 11px;
	color: #4d5a8a;
	background: #eef0fb;
	border-radius: 10px;
	padding: 3px 10px;
	margin: 4px 12px 8px 12px;
	display: inline-block;
}

.dropdown-menu.show {
    display: grid !important;
    background-color: #E5E8FF !important;
	width: 287px;
	padding-right:8px;
	left: 0px;
	font-size:12px;
	/*scrollbar-width: thin;	*/
}


.dropdown-menu.show label {
	margin:0px !important;
}	
	
.dropdown-menu.show input[type="checkbox"] {
	margin-left: 10px !important;	
	margin-right: 5px !important;	
}	

.dropdown-menu.show li a {
    color: #DCE2FF !important;
    padding: 10px;
}
.dropdown-toggle {
	text-align:left;
    background-color: #E5E8FF !important;
	box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
	overflow: hidden;
    text-overflow: ellipsis;	
}

#dropBar.show {
    display: grid !important;
    background-color: #0b4582 !important;
}