/* hc form styles */


.plato.form-container .field label.label {
	float: left;
	margin-left: 30px;
	margin-right: 2%;
	width: 30%;
	color: #999;
}

.plato.form-container .field label.required {
	color: #333;
	font-weight: bold;
}

.plato.form-container .f_text,
.plato.form-container .f_select,
.plato.form-container .f_textarea {
	width: 100%;
}

.plato.form-container .field label.checkbox,
.plato.form-container .field label.radio {
	margin-right: 2%;
	white-space: nowrap;
}


.plato.form-container .field .f_checkbox,
.plato.form-container .field .f_radio {
	width: auto;
	margin-right: 4px;
}


.plato.form-container input[type=button],
.plato.form-container input[type=select] {
	width: auto;
}


.plato.form-container .field label {
	display: block;
}

.plato.form-container .hc-invalid.text input,
.plato.form-container .hc-invalid select,
.plato.form-container .hc-invalid.radio inputs,
.plato.form-container .hc-invalid.checkbox inputs,
.plato.form-container .hc-invalid textarea {
	background-color:#FFB5B5;
}

.plato.form-container .hc-noval .hc-invalid:before,
.plato.form-container .hc-noval .hc-valid:before {
	visibility:hidden;
}

.plato.form-container .stepline {width:100%; font-size: 12px;}
.plato.form-container .stepline > span {position:relative; display:inline-block; vertical-align:top; text-align:center;}

.ui-widget {
	font-size: 0.8em;
}

.plato.form-container .form-step {
	display:none;
}

.plato.form-container .form-step.step1 {
	display:block;
}

.plato.form-container .accordion_header {
	width: 100%;
	margin: 0;
	background: #555;
	cursor: pointer;
	clear: both;
}

.plato.form-container .accordion_header .detail {
    padding: 5px 15px 15px 15px;
    color: white;
	text-shadow: 1px 1px black;
    font-size: 24px;
}

.plato.form-container .accordion_header .percent {
	position: relative;
	float: right;
}

.plato.form-container .accordion_header .progress_bar {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 16px;
	background: black;
	z-index: 2;
}

.plato.form-container .accordion {
	padding: 15px 15px 30px 15px;
	background: #eee;
}

.plato.form-container div.accordion {
	/* display:none; */
}

.plato.form-container {
	position: relative;
}

/* TOOLTIPS */

.plato.form-container .tooltip_templates {
	display:none;
}

.plato.form-container ._tooltip {
	float: left;
	display: block;
	margin-left: 5px;
	padding: 0 8px;
	background: #888;
	color: white;
	border-radius: 50%;
}

.plato.form-container ._tooltip:before {
	content: "?";
}

.plato.form-container .button_deletefieldgroup {
	display: none;
}

.plato.form-container .tooltipster-box {
	max-width: 250px;
}

.header_handle_top,
.header_handle_bot {
	width: 1px;
	height: 1px;
	background-color:red;
}

.accordion_header {
	white-space: nowrap;
}

.hc-val-msg {
	position:relative;
	font-size: 18px;
	color: red;
	width: 100%;
	margin: 15px 0 15px 0;
	margin-left: auto ;
	margin-right: auto ;
    background: rgba(255,255,255,0.7);
    padding: 10px;
}

.hc-val-msg .hc-invalid {
	margin-left: 10px;
	position:absolute;
	top: -3px;
}

.step .hc-val-msg .hc-invalid {
	top: 8px;
}

.hc-form-spinner {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	z-index: 5000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: bold;
	text-align: center;
	background:#000 url(../image/ajax-loader-dark.gif) center center no-repeat;
	
}

.fix_stack_top,
.fix_stack_bot {
	position: relative;
	width: 100%;
}

.loadinggif {
   background: url(../image/ajax-loader.gif) no-repeat right center;
}