@import url('https://fonts.googleapis.com/css?family=Mitr');
.csq-learning{
    background-image: url('../../../images/csqlearning/wallpaper/login-wallpaper.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover!important;
    height: 93vh;
    padding: auto;
}
#content{
    padding: 14vh 0;;
}
.login-feild{
    background-color: rgba(0,0,0, 0.65);
    border-radius: 8px;
    padding: 20px 40px 0px 40px;
}
.login-head{
    padding: 30px 0px 0px 0px;
}
.login-head img{
    width: 70%;
}
.login-head p{
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 26px;
    margin-top: 13px;
}
.csq-learning form .form-control{
    background:none;
    border:none;
    border-bottom:1px solid #fff;
    border-radius:0;
    box-shadow:none;
    outline:none;
    color:#fff;
}
.csq-learning form label{
    font-family: 'Mitr', sans-serif;
    color:#fff;
    font-size: 16px;
}
.csq-learning .login{
    background-color: #eb8123 !important;
    border-radius: 2px;
    color: #fff;
    font-family: 'Mitr', sans-serif;
}
.csq-learning .login:hover{
    background-color: #ee913f !important;
}
.forgot-password, .or{
    color: #fff;
    font-family: 'Mitr', sans-serif;
    font-size: 14px;
}
.register{
    font-family: 'Mitr', sans-serif;
    color: #eb8123;
    background-color: transparent;
    background-image: none;
    border-color: #eb8123;
    margin-top: 10px;
}
.register:hover, .register:active{
    color: #fff;
    background-color: #ee913f;
}
.errorMessage {
    color: #ff6159;
    margin-top: 5px;
    margin-bottom: 5px;
}
.hidden-header, .navbar{
    display: none;
}