body {
            background-color: #F7F7F7;
        }
.header {
            background-color: #40685d;
            padding: 20px 0;
            text-align: center;
			margin-bottom:20px;
        }
        .form-container {
            min-width: 85%;
			max-width: 85%;
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
		.form-control.register, 
select.form-control.form-select.register, 
textarea.form-control.register {
height:4.95rem; border-radius: .5rem; border: 2px solid rgba(0, 0, 0, .15);
}
.form-control.register:focus, 
.form-control.form-select.register:focus, 
textarea.form-control.register:focus {
    border-color: #0d6efd; /* Color azul de Bootstrap */
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); /* Efecto de resaltado */
    outline: none;
}
.login100-form-btn-registro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: #40685d;

  font-family: Montserrat-Bold;
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn-registro:hover {
  background: #333333;
  color:#FFF
}
/*tabla calendiario*/

.calendariop{
	width:100%; 
	text-align:center;
font-weight:lighter;
	letter-spacing:normal;
	text-decoration:none;
	}


	
.calendariop .today, .today {	
	font-weight:bold;	
	color:#333;
	background-color:#ddd;

	
	}	
.calendariop .nodisp, .nodisp {	
	font-weight:bold;	
	color:#fff;
	background-color:#BA062C;
	font-weight:normal;
	font-size:12px;
	padding-top:1px;
	}	
	.calendariop .nodisp, .nodisp  a{	
	
	color:#fff;
	
	}
	
	
	
	.alignrightlist{
	float:left;
	width:40%;
	text-align:right;
}
.alignleftlist{

	width:60%;
	float:left;
}

.nombredias{
	font-family: 'aliquamultralight', Helvetica, sans-serif;
	font-weight:lighter;
	letter-spacing:1px;
	
	text-decoration:none;
font-size:16px;	
margin:50px;


}
.calendariop{
	width:100%; 
	text-align:center;
font-weight:lighter;
	letter-spacing:normal;
	text-decoration:none;
	}


	
.calendariop .today, .today {	
	font-weight:bold;	
	color:#333;
	background-color:#ddd;

	
	}	
.calendariop .nodisp, .nodisp {	
	font-weight:bold;	
	color:#fff;
	background-color:#BA062C;
		font-weight:normal;
	font-size:12px;
	padding-top:1px;
	}	
	.calendariop .nodisp, .nodisp  a{	
	
	color:#fff;
	
	}

.contenedoratablas1{width:100%;float:left; text-align:left; }
.contenedoratablas2{width:100%;float:left; text-align:left; height:1px;}
	.conbordeAAA{
border-left: 1px dotted #aaaaaa;
border-right: 1px dotted #aaaaaa;
border-top: 1px dotted #aaaaaa;
border-bottom: 1px dotted #aaaaaa;
}
.sinborde{
border-left: 1px dotted #FFF;
border-right: 1px dotted #FFF;
border-top: 1px dotted #FFF;
border-bottom: 1px dotted #FFF;
}
.conbordegris{
border-left: 1px dotted #e1e1e1;
border-right: 1px dotted #fff;
border-top: 1px dotted #e1e1e1;
border-bottom: 1px dotted #e1e1e1;
background-color:#e6e6e6;
}
.tabla100{width:100%; float:left; letter-spacing:normal;font-size:10px;}
.tabla0{width:5%;float:left; text-align:left; font-size:2em; }
.tabla0cita{width:5%;float:left; text-align:left; font-size:1.2em; }

.tabla1{width:7%; float:left; margin-bottom:1px; font-size:10px;}
.tabla2{width:3%; float:left; margin-bottom:1px;text-align:right;}
.borrarconsulta{float:right; margin-right:-92px; margin-top:0px; width:92x; padding-left:10px; height:20px; text-align:right;z-index:10000000;}

.borrarconsulta2{float:right; margin-right:-20px; margin-top:0px; width:25px; height:20px; text-align:right;z-index:10000000;}
.tabla3{width:85%; float:left; margin-bottom:1px;font-size:10px;}
.tabla3copiadoctor{float:left; margin-bottom:1px;padding-top:2px;}

.tabla3copia{width:85%; float:left; margin-bottom:1px;font-size:10px;
}
.left, .alignleft { float: left; display: inline;   }
.right, .alignright { float: right; display: inline;  }
.alignleftalta { float: left; display: inline; margin-right:4px;  }
/* Contenedor general de la tabla */
table.calendariop {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

/* Encabezado de los días de la semana */
.calendariop th {
    background-color: #f8f9fa;
    color: #495057;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

/* Celda de los días */
.calendariop td {
    text-align: center;
    padding: 10px;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #dee2e6;
}

/* Estilo para los días no disponibles (por ejemplo, días bloqueados o con citas) */
.calendariop td.no-disponible {
    background-color: #f44336;
    color: white;
    cursor: not-allowed;
    pointer-events: none;
}
.tablavacio_citas{
 
float:left; 


}
/* Estilo para los días disponibles */
.calendariop td a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #40685d;
    background-color: #f8f9fa;
    border-radius: 4px;
    padding: 8px;
    transition: background-color 0.2s, color 0.2s;
}

.calendariop td a:hover {
    background-color: #72ac9c;
    color: white;
}

/* Celda vacía */
.calendariop td.padding {
    background-color: #f1f1f1;
}

/* Agregar borde en la parte inferior para separar las filas */
.calendariop tr {
    border-bottom: 1px solid #dee2e6;
}

/* Estilo para los días de la semana en la parte superior */
.calendariop th.nombredias {
    background-color: #40685D;
    color: white;
    padding: 12px 0;
}

/* Mejorar el estilo de las celdas vacías para que se vea más limpio */
.calendariop td.padding {
    background-color: #e9ecef;
    cursor: default;
}

/* Estilo cuando el día es seleccionado */
.calendariop td a.selected {
    background-color: #28a745;
    color: white;
    font-weight: bold;
}