/* Login Page */

.chc-login .wpthemeMainContent {
	padding-bottom:20px !important;
	background:
	   	linear-gradient(to bottom, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, .9) 100%),
    	url('../images/warehouseBackground.jpg') !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.chc-login .loginPortlet .vaiComponent {
	background:#ffffff;
	margin: 20px 0 0;
}
.loginPortlet .floatBoxColumn {
	width:530px;
	margin:10px 0px 0px 0px;
	border:1px solid #ececec;
	min-height:280px;
}
.loginPortlet .floatBoxColumn.userLogin {
	float:left;
	width: 33.3333%;
	border: none;
    box-sizing: border-box;
    text-align: center;
}
/*
.loginPortlet .floatBoxColumn.userLogin .detailField .label {
	display: none;
}
*/
.loginPortlet .floatBoxColumn.newCustomers {
	float:right;
	width: 660px;
	width: 66.666%;
	border: none;
	box-sizing: border-box;
    padding-left: 20px;
}
/* .loginPortlet .floatBoxColumn.newCustomers .buttonBar {
    display: none;
} */
.loginPortlet .floatBoxColumn.newCustomers .regButton {
    margin-top: 20px;
}
#existingCustparseContainer {
	border: none;
	width: 100%;
}
.loginPortlet #existingCustparseContainer .dijitTitlePaneTitle {
    display: inline-block;
}
.loginPortlet .floatBoxColumn .shadow {
	background-color:transparent;
	margin:10px;
}
.loginPortlet .floatBoxColumn .dijitTitlePane {
	background:none !important;
	filter:none !important;
	border:none !important;
}
.loginPortlet .floatBoxColumn .dijitTitlePaneContentOuter {
	background:none !important;
	filter:none !important;
	border:none !important;
}
.loginPortlet .floatBoxColumn .dijitTitlePaneTitle {
    background: none !important;
    filter: none !important;
    border: none !important;
    padding-bottom: 10px;
}
.loginPortlet .dijitTitlePane .dijitTitlePaneTextNode {
	color: #224777;	
}
.loginPortlet .floatBoxColumn .heading {
	font-size: 1.3em;
    font-weight: 600;
    margin-left: 0;
    margin-top: 20px;
    color: #224777;
    height: 38px;
}
.loginPortlet .subHeading {
    font-weight: inherit;
    margin-left: 0;
    margin-top: 3px;
    font-size: 1em;
    line-height: 1.3;
    display:none;
}
.loginPortlet .floatBoxColumn .formFields .label, .loginPortlet .formFields .label {
	width: 90px;
	font-weight: inherit;
	text-transform: uppercase;
}
.loginPortlet .floatBoxColumn .formFields, .loginPortlet .formFields {
	margin-left: 10px;
	margin-top: 10px;
}
.loginPortlet .floatBoxColumn .formFields .detailRow, .loginPortlet .formFields .detailRow {
	margin-top: 5px;
	overflow: hidden;
}
/*
.loginPortlet .formFields .inputField input {
	border:1px solid #b5bcc7;
	font-size:1em;
	width:80%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	padding: 5px 2px;
	box-sizing: border-box;
}
.loginPortlet .formFields .field.inputField input:hover {
	-webkit-box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1);
	box-shadow:inset 0 1px 1px 0 rgba(0,0,0,.1);
	border:1px solid #759dc0;
	background-color:#e5f2ff;
}
*/
.loginPortlet .dijitTitlePaneContentInner .buttonBar:nth-child(1) {
	display:none;
}
.loginPortlet .floatBoxColumn .buttonBar {
	display:block;
	background: none;
	filter: none;
	border: none;
	margin: 0px;
}
.loginPortlet .floatBoxColumn .buttonBar .cancelBtn.dijitReset {
	display: none;
}
.loginPortlet .floatBoxColumn .buttonBar .loginBtn.dijitReset .dijitButtonNode,
.loginPortlet .floatBoxColumn .buttonBar .loginBtn.dijitReset{
    width: 100%;
    font-size: 1.2em;
	text-transform: uppercase;
}
.loginPortlet .floatBoxColumn.userLogin #userID,
.loginPortlet .floatBoxColumn.userLogin #password {
    width: 100%;
}
.loginPortlet .floatBoxColumn.newCustomers .buttonBar { 
	display:none;
} 
.loginPortlet .floatBoxColumn .buttonBar .right,
.loginPortlet .floatBoxColumn .buttonBar .left {
	float: none;
}
.loginPortlet .floatBoxColumn .buttonBar .right {
    width: 100%;
    display: block;
}
.loginPortlet .floatBoxColumn .buttonBar .left a {
	margin: 10px 0;
	display: block;
}
.loginPortlet .floatBoxColumn.newCustomers .existingCustLogIn a,
.loginPortlet .floatBoxColumn.newCustomers .newCustLogIn a{
    color: #fff;
    border: 1px solid #224777;
    padding: 7px 6px;
    background: #224777;
    box-sizing: border-box;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    display: block;
    text-decoration: none;
    font-size: 1.2em;
	text-transform: uppercase;
}

.loginPortlet .floatBoxColumn.newCustomers .existingCustLogIn,
.loginPortlet .floatBoxColumn.newCustomers .newCustLogIn {
    border-left: 1px solid #224777;
    padding: 0 30px;
    height: 240px;
}
.loginPortlet .mainCol {
    box-shadow: #ededed -2px 2px 8px 2px;
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 980px) {

}
@media screen and (max-width: 768px) {
	.loginPortlet .floatBoxColumn.newCustomers {
		width: 100%;
	    padding-left: 0;
	    text-align: center;
	}
	.loginPortlet .floatBoxColumn.userLogin {
		width: 100%;
		border: none;
		text-align: center;
	}
	.loginPortlet .formFields .field.inputField input {
	    width: 100%;
	}
	.loginPortlet .floatBoxColumn .formFields .label, .loginPortlet .formFields .label {
	    text-align: left;
	}
	.loginPortlet .floatBoxColumn .buttonBar {
	    text-align: center;
	}
	#existingCustparseContainer {
	    text-align: center;
	}
}
@media screen and (max-width: 603px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
} 
.s2k-login body {
	background-color:#ededed;
}
.s2k-login .wpthemeLogo {
	background:none;
}
.s2k-login .wpthemeMainContent {
	background:none;
	min-height:220px;
}
.s2k-login .innerContainer {
	width: 600px;
	margin: auto;
	margin-top:100px;
}
.s2k-login .wpthemeBanner {
	display:none;
}
.s2k-login .wpthemeFooter {
	border-top: none;
	background-color: transparent;
}
.s2k-login .s2k-dojo .loginPortlet .floatBoxColumn .dijitTitlePaneContentInner,
.s2k-login .s2k-dojo .loginPortlet .dijitTitlePaneContentInner {
	min-height: 150px;
}
.s2k-login .mainCol .detailField .label {
	line-height:normal;
	background:none;
	border:none;
}
.s2k-login .loginContent {
	margin: 15px;
}

/* Custom Login */

.loginPortlet .loginInstructions {
    list-style: none;
    padding: 0;
}
.loginPortlet .dijitTitlePaneTitle {
	display: none;
}
.loginPortlet .loginHeading, .customerLogin {
    font-size: 1.5em;
}
.loginPortlet .customerLogin {
	color: #224777;
}

.existingCustLogIn,
.newCustLogIn {
    text-align: center;
}
.existingCustLogIn p, 
.newCustLogIn p {
    height: 80px;
    line-height: 18px;
    margin: 0;
    padding: 10px;
}




@media only screen and (max-width: 800px) {
	.s2k-login .innerContainer {
		width: 75%;
		margin-top:50px;
	}
}
@media only screen and (max-width: 480px) {
	.s2k-login .innerContainer {
		width: auto;
		margin-top:0px;
	}
	.s2k-login .wpthemeLogo .logo {
		margin-top:8px;
	}
}