.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); }
.width100{width:100%}
.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:before {content: attr(title); background-color:#FFF1A0;border:1px solid #F9DD34; padding:0 5px; margin:0 5px 5px 0; display:inline-block}

#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;padding:10px 5px;}
#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;font-size:12px;}
.choicesSet .t,
.choicesEdit input[type=text]{width:calc( 50% - 55px );-webkit-width:calc( 50% - 55px );-moz-width:calc( 50% - 55px );width:-o-calc( 50% - 55px );}
.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 .fields .arrow,
#fbuilder .fform .arrow{position:absolute;left:-2px;top:10px;margin-left:0; 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 );}
#sAdvancedEditor,
#fCalculated{
    background: url("cupertino/images/ui-bg_glass_80_eebd4d_1x400.png") repeat-x scroll 50% 50% #EEBD4D;
    border: 1px solid #D0771D;
    color: #643F0D;
}
#sAdvancedEditor{text-align:center; text-transform: uppercase; padding:5px;margin-bottom:10px;cursor:pointer;font-weight:bold;}
#facceptance{
    background: url("cupertino/images/ui-bg_glass_80_eebd4dc_1x400.png") repeat-x scroll 50% 50% #619218;
    border: 1px solid #619218;
    color: #25530F;
}
#facceptance span{padding-left: 0; padding-right:0;}

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-success-messages .success-text{ color: #46b450; border: 1px solid #46b450; margin-bottom: 10px; padding:5px; }

.form-builder #tabs label{ font-size:12px !important; }

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

.cff-revisions-container{float:right;padding:10px;}
.cff-form-name-shortcode{font-size:0.8em;}

.cff-dependency-rule:not(:first-child){margin-top:10px;border-top:1px dashed #888;padding-top:10px;}
.choicesEditDep,.choicesEdit,
.cff-dependency-item{padding:5px 0;}

@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[type=text],
	.cff_form_builder .postbox input[type=number],
	.cff_form_builder .postbox input[type=password]{display:block;width:100% !important;margin-bottom:5px;}
	.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;}
	.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;}
	.cff-form-name-shortcode{display:none;}
	.cff-revisions-container{float:none; width:100%;padding:10px 5%;}
	.cff_form_builder .postbox .cff-revisions-container select{width:90% !important;}
	.form-builder #tabs-2 div,
	.form-builder #tabs-3 div{margin-bottom:10px;}
	.form-builder #tabs-3 .groupBox label{display:block;margin-bottom:5px;}
	table.form-table tbody{display:block;width:100% !important;}
}
@media only screen and (max-width: 480px){
	.cff-custom-table input[type="button"]{margin:0 !important; width:100% !important;display:block !important;}
}

#metabox_basic_settings0,
#metabox_basic_settings1,
#metabox_basic_settings2,
#metabox_basic_settings3,
#metabox_basic_settings4{cursor:pointer !important;}

#metabox_basic_settings0 * ,
#metabox_basic_settings1 * ,
#metabox_basic_settings2 * ,
#metabox_basic_settings3 * ,
#metabox_basic_settings4 * {color:#bfbdbd91 !important;pointer-events: none !important;}
.cff-addons-category{display:inline-block;font-weight:bold;text-transform:capitalize;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:5px;}
.cff-addons-category:not(:first-child){margin-top:20px;}

/* MODAL WINDOW */
.cff-light-modal{display: none; position: fixed; background: transparent; top: 0; bottom: 0; left: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; right: 0; z-index: 99999; transition: background 1s; font-size: 16px; visibility: hidden;}
.cff-light-modal-content{background: transparent; width: 90%; height:90%; position: relative; max-height: 90%; line-height: 1.4; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}
.cff-light-modal-body{padding: 0; overflow: hidden; height: 100%;}
.cff-light-modal-close-icon{text-decoration: none; color: #fff; padding: 0; font-size: 18px; line-height: 24px; position: absolute; top: 5px; right: 5px; cursor: pointer;}
.cff-light-modal:target{background: rgba(0, 0, 0, 0.5); display: -ms-flexbox; display: flex; visibility: visible;}
@keyframes cff-basic{0%{opacity: 0;}100%{opacity: 1;}}
.cff-light-modal iframe{width:100%;height:100%;border-radius: .2em; overflow:hidden;}

/* WP EDITOR */
.cff_form_builder .CodeMirror{height:300px;}
.cff_form_builder #tabs-3 .CodeMirror{height:195px;}
.cff-editor-container.fullscreen{position:fixed !important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99999;background:#f2f5f7;}
.cff-editor-container.fullscreen .CodeMirror{height: 95% !important;}
.cff-editor-container .cff-editor-extend-shrink{float:left;width:24px;height:24px;cursor:pointer;display:inline-block;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/></svg>");}
.cff-editor-container.fullscreen .cff-editor-extend-shrink{-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}

.cp-blink-me {animation: cp_blinker 2s linear infinite;text-transform: uppercase;}
@keyframes cp_blinker{50% {opacity: 0;}}