@charset "utf-8";
/* CSS Document */

/*css start for login page*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
}
::selection {
	background: var(--s-body-background-dark);
	color: var(--s-body-text-lighter);
}
::-moz-selection {
 background: var(--s-body-background-dark);
 color: var(--s-body-text-lighter);
}
img::selection {
	background: transparent;
}
img::-moz-selection {
 background: transparent;
}
.loginbgdiv {
	position: relative;
	min-height: 100%;
	line-height: var(--s-lh-base);
	background: var(--s-body-background-link-primary);
	font-size: var(--s-fs-default);
	color: var(--s-body-text-disabled);
	overflow-x: hidden;
}
.loginbgdiv a {
	color: var(--s-body-text-lighter);
	text-decoration: none !important;
}
	.loginbgdiv a:hover {
		color: var(--s-body-text-link-lighter);
	}
.loginwrapper {
	width: 100%;
	padding: 0;
}
.login-header {
	width: 100%;
	text-align: center;
	padding: 32px 0;
}
.loginmiddiv {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px 0;/*padding: 40px 0;*/
}
.loginmidbox {
	margin: 0 auto;
	/* width: 440px; */
}
.loginmidbox p {
	padding: 0px;
	margin: 4px;
}
.loginmidbox .headerpart {
	width: 100%;
	position: relative;
	padding-left: 30px;
}
	.loginmidbox .headerpart h1 {
		color: var(--s-body-text-disabled);
		font-size: var(--s-fs-display-4);
		font-weight: var(--s-fw-bolder);
		letter-spacing: -1px;
	}
	.loginmidbox form {
		border-style: solid;
		border-width: 2px;
		border-color: var(--s-body-border-link-primary);
		border-radius: 5px 5px 0 0;
		background-color: var(--s-body-background-lighter);
		padding: 30px 30px 20px 30px;
		margin: 0 auto;
		width: 380px;
		color: var(--s-body-text-disabled-secondary);
	}
	.loginmidbox form input[type=text] { 
		width: 360px;
		padding: 7px 8px;
		margin-bottom: 12px; 
		outline: none;
	}
.loginmidbox form input[type=text].last {
	margin-bottom: 5px;
}
.loginmidbox form input[type=text]:focus {	 
	outline: none;
}
.loginmidbox form .remember {
	position: relative;
	float: left;
	width: 180px;
}
.loginmidbox form .remember span {
	position: relative;
	top: -3px
}
.loginmidbox form .frgtpaswrd {
	position: relative;
	float: left;
	width: 200px;
	text-align: right;
}
	.loginmidbox form a {
		color: var(--s-body-text-link-primary);
	}
		.loginmidbox form a:hover {
			color: var(--s-body-text-link-dark);
			text-decoration: none;
		}
	.loginmidbox .frgtpaswrd a {
		color: var(--s-body-text-link-primary) !important;
	}
		.loginmidbox .frgtpaswrd a:hover {
			color: var(--s-body-text-link-dark) !important;
		}
	.loginmidbox form input[type=submit] {
		background: var(--s-body-background-success);
		border: 1px solid var(--s-body-border-success-dark);
		border-radius: 5px;
		width: 100%;
		color: var(--s-body-text-lighter);
		padding: 8px;
		font-weight: var(--s-fw-bolder);
		font-size: var(--s-fs-xx-large);
		margin-top: 15px;
		cursor: pointer;
	}
		.loginmidbox form input[type=submit]:hover {
			background: var(--s-body-background-success-dark);
			border: 1px solid var(--s-body-border-success-darker);
		}
	.loginmidbox .signuparea {
		background: var(--s-body-background);
		font-size: var(--s-fs-default);
		border-top: 1px solid var(--s-body-border);
		width: 444px;
		text-align: center;
		border-radius: 0 0 5px 5px;
		padding: 15px 0;
		margin: 0 auto;
	}
.loginmidbox .signuparea p {
	padding: 0;
	margin: 0;
}
	.loginmidbox .signuparea p a {
		color: var(--s-body-text-link-primary);
	}
		.loginmidbox .signuparea p a:hover {
			color: var(--s-body-text-link-dark);
			text-decoration: none;
		}
/*login-footer start here*/
.login-footer {
	width: 100%;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
	.login-footer ul {
		color: var(--s-body-text-link-light);
		padding: 0;
		font-size: var(--s-fs-default);
		position: relative;
	}
.login-footer ul li {
	display: inline;
}
.login-footer ul li a {
	color: var(--s-body-text-link-light);
}
	.login-footer ul li a:hover {
		color: var(--s-body-text-link-lighter);
	}
.passworddivnew2 {
	width: 444px;
	margin: auto;
	border-radius: 5px 5px 0px 0px;
	background-color: var(--s-body-background-lighter);
	border-color: var(--s-body-border-link-primary);
	overflow: hidden;
	padding: 20px 0;
}

	.passworddivnew2 h1 {
		color: var(--s-body-text-disabled);
		font-size: var(--s-fs-display-4);
		font-weight: var(--s-fw-bolder);
		letter-spacing: -1px;
		margin: 0;
		padding: 10px 20px 18px 30px;
	}

.lgbutton {
	border-style: solid;
	border-width: 1px;
	border-color: var(--s-body-border-link-primary);
	border-radius: 5px;
	background-color: var(--s-body-border);
	color: var(--s-body-text-lighter);
	font-weight: var(--s-fw-bold);
	font-size: var(--s-fs-xx-large); 
	margin-top: 2px;
	margin-left: 23px;
	cursor: pointer;
	height: 35px !important;
	width: 388px !important;
	float: left;
	visibility: hidden;
	margin-top: -50px;
}
.lgbuttonU {
	background: var(--s-body-background-success);
	border: 1px solid var(--s-body-border-success-dark);
	border-radius: 5px;
	color: var(--s-body-text-lighter);
	font-weight: var(--s-fw-bold);
	font-size: var(--s-fs-xx-large);
	cursor: pointer; 
	height: 43px !important;
	width: 388px !important;
	float: left;
	margin-left: 29px;
	margin-top: 9px;
}
	.lgbuttonU:hover {
		background: var(--s-body-background-success-dark);
		border: 1px solid var(--s-body-border-success-darker);
	}
.logeditdiv {
	padding: 4px;
	margin-bottom: 10px;
	border-radius: 5px; 
	border: 1px solid var(--s-body-border)
}
.loglabeldiv {
	padding-right : 7px;
}

.loginfield:focus {
	border-color: var(--s-body-border-link-primary) !important;
	outline: none;
}
/*signup page start here*/
.signbox {
	margin: 0 auto;
	width: 700px;
	height: auto;
	border-style: solid;
	border-width: 2px;
	border-color: var(--s-body-border-link-primary);
	background-color: var(--s-body-background-lighter);
	border-radius: 5px;
	padding: 20px 30px;
	position: relative;
	z-index: 1;
}
.signbox .headerpart {
	width: 700px;
	position: relative;
}
	.signbox .headerpart h1 {
		color: var(--s-body-text-disabled);
		font-size: var(--s-fs-display-4);
		font-weight: var(--s-fw-bolder);
		letter-spacing: -1px;
		margin-bottom: 25px;
	}
#paymentdivbody {
	color: var(--s-body-text-disabled);
	font-size: var(--s-fs-large);
}
.signbox .middlepart {
	width: 700px;
	position: relative;
	margin-top: 20px;
}
.signbox .middlepart .formdiv {
	width: 350px;
	position: relative;
	float: left;
}
	.signbox .middlepart .formdiv input[type=text], input[type=email], input[type=phone], input[type=password] {
	 
		width: 324px;
		padding: 7px 8px;
		margin-bottom: 12px; 
		outline: none;
	}
.signbox .middlepart .formdiv input[type=text]:focus, input[type=email]:focus, input[type=phone]:focus, input[type=password]:focus {	 
	outline: none;
}
	.signbox .middlepart .formdiv select { 
		width: 341px;
		padding: 6px 8px;
		margin-bottom: 12px;		 
		outline: none;
		margin-top: 0px;
	}
.signbox .middlepart .formdiv select:focus { 
	outline: none;
}
.loginmidbox .signupbtmdiv {
	background: var(--s-body-background);
	width: 764px;
	font-size: var(--s-fs-default);
	color: var(--s-body-text-disabled);
	text-align: center;
	border-top: 1px solid var(--s-body-border);
	border-radius: 0 0 5px 5px;
	padding: 5px 0;
	margin: 0 auto;
	position: relative;
	top: -3px;
	z-index: 1;
}
.loginmidbox .signupbtmdiv p {
	padding: 0;
	margin: 0;
}
	.loginmidbox .signupbtmdiv p a {
		color: var(--s-body-text-link-primary);
	}
		.loginmidbox .signupbtmdiv p a:hover {
			color: var(--s-body-text-link-dark);
			text-decoration: none;
		}


.remember {
    position: relative;
    float: left;
    left: 26px;
    width: 150px;
    top: -8px;
}

#chkRemember{ top:2px; position:relative }

.frgtpaswrd {
    position: relative;
    float: right;
    left: 16px;
    width: 150px;
    top: -6px;
}
 
/* css for captcha */

#diverrorwhite {
	background: var(--s-top-warning-panel-background);
	color: var(--s-top-warning-panel-text);
	border: 1px solid var(--s-top-warning-panel-border);
	font-weight: var(--s-fw-bold);
	padding-left: 30px;
	border-radius: 5px;
	margin: 0 28px 10px 29px;
	/*width: 356px;*/
	padding: 10px 15px;
	list-style: none;
	position: relative;
}
/*============ IE ===============*/
 @media all and (-ms-high-contrast:none)
{
    #diverrorwhite { margin:0 28px 10px  25px; } /* IE10 */
    *::-ms-backdrop, #diverrorwhite { margin:0 28px 10px  25px; } /* IE11 */
}

/*#Login1_PasswordRequired, #Login1_UserNameRequired {
    color: rgb(253, 0, 0) !important; 
}*/

.relate-message-box-close {
	position: absolute;
	right: 6px;
	top: 2px;
	cursor: pointer; 
	color: var(--s-top-warning-panel-text); 
}

/*for IE close icon in control*/
::-ms-clear {
    display: none;
}

input[type=password]::-ms-reveal
{
    display: none;
}


/* Internet Explorer 10+ */
_:-ms-input-placeholder, :root .loginfield { width:374px !important; }

/* Internet Explorer 10 (Only) */
_:-ms-input-placeholder, :root .loginfield { width:374px !important; }

/*chrome input field background color*/
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}

#divmessageserver { 
	font-weight: var(--s-fw-bold);
	padding-left: 30px;
	background: var(--s-top-warning-panel-background);
	color: var(--s-top-warning-panel-text);
	border: 1px solid var(--s-top-warning-panel-border);
	border-radius: 5px;
	margin: 0 27px 10px;
	/* width: 354px; */
	width: 80%;
	padding: 10px 15px;
	list-style: none;
	position: relative;
}