

/*StartFile25.04.2017 09:32:32Htdocs/Styles/formpro.css*/

 
/* -------------------------------------------------------------- 
  
   IceCube2.Net CSS - formpro.css
   * Version:   4 (12.05.2014)
   
-------------------------------------------------------------- */

 

/* FormBuilder Pro
-------------------------------------------------------------- */
.BlocFormsPro legend.section-title span {
	font-family: inherit;
	font-size: inherit;
}
/*
.BlocFormsPro .textfield .field.Small input 	{ width:100px; }
.BlocFormsPro .textfield .field.Medium input,
.BlocFormsPro .textfield .field input			{ width:300px; }
.BlocFormsPro .textfield .field.Large input,
.BlocFormsPro .textarea .field textarea,
.BlocFormsPro .captchafield .field input, 
.BlocFormsPro .captchafield .field .image		{ width:450px; }

.BlocFormsPro .filefield .field input 			{ width:306px;height:21px; } /* = [MediumTextfieldSize] + 6px *
.BlocFormsPro .dropdownlist .field select 		{ width:306px; } /* = [MediumTextfieldSize] + 6px *
.BlocFormsPro .datefield .field input 			{ width:77px;padding-right:25px; } /* = [SmallTextfieldSize] - 23px *
*/

.BlocFormsPro .formfooter.onloading,
.BlocFormsPro .formpagetabs .formpagefooter.onloading { color:#333; background:#fff; }


.BlocFormsPro .compositefield { padding:0; margin:1em 0; }
.BlocFormsPro .compositefield > .label { padding-top:7px; }
.BlocFormsPro .compositefield .column { float:left; }
.BlocFormsPro .compositefield .field { width:367px; }
.BlocFormsPro .compositefield .formitem { margin:0; }
.BlocFormsPro .compositefield .column .formitem  .label { display:none; }
.BlocFormsPro .compositefield .column .formitem  .field { width:100%; }

.BlocFormsPro .compositefield .column .textfield .field input { margin-right:5px; }
.BlocFormsPro .compositefield .col50 .textfield .field input { width:142px; }
.BlocFormsPro .compositefield .col20 .textfield .field input { width:50px; }
.BlocFormsPro .compositefield .col80 .textfield .field input { width:234px; }

.BlocFormsPro .compositefield .last .datefield .field input { margin-left:5px; margin-right:0; }
.BlocFormsPro .compositefield .last .textfield .field input { margin-left:5px; margin-right:0; }

.BlocFormsPro .formpagefunction.formpageheader.onloading { visibility:hidden; }
 
.BlocFormsPro .onloading { position:static; }
.BlocFormsPro .onloading .modal-box {
	display: block; 
	width: 100%; 
	position: absolute; 
	top: 0px; 
	background:#fff; 
	padding:0; 
	left:0px; 
	height:100%;
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	filter:alpha(opacity=80);
}
.BlocFormsPro .onloading .modal-title { 
	display:block;
	position:absolute;
	text-align:center;
	top:50%;
	width:420px;
	font-size:1.2em;
	height:20px;
	left:50%;
	margin:-22px 0px 0px -210px;
	padding:12px 0px;
}
.BlocFormsPro .onloading .modal-title img {
	margin:-6px 4px -6px 0;
}


/* Aide contextuelle 
.BlocFormsPro .formitem .helpcontent {
	display:none;	
}
.BlocFormsPro .formitem .helplink {    
	display: block;
    height: 25px;
    position: absolute;
    right: 204px;
    top: 4px;
    width: 25px;	
}
.BlocFormsPro .formitem .helplink > a {
    background: url("/images/lib/forms/context_help_button.png") no-repeat 0 0;
    display: block;
    font-size: 0;
    height: 25px;
    line-height: 0;
    text-indent: -9999px;
    width: 25px;
}
.BlocFormsPro .formitem .helplink > a:hover { background-position:0 -25px; }
.BlocFormsPro .formitem .Small .helplink { right:404px; }
.BlocFormsPro .formitem.textarea .helplink,
.BlocFormsPro .formitem .Large .helplink { right:54px; } */


/* fix du 02.06.2014 */
@media (max-width: 1199px) { 
	.BlocFormsPro .compositefield .field {
		width:100%;
	}
}
.APIConnect p.label {
	width:auto;
	white-space: normal;
}

@media (max-width: 767px) { 

	.formpagestep {
		float: none;
		padding: 0;
	}
	fieldset.formsection {
		clear:both;
	}
	.BlocForms .formpageheader button.next, 
	.BlocForms .formpageheader button.prev, 
	.BlocForms .formpageheader button.formbtn {
		margin-top:0;
	}
}
@media (max-width: 480px) { 
	.BlocFormsPro .compositefield .field .column {
		width:100% !important;
		clear:both;
		float:none;
	}
}
.ui-datepicker .ui-datepicker-title select {
    margin: -2px 0 0 2px;
    padding: 0;
    height: 18px;
    line-height: 18px;
}

/*EndFile*/

