body {font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #224871;}
* { margin: 0; padding: 0;}
.loginbg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9;
	z-index: -1;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(../img/login-footer.jpg);
    background-size: 100% ;

}
.login_page {position: relative;padding: 4em 0em 3em 0em; width: 100%;text-align: center; background: #d47e4b url(../img/dark-diagonal-lines.png); border-bottom: 2px dashed #fff;}
.login_page h2{margin-top: 0px;color:#fff;font-size:30px;}
.login_page h2 span{font-size:18px;}
.login-top {margin: 10vh auto 0 auto; position: relative;background: #fff;border: 1px solid rgba(213, 213, 214, 0.85);width: 22%;padding:1.6em 1.6em 2em 1.6em;-webkit-box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2);}
.login-top h3 {font-size: 1.1em;font-weight: 600;text-align: center;margin-bottom: 1.1em;color: #7A7A7A;margin-top: 5px;}
.login input[type="text"], .login input[type="password"], .login input[type="email"]{padding: 0.8em 1em 0.8em 3em;
    height: 40px;color: #777;font-size: 15px;outline: none;font-weight: 400;border: 1px solid rgb(222, 222, 222);background: url("../img/user-icon.png") no-repeat 10px 10px; border-radius: 4px;}
.login input[type="password"] {background:url("../img/key.png") no-repeat 10px 10px; border-radius: 4px;}
.login input[type="email"]{background:#f3f3f3 url("../img/mail.png") no-repeat 10px 10px; border-radius: 4px;}
.login input[type="submit"] ,.forgotpassinput[type="submit"]  {font-size: 20px;font-weight: 400;color: #fff;cursor: pointer;outline: none;margin: 0; border-radius: 4px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}

.login input::-webkit-input-placeholder {font-size: 13px;}
.login input::-moz-placeholder {font-size: 13px;}
.login input:-ms-input-placeholder {font-size: 13px;}
.login input:-moz-placeholder {font-size: 13px;}


.form-group {position: relative;}
.tooltip-inner {background-color: rgba(76,88,100,0.75)}
.new {margin: 1em 0 0em 0;}
.login .captcha-text{padding: 0.9em 1em 0.9em 0.7em!important;background:none!important;    height: 45px;}
.new p a {color: #337ab7;font-weight: 500;font-size: 0.9em;}
.new p a:hover{text-decoration: none;color: #F67248;}
.footer {text-align: center;}
.footer p {color: #fff;font-size: 0.85em; margin: 20px 0 0 0;text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);}
.padding-left0{padding-left:0px !important;}
.padding-right0{padding-right:0px !important;}
.captcha {border-radius: 4px 0px 0px 4px;}
.captcha-img{border: solid 1px #dfdfdf;padding: 2px; margin-left: 0px; border-radius: 4px 0 0 4px;height:40px;width: 100%;}
.img-button{cursor: pointer; max-width: 100%; border: 1px solid #ddd;padding: 13px 3px 14px 4px;border-left: none; border-radius: 0 4px 4px 0;}
.btn-primary {
    background-color: #153d6b;
    border-color: #153d6b;
}
.btn-primary:hover {
    background-color: #0a2f58;
    border-color: #0a2f58;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #0a2f58;
    border-color: #0a2f58;
}
.submit .btn{ border-radius:0px;}
.forgotpass .btn{border-radius:0px;}
#homePageLogo {margin:20px auto 30px auto; text-align: center;}
#homePageLogo h2{    margin-top: 0px;
    font-size: 2em;
    color: #1c4a7d;
    border-left: solid 5px #1c4a7d;
    margin-left: -15px;
    padding-left: 15px;
    text-transform: uppercase;}
#homePageLogo h2 span{ color: #6b6b6b;}
#homePageLogo h4{ color: #356ba7; margin-bottom: 20px; font-size: 24px; margin-top: 0;}
#homePageLogo img {width: 230px; margin:-10px auto 0px auto; float: none; height: auto;}
/*#alertModal  {color: #444c69; }
#alertModal .modal-body {text-align: center;}
#alertModal .modal-content {border: 5px solid rgb(57, 89, 146);}*/
h3 {
    position: relative;
    margin-top: 20px;
  }
  
  h3.one {
    margin-top: 0;
  }
  
  h3.one span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }



@media (max-width: 1440px){
	.login-top {width: 26%;}
}
@media (max-width: 1370px){
.login_page {padding: 7em 0;}	
.login-top {width: 28%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.51); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.51); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.51);}
.login_page h2 { margin-top: -50px;font-size:26px}
.login_page h2 { margin-top: -50px;font-size:26px}
.footer {margin:0;}
.img-button {padding: 14px 6px 14px 6px;height: 40px;border-radius: 0 4px 4px 0;}
}
@media (max-width: 1152px){
.login-top {width: 32%;}
}
@media (max-width: 1060px){
.login_page {padding: 7em 0;}	
.login-top {width: 36%;}

}
@media (max-width: 780px){
.login-top {width: 50%;}
}
@media (max-width: 660px){
.login-top {width: 60%;}
}
@media  (min-width:400px) and (max-width: 490px){
.login_page h2 {margin-top: -25px;font-size: 18px;}
.login_page h2 span {font-size: 14px;}
.login_page {padding: 7em 0;}	
.login-top {width: 80%;}
}
@media (max-width: 390px){
	
.login-top {width:90%;padding: 1em 1em;}
.login_page h2 {margin-top: -100px;font-size: 16px;}
.login_page h2 span {font-size: 11px;}
.login input[type="text"], .login input[type="password"], .login input[type="email"] {padding: 0.5em 0.5em 0.5em 3em;background: url("../img/user-icon.png") no-repeat 10px 9px;}
.login input[type="password"] {background: url("../img/key.png")no-repeat 10px 9px;}
.login input[type="email"]{background: url("../img/mail.png") no-repeat 10px 9px;}
.submit { margin: 0.5em 0;}
.login input[type="submit"], .forgotpassinput[type="submit"] {padding:3px 15px;}
.new p a { font-size: 0.9em;}

.footer p {color: #FFF;font-size: 0.8em;margin-top: 1em;}
.login .captcha-text{padding: 0.5em 0.4em 0.5em .4em!important;background:none!important}
.captcha-img {height: 39px;}
.img-button { padding: 9px 0px 9px 0px;height: 39px;}

}