/* Inicio codigo css Formulario solicitud aulas virtuales */


.encabezado-contenedor-form {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 70px;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16);
    color: #065C69;
	
}

.subtitulo-form  {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 20px;
    padding-top: 4px;
    padding-bottom:4px;
    background-color: #065C69;
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    color: #fff;
    border-bottom:#CCC 1px solid;
    border-top: #CCC 1px solid;
    text-align: center;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16);
}

.texto-destacado-form {
    color: rgb(153, 5, 0);
    float: right; /* Alinea el texto a la derecha */
}
.campo-obligatorio-form {
    color: rgb(153, 5, 0);
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}
.color-especifico1{
    color: #202a2c
}
.color-especifico2{
    color: #0b1011
}

.cuerpo-form {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    background-color: #Fff;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16); /* Ajustar los valores de desplazamiento */
}

.cuerpo-centrado-interno-form {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    /* font-family: "Trebuchet MS", sans-serif; */
    font-size: 13px;
    color: #000;
    overflow: auto;
}

.linea-form {
    border-bottom: #bbe1e2 1px solid;
}
.campo-form {
    /* margin-bottom: 5px; */
    margin-right: 8px;
    padding-left: 10px;
    padding-bottom:5px;
    padding-top:5px;
    height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #065C69;
    border-radius: 4px;
}

.letra-codigo{
    font-size: 18px;
}
.resultado-campo-form  {
    margin-left:3px;
}
.texto-tabla-gris  {
    text-align:left;
    margin-left:3px;
    margin-right: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px;
    background-color:#f9f9f9;
}

.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-justify {
    text-align: justify;
}


.margen-boton-agregar-docente{
    margin-top: 20px;
    margin-bottom: 20px;
}
.boton-agregar-docente {
    background-color: #fff;
    color: #065C69;
    font-weight: bold;
    border: 2px solid #065C69;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
}
.boton-agregar-docente:hover {
    background-color: #065C69;
    color: #fff; /* Cambia el color del texto cuando se pasa el cursor */
}

.termino-condicion-form{
    border : solid 2px #999999;
    background : #ffffff;
    color : #000000;
    padding : 10px;
    width : 650px;
    height : 170px;
    overflow : auto; /* barra de desplazamiento si el texto supera la altura */
}

.centrado-recaptcha {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    height: 100px; /* Altura deseada */
}
.recaptcha-container {
    width: 30%; /* Opcional: ajusta el ancho según sea necesario */
}

.centrado-grabar {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    height: 50px; /* Altura deseada */
}
.fondo-grabar {
    margin-top: 15px;
    width: 30%;
    text-align: center; /* Centrar el contenido horizontalmente */
}
.grabar {
    background-color: #fff;
    color: #065C69;
    font-weight: bold;
    border: 3px solid #065C69;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    width: auto; /* Ancho automático para que se ajuste al contenido */
    padding: 8px 16px; /* Ajusta el espaciado interior */
    font-size: 15px; /* Tamaño de fuente deseado */
}
.grabar:hover {
    background-color: #065C69;
    color: #fff; /* Cambia el color del texto cuando se pasa el cursor */
}

.pie {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    height: 20px;
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666;
    text-align:center;
    vertical-align:central;
    padding-top:5px;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16);
}

  /* Fin codigo css Formulario solicitud aulas virtuales */


/* codigo css pdf_exportar */

.subtitulo-form-pdf  {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 20px;
    padding-top: 3px;
    padding-bottom:3px;
    text-align:center;
    background-color: #3ea3aa; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #fff;
    border-bottom:#CCC 1px solid;
    border-top: 3px #fff solid;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16);
}
.pie-pdf {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 20px;
    background-color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #666;
    text-align:center;
    vertical-align:central;
    padding-top:5px;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.16);
}
.img-pdf {
    width: 100%;
    height: auto;
}
.input-error {
  border: 2px solid #e63946 !important;
  background-color: #fff4f4;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.msg-error {
  color: #e63946;
  font-size: 13px;
  margin-top: 4px;
  font-family: Arial, sans-serif;
}