/*================   ESTILOS DE LAS FORMAS   =================*/

*{ outline:none;}

.ccms_form_element p, #preview-panel p { margin-bottom: 9px;}
.ccms_form_element input, .ccms_form_element  textarea, .ccms_form_element  input[type="file"]  , 
#preview-panel input, #preview-panel  textarea, #preview-panel  input[type="file"]
{
	padding: 4px !important;  border: 1px solid #d3d3d3; margin-bottom: 3px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	min-width:150px;
}
.ccms_form_element select, #preview-panel select { 
	padding: 3px; border: 1px solid #d3d3d3; min-width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.ccms_form_element select:focus,.ccms_form_element input:focus,.ccms_form_element textarea:focus, #preview-panel select:focus,#preview-panel input:focus,#preview-panel textarea:focus{ 
	 border: 1px solid #000; 
	
}
/*.ccms_form_element select { min-width: 163px; }*/
.ccms_form_element label, #preview-panel label { float: left; width: 150px; line-height: 18px; margin: 3px 0 6px ; font-weight: bold !important; padding:5px; text-align:left; padding-top:0px;}
.ccms_form_element fieldset, #preview-panel fieldset  {
background-color:#FAFAFA;
border:1px solid #EEEEEE;
padding:15px;
width:auto; }
.ccms_form_element fieldset legend , #preview-panel fieldset legend {font-weight:bold; margin-left:-10px; padding:10px; }

.ccms_form_element { margin-bottom: 20px; position: relative; padding: 1px 0px 1px 5px; /*border-bottom: 1px solid #dddddd;*/ clear: both;}

.cfdiv_select select,
/*.cfdiv_text input, .cfdiv_text label { float: left; }*/
.cfdiv_text label, #preview-panel select, #preview-panel label { width: 150px; }


.small-message, .error-message { line-height: 18px; margin: 4px 0 0 155px; font-size: 11px; display: block; clear: both;}
.small-message { color: #999999; font-style: italic; }
.error-message { color: red;}
.required input { border-color: #cccccc; background-color: #f9f9f9;}
.form-error { background-color: #fff4f4; border: 1px solid #ffd4d4;}


.tooltipimg { position: absolute; top: 5px; right: 10px; line-height: 21px;  color: #999999; }
.tooltipimg a {display: inline-block; font-weight: bold; color: #999999; line-height: 21px; height: 20px; background-color: #eeeeee; width: 20px; text-align: center;}
.tooltipimg a:hover { color: white; text-decoration: none;}


.cfdiv_checkboxgroup label, .cfdiv_radiogroup label, 
.cfdiv_checkbox label, .cfdiv_radio label { font-weight: normal; /*margin-bottom: 5px;*/margin: 6px 0 9px; }
.full_label {width: 70% !important;}
.cfdiv_checkboxgroup label:first-child, .cfdiv_radiogroup label:first-child, 
.cfdiv_checkbox label:first-child , 
.cfdiv_radio label:first-child, 
.cfdiv_checkbox label:first-child,
.cfdiv_checkboxgroup label:first-child { font-weight: bold !important; margin-bottom: 9px;}

.ccms_form_element .button, #preview-panel .button { 
	background-color: #37a8f0; 
	border: 0;
	padding: 5px 7px;
	font-size: 11px; 
	color: white;
	text-decoration: none; 
} 
  
.ccms_form_element .button:hover,.ccms_form_element .button:focus, #preview-panel .button:hover,#preview-panel .button:focus {
	background-color: #999999; 
 	text-decoration: none;
 	}


/* input sizes */
.small_input { width: 200px !important;}
.medium_input { width: 350px !important; }
.big_input, .title_input { width:475px !important; }
.title_input { padding: 8px 5px; font-size: 18px; margin-bottom: 15px; float: left !important;}


/* input types */
.ccms_form_element input[type="checkbox"], 
/*.ccms_form_element input[type="radio"] { border-color: transparent; margin: 8px 9px 0 0; clear: none; }*/
.ccms_form_element input[type="radio"] , 
#preview-panel input[type="checkbox"] , #preview-panel input[type="radio"] { padding: 0 0 0 0 !important; background-color: transparent; border-color: transparent; margin: 10px 10px 10px 10px; clear: none; }

/* fixes for radio and checkboxes*/
.cfdiv_checkboxgroup label, .cfdiv_radio label { width: auto; margin-right: 25px;  }
.cfdiv_checkboxgroup label:first-child, .cfdiv_radio label:first-child { width: 150px; margin-right: 0;}
.cfdiv_checkboxgroup label, .cfdiv_radio label,
.cfdiv_checkboxgroup input, .cfdiv_radio input { float: left; }

.label_right{float: left; margin-left: 150px !important;}


.label_over label:first-child { float: none !important;  }
.label_over label:first-child { display: block; width:95% !important; }
.label_over .small-message, .label_over .error-message {  margin-left: 0;}

.radios_over label, .radios_over input {
    float: left !important;
}
.radios_over input {
    clear: left !important;
}

/* other fixes */
.fc-tbx{
	z-index:9999;
}
.validation_label{
	display:block;
	width:100%;
}
.chrono_captcha_input{
	vertical-align:top;
}

/*.clear{
	clear:both;
	visibility:hidden;
}*/

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.multiline_start{
	clear:none !important;
	float: left !important;
        margin-right: 10px !important;
		 max-width:470px  !important;
 
}
.multiline_add{
	clear:none !important;
	float: left !important;
        margin-right: 10px !important;
		 max-width:470px  !important;
}
.ccms_form_element input[type="text"], .ccms_form_element  input[type="password"],
#preview-panel input[type="text"] , #preview-panel input[type="password"]
{
	width:300px !important;
	height:32px !important;
}
.ccms_form_element  select, #preview-panel select
{
	margin:0px !important;	 
	width:310px !important;
	min-height:30px !important;
}
#preview-panel select
{
  height:auto !important;
}
.ccms_form_element  textarea, #preview-panel textarea
{
	width:95% !important;
	height:100px !important;
}
.ccms_form_element input[type="text"], .ccms_form_element  input[type="password"], .ccms_form_element  select, .ccms_form_element  textarea,
#preview-panel  input[type="text"], #preview-panel  input[type="password"], #preview-panel  select, #preview-panel  textarea
{
	font-size:16px !important;
}
.ccms_form_element input[type="button"], .ccms_form_element  input[type="submit"], .ccms_form_element  input[type="reset"],
#preview-panel input[type="button"], #preview-panel  input[type="submit"], #preview-panel  input[type="reset"]
{
	font-size:16px !important;
	cursor:pointer;
	color:#1F1F1F;
	border:#1F1F1F solid 1px;
	background-color:transparent;
        margin-right:10px;
        margin-top:10px;
}
.ccms_form_element input[type="checkbox"], .ccms_form_element  input[type="radio"] , 
#preview-panel input[type="checkbox"], #preview-panel  input[type="radio"]
{
	padding: 4px !important;  border: 1px solid #d3d3d3; margin-bottom: 3px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	
}
.ccms_form_element input[type="button"]:hover, .ccms_form_element  input[type="submit"]:hover, .ccms_form_element  input[type="reset"]:hover,
#preview-panel input[type="button"]:hover, #preview-panel input[type="submit"]:hover, #preview-panel input[type="reset"]:hover,
.ccms_form_element input[type="button"]:focus, .ccms_form_element  input[type="submit"]:focus, .ccms_form_element  input[type="reset"]:focus,
#preview-panel input[type="button"]:focus, #preview-panel input[type="submit"]:focus, #preview-panel input[type="reset"]:focus
{
	font-size:16px !important;
	cursor:pointer;
	color:#008080;
	border:#008080 solid 1px;
}
.formasonlineform
{
	border: none !important;	
}
.formasonlinemessage
{
	border: 1px solid #7f7f7f; 
	background-color: #caff95; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	height: auto; 
	padding: 5px; 
	width: auto; 
	text-align: center;	
}
.fileinput
{
	visibility:hidden; height:1px !important; overflow:hidden; max-height:1px !important; margin-top:-15px; position:relative;
	max-width:200px !important;	
}
.formasonlinelist input, textarea, input[type="file"]  
{
	padding: 4px !important;  border: 1px solid #d3d3d3; margin-bottom: 3px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	min-width:150px;
}
.formasonlinelist input[type="button"], .formasonlinelist  input[type="submit"], .formasonlinelist  input[type="reset"]
{
	font-size:16px !important;
	cursor:pointer;
	color:#1F1F1F;
	border:#1F1F1F solid 1px;
	background-color:transparent;
        margin-right:10px;
        margin-top:10px;

}
.formasonlinelist input[type="button"]:hover, .formasonlinelist  input[type="submit"]:hover, .formasonlinelist  input[type="reset"]:hover
{
	font-size:16px !important;
	cursor:pointer;
	color:#008080;
	border:#008080 solid 1px;
}
.formasonlinelist table td, .formasonlinelist table th
{
 padding-left:5px !important;
 padding-right:0px !important;
 padding-bottom:0px !important;
 padding-top:0px !important;
 font-size:14px !important;
 text-align:left;
}

.formasonlinelist table
{
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 border:#008080  solid 1px;
 margin-top:10px; 

}
.formasonlinelist table th
{
 background-color:#CCFFFF !important;
}
.ccms_form_element .filelink,
#preview-panel .filelink
{
  cursor:pointer;
  
}
.formasonlinelist th a
{
	text-align:left !important;	
	text-decoration:none !important;
    font-size:14px !important;
	padding:0px !important;
}
.formasonlineform
{
	width:100% !important;
	min-width:300px !important;
}
.list-footer
{
	text-align:center !important;	
}
.list-footer ul li
{
	margin-left:10px;
	list-style:none;
	background-image:none !important ;
}
.list-footer ul li a
{
	background-image:none !important;
} 
.multiple
{
	min-height:100px !important;	
}
.multiple2
{
	min-height:100px !important;	
	min-width:500px !important;	
	max-width:500px !important;	
}

.multiple3
{
	min-height:200px !important;	
	min-width:500px !important;	
	max-width:500px !important;	
}
.row_0 .cell, .row_1 .cell
{
 border-bottom:solid 1px #666 !important;	
}
.formasonlinelist table td
{
	padding:0px !important;
	font-size:12px !important;
} 
.formasonlinelist table th a
{
	font-size:12px !important;
} 
.formasonlinelist table th
{
	padding:2px !important;
	font-size:12px !important;
} 
.consecutivo
{
 font-size:20px;
 color:#000;
 line-height:22px;
}
.ccms_form_element input[type="checkbox"],
#preview-panel input[type="checkbox"]
{

  width:25px !important;
  padding: 0px !important;
  margin:0px !important;
  max-width:25px !important;
  border:none !important;
  text-align:left !important;
  background-position:left center !important;
}
select.multiple4
{
	min-height:50px !important;	
	min-width:310px !important;	
	max-width:310px !important;
	font-size:11px !important;	
}
.panel h3
{
	height:50px !important;	
}
.panel h3 span
{
	height:40px !important;
	color:#6C6C6C;
	font-family:Arial !important;
	background-color:#E6E6E6 !important;
	padding:5px !important;
	margin-bottom:10px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	border:#424242 solid 1px;
	font-size:12px !important;
}
.panel h3 span:hover
{
	height:40px !important;
	color:#000;
	font-family:Arial !important;
	font-size:12px !important;
}