.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:50%} .width20{width:24%} .width40{width:40%} .width30{width:33%} .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:table;} #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, .datasourceSet, .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} .datasourceSet.hide, .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:99%;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; display:block;margin-top:10px;} .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;} .cff-events-list th{white-space:nowrap;} @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-events-list td:nth-of-type(3):before { content: "Form: " !important;} .cff-events-list td:nth-of-type(4):before { content: "Date: " !important;} .cff-events-list td:nth-of-type(5):before { content: "Email: " !important;} .cff-events-list td:nth-of-type(6):before { content: "Message: " !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,");} .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;}}