/* --- LOGIN PAGE LAYOUT --- */

body.account-login {
    height: 100vh;
}

@media screen and (min-width: 768px) {
    .account-login {
        overflow: hidden;
    }
}

.account-login .container {
    height: 100%;
}

.dashboard-login {
    max-width: 500px;
    margin: auto;
    padding: 3.125rem 0px;
}

@media screen and (min-width: 768px) {
    .dashboard-login {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding: 0px;
    }
}

.dashboard-login .logo img {
    max-width: 150px;
}

.dashboard-login .content-box {
    margin-top: 1.5625rem;
    overflow: hidden;
    border-radius: 0.5rem;
}

/* Constrain the decorative dots within the content box */
.dashboard-login .content-box .content-head:after {
    width: 40px;
    height: 60px;
    right: 10px;
}

/* --- LOGIN PAGE SPECIFIC FORM STYLES --- */

span.forgot {
    display: inline-block;
    padding-top: 0.5rem;
}

span.forgot a {
    color: #3466fd;
    font-size: 1rem;
    text-decoration: underline !important;
    display: inline-block;
}

span.forgot a:hover {
    color: #158f7a;
}