@charset "utf-8";
/* CSS Document */


header{ background: black; color: white; padding: 6px 13px; margin: 0 0 20px 0; position: relative; }

header h1{ font: bold 40px/1.2em Georgia, "Times New Roman", Times, serif; margin:0 0 0px 0; padding: 0; }
header ul{ position: absolute; right: 5px; top: -3px; margin:0; padding:0; }
header ul li{ margin: 0; padding:0; position: relative; }
header a{ color: white; text-decoration:none; display: inline-block; width:32px; height:32px; background:url(../icons/menu_ver.png) left top no-repeat; text-indent: -200px; overflow:hidden; }
header ul li:nth-child(1) a{ background-image:url(../icons/menu_buscar.png) }
header ul li:nth-child(2) a{ background-image:url(../icons/menu_ver.png) }
header ul li:nth-child(3) a{ background-image:url(../icons/menu_new.png) }
header ul li:nth-child(4) a{ background-image:url(../icons/menu_settings.png) }
header ul li:nth-child(5) a{ background-image:url(../icons/menu_logout.png) }
header ul li:nth-child(6) a{ background-image:url(../icons/menu_config.png) }
header ul li > div{ display: none; padding-top: 11px; position: absolute; width: 280px; z-index: 10; top: 32px; left: -120px; color: darkred; }
header ul li:hover > div{ display: block; }
header ul li > div > div{ background: white; padding: 20px; border-radius: 0 0 4px 4px; box-shadow: 0 3px 2px black; }
header ul li > div div div{ margin-bottom: 5px; overflow: auto; } 
header #response_setup{ color: darkgreen; background: #DFF9E1; padding: 4px; text-align: center; border-radius: 3px;}
header #response_setup:empty{ display: none; }
header ul li > div input{ display: none; }
header ul li > div label{ display: block; position: relative; padding-left: 25px; }
header ul li > div label:before{ display: block; width: 20px; height: 20px; content: ''; background: url(../icons/checkbox.png) center top no-repeat; background-size: 20px; position: absolute; left: 0; top: 4px; }
header ul li > div :checked + label:before{ background-position: center bottom; }

body, table, td{ font: normal 11px/16px Verdana, Geneva, sans-serif; margin: 0; padding:0; }
body{ margin:0; padding:0; padding-bottom:100px;}
table{ border-collapse:collapse; margin-top:20px; width:900px;  }
fieldset{ margin-bottom:20px; }
th{ padding:10px; font-weight:bold; }
td{ vertical-align:top; padding:2px; }
textarea{ width:97%; height: 50px; resize: none; }

.spanneados{ padding:10px; }
.spanneados label{ display:block; padding:3px; margin:5px;}

.cb, .val{ text-align:center;}
.cb label{ display:block; height: 50px;}
.section{ font-size:1.3em; line-height:1em; }
#correcciones.noaside textarea.autocorregido:not(.revisado){ background-color: #EDF2FA; }
.working{ filter: grayscale(1); pointer-events: none; }

#login{ width:400px; margin:40px auto; border:1px solid #999; background:#efefef; padding:25px; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); }
#login input[type=text], #login input[type=password]{
width:99%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 8px; padding: 4px 9px; border: 1px solid #666; margin-bottom: 10px;	
}
#login input[type=submit]{ font: normal 20px Georgia;  }

#menu{ padding:0; list-style: none; margin: 20px 0; }
#menu li{ display: inline-block; margin: 0 40px 0 0;}


#attachments{ font-size: 10px; margin: 5px 10px;  padding: 0; list-style: none; }
#attachments li{ margin: 0 0 10px 0; padding: 0; position: relative; width: 100%; overflow:hidden; border: 1px solid #AAAAAA; min-height: 80px; }
#attachments li > *{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;  }
#attachments li > a{ display: block; position: absolute; bottom: -100%; width: 96%; padding: 5px 2%; background: rgba(0,0,0,0.8); color: white;  }
#attachments li > div{ background: rgba(255,255,255,.8); position: absolute; top: -60px; left:0; width: 98%; padding: 2px 4%; left: -2% ; box-shadow: 0 1px 2px black; -moz-box-shadow: 0 1px 2px black; -webkit-box-shadow: 0 1px 2px black; }
#attachments li > div{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }

#attachments li span{
	height: 100%;
	min-height: 90px;
	background: red;
	width: 0px; 
	overflow: hidden
}
#attachments li img{
	width: 318px;
}
#attachments li span,
#attachments li img{
	display: inline-block;
	vertical-align: middle;
}


#attachments li:hover > a{ bottom: 0px }
#attachments li:hover > div{ top: 0px; }

#attachments li div a{ background: url(http://infocenter.pentaho.com/help48/topic/admin_guide/images/delete.png) center center no-repeat; background-size: 100% 100%; display: inline-block; width: 14px; height: 14px; overflow: hidden; text-indent: -300px; };
table td.reprobado{ }

#frm, #lost_and_found{ width: 95% }
#frm{ display: flex; flex-wrap: wrap; justify-content: space-between }
#frm span{ display: inline-block; width: 90px; }
#frm fieldset{ width: 46%; padding: 1%; }
#frm fieldset legend, #lost_and_found legend{ padding: 0 20px; }
#frm h2, #lost_and_found h2{ margin: 0 0 5px 0; }
#frm div, #lost_and_found div{ margin-bottom: 2px; }
#frm fieldset input, #frm fieldset select, #lost_and_found select{ width: 400px; padding: 2px; box-sizing: border-box; }
#lost_and_found div{ padding: 10px 0; }
#lost_and_found select{ width: 800px; }
#lost_and_found select, #lost_and_found input{ padding: 3px 10px; }
#frm input[type=submit]{ width: 400px; padding: 9px 20px; margin-left: 5px; margin-top: 10px; margin-left: 90px; }
#lost_and_found{ display: none; }

#order_by{
	display: inline-block;
	width: 24px;
	height: 20px;
	margin-top: -3px;
	vertical-align: middle;
	background: lime url('../icons/sort.gif' ) left -2px repeat;
	background-size: 24px;
	position: relative;
}
#order_by div{
	position: absolute;
	display: none;
	top: 20px;
	width: 200px;
	background: white !important;
	overflow: auto;
	z-index: 10;
}
#order_by:hover div{
	display: block;
}
#order_by div label{
	display: block;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #ccc;
	padding: 6px 5px 6px 34px; 	
	background: white url('../icons/checkbox.png') no-repeat 5px top;
}
#order_by div label:hover{
	background-color: #09F;
	border-color: #069;
	color: white;
}
#order_by div input{
	display: none;
}
#order_by div input:checked + label{
	background-position: 5px bottom;
}

#view_others{
	display: inline-block;
}
#view_others input{
	display: none;
}
#view_others label{
	border-radius: 4px;
	vertical-align:top;
	margin-top: -3px;
	display: inline-block;
	width: 30px;
	height: 22px;
	overflow: hidden;
	text-indent: -100px;
	filter: grayscale(1);
	background: url('../icons/switch_off.png') center -3px no-repeat;
}
#view_others input:checked + label{
	filter: grayscale(0);
	background: url('../icons/switch_on.png') center -3px no-repeat;
}

#correcciones.noaside{ 
	width: 96%; 
	border-collapse: collapse;
}

#correcciones.noaside,
#correcciones.noaside td,
#correcciones.noaside th,
#correcciones.noaside tr
{	
	border-color: rgba(153,153,204,0.5);
	font-size: 12px;
	line-height: 1.3em;
}

#correcciones.noaside th{
	background: #ededde;
}
#correcciones.noaside th[colspan]{
	background: #069;
	color: white;
	font-size: 15px;
}

#correcciones.noaside textarea:focus,
#correcciones.noaside input:focus{
	background-color: lightyellow;
	color: darkred;
}

#correcciones.noaside tr td:last-child{
	padding: 0;
}

#correcciones.noaside label{
	margin-bottom: 9px;
	display: block;
	font-size: 13px;
}

#correcciones.noaside label input { vertical-align: top; }

#correcciones.noaside textarea{
	border: none;
	background: transparent;
	height: 100%;
	width: 100%;
	box-sizing:border-box;
	padding: 3px;
	font-family:Consolas;
	font-size: 14px;
}

#correcciones.noaside textarea[disabled]{
	background: silver;
}

#correcciones.noaside input[type=text],
#correcciones.noaside input[type=number],
#correcciones.noaside select{
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
}

#correcciones.noaside #examen_stats{
	position: relative; 
	padding: 7px 40px 7px 2px;	
}

#correcciones.noaside #examen_stats input{
	font-size: 1.45em;
	padding: 3px;
	margin-bottom: 3px;
	border: 1px solid #EEE;
}

#correcciones.noaside #examen_stats .force_items{
	padding:5px 10px; 
	font-size: 0.75em !important; 
	line-height: 1.5em; 
	margin-right: 2px; 
	letter-spacing: -0.5px; 
	border:1px solid #ddd; 
	border-radius: 9px; 
	background:#FFE2E1; 
	color:darkred; 
	font-weight:bold;	
	margin-bottom: 4px;
	
	display: inline-block !important;
	width: auto !important; 
}

#correcciones.noaside #examen_stats .force_items input{
	vertical-align:middle; 
	dislplay: inline-block;	
}

#correcciones.noaside #examen_stats .force_items span{
	dislplay: inline-block; 
	margin-left:5px; 
	vertical-align:middle
}

#nota_float{
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	box-sizing: border-box;
	padding: 20px 10px; 
	color: white; 
	text-shadow: 1px 1px 2px black;
	background: rgba(0,0,0,0.8);
	font-size: 30px !important
}

#correcciones.noaside input[type=submit],
#correcciones.noaside input[type=button]{
	padding: 6px 30px;
	font-size: 1.3em;
	margin: 5px;
}

.edit_cbox{ display: none; }
.edit_cbox + label{ display:inline-block; padding: 2px 30px; background: url('../icons/rta_mal.jpg') left center no-repeat; background-size: 20px }
.edit_cbox:checked + label{ background-image: url('../icons/rta_ok.jpg'); }

#mesas{ width: 500px; }
#alumnos{ width: 250px; }
#helpFindMesa{ display: inline-block; width: 15px; font: 9px Verdana; padding: 2px 0; text-align: center; background: #CCC; color: black; border-radius: 50%; position: relative; }
#helpFindMesa::after{ content: 'Si es la mierda de ThinkIon y no tiene número de mesa, en donde se asignan las notas del parcial, ver el código fuente. Al final de todo hay un Script con la función change_result( ). \A El código de mesa está en la variable var test = "CODIGO";'; position: absolute; left: 25px; width: 400px; padding: 5px 10px; background: #FFF3CE; color: darkred; font-size: 10px; line-height: 14px; top: -20px; box-shadow: 2px 2px 12px black; display: none; white-space: pre-wrap; }
#helpFindMesa:hover::after{ display: block; }


body.no-scroll{ overflow: hidden; }
#modal{ position: fixed; top: 0; bottom: 0; left:0; right: 0; background: rgba(0,0,0,.4); }
#modal > div{ position: relative; width: 80%; box-sizing: border-box; padding: 4vh 5vw; background: white; margin: 3vh auto; max-height: 80vh; min-height: 300px; display: flex; flex-direction: column; }
#modal form{ display: flex; flex-direction: column; gap: 10px; flex: 1;}
#modal form textarea{ flex: 1; box-sizing: border-box; width: 100%; padding: 10px; }

#modal form .buttons{ display: flex; justify-content: center; gap: 8px; }
.padding{ padding: 5px 10px; }

.multisearch-result .expandable_item{
	margin-bottom: 2px;
}
.expandable_item .expandable_header{
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 6px 12px;
	display: flex; 
	justify-content: space-between;
	align-items: center;
}

.expandable_results_0{
	color: #aaa;
}


.expandable_item .expandable_header h3{
	margin: 0;
}

.expandable_item .expandable_content{
	border: 1px solid #ddd;
	padding: 5px 20px;
}

.expandable_item .expandable_content table{
	margin: 0;
	width: 100%;
}