.error { width: 100% !important; }
.preloader-particles-wrapper { position: relative; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; }
#particles { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
#particles { z-index: 1; }
.form-group label{color:#666;font-weight:500;font-size:1.2em;}
.inner_box { margin-top: 10px; margin-bottom: 10px; font-size: 30px; color: #3572b0; margin-left: 35px; }
.smalltitle { font-size: 16px; color: #333; margin-left: 90px; }
body { background-color: #e5e7ed; }
.pmu-send { font-size: 14px; color: #fff; background: #3572b0; border-radius: 2px; border: 1px solid #3572b0; box-shadow: none; padding: 9px 12px; line-height: 1; }
.pmu-cancel { font-size: 14px; color: #333; background: #ffffff; border-radius: 2px; border: 1px solid #ccc; box-shadow: none; padding: 9px 12px; line-height: 1; }
.login-box { padding: 0; max-width: 1280px; width: 100%; height: 100vh; vertical-align: middle; display: table; position: relative; z-index: 2; }
.login-box > div { display: table-cell; vertical-align: middle; height: 100vh; }
.login-bg { display: table; width: 100%; box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.24); }
.login-bg > div { display: table-cell; vertical-align: top; }
.login-bg > div:first-child { width: 62%; }
.login-bg > div:last-child { width: 38%; }
.left-img { position: relative; }
.left-img h2 { position: absolute; bottom: 0; font-size: 30px; line-height: 36px; font-weight: 300; margin-bottom: 20px; margin-left: 25px; left: 0; }
.left-img img { width: 100%; display: block; }
.right-box { background-color: #ffffff; }
.left-img { background-image: url(../images/login-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.right-loginbg { background-image: url(../images/login-top.jpg); background-repeat: no-repeat; background-position: center center; min-height: 210px; background-size: 100% auto; width: 100%; position: relative; }
.right-loginbg h2 { color: #fff; font-size: 30px; font-weight: 500; height: auto; text-align: center; position: absolute; top: 50%; margin-top: -20px; }
.panel-body { padding: 40px 40px 60px 40px; }
fieldset input[type="text"], fieldset input[type="password"] { background-color: #fff !important; border: 1px solid #dbdbdb !important; border-radius: 2px !important; box-shadow: none !important; color: #666 !important; font-size: 12px !important; height: 40px !important; padding: 0 10px !important; }
.right-box fieldset .form-group { margin-bottom: 20px; }
.panel-body .checkbox { margin: 0; }
.login-panel .checkbox > label { padding-left: 25px; font-size: 12px; }
.forgot-pass { font-size: 12px; font-weight: 400; }
.right-box .btn.btn-lg.btn-primary { border-radius: 2px; width: 100%; height: 40px; margin-top: -5px; }
.logo { margin: 0; height: 35px; }
.logo span { background-image: url("../images/login-logo.png"); background-repeat: no-repeat; display: inline-block; height: 27px; text-indent: -9999px; width: 135px; }
.login > span { font-size: 12px; color: #666666; display: block; }
.login { float: left; padding: 0 15px 15px; position: relative; text-align: center; top: -10px; width: 100%; }
.error span.img-wrapper{background-position: center left;}

@media only screen and (max-width:1279px) {
    .login-box { max-width: 100%; padding: 0 15px; }
    .right-loginbg { background-position: center top; background-size: cover; }
    .panel-body {    padding: 25px 25px 45px 25px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .login-bg > div:first-child { width: 45%; }
    .login { padding: 0 10px 15px; }
    .left-img h2 { font-size: 21px; line-height: 27px; }
}
@media only screen and (max-width:767px) {
    .login-box { padding: 15px; }
    .right-loginbg h2 { font-size: 20px; margin-top: 63px; position: relative; }
    .login-bg > div.right-box { display: block; margin-top: 0px; width: 100%; }
    .right-loginbg { min-height: 150px; }
    .panel-body { padding: 30px; }
    .login { background: #fff none repeat scroll 0 0;/*margin-top: 15px;*/top:0;}
    .logo, .login > span { float: none; text-align: center; }
    .login > span { margin-top: 10px; }
    .error div.msg-wrapper {    display: block !important;}
    .login-bg > div:first-child{display:none;}
    .login-bg{box-shadow:none;}

}