/*
VERDE: #01782e
PLOMO CLARO: #98a6ad
*/

body {
    /*font-family: Vegur, 'PT Sans', Verdana, sans-serif;*/
}

#img_login {
    height: 100vh;
}

#logo_login {
    height: 12vh;
}

.text-title {
    font-size: 20px;
    text-align: left;
    color: #01782e;
    font-family: Arial;
    font-weight: bold;
}

.btn-green, btn_login {
    text-decoration: none;
    border-radius: 0px !important;
    background-color: #01782e;
    color: white;
    text-align: center;
    justify-content: center;
    width: 100%;
}

    .btn-green:hover,
    #btn_login {
        -webkit-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 11px 0px rgba(0,0,0,0.75);
        color: white !important;
        text-decoration: none;
    }

.input-lg {
    text-decoration: none;
    border-radius: 0px !important;
    border: none;
    border-bottom: 1px solid #98a6ad;
}

    .input-lg:hover,
    .input-lg:focus {
        border-bottom: 1.5px solid #01782e;
    }

.form-control:focus, .custom-select:focus, .custom-control-input:focus ~ .custom-control-label::before,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem white;
}

#login-principal {
    width: 100%;
}

#logo_login {
    width: 8rem;
}

@media (max-width: 940px) {
    #miImagen {
        display: none;
    }
}