@font-face {
    font-family: 'poppinslight';
    src: url('./fonts/poppins-light-webfont.woff2') format('woff2'),
         url('./fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.main-login {
    background: #500505;
}
.login-body {
    background: #ffffff;
}
.left-panel {
    background: linear-gradient(110deg, #6b0606 60%, #6b0606 60%);
    background-position-x: left;
    background-position-y: top;
}
.right-panel {
    background: #f7f8fb;
}
.login_head {
    font-family: 'poppinslight';
    color: #ffffffe3;
    height: 12%;
    padding: 25px 0px 0px 25px;
    margin: 0px;
}
.login_head span {
    color: #d81111;
    margin-left: 2px;
}
.login_view {
    height: 88%;
    width: 60%;
    margin: 50px auto 0 auto;
}
.login {
    color: #6c0707;
    height: 25%;
    padding-top: 12%;
    padding-left: 8%;
    margin: 0px;
}
.login span {
    font-weight: 600;
    margin-right: 3px;
}
.login-fields, .forget-fields {
    height: 13%;
    width: 85%;
    margin: 0px auto;
}
.login-fields label, .forget-fields label {
    color: #02397f;
}
.login_btn {
    width: 85%;
    margin: 0px auto;
    padding-top: 3%;
}
.login_btn button {
    width: 100%;
    height: 30px;
    background: #9c0313;
    color: #ffffff;
    border: none;
    border-radius: 5px;
}
.login_btn button:hover {
    background: #960514;
}
.forget, .back {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    height: 17%;
    color: #908d8d;
}
.signup {
    height: 13%;
    width: 85%;
    margin: 0px auto;
    padding-top: 10%;
    font-size: 12px;
    font-weight: 600;
}
.signup span {
    color: #6c0707;
    font-weight: 900 !important;
    cursor: pointer;
}
.error-msg {
    height: 5%;
    text-align: center;
    font-weight: 600;
    color: #c12c3c;
}
.modal-body h2 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #000a28;
}
.modal-footer button {
    width: 20%;
    background: #c52a3a;
    color: #ffffff;
}
@media only screen and (max-width: 600px) {
    .left-panel {
        height: 300px !important;
    }
    .login-body {
        margin-top: 0px !important;
    }
    .login {
        height: 10% !important;
        padding-top: 5% !important;
    }
}