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

body{
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#ajax_mask{
	position: fixed;
    top: 0;
    left: 0;
    height: 100vh; /* to make it responsive */
    width: 100vw; /* to make it responsive */
		overflow: hidden; /*to remove scrollbars */
		/*background-color: #FFFFFF;*/
		opacity: 40%;
    z-index: 99999; /*to make it appear on topmost part of the page */
    display: none; /*to make it visible only on fadeIn() function */
}
#ajax_mask img{
	top:50%;
	left:50%;
}
#imgEliminar{
	width: 2em;
	margin: 0 auto;
	position: relative;
	/* align-self: center; */
	display: flex;
}

#loading { display:none; position:fixed; left:0; top:0; width:100%; height:100%;
       background-image:url("../img/blanco.png"); }

#fondo{
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
}
input[type=checkbox]{
	width: 30px; /*Desired width*/
	height: 30px; /*Desired height*/
	cursor: pointer;
}

.pagado > td { background-color: green;}

header{
	background-image: linear-gradient(bottom,#08298A,#084B8A);
	background-image: -webkit-linear-gradient(bottom,#08298A,#084B8A);
	background-image: -moz-linear-gradient(bottom,#08298A,#084B8A);
	background-image: -o-linear-gradient(bottom,#08298A,#084B8A);
	background-image: -ms-linear-gradient(bottom,#08298A,#084B8A);
	width:100%;
	height:50px;
	color:#FFF;
}

header table tr td b{
	font-size:30px;
	margin-left:20px;
}

header table tr td label{
	margin-left:20px;
}

header table tr td a{
	margin-left:10px;
	text-decoration:none;
	color:#E0E0E0;
}
.metpag{
	text-align: center;
	margin-top: 50%;
}
#links{

}
.metpag a{
	text-decoration: none;
	color:#00004C;
	margin-top: 20px;
	font-size: 24px;
}
#logologin{
	margin-top: 30px;
}
.logoa{
	width:35%;
	height:35%;
	margin: 0 auto;
}
#logoright{
	
	
	height:75px;
	float: right;
}
#logoleft{
	
	
	height:60px;
	float: left;
}
section{
	margin:auto;
	margin-top:50px;
	padding:20px;
	border-radius:5px;
	box-shadow:2px 2px 10px #6F6F6F;
}
section table tr td input{
	width:90%;
	height:35px;
	outline:none;
	font-size:14px;
}
.tbl-registro tr td{
	padding-right:10px;
	padding-bottom:10px;
	text-align:center;
}
#nuevaAsistencia{
	text-align: center;
}

.login{
	width:300px;
	height:auto;
	padding:10px;
	background-color:#1B44AF;
	margin:auto;
	margin-top:20px;
	box-shadow:2px 2px 10px #484848;
	font-size:14px;
}
.login h2{
	color:#FFF;
}
.login label{
	color:#FFF;
}
.login input, select:not(.nostyle){
	width:60%;
	height:25px;
	outline:none;
}
.login button{
	width:30%;
	height:25px;
	cursor:pointer;
	background-color:#FFF;
	border:1px solid #515151;
	font-weight:bold;
}
.login button:hover{
	background-color:#00004C;
	color:#FFF;
}
.error{
	background-color:#D50909;
	color:#FFF;
	padding:5px;
}

#person{
	width:100%;
}
#titulo{
	text-align: center;
	font-family: Open Sans;
	color: #084B8A;
}

.selects{
	width:100%;
}

.informacion{
	position: absolute;
    font-size: 1em;
    background-color: white;
    display: none;
	border: 0.1em solid black;
	flex-direction: column;
	justify-content: flex-start;
	align-items:center;
}
.informacion > div{
	border-bottom: 0.1em solid black;
	width: 100%;
	padding: 0.2em 0.5em;

}
.informacion > div:nth-child(odd){
	background-color:#CCCCCC;
}
.informacion > div:nth-child(even){
	background-color:white;
}
.InfoCliente:hover div{
	display:flex;
}


.infoFac{
	position: absolute;
    font-size: 1em;
    background-color: white;
    display: none;
	border: 0.1em solid black;
	flex-direction: column;
	justify-content: flex-start;
	align-items:center;
}
.infoFac > div{
	border-bottom: 0.1em solid black;
	width: 100%;
	padding: 0.2em 0.5em;

}
.infoFac > div:nth-child(odd){
	background-color:#CCCCCC;
}
.infoFac > div:nth-child(even){
	background-color:white;
}
.verFacturas:hover div{
	display:flex;
}

.money{
	display:flex;
	align-items: center;
	justify-content: center;
}
.money input[type="checkbox"]{
	width:1.5em;
	height:1.5em;
}
.money label{
	margin:0;
	
}