@charset "UTF-8";

/* -------------------------------------------- */
/* ------------------Reset--------------------- */

/* -------------------------------------------- */
/* ------------------Font---------------------- */

/*Add your font at here*/

/* -------------------------------------------- */
/* ------------------Style--------------------- */

/* -------------------------------------------- */
/* ------------------Header-------------------- */

/* -------------------------------------------- */
/* ------------------Navigation---------------- */

/* -------------------------------------------- */
/* ------------------Content------------------- */

/*CSS de cursos*/
.item-asignacion{
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	float: left;
}
.item-asignacion h2{
	padding: 10px;
}
.item-sin-asignacion{
	width: 70%;
	height: 100vh;
	max-height: 100vh;
	float: left;
}
.item-con-asignacion{
	width: 30%;
	height: 100vh;
	max-height: 100vh;
	float: left;
}
.item-alumnos-sin{
	width: 49%;
	height: 100vh;
	max-height: 100vh;
	float: left;
	border-right: 1px solid;
}
.lista-alumnos-sin{
	width: auto;
	padding: 10px;
	max-height: 90vh;
	overflow-y: scroll;
}
.item-profesores-sin{
	width: 49%;
	height: 100vh;
	max-height: 100vh;
	float: left;
	border-right: 1px solid;
}
.lista-profesores-sin{
	width: auto;
	max-height: 90vh;
	padding: 10px;
	overflow-y: scroll;
}
.item-profesores-con{
	width: 100%;
	height: 30vh;
	max-height: 30vh;
	float: left;
	border-bottom: 1px solid;
}
.lista-profesores-con{
	width: auto;
	padding: 10px;
	max-height: 20vh;
	overflow-y: scroll;
}
.item-alumnos-con{
	width: 100%;
	height: 70vh;
	max-height: 70vh;
	float: left;
}
.lista-alumnos-con{
	width: auto;
	padding: 10px;
	max-height: 60vh;
	overflow-y: scroll;
}
.elemento-lista{
	float: left;
	width: 90%;
	padding: 5px;
	background-color: #949494;
	margin-bottom: 3px;
}
.elemento-lista-visible{
	display: block;
}
.elemento-lista-oculto{
	display: none;
}
.busqueda-filtro{
	display: none !important;
}
.elemento-lista p{
	float: left;
	color: white;
}
.elemento-lista .lista-boton{
	float: right;
	color: white;
	padding-right: 5px;
	cursor: pointer;
}

.logo_plantel{
	height: 60px;
    width: auto;
}

/* --------------------------------------------- */
/* ----- Modal de Condicion del estudiante ----- */
.block02 .formulario_modal .item_elemento label{float: left;margin: 5px 5px 5px 20px;padding: 2px 0;line-height: 24px;}
.block02 .formulario_modal .item_elemento .force{font-weight: bolder;}


/* --------------------------------------------- */
/* ----- Modal para los detalles del plan de evaluacion ----- */
.tabla_listado_plan_evaluacion{font-size: 14px;line-height: 20px;}
.tabla_listado_plan_evaluacion thead{font-weight: bolder;border-bottom: 1px solid #bbb;}
.tabla_listado_plan_evaluacion thead th{font-weight: bolder;border-bottom: 1px solid #bbb; width: 200px;} 
.tabla_listado_plan_evaluacion tbody tr{border-bottom: 1px solid #bbb;}
.tabla_listado_plan_evaluacion tbody tr.fila_responsable{font-weight: 600;}
.tabla_listado_plan_evaluacion tbody tr td{line-height: 30px; text-align: center; width: 200px; padding: 5px 20px 13px 20px; vertical-align: middle;}
.tabla_listado_plan_evaluacion tbody tr td.grupo{font-weight: bold;}
.tabla_listado_plan_evaluacion tbody tr td.click{cursor: pointer;}
.tabla_listado_plan_evaluacion tbody tr td.nombre{width: 40%;}
.tabla_listado_plan_evaluacion tbody tr td.celda_numero{padding: 0px 3%;text-align: right;}
.tabla_listado_plan_evaluacion tbody tr td.celda_fecha{padding: 0px 1%;}
.tabla_listado_plan_evaluacion tbody tr td.alinea_derecha{text-align: right;padding-right: 3%;}
.tabla_listado_plan_evaluacion tbody tr td .ip_fichaje{float: left;height: 20px;cursor: pointer;font-weight: bold;}
.tabla_listado_plan_evaluacion tbody tr td img{float: left; margin: 5px; height: 20px;cursor: pointer;}
.tabla_listado_plan_evaluacion tbody tr td input[type="text"]{margin: 4px;text-align: center; line-height: 22px;padding: 0 5px;border: 1px solid #949494;}
.tabla_listado_plan_evaluacion tbody tr td span.fichajes{float: left;width: 70px;text-align: right;}
.tabla_listado_plan_evaluacion tbody tr:hover{background-color: #eee;}
.tabla_listado_plan_evaluacion .tabla_accion{font-size: 12px;padding: 0 5px;color: #5889d6;cursor: pointer;}
.tabla_listado_plan_evaluacion .tabla_accion2{font-size: 12px;padding: 0 5px;color: #cc0000;cursor: pointer;}
.tabla_listado_plan_evaluacion .tabla_separador{font-size: 16px;padding: 0 5px;}  

.modalDialog {display: flex; flex-wrap: nowrap; align-items: center; background: rgba(100,100,100,0.5);z-index: 99999;opacity:0;webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog > div {display: inline-block; width: auto; min-width: 400px; padding: 30px 20px 30px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #eee); background: -webkit-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee);}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog  > div a.button{width: 17%;height: 30px;margin: 5% 13%;text-align: center;border-radius: 10px;background: #606061;color: #FFFFFF;padding: 1% 3%;line-height: 30px}
.modalDialog  > div a.button.triple{width: 25%;height: 30px;margin: 5% 1%;text-align: center;border-radius: 10px;background: #606061;color: #FFFFFF;padding: 1% 3%;line-height: 30px;text-transform: none;}
.buttonmodalDialog {margin: 5px 0;padding: 2px 10px;color: #666;background: rgb(221,221,221);border: 1px solid #bbb;line-height: 24px; font-size: 12px;cursor: pointer;}
.textomodalDialog {width: 15%; margin: 4px;text-align: center;display: inline-block;line-height: 22px;padding: 0 5px;border: 1px solid #949494;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */

/* -------------------------------------------- */
/* ------------------Components-----------------*/