芝麻web文件管理V1.00
编辑当前文件:/home/projzpbv/www/wp-content/plugins/calculated-fields-form/css/style.css
@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 .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;} .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 );} .choice-ctrls{position:absolute;right:-3px;top:50%;transform:translateY(-50%);} .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%;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>.hndle::before{content:"\276F";} .cff-metabox.cff-metabox-opened>.hndle::before{content:"\276F";transform:rotate(90deg);} .cff-metabox.cff-metabox-closed{background-color:#F6F6F6;} .cff-metabox.cff-metabox-closed .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;} .form-builder #tabs .css-rule .clearer {display: none;} .form-builder #tabs .css-rule .column input[type="text"] {flex-grow:1;} #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; } /* @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 img, .cff-save-controls-floating-popup .cff-popup-icon input{border:1px solid transparent;border-radius:5px;padding:0;margin:0;width:24px;height:24px;min-height:auto !important;min-width:auto !important;} .cff-save-controls-floating-popup .cff-popup-icon:not(.cff-popup-icon-disabled) img:hover, .cff-save-controls-floating-popup .cff-popup-icon input: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-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-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;} .choice-ctrls{top:0px;} .choicesEdit:has(.choice_optgroup) input[type=text]{width:calc( 50% - 60px );-webkit-width:calc( 50% - 60px );-moz-width:calc( 50% - 60px );width:-o-calc( 50% - 60px );} .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.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,
");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,
"); 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{ 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{ 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); } .cff-video-tutorial-header{ height:30px; text-align:right; padding:10px 10px 0 0; } .cff-video-tutorial-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{ zoom: 1.1; } .cff-video-tutorial-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%;}