.clear{ clear: both; }

#loginlayerFieldID{ background-color: #FFFFFF; color: #111111; display: none; padding: 0px; width: 500px;  font-family: 'Lato'; border-radius: 15px; }

.loginlayerHeader{  height:70px; font-weight: bold; background-color:#e9d2a6; line-height:70px; font-size:25px; padding-left:40px; width:100%; color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; color: #fff; position: relative; }
.loginlayerHeader img{ position: absolute; height: 30px; width: auto; right: 40px; top: 20px; cursor: pointer; } 
.loginlayerFooter{ font-size:14px; padding:0 40px 20px 40px; width:100%; color: #95989a; font-family: 'Lato'; }
.loginlayerFooter img{ float: left; }
.loginlayerFooter .identify{ float: right; position: relative; top: 2px; cursor: pointer; text-decoration: underline; }
.loginlayerborder{ width:100%; background-color:#b7b7b7; height:1px;}
.loginlayermainarea{ width:100%; padding:40px 40px; }
.loginfieldnametext{font-size:15px; padding-bottom:5px; padding-top:5px;  font-family:Lato;}
.loginlayertoptext{ padding-bottom:25px; font-size:14px; }
.loginfieldinput input  { background-position:left; background-repeat:no-repeat;line-height:50px; width:100%; height:50px; font-size:14px; padding-left:50px; padding-right: 50px; border:1px solid #cacaca; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color:#FFFFFF; font-size: 16px; font-family: 'Lato'; font-style: italic; color: #95989a; }
.loginfieldinput input:focus {  border:2px solid #2b95ff; }
.loginfieldinput input:-webkit-autofill { background-position:left; background-repeat:no-repeat;line-height:50px; width:100%; height:50px; font-size:14px; padding-left:60px; border:1px solid #cacaca; background-color:#FFFFFF;!important;}
.loginfieldinput .loginuser{ position: absolute; left: 15px; top: 15px; }
.loginfieldinput .loginpass{ position: absolute; left: 16.5px; top: 12.5px; }
.loginfieldinput .logineye{ position: absolute; top: 19.5px; right: 16px; cursor: pointer; z-index: 50; }
.loginfieldinput .logineyeBlue{ position: absolute; top: 19.5px; right: 16px; display: none; cursor: pointer; z-index: 50; }
.loginfieldinput .label{ position: absolute; left: 50px; top: -14px; font-size: 11px; font-style: italic; color: #95989a; font-family: 'Lato'; display: none; }

.loginFunc{ float: left; width: 200px; font-size: 14px; font-family: 'Lato'; line-height: 19px; }
.loginFunc .notReg{ cursor: pointer; margin-top: 10px; }

.ident{ position: relative; font-style: 14px; line-height: 19px; color: #000; margin-top: 25px; display: none; }
.ident .title{ font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 15px; }
.ident img{ width: 20px; height: auto; position: absolute; right: 0; top: 3px; cursor: pointer; }
 
 /*.userinput input{ background-image:url('elementsOutput/userinputicon.png');}*/
  /*.userinput input:-webkit-autofill { background-image:url('elementsOutput/userinputicon.png');}*/
 /*.passwordinput input{ background-image:url('elementsOutput/passwordinputicon.png');}*/
.loginfieldmessage {  width:100%; position:relative; line-height:22px; font-family:Lato; font-weight:bold;   font-size:14px; padding-right:15px;}
.loginfieldinput {  width:100%; position:relative; }
.loginfielarrowbutton{ position: relative; background: #2b95ff; float:right; width:160px; font-size:16px; color: #fff; font-weight:bold; text-align:left; line-height:50px; height:50px; padding-left: 30px; border-radius: 10px; font-family: 'Lato'; cursor:pointer;}
.loginfielarrowbutton img{ position: absolute; right: 30px; top: 16.5px; }
.loginfielclosebutton2{ position: relative; background: #2b95ff; float:right; width:160px; font-size:16px; color: #fff; font-weight:bold; text-align:left; line-height:50px; height:50px; padding-left: 30px; border-radius: 10px; font-family: 'Lato'; cursor:pointer;}
.loginfielarrowbutton2 img{ position: absolute; right: 30px; top: 16.5px; }

.loginfielclosebutton{ position:relative; float:left; width:127px; font-size:14px; font-weight:bold;   text-align:left; padding-left:10px;   line-height:44px; height:44px; background-image:url('elementsOutput/nextbtn.png'); text-transform:uppercase; font-family:Lato; cursor:pointer;}
.loginlayererrortextstyle{font-size:12px; color:#d41232; line-height:30px; padding-bottom:10px; }
.loginlayererrortextstylereg{font-size:12px; color:#d41232; line-height:30px; padding-bottom:10px; }
.loginlayerbottomtext{height:30px; padding-top:40px;   font-size:12px; position:relative; font-family:Lato;} 
.loginlayerbottomforgot{ cursor:pointer;}
 .footerdivideline{color:#43a9da; width:5px; background-image:url('elementsOutput/footerdivideline.png'); background-repeat:no-repeat;}
.input-field { margin-top: 8px; position: relative }
.errorborder, .input-field input.error {border:1px solid #d41232;}
.input-field span.error {color:#d41232;}
.star{color:#d41232; }
.show-password {
	position: absolute;
	right: 10px;
	top: 70%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 6px;
	font-size: 13px;
	color: var(--muted)
}
.partner-login {
	position:absolute;
	text-align:right;
	width:49%;
	right:0;
	top:0px;
	z-index:10;
	line-height:normal;
}
.partner-login a {
	color:#6f7074;
}
.partner-login .welcome {
	padding:7px 0 8px 0;
}
.partner-login-form {
	float:right;
}
.partner-login-form .bg {
	background-image:url('elementsOutput/login_bg.png');
	background-repeat:no-repeat;
	float:left;
	width:120px;
	height:27px;
	text-align:left;
}
.partner-login-form .bg.left-space {
	margin-left:5px;
}
.partner-login-form input {
	border:none;
	background:none;
	padding:0;
	vertical-align:top;
}
.partner-login-form input.text {
	padding:3px 5px 0 5px;
	width:110px;
}
.partner-login-form input.password {
	width:86px;
	padding-left:15px;
	padding-right:15px;
}
.cart {
	padding-top:2px;
}
.cart img {
	vertical-align:text-bottom;
	padding-left:10px;
}
/*.partner-login-form input {
	vertical-align:top;
}
.partner-login-form input.text {
	text-align:center;
	background:none;
	background-color:#ffffff;
	border:3px solid #ffffff;
	border-radius:5px 5px 5px 5px;
	width:130px;
}
.partner-login-form input.password {
	width:100px;
	padding-left:15px;
	padding-right:15px;
	margin-left:5px;
}*/
.partner-login-form input.btn {
	padding-top:4px;
	margin-left:-18px;
}
.login-error {
	color:#880000;
}
.partner-login .login-error {
	padding-right:10px;
}
.partner-login-box {
	margin-top:15px;
}
.partner-login-box .input {
	background-color:#f3f3f3;
	border:3px solid #f3f3f3;
	border-radius:5px 5px 5px 5px;
	width:170px;
	margin:3px auto;
	
}
.partner-login-box .input input {
	vertical-align:middle;
}
.partner-login-box .input input.text {
	background:none;
	border:none;
	width:170px;
	text-align:center;
}
.partner-login-box .input input.short {
	width:150px;
}


.registration-container label.checkbox-container {
  display: block;
  position: relative;
  padding-left:30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.registration-container label.checkbox-container input {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 0;
}


.grey-box {
	background-color:#f3f3f3;
	border:3px solid #f3f3f3;
	border-radius:5px 5px 5px 5px;
	width:170px;
	margin:3px auto;
	vertical-align:middle;
	color:#6f7074;
	line-height:22px;
	position:relative;
}
.grey-box img {
	vertical-align:middle;
	position:absolute;
	right:1%;
	padding-top:2px;
}

.white-box {
	background-color:#ffffff;
	border:3px solid #ffffff;
	border-radius:5px 5px 5px 5px;
	width:130px;
	vertical-align:middle;
	color:#6f7074;
	line-height:22px;
	position:relative;
	text-align:center;
}
.white-box img {
	vertical-align:middle;
	position:absolute;
	right:1%;
	padding-top:2px;
}
.loginBlock {
	font-size: 15px;
	text-align: center;
	margin: 0 auto;
	max-width: 920px;
	line-height: 22px;
}
.loginBlock h3 {
	font-weight: 700;
	margin-bottom: 24px;
}
.loginBlock p {
	margin-bottom: 22px;
}
.loginBlock a {
	color: #c90d40;
	text-decoration: underline;
}
.loginBlock .loginButton {
	font-family: "Josefin Slab", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	background: #ee7e2d;
	display: inline-block;
	padding: 14px 66px 9px 66px;
	margin-top: 15px;
	cursor: pointer;
}
.loginBlock .loginButton:hover {
	background: #d77229;
}
@media screen and (max-width: 900px) {
.partner-login {
	width:45%;
}
.partner-login-box .input input.short {
	width:140px;
}
}
@media screen and (max-width: 760px) {
	.cart {
		padding-top:10px;
	}
}
@media screen and (max-width: 590px) {
	#loginlayerFieldID{ width: 90%; }
	.loginlayerHeader{ padding-left: 20px; }
	.loginlayerHeader span{ display: none; }
	.loginlayermainarea{ padding: 20px; }
	.loginfielarrowbutton{ width: 100%; margin-top: 20px; }
	.loginlayerFooter{ padding: 0 20px 20px; }
	.loginlayerFooter .identify{ width: 100%; margin-top: 17px; }

	.loginlayertoptext{ padding-bottom: 20px; }
	.loginBlock {
		font-size: 12px;
		line-height: 18px;
	}
	.loginBlock h3 {
		margin-bottom: 10px;
	}
	.loginBlock p {
		margin-bottom: 18px;
	}
}