/* NOT USED IN LOGIN.PHP, CHECK session/css/style instead */

/*
 * Component: modal
 * ----------------
 */
 /* Mobile View */
@media screen and (max-width: 550px){
	.hidecol{
		display: none;
	}
}

.variable-length,.var-length,.vlength{display:inline;width:auto;}

.fixed-length70{
margin:0 auto;
width:70px;
float:none !important;
}
.var-length30{
display:inline;
width:30%;
}
.var-length50{
display:inline;
width:50%;
}
.var-length75{
display:inline;
width:75%;
}
.var-width,.variable-width{
display:inline;
width:auto;
}

#emsforms .fhint,.fhint,.rhint,.ghint{
color:grey;
font-style:italic;
font-size:80%;
}
.rhint{color:red;}
.ghint{color:green;}

.centered{text-align:center;}

.righted{text-align:right;}

.middled{vertical-align:middle;}

.small-width{
width:10px;
background:gray;
}

.noticemegood{
color:green;
font-weight: bold;
}
.noticemebad{
color:red;
font-weight: bold;
}
.tabular{
display:tabular;
width:150px;
}

.fields{margin-top:1em;}
.mfield{
padding:1.5em !important;
margin-bottom:2em !important;
}
button.mfield,a.mfield,select.mfield{
padding:0.8em !important;
margin:0em 0em 1em 0em !important;
}
select.mfield{
padding:0.9em !important;
}


.fullwidth{width:100%;}

.width50{width:49%;}

.width70{width:69%;}

.width30{width:29%;}

.width25{width:25%;}

.fullheight{width:100%;}

.btn-inactive{
background-color:gray;
color:white;
}

.bold{font-weight: bold;}

.bigtext16{
font-size:16px;
font-weight:bold;
}
.bigtext18{
font-size:18px;
font-weight:bold;
}
.bigtext20{
font-size:20px;
font-weight:bold;
}
.silver{color:silver;}

.red{color:red !important;}
.green{color:green;}
.black{color:#000;}
.blue{color:blue;}
.orange{color:orange;}
.gray, .grey{color:gray;}
.white{color:white;}

.bordered{border:1px solid silver;}
.borderedblue{border:1px solid #61A9DB;}
.borderedred{border:1px solid red;}


.nobreak, .nowrap, .no-break{white-space:nowrap;}

.print-table td,.print-table th{border:1px solid silver;}
.print-table td{padding:4px 0;}
.print-table th{font-size:75%;}
.print-table{width:100%;}

.smaller,.text-smaller,.smalltext,.small-text{font-size:70%;}
.text-90{font-size:90%;}
.text-80{font-size:80%;}
.text-70{font-size:70%;}
.text-60{font-size:60%;}
.text-50{font-size:50%;}
.text-40{font-size:40%;}
.text-30{font-size:30%;}

.result_underlines{	border-bottom:1px solid #007EDF;}

.tinypic{
	width:40px; height:40px; 
	border-radius:4px;
	cursor:pointer;
	box-shadow:0px 1px 1px 1px rgba(0,0,0,0.6);
	transition: all 0.3s ease-in-out;
	}
.tinypic:hover{width:200px; height:200px;}

.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#f74d4d;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}

.margintop{margin-top:1em;}
.margintop2{margin-top:2em;}
.margintop3{margin-top:3em;}

.marginbottom{margin-bottom:1em;}

.padding{padding:1em;}

.padding2{padding:2em;}

.padding3{padding:3em;}

.paddingtop{padding-top:1em;}
.paddingtop2{padding-top:2em;}
.paddingbottom{padding-bottom:1em;}
.paddingbottom2{padding-bottom:2em;}
.paddingleft{padding-left:1em;}

.no-padding{padding:0px;}

.dashed-bottom{border-bottom: 1px dashed black;}

.dotted-bottom{border-bottom: 2px dotted black;}

.btn{border-radius:0px;}

.capital,.uppercase{
	text-transform:uppercase;
}


.zoomtext:hover{
	font-size:120%;
}


.middle{
	vertical-align:middle !important;
}

.spacer{margin-top:1em; margin-bottom:1em;}
.spacer2{margin-top:2em; margin-bottom:2em;}

.pagebreak{
break-inside:avoid
}

.post-image img{
	width:90% !important;
}

.pt-20{
	padding-top:2em;
}
.pb-20{
	padding-bottom:2em;
}