.cff-custom-table input{margin-left:5px; margin-right:5px;}
.form-builder{font-size:11px;width:100%;min-width:780px;}
.clearer{clear:both;}
.column{float:left;}
.columnr{float:right;}
.ctrlsColumn{width:380px;z-index:9999;}
.ctrlsColumn.expanded{min-width:380px;width:75%;position:absolute;}
.ctrlsColumn .expand-shrink{float:right;margin:8px 5px 0px 0px;cursor:pointer;}
.dashboardColumn{ width:calc(100% - 400px); }
.width50{width:48%}
.width20{width:24%}
.width40{width:40%}
.width30{width:30%}
.padding10{padding:10px;}
.button, .form-builder .button{float:left;margin:5px 15px;}
.button.n span{color:#AED0EA}
#tabs{height:650px;width:100%;overflow-y:auto;}
#fbuilder{height:640px;overflow:auto;position:relative;}
#fbuilder .fields{border:1px solid transparent;padding:3px 10px 14px 10px;margin:5px 0px;display:block;position:relative;}
#fbuilder .fields .arrow{position:absolute;left:-15px;top:20px;display:none;}

#fbuilder .fields .collapse,
#fbuilder .fields .uncollapse,
#fbuilder .fields .remove,
#fbuilder .fields .copy{position:absolute;bottom:0;display:none;background-color:#fff;cursor:pointer;right:0;}

#fbuilder .fields .collapse{right:40px;}
#fbuilder .fields .uncollapse{right:40px;}
#fbuilder .fields .copy{right:20px;}

#fbuilder legend{ border:1px solid rgba(222,222,222,.75); background:#FFF; margin-left:5px; padding: 0 5px; }
#fbuilder .fcontainer{ border:1px solid rgba(222,222,222,.75);min-height:67px;}
#fbuilder .fieldscontainer{min-height:67px;}
#fbuilder .fhtml {border:1px dashed rgba(222,222,222,.75);min-height:16px;}

.groupBox,
.dependenciesBox,
.choicesSet{border:1px dashed #888;margin:10px 0px;padding:5px}
.choicesSet .t,
.choicesEdit input[type=text]{width:calc( 50% - 45px );-webkit-width:calc( 50% - 45px );-moz-width:calc( 50% - 45px );width:-o-calc( 50% - 45px );}
.choicesEdit,.choicesEditDep{position:relative;}
.choicesEditDep span{display:inline-block;}
.choicesSet .t{float:left;}
.choicesSet .t:first-child{margin-left:18px;}
.addComplexRule{cursor:pointer;}
.cf_dependence_rule{width:calc( 100% - 100px );width:-webkit-calc( 100% - 100px );width:-moz-calc( 100% - 100px );width:-o-calc( 100% - 100px );}

.choice-ctrls{float:right;margin-top:5px;}
.choice-ctrls *{float:left;cursor:pointer;}

.calc_dependent{width:150px;}
.choicesEditDep select{width:calc( 100% - 164px );-webkit-width:calc( 100% - 164px );width:-moz-calc( 100% - 164px );width:-o-calc( 100% - 164px );}
.addDep,
.ui-widget-content .choice_addDep.ui-icon {background-image: url(cupertino/images/ui-icons_2e83ff_256x240.png); }
.removeDep,
.ui-widget-content .choice_removeDep.ui-icon {background-image: url(cupertino/images/ui-icons_2e83ff_256x240.png); }
.cf_dependence_field{width:calc( 100% - 150px );-moz-calc( 100% - 150px );-webkit-calc( 100% - 150px );-o-calc( 100% - 150px );}
.showHideDependencies,.dep{float:right}
.cf_dependence_operator,.cf_dependence_value{width:calc( 50% - 50px );width:-webkit-calc( 50% - 50px );width:-moz-calc( 50% - 50px );width:-o-calc( 50% - 50px );}
.showHideDependencies,.dep{float:right}

.choicesSet.hide {display:block !important;visibility: visible !important;}
.choicesSet.hide .choicesEditDep{display:none}
.choicesSet.show .choicesEditDep{display:block}
a.helpfbuilder.dep{font-size:100%;padding-left:10px}
input [disabled] {background-color: #f00;}
input [readonly] {background-color: #f00;}
#fbuilder .fields.ui-selected{background-color:#DFEFFF;border:1px solid #C2D7EF}
#fbuilder .fields.ui-selected .arrow,#fbuilder .fields.ui-selected>.remove,#fbuilder .fields.ui-selected>.copy,#fbuilder .fields.ui-selected>.collapse,#fbuilder .fields.ui-selected.collapsed>.uncollapse{display:inline}
#fbuilder .fields.collapsed>.dfield>.fcontainer{border-color: rgba(255,201,38,.75);}
#fbuilder .collapsed-label{padding:10px;}
#fbuilder .fields:not(.collapsed)>.dfield>.fcontainer>.collapsed-label{display:none;}
#fbuilder .fields.collapsed>.dfield>.fcontainer>.collapsed-label{display:block;}
#fbuilder .fields.collapsed>.dfield>.fcontainer>.fieldscontainer{display:none;}
#fbuilder .fields.fmark,
#fbuilder .fields.ui-over{border:1px dashed #888;}

#fbuilder .fform{border:1px solid transparent;padding:10px;margin:5px 0px;display:block;position:relative}
#fbuilder .fform .arrow{position:absolute;left:-15px;top:20px;display:none}
#fbuilder .fform.ui-selected{background-color:#E7FFCF;border:1px solid #C2EF95}
#fbuilder .fform.ui-selected .arrow{display:inline}
#fbuilder .fform.ui-over{border:1px dashed #888;}
#fbuilder .fform h1,
#fbuilder .fform h2{margin:5px 0px;padding:0px;}
input.disabled {background: #fff;color: #888;cursor: default;}
label1{display:inline}
input.small, select.small, textarea.small, .small{width:25%}
input.medium, select.medium, textarea.medium, .medium{width:50%}
input.large, select.large, textarea.large, .large{width:100%;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
textarea {resize: none}
.form-builder .ctrlsColumn textarea{resize:vertical;}
.one_column{}
.two_column{float:left;width:48%}
.three_column{float:left;width:30%}
.side_by_side{float:left;}
.top_aligned .fields label{}
.top_aligned .fields .dfield{}
.left_aligned .fields label{float:left;width:31%}
.left_aligned .fields .dfield{float:left;width:65%;}
.right_aligned .fields label{float:left;width:31%;text-align:right;padding:3px 3px 0px 0px}
.right_aligned .fields .dfield{float:left;width:65%}
#tabs  span.uh,
#fbuilder span.uh{display:block;font-size:80%;clear:both}
#fbuilder .section_break{border-top:1px dotted #555;clear:both}

#fbuilder .uh_phone{float:left;margin:0px 5px;font-size:80%;text-align:center;position: relative;}
#fbuilder .uh_phone input{text-align:center;font-size:100%;}
#fbuilder .uh_phone div.cpefb_error{display:block;white-space:nowrap;width:400px}

.eq_btn{min-width:45px;}
.form-builder #sFieldList,
.form-builder #sToolbarList{width: calc( 100% - 50px );width: -webkit-calc( 100% - 50px );width: -moz-calc( 100% - 50px );width: -o-calc( 100% - 50x );}
#fCalculated{
    background: url("cupertino/images/ui-bg_glass_80_eebd4d_1x400.png") repeat-x scroll 50% 50% #EEBD4D;
    border: 1px solid #D0771D;
    color: #643F0D;
    font-weight: bold;
}
a.helpfbuilder{font-size:80%;text-decoration:underline;color:#00f;cursor:pointer;}
.working_dates input[type='checkbox']{width:8%}
.form-builder .ui-button-text {
    display: block !important;
}

.form-builder-error-messages .error-text{ color: #FF0000; border: 1px solid #FF0000; margin-bottom: 10px; padding:5px; }
.form-builder #tabs label{ font-size:12px !important; }

.ui-state-highlight { height: 65px; line-height: 65px; }

@media only screen and (max-width: 640px){
	.cff-custom-table,
	.cff-custom-table thead,
	.cff-custom-table tbody,
	.cff-custom-table th,
	.cff-custom-table td,
	.cff-custom-table tr{display: block !important;text-align:center !important;}
	.cff-custom-table thead tr {position: absolute !important;top: -9999px !important;left: -9999px !important;}
	.cff-custom-table tr {border-bottom: 1px solid #ccc !important;}
	.cff-custom-table tr:last-child {border-bottom: 0px !important;}
	.cff-custom-table td {border-bottom: none !important;position: relative !important;}
	.cff-custom-table input[type="text"]{margin:0 !important; width:100% !important;display:block !important;}
 	.cff-forms-list td:nth-of-type(1):before { content: "Id: " !important;}
 	.cff-events-list td:nth-of-type(2):before { content: "Id: " !important;}

	.cff_form_builder .postbox select,
	.cff_form_builder .postbox textarea,
	.cff_form_builder .postbox input,
	.cff_form_builder .postbox table,
	.cff_form_builder .postbox table tr,
	.cff_form_builder .postbox table th,
	.cff_form_builder .postbox table td{display:block;width:100% !important;padding:0 !important;}
	.cff_form_builder nobr{white-space:normal !important;}
	.form-builder{min-width: auto;background:#FFF !important;}
	.form-builder #tabs{width:auto;}
	.form-builder .expand-shrink{display:none;}
	.dashboardColumn,
	.ctrlsColumn{width:100% !important;position:relative !important;}
	.form-builder .button{margin:0; padding:0;width:50%;}
	#fbuilder{margin-top:10px;padding:0;}
}
@media only screen and (max-width: 480px){
	.cff-custom-table input[type="button"]{margin:0 !important; width:100% !important;display:block !important;}
}