/* ---------------------------------misestilos.css----------Pantalla Grande ------------------------------------------------*/
*{margin:0px;padding:0px;}
div#visiblesemanal{display: inline;}
/*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#botonesfila1 {
margin-top:1px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* centra horizontalmente */
    width: 95%;
    background-color: rgba(128,128,128,0.9); /* gris con transparencia solo en fondo */
    font-size: 18px;
    border-style: double;
    z-index: 9999; /* para que quede encima del contenido */
}
 
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: center;
    gap: 12px;        /* espacio entre los dos dropdowns */
    margin-bottom: 17px;} /* espacio con los controles de abajo */
/*.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;}
.textoCitasSemana{cursor:pointer;height:25px;width:100px;background-color:#DCECF2;} /* Color celestito claro de los textbox */
.textoCitasSemana:hover{border-top: 2px solid black;border-left: 1px solid black;border-right: 1px solid black;border-bottom: 2px solid black;}
.horasCitasSemana {
    font-size: large;
    font-weight: bold;
    position: sticky;
    left: 0;
    background: white; /* obligatorio para que no se transparente */
    z-index: 10;
    padding-right: 4px;
}
.diasSemana{
    font-size: large;
    text-align:center;
    font-weight:bold;
    background:#f3f3f3;
}
.cabeceraDias td{
    position: sticky;
    top: 75px;
    background: white;
    z-index: 50;
}
.texto{cursor:pointer;height:3.8rem;width:100%;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;width:16%;text-align:center;font-bold:true;background-color:#3390FF;color: white;}
.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:1em;font-style: italic;}*/
.diseñolabel{font-weight:bold;Font-size:1.8rem;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:#3390FF;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:#3390FF;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;}*/
 .cal_Theme1 .ajax__calendar_prev {height:50px;width:50px;padding-top:0rem;background-color:white;cursor:pointer;float:left;background-size: 21% 26%;background-position: center;background-repeat: no-repeat;}
 .cal_Theme1 .ajax__calendar_next {height:50px;width:50px;padding-top:0rem;background-color:white;cursor:pointer;float:right;background-size: 21% 26%;background-position: center;background-repeat: no-repeat;}
.cal_Theme1 .ajax__calendar_other {
    text-decoration: line-through;
    color: white !important;
    font-size: smaller !important;
    opacity: 0.7;
}