.login #main {
    position: initial;
}
.login{background-color:#f8f9fa !important}.login .logo{margin:60px auto 0;padding:15px;text-align:center}.login .content{background-color:#fff;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;width:400px;margin:2px auto 10px;padding:10px 30px 30px;overflow:hidden;position:relative}.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400!important}.login .content h4{color:#555}.login .content .hint{color:#999;padding:0;margin:15px 0 7px}.login .content .forget-form,.login .content .login-form{padding:0;margin:0}.login .content .form-control{background-color:#dde3ec;height:43px;color:#8290a3;border:1px solid #dde3ec}.login .content .form-control:active,.login .content .form-control:focus{border:1px solid #c3ccda}.login .content .form-control::-moz-placeholder{color:#8290a3;opacity:1}.login .content .form-control:-ms-input-placeholder{color:#8290a3}.login .content .form-control::-webkit-input-placeholder{color:#8290a3}.login .content select.form-control{padding-left:9px;padding-right:9px}.login .content .form-title{font-weight:300;margin-bottom:25px}.login .content .form-actions{clear:both;border:0;border-bottom:1px solid #eee;padding:25px 30px;margin-left:-30px;margin-right:-30px}.login .content .form-actions>.btn{margin-top:-2px}.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden}.login-options h4{float:left;font-weight:600;font-size:15px;color:#7d91aa!important}.login-options .social-icons{float:right;padding-top:3px}.login-options .social-icons li a{border-radius:15px!important;-moz-border-radius:15px!important;-webkit-border-radius:15px!important}.login .content .form-actions .checkbox{margin-left:0;padding-left:0}.login .content .forget-form .form-actions{border:0;margin-bottom:0;padding-bottom:20px}.login .content .register-form .form-actions{border:0;margin-bottom:0;padding-bottom:0}.login .content .form-actions .btn{margin-top:1px;font-weight:600;padding:10px 20px!important}.login .content .form-actions .btn-default{font-weight:600;padding:10px 25px!important;color:#6c7a8d;background-color:#fff;border:none}.login .content .form-actions .btn-default:hover{background-color:#fafaff;color:#45b6af}.login .content .forget-password{font-size:14px;float:right;display:inline-block;margin-top:10px}.login .content .check{color:#8290a3}.login .content .rememberme{margin-left:8px}.login .content .create-account{margin:0 -40px -30px;padding:15px 0 17px;text-align:center;background-color:#6c7a8d;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-ms-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px}.login .content .create-account>p{margin:0}.login .content .create-account p a{font-weight:600;font-size:14px;color:#c3cedd}.login .content .create-account a{display:inline-block;margin-top:5px}.login .copyright{text-align:center;margin:0 auto 30px 0;padding:10px;color:#7a8ca5;font-size:13px}@media (max-width:440px){.login .content,.login .logo{margin-top:10px}.login .content{width:280px}.login .content h3{font-size:22px}.forget-password{display:inline-block;margin-top:20px}.login-options .social-icons{float:left;padding-top:3px}.login .checkbox{font-size:13px}}
/*.login .content { bottom: 0; height: 330px; left: 50%; margin: 0; max-height: 100%; max-width: 100%; padding-top: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 360px;}*/
.login .content .custom-login-color { color: #354250!important; font-size: 24px!important; font-weight: bold!important; margin-top: 28px; margin-bottom: 0; }
.login .content .title-hint {color: #354250; font-size: 14px; margin: 18px 0 26px; text-align: center; line-height: 1.2;}
.login .content .form-control { background-color: #fff; border: 1px solid #cdd3df; height: 34px; }
.login .content .form-actions { background:  none; border: medium none; float: left; margin: 0; padding: 0; width: 100%; }
.login .content .form-actions .btn,
.login .content .form-actions .btn:focus { background: #569ddd; border: medium none; color: #fff; float: left; font-weight: 600; height: 38px; line-height: 38px; margin-top: 0; padding: 0!important; text-transform: none!important; width: 100%;}
.login .content .rememberme { display: none; }
.login .content .create-account { margin: 0; padding: 0; width: 100%; background: none; float: left; }
.login .content .create-account > p { float: left; line-height: normal; margin: 17px 0 0; width: 100%; }
.login .content .create-account p a { color: #575757; font-size: 14px; font-weight: normal!important; margin: 0!important; text-transform: none!important; }
.login .copyright { display: none; }
.login {  height: 100vh; position: relative;}
.login .content.forget-password-content { height: 255px;}
.login .content .forget-form  h3 { color:#364250!important;  font-size: 14px; margin-top: 25px; }
.forget-form > p { font-size: 14px; line-height: 1.2; margin-top: 18px; padding: 0; text-align: center; width: 100%; }
.forget-form #back-btn { color: #000; float: left; margin-top: 10px; text-align: center; width: 100%; }

.forget-form .form-actions {    float: left;    padding: 0;    width: 100%;}
.login .content.alert-content { height: 420px; }
@media (max-width:440px){
.login .content{width:280px;  height: 390px;}
.login .content.forget-password-content { height: 280px;}
.login .content.alert-content { height: 480px; overflow: scroll; }
}
.alert-content-new { height: 330px !important;}
/*Added by Ocs*/
.login .content { padding: 0; width: 100%; max-width: 399px; height: 100%; border: 1px solid #b6bbc5;  }
#form-submit { width: 100%; max-width: 300px; margin: 0 auto; }
.login .content .form-control { height: 38px; }
.login .content .form-actions .btn { height: 37px; }
.title-hint-1 { text-align: center; margin: 34px auto; color: #000000; font-size: 20px;
 letter-spacing: 0.09px; font-family: Open sans; }
.form-group { margin-bottom: 20px; }
.login .content .create-account > p { margin: 30px 0; }
.login-form-index { width: 100%; height: 335px; }
.login-main .container { width: 100%; max-width: 1299px; text-align: center; vertical-align: middle; display: table-cell; }
.access-alert { margin-bottom: 23px; font-size: 14px; color: #5e6c84; font-family: Open sans; }
.access-alert-img { margin-bottom: 52px; }
.login-main { display: table; text-align: center; width: 100%; height: 100vh; }
@media (max-width: 767px) {
	.login-inner { width: 100%; max-width: 320px; margin: 0 auto; }
	.login .content .create-account > p { margin: 10px 0; }
	.login-main .container { overflow: hidden; }
}
@media (max-width: 374px) {
	.login-inner { max-width: 250px; }
	.login .content { padding: 10px 15px 30px; }
}
::-webkit-input-placeholder { font-family: Open sans; }

:-ms-input-placeholder { font-family: Open sans; }

::placeholder { font-family: Open sans; }
.login .content .form-actions .btn,
.login .content .create-account p a { font-family: Open sans; }
.login .content .create-account p a { color: #569ddd; font-size: 12px; }
.login .content .form-control { font-family: Open sans; }
.content.forget-password-content { bottom: 0; left: 50%; margin: 0; max-width: 100%; padding-top: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 360px;}
.content.forget-password-content { padding: 10px 30px 30px; padding-top: 0; }
.content.forget-password-content .forget-form > p { margin-bottom: 18px; }
/*Mobile Device*/
@media (max-width: 767px) {
	.login-main .container { vertical-align: top; }
	.login-inner { margin-top: 30px; }
	.login .content.alert-content { height: auto; }
}
@media (max-width: 480px) {
	 .login .content.alert-content { padding-top: 0; margin-top: 0; padding-bottom: 0; }
	 .access-alert { margin-bottom: 10px; }
}