html body #form-preview-stage, html body #form-preview-stage[class*="wpuf"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"], .wpuf-form-add.wpuf-style, .wpuf-form-edit.wpuf-style { background: transparent !important; background-color: transparent !important; padding: 30px !important; border-radius: 16px !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important; max-width: 900px !important; margin: 30px auto !important; font-family: inherit !important; color: inherit !important; } .wpuf-form-add ul.wpuf-form, .wpuf-form-edit ul.wpuf-form { list-style: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; } .wpuf-form-add ul.wpuf-form li, .wpuf-form-edit ul.wpuf-form li { margin-bottom: 25px !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; border: none !important; } html body #form-preview-stage .wpuf-label label, html body #form-preview-stage .wpuf-label, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] .wpuf-label label, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] .wpuf-label label, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] .wpuf-label, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] .wpuf-label { font-weight: 600 !important; color: inherit !important; margin-bottom: 10px !important; display: block !important; font-size: 15px !important; line-height: 1.4 !important; float: none !important; width: 100% !important; background: transparent !important; } .wpuf-form-add .wpuf-fields, .wpuf-form-edit .wpuf-fields { float: none !important; width: 100% !important; background: transparent !important; } html body #form-preview-stage .wpuf-help, html body #form-preview-stage .wpuf-wordlimit-message, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] .wpuf-help, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] .wpuf-wordlimit-message, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] .wpuf-help, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] .wpuf-wordlimit-message { color: rgba(236, 236, 236, 0.6) !important; font-size: 13px !important; margin-top: 6px !important; font-style: italic !important; display: block !important; background: transparent !important; } html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="text"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="email"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="password"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="url"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="number"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="tel"], html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields select, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="text"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="email"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="password"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="url"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="number"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="tel"], html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields select, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="text"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="email"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="password"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="url"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="number"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input[type="tel"], html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields select { width: 100% !important; padding: 14px 18px !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; font-size: 15px !important; color: #ececec !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: none !important; box-sizing: border-box !important; outline: none !important; } .wpuf-form-add select, .wpuf-form-edit select { height: auto !important; appearance: none !important; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important; background-repeat: no-repeat !important; background-position: right 1rem top 50% !important; background-size: 0.65rem auto !important; padding-right: 2.5rem !important; } .wpuf-form-add select option, .wpuf-form-edit select option { background-color: #333 !important; color: #fff !important; } .wpuf-form-add .chosen-container, .wpuf-form-edit .chosen-container { width: 100% !important; font-family: inherit !important; } body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple], body .wpuf-form-edit.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; color: #ececec !important; padding: 10px !important; min-height: 120px !important; transition: all 0.3s ease !important; } body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] option, body .wpuf-form-edit.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] option { background: #2a2a2a !important; color: #ececec !important; padding: 5px 10px !important; } .wpuf-form-add .chosen-container-multi .chosen-choices, .wpuf-form-edit .chosen-container-multi .chosen-choices { background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 12px !important; padding: 5px 10px !important; min-height: 45px !important; box-shadow: none !important; transition: all 0.3s ease !important; } .wpuf-form-add .chosen-container-active .chosen-choices, .wpuf-form-edit .chosen-container-active .chosen-choices { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.2) !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice { background: #c1ffb4 !important; border: none !important; border-radius: 20px !important; color: #1a1a1a !important; padding: 5px 25px 5px 12px !important; margin: 4px 5px 4px 0 !important; font-size: 13px !important; font-weight: 500 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 50% !important; transform: translateY(-50%) !important; filter: brightness(0) !important; opacity: 0.6 !important; } .wpuf-form-add .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover, .wpuf-form-edit .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { opacity: 1 !important; } .wpuf-form-add .chosen-container .chosen-drop, .wpuf-form-edit .chosen-container .chosen-drop { background: #2a2a2a !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important; margin-top: 5px !important; } .wpuf-form-add .chosen-container .chosen-results, .wpuf-form-edit .chosen-container .chosen-results { color: #ececec !important; padding: 5px !important; } .wpuf-form-add .chosen-container .chosen-results li.active-result, .wpuf-form-edit .chosen-container .chosen-results li.active-result { padding: 8px 12px !important; border-radius: 8px !important; transition: background 0.2s ease !important; } .wpuf-form-add .chosen-container .chosen-results li.highlighted, .wpuf-form-edit .chosen-container .chosen-results li.highlighted { background: #c1ffb4 !important; color: #1a1a1a !important; } .wpuf-form-add .chosen-container-single .chosen-single, .wpuf-form-edit .chosen-container-single .chosen-single { height: auto !important; padding: 12px 18px !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; color: inherit !important; box-shadow: none !important; display: flex !important; align-items: center !important; } html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap { border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; overflow: hidden !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; } html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap .wp-editor-container, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap .wp-editor-container, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap .wp-editor-container, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap textarea, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap textarea, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap textarea { border: none !important; background: transparent !important; background-color: transparent !important; box-shadow: none !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-tinymce, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-container, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-panel, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-top-part, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-stack-layout, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-stack-layout-item, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-container-body, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-flow-layout, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-flow-layout-item, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-toolbar, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-btn-group, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-widget, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-tinymce, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-container, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-panel, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-top-part, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-stack-layout, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-stack-layout-item, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-container-body, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-flow-layout, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-flow-layout-item, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-toolbar, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-btn-group, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-widget, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-tinymce, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-container, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-panel, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-top-part, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-stack-layout, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-stack-layout-item, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-container-body, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-flow-layout, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-flow-layout-item, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-toolbar, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-btn-group, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-widget { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp { background: transparent !important; background-color: transparent !important; border-color: rgba(128, 128, 128, 0.15) !important; border-bottom: 1px solid rgba(128, 128, 128, 0.15) !important; padding: 4px 2px !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-statusbar, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-statusbar, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-statusbar { background: rgba(128, 128, 128, 0.05) !important; background-color: rgba(128, 128, 128, 0.05) !important; border-color: rgba(128, 128, 128, 0.1) !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-btn, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-btn, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-btn { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-btn:hover, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-btn:hover, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-btn:hover { background: rgba(193, 255, 180, 0.1) !important; background-color: rgba(193, 255, 180, 0.1) !important; border-radius: 4px !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-btn.mce-active, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-btn.mce-active, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-btn.mce-active { background: rgba(193, 255, 180, 0.15) !important; background-color: rgba(193, 255, 180, 0.15) !important; border-radius: 4px !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-btn button, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-btn button, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-btn button { color: #ececec !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-ico, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-ico, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-ico { color: #ececec !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-edit-area, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-edit-area, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-edit-area { background: rgba(128, 128, 128, 0.03) !important; background-color: rgba(128, 128, 128, 0.03) !important; border-top: 1px solid rgba(128, 128, 128, 0.1) !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-resizehandle i, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-resizehandle i { color: rgba(236, 236, 236, 0.3) !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-path-item, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-path-item { color: rgba(236, 236, 236, 0.5) !important; } .wpuf-form-add .wpuf-checkbox-block, .wpuf-form-add .wpuf-radio-block, .wpuf-form-edit .wpuf-checkbox-block, .wpuf-form-edit .wpuf-radio-block { display: flex !important; align-items: center !important; margin-bottom: 12px !important; padding: 14px 20px !important; background: rgba(128, 128, 128, 0.05) !important; background-color: rgba(128, 128, 128, 0.05) !important; border-radius: 12px !important; transition: all 0.2s ease !important; cursor: pointer !important; border: 1px solid rgba(128, 128, 128, 0.1) !important; color: #ececec !important; } .wpuf-form-add .wpuf-checkbox-block:hover, .wpuf-form-add .wpuf-radio-block:hover { background: rgba(128, 128, 128, 0.1) !important; border-color: rgba(128, 128, 128, 0.2) !important; } .wpuf-form-add input[type="checkbox"], .wpuf-form-edit input[type="checkbox"] { appearance: none !important; -webkit-appearance: none !important; width: 22px !important; height: 22px !important; background: rgba(128, 128, 128, 0.15) !important; border: 2px solid rgba(128, 128, 128, 0.3) !important; border-radius: 6px !important; margin: 0 14px 0 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; } html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields input[type="checkbox"]:checked, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields input[type="checkbox"]:checked { background-color: #c1ffb4 !important; border-color: #c1ffb4 !important; } html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields input[type="checkbox"]:checked::after, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields input[type="checkbox"]:checked::after { content: '' !important; position: absolute !important; left: 50% !important; top: 50% !important; width: 5px !important; height: 10px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: translate(-50%, -50%) rotate(45deg) !important; margin-top: -2px !important; background-image: none !important; } .wpuf-form-add input[type="radio"], .wpuf-form-edit input[type="radio"] { appearance: none !important; -webkit-appearance: none !important; width: 22px !important; height: 22px !important; background: rgba(128, 128, 128, 0.15) !important; border: 2px solid rgba(128, 128, 128, 0.3) !important; border-radius: 50% !important; margin: 0 14px 0 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; } .wpuf-form-add input[type="radio"]:checked, .wpuf-form-edit input[type="radio"]:checked { border-color: #c1ffb4 !important; background-color: transparent !important; } .wpuf-form-add input[type="radio"]:checked::after, .wpuf-form-edit input[type="radio"]:checked::after { content: '' !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #c1ffb4 !important; } html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields a.file-selector, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields a.file-selector, html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .file-selector, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .file-selector, html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .wpuf-file-upload-zone, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .wpuf-file-upload-zone, .wpuf-form-add .wpuf-button, .wpuf-form-add .button.file-selector, .wpuf-form-edit .wpuf-button, .wpuf-form-edit .button.file-selector { background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; border: 1px dashed rgba(128, 128, 128, 0.3) !important; border-radius: 12px !important; padding: 12px 20px !important; color: #ececec !important; font-weight: 500 !important; text-decoration: none !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; height: auto !important; min-height: 48px !important; box-sizing: border-box !important; box-shadow: none !important; transition: all 0.2s ease !important; } html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields a.file-selector:before, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields a.file-selector:before, html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .file-selector:before, html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form li .wpuf-fields .file-selector:before { filter: invert(0.9) !important; } html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields input:focus, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea:focus, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields select:focus, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields input:focus, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea:focus, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields select:focus, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields input:focus, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields textarea:focus, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields select:focus, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap.has-focus, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap.has-focus, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap.has-focus, html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap:focus-within, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap:focus-within, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .wp-editor-wrap:focus-within, html body .wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form .wpuf-fields .chosen-container-active .chosen-single { border-color: #c1ffb4 !important; background-color: rgba(128, 128, 128, 0.05) !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.15) !important; } html body #form-preview-stage ul.wpuf-form .wpuf-submit input[type="submit"], html body .wpuf-form-add.wpuf-form-add:not(.wpuf-theme-style) ul.wpuf-form .wpuf-submit input[type="submit"], html body .wpuf-form-edit.wpuf-form-edit:not(.wpuf-theme-style) ul.wpuf-form .wpuf-submit input[type="submit"], body .wpuf-submit-button, body .wpuf-form-add .wpuf-submit-button, body .wpuf-form-edit .wpuf-submit-button, body .wpuf-submit input[type="submit"], body .wpuf-form-add .wpuf-submit input[type="submit"], body .wpuf-form-edit .wpuf-submit input[type="submit"], input.wpuf-submit-button.wpuf_submit_6181, .wpuf-submit-button { background: #c1ffb4 !important; background-color: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 12px !important; padding: 16px 36px !important; font-size: 16px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; display: inline-block !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; border: none !important; outline: none !important; text-shadow: none !important; border-color: transparent !important; min-width: 180px !important; height: auto !important; line-height: 1 !important; text-transform: none !important; -webkit-appearance: none !important; } body .wpuf-submit-button:focus, body .wpuf-submit input[type="submit"]:focus, .wpuf-submit-button:focus, body .wpuf-submit-button:active, body .wpuf-submit input[type="submit"]:active, .wpuf-submit-button:active { outline: none !important; border: none !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.4) !important; } body .wpuf-submit-button:hover, body .wpuf-submit input[type="submit"]:hover, .wpuf-submit-button:hover { background: #c1ffb4 !important; background-color: #c1ffb4 !important; transform: translateY(-3px) !important; box-shadow: 0 8px 24px rgba(193, 255, 180, 0.4) !important; filter: brightness(105%) !important; } .wpuf-loading { background: none !important; width: 24px !important; height: 24px !important; display: inline-block !important; position: relative !important; vertical-align: middle !important; margin-left: 10px !important; } .wpuf-loading .dashicons { display: none !important; } .wpuf-loading::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 3px solid rgba(193, 255, 180, 0.2) !important; border-top-color: #c1ffb4 !important; border-radius: 50% !important; animation: wpuf-spin 0.8s linear infinite !important; box-sizing: border-box !important; } .wpuf-submit .wpuf-loading { margin-top: 10px !important; margin-left: 0 !important; display: block !important; } @keyframes wpuf-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-color-scheme: dark) { .wpuf-form-add select option, .wpuf-form-edit select option { background-color: #222 !important; color: #fff !important; } } .wpuf-ms-dropdown { position: relative !important; width: 100% !important; font-family: inherit !important; z-index: 10 !important; } .wpuf-ms-dropdown.wpuf-ms-open { z-index: 100 !important; } .wpuf-ms-trigger { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; min-height: 50px !important; padding: 8px 16px !important; background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important; outline: none !important; color: #ececec !important; } .wpuf-ms-trigger:hover, .wpuf-ms-trigger:focus { border-color: #c1ffb4 !important; box-shadow: 0 0 0 3px rgba(193, 255, 180, 0.15) !important; background: rgba(128, 128, 128, 0.05) !important; } .wpuf-ms-open .wpuf-ms-trigger { border-color: #c1ffb4 !important; box-shadow: 0 0 0 4px rgba(193, 255, 180, 0.15) !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .wpuf-ms-tags { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; flex: 1 !important; align-items: center !important; min-height: 30px !important; } .wpuf-ms-placeholder { color: rgba(200, 200, 200, 0.5) !important; font-size: 15px !important; user-select: none !important; } .wpuf-ms-arrow { display: flex !important; align-items: center !important; justify-content: center !important; color: rgba(200, 200, 200, 0.5) !important; transition: transform 0.25s ease !important; flex-shrink: 0 !important; } .wpuf-ms-open .wpuf-ms-arrow { transform: rotate(180deg) !important; } .wpuf-ms-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; background: #c1ffb4 !important; color: #1a1a1a !important; border-radius: 20px !important; padding: 4px 10px 4px 12px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; animation: wpuf-ms-tag-in 0.2s ease !important; white-space: nowrap !important; max-width: 180px !important; } .wpuf-ms-tag-text { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wpuf-ms-tag-close { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background: rgba(0, 0, 0, 0.15) !important; cursor: pointer !important; font-size: 14px !important; line-height: 1 !important; transition: background 0.15s ease !important; flex-shrink: 0 !important; } .wpuf-ms-tag-close:hover { background: rgba(0, 0, 0, 0.3) !important; } @keyframes wpuf-ms-tag-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } } .wpuf-ms-panel { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; background: rgba(0, 0, 0, 0.6) !important; -webkit-backdrop-filter: blur(16px) !important; backdrop-filter: blur(16px) !important; border: 1px solid rgba(193, 255, 180, 0.25) !important; border-top: none !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important; max-height: 0 !important; overflow: hidden !important; opacity: 0 !important; transition: max-height 0.3s ease, opacity 0.2s ease !important; box-sizing: border-box !important; z-index: 101 !important; } .wpuf-ms-open .wpuf-ms-panel { max-height: 320px !important; opacity: 1 !important; overflow: visible !important; } .wpuf-ms-search-wrap { padding: 10px 12px 6px !important; position: sticky !important; top: 0 !important; background: rgba(0, 0, 0, 0.6) !important; z-index: 2 !important; } .wpuf-ms-search { width: 100% !important; padding: 9px 14px !important; background: rgba(255, 255, 255, 0.35) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; border-radius: 8px !important; color: #ffffff !important; font-size: 14px !important; outline: none !important; box-sizing: border-box !important; transition: all 0.2s ease !important; } .wpuf-ms-search:focus { border-color: rgba(193, 255, 180, 0.4) !important; box-shadow: none !important; } .wpuf-ms-search::placeholder { color: rgba(255, 255, 255, 0.8) !important; } .wpuf-ms-list { max-height: 200px !important; overflow-y: auto !important; padding: 4px 6px !important; scrollbar-width: thin !important; scrollbar-color: rgba(193, 255, 180, 0.3) transparent !important; } .wpuf-ms-list::-webkit-scrollbar { width: 6px !important; } .wpuf-ms-list::-webkit-scrollbar-thumb { background: rgba(193, 255, 180, 0.3) !important; border-radius: 3px !important; } .wpuf-ms-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 12px !important; border-radius: 8px !important; cursor: pointer !important; transition: background 0.15s ease !important; color: #ececec !important; font-size: 14px !important; margin-bottom: 2px !important; user-select: none !important; } .wpuf-ms-item:hover { background: rgba(193, 255, 180, 0.1) !important; } .wpuf-ms-item-hidden { display: none !important; } .wpuf-ms-item:has(.wpuf-ms-checkbox:checked) { background: rgba(193, 255, 180, 0.08) !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox { appearance: none !important; -webkit-appearance: none !important; width: 18px !important; height: 18px !important; min-width: 18px !important; background: rgba(255, 255, 255, 0.08) !important; border: 2px solid rgba(193, 255, 180, 0.3) !important; border-radius: 5px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; position: relative !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; box-shadow: none !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:hover { border-color: rgba(193, 255, 180, 0.5) !important; background: rgba(193, 255, 180, 0.1) !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked { background: #c1ffb4 !important; border-color: #c1ffb4 !important; } body .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after, body .wpuf-form-add .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after, body .wpuf-form-edit .wpuf-ms-dropdown input[type="checkbox"].wpuf-ms-checkbox:checked::after { content: '' !important; position: absolute !important; left: 5px !important; top: 1px !important; width: 5px !important; height: 9px !important; border: solid #1a1a1a !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } .wpuf-ms-item-label { flex: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .wpuf-ms-clear-wrap { padding: 6px 12px 10px !important; text-align: right !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; display: none !important; } .wpuf-ms-clear { background: none !important; border: none !important; color: rgba(193, 255, 180, 0.7) !important; cursor: pointer !important; font-size: 12px !important; padding: 4px 8px !important; border-radius: 4px !important; transition: all 0.15s ease !important; } .wpuf-ms-clear:hover { color: #c1ffb4 !important; background: rgba(193, 255, 180, 0.1) !important; } .wpuf-form-add select[data-ms-init], .wpuf-form-edit select[data-ms-init], li.wpuf-el select[data-ms-init] { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; pointer-events: none !important; } .wpuf-ms-selected { background: rgba(193, 255, 180, 0.15) !important; color: #c1ffb4 !important; font-weight: 500 !important; } .wpuf-ms-selected::after { content: "✓"; margin-left: auto !important; color: #c1ffb4 !important; font-weight: bold !important; font-size: 14px !important; } .wpuf-ms-single-value { color: #ececec !important; font-size: 15px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin-right: 10px !important; } .wpuf-ms-parent { font-weight: bold !important; color: #c1ffb4 !important; cursor: default !important; pointer-events: none !important; padding-top: 12px !important; padding-bottom: 8px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .wpuf-ms-parent .wpuf-ms-item-label { text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.05em !important; opacity: 0.8 !important; } body .wpuf-dashboard-container { background: transparent !important; color: inherit !important; max-width: 1100px !important; margin: 0 auto !important; padding: 0 !important; } body .wpuf-dashboard-container::after { clear: both !important; content: "" !important; display: table !important; } body .wpuf-dashboard-container h2.page-head { font-size: 28px !important; font-weight: 700 !important; color: inherit !important; margin-bottom: 8px !important; padding: 0 !important; background: transparent !important; border: none !important; } body .wpuf-dashboard-container h2.page-head .colour { color: #c1ffb4 !important; background: linear-gradient(135deg, #c1ffb4, #8be8a0) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } body .wpuf-dashboard-container .post_count { color: rgba(236, 236, 236, 0.6) !important; font-size: 15px !important; margin-bottom: 28px !important; padding: 0 !important; } body .wpuf-dashboard-container .post_count span { color: #c1ffb4 !important; font-weight: 700 !important; } body .wpuf-dashboard-container .items-table-container { border-radius: 16px !important; overflow: hidden !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15) !important; max-width: 100% !important; overflow-x: auto !important; } body .wpuf-dashboard-container table.items-table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; background: rgba(128, 128, 128, 0.04) !important; border: none !important; color: #ececec !important; font-size: 14px !important; font-weight: 400 !important; margin: 0 !important; } body .wpuf-dashboard-container table.items-table thead tr { border: none !important; } body .wpuf-dashboard-container table.items-table th { background: rgba(128, 128, 128, 0.08) !important; color: rgba(236, 236, 236, 0.7) !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; padding: 14px 16px !important; border-bottom: 2px solid rgba(193, 255, 180, 0.15) !important; box-shadow: none !important; white-space: nowrap !important; } body .wpuf-dashboard-container table.items-table tbody tr { border: none !important; border-bottom: 1px solid rgba(128, 128, 128, 0.1) !important; transition: background 0.2s ease !important; } body .wpuf-dashboard-container table.items-table tbody tr:last-child { border-bottom: none !important; } body .wpuf-dashboard-container table.items-table tbody tr:hover { background: rgba(193, 255, 180, 0.04) !important; } body .wpuf-dashboard-container table.items-table td { padding: 12px 16px !important; border: none !important; color: #ececec !important; vertical-align: middle !important; } body .wpuf-dashboard-container table.items-table a { color: #ececec !important; text-decoration: none !important; box-shadow: none !important; transition: color 0.2s ease !important; } body .wpuf-dashboard-container table.items-table a:hover { color: #c1ffb4 !important; } body .wpuf-dashboard-container table.items-table td img.wp-post-image, body .wpuf-dashboard-container table.items-table td img.attachment-thumbnail { width: 56px !important; height: 56px !important; object-fit: cover !important; border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; display: block !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } body .wpuf-dashboard-container table.items-table td img.wp-post-image:hover, body .wpuf-dashboard-container table.items-table td img.attachment-thumbnail:hover { transform: scale(1.08) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important; } body .wpuf-dashboard-container table.items-table .post-edit-icon { display: none !important; } body .wpuf-dashboard-container table.items-table td[data-label="Status: "] span { display: inline-block !important; padding: 4px 14px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; letter-spacing: 0.02em !important; } body .wpuf-dashboard-container .wpuf-posts-options { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; border-radius: 10px !important; transition: all 0.2s ease !important; float: none !important; padding: 0 !important; margin-right: 6px !important; } body .wpuf-dashboard-container .wpuf-posts-options img { width: 16px !important; height: 16px !important; opacity: 0.6 !important; transition: opacity 0.2s ease !important; filter: brightness(0) invert(1) !important; } body .wpuf-dashboard-container .wpuf-posts-edit { background: rgba(128, 128, 128, 0.1) !important; } body .wpuf-dashboard-container .wpuf-posts-edit:hover { background: rgba(193, 255, 180, 0.2) !important; } body .wpuf-dashboard-container .wpuf-posts-edit:hover img { opacity: 1 !important; filter: brightness(0) invert(0.8) sepia(1) saturate(3) hue-rotate(80deg) !important; } body .wpuf-dashboard-container .wpuf-posts-delete { background: rgba(128, 128, 128, 0.1) !important; } body .wpuf-dashboard-container .wpuf-posts-delete:hover { background: rgba(255, 91, 91, 0.2) !important; } body .wpuf-dashboard-container .wpuf-posts-delete:hover img { opacity: 1 !important; filter: brightness(0) invert(0.5) sepia(1) saturate(10) hue-rotate(0deg) !important; } body .wpuf-dashboard-container .wpuf-pagination { margin-top: 24px !important; text-align: center !important; padding: 10px 0 !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 38px !important; height: 38px !important; padding: 0 12px !important; margin: 0 3px !important; border-radius: 10px !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; background: rgba(128, 128, 128, 0.06) !important; color: #ececec !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; transition: all 0.2s ease !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers:hover, body .wpuf-dashboard-container .wpuf-pagination .page-numbers:active { background: rgba(193, 255, 180, 0.1) !important; border-color: rgba(193, 255, 180, 0.3) !important; color: #c1ffb4 !important; } body .wpuf-dashboard-container .wpuf-pagination .page-numbers.current { background: #c1ffb4 !important; border-color: #c1ffb4 !important; color: #1a1a1a !important; font-weight: 700 !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.3) !important; } body .wpuf-dashboard-container .wpuf-pagination .next.page-numbers, body .wpuf-dashboard-container .wpuf-pagination .prev.page-numbers { font-size: 18px !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation { width: 20% !important; float: left !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul { list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li { margin-bottom: 4px !important; padding: 0 !important; display: block !important; background: transparent !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a { display: block !important; padding: 10px 16px !important; border-radius: 10px !important; color: #ececec !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; box-shadow: none !important; transition: all 0.2s ease !important; background: transparent !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a:hover { background: rgba(193, 255, 180, 0.08) !important; color: #c1ffb4 !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation li.active a, body .wpuf-dashboard-container .wpuf-dashboard-navigation a.active { background: rgba(193, 255, 180, 0.12) !important; color: #c1ffb4 !important; font-weight: 600 !important; } body .wpuf-dashboard-container .wpuf-dashboard-content { width: 80% !important; float: right !important; color: #ececec !important; } body .wpuf-dashboard-container .wpuf-dashboard-content p { color: rgba(236, 236, 236, 0.7) !important; line-height: 1.7 !important; } body .wpuf-dashboard-container .wpuf-dashboard-content a { color: #c1ffb4 !important; text-decoration: none !important; transition: opacity 0.2s ease !important; } body .wpuf-dashboard-container .wpuf-dashboard-content a:hover { opacity: 0.8 !important; text-decoration: underline !important; } body .wpuf-dashboard-container .wpuf-message { text-align: center !important; padding: 40px 30px !important; background: rgba(128, 128, 128, 0.06) !important; border: 1px solid rgba(128, 128, 128, 0.12) !important; border-radius: 16px !important; color: rgba(236, 236, 236, 0.5) !important; font-size: 16px !important; margin: 20px 0 !important; } body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form { background: transparent !important; } @media screen and (max-width: 991px) { body .wpuf-dashboard-container .wpuf-dashboard-navigation { width: 100% !important; float: none !important; margin-bottom: 24px !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; flex-direction: row !important; background: transparent !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li { display: inline-block !important; margin: 0 !important; } body .wpuf-dashboard-container .wpuf-dashboard-navigation a { padding: 8px 14px !important; font-size: 13px !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; } body .wpuf-dashboard-container .wpuf-dashboard-content { width: 100% !important; float: none !important; } } @media screen and (max-width: 600px) { body .wpuf-dashboard-container h2.page-head { font-size: 22px !important; } body .wpuf-dashboard-container .items-table-container { border-radius: 12px !important; border: none !important; box-shadow: none !important; } body .wpuf-dashboard-container table.items-table { border: none !important; background: transparent !important; } body .wpuf-dashboard-container table.items-table thead { display: none !important; } body .wpuf-dashboard-container table.items-table tbody tr { display: block !important; background: rgba(128, 128, 128, 0.06) !important; border: 1px solid rgba(128, 128, 128, 0.12) !important; border-radius: 12px !important; margin-bottom: 12px !important; padding: 12px !important; overflow: hidden !important; } body .wpuf-dashboard-container table.items-table tbody tr:hover { background: rgba(193, 255, 180, 0.04) !important; } body .wpuf-dashboard-container table.items-table td { display: flex !important; align-items: center !important; padding: 8px 4px !important; border: none !important; } body .wpuf-dashboard-container table.items-table td::before { content: attr(data-label) !important; font-weight: 600 !important; color: rgba(236, 236, 236, 0.5) !important; font-size: 11px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; min-width: 100px !important; flex-shrink: 0 !important; } body .wpuf-dashboard-container table.items-table tr td { display: flex !important; } body .wpuf-dashboard-container table.items-table tr td:first-child { justify-content: flex-start !important; } body .wpuf-dashboard-container table.items-table .post-edit-icon { display: none !important; } body .wpuf-dashboard-container .wpuf-posts-options { width: 32px !important; height: 32px !important; border-radius: 8px !important; } } body .wpuf-form-add .upload-item .progress, body .wpuf-form-edit .upload-item .progress, body .wpuf-form .upload-item .progress { background: rgba(128, 128, 128, 0.15) !important; border-radius: 8px !important; height: 12px !important; margin-top: 10px !important; overflow: hidden !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2) !important; width: 100% !important; } body .wpuf-form-add .upload-item .progress .bar, body .wpuf-form-edit .upload-item .progress .bar, body .wpuf-form .upload-item .progress .bar { background: #c1ffb4 !important; height: 100% !important; border-radius: 8px !important; transition: width 0.3s ease !important; box-shadow: 0 0 10px rgba(193, 255, 180, 0.5) !important; } body.swal2-shown .swal2-container { background-color: rgba(0, 0, 0, 0.6) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; z-index: 999999 !important; } body.swal2-shown .swal2-popup { background: #1a1a1a !important; border: 1px solid rgba(128, 128, 128, 0.2) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important; color: #ececec !important; font-family: inherit !important; padding: 30px 20px !important; } body.swal2-shown .swal2-title { color: #fff !important; font-size: 24px !important; font-weight: 600 !important; } body.swal2-shown .swal2-html-container, body.swal2-shown .swal2-content { color: rgba(236, 236, 236, 0.8) !important; font-size: 16px !important; } body.swal2-shown .swal2-icon.swal2-warning { border-color: #ffd27d !important; color: #ffd27d !important; } body.swal2-shown .swal2-icon.swal2-success { border-color: #c1ffb4 !important; color: #c1ffb4 !important; } body.swal2-shown .swal2-icon.swal2-error { border-color: #ff7d7d !important; color: #ff7d7d !important; } body.swal2-shown .swal2-actions { gap: 15px !important; margin-top: 25px !important; } body.swal2-shown .swal2-confirm, body.swal2-shown .swal2-confirm.btn-success { background: #c1ffb4 !important; color: #1a1a1a !important; border: none !important; border-radius: 12px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: 0 4px 14px rgba(193, 255, 180, 0.2) !important; transition: all 0.3s ease !important; margin: 0 !important; } body.swal2-shown .swal2-confirm:hover, body.swal2-shown .swal2-confirm.btn-success:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(193, 255, 180, 0.3) !important; background: #c1ffb4 !important; } body.swal2-shown .swal2-cancel, body.swal2-shown .swal2-cancel.btn-danger { background: rgba(128, 128, 128, 0.15) !important; color: #ececec !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 600 !important; transition: all 0.3s ease !important; margin: 0 !important; } body.swal2-shown .swal2-cancel:hover, body.swal2-shown .swal2-cancel.btn-danger:hover { background: rgba(128, 128, 128, 0.25) !important; border-color: rgba(128, 128, 128, 0.4) !important; color: #fff !important; } html body #form-preview-stage[class*="wpuf"] ul.wpuf-form .wpuf-fields .wp-editor-wrap .mce-tinymce, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form .wpuf-fields .wp-editor-wrap .mce-tinymce, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form .wpuf-fields .wp-editor-wrap .mce-tinymce, html body .wpuf-form-add ul.wpuf-form .wpuf-fields .wp-editor-wrap .mce-tinymce, html body .wpuf-form-edit ul.wpuf-form .wpuf-fields .wp-editor-wrap .mce-tinymce, html body .wp-editor-wrap .mce-tinymce { border: 1px solid rgba(128, 128, 128, 0.25) !important; border-radius: 12px !important; overflow: hidden !important; background: rgba(128, 128, 128, 0.08) !important; background-color: rgba(128, 128, 128, 0.08) !important; box-shadow: none !important; } html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp,  html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp,  html body #form-preview-stage[class*="wpuf"] ul.wpuf-form li .mce-toolbar-grp, html body .wpuf-form-add.wpuf-form-add[class*="wpuf"] ul.wpuf-form li .mce-top-part::before, html body .wpuf-form-edit.wpuf-form-edit[class*="wpuf"] ul.wpuf-form li .mce-top-part::before, html body .wpuf-form-add.wpuf-form-add.wpuf-form-layout1:not(.wpuf-theme-style) ul.wpuf-form li .wp-editor-wrap .mce-toolbar-grp, html body .wpuf-form-edit.wpuf-form-edit.wpuf-form-layout1:not(.wpuf-theme-style) ul.wpuf-form li .wp-editor-wrap .mce-toolbar-grp, html body .wpuf-form-add.wpuf-form-add.wpuf-form-layout1:not(.wpuf-theme-style) ul.wpuf-form li .wp-editor-wrap .mce-panel, html body .wpuf-form-edit.wpuf-form-edit.wpuf-form-layout1:not(.wpuf-theme-style) ul.wpuf-form li .wp-editor-wrap .mce-panel, html body .wp-editor-wrap .mce-panel, html body .wp-editor-wrap .mce-container, html body .wp-editor-wrap .mce-container-body, html body .wp-editor-wrap .mce-stack-layout, html body .wp-editor-wrap .mce-flow-layout, html body .wp-editor-wrap .mce-top-part, html body .wp-editor-wrap .mce-edit-area, html body .wp-editor-wrap .mce-statusbar { background: transparent !important; background-color: transparent !important; border-color: rgba(128, 128, 128, 0.15) !important; background-image: none !important; box-shadow: none !important; } html body .wp-editor-wrap .mce-toolbar-grp { border-bottom: 1px solid rgba(128, 128, 128, 0.15) !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn { background: rgba(128, 128, 128, 0.08) !important; border: 1px solid rgba(128, 128, 128, 0.15) !important; border-radius: 8px !important; margin: 4px 3px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: none !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn:hover { background: rgba(128, 128, 128, 0.2) !important; border-color: rgba(128, 128, 128, 0.35) !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn:focus, html body .wp-editor-wrap .mce-toolbar .mce-btn:active, html body .wp-editor-wrap .mce-toolbar .mce-btn.mce-active:focus { outline: none !important; border-color: #c1ffb4 !important; box-shadow: 0 0 0 2px rgba(193, 255, 180, 0.4) !important; background: rgba(193, 255, 180, 0.15) !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn.mce-active, html body .wp-editor-wrap .mce-toolbar .mce-btn.mce-active:hover { background: rgba(193, 255, 180, 0.25) !important; border-color: #c1ffb4 !important; box-shadow: 0 0 8px rgba(193, 255, 180, 0.3) !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn button .mce-ico, html body .wp-editor-wrap .mce-toolbar .mce-btn button .mce-txt { color: #ececec !important; text-shadow: none !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn.mce-active button .mce-ico { color: #c1ffb4 !important; } html body .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn { border-left: 1px solid rgba(128, 128, 128, 0.15) !important; } html body .wp-editor-wrap .mce-edit-area { border-top: 1px solid rgba(128, 128, 128, 0.25) !important; border-bottom: none !important; border-left: none !important; border-right: none !important; background: transparent !important; background-color: transparent !important; } html body .wp-editor-wrap .mce-statusbar { background: rgba(128, 128, 128, 0.05) !important; border-top: 1px solid rgba(128, 128, 128, 0.25) !important; } html body .wp-editor-wrap .mce-statusbar .mce-path-item { color: #a0a0a0 !important; } html body a#wpuf-post-draft, html body a.wpuf-post-draft, html body a.btn#wpuf-post-draft, html body a.btn.wpuf-post-draft, html body .btn#wpuf-post-draft, html body #wpuf-post-draft, html body form[class*="wpuf"] a#wpuf-post-draft, html body form[class*="wpuf"] a.wpuf-post-draft, html body form[class*="wpuf"] .wpuf-submit a#wpuf-post-draft, html body form[class*="wpuf"] li.wpuf-submit a#wpuf-post-draft, html body form[class*="wpuf"] li.wpuf-submit a.btn, html body .wpuf-form-add a#wpuf-post-draft, html body .wpuf-form-edit a#wpuf-post-draft, html body .wpuf-form-add ul.wpuf-form li.wpuf-submit a#wpuf-post-draft, html body .wpuf-form-edit ul.wpuf-form li.wpuf-submit a#wpuf-post-draft, html body #form-preview-stage a#wpuf-post-draft, html body .multistep-button-area a#wpuf-post-draft, html body .multistep-button-area a.wpuf-post-draft, html body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft, html body fieldset.wpuf-multistep-fieldset a.wpuf-post-draft, body .wpuf-submit a#wpuf-post-draft, body li.wpuf-submit a#wpuf-post-draft, body li.wpuf-submit a.btn#wpuf-post-draft { --bs-btn-color: #626971 !important; --bs-btn-bg: transparent !important; --bs-btn-border-color: transparent !important; --bs-btn-border-width: 0 !important; --bs-btn-hover-color: #9aa1a9 !important; --bs-btn-hover-bg: transparent !important; --bs-btn-hover-border-color: transparent !important; --bs-btn-active-color: #ffffff !important; --bs-btn-active-bg: transparent !important; --bs-btn-active-border-color: transparent !important; --bs-btn-box-shadow: none !important; --bs-btn-focus-box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 12px 20px !important; margin-left: 0.75rem !important; font-size: 15px !important; font-weight: 600 !important; font-family: inherit !important; line-height: 1.4 !important; color: #626971 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; border-radius: 12px !important; text-decoration: none !important; text-transform: none !important; cursor: pointer !important; box-shadow: none !important; outline: none !important; box-sizing: border-box !important; vertical-align: middle !important; height: auto !important; position: relative !important; transition: color 0.2s ease-in-out !important; } html body a#wpuf-post-draft:hover, html body a.wpuf-post-draft:hover, html body a.btn#wpuf-post-draft:hover, html body .btn#wpuf-post-draft:hover, html body form[class*="wpuf"] a#wpuf-post-draft:hover, html body .wpuf-form-add a#wpuf-post-draft:hover, html body .wpuf-form-edit a#wpuf-post-draft:hover, html body li.wpuf-submit a#wpuf-post-draft:hover, html body .multistep-button-area a#wpuf-post-draft:hover, html body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft:hover { color: #9aa1a9 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; transform: none !important; } html body a#wpuf-post-draft:focus, html body a.wpuf-post-draft:focus, html body a.btn#wpuf-post-draft:focus, html body .btn#wpuf-post-draft:focus, html body form[class*="wpuf"] a#wpuf-post-draft:focus, html body .wpuf-form-add a#wpuf-post-draft:focus, html body .wpuf-form-edit a#wpuf-post-draft:focus, html body li.wpuf-submit a#wpuf-post-draft:focus, html body .multistep-button-area a#wpuf-post-draft:focus, html body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft:focus { color: #9aa1a9 !important; background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; outline: none !important; box-shadow: none !important; } html body a#wpuf-post-draft:active, html body a.wpuf-post-draft:active, html body a.btn#wpuf-post-draft:active, html body .btn#wpuf-post-draft:active, html body form[class*="wpuf"] a#wpuf-post-draft:active, html body .wpuf-form-add a#wpuf-post-draft:active, html body .wpuf-form-edit a#wpuf-post-draft:active, html body li.wpuf-submit a#wpuf-post-draft:active, html body .multistep-button-area a#wpuf-post-draft:active, html body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft:active { color: #ffffff !important; background: transparent !important; background-color: transparent !important; border: none !important; border-color: transparent !important; box-shadow: none !important; outline: none !important; transform: none !important; } html body .wpuf-form-add .wpuf-draft-saved, html body .wpuf-form-edit .wpuf-draft-saved, html body .wpuf-draft-saved, .wpuf-draft-saved { color: #626971 !important; font-size: 13px !important; font-weight: 500 !important; font-style: italic !important; margin-left: 10px !important; vertical-align: middle !important; display: inline-block !important; }