/* ---------------------------------misestilos.css----------Pantalla Grande ------------------------------------------------*/
*{margin:0px;padding:0px;}
div#botonesfila1{margin: 0 auto;opacity:0.9;position:sticky;top:0px;margin-top:-40px;margin-bottom:10px;width:100%;background-color:gray;Font-Size:Large;border-style: solid double;}

div#botonesfila2{margin: 0 auto;margin-top:15px;opacity:0.9;width:100%;background-color:gray;Font-Size:Large;border-style: solid double;}
div#botonesfila3{margin: 0 auto;opacity:0.9;position:sticky;top:0px;margin-top:-40px;margin-bottom:10px;width:100%;background-color:#EEE7E5;Font-Size:Large;border-style: solid double;}
div#datoscitas{display: flex;justify-content: flex-start;}
/*.separador{margin:auto;width:35px;height:132px;}*/
/*div#tabladetextos{position:relative;margin-left:-6%;width:100%;}*/
div#combobuscarcitas{margin:auto;margin-left:40px;width:50%;height:500px;margin-top:90px;}
div#botonesrecord{margin:auto;margin-left:5px;margin-top:150px;}
.texto{cursor:pointer;height:3.8rem;width:99%;background-color:#DCECF2;}/* Color celestito claro de los textbox */
 .texto:hover{border-top: 2px solid black;border-left: 1px solid black;border-right: 1px solid black;border-bottom: 2px solid black;}
.textousuario{height:3.8rem;width:99%;}
.horas{width:5%;font-size:x-large;}
.formulario{background-color:#DCECF2;}
.boton{height:3.5rem;width:16%;font-weight:bold;}
.botonprofesionales{height:3.5rem;font-weight:bold;width:99%;background-color:#3390FF;color: white;}
.botonesbusyavi{height:45%;width:12%;margin-top:3px;font-weight:bold;}
.boton2{height:45%;width:10%;margin-top:100px;margin-left:5%;}
.rojo{color:red;}
.textocalendar{cursor:pointer;height:3.5rem;text-align:center;font-bold:true;}
.fotopie{margin:auto;margin-left:-1%;width:24rem;height:6rem;}
.tabla{width:108%;height:100%;margin-left:-4%;}
.lblclave{font-size:1.5em;}
.btnsimple{min-height:6rem;max-width:15rem;min-width:15rem;font-size:1.5em;}
.lostxt{min-height:3rem;max-width:20rem;min-width:20rem;Font-size:1.8rem;text-align:center;}
.txtdatoscitas{min-width:35%;height:3rem;margin-top:0,5%;margin-left:18%;border-style:solid;font-weight:bold;Font-size:1.8rem;}
.txtdatoscitas2{width: 15%;Font-size:1.8rem;}
.listboxclientes{margin-left:20%; width: 100%;}
.listboxservicios{margin-left:8%; width: 100%;}
.labelcliente{margin-left:20%;}
.labelservicio{margin-left:12%;}
.botonlimpiar {font-weight:bold;font-size:x-large;color:red;}
.sombra{box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.5);}
.botonbonito{min-height:6rem;max-width:18rem;min-width:15rem;font-size:1.5em;font-weight:300;font-size:1.5em;font-style: italic;}
.espacios{margin-left:1%;margin-right:1%} 
.espacios2{margin-left:1%;margin-right:6%}
.diseñolabel{font-weight:bold;Font-size:0.9em;font-style: italic;}


/* Primero es el container=mayor y contiene la fecha y el Today. Despues va el Body, lo que contine los numero es mas pequeño*/
/*El container es el tamaño total que ocupa. El body son los numeros de los dias que ocupan un espacio dentro del container marcada % */  

div.ajax__calendar_container{width:38rem;height:38rem;background-color:red;border-style:solid;text-align:center;}
div.ajax__calendar_body{width: 85%;height:60%;margin-left:auto;margin-right:auto;text-align:center;}
.cal_Theme1 .ajax__calendar_day{color:black;Font-Size:2rem;padding:12px 25px 25px 12px;margin-top:0rem;}
.cal_Theme1 .ajax__calendar_days{background-color:red;color:white;width:30rem;height:60rem;text-align:center;margin-top:0px;margin-left:0px;Font-Size:2rem;}
.cal_Theme1 .ajax__calendar_today{font-weight:bold;Font-Size:2rem;border-style:solid;color:white;margin-top:3rem;}
.cal_Theme1 .ajax__calendar_title{font-weight:bold;Font-Size:2rem; padding-bottom:10px;color:white;}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active{color:black;font-weight:bold;background-color:white;}
.cal_Theme1 .ajax__calendar_dayname {font-weight:bold;color:white;font-size:2rem;margin-bottom:1.5rem;}
.cal_Theme1 .ajax__calendar_prev {height:50px;width:50px;padding-top:5rem;background-color:white;cursor:pointer;float:left;}
.cal_Theme1 .ajax__calendar_next {height:50px;width:50px;padding-top:5rem;background-color:white;cursor:pointer;float:right;}
/*___________________________________________________Estilos de listbox_________________________________________________________*/

/* Reset de estilos para el listbox */
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
  border-radius: 5px;
  width: 200px;
  outline: none;
}

/* Estilo cuando se pasa el mouse sobre el listbox */
select:hover {border-color: #555;}

/* Estilo cuando está enfocado */
selec:focus {border-color: #00bcd4;
box-shadow: 0 0 10px rgba(0, 188, 212, 0.5);}

/* Estilo para las opciones dentro del listbox */
select option {background-color: #fff;color: #222;}

/* Estilo cuando se pasa el mouse sobre las opciones */
select option:hover {background-color: #00bcd4;color: #fff;}

/* Estilo para la opción seleccionada */
select option:checked {background-color: #00bcd4;color: #fff;}
/*__________________________________________________________________________________________________________*/