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

/*HASTA AQUI MODAL */

*{
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Chewy', cursive;*/
}
html {
  min-height: 100%;
  position: relative;
}
body{
	color:#1DC0E9;
	/*color:#00C3E9;*/
	font-weight: bold;
	margin: 0;
  margin-bottom: 40px;
	/*background: rgba(208,203,203,1.00)*/
	
}
footer{
/* background-color: black;*/
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  /*color: white;	*/
}

botonSerorden::placeholder{
	color:#DBD7D7;
}

input[type="text"],[type="tel"],[type="email"],[type="password"],[type="date"]{
	color:#000000;
	/*height: 33px;*/
	font-weight: bold;
	align-content: center;
	text-align: center;
	text-transform: uppercase;
	width: 98%;
}
input[type="checkbox"]{
	cursor: pointer;
}
input[type="number"] {
    color:#000000;
	font-weight: bold;
    -moz-appearance:textfield;
	width: 98%;
	/*height: 33px;*/
	align-content: center;
	text-align: center;
}
textarea{
	color:#000000;
	text-transform: uppercase;
	
}

.box{
background:#E13464;
color:FFF;
	cursor: pointer;
}
.box1{
background:#E13464;
color:FFF;
	
}
.verDiv{
	display: block;
	overflow-y: auto;
}
.ocultaDiv{
	display: none;
}
.paciente, .NomTrae{
	cursor: pointer;
}
.paciente2{
	cursor: pointer;
}
.Normales{
	cursor: pointer;
}
.desc{
	text-transform: uppercase;
	height: 100%
}
select{
	color:#000000;
	height: 33px;
	font-weight: bold;
	text-align: center;
	}
option{
	font-weight: normal;
		text-align: center;
}
.custom-select{
	font-weight: bold;
}
.logoCabeza{
	height: auto;
}
.titulo{
			font-size: 3.0rem;
			color: #00C3E9;
			align-content: center;
			text-align: center;
			
				}
.titulo hr{
	padding-top: 0;
	align-content: center;
	width: 40%;
	background-color:rgba(109,190,71,1.00);
	height: 1;
	
}
.inputClassCenso hr{
	padding-top: 0;
	align-content: center;
	width: 40%;
	background-color: rgba(189,206,0,0.5);
	height: 1;
	
}
/*tablas*/
.textRenglon{
	color: #000000;
	border-bottom:solid 1px #BBB9B9;
	border-right: solid 1px #BBB9B9;
	border-left: solid 1px #BBB9B9;
	font-weight: normal;
}
.fa-redo{
	cursor: pointer;
}
.textRenglon:hover{
	/*background:#F3F0F0;*/
	background:#F1F1F1;
	/*color:#00C3E9;*/
}
.bgCabeza{
	color: #000000;
	background:#EDEBEB;
	padding-top: 5px;
    padding-bottom: 5px;
	border: solid 1px #BBB9B9;
}
.Efech{
	color: #C40408;
	cursor: pointer;
}
/*hast aqui tablas*/
.modal-header, .modal-footer{
	background:rgba(109,190,71,1.00);
	color:#FfF;
	font-weight: bold;
	
}
.lados{
    padding-left: 5%;
	padding-right: 5%;
	border-left: solid 2px rgba(109,190,71,1.00);
	border-right: solid 2px rgba(109,190,71,1.00);
	border-bottom: solid 3px rgba(109,190,71,1.00);
	padding-bottom: 3px;
	background:rgba(255,255,255,0.7);
	
}
.lados2{
	padding-left: 5%;
	padding-right: 5%;
	border-top: solid 2px rgba(109,190,71,1.00);
	border-left: solid 2px rgba(109,190,71,1.00);
	border-right: solid 2px rgba(109,190,71,1.00);
	border-bottom: solid 3px rgba(109,190,71,1.00);
	padding-bottom: 3px;
	
}
.div_contiene{
	padding-left: 5%;
	padding-right: 50%;
}
.div_contiene2{
	padding-left: 10%;
	padding-right: 10%;
}

.check, .check2, .verDocHis{
cursor: pointer;
}
.classElegida, .Vac19Uss{
	cursor: pointer;
}
.classAc, .classAc2, .fas{
	cursor: pointer;
}
.buscaRes{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0.6);  /* rgba(221,217,217,0.9);*/
	z-index: 100;
	display: none;
	padding: 0px;
	margin: 0px;
	/*overflow-y:visible;*/
		
	}
.buscaRes2{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,0.6);  /* rgba(221,217,217,0.9);*/
	z-index: 100;
	display: block;
	padding: 0px;
	margin: 0px;
	overflow-y: auto;
		
	}

.buscaResDentroE{
	width: 100%;
	height: auto;
	padding: 0px;
	background: #FFF;/*rgba(207,151,152,0.80);*/
	/*border: solid 2px #F05E61;*/
	border-radius: 5px 5px 5px 5px;
    overflow-y:visible;
	
}

.tituloEr{
		background:#F05E61;/*#8BBF73;*/
		color: #FFF;
		font-weight: bold;
	
	
	}
.cerrarMLab, .buscaPasc{
	cursor: pointer;
}
.leyendaE{
	width: 100%;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	color:#F05E61;
	font-weight: 600;
	/*border: solid 2px #F05E61; */
	text-align: justify;
	
}
.leyendaE i{
	color: red;
}
.inicioAd{
	cursor: pointer;
	color:#6DBE47;
	padding: 5px;
}
.botoAlertE, .nocorona{
	color:#FFF;
	cursor:pointer;
	background:rgba(216,151,152,0.7);
	border: solid 2px #F05E61;
	width: 40%;
	padding: 3px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
/*-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;*/
}
.botoAlertEV{
	color:#FFF;
	cursor:pointer;
	background:rgba(216,151,152,0.7);
	border: solid 2px #F05E61;
	width: 100%;
	padding: 3px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
/*-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;*/
	
}
.botoAlertE:hover, .nocorona:hover, .botoAlertEV:hover{
	
	background:rgba(216,151,152,1.0);
	
}
.subeDoc{
	position: absolute;
	top: 50%;
	z-index: 0;
	cursor: pointer;
}
.resDoc{
	position: absolute;
	top: 50%;
	opacity: 0;
	z-index: 2;
	width: 100%;
	cursor: pointer;
}
.quitaresDoc{
	position: absolute;
	top: 90%;
	display: none;
	color: #ED0B0F;
	cursor: pointer;
	z-index: 100;
}
.labCabeza{
	background: #C9C9C9;
	color: #FFFFFF;
	font-weight: 700;
	border-bottom: solid 2px #C9C9C9;
}
.LabRenglon{
	border-bottom: solid 1px #C9C9C9;
	
}
.descargaResLab{
	cursor: pointer;
	
}
.preloader{
	align-content: center;
	align-items: center;
	text-align: center;
}
.buscaResDentro{
	width: 100%;
	height: auto;
	padding: 0px;
	background: #FFF;/*rgba(207,151,152,0.80);*/
	border: solid 2px #8BBF73;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	
}
.div_titulo{
	background: #057EB3;
	border: solid 2px #057EB3;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	font-size: 2.5rem;
}
.confEliC{
   width: 40%;
}
.tituloR{
		background:rgba(109,190,71,1.00);/* #8BBF73;*/
		color: #FFF;
		font-weight: bold;
	
	
	}
.leyenda{
	width: 100%;
	padding: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	/*color:#6DBE47;*/
	font-weight: 600;
	/*border: solid 2px #F05E61; */
	text-align: justify;
	
}
.leyenda i{
	color: red;
}
.botoAlert{
	color:#FFF;
	cursor:pointer;
	background:rgba(109,190,71,0.7);
	border: solid 2px rgba(109,190,71,1.00);
	width: 40%;
	padding: 3px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botoAlertV{
	color:#FFF;
	cursor:pointer;
	background:rgba(109,190,71,0.7);
	border: solid 2px rgba(109,190,71,1.00);
	width: 100%;
	padding: 3px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5
}
.botoAlert:hover, .botoAlertV:hover{
	background:rgba(109,190,71,1.0);
}


.verifica{
	padding: 5px;
	height: auto;
	width: 30%;
	font-weight: bold;
	
}
.botonSer, .botonSerSolVac{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background: rgba(29,192,233,0.7);
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;

}
.botonSerVacNu{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background: rgba(29,192,233,0.7);
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;

	
}
.rubSara, .rubSaraNU{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #FFC107;
	background:rgba(255,193,7,0.7);/*      rgba(29,192,233,0.7);*/
	color: #000000;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;

}
.botonSerSolVac{
	width: 100%;
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background: rgba(29,192,233,0.7);
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;

}
.botonSerSolVac2{
	width: 100%;
	height: auto;
	padding: 5px;
	border: solid 2px #B8B6B6;
	background:#B8B6B6;
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botonSerA{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background: rgba(29,192,233,0.7);
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
padding-top: 5px;
	padding-bottom: 5px;
}
.botonSer:hover, .botonSerSolVac:hover{
	
	background: rgba(29,192,233,1.0);
	
}
.botonSerA:hover{
	
	background: rgba(29,192,233,1.0);
	
}
.botonSer i, .botonSerA i, .botonSerSolVac i{
	font-size: 20px;

}

.botonSer2, .botonSer2A{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background:#B8B6B6;
	color:#6E6D6D;
	cursor:not-allowed;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botonSer2 i{
	font-size: 20px;color:#6E6D6D; 
	

}

.botonSerAd{
	width: 70%;
	height: auto;
	padding: 5px;
	border: solid 2px #6DBE47;
	background:rgba(109,190,71,0.7); /*#6DBE47;    */
	color: #Fff;
	cursor: pointer;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botonSerAd:hover{
	background:rgba(109,190,71,0.9);
}


.botonSerAd i{
	font-size: 20px;

}
.datos{
	border: solid 1px #1DC0E9;
	background: rgba(29,192,233,0.2);
	color: #1DC0E9; 
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	padding: 5px;
}

.cancelaCita{
	cursor: pointer;
	padding: 3px;
}
.botonCitaEscoger{
	height: auto;
	padding: 5px;
	border: solid 2px #1DC0E9;
	background: rgba(29,192,233,0.7);
	color: #Fff;
	cursor: pointer;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botonCitaEscoger:hover{
	background: rgba(29,192,233,1.0);
	
}
.fechaA{
	width: 20%;
}
.medicosCita{
	width: 60%;
	text-align: center;
}
.botonCitaEscoger i{
	font-size: 20px;
}
.botonCitaEscoger:hover{
	background: rgba(29,192,233,1.0);
}
.rowC{
	padding:2px; 
	cursor: pointer;
	color:#000000;
	font-weight: normal;
}
/*.rowC:hover{
	background:rgba(29,192,233,0.4); 
	font-weight: bold;
}*/
.rowC19, .rowC19U{
	cursor: pointer;
	color:#000000;
	font-weight: normal;
	border-radius: 5px 5px 5px 5px;
	padding-top: 2px;
	padding-bottom: 2px;

}
.rowCSU{
	cursor: pointer;
	color:#000000;
	font-weight: normal;
	/*border-radius: 5px 5px 5px 5px;*/
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.rowCSU .chuloC{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4;
	border-left: solid 1px #C4C4C4;
	text-align: center;
	align-content: center;
	align-items: center;
	/*padding-right: 2px;*/
	color:blue;
	/*border-radius: 5px 5px 5px 5px;*/
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.rowCSU .chuloC:hover{
	background:rgba(29,192,233,0.4); 
	font-weight: bold;
	color: #000000;
	
}

/*.rowC19:hover{
	background:rgba(29,192,233,0.4); 
	font-weight: bold;
}*/
.rowCA,.rowCP{
	cursor: pointer;
	color:#000000;
	font-weight: normal;
}
/*.rowCA:hover, .rowCP:hover{*/
.rowCA:hover{
	/*background:rgba(29,192,233,0.4); 
	font-weight: bold;*/
}
.turnoC{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	border-left: solid 1px #C4C4C4;
	padding-left: 3px;
	text-align: left;
}

.horaC{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	text-align: center;
}
.chuloC{
	
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4;
	border-left: solid 1px #C4C4C4;
	text-align: center;
	align-content: center;
	align-items: center;
	/*padding-right: 2px;*/
	color:green;
	border-radius: 5px 5px 5px 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.chuloC:hover{
	background:rgba(29,192,233,0.4); 
	font-weight: bold;
}


/* inhabilitados turnos*/

.rowC2{
	
	cursor:no-drop;
	color:#929090;
	font-weight: normal;
}
.rowC219{
	
	cursor:no-drop;
	color:#929090;
	font-weight: normal;
	border-radius: 5px 5px 5px 5px;
}
.rowC2A{
	cursor:no-drop;
	color:#929090;
	font-weight: normal;
}

.rowC2A1{
	cursor:no-drop;
	color:#929090;
	font-weight: normal;
	background:	rgba(225,225,225,1.00);/*rgba(219,219,219,1.00);*/
	border: solid 3px rgba(210,210,210,1.00);
	border-radius: 10px 10px 10px 10px;
	padding: 1px;
	
	/*border: solid 1px rgba(219,219,219,1.00) ;*/
}
.horaCambiar{
	background: rgba(231,231,231,1.00);
	border: solid 2px #000000;
	color:#000000;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
	cursor: pointer;
}




/*.turnoC2{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	border-left: solid 1px #C4C4C4;
	padding-left: 3px;
	text-align: left;
}
.horaC{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	text-align: center;
}*/
.chuloC2{
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4;
	text-align: center;
	align-content: center;
	align-items: center;
	padding-right: 2px;
	color:#929090;
}
.fechaSelec{
	display: none;
}
.rowC2 .chuloC, .rowC2A .chuloC, .rowCP .chiloC{
	font-weight: bold;
	background-image:url( "../imagenes/ocupado.png");
	background-repeat: no-repeat;
	background-position: center;
	/*padding-top: 2px;*/
	background-size: 90%;
	color:#736F6F;/*#A7A3A3;/*#CB0609;/*#7C7C7C;*/
	padding-top: 2px;
	padding-bottom: 2px;
	
}
.rowC219 .chuloC{
	font-weight: bold;
	background-image:url( "../imagenes/ocupado.png");
	background-repeat: no-repeat;
	background-position: center;
	/*padding-top: 2px;*/
	background-size: 90%;
	color:#736F6F;/*#A7A3A3;/*#CB0609;/*#7C7C7C;*/
	padding-top: 2px;
	padding-bottom: 2px;
	
}
/*.turnoC:hover, .horaC:hover, .chuloC:hover{
	background:rgba(29,192,233,0.4); 
	font-weight: bold;
}*/
.cabezaCita{
	background:rgba(109,190,71,1.00);
	color: #FfF;
	padding-top:3px;
	padding-bottom: 3px;
	border-radius: 5px 5px 5px 5px;
	
	
}
.cabezaCitaVer{
	background:rgba(29,192,233,1.0);;
	color: #FfF;
	padding-top:3px;
	padding-bottom: 3px;
	text-align: center;
	
}
.renglonCita{
	border-bottom: solid 1px #C4C4C4;
	color:#000000;
	text-align: center;
	font-weight: normal;
	border-right: solid 1px #C4C4C4;
	border-left: solid 1px #C4C4C4;
}
.renglonCorona{
	border-bottom: solid 1px #C4C4C4;
	color:#000000;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	cursor: pointer;
	
}
.renglonCorona:hover{
	background:rgba(196,196,196,0.5);
}
.boton{
		/*color:#93C01F; */
	color:#00C3E9;
	cursor:pointer;
	border: solid 2px rgba(109,190,71,1.00);
	width: 50%;
	padding: 5px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.boton2{
		/*color:#93C01F; */
	color:#00C3E9;
	cursor:pointer;
	border: solid 2px rgba(109,190,71,1.00);
	width: 50%;
	padding: 5px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.guarProf{
	background: #Fff;
	
}
.guarProf:disabled{
	background: #D4D3D3;
	color:#ABA7A7;
}
.boton i{
	/*font-weight: bold;*/
	font-size: 20px;
}
.boton:hover{
	font-style: italic;
	background: rgba(227,216,158,1.00);
}
.boton2:hover{
	font-style: italic;
	background: rgba(227,216,158,1.00);
}
.ModProf{
	color:rgba(109,190,71,1.00);
	border:solid 2px #00C3E9;
	width: 50%;
}
.cancela{
    color:#fFf;
	background: rgba(109,190,71,1.00);
	cursor:pointer;
	border: solid 2px #00C3E9;
	width: 40%;
	padding: 5px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;

}
.cancela:hover{
	background:#83D15F;
}
.utilidades{
	padding: 0px;
	padding-right: 1px;
	align-content:flex-end;
	align-items: flex-end;
	text-align: right;
}
.fa-pencil-alt{
	color:#036202;
	font-weight: bold;
	cursor: pointer;
	padding: 1px;
	align-self: flex-end;
}
.fa-trash-alt{
	padding: 1px;
	color:#C00003;
	font-weight: bold;
	cursor: pointer;
	align-self: flex-end;
}
.inputClass{
			font-size:14px;
		}
.inputClass1{
			font-size: 18px;
		}
.inputClass2{
			font-size: 12px;
		}
.inputClass3{
			font-size:14px;
		}
.inputClass4{
			font-size:18px;
		}
.inputClassCenso{
	font-size: 1.8rem;
	color: #00C3E9;
	align-content: center;
	text-align: center;
}
#ejecutar{
			align-content: center;
			width: 100%;
			height: auto;
		
		
						
		}
.fon{
	width: 100%;
	height: 70%;
	background-image: url("../imagenes/fondo.jpg");
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px 5px 5px 5px;

}
/****************************************************
PROFESIONALES
*****************************************************/
.modificaM, .modificaSe, .modificaSer, .modificaUss{
	display: none;
}

/******************************************** 
      MODAL
********************************************* */
.modal{
	position: fixed;
	top: 0px;
	left: 0px;
	align-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 100%;
	background:rgba(92,92,92,0.8);
}
.modal .cerrar{
	color:#fff;
	cursor: pointer;
	
}
.calendario{
	/*border: solid 1px #6DBE47;*/
	color:#6DBE47;
}
.inputT{
	display: none;
}
.horas{
	width: 45%;
}
.muestraFecha2{
	width: 100%;
	height: 230px;
	overflow-y: scroll;
}
.limpA{
	border:solid 2px #1DC0E9;
	color: rgba(109,190,71,1.00);
}
.limpA:hover{
	background:#E9F3CE;
}
/***********************************************
CORONA
************************************************/
.actualizaCorona{
	cursor: pointer;
	font-weight: bold;
	
}
.nuevoTel{
	width: 10%;
	border:solid 1px;
	border-radius: 5px 5px 5px 5px;
	
}
.cambiaTel{
	cursor: pointer;
	font-weight: 700;
}
.leyenda i{
color:#6DBE47;	
}
.chuloBien{
	color:#6DBE47;/*rgba(109,190,71,1.0);*/
}
.Salir{
	cursor: pointer;
}
.claUss, .claveNueva, .claveActual{
	text-transform:none;
	width: 100%;
	font-weight: bold;
	padding: 5px;
	
}
.editaUss{
	cursor: pointer;
}
.cambiaPass{
	cursor: pointer;
	color: #EB0B0F;
	font-weight: bold;
}
.fa-times-circle{
	cursor: pointer;
	
}
.descargar{
	cursor: pointer;
	/*border-bottom: solid 1px #6DBE47;*/
	color:#6DBE47;
	 
}

a:hover{
	text-decoration: none;
}
a:link{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:active{
	text-decoration: none;
	
}
.causa{
	width: 80%;
	padding: 3px;
}
.fila{
	padding-left: 10%;
	padding-right: 10%;
}
.filaTInfo{
	color: #FFF;
	background: #6DBE47;
	
}
.imprInfo{
	cursor: pointer;
}
.classAc33{
	cursor: pointer;
}
.botonSerAd2{
	color:#FFF;
	cursor:pointer;
	background:rgba(216,151,152,0.7);
	border: solid 2px #F05E61;
	width: 70%;
	padding: 3px;
	align-content: center;
	align-items: center;
	text-align: center;
	align-self: center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.botoAlertE2:hover{
	
	background:rgba(216,151,152,1.0);
	
}
.sedeVac{
	display: none;
}
.sedeVacA{
	display: none;
}
.turnoVa, .turnoVaA{
	color:#FFF;
	cursor:pointer;
	background:rgba(109,190,71,0.7);
	border: solid 2px #6DBE47;
	width: 100%;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	
}
.turnoVa:hover, .turnoVaA:hover{
	background:rgba(109,190,71,1.0);
}
.leyendaEscoge{
	
}
.divcancelProSedSer{
	display: none;
}
.mailV{
text-transform: lowercase;
}
.cambiarFechaV, .cerrarP{
	cursor:pointer;
}
.fa-unlock{
	cursor: pointer;
}
.asignaCitaLista,.refres{
	cursor: pointer;
	/*color: rgba(8,221,46,1.00);*/
}
#myCanvas{
	width: 98%;
	height: 300px;
	border: 1px solid #000000;
	box-shadow: 6px 6px 3px #888888;

	
}

/*.descargar a{
	cursor: pointer;
	border-bottom: solid 1px #6DBE47;
	color:#6DBE47; 
}*/
/*##################################################*/
/*##################################################*/
@media (max-width: 575px){
	
	body{
	
		
}
	.fon{
	width: 100%;
	height: 100%;
	
	

}
footer{
 background-color: FFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  /*color: white;	*/
}
	.fila{
	padding-left: 0;
	padding-right: 0;
}
	/*.fon{
	width: 100%;
	height: 80%;
	background-image: url("../imagenes/fondo.jpg");
	background-position: center;
	background-repeat: no-repeat;
}*/
	.div_contiene{
		padding: 0px;
		/*background-image: url("../imagenes/fondo.jpg");
		/*border-bottom: solid 2px rgba(109,190,71,1.00); */
	}
	.div_contiene2{
		padding: 0px;
		background-image: url("../imagenes/fondo.jpg");
		/*border-bottom: solid 2px rgba(109,190,71,1.00); */
	}
.logoCabeza{
	padding-top: 0px;
	height: auto;
	width: 100%;
}
	.titulo1{
		color:rgba(109,190,71,1.0);
}
	.lados{
		/*border:none;
	/*border-left: solid 1px rgba(109,190,71,1.00);
	border-right: solid 1px rgba(109,190,71,1.00);
	border-bottom: solid 1px rgba(109,190,71,1.00);
	padding-bottom: 3px;*/
		padding-left: 1%;
		padding-right: 1%;
	
}
	.modal-title{
		padding: 3px;
		font-size: 18px;
		font-weight: 600;
		
	}
	.div_titulo{
	background: #057EB3;
	border: solid 2px #057EB3;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	font-size: 16px;
}
	.modal-header, .modal-footer{
	width: 100%;
}



	.lineaAbajo{
		border-bottom: solid 2px rgba(109,190,71,1.00);
	}
	
	.buscaResDentro{
		padding: 0px;
	width: 100%;
	
		border-left: none;
		border-right: none;
	border-top:none;/* solid 2px rgba(109,190,71,1.00);*/
	border-bottom:none;/* solid 2px rgba(109,190,71,1.00);*/
	/*background: rgba(95,11,13,1.00);*/
}
	.confEliC{
	width: 80%
}

	.titulo{
			font-size: 2.0rem;
			}
    .titulo hr{
	background-color: rgba(189,206,0,1.0);
		width: 98%;
	height: 0.5;
	}
	.inputClassCenso hr{
	background-color: rgba(189,206,0,1.0);
		width: 98%;
	height: 0.5;
	}
    .inputClass{
			font-size: 12px;
	
		}
	.inputClass1{
			font-size: 18px;
		}
	.inputClass2{
			font-size: 10px;
		}
	.inputClass3{
			font-size:15px;
		}
	.inputClass4{
			font-size:15px;
		}
	.inputClassCenso{
	font-size: 1.5rem;
		color: #00C3E9;
}
	input[type="text"],[type="tel"],[type="email"],[type="password"],[type="date"]{
	
		font-weight: bold;
		width: 100%;
		
	}
	select{
		
		width: 100%;
		
	}
	.ModProf, .cancela{
		width: 100%;
}
	
	.verifica{
	padding: 5px;
	height: auto;
	width: 40%;
	font-weight: bold;
	
}
	.fechaA{
	width: 100%;
	
}
	.medicosCita{
	width: 100%;
}

   .botonSerAd{
	width: 100%;
	
}
	.botonSerAd2{
	width: 100%;
	
}
	.cabezaCitaVer{
	background:rgba(29,192,233,1.0);
	color: #FfF;
	padding-top:3px;
	padding-bottom: 3px;
	
}
.nuevoTel{
	width: 30%;
	height: auto;
	
	
}
	.causa{
	width: 100%;
}
	.rowCSU .chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
	.chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
	#myCanvas{
	width: 98%;
	height: 280px;
	border: 1px solid #000000;
	box-shadow: 6px 6px 3px #888888;
	
}
}
/*##################################################*/
/*##################################################*/
@media (max-width: 767px) and (min-width: 576px){
	body{
		/*background: #E9E95B;*/
	}
	.fon{
	width: 100%;
	height: 100%;
	
	

}
footer{
 background-color: FFF;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  /*color: white;	*/
}
	
.logoCabeza{
	padding-top: 0px;
	
	width: 90%;
height: auto;
}
	.modal-title{
		padding: 3px;
		font-size: 18px;
		font-weight: 600;
	}
	.lineaAbajo{
		border-bottom: solid 2px rgba(109,190,71,1.00);
	}
	.lados{
		padding-left: 5%;
		padding-right: 5%;
	
	
}
	.confEliC{
	width: 70%
}
	.buscaResDentro{
	width: 100%;
	
		border-left: none;
		border-right: none;
	border-top: solid 2px rgba(109,190,71,1.00);
	border-bottom: solid 2px rgba(109,190,71,1.00);
	
}
	

.titulo{
			font-size: 2.5rem;
		
			}
.titulo hr{
		width: 98%;
	background-color: rgba(189,206,0,1.0);
		height: 1;
	}
.inputClassCenso hr{
		width: 98%;
	background-color: rgba(189,206,0,1.0);
		height: 1;
	}
	.inputClass{
			font-size: 13px;
	
		}
	.inputClass1{
			font-size: 16px;
		}
	.inputClass2{
			font-size: 11px;
				}
	.inputClass4{
			font-size:18px;
		}
	.inputClassCenso{
	font-size: 1.5rem;
		color: #00C3E9;
}
	input[type="text"],[type="tel"],[type="email"],[type="password"],[type="date"]{
	
		font-weight: bold;
		width: 100%;
		
	}
	select{
		
		width: 100%;
		
	}
	.fechaA{
	width: 100%;
	
}
	
	.medicosCita{
	width: 100%;
}
	.botonSerAd{
	width: 100%;
	
}
	.botonSerAd2{
	width: 100%;
	
}
	.causa{
	width: 100%;
}
	.lados{
		/*border:none;*/
	
		padding-left: 5%;
		padding-right: 5%;
	
}
	.div_titulo{
	background: #057EB3;
	border: solid 2px #057EB3;
	border-radius: 5px 5px 5px 5px;

	font-size: 18px;
}
	.rowCSU .chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
	.chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
	#myCanvas{
		max-width: 450px;
	width: 98%;
	height: 280px;
	border: 1px solid #000000;
	box-shadow: 6px 6px 3px #888888;
	
}
		}
/*##################################################*/
/*##################################################*/
@media (max-width: 991px) and (min-width: 768px){
	.fon{
	width: 100%;
	height: 100%;
	
	

}	
	.titulo{
			font-size: 2.5rem;
					}
	.div_contiene{
	padding-left: 5%;
	padding-right: 5%;
}
	.botonSerAd{
	width: 80%;
	
}
	.botonSerAd{
	width: 80%;
	
}
	.lados{
		/*border:none;
	
		padding-left: 5%;
		padding-right: 5%;*/
	
}
.causa{
	width: 80%;
}	
	.div_titulo{
	background: #057EB3;
	border: solid 2px #057EB3;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
	font-size: 18px;
}
	.rowCSU .chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
	.chuloC{
	
	padding-top: 4px;
	padding-bottom: 4px;
	
}
.logoCabeza{
	padding-top: 0px;
	
	width: 90%;
height: auto;
}
	#myCanvas{
	width: 98%;
	height: 300px;
	border: 1px solid #000000;
	box-shadow: 6px 6px 3px #888888;
	
}
}
/*##################################################*/
/*##################################################*/
@media screen and (min-width: 992px) and (max-width: 1200px){
	.div_contiene{
	padding-left: 5%;
	padding-right: 5%;
}
#myCanvas{
	
	width: 98%;
	height: 300px;
	border: 1px solid #000000;
	box-shadow: 6px 6px 3px #888888;
	
}

}