@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/baloo2/baloo-2-v1-latin-regular.eot') format('embedded-opentype'), 
        url('../fonts/baloo2/baloo-2-v1-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/baloo2/baloo-2-v1-latin-regular.woff2') format('woff2'),
        url('../fonts/baloo2/baloo-2-v1-latin-regular.woff') format('woff'),
        url('../fonts/baloo2/baloo-2-v1-latin-regular.ttf') format('truetype'),
        url('../fonts/baloo2/baloo-2-v1-latin-regular.svg#Baloo2') format('svg');
}
@font-face {
    font-family: 'Baloo 2';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/baloo2/baloo-2-v1-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/baloo2/baloo-2-v1-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/baloo2/baloo-2-v1-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/baloo2/baloo-2-v1-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/baloo2/baloo-2-v1-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/baloo2/baloo-2-v1-latin-600.svg#Baloo2') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Sen';
font-style: normal;
font-weight: 400;
src: url('../fonts/sen/sen-v2-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/sen/sen-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/sen/sen-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/sen/sen-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/sen/sen-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/sen/sen-v2-latin-regular.svg#Sen') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/source-sans-pro/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
/* source-sans-pro-600 - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 600;
src: url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
src: local(''),
        url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */
        url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/source-sans-pro/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

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

/* abeezee-regular - latin */

._max-width {
    width: 100% !important;
    max-width: 1280px !important;
    margin: auto !important;
    text-align: justify;
}

._bg-login{
    background: url(../images/E3D__bg-image.svg) no-repeat ;
    
    background-origin: content-box, content-box;
    background-size: 100% auto!important;
    /*height: 115px;*/
    /*z-index: 999;*/
} 

/*LOGIN*/
    .titulo{
        color: #3C335D;
        font-weight: 600;
        font-size: 6vmax;
    }

    .secAzul{
        font-size: 2.5vmax;
        font-weight: bold;
        color: white;
        background: #4E71FE;
        padding: 0 15px 5px 15px;
    }
    .secRoja{
        font-size: 2.5vmax;
        font-weight: bold;
        color: white;
        background: #F83873;
        padding: 0 15px 5px 15px;
    }

    .contenedor_arriba{
        height: 45%;
    }
    .contenedor_abajo{
        height: 55%;
        /*background-color: #F1F1F1;*/
    }

    .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 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: #2C283B;
        font-weight: 300;
        font-family: 'Lato', sans-serif;
       /* font-size: 2.2vmin;*/
        font-size: 1.2vmax;
    }
    .seccion_texto_postular {
        color: #484351;
        font-weight: 500;
        font-family: 'Titillium Web', sans-serif;
       /* font-size: 2.2vmin;*/
        font-size: 18px;
        background-color: #FBF9F9; 
        width: 80%;
        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: -8%;
        height: 108%;
    }
    .seccion_der h1{
        font-weight: 300 !important;
        font-size: 2.8vmin;
    }
    .seccion_der hr{
        width: 15% !important;
        border-top: 1vmin solid #9EB3D2 !important;
    }
    .div-datos{
        margin-top: 5vmin;
    }
    .div-entrar{
        position: absolute !important;
        bottom: 0px !important;
        background: #3C335D !important;
        height: 8vmin !important;
        cursor: pointer;
        color: white;
        font-weight: 500;
    }

    .div-entrar a{
        margin: auto;
        font-size: 2.6vmin;
        font-weight: bold;
    }

    .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);
    }


    [tooltip] {
    
    position: relative;
    cursor: help;
    padding: 4px;
}


/*MODULOS*/
    .fondo-modulos{
        background: #F5F5F5;
    }
    .fondo-card-1{
        background: #FBF9F9;
    }

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

    .card-modulo{
        width: 16%;
        /*height: 43vmin;*/
        height: 100%;
        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;
        /* 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;
    }

    .fuente-sen-bold{
        font-family: 'Sen';
        
    }
    .fuente-baloo2-semibold{
        font-family: 'Baloo 2', cursive;
        font-size: 25px;
        
    }
    .fuente-sen-cur{
        font-family: 'Sen', sans-serif;
        
    }
    .fuente-baloo2-semibold1{
        font-family: 'Baloo 2', cursive;
        
    }
    .fuente-source-sans-pro{
        font-family: 'Source Sans Pro', sans-serif;
       
    }


    
    .modulos-titulo{
        
        color: #2C283B;
        position: relative;
        top: 34%;
        /*font-size: 3.2vmin;*/
        font-size: 25px;
    }

    .modulos-titulo-hr{
        position: relative;
        top: 45%;
        border-top: 3px solid #9EB3D2;
        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;
    }

    ._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;
      
    }
    ._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;
        /*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: #665F80 !important;
        background-color: #fff !important;
        font-weight: bold!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;
    }*/

    a.nav-link.active::after {
        content: "";
        display: block;
        width: 64%;
        border-bottom: 5px solid #9EB3D2;
        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;
}

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: white;
    font-size:16px;
    color: #484351;
    padding: 10px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dropdown-menu.show {
    top: 22px !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;0*/
    }

    .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: 13px 20px 60px 20px;
        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;
    }

    ._radios{
        background-color: #f9fafb !important;
        background-position: 100%;
        margin-bottom: 15px !important;
        margin-left: 10px !important;
        margin-top: -10px !important;
        padding: 0rem !important;
        height: 87px!important;
        max-width: 160px!important;
        border-radius: 10px;
    }

    ._radios2{
        background-color: #f9fafb !important;
        background-position: 100%;
        margin-bottom: 15px !important;
        margin-left: 10px !important;
        margin-top: -10px !important;
        padding: 0rem !important;
        height: 87px!important;
        max-width: 99px!important;
        border-radius: 10px;
    }
    ._radios3{
        background-color: #f9fafb !important;
        
        margin-bottom: 15px !important;
        margin-left: 10px !important;
        margin-top: -10px !important;
        
        height: 87px!important;
        border-radius: 10px;
    }

    .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: 12px;
        margin-bottom: 0px;
        font-weight: 500 !important;
        color: grey;
    }
    ._text-legend-aplica {
        font-size: 12px;
        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{
        margin-top: 24px;
        font-size: 22px;
        font-weight: 400;
        color: #007bff !important;
        margin-bottom: 0px;
    }

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

    ._text-dato-aplica {
        margin-top: 24px;
        font-size: 15px;
        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: transparent !important;
        color: #757379 !important;
        border: 1px solid #c8c2d2 !important;
        border-radius: 7px !important;    
    }
/*TABLE*/
    .search{
        font-family: 'Sen';
        position: inherit;
        float: right;
        margin-top: -48px;
        margin-right: 1rem !important;
    }
    

    .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";
        speak: none;
        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;
}
/*Grafico Completacion 1 y 2*/
.highcharts-figure-completacion, .highcharts-data-table-completacion table {
    min-width: 400px; 

    max-width: 400px;
     margin-left: 7%;
}
.highcharts-figure-completacion {
    min-width: 400px; 

    max-width: 400px;
    margin-left: 17%;
}
.highcharts-description-completacion{
    min-width: 350px;
}
/*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: -8px;
    height: 150px;
    
}


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

    max-width: 400px;
}

.highcharts-description3{
    min-width: 350px;
}
.container_grafico3 {
    
    margin-top: -8px;
    height: 200px;
    
}

.highcharts-figureprog {
    min-width: 650px; 

    max-width: 650px;
}

.highcharts-descriptionprog{
    min-width: 600px;
}
.container_graficoprog {
    
    margin-top: -8px;
    height: 250px;
    
}



.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;
}
/* tabla simce */
.head-table-simce{
    color: #4E4E4E;
    font-size: 11.4px!important;
}
.font-bodytable-simce{
    text-align:center; font-size:12px!important;
}
/* tabla completacion */

.head-table-completacion{
    color: #4E4E4E;
    font-size: 11px!important;
}

.font-bodytable-completacion{
    text-align:center; font-size:11px!important;
}

.btn-volver-sm{
    color:#3C335D!important;
    border-color: #3C335D!important;
    border-radius: 20px !important;
    width: 159px !important;
    height: 37px !important;
    font-size: 14px !important;
}
.btn-volver-sm:hover{
    color:#fff!important;
    background:#4F4181;
    width: 159px !important;
    height: 37px !important;
    font-size: 14px !important;
}

.btn-exportexcel-sm{
    color:#fff!important;
    background:#3C335D!important;
    width: 177px !important;
    height: 39px !important;
    font-size: 14px !important;
}
.btn-exportexcel-sm:hover{
    background:#4F4181!important;
    width: 177px !important;
    height: 39px !important;
    font-size: 14px !important;
}

/* headers table simce 4F4181*/
.head-director-sm{
    background:#F7F8F9;
}
.head-profesor-sm{
    background:#FAFAFC;
}
.head-alumno-sm{
    background:#FEFAFA;
}
.head-apoderado-sm{
    background:#F8FBFB;
}
/*body table color simce */
/* director */
.hover-tabla-simce2 td:nth-child(1n+6) {
    background: #F7F8F9!important;
}
/* alumno */
.hover-tabla-simce2 td:nth-child(1n+7){
    background:#FEFAFA!important;
}
.hover-tabla-simce2:hover td:nth-child(1n+6){
    background:#ECECEC!important;
}

/*validacion
director */
.hover-tabla-simce td:nth-child(1n+5){
    background:#F7F8F9!important;
}


/* profesor */
.hover-tabla-simce td:nth-child(1n+6){
    background:#FAFAFC!important;
}

/* apoderado */
.hover-tabla-simce td:nth-child(1n+9){
    background:#FEFAFA!important;
}
/* alumno */
.hover-tabla-simce td:nth-child(1n+12){
    background:#F8FBFB!important;
}

.hover-tabla-simce:hover td:nth-child(1n+5){
    background:#ECECEC!important;
}

/*completacion
 director */
.hover-tabla-completacion td:nth-child(1n+6) {
    background: #F7F8F9!important;
}
/* profesor */
.hover-tabla-completacion td:nth-child(1n+9){
    background:#FAFAFC!important;
}
/* alumno */
.hover-tabla-completacion td:nth-child(1n+13){
    background:#F8FBFB!important;
}
.hover-tabla-completacion td:nth-child(1n+17){
    background:#FEFAFA!important;
}

.hover-tabla-completacion:hover td:nth-child(1n+6){
    background:#ECECEC!important;
}


.hide {
    display: none;
  }
      
.myDIV:hover + .hide {
    display: block;
    color: black;
   
      position: absolute;
     
      border: 1px solid gray;
      background-color: #eee;
      z-index: 10;
  }

  .cuadrado-verde {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #35CB9D;
    font-size: 10px;
    
}
.cuadrado-amarillo {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #F1B01A;
    font-size: 10px;
}
.cuadrado-rojo {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #F83873;
    font-size: 10px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    transition: all 0.3s;
  }
  .switch::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius:50%;
    background-color: white;
    top: 1px;
    left: 1px;
    transition: all 0.3s;
  }
  
  .checkbox:checked + .switch::after {
    left : 20px;
  }
  .checkbox:checked + .switch {
    background-color: #7983ff;
  }
  .checkbox {
    display : none;
  }