/*----------------------------------------
    Login Page
------------------------------------------*/
.login-bg {
    /*background-image: url("../../images/gallery/flat-bg.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
}


#login-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 85.5vh;
}


    #login-page .bg-opacity-5 {
        background-color: rgba(255,255,255,.65);
    }

    #login-page .z-depth-7 {
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 70%);
    }

    /*  #login-page .input-field {
        margin-left: -0.5rem !important;
    }*/

    #login-page .input-custom {
        height: 46px;
        background-color: #fff !important;
        border: 1px solid #ced4da !important;
        /*width: calc(100% - 62px) !important;*/
        /*margin-left: 50px;*/
        padding-left: 10px;
    }

.keeploggedin {
    color: #0063C3;
    font-size: 14px !important;
}

input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label {
    color: #676767 !important;
}

#login-page .input-icon-custom {
    background: #fff;
    margin-top: -6px;
    border: 1px solid #ced4da;
    padding: 12px;
}

#login-page .login-card {
    padding: 31px 42px !important;
    margin-left: 0 !important;
    width: 444px;
    margin-top: 35px;
}

#login-page .img-logo {
    margin-top: -15px;
}

#login-page .remember {
    margin-left: -34px;
}

    #login-page .remember span {
        font-weight: 500;
    }

    #login-page .remember label {
        color: #333 !important;
    }

#login-page .btn-login {
    margin-left: 6px !important;
    font-size: 1.5rem;
    /*font-weight: 500;*/
}

#login-page a {
    font-weight: 500;
}

#login-page .filled-in + span:before, .filled-in + span:after {
    top: 3px !important;
}

#login-page .sub-text {
    margin-left: -12px;
    font-size: 26px;
}

#login-page .login-links {
    margin-top: -20px;
}

#login-page .input-field .prefix {
    width: 50px !important;
    height: 47px !important;
}

#login-page .message-body {
    font-size: 1rem !important
}
/*    #login-page .card {
        background-color: #fbfbfb !important;
    }*/