/* Tamaño de todo el div */
div.d-flex{
    min-height: 100vh;
}

/* Colores para recuperar contraseña */
div.forgotten-pswd span{
    color: #8F99A8;
}

div.forgotten-pswd>span>a{
    color: #20BDFF;
}

/* Botón de entrar */
.btn{
    background-color: #20BDFF;
    color: black;
    padding: 8px;
}

.btn:hover{
    background-color: #20BDFF;
    color: white;
    border-color: white;
}

/* Botón de registrarse */
a.register{
    background-color: #111822;
    color: #8F99A8;
    border-color: #8F99A8;
}

a.register:hover{
    background-color: #111822;
    color: white;
    border-color: white;
}

/*
.line-inline-left {
    display: inline-block;
    width: 150px;
    height: 1px;
    background-color: #8F99A8;
    vertical-align: middle;
    justify-self: start;
}

.line-inline-right {
    display: inline-block;
    width: 150px;
    height: 1px;
    background-color: #8F99A8;
    vertical-align: middle;
    justify-self: end;
}
*/

/* Barras separadoras entre entrar y regístrarse */
div span.line-inline{
    color: #8F99A8;
}

.line-inline::after {
    content: "";
    display: inline-block;
    width: 150px;
    height: 1px;
    background-color: #8F99A8;
    color: #8F99A8;
    vertical-align: middle;
    margin: 0 15px;
}

.line-inline::before {
    content: "";
    display: inline-block;
    width: 150px;
    height: 1px;
    background-color: #8F99A8;
    color: #8F99A8;
    vertical-align: middle;
    margin: 0 15px;
}