@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

:root {
    --naranja-ei: #FF8300;
    --naranja-ei-obscuro: #C95F00;
    --azul-ei: #00306E;
}

.bg-login {
    background-image: url("../App_Resources/Imagenes/Sitio/bg-default.png");
    background-size: cover;
    font-family: 'Lato', sans-serif;
}

.bg-gradient-login {
    background: linear-gradient(180deg, white 15%, var(--azul-ei) 25%);
    opacity: .9;
    position: absolute;
    z-index: 90;
    min-height: 2000px;
}

.contenido-login {
    position: absolute;
    z-index: 95;
}

.row-form-login {
    height:80%;
    min-width: 500px;
}

.col-form-login {
    height: 500px !important;
}

.form-login {
    width: 450px !important;
    height: 70%;
    background-color: white;
    opacity: .25;
}

.controles-login {
    width: 450px !important;
    height:70%;
    z-index: 100;
}

.titulo-login {
    color: white;
    font-size: 18pt;
}

.text-copyright {
    color: white;
    font-size: small;
}

.input-password {
    border-color: var(--naranja-ei) !important;
    border-width:2px !important;
    border-radius: 0px 0px 10px 10px !important;
    border-top: none !important;
}

.input-usuario {
    border-color: var(--naranja-ei) !important;
    border-width: 2px !important;
    border-radius: 10px 10px 0px 0px !important;
}

.boton-login {
    width: 150px;
    --bs-btn-bg: var(--naranja-ei) !important;
    --bs-btn-border-color: var(--naranja-ei) !important;
    --bs-btn-hover-bg: var(--naranja-ei-obscuro) !important;
    --bs-btn-hover-border-color: var(--naranja-ei-obscuro) !important;
    --bs-btn-active-bg: var(--naranja-ei-obscuro) !important;
    --bs-btn-active-border-color: var(--naranja-ei-obscuro) !important;
    --bs-btn-disabled-bg: var(--naranja-ei) !important;
    --bs-btn-disabled-border-color: var(--naranja-ei-obscuro) !important;
    font-size: 15pt !important;
}

@media screen and (min-width: 1000px){
    .bg-gradient-login {
        background: linear-gradient(90deg, white 45%, var(--azul-ei) 55%);
        min-height: unset;
    }

    .col-form-login {
        height: 100% !important;
    }
}