/*GENERAL*/

body{
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #2E2E2E;
    margin: 0;
}

input{
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #2E2E2E;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
}

input:focus{
    border-color: #5C85BC;
    outline: 2px solid #5C85BC;
}

button{
    font-family: Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
}

table {
    border-collapse: collapse;
    border: 1px solid #dddddd;
}

table th {
    background-color: #f2f2f2;
    text-align: center;
    padding: 5px;
}

table td {
    text-align: left;
    padding: 5px;
}

table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.tdCentrado{
    text-align: center;
}

.thAncho{
    width: 100px;
}

select{
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #2E2E2E;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

select:focus{
    border-color: #5C85BC;
    outline: 2px solid #5C85BC;
}

.btnGuardar {
    margin: 0 10px;
    background-color: #4CAF50;
    color: #fff;
    border: none;
    padding: 8px 15px;
    text-align: left;
    cursor: pointer;
}

.btnGuardar:hover{
    background-color: #3F9343;
}

.btnCancelar {
    color: #444444;
    margin: 0 10px;
    background-color: #EEEEEE;
    border: none;
    padding: 8px 15px;
    text-align: left;
    cursor: pointer;
}

.btnCancelar:hover{
    background-color: #E0E0E0;
}

.divCentrar{
    width: 100%;
    text-align: center;
}

.btnPdf{
    cursor: pointer;
}

.txtAporte{
    width: 50px;
    text-align: center;
}

.txtExamen{
    width: 50px;
    text-align: center;
}

/*INDEX*/

.bodyCentrado{
    background-color: #EEEFF2;
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divCentrado{
    width: 400px;
    background-color: white;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
}

.imgLogo{
    width: 80%;
}

.divTitulo{
    margin: 20px 0;
}

.divContenedorMensaje{
    padding: 0 30px;
    margin: 5px 0;
}

.divMensaje{
    background-color: #f4d6d2;
    color: #99553f;
    border-radius: 5px;
    padding: 10px;
}

.txtPrincipal{
    width: 80%;
}

.btnPrincipal{
    background-color: #324C74;
    color: #fff;
    border: none;
    cursor: pointer;
    margin: 5px 0;
    border-radius: 5px;
    padding: 8px 20px;
}

.btnPrincipal:hover{
    background-color: #273C5B;
}

/*INICIO*/

.inicioEncabezado{
    position: fixed;
    top: 0;
    width: 100%;
    height: 50px;
}

.inicioCuerpo{
    display: flex;
    margin-top: 50px;
    height: calc(100vh - 50px);
}

.inicioMenu{
    background-color: #C5C9D1;
    width: 20%;
    overflow-y: auto;
}

.menuContenedor{
    padding: 10px;
}

.menuDato{
    margin: 8px 0;
}

.menuDatoContenedor{
    display: flex;
    justify-content: center;
}

.menuDatoPeriodo{
    width: 50%;
    background-color: #C75C5C;
    color: #fff;
    margin: 8px 0;
    padding: 8px;
    border-radius: 5px;
}

.inicioPanel{
    flex: 1;
    padding: 10px;
    overflow-y: auto;
}

.inicioCarga{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.imgCarga{
    width: 100px;
}

/*ENCABEZADO*/

.encabezadoContenedor{
    background-color: #324C72;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.encabezadoTitulo{
    margin-right: auto;
}

.imgLogoSecundario{
    height: 40px;
}

.btnSalir{
    color: #444444;
    background-color: #F4F4F4;
    border: none;
    padding: 8px 10px;
}

.btnSalir:hover{
    background-color: #CCD9EC;
}

/*MENU*/

.imgUsuario{
    width: 100px;
}

.menuContenedor button {
    color: #2E2E2E;
    width: 100%;
    margin: 2px 0;
    background-color: #F4F4F4;
    border: none;
    padding: 10px;
    text-align: left;
}

.menuContenedor button.active {
    background-color: #3A5E8E;
    color: white;
}

/*GESTION CALIFICACIONES*/

.opcionesEnLinea{
    display: flex;
    justify-content: space-between;
    width: 105px;
}

.btnEditar{
    background-color: #5B87BD;
    color: white;
    border: 1px solid #5B87BD;
    cursor: pointer;
    padding: 0 5px;
}

.contenedorMensajeCalificaciones{
    width: 100%;
    margin: 5px 0;
}

.mensajeSecundario{
    background-color: #CCD9EC;
    color: #273C5B;
    border-radius: 5px;
    padding: 10px;
}

/*REGISTRO CALIFICACIONES*/

.registroOpciones{
    padding: 10px;
    text-align: center;
}

/*CAMBIO CONTRASEÑA*/

.contrasenaContenedor{
    width: 500px;
    padding: 5px 0 10px 40px;
}

.contenedorMensajeContrasena{
    padding-right: 60px;
    margin: 5px 0;
}