/* login and sign-up page */

.bg-signup {
	background:url(../images/bg_open_account-new.jpg) top; 
	padding-top:30px; 
	padding-bottom:60px;
	background-size:cover;
	}
	.bg-login {
	background:url(../images/bg_open_account-new.jpg) top ; 
	padding-top:30px; 
	padding-bottom:60px;
	background-size:cover;
	}
	.morning  {
	background: url(../images/bg_login_morning.jpg) top !important;
	background-size:cover !important;
	}
	.day {
	background:url(../images/bg_login_day.jpg) top !important; 
	background-size:cover;
	}
	.night {
	background:url(../images/bg_login_night.jpg) top  !important; 
	background-size:cover;
	}
.evening {
	background:url(../images/bg_login_evening.jpg) top !important;
	background-size:cover; 
	}
.night2 {
	background:url(../images/bg_login_evening.jpg) top !important;
	background-size:cover; 
	}
.reg-box {     margin: auto;    width: 400px; }
body.login .form-horizontal .forgot {     
	border-bottom: solid 1px #eaeaea;
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
	font-weight:600;
	}
.openaccountlogin { background-color: #42b72a;    width: 100%;    display: block;    text-align: center;    color: white;     border-radius: 10px;     padding: 13px 0px;    margin-bottom: 20px;    text-shadow: 0 1px 0 rgb(0 0 0 / 30%);  text-transform: uppercase;    font-family: "CircularXXWeb-Medium",sans-serif;   font-style: normal;  font-size: 15px !important; 
	}
.openaccountlogin:hover {background-color: #36a420; 
	}
body.login .form-horizontal .control-group { 
	width:100%; 
	}
/* sing-up errorid */
	body.login #error_list { background: none; border: none; padding:0px; margin:0px; }
	body.login #error_list li, body.login .error_list li { list-style: none;  padding: 0px; }
	body.login #error_list li label, body.login .error_list li label { text-align: center; min-height: inherit; display: block !important;}
	body.login .form-container .controls input {min-height: 34px !important; 
}
	body.login #main h1 { text-align:center; }
	body.login #main p.whatitis { text-align:center; color:#FFF; margin-top: 6px;
margin-bottom: 14px; }
body.login .form-container .controls input[type="checkbox"] {  width: 17px;  margin-right: 5px;  margin-top: 0px; box-shadow:none;}	
	body.login .form-container .controls label[for="remember"] {     vertical-align: middle;     cursor: pointer;font-size: 15px; font-weight: bold;}

a.toggle-pass {
  position: absolute;
  right: 10px;
  top: 41%;          /* Center vertically */
  transform: translateY(-50%); /* Center vertically */
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #555;
  transition: 0.2s;
  text-align: center;
  text-decoration: none; /* Remove underline from link */
}

a.toggle-pass i {
  line-height: 30px;
}

.fa, .fas {
  font-weight: 900;
}

i.fa:before {
  font-family: "FontAwesome";
  font-weight: 900;
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-eye:before {
    content: "\f06e";
}

/* Add styles for the password input to accommodate the icon */
.controls input[type="password"],
.controls input[type="text"] {
  padding-right: 40px; /* Make space for the icon */
}

@media only screen and (max-width: 500px){
		.reg-box {     margin: auto;     display: block;     width: 95%;
	}
	.day,.bg-signup {
	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/bg_open_account-new.jpg) top center no-repeat !important;
	background-position-x: 20% !important;
	background-size: cover !important;
	}
	.night, .morning,.day {
	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/bg_open_account-new.jpg) top center no-repeat !important;
	background-position-x: 20% !important;
	background-size: cover !important;
	}
	.evening,.night2 {
	background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url(../images/bg_open_account-new.jpg) top center no-repeat !important;
	background-position-x: 20% !important;
	background-size: cover !important;
	}
	}