.login-header {
    height: 110px;
    background-color: grey;
    padding-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
}
/*css form login*/
.login-page-body {
    background: #fff !important;
    min-height: 100vh;
    width: 100%;
   
}
.login-left {
    background: #DDE8FD;
    position:relative;
    text-align:center;
    min-height:100vh;
}
    .login-left .icon1 {margin-bottom:120px;}
.login-right {
    min-height: 100vh;
    position: relative;
    background: url(/images/login/bgf-l.png) repeat-y left top, url(/images/login/bgf-r.png) repeat-y right top
}
    .login-right .icon3 {margin:0 auto; display:block; margin-bottom:86px;}

    .login-right .div-middle {
        max-width:600px;
    }
    .login-right .form-group label {
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
    }
    .login-right .account-module-form h2 {
        text-align: center;
        line-height: 72px;
        font-size: 38px;
        color: #2E368E;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
    }
    .login-right .account-module-form .btn-block {
        width: 100% !important;
        line-height: 35px;
        background: #2E368E !important;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        border: none !important;
        font-family: 'Open Sans', sans-serif;
        text-transform: uppercase;
        margin-top: 35px !important;
    }
    .login-right .account-module-form .form-group .form-control {height:45px; border:none;}
    .login-footer {
        position: absolute;
        bottom: 0;
        left: 0px;
        width: 100%;
        background: #2E368E;
        padding: 8px 0;
        text-align: center;
        color: #fff;
        z-index: 1;
    }
        .login-footer p {
            line-height: 26px;
            font-size: 16px;
            font-family: 'Open Sans', sans-serif;
            font-weight:600;
            margin-top: 0;
            margin-bottom: 4px
        }
            .login-footer p span {display:inline-block;}
            .login-footer p span.phone {
                padding-left: 40px;
                color: #E65F5C;
                background: url(/images/login/phone.png) no-repeat 10px center
            }
            .login-footer p span.user {
                padding-left: 40px;
                background: url(/images/login/user.png) no-repeat 10px center
            }
            .div-middle {
                margin: 0;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 100%;
                padding: 0 20px;
            }
    .div-middle img {max-width:100%;}
.login-page-body .field-validation-error.text-danger span {
    border: none !important;
    background: none !important;
    color: #ff0000;
    padding: 8px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}
.login-page-body .form-control:focus {
    background: #f2f2f2 !important
}
.login-page-body #img-captcha {max-height:70px;}
.login-page-body #reload-captcha {
    max-height: 70px;
}
.login-page-body .input-group-prepend {width:50%;}
.login-page-body #captcha-txt .form-group {
    width: 50%;
}
@media screen and (max-width: 481px) {
    .login-page-body .input-group-prepend {
        width: 60%;
    }
    .login-page-body #captcha-txt .form-group {
        width: 40%;
    }
    .login-page-body #img-captcha {
        width:72%
    }
    .login-page-body #reload-captcha {
        max-height: 70px;
        width: 20% !important;
        padding: 0 !important;
    }
}
@media screen and (max-height: 680px) {
    .login-right, .login-left {
        min-height: 680px;
    }
}
@media screen and (max-height: 768px){
    .login-right .account-module-form .btn-block {
        margin-top: 15px !important;
    }
    .login-right .icon3 {
        margin-bottom: 38px;
    }
    .login-right .div-middle {
        top: calc(50% - 40px);
    }
    .login-right, .login-left {
        min-height: 720px;
    }
}
/*end form login*/
.logo-container {
    float: right !important;
}

.responsive-image {
    width: 100% !important;
    margin-top: 90px;
}

.title-font {
    font-size: 32px;
    color: #FFFFFF;
    font-weight: 300;
    padding: 18px 0 44px;
    text-align: center;
}

.transparent-background {
    background: rgba(255, 255, 255, 0.5);
    border-color: #FFFFFF;
}

.btn.btn-primary {
    width: auto !important;
}

.navbar {
    background-color: transparent !important;
}

.btn.btn-outline-primary {
    color: #011c4c !important;
    border-color: #011c4c !important;
}

a {
    color: #011c4c !important;
}

.ytcs-footer-login {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #1d2939;
    opacity: 0.8;
}

    .ytcs-footer-login span:nth-last-child(6) {
        color: #D9534F;
    }

    .ytcs-footer-login span:nth-last-child(5) {
        color: #428BCA;
    }

    .ytcs-footer-login span:nth-last-child(4) {
        color: #D9534F;
    }

    .ytcs-footer-login span:nth-last-child(3) {
        color: #ffffff;
    }

    .ytcs-footer-login span:nth-last-child(1) {
        color: #FFFFFF;
        margin-right: 10px;
    }