@import url("loader.css");
:root {
    --wp-admin-theme-color: #0073aa; /* fallback default */
    --cff-container-border-color-1: rgba(255, 120, 150, .6);
    --cff-container-border-color-2: rgba(132, 70, 255, .6);
    --cff-container-border-color-3: rgba(50, 200, 100, .6);
    --cff-container-border-color-4: rgba(255, 160, 50, .6);

    --cff-container-highlight-border-color: rgb(202, 202, 202);
    --cff-container-highlight-color: rgba(202, 202, 202, .5);

    --cff-container-highlight-color-1: rgba(255, 120, 150, 0.2);
    --cff-container-highlight-color-2: rgba(132, 70, 255, 0.2);
    --cff-container-highlight-color-3: rgba(50, 200, 100, 0.2);
    --cff-container-highlight-color-4: rgba(255, 160, 50, 0.2);
    --cff-container-shadow-color-1: rgba(255, 120, 150, .8);
    --cff-container-shadow-color-2: rgba(132, 70, 255, .8);
    --cff-container-shadow-color-3: rgba(50, 200, 100, .8);
    --cff-container-shadow-color-4: rgba(255, 160, 50, .8);

    --cff-box-shadow-color:rgba(2, 147, 226, 0.8);
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
.codepeople-review-banner,
.cff-main-backend,
.cff-main-backend *,
.cff-entries-backend,
.cff-entries-backend *,
.cff-form-builder-backend,
.cff-form-builder-backend *{box-sizing:border-box;}
.cff-form-builder-backend input:not([type="checkbox"]):not([type="radio"]),
.cff-form-builder-backend select,
.cff-form-builder-backend textarea{max-width:100%;}

.cff_form_builder{clear:both;}
.cff_form_builder textarea{resize:vertical;min-height: 40px;}
.ui-datepicker:empty{display:none;}
.ctrlsColumn .itemForm{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/** BTTN ICONS **/
.cff-button-drag::before{font-family:'Material Icons';font-weight:normal;font-size:1em;background:transparent !important;margin-right:10px;}
.ctrlsColumn .itemForm::before{font-family:'Material Icons';font-weight: normal;float:left;margin-left:-5px;font-size:13px;}

.cff-button-drag.ftext::before,
.cff-button-drag.ftextds::before,
#ftextds.itemForm::before,
#ftext.itemForm::before{content:"\e262";}
.cff-button-drag.femail::before,
.cff-button-drag.femailds::before,
#femailds.itemForm::before,
#femail.itemForm::before{content:"\e159";}
.cff-button-drag.ftextarea::before,
.cff-button-drag.ftextareads::before,
#ftextareads.itemForm::before,
#ftextarea.itemForm::before{content:"\ef42";}
.cff-button-drag.fdropdown::before,
.cff-button-drag.fdropdownds::before,
#fdropdownds.itemForm::before,
#fdropdown.itemForm::before{content:"\e0ee";}
.cff-button-drag.fnumber::before,
.cff-button-drag.fnumberds::before,
#fnumberds.itemForm::before,
#fnumber.itemForm::before{content:"\eac7";}
.cff-button-drag.fcurrency::before,
.cff-button-drag.fcurrencyds::before,
#fcurrencyds.itemForm::before,
#fcurrency.itemForm::before{content:"\e227";}
.cff-button-drag.fcheck::before,
.cff-button-drag.fcheckds::before,
#fcheckds.itemForm::before,
#fcheck.itemForm::before{content:"\e834";}
.cff-button-drag.fradio::before,
.cff-button-drag.fradiods::before,
#fradiods.itemForm::before,
#fradio.itemForm::before{content:"\e837";}
.cff-button-drag.fPhone::before,
.cff-button-drag.fPhoneds::before,
#fPhoneds.itemForm::before,
#fPhone.itemForm::before{content:"\e0cd";}
.cff-button-drag.fhidden::before,
.cff-button-drag.fhiddends::before,
#fhiddends.itemForm::before,
#fhidden.itemForm::before{content:"\f023";}
.cff-button-drag.fdate::before,
.cff-button-drag.fdateds::before,
#fdateds.itemForm::before,
#fdate.itemForm::before{content:"\e935";}
.cff-button-drag.ftimeslots::before,
.cff-button-drag.ftimeslotsds::before,
#ftimeslotsds.itemForm::before,
#ftimeslots.itemForm::before{content:"\e878";}
.cff-button-drag.frecordsetds::before,
#frecordsetds.itemForm::before{content:"\ead3";}
.cff-button-drag.fdatatableds::before,
#fdatatableds.itemForm::before{content:"\e3ec";}
.cff-button-drag.fSectionBreak::before,
#fSectionBreak.itemForm::before{content:"\e22c";}
.cff-button-drag.fPageBreak::before,
#fPageBreak.itemForm::before{content:"\eaca";}
.cff-button-drag.fsummary::before,
#fsummary.itemForm::before{content:"\e949";}
.cff-button-drag.fButton::before,
#fButton.itemForm::before{content:"\f1c1";}
.cff-button-drag.fslider::before,
#fslider.itemForm::before{content:"\e260";}
.cff-button-drag.fcolor::before,
#fcolor.itemForm::before{content:"\e3b8";}
.cff-button-drag.ffieldset::before,
#ffieldset.itemForm::before{content:"\eb73";}
.cff-button-drag.fdiv::before,
#fdiv.itemForm::before{content:"\eb73";}
.cff-button-drag.fpopup::before,
#fpopup.itemForm::before{content:"\eb73";}
.cff-button-drag.fhtml::before,
.cff-button-drag.fhtmlds::before,
#fhtmlds.itemForm::before,
#fhtml.itemForm::before{content:"\e86f";}
.cff-button-drag.ffile::before,
#ffile.itemForm::before{content:"\e2c6";}
.cff-button-drag.fMedia::before,
#fMedia.itemForm::before{content:"\e410";}
.cff-button-drag.frecordav::before,
#frecordav.itemForm::before{content:"\2B24";font-size:1em;}
.cff-button-drag.fCommentArea::before,
#fCommentArea.itemForm::before{content:"\e165";}
.cff-button-drag.fpassword::before,
#fpassword.itemForm::before{content:"\f042";}
.cff-button-drag.fqrcode::before,
#fqrcode.itemForm::before{content:"\002AF4\002AF4";line-height:22px;}
.cff-button-drag.frepeater::before,
#frepeater.itemForm::before{content:"+";font-weight:bold;line-height:24px;font-size:1.5em;}
.cff-button-drag.fCalculated::before,
#fCalculated.itemForm::before{content:"\2211";font-weight:bold;line-height:24px;font-size:1.5em;}
.cff-button-drag.facceptance::before,
#facceptance.itemForm::before{content:"\e834";}

#fbuilder .ui-icon,
#fbuilder .ui-icon:after{background-color:transparent !important;box-shadow:none !important;z-index:2;}
.cff-button-drag{
    font-size:1em !important;
    border: 1px solid #C2D7EF !important;
    background-color: #dfeffd7a !important;
    opacity:1 !important;
    color: #3c434a !important;
    padding: 10px 0 !important;
    text-align:center !important;
}
/* #fbuilder .fields .ui-icon:hover{color: var(--wp-admin-theme-color);} */
#fbuilder .fields .ui-icon:not(.ui-icon-play):hover{transform: scale(1.1);}
#fbuilder .fields .ui-icon.ui-icon-grip-dotted-vertical:hover{transform: scale(1.3);}
#fbuilder .fields .ui-icon.ui-icon-trash:hover{color: #ca0404;}

#fieldlist{flex: 1 1 auto;}
#fieldlist:empty:before{
	content: 'Drag an element from the left to here';
    color: #5e5873;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 50px 30px;
    width: 80%;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 20px;
    background: url(no-fields.svg);
    background-size: 100% calc(100% - 120px);
    background-position: 0 120px;
    background-repeat: no-repeat;
    height: 300px;
    position: absolute;
}
#fieldlist input[type="text"],
#fieldlist input[type="number"],
#fieldlist input[type="email"],
#fieldlist input[type="password"],
#fieldlist input[type="date"],
#fieldlist input[type="color"],
#fieldlist select{
	height:30px;
	min-height:30px;
	border-radius:4px;
}
#fieldlist textarea{
	border-radius:4px;
}
#fieldlist .cff-button-drag{width:90% !important;}

#fieldlist .fields .ui-state-highlight{
    border-color: var(--cff-container-border-color-1) !important;
    background-color: var(--cff-container-highlight-color-1) !important;
}

#fieldlist .fields .fields,
#fieldlist .fields .fields .fields .fields .fields .fields {
    border: 1px solid var(--cff-container-border-color-1) !important;
    --cff-box-shadow-color: var(--cff-container-shadow-color-1) !important;
}
#fieldlist .fields .fields .ui-state-highlight,
#fieldlist .fields .fields .fields .fields .fields .fields .ui-state-highlight {
    border-color: var(--cff-container-border-color-2) !important;
    background-color: var(--cff-container-highlight-color-2) !important;
}


#fieldlist .fields .fields .fields,
#fieldlist .fields .fields .fields .fields .fields .fields .fields {
    border: 1px solid var(--cff-container-border-color-2) !important;
    --cff-box-shadow-color: var(--cff-container-shadow-color-2) !important;
}
#fieldlist .fields .fields .fields .ui-state-highlight,
#fieldlist .fields .fields .fields .fields .fields .fields .fields .ui-state-highlight {
    border-color: var(--cff-container-border-color-3) !important;
    background-color: var(--cff-container-highlight-color-3) !important;
}

#fieldlist .fields .fields .fields .fields,
#fieldlist .fields .fields .fields .fields .fields .fields .fields .fields {
    border: 1px solid var(--cff-container-border-color-3) !important;
    --cff-box-shadow-color: var(--cff-container-shadow-color-3) !important;
}
#fieldlist .fields .fields .fields .fields .ui-state-highlight,
#fieldlist .fields .fields .fields .fields .fields .fields .fields .fields .ui-state-highlight {
    border-color: var(--cff-container-border-color-4) !important;
    background-color: var(--cff-container-highlight-color-4) !important;
}

#fieldlist .fields .fields .fields .fields .fields,
#fieldlist .fields .fields .fields .fields .fields .fields .fields .fields .fields {
    border: 1px solid var(--cff-container-border-color-4) !important;
    --cff-box-shadow-color: var(--cff-container-shadow-color-4) !important;
}
#fieldlist .fields .fields .fields .fields .fields .ui-state-highlight,
#fieldlist .fields .fields .fields .fields .fields .fields .fields .fields .fields .ui-state-highlight {
    border-color: var(--cff-container-border-color-1) !important;
    background-color: var(--cff-container-highlight-color-1) !important;
}

.cff-custom-table input{margin-left:5px; margin-right:5px;}
.form-builder{font-size:11px;width:100%;min-width:720px;}
.clearer{clear:both;}
.column{float:left;padding:0;margin:0;}
.columnr{float:right;margin:0;}
.ctrlsColumn{width:380px;z-index:999;position:relative;}
.cff-form-builder-backend input:not([type="radio"]):not([type="checkbox"]),
.cff-form-builder-backend button,
#metabox_form_structure [name="cff_expand_btn"],
#metabox_form_structure [name="cff_shrink_btn"],
.cff-form-builder-backend select{min-height:30px;line-height:30px;padding-top:0;padding-bottom:0;height:30px;font-size:12px;box-shadow: none !important;}
.ctrlsColumn input[type="checkbox"],
.ctrlsColumn input[type="radio"]{margin-right:5px;}
.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% - 390px); }
.dashboardColumn img,
.dashboardColumn video,
.dashboardColumn audio{max-width:100%;}
.width100{width:100%}
.width75{width:75%}
.width50{width:50%}
.width48{width:48%}
.width40{width:40%}
.width30{width:33%}
.width20{width:20%}
.padding10{padding:10px;}
.button, .form-builder .button{float:left;margin:5px 1%;text-align:center;line-height:30px;min-height:30px;}
.button.n span{color:#AED0EA}
.cff-active-column{border:1px solid #0073aa; padding:5px;display:inline-block;}
#fbuilder{height:790px;overflow:auto;position:relative;display:flex;flex-flow:column;}
#fbuilder .fields{border:1px solid #e0e0e0;padding:3px 10px 10px 10px;margin:6px 1px;display:block;position:relative;background:white;border-radius:3px;}
#fbuilder .dfield input[type="text"],
#fbuilder .dfield input[type="number"],
#fbuilder .dfield input[type="password"],
#fbuilder .dfield input[type="date"],
#fbuilder .dfield input[type="email"],
#fbuilder .dfield textarea,
#fbuilder .dfield select{border:1px solid #999}
#fbuilder .fields.cff-error{border-color:#FF0000 !important;}
#fbuilder .fields.cff-error::before{background-color:#FFF !important;border-color:#FF0000 !important; color:#FF0000 !important;}
#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 10px; 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,
#fbuilder .fdateds:before{background-color:rgba(236,204,173,0.7);}
#fbuilder .ftimeslots:before,
#fbuilder .ftimeslotsds:before{background-color:rgba(247,229,170,1);}
#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 .fpopup:before{background-color:rgba(229,221,230,1);}
#fbuilder .frepeater:before{background-color:rgba(175,122,179,0.3);}
#fbuilder .frecordav:before{background-color:rgb(228,209,146,0.2);}
#fbuilder .fdiv:before{background-color:rgba(255,203,165,0.7);}
#fbuilder .fMedia:before{background-color:rgba(255,177,175,0.7);}
#fbuilder .frecordav: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) !important;}
.select2-container{z-index:9999;}
body:has( #cff-advanced-equation-editor),
body:has( .cff-editor-container.fullscreen),
body:has( #metabox_form_structure.fullscreen ) {overflow:hidden;}
body:has( #metabox_form_structure.fullscreen ) .select2-container.cff-ctrl-select2{z-index:99999;}
.cff-form-builder-backend .select2-container{margin-right:1px;}
.cff-form-builder-backend .select2-container *{display:initial}
.cff-form-builder-backend .select2-selection--single{min-height:30px;}
#fbuilder .ffile .cff-file-clearer{display:inline-block;line-height:14px;position:absolute;z-index:99999;top:5px;right:5px;}
#fbuilder .ffile .cff-file-clearer::before{content:'[X]';cursor:pointer;margin-left:5px;font-family:'century gothic', Arial, Helvetica, sans-serif;font-size:14px;line-height:14px;}
#fbuilder .ffile .cff-file-field-container{border:1.5px dotted #666;padding:20px;min-height:100px;position:relative;}
#fbuilder .ffile .cff-file-field-container:not(:has( .files-list)){
	background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10C8 7.79086 9.79086 6 12 6C14.2091 6 16 7.79086 16 10V11H17C18.933 11 20.5 12.567 20.5 14.5C20.5 16.433 18.933 18 17 18H16C15.4477 18 15 18.4477 15 19C15 19.5523 15.4477 20 16 20H17C20.0376 20 22.5 17.5376 22.5 14.5C22.5 11.7793 20.5245 9.51997 17.9296 9.07824C17.4862 6.20213 15.0003 4 12 4C8.99974 4 6.51381 6.20213 6.07036 9.07824C3.47551 9.51997 1.5 11.7793 1.5 14.5C1.5 17.5376 3.96243 20 7 20H8C8.55228 20 9 19.5523 9 19C9 18.4477 8.55228 18 8 18H7C5.067 18 3.5 16.433 3.5 14.5C3.5 12.567 5.067 11 7 11H8V10ZM15.7071 13.2929L12.7071 10.2929C12.3166 9.90237 11.6834 9.90237 11.2929 10.2929L8.29289 13.2929C7.90237 13.6834 7.90237 14.3166 8.29289 14.7071C8.68342 15.0976 9.31658 15.0976 9.70711 14.7071L11 13.4142V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13.4142L14.2929 14.7071C14.6834 15.0976 15.3166 15.0976 15.7071 14.7071C16.0976 14.3166 16.0976 13.6834 15.7071 13.2929Z' fill='rgba(0,0,0,0.1)'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:center;background-size:80px 80px;
}
#fbuilder .ffile .cff-file-info-container{text-align:center;font-size:80%;font-style:italic;position:absolute;bottom:0;left:0;right:0;padding-bottom:5px;}
#fbuilder .frecordav .cff-record-btn{background-color:#2196f3;display:inline-block;padding:0px 20px 0px 36px;height:30px;line-height:30px;color:white;border-radius:5px;font-size:12px;position:relative;}
#fbuilder .frecordav .cff-record-btn:before{content: " ";background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMDAgMTAwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwMCAxMDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDUxMi4wMDAwMDApIHNjYWxlKDAuMTAwMDAwLC0wLjEwMDAwMCkiPjxwYXRoIGQ9Ik00NzM2LjUsNDk5Mi4xYy00NDguNS05NS44LTgzNS42LTQ4Ni44LTkyOS41LTkzNy4yYy00Mi4yLTE5OS4zLTQyLjItMzM4NC41LDAtMzU4My44YzExNS01NTEuOSw2MzAuNS05NjcuOCwxMTk3LjgtOTY3LjhjNTY3LjMsMCwxMDgyLjgsNDE1LjksMTE5Ny44LDk2Ny44YzQyLjIsMTk5LjMsNDIuMiwzMzg0LjUsMCwzNTgzLjhDNjA2Ni41LDQ3MDguNSw1Mzk5LjYsNTEzNS45LDQ3MzYuNSw0OTkyLjF6IiBzdHlsZT0iZmlsbDp3aGl0ZTsiIC8+PHBhdGggZD0iTTE3NDYuOCwxOTI1LjhjLTE4OS43LTY5LTMyNS44LTIwNy0zOTEtMzk2LjdjLTI0LjktNzQuOC0zMC43LTE3Ni4zLTMwLjctNTI5YzAtMjQxLjUsOS42LTUyNywxOS4yLTYzNi4zQzE0NjMuMS03OTUuNiwyMTMwLjEtMTg0MiwzMTI2LjYtMjQyOC41YzMzOS4yLTE5OS4zLDc5My40LTM3NS42LDExNTUuNi00NDQuNmwxMDkuMi0yMS4xdi0zMzMuNXYtMzMzLjVsLTY5My44LTUuOGwtNjk1LjctNS43bC05NS44LTQ3LjljLTEyMi43LTU5LjQtMjM3LjYtMTc0LjQtMjk3LjEtMjk3LjFjLTY3LjEtMTM4LTY3LjEtMzc5LjUsMC01MTcuNWM1OS40LTEyMi43LDE3NC40LTIzNy43LDI5Ny4xLTI5Ny4xbDk1LjgtNDcuOWgyMDAyLjdoMjAwMi43bDk1LjgsNDcuOWMxMjIuNyw1OS40LDIzNy42LDE3NC40LDI5Ny4xLDI5Ny4xYzY3LjEsMTM4LDY3LjEsMzc5LjUsMCw1MTcuNWMtNTkuNCwxMjIuNy0xNzQuNCwyMzcuNi0yOTcuMSwyOTcuMWwtOTUuOCw0Ny45bC02OTMuOCw1LjdsLTY5NS43LDUuOHYzMzMuNXYzMzMuNWwxMTEuMiwyMS4xYzU5LjQsMTEuNSwyMTAuOCw1MS43LDMzNy4zLDg4LjFjMTIxOC45LDM1OC40LDIxODQuOCwxMzYyLjYsMjUwMSwyNjA0LjVjOTMuOSwzNjYsMTA1LjQsNDg4LjcsMTA3LjMsMTEwMmMwLDU4NC41LDAsNTg0LjUtNDcuOSw2ODAuNGMtNTkuNCwxMjIuNy0xNzQuNCwyMzcuNi0yOTcuMSwyOTcuMWMtNzguNiwzOC4zLTEyNC42LDQ3LjktMjU4LjcsNDcuOWMtMTM0LjIsMC0xODAuMi05LjYtMjU4LjctNDcuOWMtMTIyLjctNTkuNC0yMzcuNy0xNzQuNC0yOTcuMS0yOTcuMWMtNDYtOTItNDcuOS0xMTUtNTkuNC02NDJjLTEzLjQtNTk2LTMwLjctNzM3LjktMTM2LjEtMTAzMS4xYy00OTYuNC0xNDA4LjYtMjA5OC42LTIwNTQuNS0zNDI2LjctMTM4My43Yy01NDQuMywyNzYtOTg3LDc3OC4xLTExOTcuOCwxMzYwLjdjLTEwOS4yLDMwNi42LTEyNi41LDQyNS41LTE0MS44LDEwMzQuOWMtMTMuNCw1NDQuMy0xNS4zLDU2OS4yLTU5LjQsNjYxLjJjLTU5LjQsMTIyLjctMTc2LjMsMjM3LjYtMjk3LjEsMjk1LjFDMjA3Mi42LDE5NTYuNCwxODY3LjUsMTk2OS45LDE3NDYuOCwxOTI1Ljh6IiBzdHlsZT0iZmlsbDp3aGl0ZTsiIC8+PC9nPjwvZz4NCjwvc3ZnPg==");background-size:cover;width:16px;height:16px;display:inline-block;position:absolute;top:7px;margin-left: -20px;}
#fbuilder .frecordav .cff-record-btn-recording:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSI+PHBhdGggZD0iTTE2MjkuNiw0OTkyLjljLTcyLjgtMzAuNy00NzMuMy00MTUuOC01NTAtNTI4LjljLTY3LjEtOTUuOC04Mi40LTIxOC41LTM4LjMtMzA2LjZjNDQuMS04OC4yLDY5NzMuMy03MDIzLjEsNzA2NS4zLTcwNzFjMTcwLjUtODguMiwyNjguMy00Mi4yLDU3OC43LDI3NGMzMDguNSwzMTYuMiwzNDguNyw0MDIuNCwyNjIuNSw1NjcuMmMtNDcuOSw4OC4xLTY5ODIuOSw3MDIxLjItNzA2Ny4yLDcwNjMuM0MxODA1LjksNTAyOS4zLDE3MTMuOSw1MDI5LjMsMTYyOS42LDQ5OTIuOXoiIHN0eWxlPSJmaWxsOndoaXRlOyIgLz48cGF0aCBkPSJNNDQyNy4zLDQ5OTIuOWMtMzQ0LjktNzQuNy02NjEuMS0zMjMuOC04MjcuOC02NTMuNGwtNTcuNS0xMTMuMWwxMTg0LjItMTE4NC4ybDExODIuMy0xMTgyLjNsNS43LDEwMjUuMmM1LjgsMTE2MS4zLDEuOSwxMTkxLjktMTMyLjIsMTQ2NS45QzU1NDAuNyw0ODM5LjYsNDk2OS42LDUxMDkuOCw0NDI3LjMsNDk5Mi45eiIgc3R5bGU9ImZpbGw6d2hpdGU7IiAvPjxwYXRoIGQ9Ik0xNDM0LjEsMTkyNWMtMTg5LjctNjktMzI1LjgtMjA3LTM5MC45LTM5Ni43Yy0yNC45LTc0LjctMzAuNy0xNzYuMy0zMC43LTUyOC45YzAtMjQxLjQsOS42LTUyNywxOS4yLTYzNi4yYzExOC44LTExNTkuMyw3ODUuNy0yMjA1LjYsMTc4Mi4xLTI3OTJjMzM5LjItMTk5LjMsNzkzLjMtMzc1LjYsMTE1NS41LTQ0NC42bDEwOS4yLTIxLjF2LTMzMy40di0zMzMuNGwtNjkzLjctNS44bC02OTUuNi01LjdsLTk1LjgtNDcuOWMtMTIyLjYtNTkuNC0yMzcuNi0xNzQuNC0yOTctMjk3Yy02Ny4xLTEzOC02Ny4xLTM3OS40LDAtNTE3LjRjNTkuNC0xMjIuNiwxNzQuNC0yMzcuNiwyOTctMjk3bDk1LjgtNDcuOWgyMDAyLjVoMjAwMi41bDk1LjgsNDcuOWMxMjIuNiw1OS40LDIzNy42LDE3NC40LDI5NywyOTdjNjcuMSwxMzgsNjcuMSwzNzkuNCwwLDUxNy40Yy01OS40LDEyMi43LTE3NC40LDIzNy42LTI5NywyOTdsLTk1LjgsNDcuOWwtNjkzLjcsNS43bC02OTUuNiw1Ljh2MzMzLjR2MzMzLjRsMTExLjEsMjEuMWMzMTYuMiw2MS4zLDcxNC44LDIxMC44LDEwMTkuNSwzNzkuNGMxMDkuMiw2MS4zLDIwMS4yLDExOC44LDIwNSwxMjguNGMzLjgsMTEuNS0xOTEuNiwyMTYuNS00MzMuMSw0NThsLTQzNi45LDQzNi45bC0xNzQuNC02OWMtNjcwLjctMjY4LjMtMTM3NS45LTIzNy42LTIwMTUuOSw4NC4zYy01NDQuMiwyNzUuOS05ODYuOSw3NzgtMTE5Ny43LDEzNjAuNUMyMjczLjQsMjExLjksMjI1Ni4yLDMzMC43LDIyNDAuOSw5NDBjLTEzLjQsNTQ0LjItMTUuMyw1NjkuMS01OS40LDY2MS4xYy01OS40LDEyMi42LTE3Ni4zLDIzNy42LTI5NywyOTUuMUMxNzU5LjksMTk1NS42LDE1NTQuOCwxOTY5LjEsMTQzNC4xLDE5MjV6IiBzdHlsZT0iZmlsbDp3aGl0ZTsiIC8+PHBhdGggZD0iTTc1NjYuMiwxOTI1Yy0xODkuNy02OS0zMjUuOC0yMDctMzkwLjktMzk2LjdjLTI0LjktNzIuOC0zMC43LTE3Mi41LTMwLjctNDk4LjJWNjIzLjhMNzY2MiwxMDYuNWM1OTAuMi01OTAuMiw1MTcuNC01NjMuNCw1OTkuOC0yMTguNWM5MiwzODEuMyw5OS42LDQ1OCw5OS42LDEwNTJjMCw1NjMuNCwwLDU2NS4zLTQ3LjksNjYxLjFjLTYxLjMsMTIyLjYtMTc2LjMsMjM3LjYtMjk3LDI5NS4xQzc4OTEuOSwxOTU1LjYsNzY4Ni45LDE5NjkuMSw3NTY2LjIsMTkyNXoiIHN0eWxlPSJmaWxsOndoaXRlOyIgLz48cGF0aCBkPSJNMzQ2NS40LDcxOS43YzEuOS00NDYuNSwyNzQtODgzLjQsNjcwLjctMTA4MC44YzkwLjEtNDQuMSwyMjQuMi05MiwyOTctMTA3LjNjMTQzLjctMzAuNywzMzUuMy0zOC4zLDMzNS4zLTEzLjRjMCw3LjctMjkzLjIsMzA2LjYtNjUxLjUsNjY0LjlsLTY1MS41LDY1MS41VjcxOS43eiIgc3R5bGU9ImZpbGw6d2hpdGU7IiAvPjwvZz48L2c+DQo8L3N2Zz4=");}
#fbuilder .frecordav .cff-record-btn:hover{background-color:#1a77c9;}
#fbuilder .frecordav .cff-record-play-btn{margin-left:5px;background-color:white;border:1px solid #CCC;display:inline-block;padding:0px 10px;height:30px;line-height:30px;color:#333;border-radius:5px;font-size:12px;text-align:center;}
#fbuilder .frecordav .cff-record-play-btn:before{content:"\25B6";}
#fbuilder .frecordav .cff-record-stop-btn:before{content:"\23F9";}
#fbuilder .frecordav .cff-record-play-btn:hover{background-color:#EBEBEB;border-color:#ADADAD;}
#fbuilder .frecordav .cff-record-status{background:#b0b0b0;display:inline-block;clear:both;padding-left:5px;padding-right:5px;color:white;font-style:italic;margin-top:5px;}
#fbuilder .frecordav .cff-record-time{display:inline-block;margin-left:10px;}
#fbuilder .frecordav .cff-record-time:after{content:"/";margin-left:5px;margin-right:5px;}
#fbuilder .frecordav .cff-record-max-time{display:inline-block;color:red;}

#fbuilder .fqrcode .dfield::before{content:"\002AF4\002AF4"; font-size:38px;}
#fbuilder .fdatatableds table{width:100%;min-height:30px;border: 1px solid #CDCDCD;}

#fbuilder .frepeater .cff-repeater-field-btn{padding:5px;}
#fbuilder .frepeater .cff-repeater-field-add{margin-right:10px;}
#fbuilder .frepeater .cff-repeater-field-btn:not(.cff-repeater-btn-label)::before{
	content: "+";
	border: 1px solid #ccc;
    width: 15px;
    height: 15px;
    display: inline-block;
}
#fbuilder .frepeater .cff-repeater-field-btn.cff-repeater-btn-icon-label::before{margin-right:10px;background:white;}
#fbuilder .frepeater .cff-repeater-field-btn.cff-repeater-btn-icon::before{border:0;}
#fbuilder .frepeater .cff-repeater-field-rmv:not(.cff-repeater-btn-label)::before{content: "-";}

#fbuilder .fields .collapse,
#fbuilder .fields .uncollapse,
#fbuilder .fields .remove,
#fbuilder .fields .copy{position:relative;display:none;background-color:#fff;cursor:pointer; font-size:17px;}
#fbuilder .fields .cff-field-controls{display:none;position:absolute;bottom:5px;right:5px;background:rgba(255,255,255,.7);border:1px solid var(--cff-box-shadow-color);border-radius:5px;padding:5px;z-index:999;}

#fbuilder legend{ border:1px solid #CDCDCD; background:#FFF; margin-left:5px; padding: 0 5px; }
#fbuilder .fcontainer{ border:1px solid #CDCDCD;min-height:67px;padding:5px 10px;position:relative;border-radius:2px;}
#fbuilder .fieldscontainer{min-height:67px;}
#fbuilder .cff-popup-header{position:relative;padding:5px;}
#fbuilder .cff-popup-header:not(:empty){border:1px solid #CDCDCD;border-bottom:0;background:white;min-height:24px;}
#fbuilder .cff-popup-close{position:absolute;top:50%;right:10px;transform:translateY(-50%);}
#fbuilder .cff-popup-close:hover{transform:translateY(-50%) !important;color:initial !important;}
#fbuilder .cff-popup-title{margin:0;}

.cff-goto-top{text-align:right;}
.cff-goto-top a::after{display:inline-block; content: " ↑"}

/* COLUMNS STICKERS */
#fbuilder .fields:has(>.sticker)>.dfield>.sticker{display:none;}
#fbuilder .sticker{display:inline-block;position:absolute;right:5px;top:5px;}
#fbuilder fieldset.fcontainer>.sticker{top:-5px;}
#fbuilder .sticker i{display:inline-block;height:10px;border:1px solid rgba(0,0,0,.2);margin-left:3px;min-width:10px;}
#fbuilder .ffieldset>.sticker i{background-color:rgba(255,238,165,0.7);}
#fbuilder .fdiv>.sticker i{background-color:rgba(255,203,165,0.7);}
#fbuilder .fpopup>.sticker i{background-color:rgba(223,202,225,1);}
#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-x{width:15px;background-color:#72aee661;}
#fbuilder .sticker i.sticker-4{width:15px;}
#fbuilder .fhtml {min-height:16px;border-radius:2px;}
#fbuilder .fhtml .fhtml-content * {pointer-events:none !important;}

.groupBox,
.dependenciesBox,
.datasourceSet,
.choicesSet{border:1px dashed #888;margin:10px 0px;padding:5px;font-size:12px;}
.choicesSet .choicesHeadersLine{display: flex;align-items:center;text-align:center;}
.choicesSet .choicesHeadersLine>*{flex-grow: 1;}
.choicesSet .choicesHeadersLine>*:last-child{text-align:left;}
.choicesEdit,.choicesEditDep{position:relative;}
.choicesEditDep span{display:inline-block;}
.choicesEditDep .select2 .selection{display: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 );}

.cff-dependency-item,
.cff-dependency-rule>*:first-child,
.choicesEditDep,
.choicesEdit{display:flex;gap:3px;align-items:center;margin-bottom:5px;max-width:100%;}
.cff-dependency-item{margin-top:5px;}
.cff-dependency-rule:not(:first-child),
.choicesEdit {border-top:1px dashed #cacaca;padding-top:5px;}
.choicesEdit *{min-width: 0;}
.choicesEdit a, .choicesEditDep a{cursor:pointer;flex-shrink: 0;}
.cff-dependency-item input,
.cff-dependency-item select,
.cff-dependency-item .select2,
.cff-dependency-rule input,
.cff-dependency-rule .select,
.choicesEditDep select,
.choicesEditDep .select2,
.choicesEdit input[type="text"]{flex: 1 1 0;min-width: 0;max-width: 100%;}
.cff-dependency-rule>*:first-child>*:not(:last-child){flex-grow:1;white-space:nowrap;display:flex;gap:5px;}
.choice-ctrls{display:flex;gap:1px;align-items: center}

.calc_dependent{width:150px;}
.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}
a.helpfbuilder.dep{font-size:100%;margin-left:10px}
input [disabled] {background-color: #f00;}
input [readonly] {background-color: #f00;}
#fbuilder .fform.ui-selected,
#fbuilder .fields.ui-selected{background-color:#f0f0f1;box-shadow: 0 0 0 1px var(--cff-box-shadow-color); border-radius: 2px;}
#fbuilder .fields.ui-selected .arrow,#fbuilder .fields.ui-selected>.cff-field-controls,#fbuilder .fields.ui-selected>.cff-field-controls>.remove,#fbuilder .fields.ui-selected>.cff-field-controls>.copy,#fbuilder .fields.ui-selected:not(.collapsed)>.cff-field-controls>.collapse,#fbuilder .fields.ui-selected.collapsed>.cff-field-controls>.uncollapse{display:inline-block;}

#fbuilder .fields.collapsed>.dfield>.fcontainer{border-color: rgba(255,201,38,.75);}
#fbuilder .collapsed-label{padding-top:10px;padding-bottom: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 .fform.ui-over,
#fbuilder .fields.ui-over{box-shadow: 0 0 0 1px var(--cff-box-shadow-color);border-radius:2px;}

#fbuilder .fields.fmark .cff-empty-image,
#fbuilder .fields.fmark img:not([src]){
	display:inline-block;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAADwElEQVR4nO3dvWsUQRzG8SfkDl8QiUEEC8HCwsIiYGQ4IjaKSaO9jY0WWqSxSCGCmIBBiKAmiopGIca/U34wwePYu9vdmdl5dvf5woLo3Rjvw+7szt6dgFJKKRUvB+A7gM8AViOOq2q0AOAbgL9+OwIwqjOQitfXMRChEHTL7xlCIZtHJlH+ALid+wfrc0IhTCiECYUwoRAmlEzZGdUegKWSKNoQ9BqUAhEK+ECEAj4QoYAPZFaa6KuXFMQSChmIJRQyEEsoZCCWUMhALKGQgVhCIQOxhEIGYgmFDMQSChmIJRQyEEsoZCDwb7pjfYvREMAGgG0Av/xmv173f9ZJEFaUZQC7M1Zkd/1jOgnChjKcgzGOMuwqCBPKRgmMk+1+l0FYUHYqgNic0mkQhrOvwwog9tjOg+RGOawA8rMvIDkPXzs6ZHGhrGtS//9prTMEKMMKp72Drh6yDOMJgHcAzhOgLPf5wnARwObY+CwoA3+dse0netve+N+LsWdQgpwCsFXwd7wivk6JHQ3IWQCvC8b/AuAK8XVKJ0HskPS2YOwPAC6VeL7rEEp2kIsA3heMa3PHhQrjuI6gZAW5DOBTwZg2cZ6rMZ7rAEo2kKsFX0Jg20sApwPGdS1HyQJyHcCPgrFeRLqn4FqM0jjIir/9OTnOM38NEivXUpRGQYquG2x75K/OYzeKeJ1i33x04LfVLoDcBXA8BSNlLsKeMjlGyj2tEZAHBRjH/vZoE7kAlGmfLE6FkhRkwe8Bk8+xf+AdNJurgTLvY94pUJKBGMbTgsf/9hN7jkYV5pRpj029dpYEZDCxYnuy2QrpDeTNldhTpj1mrYGzt+gg01Zs7Xsar4EjN+NFnYVR5vlUINNWbPf9MglTo8BDUqql/2ggoSu2OXIlJu21is8P3VOigMRasc2Rm3Fau1bz+SEowSDTVmx3aq7Y5sgFvqgxUYJBilZst/zk3qZGgXNCrDklGGRy24x80z9Vi6QoUUGeR16xTZXz89sS4eErGsjjRCu2sXNjL9geIUowiC0SPkQ7GhW8ULtkh69gkHtoR6s1XqAcKMEgbemg5gvbNEovQY4qnvk0idIbkBWPsl/zFmxTKL0BiVETZ18CIUMRCBmKQGqWak4RCNmeIhBylLn1+SwrB8rcBNIsytwEknaiF0jkst8PUWT3Q1RclGAQbUj6f3IJBFwoAgEXikDAhaIS1tYPonY6JxS+hEKYUAgTCmFCadEq8c3cP1ifGxWg2HvIFBGKfb2hypwdpj76vUOHLKWUUojVPzkdWwGfZ5+dAAAAAElFTkSuQmCC") no-repeat;
	width:100px; height:100px;
}

#fbuilder .fform{border:1px solid transparent;padding:10px;margin:5px 0px;display:block;position:relative}
#fbuilder .fform.no_title{border:3px dashed #C0C0C0;}
#fbuilder .fform.no_title *{color:#CDCDCD !important; font-size:18px !important;text-align:center !important; padding:0 !important; font-weight:normal !important;}
#fbuilder .fields .arrow,
#fbuilder .fform .arrow{position:absolute;left:-2px;top:10px;margin-left:0;}
#fbuilder .fform .arrow{display:none;}
#fbuilder .fform.ui-selected .arrow{display:inline}
#fbuilder .fform h1,
#fbuilder .fform h2,
#fbuilder .fform h3,
#fbuilder .fform h4,
#fbuilder .fform h5,
#fbuilder .fform h6{margin:5px 0px;padding:0px;}
#fbuilder .fform h1{font-size:2.6em;}
#fbuilder .fform h2{font-size:2em;}
#fbuilder .fform h3{font-size:1.5em;}
#fbuilder .fform h4{font-size:1.3em;}
#fbuilder .fform h5{font-size:1em;}
#fbuilder .fform h6{font-size:0.8em;}
#fbuilder .fields input.disabled,
#fbuilder .fields select.disabled,
#fbuilder .fields textarea.disabled {background: #fff;color: #333;cursor: default;}
#fbuilder .fields .disabled{pointer-events:none;}
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%;}
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,
#fieldlist .top_aligned.fields label{float:none;width:100%;}
.top_aligned .fields .dfield,
#fieldlist .top_aligned.fields .dfield{float:none;width:100%;}

.left_aligned .fields>label,
#fieldlist .left_aligned.fields>label{float:left;width:31%}
.left_aligned .fields .dfield,
#fieldlist .left_aligned.fields .dfield{float:left;width:65%;}

.right_aligned .fields>label,
#fieldlist .right_aligned.fields>label{float:left;width:31%;text-align:right;padding:3px 3px 0px 0px}
.right_aligned .fields .dfield,
#fieldlist .right_aligned.fields .dfield{float:left;width:65%}

#tabs  span.uh,
#fbuilder span.uh{display:block;font-size:90%;clear:both}
#fbuilder .developer-note:not(:empty){display:block;font-size:90%;clear:both;}
#fbuilder .developer-note:not(:empty)::before{content: 'Developer note: ';font-weight:bold;}
#fbuilder .section_break{border-top:1px dotted #555;clear:both}

/* METABOX */
.cff-metabox .hndle{cursor:pointer !important;}
.cff-metabox .hndle::before{display:inline-block;padding-left:10px;padding-right:10px;}
.cff-metabox.cff-metabox-closed:not(:has(.cff-action-required))>.hndle::before{content:"\276F";}
.cff-metabox.cff-metabox-closed:has(.cff-action-required)>.hndle::before,
.cff-metabox.cff-metabox-opened>.hndle::before{content:"\276F";transform:rotate(90deg);}
.cff-metabox.cff-metabox-closed:not(:has(.cff-action-required)){background-color:#F6F6F6;}
.cff-metabox.cff-metabox-closed:not(:has(.cff-action-required)) .inside{display:none;}
#metabox_addons_area .cff-add-on-settings {margin: 10px;}

/* METABOX ANIMATION */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		@keyframes cff-appear {from {opacity:0;scale:0.8;} to {opacity:1;scale:1;}}
		.cff-metabox:not(.cff-no-animate), #metabox_basic_settings:not(.cff-no-animate) {animation:cff-appear linear;animation-timeline:view();animation-range:entry 1% cover 10%;}
	}
}

#metabox_new_form_area form>div{display:flex;flex-wrap:wrap;flex-direction:column;gap:2px;}
.cff-forms-pagination-area{margin-top:10px;margin-bottom:10px;text-align:right;}
@media screen AND (min-width:710px) {
	#metabox_new_form_area form>div{flex-direction:row;}
	#metabox_new_form_area form>div>input:nth-of-type(1){flex-grow:1;}
	#metabox_new_form_area form>div>input:nth-of-type(2){flex-grow:1;}
    .cff-filter-area{display:flex;align-items:center;gap:30px;clear:both;}
    #metabox_categories_list{flex-grow:1;display:flex;align-items:center;gap:5px;}
    #metabox_categories_list [name="calculated-fields-search-form"]{flex-grow:1;}
}

@media screen AND (max-width:710px) {
	.cff-navigation-main-menu{float:none !important;}
	#metabox_categories_list,
	#forms_pagination{float:none;, text-align:left;margin:5px 0;}
	#metabox_categories_list select,
	#metabox_categories_list input,
	#forms_pagination select {width:100%;margin:0 0 5px 0 !important;}
	#forms_pagination {border-top: 1px solid #dcdcde;padding-top:10px;}
}

/* TABS */
.form-builder #tabs{height:800px;width:100%;overflow:hidden;position:relative;}
.form-builder #tabs-1,
.form-builder #tabs-2,
.form-builder #tabs-3{top:41px;bottom:2px;left:0;right:2px;position:absolute;overflow-y:auto;overflow-x:hidden;}

.form-builder #tabs-2:has( .cff-field-settings-tabs-headers),
.form-builder #tabs-3:has( .cff-field-settings-tabs-headers) {
	padding-top:0;
}

.form-builder #tabs .css-rule,
.form-builder #tabs .css-rule .column{display:flex;gap:5px;align-items:center;flex-grow:1;position:relative;}
.form-builder #tabs .css-rule .clearer {display: none;}
.form-builder #tabs .css-rule .column input[type="text"] {flex-grow:1;}
.form-builder #tabs .cff-css-rule-value-error .column::after {content:"\26A0";color:#cc3300;position:absolute;right:50px;}
.form-builder #tabs .cff-css-rule-value-error .column:first-child::after {right:10px;}
.form-builder #tabs .cff-css-rule-error .column:first-child::after {content:"\26A0";color:#cc3300;position:absolute;right:10px;}

#metabox_default_settings.cff-metabox .cp_template_info img,
.form-builder #tabs #fTemplateThumbnail img {width:150px; border: 1px solid #CDCDCD; }

/* FIELDS SETTINGS TABS */
.cff-field-settings-tabs-headers{
	width: calc( 100% + 2.8em );
	margin-left: -1.4em;
	border-bottom:1px solid var(--wp-admin-theme-color);
	position: sticky;
    top: 0;
    padding-top: 1em;
    background: #ffffff;
	z-index:999999;
}
.cff-field-settings-tabs-headers .cff-field-settings-tab-header-basic,
.cff-field-settings-tabs-headers .cff-field-settings-tab-header-advanced{
	display:inline-block;
	padding: 5px 20px;
	background: #fff;
	border:1px solid var(--wp-admin-theme-color);
	border-bottom:0;
	font-size: 13px;
	margin-left:5px;
	margin-bottom:0 !important;
	color: var(--wp-admin-theme-color);
	cursor:pointer;
}
.cff-field-settings-tabs-headers .cff-field-settings-tab-active{
	border-bottom:1px solid #fff;
	position: relative;
	cursor:initial;
	margin-bottom: -1px !important;
}

.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-basic,
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced{
	display:none;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-active{
	display:block;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced>*:not(.cff-editor-container),
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced>*:not(.cff-editor-container) *{
	margin-bottom:0 !important;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced input{
	display:inline !important;
	margin-bottom:5px !important;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced input[type="text"]{
	text-transform: lowercase;
}
/* Color control */
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced .clr-field{ width: calc( 100% - 30px); }
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced .clr-field input[type="text"]{
    width: 100% !important;
    padding-left:36px !important;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-advanced .clr-field button{
    width: 22px;
    height: 22px;
    min-width: initial;
    min-height:initial;
    left: 5px;
    right: auto;
    border-radius: 50%;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-basic .clr-field {width:25%;cursor: pointer;}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-basic .clr-field button {
    width: 100%;
    height: 100%;
    min-width: initial;
    min-height: initial;
}
.cff-field-settings-tabs-bodies .cff-field-settings-tab-body-basic .clr-field input[type="text"]{
    width: 100%;
}

/* @media screen AND (min-width:710px) {
.form-builder #tabs-1,
.form-builder #tabs-2,
.form-builder #tabs-3{overscroll-behavior:contain;}
} */

.cff-video-tutorial-other-videos::-webkit-scrollbar,
.cff-revisions-container::-webkit-scrollbar,
.cff-revisions-container ::-webkit-scrollbar,
.form-builder .dashboardColumn::-webkit-scrollbar,
.form-builder .dashboardColumn ::-webkit-scrollbar,
.form-builder #tabs::-webkit-scrollbar,
.form-builder #tabs ::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	background: transparent;
}
.cff-form-library-main::-webkit-scrollbar{
	width: 15px;
	background: transparent;
}
.cff-video-tutorial-other-videos::-webkit-scrollbar-thumb,
.cff-revisions-container::-webkit-scrollbar-thumb,
.cff-revisions-container ::-webkit-scrollbar-thumb,
.form-builder .dashboardColumn::-webkit-scrollbar-thumb,
.form-builder .dashboardColumn ::-webkit-scrollbar-thumb,
.form-builder #tabs::-webkit-scrollbar-thumb,
.form-builder #tabs ::-webkit-scrollbar-thumb {
	background: #D0D5DD;
	-webkit-border-radius: 35px;
	-webkit-box-shadow: none;
}
.cff-form-library-main::-webkit-scrollbar-thumb{
	background: #c9ced5;
	-webkit-border-radius: 35px;
	-webkit-box-shadow: none;
}
.cff-form-library-main::-webkit-scrollbar-corner,
.cff-video-tutorial-other-videos::-webkit-scrollbar-corner,
.cff-revisions-container::-webkit-scrollbar-corner,
.cff-revisions-container ::-webkit-scrollbar-corner,
.form-builder .dashboardColumn::-webkit-scrollbar-corner,
.form-builder .dashboardColumn ::-webkit-scrollbar-corner,
.form-builder #tabs::-webkit-scrollbar-corner,
.form-builder #tabs ::-webkit-scrollbar-corner {
	background: transparent;
}

.cff-save-controls-floating-popup {
	display:none;
	z-index: 9999;
	background: white;
	border: 1px solid #c3c4c7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 5px;
	position:fixed;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
}
.cff-save-controls-floating-popup a {text-decoration:none;outline:none;box-shadow:none;}
.cff-save-controls-floating-popup #save3 {width:100%; text-align:center;}
.cff-save-controls-floating-popup .cff-popup-icon {position:relative;}
.cff-save-controls-floating-popup .cff-popup-icon-separator {
	border-top:1px solid #ccc;
	position: relative;
	width: calc( 100% + 10px );
	margin: 10px -5px;
}

.cff-save-controls-floating-popup .cff-popup-icon button{all:unset;}
.cff-save-controls-floating-popup .cff-popup-icon img,
.cff-save-controls-floating-popup .cff-popup-icon input,
.cff-save-controls-floating-popup .cff-popup-icon button{border:1px solid transparent;border-radius:5px;padding:0;margin:0;width:24px;height:24px;min-height:auto !important;min-width:auto !important;color:var(--wp-admin-theme-color);cursor:pointer;transition: border-color 0.3s ease, transform 0.3s ease;}
.cff-save-controls-floating-popup .cff-popup-icon img:hover,
.cff-save-controls-floating-popup .cff-popup-icon input:hover,
.cff-save-controls-floating-popup .cff-popup-icon button:hover{border-color:var(--wp-admin-theme-color);transform: scale(1.1);}
.cff-save-controls-floating-popup .cff-popup-icon.cff-popup-icon-disabled img{opacity:.5;}

.cff-popup-bubble{background-color: #e74c3c;color: white;padding: 8px 12px;border-radius: 4px;font-size: 14px;position: absolute;white-space:nowrap;right:60px;top:-5px;display:inline-block;opacity: 0;visibility:hidden;pointer-events: none;transition:opacity 0.3s ease,visibility 0s linear 0.3s;}
.cff-popup-bubble:after {content: "";position: absolute;top: 50%;right: -10px;margin-top: -10px;border-width: 10px 0 10px 10px;border-style: solid;border-color: transparent transparent transparent #e74c3c;}
.cff-popup-icon:hover .cff-popup-bubble{opacity: 1;visibility: visible;transition:opacity 0.3s ease 0.3s,visibility 0s linear;}

.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 li{border-radius:0;}
.form-builder #tabs .ui-tabs-nav{border-top:0;border-left:0;border-right:0;background:transparent !important;border-color:var(--wp-admin-theme-color);}
.form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav li{background:#f6f7f7;width:30%;float:left;border-color:var(--wp-admin-theme-color);font-size:13px;}
.form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav li.ui-tabs-active{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);font-size:13px;color:white !important;}
.form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav li a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;text-align:center;color:var(--wp-admin-theme-color); box-shadow: none !important; outline:none !important;}
.form-builder .ctrlsColumn .ui-tabs .ui-tabs-nav li.ui-tabs-active a{color:#FFF;}

#fbuilder .components_container{display: table;}
#fbuilder .uh_phone{padding-left:10px;font-size:80%;text-align:center;display: table-cell;}
#fbuilder .uh_phone:first-child{padding-left:0px;}
#fbuilder .uh_phone input{text-align:center;font-size:100%;width:100%;}
#fbuilder .uh_phone div.cpefb_error{display:block;white-space:nowrap;width:400px}

.eq_btn{min-width:45px;}
#sEqButtonsContainer{display:flex;flex-wrap:wrap;gap:2px;}
#sEqButtonsContainer .eq_btn{max-width:160px;overflow:hidden;text-overflow:ellipsis;flex-grow:1;}
.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,
.cff-ai-assistant,
#fCalculated{
    background: #F9E774 !important;
    border: 1px solid #D0771D !important;
    color: #643F0D !important;
}
#fCalculated:hover{
    background: #643F0D !important;
    border: 1px solid #643F0D !important;
    color: #FFF !important;
}
.cff-ai-assistant-icon{background:url(../images/icons/ai.svg) no-repeat center/contain transparent !important;display:inline-block;width:15px;height:15px;filter:brightness(0);}
.cff-ai-assistant{background: url(../images/icons/ai.svg) no-repeat 5px 5px #F9E774 !important;padding-left:25px !important;background-size:17px !important;}
.cff-ai-assistant:hover{background-color: #f3db71 !important;}
.cff-ai-assistant:focus{box-shadow:none !important;}
#sAdvancedEditor{text-align:center; text-transform: uppercase; padding:5px;margin-bottom:10px;cursor:pointer;font-weight:bold;}
#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']{min-width:15px;margin-left:15px;}
.working_dates input[type='checkbox']:first-of-type{margin-left:0;}
.cff-timeslot{display:inline-block;padding:3px;margin:3px;border:1px solid var(--wp-admin-theme-color);border-radius:5px;cursor:pointer;}
.cff-timeslot[data-active="0"]{border-color:#dadada;color:#dadada;}
.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;}

#fbuilder .ui-state-highlight { height: 65px; line-height: 65px; border-radius:2px; opacity:.7; border-color: var(--cff-container-highlight-border-color); background: var(--cff-container-highlight-color);}

.cff-revisions-container{padding:10px 10px 0 10px;}
.cff-revisions-container-flex{display:flex;flex-wrap:wrap;gap:2px;align-items:center;}
.cff-revisions-container-flex *{margin:0;}
.cff-form-name{display:inline-block !important;margin-top:0 !important;padding-top:0 !important;font-size:18px !important;}

.cff-events-list th{white-space:nowrap;}
.cff-events-list img{max-width:100%;}
.cff-events-list .cff-event-data-details{overflow-y:hidden;max-height:150px;position:relative;}
.cff-events-list .cff-event-data-details::after{content:"..."; text-align:center;display:block;width:100%;bottom:0;position:absolute;font-size:130%;}

.cff-event-data:hover  .cff-event-data-details,
.cff-event-show-details .cff-event-data-details{overflow-y:auto;max-height:initial;height:auto;}
.cff-event-data:hover .cff-event-data-details::after,
.cff-event-show-details .cff-event-data-details::after{display:none;}
.cff-event-data-handle{cursor:pointer;}
.cff-event-data-handle::before{content: "\FE3E"; display:block;text-align:center;}
.cff-event-data-handle:hover::before{font-size:110%;}
.cff-event-show-details .cff-event-data-handle::before{content: "\FE3D";}

.cff-addon-item{padding-right:10px;padding-bottom:5px;width:50%;float:left;}
.cff-addon-item:has([id*="addon-stripe-checkout"]){display:none !important;}
.cff-forms-list{width:100%;}
.cff-forms-list tr{display:flex;flex-wrap:wrap;width:100%;}
.cff-forms-list tbody tr {align-items: center;}
.cff-forms-list tr td {padding-left:5px;padding-right:5px;}
.cff-forms-list th{white-space:nowrap;}
.cff-forms-list th:not(:first-child){text-align:center}
.cff-forms-list th:first-child,
.cff-forms-list td:first-child{width:50px}
.cff-forms-list th:nth-child(2),
.cff-forms-list td:nth-child(2){flex-grow:1}
.cff-forms-list th:nth-child(3){width:365px;}
.cff-forms-list th:last-child,
.cff-forms-list td:last-child{width: 240px;word-break: break-all;}
.cff-forms-list [type="text"]{width:100%;}
@media (max-width:1200px){.cff-forms-list th:last-child{display:none;}}
.cff-delete-form{
	background: rgb(220,53,69) !important;
    border-color: #dc3545 !important;
    color: white !important;
}
.cff-delete-form:hover{
	background: rgb(173,41,54) !important;
	border-color: rgb(173,41,54) !important;
}

.cff-main-backend input:not([type="radio"]):not([type="checkbox"]),
.cff-main-backend select,
.cff-main-backend button{min-height:40px; line-height:auto;}
.cff-main-backend .cff-forms-list td{vertical-align:middle;}
.cff-entries-backend input:not([type="radio"]):not([type="checkbox"]),
.cff-entries-backend select,
.cff-entries-backend button{
  height:40px;
  line-height:auto;
}
.cff-entries-backend .cff-events-list input{margin-bottom:5px;}
.cff-entries-backend .cff-filter-entries div{margin-bottom:5px;}
.cff-main-backend .page-numbers,
.cff-entries-backend .page-numbers{
    font-size:16px;
    text-decoration:none;
    color:#333;
    padding:3px 5px;
	outline:none;
	box-shadow:none;
}
.cff-main-backend .page-numbers:hover,
.cff-entries-backend .page-numbers:hover{
    font-weight:600;
}
.cff-main-backend .page-numbers.current,
.cff-entries-backend .page-numbers.current{
    background:var(--wp-admin-theme-color);
    font-weight:700;
    border-radius:5px;
    padding-left:7px;
    padding-right:7px;
    color:white;
}

@media only screen and (max-width: 760px){
	.cff-entries-backend .cff-filter-entries>div{width:100%;margin-right:0!important;margin-bottom:10px;}
	.cff-entries-backend .cff-filter-entries input[type="text"],
	.cff-entries-backend .cff-filter-entries select{display:block;width:100%}
	.cff-entries-backend .cff-filter-entries .cff-filter-left-column{width:48%;}
	.cff-entries-backend .cff-filter-entries .cff-filter-right-column{width:48%;float:right;}
    .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]:not(.choice_text):not(.choice_value),
	.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 5px 0 0;}
	.cff_form_builder .postbox table,
	.cff_form_builder .postbox table thead,
	.cff_form_builder .postbox table tbody,
	.cff_form_builder .postbox table tfoot,
	.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 .expand-shrink{display:none;}
	.dashboardColumn,
	.ctrlsColumn{width:100% !important;position:relative !important;}
	#fbuilder{margin-top:10px;padding:0;}
	.cff-form-name{display:none !important;}
	.cff-revisions-container{float:none; width:100%;padding:10px 5% 0 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;}

    .cff-expand-mssg{width:100%;}
}
@media only screen and (max-width: 480px){
	.cff-custom-table input[type="button"],
	.cff-forms-list th:last-child,
	.cff-forms-list td:last-child{margin:5px 0 !important; width:100% !important;display:block !important;max-width:100%;}
}

.metabox_disabled_section{cursor:pointer !important;}
.metabox_disabled_section * {color:#bfbdbd91 !important;}
.metabox_disabled_section .inside *,
.metabox_disabled_section .inside *::placeholder{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: fixed; top: calc( 5% + 5px ); right: calc( 5% + 10px ); cursor: pointer;display:inline-block;z-index:999999;}
.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 */
#metabox_form_structure{overflow-x:auto;}
#metabox_form_structure.in-viewport{ box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);}
#metabox_form_structure>.inside{margin:10px 0 0 0;}
#metabox_form_structure .hndle h3{margin-top:0;margin-bottom:0;}
.cff_form_builder .cff-save-controls-frame,
.cff_form_builder .cff-navigation-sections-menu{position:relative;}
.cff_form_builder .CodeMirror{height:300px;margin-bottom:10px;overflow-y:hidden !important;resize:vertical;}
.cff_form_builder #sEq+.CodeMirror{height:200px;}
.cff_form_builder #tabs-3 .CodeMirror{height:195px;}
.cff-editor-container.fullscreen{position:fixed;top:30px;right:0;bottom:0;left:0;z-index:999999;background:#f2f5f7;margin:0;display:flex;flex-direction:column;}
.cff-editor-container #cff-css-preview,
.cff-editor-container #cff-fullscreen-shrink{display:none !important;}
.cff-editor-container.fullscreen #cff-css-preview,
.cff-editor-container.fullscreen #cff-fullscreen-shrink{display:initial !important;margin-left: calc( -1% + 5px ) !important;}
.cff-editor-container.fullscreen>div:last-child{flex-grow:1;position:relative;}
.cff-editor-container.fullscreen .CodeMirror{height: 100% !important;position:absolute;left:0;top:0;right:0;bottom:0;}
.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>");background-size:cover;}
.CodeMirror-hints,
.CodeMirror-hint,
.CodeMirror-lint-tooltip{z-index:999999 !important;}
.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);}

/* FOR BUILDER FULLSCREEN */
#metabox_form_structure [name="cff_expand_btn"]{position:relative;padding-right:40px;}
#metabox_form_structure [name="cff_shrink_btn"]{position:relative;padding-left:40px;}
#metabox_form_structure [name="cff_expand_btn"]::after,
#metabox_form_structure [name="cff_shrink_btn"]::before{ content: " "; display: inline-block; width: 24px; height: 100%; position: absolute; background-color: var(--wp-admin-theme-color); mask-image: 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>"); mask-repeat: no-repeat; mask-position: center center; mask-size: contain; }
#metabox_form_structure [name="cff_expand_btn"]::after{right:5px;}
#metabox_form_structure [name="cff_shrink_btn"]::before{left:5px;-webkit-transform:rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
}

.cff-navigation-main-menu{text-align:right;float:right;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;background: white; padding: 10px 15px; border-radius: 30px; border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);}
.cff-navigation-main-menu a{border-radius:50px !important;}
#metabox_form_structure .cff-form-builder-extend-shrink{display:none;float:right;}
#metabox_form_structure:not(.fullscreen) .cff-navigation-sections-menu{display:none;}
.cff-navigation-sections-menu:has(a:hover) *:not(:hover),
.cff-navigation-main-menu:has(a:hover)>*:not(:hover){opacity: 0.6;transition: opacity 0.3s ease;}
.cff-navigation-sections-menu:has(a:hover) a:hover,
.cff-navigation-main-menu:has(a:hover) a:hover {opacity: 1;transition: opacity 0.3s ease;}
.cff-navigation-main-menu span,
.cff-navigation-sections-menu span{display:inline;}
@media (min-width:710px) {
	#metabox_form_structure.fullscreen{position:fixed !important;position:absolute;top:30px;right:0;bottom:0;left:0;z-index:99999;margin:0;}
	#metabox_form_structure.fullscreen .cff-revisions-container{max-height:70px;overflow-y:scroll;}
	#metabox_form_structure .cff-form-builder-extend-shrink{display:inline;flex-grow:1;text-align:right;}
	#metabox_form_structure .cff-form-builder-extend-shrink [name="cff_shrink_btn"]{display:none;}
	#metabox_form_structure.fullscreen .cff-navigation-sections-menu{display:block;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;max-width:98%;overflow:hidden;}
	#metabox_form_structure.fullscreen .cff-form-builder-extend-shrink [name="cff_shrink_btn"]{display:inline-block;}
	#metabox_form_structure.fullscreen .cff-form-builder-extend-shrink [name="cff_expand_btn"]{display:none;}
	#metabox_form_structure.fullscreen .form-builder>.column,
	#metabox_form_structure.fullscreen .form-builder>.column #tabs,
	#metabox_form_structure.fullscreen .form-builder>.columnr{height: 100% !important;}
	#metabox_form_structure.fullscreen .form-builder>.columnr{padding-right:20px;}
	#metabox_form_structure.fullscreen .form-builder{overflow:hidden; position:fixed; bottom:0px; top:100px; right:0; left:0;}
}

.cp-blink-me {animation: cp_blinker 2s linear infinite;text-transform: uppercase;}
.cff-compatibility-warning {/* animation: cp_blinker 4s linear infinite; */ margin-bottom: 20px;font-size:1.3em;}
.cff-warning {margin-top: 10px;color:#fc6756;}
@keyframes cp_blinker{50% {opacity: 0;}}

/**** Market Place ****/
.cff-bundles-plugin-list{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 -10px 0 -10px;}
.cff-bundles-plugin-item{border:1px solid #e6e6e6;border-radius:3px;-webkit-box-flex:1;flex:1;margin:1em;min-width:200px;width:30%;position:relative;}
.cff-bundles-plugin-item-icon{background:#f7f7f7;-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;max-width:100%;}
.cff-bundles-plugin-item-icon img{max-width:100%;}
.cff-bundles-plugin-item-content{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between;padding:10px;}
.cff-bundles-plugin-item-content h3,
.cff-bundles-plugin-item-content p{margin-bottom:10px;margin-top:0;}
.cff-add-discount td{padding:0;}
.cff-bundles-plugin-commercial-item{opacity:0.5}
.cff-bundles-plugin-commercial-item *{border-color:#A0A0A0 !important;color:#A0A0A0 !important;}
.cff-bundles-plugin-commercial-item img{filter:grayscale(1);}

@keyframes cffspinner {to {transform: rotate(360deg);}}

/**** Controls ****/

/**** Radio Buttons Group ****/

.cff-radio-group-ctrl{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	cursor: pointer;
}
.cff-radio-group-ctrl input{
	display:none;
}
.cff-radio-group-ctrl input:checked+span{
	background:rgba(140, 143, 148, 0.3);
	text-shadow: 1px 1px white
}
.cff-radio-group-ctrl label{
	flex-grow:1;
}
.cff-radio-group-ctrl label span{
	display:block;
	text-align:center;
	border: 1px solid rgb(140, 143, 148);
	padding:5px;
}
.cff-radio-group-ctrl  label:first-child span{
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.cff-radio-group-ctrl  label:last-child span{
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

/**** Video Tutorial ****/
#cff-video-tutorial-modal,
#cff-video-tutorial-ds-modal,
.cff-settings-dialog-modal{
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(0,0,0,.3);
}
#cff-video-tutorial,
#cff-video-tutorial-ds,
.cff-settings-dialog{
	width:80%;
	max-width:640px;
	position:fixed;
	display:flex;
	flex-direction:column;
	height:80%;
	max-height:480px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:white;
	border: 1px solid #c3c4c7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	z-index:99999;
}
.cff-video-tutorial-header,
.cff-settings-dialog-header{
	height:30px;
	text-align:right;
	padding:10px;
}
.cff-video-tutorial-close,
.cff-settings-dialog-close{
	font-family:Sans-Serif;
	font-size:20px;
	text-align:right;
	font-weight:500;
	cursor:pointer;
	text-decoration:none;
	box-shadow:none !important;
	outline:none !important;
}
.cff-video-tutorial-close:hover,
.cff-settings-dialog-close:hover{
	zoom: 1.1;
}
.cff-video-tutorial-container,
.cff-settings-dialog-container{
	flex-grow:1;
	padding:10px;
}
.cff-video-tutorial-container iframe{
	width:100%;
	height:100%;
}
.cff-video-tutorial-other-videos{
	display:flex;
	flex-direction:row;
	padding:0 5px 5px 5px;
	overflow-x: auto;
	white-space:nowrap;
}
.cff-video-tutorial-thumbnail{width:100px;padding:5px;border:1px solid #dadada;margin:5px;flex-shrink:0;}
.cff-video-tutorial-thumbnail a{text-decoration:none;display:block;text-decoration:none!important;box-shadow:none!important;}
.cff-video-tutorial-thumbnail a:has(img){line-height:0;}
.cff-video-tutorial-thumbnail img{width:100%;}