*{
    margin: 0;
    padding: 0;
}

body{
    background-color: #5755FE;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
    flex-direction: column;
}

#container{
    /* background-color: #FFF7FC; */
    background-color: white;
    width: 95vw;
    height: 97vh;
    border-radius: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-image: url('../images/fondoambulancia.png'); /* Cambia 'ruta/de/la/imagen.jpg' por la ruta de tu imagen */
    background-size: 96vw;
    background-position: center bottom; /* Coloca la imagen al centro en la parte inferior */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    position: relative; /* Para que el contenido interno no se salga del div */
}

#container #contenido{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10vw;
}

#container #contenido #recuadrofoto{
    /* sombras */
    /* -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.19); */

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.49);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.49);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.49);

    width: 55vw;    
    height: 55vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 1px ;
    margin-bottom: 3.5vh;
}

#container #contenido #recuadrofoto #foto{
    width: 93%;
    height: 93%;
    border-radius: 100%;
}

#container #contenido #iniciarSesion{
    font-size: 7.5vw;
    font-family: Garet-Book, Arial, Helvetica, sans-serif;
    color:#605f8c;
    margin-bottom: 3vh;
}

#container #contenido #formulario form{
    width: 54vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vh;
}


#container #contenido #formulario form input[type=text]{
    width: 100%;
    height: 3vh;
    font-size: 4vw;
    padding: 2vw;
    padding-left: 4vw;
    border:none;
    border-bottom: 0.3vh solid #bfbfbf;
    background: white;    
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 4.8vw;
    color: #bfbfbf;
}

#container #contenido #formulario form input[type=text]:focus{
    outline: none;
    border:none;
    border-bottom: 0.3vh solid #8d8d8d;
    background: white;    
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 4.8vw;
    color: #6f6f6f;
}

#container #contenido #formulario form input[type=password]{
    margin-top: 1.5vh;
    width: 100%;
    height: 3vh;
    font-size: 4vw;
    padding: 2vw;
    padding-left: 4vw;
    border:none;
    border-bottom: 0.3vh solid #bfbfbf;
    background: white;    
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 4.8vw;
    color: #bfbfbf;
    margin-bottom: 2.25vh;
}

#container #contenido #formulario form input[type=password]:focus{
    outline: none;
    border:none;
    border-bottom: 0.3vh solid #8d8d8d;
    background: white;    
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 4.8vw;
    color: #6f6f6f;
}

#container #contenido #formulario form #codigoErrorLogin{
    font-size: 5vw;
    font-family: LouisGeorgeCafe, Arial, Helvetica, sans-serif;
    color:#ce4343;
}

#container #contenido #formulario form input[type=submit]{
    width: 110%;
    font-size: 4vw;
    padding: 2vw;
    padding-top: 1.5vh;
    padding-bottom: 1.5vh;
    outline: none;
    border: none;
    border-radius: 1vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 4.8vw;
    background-color: #5755FE;
    color: white;
    margin-top: 2.25vh;
}

#container #contenido #formulario form input[type=submit]:hover{
    background-color: #7371fd;
}

#container #contenido #formulario form input[type=submit]:active{
    background-color: #4543d6;
}

#container #contenido #firma{
    font-size: 5vw;
    font-family: LouisGeorgeCafe;
    color:#a7a7a7;
}

#container #contenido #firma a{
    text-decoration: none;
    color:#a7a7a7;
    cursor:pointer;
}
#container #contenido #firma a:hover{
    text-decoration: none;
    color:#a7a7a7;
}
#container #contenido #firma a:visited{
    text-decoration: none;
    color:#a7a7a7;
}

/* HOME */

#nuevoContainer{
    /* background-color: #FFF7FC; */
    background-color: white;
    width: 95vw;
    border-radius: 1.5vw;
    display: flex;
    padding-top: 5vh;
    padding-bottom: 5vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 2vh;

    -webkit-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);

}

#nuevoContainer #saludo{
    margin-bottom: 2vh;
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color:#6f6f6f;
}

#nuevoContainer #titulo{
    margin-bottom: 3vh;
    font-size: 5vw;
    font-family: Garet-Book, Arial, Helvetica, sans-serif;
    color:#605f8c;
}

#nuevoContainer #hospitales{
    /* background-color: red; */
    height: 80%;
    width: 60vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 3vh;
    margin-bottom: 4vh;
}

#nuevoContainer #hospitales #hospital{
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#nuevoContainer #hospitales #hospital:hover{
    text-decoration: none;
    color:white;
}
#nuevoContainer #hospitales #hospital:active{
    text-decoration: none;
    color:white;
}
#nuevoContainer #hospitales #hospital:visited{
    text-decoration: none;
}

#nuevoContainer #hospitales #hospital div{
    background-color: white;
    border: 0.5vw solid #5755FE;
    border-radius: 5vw;
    width: 100%;
    height: 100%;
    padding-top: 3vh;
    padding-bottom: 3vh;
    padding-left: 4vw;
    padding-right: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

#nuevoContainer #hospitales #hospital div:active{
    background-color: #5755FE;
    border: 5px solid #5755FE;
}
#nuevoContainer #hospitales #hospital div:active label{
    color:white;
}

#nuevoContainer #hospitales #hospital div label{
    max-width: 100%;
    font-size: 4.8vw;
    color:#5755FE;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    cursor: pointer;
}



#nuevoContainer #firma{
    font-size: 5vw;
    font-family: LouisGeorgeCafe;
    color:#a7a7a7;
}

#nuevoContainer #firma a{
    text-decoration: none;
    color:#a7a7a7;
    cursor:pointer;
}
#nuevoContainer #firma a:hover{
    text-decoration: none;
    color:#a7a7a7;
}
#nuevoContainer #firma a:visited{
    text-decoration: none;
    color:#a7a7a7;
}

#cuadrocerrarsesion{
   background-color: #5755FE;
   height: 100%;
   width: 35vw;
   border-radius: 1.5vw;
   padding-top: 1vh;
   padding-bottom: 1vh;
   padding-left: 3vw;
   padding-right: 3vw;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 3.6vw;
   text-decoration: none;
   color:#bfbdff;
   font-family: GonserratRg, Arial, Helvetica, sans-serif;
   margin-left: 53.5vw;
}
#cuadrocerrarsesion:hover{
    text-decoration: none;
    color:#bfbdff;
}
#cuadrocerrarsesion:visited{
    text-decoration: none;
    color:#bfbdff;
}
#cuadrocerrarsesion img{
    width: 23%;
    height: 23%;
    margin-right: 3vw;
}

/* SELECCIÓN HOSPITAL REGIONAL */

#containerHospital{
    /* background-color: #FFF7FC; */
    background-color: white;
    width: 100%;
    border-radius: 1.5vw;
    display: flex;
    padding-top: 5vh;
    padding-bottom: 5vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1vh;

    -webkit-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);
    box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.08);

}

#containerHospital #volverCuadro{
    width: 6vw;
    height: 6vw;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 7vw;
    margin-top: 3.5vh;
}
#containerHospital #volverCuadro #volverImg{
    width: 100%;
    height: 100%;
}
#containerHospital #volverCuadro #volverImg{
    width: 100%;
    height: 100%;
}

#containerHospital #editarPaciente{
    width: 6vw;
    height: 6vw;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 7vw;
    margin-top: 3.5vh;
}
#containerHospital #editarPaciente #editarImg{
    width: 100%;
    height: 100%;
}
#containerHospital #editarPaciente #editarImg{
    width: 100%;
    height: 100%;
}


#containerHospital #titulohospital{
    display: flex;
    flex-direction: column;
    row-gap: 0.2vh;
    text-align: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    margin-bottom: 3vh;
}
#containerHospital #titulohospital #a{
    color: #615fc5;
    font-size: 3.8vw;
    margin-bottom: 0.6vh;
}
#containerHospital #titulohospital #b{
    color: rgb(76, 76, 76);
    font-size: 4.6vw;
}
#containerHospital #datos #buscador{
    display: flex;
    flex-direction: row;
    column-gap: 2vw;
    align-items: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 8vh;
}
#containerHospital #datos #buscador input[type=text]{
    width: 73vw;
    height: 3.3vh;
    outline: none;
    border: 0.4vw solid #919191;
    border-radius: 2vw;
    padding-left: 3vw;
    padding-top: 0.3vh;
    padding-bottom: 0.3vh;
    color: #919191;
    font-size: 1.5vh;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;

    -webkit-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 4px 3px 2px rgba(0,0,0,0.05);
}
#containerHospital #datos #buscador input[type=text]:focus{
    border: 0.4vw solid #616161;
    color: #616161;
}

#containerHospital #datos #buscador #buscarImg{
    width: 6.5vw;
    height: 6.5vw;
}

#datos #botonHospitalRegional{
    height: 2vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    margin-top: -6vh;
    margin-left: 1vw;
    background-color: #5755FE;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 0.2vh;
    padding-bottom: 0.2vh;
    border-radius: 0.8vw;
}

#datos #botonHospitalRegional a{
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size:2.8vw;
    text-decoration: none;
    color:white;
}

#datos #botonHospitalRegional a:hover{
    text-decoration: none;
    color:white;
}
#datos #botonHospitalRegional a:active{
    text-decoration: none;
    color:white;
}

#datos #botonHospitalIndependencia{
    height: 2vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    margin-top: -6vh;
    margin-left: 24vw;
    background-color: #5755FE;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 0.2vh;
    padding-bottom: 0.2vh;
    border-radius: 0.8vw;
}

#datos #botonHospitalIndependencia a{
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size:2.8vw;
    text-decoration: none;
    color:white;
}

#datos #botonHospitalIndependencia a:hover{
    text-decoration: none;
    color:white;
}
#datos #botonHospitalIndependencia a:active{
    text-decoration: none;
    color:white;
}


#datos #botonagregarnuevopaciente{
    height: 2vh;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
    position:absolute;
    margin-top: -3vh;
    margin-left: 64vw;
}
#datos #botonagregarnuevopaciente a{
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 3vw;
    text-decoration: none;
    color:#5755FE;
}
#datos #botonagregarnuevopaciente a:hover{
    text-decoration: none;
    color:#716ffb;
}
#datos #botonagregarnuevopaciente a:active{
    text-decoration: none;
    color:#4e4ccd;
}

#containerHospital #datos #resultados{
    width: 85vw;
    /* height: 10vh; */
    border-radius: 1vw;
    padding-right: 1.1vw;
    padding-left: 1.1vw;
    padding-top: 0.4vh;
    padding-bottom: 0.4vh;
    background-color: rgb(230, 230, 230);
    -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
}

#containerHospital #datos #resultados #matriz{
    width: 100%;
    /* height: 100%; */
    border-radius: 0.8vw;
    /* background-color: white; */
    /* -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38); */
}

#containerHospital #datos #resultados #matriz .columnas-nombre{
    display: flex;
    flex-direction: row;
    /* background-color: #535353; */
    width: 100%;
    height: 3vh;
    align-items: center;
    margin-bottom: 0.2vh;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color: #615fc5;
}

.columnas-nombre #col-nombre{
    background-color: white;
    width: 32%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 2px solid #818181;
    border-top-left-radius: 0.8vw;
}
.columnas-nombre #col-sala{
    background-color: white;
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #818181;
}
.columnas-nombre #col-diagnostico{
    background-color: white;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    border-top-right-radius: 0.8vw;
}
.columnas-nombre #col-diagnostico label{
    margin-left: 3vw;
}
#containerHospital #datos #resultados #matriz .datos{
    display: flex;
    flex-direction: row;
    /* background-color: #535353; */
    width: 100%;
    height: 3vh;
    align-items: center;
    margin-bottom: 0.2vh;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    /* color: #be2e2e; */
}

.datos #col-nombre{
    background-color: white;
    width: 32%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 2px solid #818181;
}
.datos #col-sala{
    background-color: white;
    width: 15%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #818181;
}
.datos #col-diagnostico{
    background-color: white;
    width: 53%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

.datos input[type=text]{
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 3vw;
    padding-right: 2vw;
    font-size: 2.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color: #3f3f3f;
}
.datos #col-sala input[type=text]{
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.datos #col-diagnostico input[type=text]{
    padding-right: 6.8vw;
}
.datos a{
    width: 5vw;
    height: 5vw;
    border-radius: 0.6vw;
    background-color: #8B93FF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-left: 79vw;
}
.datos a img{
    width: 80%;
    height: 80%;
}

/* PACIENTE */
#containerHospital #titulopaciente{
    margin-bottom: 3vh;
}

#containerHospital #titulopaciente #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}


#containerHospital #datosPacientePersonal{
    /* background-color: red; */
    width: 85%;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
}
#containerHospital #datosPacientePersonal #filadatos{
    display: flex;
    column-gap: 8vw;
    justify-content: center;
    align-items: center;

}
#containerHospital #datosPacientePersonal #campos{
    /* background-color: yellow; */
    width: 45%;
}
#containerHospital #datosPacientePersonal #campos label{
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
}
#containerHospital #datosPacientePersonal #campos input[type=text]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 2.8vh;
    width: 100%;
    /* border-radius: 0.8vw; */
    outline: none;
    border: none;
    border-bottom: 0.1vh solid #bfbfbf;
    padding-left: 1vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #datosPacientePersonal #diagnostico{
    /* background-color: red; */
    width: 80vw;
    height: 17vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1vh;
    margin-bottom: 2vh;
}

#containerHospital #datosPacientePersonal #diagnostico label{
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
    width: 100%;
}

#containerHospital #datosPacientePersonal #diagnostico textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 100%;
    width: 92%;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
}

/* TABLA CONSULTAS dentro de VER PACIENTE */
#containerHospital #consultasMedicas{
    /* background-color: red; */
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
#containerHospital #consultasMedicas #titulo{
    color: rgb(76, 76, 76);
    font-size: 4vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    text-align: center;   
    margin-bottom: 1vh; 
    margin-left: -35vw;
}

#containerHospital #consultasMedicas #botonagregarnuevaconsulta{
    height: 2vh;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
    position:absolute;
    margin-top: -3.5vh;
    margin-left: 57vw;
}
#containerHospital #consultasMedicas #botonagregarnuevaconsulta a{
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    font-size: 3vw;
    text-decoration: none;
    color:#5755FE;
}
#containerHospital #consultasMedicas #botonagregarnuevaconsulta a:hover{
    text-decoration: none;
    color:#716ffb;
}
#containerHospital #consultasMedicas #botonagregarnuevaconsulta a:active{
    text-decoration: none;
    color:#4e4ccd;
}


#containerHospital #consultasMedicas #resultados{
    width: 79vw;
    /* height: 10vh; */
    border-radius: 1vw;
    padding-right: 1.1vw;
    padding-left: 1.1vw;
    padding-top: 0.4vh;
    padding-bottom: 0.4vh;
    background-color: rgb(230, 230, 230);
    -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
}

#containerHospital #consultasMedicas #resultados #matriz{
    width: 100%;
    /* height: 100%; */
    border-radius: 0.8vw;
    /* background-color: white; */
    /* -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38); */
}

#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre{
    display: flex;
    flex-direction: row;
    /* background-color: #535353; */
    width: 100%;
    height: 3vh;
    align-items: center;
    margin-bottom: 0.2vh;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color: #615fc5;
}

#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-fecha{
    background-color: white;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 2px solid #818181;
    border-top-left-radius: 0.8vw;
}
#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-motivoConsulta{
    background-color: white;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    border-top-right-radius: 0.8vw;
}
#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-motivoConsulta label{
    margin-left: 3vw;
}

/* Listado Historial de Consultas */
#containerHospital #consultasMedicas #resultados{
    width: 79vw;
    /* height: 10vh; */
    border-radius: 1vw;
    padding-right: 1.1vw;
    padding-left: 1.1vw;
    padding-top: 0.4vh;
    padding-bottom: 0.4vh;
    background-color: rgb(230, 230, 230);
    -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    -moz-box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
    box-shadow: inset 0px 0px 3px 2px rgba(0,0,0,0.28);
}

#containerHospital #consultasMedicas #resultados #matriz{
    width: 100%;
    /* height: 100%; */
    border-radius: 0.8vw;
    /* background-color: white; */
    /* -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38); */
}

#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre{
    display: flex;
    flex-direction: row;
    /* background-color: #535353; */
    width: 100%;
    height: 3vh;
    align-items: center;
    margin-bottom: 0.2vh;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color: #615fc5;
}

#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-fecha{
    background-color: white;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 2px solid #818181;
    border-top-left-radius: 0.8vw;
}
#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-motivoConsulta{
    background-color: white;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    border-top-right-radius: 0.8vw;
}
#containerHospital #consultasMedicas #resultados #matriz .columnas-nombre #col-motivoConsulta label{
    margin-left: 3vw;
}
#containerHospital #consultasMedicas #resultados #matriz .MC{
    display: flex;
    flex-direction: row;
    /* background-color: #535353; */
    width: 100%;
    height: 3vh;
    align-items: center;
    margin-bottom: 0.2vh;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.38);
    border-top-left-radius: 0.8vw;
    border-top-right-radius: 0.8vw;
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    /* color: #be2e2e; */
}

#containerHospital #consultasMedicas #resultados #matriz .MC #col-fecha{
    background-color: white;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-right: 2px solid #818181;
}
#containerHospital #consultasMedicas #resultados #matriz .MC #col-motivoConsulta{
    background-color: white;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}

#containerHospital #consultasMedicas #resultados #matriz .MC input[type=text]{
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 3vw;
    padding-right: 2vw;
    font-size: 2.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    color: #3f3f3f;
}
#containerHospital #consultasMedicas #resultados #matriz .MC #col-fecha input[type=text]{
    text-align: center;
    padding-left: 2vw;
    padding-right: 2vw;
}
#containerHospital #consultasMedicas #resultados #matriz .MC #col-motivoConsulta input[type=text]{
    padding-right: 7vw;
}
#containerHospital #consultasMedicas #resultados #matriz .MC a{
    width: 5vw;
    height: 5vw;
    border-radius: 0.6vw;
    background-color: #8B93FF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin-left: 73vw;
}
#containerHospital #consultasMedicas #resultados #matriz .MC a img{
    width: 80%;
    height: 80%;
}

/* CONSULTA */
#containerHospital #tituloconsulta{
    margin-bottom: 3vh;
}

#containerHospital #tituloconsulta #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}

#containerHospital #datosPacientePersonalConsulta{
    /* background-color: red; */
    width: 85%;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
}
#containerHospital #datosPacientePersonalConsulta #filadatos{
    display: flex;
    column-gap: 8vw;
    justify-content: center;
    align-items: center;

}
#containerHospital #datosPacientePersonalConsulta #campos{
    /* background-color: yellow; */
    width: 45%;
}
#containerHospital #datosPacientePersonalConsulta #campos label{
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
}
#containerHospital #datosPacientePersonalConsulta #campos input[type=text]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 2.8vh;
    width: 100%;
    /* border-radius: 0.8vw; */
    outline: none;
    border: none;
    border-bottom: 0.1vh solid #bfbfbf;
    padding-left: 1vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #datosPacientePersonalConsulta #diagnostico{
    /* background-color: red; */
    width: 80vw;
    height: 14vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1vh;
    margin-bottom: 4vh;
}

#containerHospital #datosPacientePersonalConsulta #diagnostico label{
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
    width: 100%;
}

#containerHospital #datosPacientePersonalConsulta #diagnostico textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 100%;
    width: 92%;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
}

#containerHospital #datosConsulta{
    /* background-color: red; */
    /* width: 80vw; */
    /* height: 10vh; */
    
    width: 85%;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    row-gap: 2vh;
}

#containerHospital #datosConsulta #datosRegistroConsulta{
    width: 100%;
    /* background-color: yellow; */
    display: flex;
    flex-direction: row;
    column-gap: 8vw;
    justify-content: center;
    align-items: center;
}

#containerHospital #datosConsulta #datosRegistroConsulta #camposRegistro{
    /* background-color: #4543d6; */
    width: 45%;
    margin-bottom: 2vh;
}

#containerHospital #datosConsulta #datosRegistroConsulta #camposRegistro label {
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
}

#containerHospital #datosConsulta #datosRegistroConsulta #camposRegistro input[type=text] {
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 2.8vh;
    width: 100%;
    /* border-radius: 0.8vw; */
    outline: none;
    border: none;
    border-bottom: 0.1vh solid #bfbfbf;
    padding-left: 1vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}


#containerHospital #datosConsulta #filaDatosConsulta{
    /* background-color: red; */
    width: 80vw;
    height: 22vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1vh;
    margin-bottom: 0.2vh;
}



#containerHospital #datosConsulta #filaDatosConsulta label {
    color: #979797;
    font-size: 3vw;
    padding-left: 1vw;
    width: 100%;
}

#containerHospital #datosConsulta #filaDatosConsulta textarea {
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 100%;
    width: 92%;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
}

#containerHospital #copiaraPortapapeles{
    /* background-color: red; */
    margin-top: 1.5vh;
    width: 85%;
    height: 4vh;
    display: flex;
    align-items: center;
    justify-content: end;
}

#containerHospital #copiaraPortapapeles button{
    height: 100%;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 1.2vw;
    background-color: #5755FE;
    color: rgb(255, 255, 255);
    font-size: 3.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
}

#containerHospital #copiaraPortapapeles button:active{
    background-color: #3f3dbf;
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
}

/* AGREGAR NUEVO PACIENTE */
#containerHospital #tituloagregarpaciente{
    display: flex;
    flex-direction: column;
    row-gap: 1vh;
    margin-bottom: 3vh;
    align-items: center;
}

#containerHospital #tituloagregarpaciente #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}

#containerHospital #tituloagregarpaciente #b{
    color: rgb(76, 76, 76);
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}


#containerHospital #formularioNuevoPaciente{
    /* background-color: red; */
    width: 83vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    margin-bottom: 3vh;
    row-gap: 2vh;
    border-radius: 0.8vw;
    border: 0.1vh solid #bfbfbf;
    padding-top: 3vh;
    padding-bottom: 4vh;
    
}

#containerHospital #formularioNuevoPaciente #campo{
    /* background-color: blue; */
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#containerHospital #formularioNuevoPaciente #campo label{
    color: #505050;
    font-size: 3.2vw;
    padding-left: 1vw;
    width: 100%;
    margin-bottom: 1vh;
}

#containerHospital #formularioNuevoPaciente #campo input[type=text] {
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}


#containerHospital #formularioNuevoPaciente #campo input[type=date]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #formularioNuevoPaciente #campo select{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width: 72.5vw;
    border-radius: 0.8vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 3vw;
    padding-right: 3vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
}

#containerHospital #formularioNuevoPaciente #campo textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 10vh;
    width: 67vw;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    resize: none;
}

#containerHospital form #guardarNuevoPaciente{
    width: 100%;
    height: 5vh;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 1.2vw;
    background-color: #5755FE;
    color: rgb(255, 255, 255);
    font-size: 3.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
}

#containerHospital form #guardarNuevoPaciente:active{
    background-color: #3f3dbf;
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
}

/* AGREGAR NUEVA CONSULTA */
#containerHospital #tituloagregarconsulta{
    display: flex;
    flex-direction: column;
    row-gap: 1vh;
    margin-bottom: 3vh;
    align-items: center;
}

#containerHospital #tituloagregarconsulta #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}

#containerHospital #tituloagregarconsulta #b{
    color: rgb(76, 76, 76);
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}


#containerHospital #formularioNuevaConsulta{
    /* background-color: red; */
    width: 83vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    margin-bottom: 3vh;
    row-gap: 2vh;
    border-radius: 0.8vw;
    border: 0.1vh solid #bfbfbf;
    padding-top: 3vh;
    padding-bottom: 4vh;
    
}

#containerHospital #formularioNuevaConsulta #campo{
    /* background-color: blue; */
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#containerHospital #formularioNuevaConsulta #campo label{
    color: #505050;
    font-size: 3.2vw;
    padding-left: 1vw;
    width: 100%;
    margin-bottom: 1vh;
}

#containerHospital #formularioNuevaConsulta #campo input[type=text] {
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}


#containerHospital #formularioNuevaConsulta #campo input[type=date]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #formularioNuevaConsulta #campo select{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width: 72.5vw;
    border-radius: 0.8vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 3vw;
    padding-right: 3vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
}

#containerHospital #formularioNuevaConsulta #campo textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 20vh;
    width: 67vw;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    resize: none;
}

#containerHospital form #guardarNuevaConsulta{
    width: 100%;
    height: 5vh;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 1.2vw;
    background-color: #5755FE;
    color: rgb(255, 255, 255);
    font-size: 3.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
}

#containerHospital form #guardarNuevaConsulta:active{
    background-color: #3f3dbf;
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
}

/* EDITAR PACIENTE */
#containerHospital #tituloeditarpaciente{
    display: flex;
    flex-direction: column;
    row-gap: 1vh;
    margin-bottom: 3vh;
    align-items: center;
}

#containerHospital #tituloeditarpaciente #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}

#containerHospital #tituloeditarpaciente #b{
    color: rgb(76, 76, 76);
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}


#containerHospital #formularioEditarPaciente{
    /* background-color: red; */
    width: 83vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    margin-bottom: 3vh;
    row-gap: 2vh;
    border-radius: 0.8vw;
    border: 0.1vh solid #bfbfbf;
    padding-top: 3vh;
    padding-bottom: 4vh;
    
}

#containerHospital #formularioEditarPaciente #campo{
    /* background-color: blue; */
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#containerHospital #formularioEditarPaciente #campo label{
    color: #505050;
    font-size: 3.2vw;
    padding-left: 1vw;
    width: 100%;
    margin-bottom: 1vh;
}

#containerHospital #formularioEditarPaciente #campo input[type=text] {
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}


#containerHospital #formularioEditarPaciente #campo input[type=date]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #formularioEditarPaciente #campo select{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width: 72.5vw;
    border-radius: 0.8vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 3vw;
    padding-right: 3vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
}

#containerHospital #formularioEditarPaciente #campo textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 10vh;
    width: 67vw;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    resize: none;

}

#containerHospital form #guardarCambiosPaciente{
    width: 100%;
    height: 5vh;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 1.2vw;
    background-color: #5755FE;
    color: rgb(255, 255, 255);
    font-size: 3.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
}

#containerHospital form #guardarCambiosPaciente:active{
    background-color: #3f3dbf;
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
}

/* EDITAR CONSULTA */
#containerHospital #tituloeditarconsulta{
    display: flex;
    flex-direction: column;
    row-gap: 1vh;
    margin-bottom: 3vh;
    align-items: center;
}

#containerHospital #tituloeditarconsulta #a{
    color: rgb(76, 76, 76);
    font-size: 5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}

#containerHospital #tituloeditarconsulta #b{
    color: rgb(76, 76, 76);
    font-size: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    
}


#containerHospital #formularioEditarConsulta{
    /* background-color: red; */
    width: 83vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    margin-bottom: 3vh;
    row-gap: 2vh;
    border-radius: 0.8vw;
    border: 0.1vh solid #bfbfbf;
    padding-top: 3vh;
    padding-bottom: 4vh;
    
}

#containerHospital #formularioEditarConsulta #campo{
    /* background-color: blue; */
    width: 70vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#containerHospital #formularioEditarConsulta #campo label{
    color: #505050;
    font-size: 3.2vw;
    padding-left: 1vw;
    width: 100%;
    margin-bottom: 1vh;
}

#containerHospital #formularioEditarConsulta #campo input[type=text] {
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}


#containerHospital #formularioEditarConsulta #campo input[type=date]{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width:70vw;
    border-radius: 0.8vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}

#containerHospital #formularioEditarConsulta #campo select{
    color: rgb(76, 76, 76);
    background-color: white;
    font-size: 3.5vw;
    height: 4vh;
    width: 72.5vw;
    border-radius: 0.8vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    padding-left: 3vw;
    padding-right: 3vw;
    outline: none;
    border: 0.1vh solid #bfbfbf;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
}

#containerHospital #formularioEditarConsulta #campo textarea{
    color: rgb(76, 76, 76);
    font-size: 3.5vw;
    height: 20vh;
    width: 67vw;
    outline: none;
    border: 0.3vw solid #bfbfbf;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 1.2vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    overflow: auto;
    overflow-x: hidden;
    resize: none;
}

#containerHospital form #guardarCambiosConsulta{
    width: 100%;
    height: 5vh;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 1.2vw;
    background-color: #5755FE;
    color: rgb(255, 255, 255);
    font-size: 3.5vw;
    font-family: GonserratRg, Arial, Helvetica, sans-serif;
    border: none;
    outline: none;
}

#containerHospital form #guardarCambiosConsulta:active{
    background-color: #3f3dbf;
    color: rgb(255, 255, 255);
    border: none;
    outline: none;
}