.input-form-style-CAL {
    border: 2px solid rgba(23, 162, 184, 0.75); /* Color normal */
    border-radius: 0.5rem; /* Bordes redondeados */
    outline: none; /* Elimina el contorno predeterminado del navegador */
}

/* Cambia el color del borde cuando el input tiene focus */
.input-form-style-CAL:focus {
    border-color: rgba(75, 201, 201, 0.85); /* Nuevo color cuando está en focus */
    box-shadow: 0 0 5px rgba(75, 201, 201, 0.5); /* Opcional: Efecto de resplandor */
}

input.form-control-lg.input-form-style-CAL {
    border: 2px solid rgba(23, 162, 184, 0.75); /* Color normal */
    border-radius: 0.5rem; /* Bordes redondeados */
    outline: none; /* Elimina el contorno predeterminado del navegador */
	
	font-size: 1.25rem; /* Tamaño de fuente de form-control-lg */
    padding: 0.5rem 1rem; /* Espaciado interno */
    border-radius: 0.5rem; /* Bordes redondeados */
    height: calc(1.5em + 1rem + 2px); /* Altura similar a form-control-lg */
}

/* Cambia el color del borde cuando el input tiene focus */
input.form-control-lg.input-form-style-CAL:focus {
    border-color: rgba(75, 201, 201, 0.85); /* Nuevo color cuando está en focus */
    box-shadow: 0 0 5px rgba(75, 201, 201, 0.5); /* Opcional: Efecto de resplandor */
}

.input-form-style-CAL-2 {
    border: 2px solid rgba(23, 162, 184, 0.75); /* Color normal */
    outline: none; /* Elimina el contorno predeterminado del navegador */
}

/* Cambia el color del borde cuando el input tiene focus */
.input-form-style-CAL-2:focus {
    border-color: rgba(75, 201, 201, 0.85); /* Nuevo color cuando está en focus */
    box-shadow: 0 0 5px rgba(75, 201, 201, 0.5); /* Opcional: Efecto de resplandor */
}

.input-form-style-uploadfile-CAL {
    border: 2px solid rgba(23, 162, 184, 0.75); /* Color normal */
    border-radius: 0.5rem; /* Bordes redondeados */
    outline: none; /* Elimina el contorno predeterminado del navegador */
    background-color: rgba(23, 162, 184, 0.5); /* Fondo resaltado */
    padding: 10px; /* Espaciado interno */
}

/* Cambiar el fondo cuando el usuario arrastra un archivo */
.input-form-style-uploadfile-CAL.filepond--root {
    background-color: rgba(23, 162, 184, 0.2);
}

/* Cambiar el color al pasar el cursor */
.input-form-style-uploadfile-CAL:hover {
    background-color: rgba(23, 162, 184, 0.6);
}


/* Cambia el color del borde cuando el input tiene focus */
/*.input-form-style-uploadfile-CAL:focus {
    border-color: rgba(75, 201, 201, 0.85); /* Nuevo color cuando está en focus */
    box-shadow: 0 0 5px rgba(75, 201, 201, 0.5); /* Opcional: Efecto de resplandor */
}*/