.form-panel { border:solid 1px #ddd; border-radius:4px }
.form-panel * { box-sizing:border-box }
.form-panel .panel-head { padding:10px 15px; border-bottom:solid 1px #ddd; background:#f5f5f5 }
.form-panel .panel-head h1 { margin:0 }
.form-panel .panel-body { position:relative; padding:15px 15px 0 }
.form-panel .panel-body form { margin-bottom:15px }
.form-panel .input-group { margin-top:10px; line-height:20px }
.form-panel .input-group:first-of-type { margin-top:0 }
.form-panel .input-group:after { content:""; display:table; clear:both }
.form-panel .input-group fieldset { border:none }
.form-panel .label-box { width:30%; padding:5px 10px; float:left; text-align:right; font-weight:bold }
.form-panel .input-box { width:70%; padding:5px 10px; float:left }
.form-panel .label-box legend { width:100%; text-align:right } 
.form-panel .input-box .textbox { display:block; padding:5px 10px; border:solid 1px #ccc; background:#fff; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); border-radius:4px }
.form-panel .input-box .textbox.small { width:30% } 
.form-panel .input-box .textbox.medium { width:50% }
.form-panel .input-box .textbox.large { width:70% }
.form-panel .input-box .listoption { display:block; margin:2px 0 }
.form-panel .input-box .listoption input { display:inline-block; vertical-align:middle; margin-right:3px }  
.form-panel .input-box fieldset { border:none }
.form-panel .input-box textarea { min-height:75px }
.form-panel .input-box .date-picker { position:relative }
.form-panel .input-box .date-picker .textbox { display:inline-block; vertical-align:middle }
.form-panel .input-box .date-picker .picker { display:inline-block; vertical-align:middle; border:none; padding:0 5px; background:none; }	
.form-panel .input-box .date-picker .date-input { position:absolute; left:0; top:0; visibility:hidden }
.form-panel .input-box .err-label { display:block; margin-top:5px; color:#B30000 }
.form-panel .input-box .textbox.error { border-color:#e82c28 }
.form-panel .input-box .textbox.valid { border-color:#227724 } 
.form-panel .form-notation { margin-left:5px }
.form-panel .button:not(.btn) { display:inline-block; white-space:nowrap; border:1px solid #777; padding:10px; margin-right:5px; color:#333; font-weight:700; text-shadow:0 1px 0 rgba(255,255,255,.8); border-radius:5px; background-color:#ddd;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); 
    background-image:-webkit-linear-gradient(top, #eee, #ccc);
    background-image:-moz-linear-gradient(top, #eee, #ccc);
    background-image:-ms-linear-gradient(top, #eee, #ccc);
    background-image:-o-linear-gradient(top, #eee, #ccc);
    background-image:linear-gradient(top, #eee, #ccc);	
}
.form-panel .button:not(.btn):hover {
    background-color:#eee;        
    background-image:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image:-webkit-linear-gradient(top, #fafafa, #ddd);
    background-image:-moz-linear-gradient(top, #fafafa, #ddd);
    background-image:-ms-linear-gradient(top, #fafafa, #ddd);
    background-image:-o-linear-gradient(top, #fafafa, #ddd);
    background-image:linear-gradient(top, #fafafa, #ddd);
}
.form-panel .button:not(.btn):active { box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset }	
.form-panel .email-fields .input-box .textbox { display:inline-block; vertical-align:middle; margin-right:3px }	
.form-panel .email-fields .input-box .button { width:40px; padding:5px 10px }
.form-panel .fs_fields { display:none !important }	

.form-panel .notification { display:none; margin-bottom:15px; padding:10px }
.form-panel .notification.show { display:block }
.form-panel .notification strong { display:block; margin-top:10px }
.form-panel .notification strong:first-of-type { margin-top:0 }  
.form-panel .notification.error { color:#B30000; background:#FAE5E4 }
.form-panel .notification.alert { color:#000; background:#DAEDF7 } 

@media only screen and (max-width:767px) {
	.form-panel .panel-body { margin:0; padding:30px 5px 5px }
	.form-panel .input-group { margin-top:5px }		
	.form-panel .panel-body .input-box .textbox { width:100% }
	.form-panel .panel-body .label-box { float:none; width:100%; padding:5px 5px 0; text-align:left }
	.form-panel .panel-body .input-box { float:none; width:100%; padding:5px }	
	.form-panel .panel-body .date-picker .picker { position:absolute; right:5px; top:5px }		
}