/******************************************************************/
/* 			CSS for the popup sign in - once needed 			  */
/* 			Now changed to be a jsf dialog box       			  */
/******************************************************************/
.signinDialog, .signinDialog .ui-widget-content, .signinDialog .ui-dialog-titlebar, .signinDialog #login_form, .signinDialog .ui-panel-footer {background:#234fa7;}
.signinDialog .ui-dialog-titlebar {margin: 0;}
.signinDialog .ui-widget-content, .signinDialog .ui-widget-content {color:#FFF;}
.signinDialog .ui-widget-content a {color:#FF8C00;}

#login_form input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background:#fff;}
#login_form\:login_button .ui-button-text {color:#000;}
input.btn-signin,
#submit input,
button.btn-signin,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.btn-signin {
    padding: .1em 1.1em;
    border: 2px solid #e39405;
    border-radius: 6px;
    background: #feb64f;
    color: #003366;
    text-shadow: 1px 1px 2px #bbbcc6;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-right: 0;
    font-weight: normal;
}
button.btn-signin .ui-button-text {
	padding: 0px 0px 0px 0px;
}
.img-container {text-align: center; margin: 1em 0; position: relative;} /* If I change the dialogbox image to mine */
.register {display:block;padding-bottom:.5em;}
.login-box-content {width: 90%;}
.signinDialog .login-box-content {padding:0 1em; border-radius:10px; font-size:12px;}
.login-box-content input[type=text],
.login-box-content input[type=password] {
    width: 100%;
    padding: .5em;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#loginContainer\:login_form\:loginFooter, #loginPageContainer\:login_form\:loginFooter {margin-top:.8em; font-size:97%;}
#loginContainer\:login_form\:loginFooter_footer, #loginPageContainer\:login_form\:loginFooter {padding-left:.3em;}

/* Set a style for button */
#loginPageContainer\:login_form\:login_button, #loginContainer\:login_form\:login_button {color: #000; cursor: pointer;}
#loginPageContainer\:login_form\:login_button:hover, #loginContainer\:login_form\:login_button:hover {box-shadow:none;}

/* dialog header (if any) and close image style */
.header #loginPageContainer\:signInMain .ui-icon {background:url('../resources/images/close.png') no-repeat 50%;}
.header #loginPageContainer\:signInMain .ui-icon:hover {background:url('../resources/images/close_red.png') no-repeat 50%;}
#loginContainer\:logInMain_title, #loginPageContainer\:signInMain_title {color:#fff;font-weight:normal;text-shadow:none;}
#loginContainer\:logInMain_title{margin-top:1.2em;padding-bottom:.3em;margin-left:23px;}
.signinDialog #loginPageContainer\:signInMain_title {margin:1.3em 12px .5em 20px;}

#loginPageContainer\:login_form\:errmsg .ui-messages-error-icon {display:none;}
.header #loginPageContainer\:login_form\:errmsg .ui-messages-error ul {margin:0 7px;}
.header #loginPageContainer\:login_form\:errmsg .ui-messages-error .ui-messages-error-summary {margin-left:0px; font-size:12px;}
.header #loginPageContainer\:signInMain #loginPageContainer\:login_form\:errmsg .ui-icon {
    background-image: url(/kheslcservicing/javax.faces.resource/images/ui-icons_898989_256x240.png.faces?ln=primefaces-aristo);
	background-position:-96px -128px;
	margin-top:-2px;}
	
@media screen and (max-width:37.5em){
	#header_blue_bar input#logout_btn {margin-top:6px;}
}