.login-container {
    height: 100vh;
    width: 100%;
    background-image: url("../images/login-bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size:cover;
}

.spectral-regular {
    font-family: "Spectral", serif;
    font-weight: 400;
    font-style: normal;
    font-size:1.5em;
}

#loginForm {
    width: 420px;
    background-color:#000;
    padding:40px;
    border-radius:10px;
}

#title, #msg {

}

.login-title {
    font-size:24px;
    /*font-weight:600;*/
    color: white;
}
    .login-title span {
        margin-left: 10px;
    }

    #txtVerifyCode {
        margin-right: .75rem;
        position: relative;
    }

#txtUserId {
    background: url(../images/login-icon-user.png) no-repeat scroll 7px 7px;
    padding-left: 40px;
   background-color:#FFF;
}

#txtPassword {
    background: url(../images/login-icon-pw.png) no-repeat scroll 7px 7px;
    padding-left: 40px;
    background-color: #FFF;
}

.forget-password, .forget-password:visited, .forget-password:hover {
    color: #0062cc;
}

.forget-password:hover {text-decoration:none;}

    .error {
        color: red;
    }

.refresh-btn {cursor:pointer; width: 24px; height:24px; margin-left:10px;}

#verifyCode {
    cursor: pointer;
}

#btnLogin {
    background-color: #146799 !important;
}

#verifyCode {
    border-radius: .25rem;
}

input.form-control {
    height: 40px !important;
}

.setup2fa-msg {color:white;}