/* form style */ 
/* Formats Radio and Check boxes */

/*body input {
    font-size:13px;
}
body select {
    font-size:13px;
    height:26px;
    margin:0;
}*/


input[type=text], textarea {
    font-size: 0.8125 rem;
    height:24px;
    transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 4px;
    margin: 1px 0px;
    border: 1px solid #D6DADA;
    background-color: #FAFAFA; 
    }

input[type=text]:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    padding: 3px 0px 3px 4px;
    margin: 1px 0px;
    border: 1px solid rgba(81, 203, 238, 1);
    }

select {
    display: block;
    font-size: 0.8125 rem;
    line-height: 1.25; 
    font-family: inherit; 
	font-weight: inherit;
	color: #444;
    cursor: pointer;
	padding: 1px 26px 1px 4px;
	width: auto;
    height:26px;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fafafa;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right 7px top 50%, 0 0;
	background-size: 12px auto, 100%;
    outline: none;
   /* appearance: none;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background: url(/sb5images/admin/arrow_select.gif);     
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border: 1px solid #BBBBBB;
    border-radius: 4px; 
    margin: 0;
    padding: 0px 14px 1px 3px;
    height:26px;
    font-family: inherit; 
    line-height: inherit; 
    font-size: 0.8125 rem;
    font-weight: normal;
    vertical-align: middle;   */
    }

select:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
    }


.form-empty {
    font-color: #9fa7aa;
    font-style: italic;
}

.tbprint {
    display:block;
    height:28px;
    padding: 3px 4px 4px 4px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ifmt ul { 	
		list-style: none; 
		margin: 0; 
		padding: 0; 
		}
.ifmt li {   
		float: left; 
		margin-right:8px;
		}
.ifmt input[type=radio],
.ifmt input[type=checkbox] {
    display:none;
	}
.ifmt input[type=radio] + label,
.ifmt input[type=checkbox] + label,
.ifmt input[type=button],
.ifmt button {
    color: #4C5D61;
    min-width: 20px;
    min-height: 24px;
    padding: 4px;
    display:inline-block;
    margin-bottom: 0;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#e6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	border-radius:3px;
    background-image: linear-gradient(to bottom,#fff,#ededed);
    background-repeat: repeat-x;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	}
.ifmt input[type=radio]:checked + label,
.ifmt input[type=checkbox]:checked + label {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
	}

.ifmt-b input[type=radio]:checked + label,
.ifmt-b input[type=checkbox]:checked + label,
.ifmt-b input[type=button]:hover,
.ifmt-b button:hover {
    color: #000;
    background:#abdeff;
    background-color:#abdeff;
	}
.ifmt-g input[type=radio]:checked + label,
.ifmt-g input[type=checkbox]:checked + label,
.ifmt-g input[type=button]:hover,
.ifmt-g button:hover {
    color: #000;
    background:#d9e99a;
    background-color:#d9e99a;
	}
.ifmt-l input[type=radio]:checked + label,
.ifmt-l input[type=checkbox]:checked + label,
.ifmt-l input[type=button]:hover,
.ifmt-l button:hover {
    color: #000;
    background:#dff168;
    background-color:#dff168;
	}
.ifmt-o input[type=radio]:checked + label,
.ifmt-o input[type=checkbox]:checked + label,
.ifmt-o input[type=button]:hover,
.ifmt-o button:hover {
    color: #000;
    background:#abdeff;
    background-color:#ffc20e;
	}
.ifmt-m input[type=radio]:checked + label,
.ifmt-m input[type=checkbox]:checked + label,
.ifmt-m input[type=button]:hover,
.ifmt-m button:hover {
    color: #000;
    background:#D814CF;
    background-color:#D814CF;
	}
.ifmt-r input[type=radio]:checked + label,
.ifmt-r input[type=checkbox]:checked + label,
.ifmt-r input[type=button]:hover,
.ifmt-r button:hover {
    color: #000;
    background:#ed1a3b;
    background-color:#ed1a3b;
	}
.ifmt-y input[type=radio]:checked + label,
.ifmt-y input[type=checkbox]:checked + label,
.ifmt-y input[type=button]:hover,
.ifmt-y button:hover {
    color: #000;
    background:#ffff00;
    background-color:#ffff00;
	}

.radio input[type=radio] + label {
    margin-left:-8px; 
    padding: 3px 2px 5px 2px;
	width:19px;
}


.checkbox input[type=checkbox] + label {
    margin-left:-28px; 
    padding: 3px 2px 5px 2px;
	width:19px;
}

.checkship input[type=checkbox] + label {
    margin-left:-32px;
    padding: 3px 1px 5px 1px; 
	width:110px; 
	height:30px;
	vertical-align:middle;
}



/* Alters Ends of Button to make units */
.ibtn ul { 	
        list-style: none; 
        margin: 0; 
        padding: 0; 
        }
.ibtn li {   
        float: left; 
        margin: 0;
		padding: 0;
        }
		
.ibtn input[type=checkbox],
.ibtn input[type=radio] {
    display:none;
	}
.ibtn input[type=checkbox] + label,
.ibtn input[type=radio] + label,
.ibtn a,
.ibtn button {
    color:#666; 
    border:1px solid #3e4a57;
    font-weight:bold;
    background:#eaf7f4; 
    background:-moz-linear-gradient(top, #eaf7f4 0%, #d7e4f1 49.9%, #bfcfdf 50%, #adbac8 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf7f4), color-stop(49.9%, #d7e4f1), color-stop(50%, #bfcfdf), color-stop(100%, #adbac8)); 
    background:-webkit-linear-gradient(top, #eaf7f4 0%, #d7e4f1 49.9%, #bfcfdf 50%, #adbac8 100%); 
    background:-ms-linear-gradient(top, #eaf7f4 0%, #d7e4f1 49.9%, #bfcfdf 50%, #adbac8 100%); 
    background:linear-gradient(top, #eaf7f4 0%, #d7e4f1 49.9%, #bfcfdf 50%, #adbac8 100%);
    }
.ibtn input[type=checkbox]:checked + label, 
.ibtn input[type=radio]:checked + label   {
    color:#004467;
    border:1px solid #004467; 
    font-weight:bold;
    background:#d9ecf6; 
    background:-moz-linear-gradient(top, #d9ecf6 0%, #c0e1f3 49.9%, #abd5eb 50%, #75b5d6 100%); 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9ecf6), color-stop(49.9%, #c0e1f3), color-stop(50%, #abd5eb), color-stop(100%, #75b5d6)); 
    background:-webkit-linear-gradient(top, #d9ecf6 0%, #c0e1f3 49.9%, #abd5eb 50%, #75b5d6 100%); 
    background:-ms-linear-gradient(top, #d9ecf6 0%, #c0e1f3 49.9%, #abd5eb 50%, #75b5d6 100%); 
    background:linear-gradient(top, #d9ecf6 0%, #c0e1f3 49.9%, #abd5eb 50%, #75b5d6 100%);
    } 

.ibtn label {
	display:inline-block;
	text-align:center;
	}
	
/* Rounded Corners all Sides */	
.ibtna input[type=radio] + label,
.ibtna input[type=checkbox] + label {
    border-radius: 6px ;
	margin: 0 20px  0  0;
    padding: 4px 9px; 
	}
.ibtna a {
    border-radius: 6px; 
	margin-left: 0; 
    padding: 4px 9px; 
	text-align:left;
	overflow: hidden;
	display:inline-block;
	text-decoration: none;
	font-weight:normal;
    }
/* Rounded Corners right, lrfy and no sides */		
.ibtnr input[type=radio] + label,
.ibtnr input[type=checkbox] + label,
.ibtnr input[type=button] {
    border-radius: 0px 6px 6px 0px ;
	margin: 0 20px 0 -1px; 
    padding: 4px 9px 4px 5px; 
	}
.ibtnl input[type=radio] + label,
.ibtnl input[type=checkbox] + label {
    border-radius: 6px 0px 0px 6px ;
	margin: 0;
    padding: 4px 5px 4px 9px; 
	}
.ibtnn input[type=radio] + label,
.ibtnn input[type=checkbox] + label {
    border-radius: 0px;
	margin: 0 0 0 -1px;
    padding: 4px 5px; 
	}
.ibtnr input[type=button] {
    border-radius: 0px 6px 6px 0px ; 
	margin-left: 0 10px 4px 0px; 
    padding: 5px 9px 5px 5px; 
	text-align:left;
	overflow: hidden;
    }
.ibtnr a {
    border-radius: 0px 6px 6px 0px ; 
	margin-left: 0; 
    padding: 4px 9px 4px 5px; 
	text-align:left;
	overflow: hidden;
	display:inline-block;
	text-decoration: none;
	font-weight:normal;
    }
.ibtnr a:hover {
    text-decoration: none;
	color: #000;
    }


.form-indent{
	margin:0;
}
.form-indent input[type="text"],
.form-indent input[type="password"],
.form-indent textarea,
.form-indent select {
	padding: 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 2px solid #fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form-white input[type="password"],
.form-white input[type="text"],
.form-white textarea,
.form-white select {
    border: solid 2px #f0f0f0;
    border-radius: 6px;
    outline: none;
}
    
.password  input[type="password"],
.password  input[type="text"],
.password  textarea,
.password  select {
    padding: 10px;
    font-size: 14px;
}
.password i {
    margin-left: -50px;
    cursor: pointer;
}
.fa, .far, .fas {
    display: inline; 
}

.errorclass {
    color: maroon;  
    }
.errorclass input[type=text] {
    background-color: #FFD3EE;  
    }


/* START cf_sb5hide checkbox */
.remove_checkhide input[type="checkbox"] {
    display: none;
    }
        
.remove_checkhide input[type=checkbox] + label {
    margin: 0 1px;
    position: relative;
    display:block;
    height:30px;
    width: 30px;
    padding: 0;
    border-radius: 4px;
    -moz-box-shadow:    inset 0 0 4px #000000;
    -webkit-box-shadow: inset 0 0 4px #000000;
    box-shadow:         inset 0 0 4px #000000;
    }

/* Content Hidden (hide=on) */
.remove_checkhideon input[type=checkbox] + label {
    opacity: 100%;
    filter: grayscale(0);
    background: url('/sb4images/icons/icon_hide_off.png');
    }

.remove_checkhideon input[type=checkbox]:checked + label {
    opacity: 40%;
    filter: grayscale(100%);
    background: url('/sb4images/icons/icon_hide_on.png');
    }


/* Content Visible (hide=off) */
.remove_checkhideoff input[type=checkbox] + label {
    opacity: 100%;
    filter: grayscale(0);
    background: url('/sb4images/icons/icon_hide_off.png');
    }

.remove_checkhideoff input[type=checkbox]:checked + label {
    opacity: 40%;
    filter: grayscale(100%);
    background: url('/sb4images/icons/icon_hide_on.png');
    }
/* END cf_sb5hide checkbox */