:root {

    /* Colores */
    --black: #010202;
    --white: #ffff;
    --blue-lvl: #0486dd;
    --red-lvl: #c05862;
    --orange-lvl: #e2a431;
    --green-lvl: #3db458;
}

body {
    font-family: 'Poppins', sans-serif;
}

.div-secundario {
    top: 10%;
    position: absolute;
}

.form-login{
    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    margin: auto;
    max-width: 390px;
    padding: 32px;
}

.form-login input {
    font-size: 12px;
}

.form-login  b {
    color:#168afc
}
.form-login button b {
    color: white;
}
.form-login .forgot-password{
    font-size: 16px !important;
    font-style: bolder;
    text-decoration: none;
}
.form-login label{
    margin-bottom: .0rem;
    margin-top: .5rem;
}

.form-login .text-r{
    padding-top: 12px;
}

/* Iconos de Login */
.far,
.fas {
    color: #168afc;
    width: 18px;
}

.hidden{
    display: none;
}

.color-red {
    color: var(--red-lvl) !important;
}

.color-orange {
    color: var(--orange-lvl) !important;
}

.color-green {
    color: var(--green-lvl) !important;
}

.color-blue {
    color:var(--blue-lvl) !important;
}

.color-white {
    color: var(--white) !important;
}

/* Móviles en vertical  */
@media (max-width: 479px) {

    .div-secundario {
        width: 100% !important;
        position: unset;
    }

}