@CHARSET "ISO-8859-1";

body {
	margin-left: 10px;
	margin-right: 10px;
	background: #FCFCFC;
}
.login_header {
	background: url("") repeat-x scroll 0 0 transparent;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8; 
}

.footer_poweredby_logo {
	background: url("/javax.faces.resource/solartisPoweredLogo.png.xhtml?ln=images") no-repeat scroll 0 0 transparent;
	height: 25px;
	margin: 0;
}
.login_footer {
	background: url("") repeat-x scroll 0 0 transparent;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8; 
	border-bottom: 1px solid #D8D8D8;
}
.login_container_form {
	background-color: #f5f7fa;
	margin-top: 20%;
	margin-bottom: 20%;
	border: 1px solid #bacfe3;
	border-radius: 4px;
}
html, body {
	height: 100%;
}

.login_content {
	height: inherit;
}
.login_form {
	height: 81%;
	background: #FFFFFF;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8; 
}
.login_container_form_header {
	background: #ebf0f5;
	border-top: #bacfe3 solid 1px;
	border-bottom: #bacfe3 solid 1px;
}
.login_footer_label {
	color: #FFFFFF;
	font-weight: bold;
}
.font_content {
	font-size: 12px !important;
}
.font_header {
	font-size: 13px;
	color: #003263;
}
form {
	margin-top: 10px;	
}
@media (max-width: 767px) {
	.login_i8n {
		width: 100%;
	}
	#login_footer_version {
		float: left;
	}
}
.common_template_content_error {
	margin-bottom: 5px !important;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul, ol {
    margin: 5px !important;
}
.ERROR {
	color: red;
}

.ERROR_icon {
	background: url("/javax.faces.resource/ERROR.png.xhtml?ln=images") no-repeat scroll 0 0
		transparent;
	float: left;
	height: 12px;
	width: 12px;
}

.WARN {
	color: #F7AE0A;
}

.WARN_icon {
	background: url("/javax.faces.resource/WARN.png.xhtml?ln=images") no-repeat scroll 0 0
		transparent;
	float: left;
	height: 12px;
	width: 12px;
}

.INFO {
	color: #4F4F4F;
}

.INFO_icon {
	background: url("/javax.faces.resource/INFO.png.xhtml?ln=images") no-repeat scroll 0 0
		transparent;
	float: left;
	height: 12px;
	width: 12px;
}
.error_list {
	padding-left: 15px;
	padding-top: 0px;
}

.login_footer_serverlabel {
	opacity:0;
	filter:Alpha(opacity=0);
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.common_container_textbox {
	font-size: 12px !important;
	height: 16px !important;
	margin-bottom: 2px !important;
	padding: 2px !important;
}

.command_link{
	color: #428BCA !important;
}

.margin-left20{
	margin-left:20px !important;
}

.hyper-link-style , .hyper-link-style:hover{
	color: blue !important;
    text-decoration: underline !important;
}

.common_form_label_mandatory:BEFORE {
	content: '* ';
	color: #ff6633;
}

.margin_left_110px{
	margin-left: 110px !important;	
}

.command_link_style{
	color: #428BCA !important;
}

.command_link_style:hover{
	color: #428BCA !important;
    text-decoration: underline !important;
}

.required_error_message{
	color: red !important;	
}

.display_none{
	display:none !important;
}

@media only screen and (max-width: 480px){
.login_text_align_center{
	text-align:center !important;
}

.login_text_align_left{
	text-align:left !important;
}
.login_margin_left_2percent{
	margin-left:2% !important;
}
.login_margin_right_2percent{
	margin-right:2% !important;
}
.login_margin_top_9{
	margin-top:9px !important;
}
}
.text_align_center{
	text-align:center !important;
}

.bg-login{
  background: rgba(0, 0, 0, 0) linear-gradient(to left, #f2f2f2 0%, #f2f2f2 50%, #f2f2f2 50%, white 50%, white 100%) repeat scroll 0 0;
  border-top: 35px solid #3c90be;
  border-bottom: 35px solid #3c90be;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
}

@media only screen and (max-width: 770px) { 
	   .bg-login-s {
	  background: #fff;
	  border-left: 3px solid #3c90be;
	  border-right: 3px solid #3c90be;
	  border-top: 35px solid #3c90be;
	  border-bottom: 35px solid #3c90be;
	  margin-left: 2px;
	  margin-right: 2px;
	  text-align: center;
	  margin: 0 auto;
	  height: auto;
	  min-height: 100%;
	  }
	  .s-logo{
	  height: 80%;
	  }
		.table-style3 {
	    background-color: #ffffff;
	    border-top: 8px solid #3c90be;
	    height: 160px !important;
	    margin: 0 auto;
	    width: 270px !important;
		}
		.chiclogo {
	    width: 270px !important;
		}
		.login-midpanel {
		display: table;
		width: 100%;
		padding: -1% 0;
		margin: 10em 16.3em 10em 0;
		}
	  }
  @media only screen and (min-width: 700px) { 
  .chiclogo {
    width: 400px !important;
    margin-top: 35px;
}
.login-midpanel{
	
    display: table;
    width: 100%;
    padding: -1% 0;
    margin: 12.5em 16.3em 12.5em 0;
}
.table-style3{
	background-color: #ffffff;
    border-top: 8px solid #3c90be;
    height: 160px !important;
    margin: 0 auto;
    width: 330px !important;
}
}
.size {
    height: auto !important;
    min-height: 100% !important;
  }
.formstyle {
    margin-top: 0px !important;
}
.marginicon{
	height: 17px;
    margin-bottom: 8px;
    width: 17px;
}
.leftpadding{
	margin-left:9px !important;
}	  
.common_container_textbox_login {
	font-size: 10px !important;
	height: 20px !important;
	margin-bottom: 6px !important;
	padding: 2px !important;
	box-shadow: none !important;
	border: 1px solid #989898 !important;
	border-radius: 4px  !important;
    color: #333333 !important;
}
.box2{
	box-shadow:none;
	height:22px !important;
}
.common_width_250 {
    width: 250px;
    min-height: 22px !important;
}

.common_form_button_new {
    background-color: #3c90be !important;
    color: #ffffff;
    border-radius: 4px !important;
    font-size: 13px;
    cursor: pointer !important;
    height: 23px !important;
    width: 70px !important;
    margin-top: 10px;
    border: medium none;
    font-weight: bold;
}

.text{
	font-size: 11px !important;
}
.footer3 {
    color: #3c90be !important;
}


#errorContainer .ui-widget-content {
    border: none;
    
}

.loginvalidation{
    margin-left:-29px;
    font-size:10px !important;

    
    }


