@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');


/* Color principal */
html,
body {
    height: 100%;
    color: #4aa055 !important; 
    background-color: #93BE2F !important;
}

/* Centrado vertical */
html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    background: #F0F0F0;
}

/* Ancho del formulario de inicio de sesión */
#login-page {
   width: 500px;
}

/* Color del icono de usuario */
#id {
    color: #4aa055;
}

/* Color del icono activo */
.active {
    color: #4aa055 !important;
}

/* Estilo del input al tener el foco */
input:focus {
    border-bottom: 1px solid #4aa055 !important;
    box-shadow: 0 1px 0 0 #4aa055 !important;
}

/* Estilo del icono del input select */
.select-wrapper .caret {
    color: #4aa055 !important;
}

/* Color del botón */
.btn {
    background-color: #4aa055;
}

/* Cambiar el color de fondo del botón al pasar el cursor sobre él */
.btn:hover {
    background-color: #4aa055; /* Cambia este valor al tono de azul deseado */
}

/* Estilo para input válido */
.validate.valid {
    border-bottom: 1px solid #4aa055 !important;
    box-shadow: 0 1px 0 0 #4aa055 !important;
}

/* Estilo para input no válido */
.validate.invalid {
    border-bottom: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}

/* Color del texto dentro de los inputs */
input {
    color: black !important;
}

.row .col.s12 {
    border-radius: 7px;
}

.tituloLogin {
    text-align: center;
    color: black;
    font-family: 'Poppins', sans-serif;
    margin-top: 5%;
    font-size: 27px;
    font-weight: bold;
}