.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;padding:0;margin:0;} .columnr{float:right;margin:0;} .ctrlsColumn{width:380px;z-index:99999;} .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%} .width75{width:75%} .width50{width:50%} .width20{width:24%} .width40{width:40%} .width30{width:33%} .padding10{padding:10px;} .button, .form-builder .button{float:left;margin:5px 15px;text-align:center;} .button.n span{color:#AED0EA} .cff-active-column{border:1px solid #0073aa; padding:5px;display:inline-block;} #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;text-shadow: 1px 1px 0px rgba(255, 255, 255, .4); padding:3px 5px; margin:0 5px 5px 0; display:table;border: 1px solid rgba(0,0,0,.2);} #fbuilder .ftext:before{background-color:rgba(212,187,221,0.7);} #fbuilder .fcurrency:before{background-color:rgba(253,209,210,0.7);} #fbuilder .fnumber:before{background-color:rgba(251,237,224,0.7);} #fbuilder .fslider:before{background-color:rgba(150,212,204,0.7);} #fbuilder .femail:before{background-color:rgba(234,177,161,0.7);} #fbuilder .fdate:before{background-color:rgba(236,204,173,0.7);} #fbuilder .ftextarea:before{background-color:rgba(232,227,191,0.7);} #fbuilder .fcheck:before{background-color:rgba(226,213,155,0.7);} #fbuilder .fradio:before{background-color:rgba(232,153,155,0.7);} #fbuilder .fdropdown:before{background-color:rgba(255,245,204,0.7);} #fbuilder .ffile:before{background-color:rgba(216,235,219,0.7);} #fbuilder .fpassword:before{background-color:rgba(168,193,198,0.7);} #fbuilder .fPhone:before{background-color:rgba(223,195,183,0.7);} #fbuilder .fCommentArea:before{background-color:rgba(245,229,201,0.7);} #fbuilder .fhidden:before{background-color:rgba(213,220,172,0.7);} #fbuilder .fSectionBreak:before{background-color:rgba(235,238,196,0.7);} #fbuilder .fPageBreak:before{background-color:rgba(181,206,191,0.7);} #fbuilder .fsummary:before{background-color:rgba(206,220,199,0.7);} #fbuilder .ffieldset:before{background-color:rgba(255,238,165,0.7);} #fbuilder .fdiv:before{background-color:rgba(255,203,165,0.7);} #fbuilder .fMedia:before{background-color:rgba(255,177,175,0.7);} #fbuilder .fButton:before{background-color:rgba(214,212,255,0.7);} #fbuilder .fhtml:before{background-color:rgba(179,238,255,0.7);} #fbuilder .facceptance:before{background-color:rgba(184,195,211,0.7);} #fbuilder .fCalculated:before{background-color:rgba(206,218,191,0.7);} #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;position:relative;} #fbuilder .fieldscontainer{min-height:67px;} .cff-goto-top{text-align:right;} .cff-goto-top a::after{display:inline-block; content: " ↑"} /* COLUMNS STICKERS */ #fbuilder .sticker{display:inline-block;position:absolute;right:5px;top:5px;} #fbuilder fieldset.fcontainer>.sticker{top:-5px;} #fbuilder .sticker i{display:inline-block;height:15px;background:#DAEDFA;border:1px solid #aed0ea;margin-left:2px;} #fbuilder .sticker i.sticker-1{display:none;} #fbuilder .sticker i.sticker-2{width:32px;} #fbuilder .sticker i.sticker-3{width:21px;} #fbuilder .sticker i.sticker-4{width:15px;} #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{position:absolute;top:3px;right:-3px;} .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(ui-icons_2e83ff_256x240.png); } .removeDep, .ui-widget-content .choice_removeDep.ui-icon {background-image: url(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:#dfeffd7a;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} /* TABS */ .form-builder #tabs{height:650px;width:100%;overflow:hidden;} .form-builder #tabs-1, .form-builder #tabs-2, .form-builder #tabs-3{top:35px;bottom:0;left:0;right:0;position:absolute;overflow-y:auto;} .form-builder #tabs .ui-tabs-anchor{padding-left:8px; padding-right:8px;} .form-builder #tabs, .form-builder #tabs .ui-tabs-nav, .form-builder #tabs .ui-tabs-nav .ui-tabs-tab{border-radius:0;} .form-builder #tabs .ui-tabs-nav{border-top:0;border-left:0;border-right:0;background:transparent !important;border-color:#ddd} .form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav .ui-tabs-tab{background:#DAEDFA;width:30%;box-sizing:border-box;} .form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active{background:#62BBE9} .form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav .ui-tabs-tab a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;box-sizing:border-box;text-align:center;} #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} .form-builder #sFieldList_chosen .chosen-single{min-height:30px;} .form-builder #sFieldList_chosen .chosen-single span{line-height:30px;} .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: #F9E774; 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: #B5E66D; border: 1px solid #619218; color: #25530F; } #facceptance span{padding-left: 0; padding-right:0;} #metabox_captcha_settings td{vertical-align:top;} 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{display:block !important;} .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;} .cff-addon-item{padding-right:10px;padding-bottom:5px;box-sizing:border-box;width:50%;float:left;} @media only screen and (max-width: 640px){ .cff-addon-item{padding-right:0;padding-bottom:20px;width:100%;float:none;} .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 input[type=checkbox], .cff_form_builder .postbox input[type=radio]{margin:0;} .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;box-sizing:border-box;} .cff_form_builder nobr{white-space:normal !important;} .form-builder{min-width: auto;background:#FFF !important;} .form-builder .expand-shrink{display:none;} .dashboardColumn, .ctrlsColumn{width:100% !important;position:relative !important;} .form-builder .button{margin:0; padding:0;width:49%;margin-right:1%;margin-top:5px;} #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;} .choice-ctrls{top:0px;} } @media only screen and (max-width: 480px){ .cff-custom-table input[type="button"]{margin:0 !important; width:100% !important;display:block !important;} } .metabox_disabled_section{cursor:pointer !important;} .metabox_disabled_section * {color:#bfbdbd91 !important;pointer-events: none !important;} .metabox_disabled_section #captchaimg{opacity:0.3;} .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;}}