{"version":3,"sources":["normalize.scss","builder.css","header.scss","main.scss","_variables.scss","main-fields.scss","main-settings.scss","item-controls.scss","builder-fields.scss","fields-preview/label-position/above.scss","fields-preview/label-position/below.scss","fields-preview/label-position/hidden.scss","fields-preview/label-position/left.scss","fields-preview/label-position/right.scss","fields-preview/main.scss","drawer.scss","drawer-settings.scss","drawer-add.scss","drawer-changes.scss","errors.scss","onboarding.scss","add-new.scss","toggle.scss","dropdown.scss","tables.scss","scrollbar.scss","drag-drop.scss","loading.scss","tooltip.scss","merge-tags-tooltip.scss","editor.scss","color-picker.scss","media-queries.scss","rtl.scss","builder.scss"],"names":[],"mappings":"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","file":"builder.css","sourcesContent":["html {\n overflow: hidden;\n width: 100%;\n float: left;\n left: 0;\n}\n#wp-auth-check-wrap #wp-auth-check {\n z-index: 1000000000000;\n}\n.ninja-forms-app {\n height: 0;\n #adminmenumain,\n #wpfooter {\n display: none;\n }\n #wpwrap {\n height: 0;\n min-height: 0;\n }\n #wpcontent {\n #wpbody {\n font-size: 16px;\n }\n * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n .wp-editor-tabs button {\n box-sizing: initial;\n }\n }\n .grey {\n #nf-drawer {\n .nf-button {\n padding: 15px 30px;\n }\n }\n }\n}\n.media-modal {\n z-index: 100000000;\n}\n#nf-builder {\n background: #fff;\n padding: 30px 40px;\n overflow: hidden;\n padding-top: 80px;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10000000;\n box-shadow: 0 5px 15px rgba(0, 0, 0, .7);\n}\n\n.product-content article>*:not(img) {\n padding-left: 30px;\n padding-right: 30px;\n}\n","/*\nNormalize WordPress admin for Ninja Forms App\n---------------------------------------------*/\nhtml {\n overflow: hidden;\n width: 100%;\n float: left;\n left: 0;\n}\n\n#wp-auth-check-wrap #wp-auth-check {\n z-index: 1000000000000;\n}\n\n.ninja-forms-app {\n height: 0;\n}\n.ninja-forms-app #adminmenumain,\n.ninja-forms-app #wpfooter {\n display: none;\n}\n.ninja-forms-app #wpwrap {\n height: 0;\n min-height: 0;\n}\n.ninja-forms-app #wpcontent #wpbody {\n font-size: 16px;\n}\n.ninja-forms-app #wpcontent * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.ninja-forms-app #wpcontent .wp-editor-tabs button {\n box-sizing: initial;\n}\n.ninja-forms-app .grey #nf-drawer .nf-button {\n padding: 15px 30px;\n}\n\n.media-modal {\n z-index: 100000000;\n}\n\n#nf-builder {\n background: #fff;\n padding: 30px 40px;\n overflow: hidden;\n padding-top: 80px;\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10000000;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);\n}\n\n.product-content article > *:not(img) {\n padding-left: 30px;\n padding-right: 30px;\n}\n\n/*\nHeader and Nav for Ninja Forms App\n---------------------------------- */\n#nf-header {\n height: 100px;\n transition: margin 0.5s ease;\n}\n#nf-header #nf-logo {\n background-image: url(\"../img/ninja-forms-app-header-logo.png\");\n float: left;\n width: 80px;\n height: 30px;\n opacity: 1;\n transition: all 1s ease;\n}\n@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n #nf-header #nf-logo {\n background-image: url(\"../img/ninja-forms-app-header-logo@2x.png\");\n background-size: 80px 30px;\n }\n}\n#nf-header ul {\n display: inline-block;\n margin: 0;\n}\n#nf-header ul li {\n float: left;\n}\n#nf-header ul li.nf-mobile-menu {\n display: none;\n}\n#nf-header ul li a {\n color: #424242;\n display: block;\n margin: 16px 20px;\n padding-bottom: 8px;\n text-decoration: none;\n}\n#nf-header ul li a.active {\n border-bottom: 2px solid #424242;\n}\n#nf-header ul li a.preview {\n color: #bbb;\n transition: all 1s ease;\n}\n#nf-header ul li a.preview .dashicons {\n display: inline-block;\n margin-left: 10px;\n}\n#nf-header ul li:first-child a {\n margin-left: 0;\n}\n#nf-header ul:after {\n clear: both;\n content: \"\";\n display: block;\n}\n#nf-header input[type=submit] {\n float: right;\n}\n#nf-header .nf-cancel {\n float: right;\n margin-right: 60px;\n padding: 8px 0;\n}\n#nf-header .nf-cancel .dashicons {\n font-size: 30px;\n}\n#nf-header .nf-public-link {\n float: right;\n margin-right: 30px;\n padding: 8px 0;\n}\n#nf-header .nf-public-link .dashicons {\n font-size: 30px;\n}\n#nf-header:after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n#nf-app-header {\n height: 50px;\n}\n#nf-app-header:after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n#nf-app-sub-header {\n height: 50px;\n padding: 0;\n margin-top: 20px;\n}\n#nf-app-sub-header h2 {\n display: inline-block;\n margin: 0;\n padding: 10px 0;\n transition: all 1s ease 0s;\n}\n#nf-app-sub-header:after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n.nf-app-buttons {\n float: right;\n}\n.nf-app-buttons .publish {\n float: right;\n}\n\n#nf-app-form-title {\n min-height: 18px;\n}\n#nf-app-form-title h2 {\n margin: 15px 0;\n}\n\n#nf-main {\n border: 4px solid #fff;\n width: 100%;\n position: absolute;\n top: 220px;\n overflow: auto;\n overflow-x: visible;\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n transition: left 0.5s ease;\n}\n#nf-main .nf-field-type-button {\n width: 400px;\n}\n\n.nf-main-test {\n width: 100%;\n transition: width 0.5s ease;\n}\n\n#nf-main-content,\n#nf-main-header {\n margin: 0 auto;\n max-width: 860px;\n user-select: none;\n padding: 0 80px;\n position: relative;\n}\n\n#nf-main-header .nf-button {\n float: right;\n}\n#nf-main-header h2 {\n display: inline-block;\n}\n#nf-main-header:after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n#the-list tr.flagged th:first-child {\n border-left: 5px solid yellow;\n}\n\n#nf-main-gutter-left,\n#nf-main-gutter-right {\n position: absolute;\n top: 0;\n width: 80px;\n height: 450px;\n}\n#nf-main-gutter-left .fa-chevron-circle-left,\n#nf-main-gutter-left .fa-chevron-circle-right,\n#nf-main-gutter-left .fa-plus-circle,\n#nf-main-gutter-right .fa-chevron-circle-left,\n#nf-main-gutter-right .fa-chevron-circle-right,\n#nf-main-gutter-right .fa-plus-circle {\n color: #eee;\n font-size: 86px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n#nf-main-gutter-left .fa-chevron-circle-left:hover,\n#nf-main-gutter-left .fa-chevron-circle-right:hover,\n#nf-main-gutter-left .fa-plus-circle:hover,\n#nf-main-gutter-right .fa-chevron-circle-left:hover,\n#nf-main-gutter-right .fa-chevron-circle-right:hover,\n#nf-main-gutter-right .fa-plus-circle:hover {\n color: #1EA9EA;\n cursor: pointer;\n}\n\n.nf-realistic-field .nf-realistic-field-mimic {\n border-radius: 4px;\n}\n\n.nf-field-wrap.date .nf-realistic-field .nf-realistic-field-mimic {\n display: inline-block;\n padding-right: 1px;\n}\n\n.nf-field-wrap.date .nf-realistic-field input + .nf-realistic-field-mimic {\n margin-top: 5px;\n}\n\n#nf-main-gutter-left {\n left: 0;\n padding-left: 6px;\n}\n\n#nf-main-gutter-right {\n right: 0;\n padding-right: 6px;\n}\n\n.nf-fields-empty {\n padding: 0 40px;\n}\n.nf-fields-empty h3 {\n font-size: 30px;\n line-height: 32px;\n}\n.nf-fields-empty p {\n font-size: 18px;\n}\n.nf-fields-empty a {\n text-decoration: none;\n}\n\n.nf-field-label {\n display: inline-block;\n margin-left: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 80%;\n}\n.nf-drawer-opened .nf-field-label {\n width: 60%;\n}\n\n.template-box {\n text-decoration: none;\n}\n.template-box .template-box-inside {\n background: #EBEDEE;\n color: #424242;\n min-height: 160px;\n padding: 10px;\n text-decoration: none;\n transition: all 0.2s ease-in-out 0.1s, box-shadow 0.2s ease-in-out 0.1s;\n}\n.template-box .template-box-inside h4 {\n margin: 0 0 10px;\n min-height: 35px;\n}\n.template-box .template-box-inside p {\n font-size: 12px;\n margin: 0;\n}\n.template-box:hover .template-box-inside {\n background: #fff;\n box-shadow: 0 0 20px #1EA9EA;\n color: #1EA9EA;\n transition: all 0.2s ease-in-out 0.1s, box-shadow 0.2s ease-in-out 0.1s;\n}\n.nf-drawer-opened .template-box {\n width: 50%;\n}\n\n@media only screen and (max-width: 1400px) {\n .nf-drawer-opened .template-box {\n width: 100%;\n }\n}\n.nf-setting-wrap {\n cursor: pointer;\n float: left;\n margin-bottom: 30px;\n padding: 0 2%;\n width: 33.33%;\n}\n.nf-setting-wrap::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.nf-setting-wrap span {\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: table-cell;\n height: 85px;\n width: 400px;\n text-align: center;\n vertical-align: middle;\n}\n.nf-setting-wrap.active span {\n border: 2px solid #84CC1E;\n font-weight: bold;\n}\n\n.available .nf-setting-wrap span {\n background: #ebedee;\n}\n\n/*\nForm field placeholders for the fields a user has added to their form\n----------------------------------------------------------------------- */\n.nf-item-controls {\n height: 32px;\n width: 32px;\n float: right;\n margin: 0;\n position: absolute;\n top: 8px;\n right: 10px;\n}\n.nf-item-controls .nf-item-control {\n visibility: hidden;\n margin: 0;\n opacity: 0;\n text-align: center;\n width: 40px;\n height: 32px;\n position: absolute;\n right: 0;\n transition: all 0.5s ease;\n}\n.nf-item-controls .nf-item-control a {\n background: #fff;\n border: 2px solid #fff;\n border-radius: 64px;\n color: #1EA9EA;\n display: block;\n text-decoration: none;\n padding: 3px;\n position: relative;\n width: 24px;\n height: 24px;\n}\n.nf-item-controls .nf-item-control a:hover {\n background: #fff;\n border-color: #1EA9EA;\n color: #1EA9EA;\n}\n.nf-item-controls .nf-item-control .fa {\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n}\n.nf-item-controls .nf-item-control.nf-item-edit {\n opacity: 100;\n visibility: visible;\n z-index: auto;\n}\n.nf-item-controls:hover a {\n background: #1EA9EA;\n color: #fff;\n}\n.nf-item-controls:hover .nf-item-duplicate {\n visibility: visible;\n opacity: 100;\n right: 80px;\n transition: all 0.5s ease;\n}\n.nf-item-controls:hover .nf-item-delete {\n visibility: visible;\n opacity: 100;\n right: 40px;\n transition: all 0.5s ease;\n}\n\n#nf-table-display .nf-item-controls {\n float: right;\n}\n\n.repeater .nf-item-duplicate {\n display: none;\n}\n\n.nf-realistic-field {\n font-size: 18px !important;\n}\n\n.nf-field-label {\n overflow: visible !important;\n}\n\n.nf-realistic-field input[type=text],\n.nf-realistic-field input[type=email],\n.nf-realistic-field input[type=tel],\n.nf-realistic-field input[type=number],\n.nf-realistic-field select,\n.nf-realistic-field textarea {\n width: 100%;\n max-width: 100%;\n height: 50px !important;\n background: rgba(236, 239, 247, 0.5) !important;\n border: 1px solid #8d919f !important;\n border-color: rgba(48, 55, 62, 0.55) !important;\n color: #30373E !important;\n padding: 12px;\n}\n.nf-realistic-field textarea {\n height: 160px !important;\n}\n.nf-realistic-field select[multiple] {\n color: #30373E !important;\n height: auto !important;\n}\n.nf-realistic-field input[type=checkbox],\n.nf-realistic-field input[type=radio] {\n height: 16px;\n width: 16px;\n}\n.nf-realistic-field .nf-realistic-field--element input[type=checkbox],\n.nf-realistic-field .nf-realistic-field--element input[type=radio] {\n border-width: 2px !important;\n background: #eceff7;\n box-shadow: none;\n}\n.nf-realistic-field ul {\n margin: 0;\n list-style-type: none;\n}\n.nf-realistic-field ul li {\n display: flex;\n margin-bottom: 12px;\n}\n.nf-realistic-field ul li input[type=checkbox],\n.nf-realistic-field ul li input[type=radio] {\n padding: 12px;\n margin-top: 4px;\n margin-right: 8px;\n}\n.nf-realistic-field ul li input[type=checkbox] + div,\n.nf-realistic-field ul li input[type=radio] + div {\n margin-top: 3px;\n}\n.nf-realistic-field .fa-star {\n color: #FB0;\n}\n.nf-realistic-field button,\n.nf-realistic-field input[type=button],\n.nf-realistic-field input[type=submit] {\n width: auto;\n height: 50px;\n padding: 12px 24px;\n border-radius: 4px;\n background: #30373E;\n border: 0;\n color: #fff;\n font-size: 16px;\n font-weight: 600;\n text-transform: uppercase;\n}\n.nf-realistic-field .nf-realistic-field--label {\n font-size: 16px !important;\n margin-bottom: 8px !important;\n text-transform: none !important;\n}\n.nf-realistic-field .nf-realistic-field--label .nf-field-label {\n font-weight: 600;\n margin-left: 0 !important;\n}\n\n.nf-field-wrap .nf-placeholder-label .fa.fa-square-o {\n display: inline-block;\n width: 16px;\n height: 16px;\n border: 2px solid #8d919f !important;\n border-radius: 4px;\n background: #eceff7;\n box-shadow: none;\n position: relative;\n top: 2px;\n}\n.nf-field-wrap .nf-placeholder-label .fa.fa-square-o::before {\n display: none;\n}\n.nf-field-wrap .nf-placeholder-label .fa.fa-square-o + .nf-field-label {\n margin-left: 12px;\n}\n\n.ninja-forms-req-symbol {\n color: #dc3232;\n}\n\n.nf-field-wrap {\n background: #fff;\n border: 2px dashed #c2c7ce;\n border-color: transparent;\n border-radius: 8px;\n color: #888;\n cursor: pointer;\n margin-bottom: 20px;\n padding: 15px 20px;\n position: relative;\n transition: border-color 0.25s;\n}\n.nf-field-wrap:hover {\n border-color: #c2c7ce;\n border-color: rgba(48, 55, 62, 0.2);\n}\n.nf-field-wrap .nf-item-controls {\n display: none;\n}\n.nf-field-wrap:hover .nf-item-controls {\n display: block;\n}\n.nf-field-wrap.active {\n border: 2px solid #84CC1E !important;\n color: #424242;\n}\n.nf-field-wrap.active .nf-item-controls {\n font-weight: normal;\n}\n.nf-field-wrap.active .nf-item-controls a {\n background: #fff;\n color: #84CC1E;\n}\n.nf-field-wrap.active .nf-item-controls a:hover {\n border-color: #fff;\n}\n.nf-field-wrap.active .nf-item-controls .nf-item-delete,\n.nf-field-wrap.active .nf-item-controls .nf-item-duplicate {\n display: none;\n}\n.nf-field-wrap.active .nf-item-controls .nf-item-editing {\n display: inline;\n}\n.nf-field-wrap.active .nf-item-controls .nf-item-edit .dashicons {\n margin-right: 12px;\n}\n.nf-field-wrap.note {\n background: #ffffee;\n}\n\n.nf-group-wrap {\n background: #fff;\n border: 2px solid #ccc;\n border-radius: 4px;\n color: #888;\n margin: 0 -10px 20px;\n padding: 15px 30px;\n position: relative;\n}\n.nf-group-wrap .nf-item-controls {\n width: 128px;\n}\n.nf-group-wrap .nf-item-expand {\n display: inline !important;\n}\n.nf-group-wrap .nf-field-wrap {\n margin-left: -20px;\n margin-right: -20px;\n visibility: hidden;\n opacity: 0;\n filter: alpha(opacity=0);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n}\n.nf-group-wrap.expanded {\n border-color: #84CC1E;\n color: #84CC1E;\n}\n.nf-group-wrap.expanded .nf-item-expand .dashicons {\n transform: rotate(90deg);\n}\n.nf-group-wrap.expanded .nf-field-wrap {\n opacity: 1;\n visibility: visible;\n filter: alpha(opacity=100);\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n transition: all 1s ease;\n}\n.nf-group-wrap.expanded .nf-field-wrap:nth-child(2) {\n margin-top: 20px;\n}\n.nf-group-wrap.expanded .nf-field-wrap:last-child {\n margin-bottom: 0;\n}\n.nf-group-wrap.expanded .nf-field-wrap .nf-item-controls {\n width: 96px;\n}\n.nf-group-wrap.expanded .nf-field-wrap .nf-item-controls .nf-item-expand {\n display: none !important;\n}\n\n.nf-realistic-field.nf-realistic-field--label-above {\n display: block;\n}\n\n.nf-realistic-field.nf-realistic-field--label-below {\n display: flex;\n flex-direction: column;\n}\n.nf-realistic-field.nf-realistic-field--label-below .nf-realistic-field--label {\n order: 5;\n}\n.nf-realistic-field.nf-realistic-field--label-below .nf-realistic-field--description {\n order: 4;\n}\n.nf-realistic-field.nf-realistic-field--label-below .nf-realistic-field--element {\n order: 3;\n}\n\n.nf-realistic-field.nf-realistic-field--label-hidden {\n display: flex;\n flex-direction: column;\n}\n.nf-realistic-field.nf-realistic-field--label-hidden .nf-realistic-field--label {\n display: none;\n}\n.nf-realistic-field.nf-realistic-field--label-hidden .nf-realistic-field--description {\n order: 4;\n}\n.nf-realistic-field.nf-realistic-field--label-hidden .nf-realistic-field--element {\n order: 3;\n}\n\n.nf-realistic-field.nf-realistic-field--label-left {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n}\n.nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--label {\n order: 3;\n width: 35%;\n text-align: right;\n padding-top: 5px;\n padding-right: 10px;\n word-wrap: break-word;\n}\n.nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--label .nf-field-label {\n white-space: normal !important;\n}\n.nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--element {\n order: 4;\n width: 65%;\n}\n.nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 35%;\n}\n\n/**\n * Checkbox\n */\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--label {\n order: 3;\n width: 38%;\n padding-left: 0;\n padding-right: 5%;\n text-align: center;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--element {\n order: 4;\n width: 58%;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-left .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 38%;\n}\n\n.nf-realistic-field.nf-realistic-field--label-right {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n}\n.nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--label {\n order: 4;\n width: 35%;\n padding-left: 2%;\n}\n.nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--element {\n order: 3;\n width: 65%;\n}\n.nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 35%;\n}\n\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right {\n align-items: center;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--label {\n order: 4;\n width: auto;\n padding-left: 2%;\n padding-right: 2%;\n margin-bottom: 0;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--label .nf-field-label {\n width: 100%;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--element {\n order: 3;\n width: auto;\n}\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right .nf-realistic-field--description {\n order: 5;\n width: auto;\n margin-left: 0;\n}\n\n.nf-item-controls {\n z-index: 2;\n}\n\n.nf-realistic-field {\n color: black !important;\n}\n\n.ninja-forms-req-symbol {\n color: #dc3232;\n}\n\n.listselect .nf-realistic-field .nf-realistic-field--label,\n.listcountry .nf-realistic-field .nf-realistic-field--label,\n.liststate .nf-realistic-field .nf-realistic-field--label {\n margin-bottom: 8px;\n}\n.listselect .nf-realistic-field .nf-realistic-field--element select,\n.listcountry .nf-realistic-field .nf-realistic-field--element select,\n.liststate .nf-realistic-field .nf-realistic-field--element select {\n border: 1px solid #c4c4c4;\n box-shadow: none;\n appearance: none;\n margin-top: 7px;\n}\n.listselect .nf-realistic-field .nf-realistic-field--element > div,\n.listcountry .nf-realistic-field .nf-realistic-field--element > div,\n.liststate .nf-realistic-field .nf-realistic-field--element > div {\n position: relative;\n}\n.listselect .nf-realistic-field .nf-realistic-field--element select + div,\n.listcountry .nf-realistic-field .nf-realistic-field--element select + div,\n.liststate .nf-realistic-field .nf-realistic-field--element select + div {\n display: block;\n position: absolute;\n font-size: 16px;\n line-height: 16px;\n margin: 0;\n margin-top: 7px;\n padding: 16px;\n height: 50px;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n}\n.listselect .nf-realistic-field .nf-realistic-field--element select + div::after,\n.listcountry .nf-realistic-field .nf-realistic-field--element select + div::after,\n.liststate .nf-realistic-field .nf-realistic-field--element select + div::after {\n content: \"\\f078\";\n font-family: FontAwesome;\n font-size: 20px;\n position: absolute;\n right: 10px;\n bottom: 0;\n height: 50px;\n line-height: 50px;\n}\n\n.starrating .nf-realistic-field--element {\n margin-top: 10px;\n}\n\n.checkbox .nf-realistic-field input:checked {\n margin: 4px 5px 1px 0;\n}\n\n.checkbox .nf-realistic-field input:checked::before {\n content: \"\\f00c\";\n font-family: FontAwesome;\n font-size: 24px;\n position: absolute;\n top: 20px;\n left: 25px;\n z-index: 2;\n color: black;\n}\n\n.listcheckbox .nf-realistic-field li {\n position: relative;\n}\n\n.listcheckbox .nf-realistic-field input:checked::before {\n content: \"\\f00c\";\n font-family: FontAwesome;\n font-size: 24px;\n position: absolute;\n left: 5px;\n z-index: 2;\n color: black;\n}\n\n.listradio .nf-realistic-field li {\n position: relative;\n}\n\n.listradio .nf-realistic-field input:checked {\n border-color: black !important;\n}\n\n.listradio .nf-realistic-field input:checked::before {\n border-radius: 50%;\n content: \"\";\n height: 10px;\n width: 10px;\n position: absolute;\n left: 1px;\n top: 5px;\n z-index: 2;\n background-color: black;\n}\n\n/*\nAll styles used within the drawer\n--------------------------------- */\n#nf-drawer {\n background: #eceff7;\n background: linear-gradient(32deg, rgb(246, 247, 251) 0%, rgb(236, 239, 247) 100%);\n border-radius: 0;\n padding: 0px 40px 0px 64px;\n width: 50%;\n clip-path: ellipse(100% 128% at 64.1% 50%);\n position: absolute;\n top: 0;\n bottom: 0;\n right: -1400px;\n overflow-y: scroll;\n overflow-x: hidden;\n z-index: 102;\n -webkit-overflow-scrolling: touch;\n}\n\n#nf-builder::before {\n content: \"\";\n display: block;\n position: absolute;\n transform: translateY(-50%);\n top: 50%;\n right: calc(-12.1% - 1400px);\n width: 64%;\n height: 282%;\n background: rgba(48, 55, 62, 0);\n border-radius: 0%;\n box-shadow: 2px 0px 9px rgba(48, 55, 62, 0);\n transition: all 0.4s ease;\n z-index: 101;\n}\n\n#nf-builder.nf-drawer-opened .nf-main-test {\n width: 50%;\n transition: all 0.5s ease;\n}\n#nf-builder.nf-drawer-opened .nf-main-test .nf-button {\n display: none;\n}\n#nf-builder.nf-drawer-opened::before {\n background: rgba(48, 55, 62, 0.24);\n border-radius: 100%;\n box-shadow: -2px 0px 18px rgba(48, 55, 62, 0.28);\n right: -14.1%;\n transition: all 0.5s ease 0.0125s;\n}\n#nf-builder.nf-drawer-opened #nf-drawer {\n clip-path: ellipse(64% 144% at 64.1% 50%);\n right: 0;\n transition: all 0.5s ease;\n}\n#nf-builder.nf-drawer-opened #nf-drawer a.nf-external-info {\n background-image: url(\"../img/help_icon.png\");\n background-size: 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n margin-left: 2px;\n}\n#nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand {\n clip-path: ellipse(100% 144% at 64.1% 50%);\n width: 100%;\n transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n}\n#nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand .nf-toggle-drawer .dashicons {\n transform: rotate(180deg);\n transition: all 0.5s ease;\n}\n#nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand .nf-toggle-drawer .nf-expand-off {\n display: none;\n}\n#nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand .nf-toggle-drawer .nf-expand-on {\n display: inline;\n}\n#nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand #nf-drawer-header {\n width: 100%;\n transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n}\n#nf-builder.nf-drawer-opened #nf-drawer #nf-drawer-header {\n right: 0;\n}\n#nf-builder.nf-drawer-opened .preview {\n opacity: 0;\n visibility: hidden;\n filter: alpha(opacity=0);\n transition: all 0.5s ease;\n}\n#nf-builder.nf-drawer-opened .preview:hover, #nf-builder.nf-drawer-opened .preview:active, #nf-builder.nf-drawer-opened .preview.active {\n opacity: 0;\n visibility: hidden;\n filter: alpha(opacity=0);\n transition: all 0.5s ease;\n}\n#nf-builder.nf-drawer-opened #nf-main-content,\n#nf-builder.nf-drawer-opened #nf-main-header {\n margin: 0 auto;\n transition: all 0.5s ease;\n}\n@media only screen and (min-width: 901px) {\n #nf-builder.nf-drawer-opened #nf-app-sub-header .nf-add-new {\n top: 139px !important;\n text-indent: -99999px;\n }\n}\n#nf-builder.nf-drawer-opened .nf-setting-wrap {\n width: 50%;\n transition: width 0.5s ease;\n}\n#nf-builder.nf-drawer-opened .nf-toggle-drawer {\n display: block;\n}\n\n.nf-drawer-closed #nf-main {\n width: 100%;\n left: 0;\n transition: width 0.5s ease, left 0.5s ease;\n}\n.nf-drawer-closed #nf-drawer {\n right: -1400px;\n transition: right 0.5s ease;\n}\n.nf-drawer-closed .nf-add-new {\n opacity: 1;\n visibility: visible;\n filter: alpha(opacity=100);\n transition: all 0.5s ease;\n}\n.nf-drawer-closed .nf-setting-wrap {\n width: 33%;\n transition: width 0.5s ease;\n}\n.nf-drawer-closed .nf-toggle-drawer {\n display: none;\n}\n\n#nf-drawer #nf-drawer-header {\n position: fixed;\n width: 50%;\n top: 0;\n right: -1400px;\n background: #fff;\n background: linear-gradient(212deg, rgb(246, 247, 251) 0%, #fff 100%);\n height: 60px;\n margin-left: -64px;\n transition: width 0.5s ease, right 0.5s ease;\n z-index: 101;\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button {\n box-sizing: content-box;\n position: absolute;\n right: 40px;\n bottom: 0;\n width: 56px;\n height: 56px;\n border-radius: 100px;\n border: 4px solid #1EA9EA;\n background: #1EA9EA;\n color: #1EA9EA;\n font-size: 0px !important;\n line-height: 0 !important;\n padding: 0 !important;\n transform: translateY(50%) rotate(-45deg);\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button::before {\n border: 4px solid #fff;\n border-width: 0 0 4px 4px;\n content: \"\";\n display: block;\n position: relative;\n width: 40%;\n height: 16%;\n transform-origin: 100% 0;\n transform: translate(60%, 160%);\n z-index: 1;\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button::after {\n content: \"\";\n position: relative;\n top: -4px;\n right: -4px;\n display: block;\n width: 40%;\n height: 16%;\n border: 4px solid #fff;\n border-width: 4px 0 0 0;\n transform-origin: 100% 0;\n transform: translate(60%, 160%);\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button, #nf-drawer #nf-drawer-header .nf-drawer-header .nf-button::before, #nf-drawer #nf-drawer-header .nf-drawer-header .nf-button::after {\n transition: all 0.35s ease;\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button:hover {\n animation: beacon_effect 1.25s ease-out 50ms;\n background: #fff;\n transform: translateY(50%) rotate(225deg);\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button:hover::before {\n width: 25%;\n height: 25%;\n border-color: #1EA9EA;\n transform: translate(85%, 120%);\n transition: all 0.25s ease;\n}\n#nf-drawer #nf-drawer-header .nf-drawer-header .nf-button:hover::after {\n top: -8px;\n width: 55%;\n border-color: #1EA9EA;\n transform: rotate(-45deg) translate(0%, 40%);\n}\n#nf-drawer #nf-drawer-content > div:first-child {\n padding: 72px 0 64px;\n}\n#nf-drawer #nf-drawer-content > div:first-child .nf-setting-title:first-child {\n display: block;\n}\n#nf-drawer #nf-drawer-content > div:first-child > .nf-actions-itmes-installed {\n padding-top: 24px;\n}\n\n.nf-drawer-error {\n background-color: #FFBABA;\n border: 1px solid #FFBABA;\n border-radius: 5px;\n color: #D8000C;\n font-size: 12px;\n margin: 10px 0px;\n padding: 10px 10px;\n}\n\n.nf-settings {\n display: flex;\n flex-flow: row wrap;\n gap: 8px 24px;\n margin: 0 0 24px;\n}\n.nf-settings h3 {\n color: #30373E;\n font-size: 14px;\n margin: 4px 0;\n padding: 0 8px;\n text-transform: uppercase;\n width: 100%;\n}\n.nf-settings h3 .dashicons {\n color: #c2c6cc;\n color: rgba(48, 55, 62, 0.24);\n font-size: 20px;\n margin: -1px 8px 0 -12px;\n}\n.nf-settings h3 .dashicons-arrow-down::before {\n content: \"\\f347\";\n}\n.nf-settings h3 .dashicons-arrow-right::before {\n content: \"\\f345\";\n}\n.nf-settings .nf-field-type-button {\n width: clamp(170px, 33.33% - 24px, 300px);\n max-width: 100%;\n}\n.nf-settings .nf-field-settings {\n width: 800px;\n max-width: 100%;\n}\n\n.nf-full {\n clear: both;\n}\n.nf-full.toggle-row {\n border-bottom: 1px solid #ccc;\n margin: 0;\n position: relative;\n}\n.nf-full.toggle-row:first-child {\n border-top: 1px solid #ccc;\n}\n.nf-full.toggle-row label {\n display: inline-block;\n padding: 15px 60px 15px 0;\n}\n.nf-full.toggle-row .nf-toggle {\n float: right;\n margin: 15px 0;\n position: absolute;\n top: 0;\n right: 10px;\n}\n.nf-full .nf-select select {\n display: block;\n max-width: 100%;\n}\n\n.nf-one-half,\n.nf-one-third {\n float: left;\n}\n\n.nf-one-half {\n width: 50%;\n}\n\n.nf-one-third {\n width: 33.33%;\n}\n\n.nf-first {\n clear: both;\n margin-left: 0;\n}\n\n.nf-full,\n.nf-one-half,\n.nf-one-third {\n margin-bottom: 15px;\n padding: 0 2% 0 0;\n}\nfieldset .nf-full,\nfieldset .nf-one-half,\nfieldset .nf-one-third {\n padding-left: 2%;\n}\n\n.nf-full::after,\n.nf-one-half::after,\n.nf-one-third::after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n.nf-toggle-drawer {\n color: #aaa;\n cursor: pointer;\n display: none;\n float: right;\n margin-top: 40px;\n text-decoration: none;\n padding: 10px 20px;\n position: fixed;\n bottom: 0;\n right: 0;\n}\n.nf-toggle-drawer .dashicons {\n margin-right: 5px;\n transition: all 0.5s ease;\n}\n.nf-toggle-drawer .nf-expand-off {\n display: inline;\n}\n.nf-toggle-drawer .nf-expand-on {\n display: none;\n}\n\n#nf-menu-drawer {\n background: #eceff7;\n box-shadow: inset 1px 4px 9px -6px;\n width: 250px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: -250px;\n z-index: 999;\n transition: right 0.5s ease;\n}\n#nf-menu-drawer ul {\n margin: 0;\n}\n#nf-menu-drawer ul li a {\n border-bottom: 1px solid #ccc;\n color: #424242;\n display: block;\n padding: 10px 20px;\n text-decoration: none;\n}\n#nf-menu-drawer ul li a .dashicons {\n color: #1EA9EA;\n margin-right: 15px;\n}\n#nf-menu-drawer .nf-publish {\n background: #1EA9EA;\n color: #fff;\n padding: 20px;\n text-align: center;\n text-transform: uppercase;\n cursor: pointer;\n}\n#nf-menu-drawer .nf-publish.disabled {\n background: #ccc;\n border: 1px solid #ccc;\n cursor: default;\n}\n\n.nf-menu-expand #nf-menu-drawer {\n right: 0;\n transition: right 0.5s ease;\n}\n.nf-menu-expand #nf-header {\n margin-right: 250px;\n margin-left: -250px;\n transition: margin 0.5s ease;\n}\n.nf-menu-expand #nf-main {\n left: -250px;\n transition: left 0.5s ease;\n}\n\n.nf-div-table .nf-table-row.nf-error textarea {\n border: 1px solid red;\n}\n.nf-div-table .nf-table-row.nf-error span.nf-option-error {\n background: red;\n color: #fff;\n display: block;\n padding: 5px 0;\n width: 100%;\n}\n.nf-div-table .nf-table-row.nf-error span.nf-option-error div.nf-error {\n display: block;\n width: 100% !important;\n text-align: center;\n}\n\n.ninja-forms-app .jBox-Notice .jBox-container {\n background: #84CC1E;\n font-size: 18px;\n}\n\n.available-action-modal {\n padding: 20px;\n}\n.available-action-modal img {\n width: 100%;\n}\n.available-action-modal iframe {\n width: 100%;\n height: 214px;\n}\n.available-action-modal p:first-of-type {\n font-size: 16px;\n font-weight: bold;\n line-height: 20px;\n padding: 16px 40px;\n text-align: center;\n}\n.available-action-modal .actions {\n margin-top: 30px;\n}\n.available-action-modal .actions::after {\n display: block;\n clear: both;\n content: \"\";\n}\n.available-action-modal .primary.nf-button {\n float: right;\n}\n.available-action-modal ul {\n list-style-type: disc;\n}\n.available-action-modal ul li {\n margin-left: 20px;\n padding-left: 10px;\n}\n\n.nf-button {\n border: 0;\n border-radius: 4px;\n cursor: pointer;\n display: inline-block;\n font-size: 17px;\n padding: 10px 30px;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n appearance: none;\n}\n.nf-button.primary {\n background: #1EA9EA;\n border: 1px solid #1EA9EA;\n color: #fff;\n}\n.nf-button.secondary {\n background: #fff;\n border: 1px solid #1EA9EA;\n color: #1EA9EA;\n}\n.nf-button.disabled {\n background: #ccc;\n border: 1px solid #ccc;\n cursor: default;\n}\n.nf-button.publish {\n float: right;\n border-radius: 100px;\n font-weight: 600;\n letter-spacing: 0.025em;\n padding: 16px 40px;\n}\n.nf-button.publish .nf-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 70px;\n height: 18px;\n transform: translate(-20px, 15px);\n}\n\n.nf-cancel {\n color: #999;\n font-size: 15px;\n}\n\n.nf-public-link {\n color: #999;\n font-size: 15px;\n}\n\n.nf-mobile-menu {\n background: #1EA9EA;\n border-radius: 4px;\n color: #fff;\n display: none;\n float: right;\n padding: 5px 7px 5px 5px;\n text-decoration: none;\n transition: margin 0.5s ease;\n}\n.nf-mobile-menu .dashicons {\n font-size: 30px;\n width: 32px;\n height: 30px;\n}\n.nf-mobile-menu:hover {\n color: #fff;\n}\n\n.ninja-forms-app fieldset {\n border: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, 0.05);\n border-radius: 8px;\n clear: both;\n display: block;\n margin-bottom: 20px;\n}\n.ninja-forms-app label {\n position: relative;\n}\n.ninja-forms-app label::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.ninja-forms-app legend {\n margin: 0 3px 10px;\n padding: 0 10px;\n}\n.ninja-forms-app .nf-setting-label, .ninja-forms-app label, .ninja-forms-app legend {\n color: #6a7077;\n color: rgba(48, 55, 62, 0.7);\n display: block;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.025em;\n text-transform: uppercase;\n}\n.ninja-forms-app .nf-setting-label .open-media-manager, .ninja-forms-app label .open-media-manager, .ninja-forms-app legend .open-media-manager {\n position: absolute;\n color: #ccc;\n right: 15px;\n top: 5px;\n text-decoration: none;\n}\n.ninja-forms-app input[type=text],\n.ninja-forms-app input[type=number],\n.ninja-forms-app textarea {\n background: #fff;\n border: 1px solid rgba(48, 55, 62, 0.1);\n font-size: 16px;\n font-weight: normal;\n margin-top: 7px;\n padding: 12px 15px;\n width: 100%;\n height: 41px;\n text-transform: none;\n}\n.ninja-forms-app textarea {\n height: 200px;\n}\n.ninja-forms-app input[type=checkbox].nf-checkbox {\n appearance: none;\n background: #f9f9f9;\n border: 0;\n height: 25px;\n width: 25px;\n padding: 2px 1px 0px !important;\n margin: -3px -5px;\n}\n.ninja-forms-app input[type=checkbox].nf-checkbox:checked::before {\n content: \"\\f147\";\n font: 400 30px/1 dashicons;\n}\n.ninja-forms-app input[type=text]:focus,\n.ninja-forms-app input[type=number]:focus,\n.ninja-forms-app textarea:focus,\n.ninja-forms-app .nf-select select:focus {\n border-color: rgba(30, 169, 234, 0.5);\n box-shadow: 0 0 2px 0px rgba(30, 169, 234, 0.5);\n}\n.ninja-forms-app .nf-select select:hover, .ninja-forms-app .nf-select select:focus {\n color: #30373E;\n}\n.ninja-forms-app .nf-select select:hover + div, .ninja-forms-app .nf-select select:focus + div {\n border-color: rgba(30, 169, 234, 0.5);\n}\n\n.ninja-forms-app .jBox-wrapper.import-options {\n padding: 12px 20px 0px !important;\n}\n.ninja-forms-app .jBox-wrapper.import-options.jBox-pointerPosition-top.jBox-closeButton-box:before {\n right: 10px;\n}\n.ninja-forms-app .nf-list-options, .ninja-forms-app .nf-listimage-options {\n padding-bottom: 20px;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div, .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div {\n display: table-cell;\n padding: 5px;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div:nth-child(1), .ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div:nth-child(6), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div:nth-child(1), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div:nth-child(6) {\n padding: 0 15px;\n width: 20px;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div:nth-child(2), .ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div:nth-child(3), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div:nth-child(2), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div:nth-child(3) {\n width: 45%;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div:nth-child(4), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div:nth-child(4) {\n min-width: 104px;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row > div input, .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row > div input {\n margin: 0;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row.nf-table-header div, .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row.nf-table-header div {\n font-size: 12px;\n padding: 20px 5px 5px;\n}\n.ninja-forms-app .nf-list-options .nf-div-table .nf-table-row.nf-table-header div:nth-child(1), .ninja-forms-app .nf-list-options .nf-div-table .nf-table-row.nf-table-header div:nth-child(6), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row.nf-table-header div:nth-child(1), .ninja-forms-app .nf-listimage-options .nf-div-table .nf-table-row.nf-table-header div:nth-child(6) {\n padding: 0 25px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-header div:nth-child(4), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-header div:nth-child(4) {\n display: none;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div, .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div {\n vertical-align: top;\n position: relative;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div:nth-child(1), .ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div:nth-child(4), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div:nth-child(1), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div:nth-child(4) {\n padding: 0 15px;\n width: 20px;\n min-width: 20px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div:nth-child(2), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div:nth-child(2) {\n width: 30%;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div:nth-child(3), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div:nth-child(3) {\n width: 70%;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div textarea, .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div textarea {\n margin: 0;\n height: 100px;\n padding-right: 40px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div .merge-tags, .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div .merge-tags {\n color: #999;\n position: absolute;\n right: 15px;\n top: 5px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row div .dashicons, .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row div .dashicons {\n color: #999;\n margin-top: 10px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row .calc-left div, .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row .calc-left div {\n display: inline-block;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(1), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(1) {\n width: 100%;\n padding: 0px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(2), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(2) {\n width: 60%;\n text-align: right;\n font-size: 12px;\n float: left;\n padding-top: 20px;\n padding-right: 10px;\n}\n.ninja-forms-app .nf-list-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(3), .ninja-forms-app .nf-listimage-options.calculations .nf-div-table .nf-table-row .calc-left div:nth-child(3) {\n width: 50px;\n float: left;\n padding-top: 10px;\n}\n.ninja-forms-app .nf-list-options.exception_fields legend:has(.nf-add-new), .ninja-forms-app .nf-list-options.options legend:has(.nf-add-new), .ninja-forms-app .nf-list-options.image_options legend:has(.nf-add-new), .ninja-forms-app .nf-list-options > legend:has(.nf-add-new), .ninja-forms-app .nf-listimage-options.exception_fields legend:has(.nf-add-new), .ninja-forms-app .nf-listimage-options.options legend:has(.nf-add-new), .ninja-forms-app .nf-listimage-options.image_options legend:has(.nf-add-new), .ninja-forms-app .nf-listimage-options > legend:has(.nf-add-new) {\n display: flex;\n align-items: baseline;\n}\n.ninja-forms-app .nf-list-options.exception_fields legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-list-options.options legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-list-options.image_options legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-list-options > legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-listimage-options.exception_fields legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-listimage-options.options legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-listimage-options.image_options legend:has(.nf-add-new) .nf-add-new::before, .ninja-forms-app .nf-listimage-options > legend:has(.nf-add-new) .nf-add-new::before {\n margin-left: 8px;\n}\n.ninja-forms-app .options {\n position: relative;\n}\n.ninja-forms-app .options legend .nf-open-import-tooltip {\n background: #eceff7;\n border: 2px solid #1EA9EA;\n border-radius: 50px;\n color: #1EA9EA;\n font-size: 13x;\n padding: 6px 16px;\n text-decoration: none;\n position: absolute;\n right: 15px;\n}\n.ninja-forms-app .options legend .nf-open-import-tooltip:hover {\n background: #1EA9EA;\n color: #fff;\n}\n.ninja-forms-app .options legend .nf-open-import-tooltip .fa {\n margin-right: 4px;\n}\n.ninja-forms-app .button-toggle {\n display: flex;\n justify-content: center;\n text-align: left;\n border: 1px solid #c2c7ce;\n border-color: rgba(48, 55, 62, 0.2);\n border-radius: 100px;\n background: #fff;\n margin-top: 32px;\n padding: 8px;\n width: 400px;\n max-width: 100%;\n}\n.ninja-forms-app .button-toggle label {\n width: 50%;\n display: inline-block;\n}\n.ninja-forms-app .button-toggle label span {\n width: 100%;\n display: inline-block;\n border-radius: 0;\n font-size: 15px;\n cursor: pointer;\n transition: background-color 0.4s;\n}\n.ninja-forms-app .button-toggle label input:checked + span {\n background-color: #1EA9EA;\n border-color: #1EA9EA;\n opacity: 1 !important;\n}\n.ninja-forms-app .button-toggle label input + span {\n background-color: #8d919f;\n border-color: #8d919f;\n opacity: 0.65;\n}\n.ninja-forms-app .button-toggle label input + span:hover {\n opacity: 1;\n}\n.ninja-forms-app .button-toggle label:first-child span {\n border-radius: 100px 0 0 100px;\n}\n.ninja-forms-app .button-toggle label:last-child span {\n border-radius: 0 100px 100px 0;\n}\n\n.ninja-forms-app label[for=restricted_dates] .flatpickr-day.flatpickr-disabled, .ninja-forms-app label[for=restricted_dates] .flatpickr-day.flatpickr-disabled:hover {\n color: #8d919f;\n color: rgba(48, 55, 62, 0.55);\n background: #eaebeb;\n background: rgba(48, 55, 62, 0.1);\n box-shadow: none;\n border-color: #fff;\n}\n.ninja-forms-app .flatpickr-day.selected, .ninja-forms-app .flatpickr-day.selected.inRange, .ninja-forms-app .flatpickr-day.selected:focus, .ninja-forms-app .flatpickr-day.selected:hover, .ninja-forms-app .flatpickr-day.selected.prevMonthDay, .ninja-forms-app .flatpickr-day.selected.nextMonthDay, .ninja-forms-app .flatpickr-day.startRange, .ninja-forms-app .flatpickr-day.startRange.inRange, .ninja-forms-app .flatpickr-day.startRange:focus, .ninja-forms-app .flatpickr-day.startRange:hover, .ninja-forms-app .flatpickr-day.startRange.prevMonthDay, .ninja-forms-app .flatpickr-day.startRange.nextMonthDay, .ninja-forms-app .flatpickr-day.endRange, .ninja-forms-app .flatpickr-day.endRange.inRange, .ninja-forms-app .flatpickr-day.endRange:focus, .ninja-forms-app .flatpickr-day.endRange:hover, .ninja-forms-app .flatpickr-day.endRange.prevMonthDay, .ninja-forms-app .flatpickr-day.endRange.nextMonthDay {\n background: #30373E;\n border-color: #30373E;\n}\n.ninja-forms-app span.flatpickr-weekday {\n font-weight: 700;\n}\n.ninja-forms-app .flatpickr-months .flatpickr-prev-month:hover svg, .ninja-forms-app .flatpickr-months .flatpickr-next-month:hover svg {\n fill: #1EA9EA;\n}\n.ninja-forms-app .flatpickr-current-month .flatpickr-monthDropdown-months,\n.ninja-forms-app .flatpickr-current-month input.cur-year {\n font-weight: 400;\n}\n\n.salesforce_field_map .nf-table-row > div,\n.nf-list-options-tbody .nf-table-row > div {\n vertical-align: middle;\n}\n\n.ninja-forms-app .nf-drawer-header .nf-add-new.nf-add-new-condition {\n margin: 12px 0 0 64px;\n}\n.ninja-forms-app .nf-condition {\n border: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, 0.05);\n margin-top: 20px;\n border-radius: 8px;\n}\n.ninja-forms-app .nf-condition.actions .nf-when-container {\n background: transparent;\n padding: 16px;\n}\n.ninja-forms-app .nf-first-when-container,\n.ninja-forms-app .nf-when-container,\n.ninja-forms-app .nf-else-container {\n background: #e7e8ed;\n padding: 16px;\n}\n.ninja-forms-app .nf-then-container {\n padding: 16px;\n}\n\n.ninja-forms-app .nf-list-options.export_settings .nf-table-row.nf-table-header > div {\n display: none;\n}\n.ninja-forms-app .nf-list-options.export_settings .nf-table-row > div {\n display: block;\n}\n\n.ninja-forms-app #nf-mp-drawer {\n background: #eceff7;\n}\n.ninja-forms-app #nf-mp-drawer ul.ui-sortable {\n margin-top: 8px;\n}\n.ninja-forms-app #nf-mp-drawer ul.ui-sortable > li {\n height: 44px;\n line-height: 40px;\n}\n.ninja-forms-app #nf-mp-drawer ul.ui-sortable > li.active {\n border-color: #84CC1E;\n color: #30373E;\n font-weight: 600;\n}\n.ninja-forms-app .nf-mp-drawer-scroll-previous, .ninja-forms-app .nf-mp-drawer-scroll-next {\n display: flex;\n align-items: center;\n border-radius: 100px;\n}\n.ninja-forms-app .nf-drawer-opened #nf-mp-drawer {\n width: 100%;\n}\n\n.nf-drawer-buttons {\n display: none;\n margin: 0 -20px;\n padding: 0;\n}\n.nf-drawer-buttons li {\n background: #424242;\n border-right: 1px solid #f1f1f1;\n float: left;\n margin: 0;\n padding: 15px;\n text-align: center;\n width: 50%;\n}\n.nf-drawer-buttons li:last-child {\n border: 0;\n}\n.nf-drawer-buttons li.nf-drawer-delete {\n color: #dc3232;\n}\n.nf-drawer-buttons li.nf-drawer-duplicate {\n color: #84CC1E;\n}\n.nf-drawer-buttons li .dashicons {\n margin-right: 10px;\n}\n.nf-drawer-buttons::after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n.nf-note.yellow-background-description {\n background: #f7f0c3;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n padding: 10px;\n margin-bottom: -25px;\n}\n.nf-note.yellow-background-description.top {\n border-top: 1px solid #ccc;\n border-radius: 4px 4px 0 0;\n}\n.nf-note.yellow-background-description.bottom {\n border-bottom: 1px solid #ccc;\n border-radius: 0 0 4px 4px;\n margin-bottom: 0px;\n}\n\n.dashicons.spin {\n animation: dashicons-spin 1s infinite;\n animation-timing-function: linear;\n}\n\n@keyframes dashicons-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.nf-search {\n display: inline-block;\n position: relative;\n width: 65%;\n width: clamp(200px, 65%, 600px);\n}\n.nf-search input[type=search] {\n background: transparent;\n box-shadow: 0 0 0;\n border: 0;\n font-size: 16px;\n height: 60px;\n padding: 16px 0 16px 104px;\n width: 100%;\n}\n.nf-search input[type=search]::placeholder {\n color: #8d919f;\n color: rgba(48, 55, 62, 0.55);\n}\n.nf-search::before {\n content: \"\\f179\";\n color: rgba(48, 55, 62, 0.24);\n font-family: \"Dashicons\";\n font-size: 30px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n position: absolute;\n top: 1px;\n left: 68px;\n}\n\n.nf-stage {\n position: relative;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.nf-stage .nf-stage-controls {\n background: #F8F8F9;\n padding: 5px;\n position: absolute;\n top: -20px;\n right: 10px;\n}\n\n.nf-reservoir::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.nf-reservoir.nf-droppable-active, .nf-reservoir.nf-staged-fields-active {\n background: #F8F8F9;\n border: 4px solid #F8F8F9;\n border-radius: 4px;\n margin: 30px 2% 20px;\n min-height: 52px;\n padding: 6px;\n transition: all 1s ease;\n}\n.nf-reservoir .nf-item-dock {\n background: #fff;\n border-radius: 4px;\n color: #999;\n display: inline-block;\n float: left;\n margin: 0 4px 3px 4px;\n padding: 5px 10px;\n position: relative;\n}\n.nf-reservoir .nf-item-dock .dashicons {\n font-size: 14px;\n margin: 2px 0 -4px 5px;\n}\n.nf-reservoir .nf-item-dock .fa {\n margin-right: 10px;\n}\n\n.nf-item {\n background: transparent;\n background-color: rgba(255, 255, 255, 0);\n border: 2px dashed transparent;\n border-radius: 8px;\n color: #30373E;\n font-size: 16px;\n padding: 8px 8px 8px 40px;\n position: relative;\n transition: all 100ms ease-in-out 25ms;\n}\n.nf-item:hover {\n background-color: rgba(255, 255, 255, 0.32);\n border: 2px dashed #c2c7ce;\n border-color: rgba(48, 55, 62, 0.2);\n}\n.nf-item .fa {\n background: transparent;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n padding: 8px 0 8px 12px;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 34px;\n line-height: 20px;\n}\n\n.nf-saved .nf-item {\n position: relative;\n}\n\n.nf-action-items .nf-item {\n border-style: solid;\n border-color: #30373E;\n padding: 12px 8px;\n text-align: center;\n cursor: pointer;\n}\n.nf-action-items .nf-item:hover {\n background-color: #30373E;\n color: #fff;\n}\n.nf-action-items .nf-item.nf-has-img {\n background-position: center center;\n text-indent: -99999px;\n}\n.nf-action-items.available .nf-item.nf-has-img {\n filter: grayscale(100%);\n opacity: 0.6;\n}\n.nf-action-items.available .nf-item.nf-has-img:hover {\n filter: grayscale(0);\n opacity: 1;\n}\n.nf-action-items .ui-draggable-dragging {\n display: none !important;\n}\n\n.nf-actions-itmes-installed .action-types,\n.nf-actions-items-available .action-types {\n width: 100%;\n}\n\n.nf-field-type-button.available .nf-item, .nf-field-type-button.available .nf-item:link, .nf-field-type-button.available .nf-item:hover, .nf-field-type-button.available .nf-item:active, .nf-field-type-button.available .nf-item:focus,\n.nf-actions-items-available .nf-item,\n.nf-actions-items-available .nf-item:link,\n.nf-actions-items-available .nf-item:hover,\n.nf-actions-items-available .nf-item:active,\n.nf-actions-items-available .nf-item:focus {\n cursor: pointer;\n cursor: help;\n color: rgba(48, 55, 62, 0.55);\n background: rgba(48, 55, 62, 0.06);\n border-color: rgba(48, 55, 62, 0);\n user-select: none;\n}\n\n.nf-actions-items-available .nf-item, .nf-actions-items-available .nf-item:link, .nf-actions-items-available .nf-item:hover, .nf-actions-items-available .nf-item:active, .nf-actions-items-available .nf-item:focus {\n cursor: alias;\n}\n\ntable.nf-changes tr td {\n border-bottom: 1px solid #ccc;\n}\ntable.nf-changes tr.disabled-row td {\n color: #bbb;\n}\ntable.nf-changes tr:nth-child(even) td {\n background: #e5e7e8 !important;\n}\ntable.nf-changes tr:hover td {\n background: #fff !important;\n}\n\n.nf-button.undoChanges .dashicons {\n font-size: 18px;\n height: 18px;\n width: 18px;\n margin-right: 5px;\n}\n\n.nf-setting-error {\n color: #dc3232;\n font-size: 13px;\n font-weight: 600;\n line-height: 1.2;\n padding: 4px 8px;\n}\n.nf-setting-error a {\n color: #dc3232;\n}\n\n/*\nOnboarding\n--------------------------------- */\n.nf-onboarding-modal {\n width: 70%;\n max-width: 800px;\n min-width: 650px;\n text-align: center !important;\n}\n.nf-onboarding-modal p {\n font-size: 16px !important;\n font-family: \"Segoe UI\", Frutiger, \"Frutiger Linotype\", \"Dejavu Sans\", \"Helvetica Neue\", Arial, sans-serif;\n padding: 5px 75px;\n}\n.nf-onboarding-modal .jBox-title {\n height: 72px;\n}\n.nf-onboarding-modal .jBox-title .jBox-closeButton {\n width: 70px;\n}\n.nf-onboarding-modal .nf-button {\n margin: 30px auto;\n font-size: 20px !important;\n text-transform: none !important;\n padding: 20px 0px !important;\n width: 610px;\n}\n\n/*\nVarious custom field styles\n--------------------------------- */\n.nf-add-new {\n color: #1EA9EA;\n display: inline-block;\n padding: 1px;\n text-decoration: none;\n position: relative;\n height: 32px;\n line-height: 32px;\n z-index: 98;\n overflow: hidden;\n}\n.nf-add-new::before {\n background: #1EA9EA;\n border: 2px solid #1EA9EA;\n border-radius: 100px;\n color: #fff;\n content: \"\\f543\";\n font-family: \"Dashicons\";\n font-size: 16px;\n padding: 2px;\n margin: 0 4px 0 0;\n width: 17px;\n height: 17px;\n line-height: 17px;\n text-indent: 0px;\n text-align: center;\n display: inline-block;\n transform: translateY(2px);\n transition: all 0.5s ease 0s;\n}\n.nf-add-new:hover, .nf-add-new:active, .nf-add-new.active {\n color: #1EA9EA;\n transition: all 0.5s ease;\n}\n.nf-add-new:hover::before, .nf-add-new:active::before, .nf-add-new.active::before {\n background: #fff;\n color: #1EA9EA;\n transform: rotate(180deg) translateY(-2px);\n transition: all 0.5s ease;\n}\n.nf-add-new:focus {\n box-shadow: none;\n}\n.nf-add-new.nf-open-drawer {\n position: absolute;\n top: 185px;\n left: 40px;\n}\n\n.nf-add-new.disabled {\n display: none;\n}\n\n.nf-master-control {\n background: #1EA9EA;\n border: 4px solid #1EA9EA;\n border-radius: 100px;\n cursor: pointer;\n position: absolute;\n height: 64px;\n width: 64px;\n top: auto;\n left: auto;\n bottom: 32px;\n right: 40px;\n transition: all 0.5s ease;\n z-index: 98;\n}\n.nf-master-control span {\n display: block;\n text-indent: -9999px;\n}\n.nf-master-control::before {\n content: \"\";\n animation: beacon_effect 1.75s ease-out 2s 3 alternate;\n border-radius: 100px;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 0;\n}\n.nf-master-control:hover {\n animation: beacon_effect 1.25s ease-out 50ms;\n}\n.nf-master-control:hover, .nf-master-control:active, .nf-master-control.active {\n background: #fff;\n color: #1EA9EA;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n}\n\n.nf-open-drawer .nf-plus,\n#nf-main-gutter-right .nf-plus {\n width: 28px;\n stroke-width: 12px;\n stroke: #fff;\n pointer-events: none;\n}\n.nf-open-drawer:link,\n#nf-main-gutter-right:link {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.nf-open-drawer:hover .nf-plus, .nf-open-drawer:active .nf-plus, .nf-open-drawer.active .nf-plus,\n#nf-main-gutter-right:hover .nf-plus,\n#nf-main-gutter-right:active .nf-plus,\n#nf-main-gutter-right.active .nf-plus {\n stroke: #1EA9EA;\n}\n.nf-open-drawer.nf-secondary-control .nf-plus,\n#nf-main-gutter-right.nf-secondary-control .nf-plus {\n position: static;\n background: #1EA9EA;\n border: 3px solid #1EA9EA;\n border-radius: 100px;\n margin-right: 8px;\n padding: 6px;\n stroke-width: 20px;\n transform: none;\n transition: all 0.5s ease;\n width: 32px;\n}\n.nf-open-drawer.nf-secondary-control:hover .nf-plus, .nf-open-drawer.nf-secondary-control:active .nf-plus, .nf-open-drawer.nf-secondary-control.active .nf-plus,\n#nf-main-gutter-right.nf-secondary-control:hover .nf-plus,\n#nf-main-gutter-right.nf-secondary-control:active .nf-plus,\n#nf-main-gutter-right.nf-secondary-control.active .nf-plus {\n background: #fff;\n color: #1EA9EA;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n}\n\n.nf-secondary-control {\n color: #25a8e8;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 20px;\n text-decoration: none;\n box-shadow: none;\n transition: all 0.5s ease;\n z-index: 98;\n}\n.nf-secondary-control .fa {\n background: #25a8e8;\n border-radius: 50px;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n height: 30px;\n margin: 0 8px 0 0;\n padding: 8px;\n transition: all 0.5s ease;\n width: 30px;\n}\n.nf-secondary-control:hover, .nf-secondary-control:active, .nf-secondary-control.active {\n background: #fff;\n color: #1EA9EA;\n transition: all 0.5s ease;\n}\n.nf-secondary-control:hover .fa, .nf-secondary-control:active .fa, .nf-secondary-control.active .fa {\n color: #fff;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n}\n.nf-secondary-control:focus {\n box-shadow: none;\n}\n\ninput[type=checkbox].nf-toggle {\n display: none;\n}\ninput[type=checkbox].nf-toggle + label {\n text-indent: -99999px;\n background: transparent;\n border: 0;\n box-shadow: 0 0 0;\n display: block;\n margin: 19px 5px 11px;\n appearance: none;\n position: relative;\n width: 40px;\n height: 20px;\n cursor: pointer;\n}\ninput[type=checkbox].nf-toggle + label::after {\n background: #BCBDBF;\n border: 2px solid #BCBDBF;\n border-radius: 20px;\n content: \"\";\n position: absolute;\n top: -4px;\n left: -4px;\n width: 40px;\n height: 20px;\n transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle + label::before {\n background: #fff;\n border-radius: 20px;\n content: \"\";\n position: absolute;\n top: -1px;\n left: 0;\n width: 18px;\n height: 18px;\n z-index: 99;\n transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle:checked + label::after {\n background: #84CC1E;\n border: 2px solid #84CC1E;\n transition: all 0.3s ease;\n}\ninput[type=checkbox].nf-toggle:checked + label::before {\n content: \"\";\n left: 18px;\n transition: all 0.3s ease;\n}\n\n.nf-full {\n position: relative;\n}\n.nf-full input[type=checkbox].nf-toggle + label {\n margin: -18px 0 0;\n padding: 12px 0 20px;\n position: absolute;\n top: 24px;\n right: 10px;\n}\n.nf-full input[type=checkbox].nf-toggle + label::before {\n left: auto;\n right: 22px;\n transition: right 0.3s ease;\n}\n.nf-full input[type=checkbox].nf-toggle + label::after {\n left: auto;\n right: 0;\n}\n.nf-full input[type=checkbox].nf-toggle:checked + label::before {\n left: auto;\n right: 4px;\n transition: right 0.3s ease;\n}\n.nf-full .nf-setting-label {\n border-bottom: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, 0.05);\n padding: 4px 0 24px;\n}\n\n.ninja-forms-app .nf-select {\n display: block;\n position: relative;\n}\n.ninja-forms-app .nf-select select {\n background: transparent;\n border: 0;\n margin-top: 7px;\n height: 41px !important;\n padding: 0 30px 0 15px;\n position: relative;\n width: 100%;\n font-size: 16px;\n font-weight: normal;\n text-transform: capitalize;\n appearance: none;\n z-index: 2;\n}\n.ninja-forms-app .nf-select div {\n background: #fff;\n border: 1px solid rgba(48, 55, 62, 0.1);\n border-radius: 4px;\n height: 41px;\n position: absolute;\n bottom: 0;\n width: 100%;\n right: -1px;\n z-index: 1;\n}\n.ninja-forms-app .nf-select div::after {\n color: #8d919f;\n color: rgba(48, 55, 62, 0.55);\n content: \"\\f347\";\n font-family: \"Dashicons\";\n font-size: 18px;\n position: absolute;\n right: 12px;\n bottom: 0;\n transform: translateY(-50%);\n}\n.ninja-forms-app div.nf-select div {\n bottom: 7px;\n width: 95%;\n}\n.ninja-forms-app div.nf-select select {\n margin-top: 0;\n}\n.ninja-forms-app .autobuild-template-select .nf-select select {\n background: #fff url(\"data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 5px top 55%;\n border: 1px solid rgba(48, 55, 62, 0.1);\n border-radius: 4px;\n}\n\n/*\nAll styles used for displaying table content\n-------------------------------------------- */\n.nf-actions-table,\n.nf-table-display {\n border-collapse: collapse;\n width: 100%;\n}\n.nf-actions-table td, .nf-actions-table th,\n.nf-table-display td,\n.nf-table-display th {\n border-bottom: 1px solid #ECEDEE;\n font-size: 14px;\n padding: 15px;\n vertical-align: top;\n position: relative;\n}\n.nf-actions-table th,\n.nf-table-display th {\n color: #666;\n text-align: left;\n text-transform: uppercase;\n}\n.nf-actions-table td,\n.nf-table-display td {\n color: #676F75;\n position: relative;\n}\n.nf-actions-table td:nth-child(2),\n.nf-table-display td:nth-child(2) {\n width: 90%;\n}\n.nf-actions-table .deactivated td,\n.nf-table-display .deactivated td {\n color: #BCBDBF;\n}\n.nf-actions-table .deactivated td a,\n.nf-table-display .deactivated td a {\n color: #ddd;\n}\n.nf-actions-table input[type=checkbox].nf-toggle + label,\n.nf-table-display input[type=checkbox].nf-toggle + label {\n z-index: 0;\n margin: 2px 0 0;\n}\n.nf-actions-table .active td,\n.nf-table-display .active td {\n color: #84CC1E;\n font-weight: bold;\n}\n.nf-actions-table .active .nf-item-controls,\n.nf-table-display .active .nf-item-controls {\n font-weight: normal;\n float: right;\n}\n.nf-actions-table .active .nf-item-controls a,\n.nf-table-display .active .nf-item-controls a {\n color: #84CC1E;\n}\n.nf-actions-table .active .nf-item-controls .nf-item-delete,\n.nf-actions-table .active .nf-item-controls .nf-item-duplicate,\n.nf-table-display .active .nf-item-controls .nf-item-delete,\n.nf-table-display .active .nf-item-controls .nf-item-duplicate {\n display: none;\n}\n.nf-actions-table .active .nf-item-controls .nf-item-editing,\n.nf-table-display .active .nf-item-controls .nf-item-editing {\n display: inline !important;\n}\n.nf-actions-table .active .nf-item-controls .nf-item-edit .dashicons,\n.nf-table-display .active .nf-item-controls .nf-item-edit .dashicons {\n margin-right: 12px;\n}\n\n.ui-droppable {\n border: 4px solid #fff;\n}\n\n.nf-actions-empty thead {\n display: none;\n}\n.nf-actions-empty td {\n border: 4px solid #fff !important;\n display: block;\n padding: 40px 20% !important;\n white-space: normal !important;\n}\n.nf-actions-empty h3 {\n font-size: 30px;\n}\n.nf-actions-empty p {\n font-size: 18px;\n}\n\n.nf-actions-table td {\n cursor: pointer;\n}\n.nf-actions-table .nf-item-controls {\n top: 12px;\n}\n\n/* perfect-scrollbar v0.6.7 */\n.ps {\n -ms-touch-action: none;\n overflow: hidden !important;\n}\n\n.ps.ps--active-x > .ps__scrollbar-x-rail,\n.ps.ps--active-y > .ps__scrollbar-y-rail {\n display: block;\n}\n\n.ps.ps-in-scrolling {\n pointer-events: none;\n}\n\n.ps.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n background-color: #999;\n}\n\n.ps.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n background-color: #999;\n}\n\n.ps > .ps__scrollbar-x-rail {\n display: none;\n position: absolute;\n /* please don't change 'position' */\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n opacity: 0;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n bottom: 3px;\n /* there must be 'bottom' for ps-scrollbar-x-rail */\n height: 8px;\n}\n\n.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n position: absolute;\n /* please don't change 'position' */\n background-color: #aaa;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n -webkit-transition: background-color 0.2s linear;\n -moz-transition: background-color 0.2s linear;\n -o-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n bottom: 0;\n /* there must be 'bottom' for ps-scrollbar-x */\n height: 8px;\n}\n\n.ps > .ps__scrollbar-y-rail {\n display: none;\n position: absolute;\n /* please don't change 'position' */\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n opacity: 0;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n right: 3px;\n /* there must be 'right' for ps-scrollbar-y-rail */\n width: 8px;\n}\n\n.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n position: absolute;\n /* please don't change 'position' */\n background-color: #aaa;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n -webkit-transition: background-color 0.2s linear;\n -moz-transition: background-color 0.2s linear;\n -o-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n right: 0;\n /* there must be 'right' for ps-scrollbar-y */\n width: 8px;\n}\n\n.ps:hover.ps-in-scrolling {\n pointer-events: none;\n}\n\n.ps:hover.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps:hover.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n background-color: #999;\n}\n\n.ps:hover.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps:hover.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n background-color: #999;\n}\n\n.ps:hover > .ps__scrollbar-x-rail,\n.ps:hover > .ps__scrollbar-y-rail {\n opacity: 0.6;\n}\n\n.ps:hover > .ps__scrollbar-x-rail:hover {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {\n background-color: #999;\n}\n\n.ps:hover > .ps__scrollbar-y-rail:hover {\n background-color: #eee;\n opacity: 0.9;\n}\n\n.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {\n background-color: #999;\n}\n\n/* END DEFAULT PERFECT SCROLLBAR CSS */\n/*\n * Custom perfect scrollbar css\n */\n#nf-main.ps {\n overflow: auto !important;\n overflow-y: hidden !important;\n}\n\n#nf-drawer.ps {\n overflow: auto !important;\n overflow-y: hidden !important;\n}\n\n.ui-sortable-helper.nf-field-wrap {\n border-style: solid;\n border-color: #fff !important;\n box-shadow: 0px 1px 8px 2px rgba(48, 55, 62, 0.64);\n transform: rotate(358deg);\n}\n\n.ui-draggable-handle {\n cursor: pointer;\n cursor: grab;\n}\n\n.ui-draggable-dragging {\n cursor: grabbing;\n z-index: 99;\n}\n.ui-draggable-dragging .nf-item {\n background-color: #fff !important;\n border-color: #fff !important;\n border-style: solid !important;\n color: #30373E !important;\n width: 250px !important;\n}\n.ui-draggable-dragging .nf-item.clicked {\n box-shadow: 0px 1px 4px rgba(48, 55, 62, 0.24) !important;\n}\n\n#nf-builder .nf-droppable-active {\n border: 4px solid #1EA9EA;\n transition: all 1s ease;\n}\n#nf-builder .nf-droppable-hover {\n border: 4px solid #84CC1E;\n transition: all 1s ease;\n}\n\n.nf-fields-sortable {\n border: 4px solid #FFF;\n padding: 25px 15px 6px;\n}\n\n.nf-fields-sortable .hidden {\n display: block !important;\n}\n\n.nf-fields-sortable-placeholder {\n margin-top: -14px;\n margin-bottom: 6px;\n border: 4px solid #84CC1E;\n}\n\n.nf-staged-fields-drag {\n position: relative;\n display: block;\n height: 80px;\n}\n.nf-staged-fields-drag::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.nf-staged-fields-drag .nf-staged-fields-drag-wrap {\n position: absolute;\n width: 500px;\n}\n.nf-staged-fields-drag #drag-item-1,\n.nf-staged-fields-drag #drag-item-2,\n.nf-staged-fields-drag #drag-item-3 {\n box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);\n}\n.nf-staged-fields-drag #drag-item-1 {\n bottom: 0px;\n left: 0px;\n z-index: 3;\n}\n.nf-staged-fields-drag #drag-item-2 {\n bottom: 5px;\n left: 5px;\n z-index: 2;\n}\n.nf-staged-fields-drag #drag-item-3 {\n bottom: 10px;\n left: 10px;\n z-index: 1;\n}\n\n.nf-staged-fields-drag-wrap {\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n color: #888;\n cursor: pointer;\n margin-bottom: 20px;\n padding: 15px 20px;\n}\n.nf-staged-fields-drag-wrap.active {\n border: 2px solid #84CC1E;\n color: #424242;\n font-weight: bold;\n}\n.nf-staged-fields-drag-wrap.active .nf-item-controls {\n font-weight: normal;\n}\n.nf-staged-fields-drag-wrap.active .nf-item-controls a {\n color: #424242;\n}\n.nf-staged-fields-drag-wrap.active .nf-item-controls .nf-item-delete,\n.nf-staged-fields-drag-wrap.active .nf-item-controls .nf-item-duplicate {\n display: none;\n}\n.nf-staged-fields-drag-wrap.active .nf-item-controls .nf-item-editing {\n display: inline;\n}\n.nf-staged-fields-drag-wrap.active .nf-item-controls .nf-item-edit .dashicons {\n margin-right: 12px;\n}\n\n.nf-staged-fields-sortable-placeholder {\n float: left;\n height: 28px;\n border-right: 8px solid #84CC1E;\n margin-right: -4px;\n margin-left: -4px;\n}\n\n.nf-list-options-sortable-placeholder, .nf-listimage-options-sortable-placeholder {\n border: 4px solid #84CC1E;\n height: 8px !important;\n margin: -4px 0 -4px 0;\n}\n\n.nf-fields-empty-droppable {\n border: 4px solid #FFF;\n}\n.nf-fields-empty-droppable::after {\n clear: both;\n content: \"\";\n display: block;\n}\n\n.nf-settings .toggle {\n cursor: pointer;\n}\n\n.nf-loading {\n background: #1EA9EA;\n border-radius: 4px;\n width: 40px;\n margin: 0 auto;\n position: relative;\n}\n.nf-loading ul {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n top: -10px;\n left: 0;\n font-size: 0;\n}\n.nf-loading ul li {\n height: 0;\n position: absolute;\n top: 50%;\n left: 0;\n width: 0;\n margin: 0;\n height: 10px;\n width: 10px;\n border: 3px solid #fff;\n border-radius: 100%;\n transform: transformZ(0);\n animation: LOADING 2s infinite;\n}\n.nf-loading ul li:nth-child(1n) {\n left: 0;\n animation-delay: 0s;\n}\n.nf-loading ul li:nth-child(2n) {\n left: 15px;\n animation-delay: 0.2s;\n}\n.nf-loading ul li:nth-child(3n) {\n left: 30px;\n animation-delay: 0.4s;\n}\n\n@keyframes LOADING {\n 0% {\n transform: scale(0.5);\n background: #fff;\n }\n 50% {\n transform: scale(1);\n background: #fff;\n }\n 100% {\n transform: scale(0.5);\n background: #fff;\n }\n}\n.nf-help-text {\n display: none;\n}\n\n.ninja-forms-app .nf-help {\n color: #c9cad0;\n color: rgba(0, 0, 0, 0.16);\n margin-left: 5px;\n text-decoration: none;\n}\n.ninja-forms-app .nf-help:focus {\n box-shadow: none;\n}\n.ninja-forms-app .nf-help .dashicons {\n font-size: 16px;\n height: 16px;\n width: 16px;\n}\n.ninja-forms-app .qtip-default {\n background-color: #424242;\n border: 1px solid #424242;\n border-radius: 4px;\n box-shadow: 0 5px 6px rgba(0, 0, 0, 0.3);\n color: #fff;\n font-size: 14px;\n line-height: 18px;\n padding: 10px;\n}\n.ninja-forms-app .qtip-default::after {\n content: \"\";\n position: absolute;\n left: 143px;\n bottom: -12px;\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 12px solid #424242;\n}\n\n.has-merge-tags {\n position: relative;\n}\n.has-merge-tags input[type=text],\n.has-merge-tags textarea {\n padding-right: 40px;\n}\n.has-merge-tags.rte {\n display: block;\n}\n.has-merge-tags.rte .wp-editor-tabs {\n margin-right: 40px;\n}\n.has-merge-tags.rte .merge-tags {\n color: #999;\n z-index: 100;\n top: 26px;\n}\n.has-merge-tags .merge-tags {\n color: #ccc;\n pointer: cursor;\n position: absolute;\n}\n.has-merge-tags .nf-list-options input[type=text] + .merge-tags, .has-merge-tags .nf-listimage-options input[type=text] + .merge-tags {\n top: 12px;\n}\n\ndiv.has-merge-tags .merge-tags {\n top: 16px;\n right: 12px;\n}\n\nlabel.has-merge-tags .merge-tags {\n top: 33px;\n right: 12px;\n}\n\n.nf-list-options label.has-merge-tags .merge-tags, .nf-listimage-options label.has-merge-tags .merge-tags {\n top: 12px;\n}\n\n.jBox-Tooltip {\n z-index: 100000000 !important;\n}\n\n.jBox-TooltipBorder .jBox-container {\n border-radius: 5px;\n}\n.jBox-TooltipBorder .jBox-container h4 {\n background: #f1f1f1;\n padding: 5px;\n margin: 0 0 5px;\n}\n.jBox-TooltipBorder .jBox-container ul {\n margin: 0;\n}\n.jBox-TooltipBorder .jBox-container ul li a {\n color: #1EA9EA;\n margin: 0;\n padding: 0 5px;\n display: block;\n text-decoration: none;\n}\n.jBox-TooltipBorder .jBox-container ul a.active {\n background: #f1f1f1;\n}\n.jBox-TooltipBorder .jBox-pointer-top,\n.jBox-TooltipBorder .jBox-pointer-bottom {\n width: 34px;\n height: 12px;\n}\n.jBox-TooltipBorder .jBox-pointer-left,\n.jBox-TooltipBorder .jBox-pointer-right {\n width: 12px;\n height: 34px;\n}\n.jBox-TooltipBorder.jBox-closeButton-box::before {\n width: 28px;\n height: 28px;\n background: #1EA9EA;\n}\n\n/* MERGE TAG BOX STYLES */\n#merge-tags-box {\n display: none;\n background-color: #DBDDDD;\n max-height: 360px;\n z-index: 1001;\n position: absolute;\n top: -1px;\n left: 12px;\n right: 10px;\n}\n#merge-tags-box .merge-tag-container {\n display: flex;\n justify-content: space-between;\n}\n#merge-tags-box .merge-tag-sections,\n#merge-tags-box .merge-tag-list {\n float: left;\n font-size: 14px;\n background-color: #fff;\n height: 300px;\n overflow-y: auto;\n}\n#merge-tags-box .merge-tag-sections {\n background-color: #DBDDDD;\n min-width: 135px;\n}\n#merge-tags-box .merge-tag-sections ul {\n margin: 0;\n}\n#merge-tags-box .merge-tag-sections ul li {\n background: #DBDDDD;\n border-bottom: 1px solid #fff;\n cursor: pointer;\n font-size: 14px;\n margin: 0;\n padding: 8px 26px 8px 16px;\n}\n#merge-tags-box .merge-tag-sections ul li:hover {\n background: #f6f6f6;\n}\n#merge-tags-box .merge-tag-sections ul li.active {\n position: relative;\n}\n#merge-tags-box .merge-tag-sections ul li.active::after {\n clear: both;\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border-top: 17px solid transparent;\n border-bottom: 17px solid transparent;\n border-right: 24px solid #fff;\n position: absolute;\n top: 0;\n right: 0;\n}\n#merge-tags-box .merge-tag-sections ul li:hover {\n color: #1EA9EA;\n}\n#merge-tags-box .merge-tag-list {\n flex-grow: 1;\n padding-top: 10px;\n}\n#merge-tags-box .merge-tag-list div div {\n line-height: 22px;\n}\n#merge-tags-box .merge-tag-list:hover li {\n color: black !important;\n}\n#merge-tags-box .merge-tag-list:hover li:hover {\n color: #1EA9EA !important;\n}\n#merge-tags-box .merge-tag-list ul {\n margin: 0;\n}\n#merge-tags-box .merge-tag-list li {\n cursor: pointer;\n margin-bottom: 0;\n}\n#merge-tags-box .merge-tag-list li span {\n padding: 4px 16px;\n display: block;\n}\n#merge-tags-box .merge-tag-list li span small {\n font-family: \"Courier New\", Courier, monospace, sans-serif;\n}\n#merge-tags-box .merge-tag-list li:first-of-type {\n color: #1EA9EA;\n}\n#merge-tags-box .merge-tag-filter {\n border-bottom: 2px solid #DBDDDD;\n margin: 3px 10px 10px 10px;\n clear: both;\n}\n\n.merge-tag-focus {\n position: relative;\n z-index: 1000;\n}\n\n.merge-tag-focus-overlay:before {\n content: \"\";\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.5);\n z-index: 100;\n}\n\n#merge-tags-box.one-half--first {\n width: 538px;\n left: 12px;\n}\n\n#merge-tags-box.one-half--second {\n width: 538px;\n right: 10px;\n left: auto;\n}\n\n.setting + .merge-tags {\n color: rgba(204, 204, 204, 0.3);\n}\n\n.setting:focus + .merge-tags,\n.merge-tag-focus-overlay .merge-tags {\n color: rgb(204, 204, 204);\n}\n\n.merge-tag-focus-overlay .merge-tags {\n z-index: 1000;\n}\n\n.ninja-forms-app .tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n filter: alpha(opacity=0);\n opacity: 0;\n line-break: auto;\n}\n.ninja-forms-app .tooltip.in {\n filter: alpha(opacity=90);\n opacity: 0.9;\n}\n.ninja-forms-app .tooltip.top {\n padding: 5px 0;\n margin-top: -3px;\n}\n.ninja-forms-app .tooltip.right {\n padding: 0 5px;\n margin-left: 3px;\n}\n.ninja-forms-app .tooltip.bottom {\n padding: 5px 0;\n margin-top: 3px;\n}\n.ninja-forms-app .tooltip.left {\n padding: 0 5px;\n margin-left: -3px;\n}\n.ninja-forms-app .tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 4px;\n}\n.ninja-forms-app .tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.ninja-forms-app .tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.ninja-forms-app .tooltip.top-left .tooltip-arrow {\n right: 5px;\n bottom: 0;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.ninja-forms-app .tooltip.top-right .tooltip-arrow {\n bottom: 0;\n left: 5px;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n}\n.ninja-forms-app .tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000;\n}\n.ninja-forms-app .tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000;\n}\n.ninja-forms-app .tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n.ninja-forms-app .tooltip.bottom-left .tooltip-arrow {\n top: 0;\n right: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n.ninja-forms-app .tooltip.bottom-right .tooltip-arrow {\n top: 0;\n left: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n}\n.ninja-forms-app .dropdown-menu {\n position: absolute;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n font-size: 14px;\n text-align: left;\n list-style: none;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.ninja-forms-app .dropdown-menu.pull-right {\n right: 0;\n left: auto;\n}\n.ninja-forms-app .dropdown-menu .divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n}\n.ninja-forms-app .dropdown-menu > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: 1.42857143;\n color: #333;\n white-space: nowrap;\n}\n.ninja-forms-app .dropdown-menu > li > a:hover,\n.ninja-forms-app .dropdown-menu > li > a:focus {\n color: #262626;\n text-decoration: none;\n background-color: #f5f5f5;\n}\n.ninja-forms-app .dropdown-menu > .active > a,\n.ninja-forms-app .dropdown-menu > .active > a:hover,\n.ninja-forms-app .dropdown-menu > .active > a:focus {\n color: #fff;\n text-decoration: none;\n background-color: #337ab7;\n outline: 0;\n}\n.ninja-forms-app .dropdown-menu > .disabled > a,\n.ninja-forms-app .dropdown-menu > .disabled > a:hover,\n.ninja-forms-app .dropdown-menu > .disabled > a:focus {\n color: #777;\n}\n.ninja-forms-app .dropdown-menu > .disabled > a:hover,\n.ninja-forms-app .dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n cursor: not-allowed;\n background-color: transparent;\n background-image: none;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n}\n.ninja-forms-app .open > .dropdown-menu {\n display: block;\n}\n.ninja-forms-app .open > a {\n outline: 0;\n}\n.ninja-forms-app .dropdown-menu-right {\n right: 0;\n left: auto;\n}\n.ninja-forms-app .dropdown-menu-left {\n right: auto;\n left: 0;\n}\n.ninja-forms-app .dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: 12px;\n line-height: 1.42857143;\n color: #777;\n white-space: nowrap;\n}\n.ninja-forms-app .dropdown-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 990;\n}\n.ninja-forms-app .pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n.ninja-forms-app .dropup .caret,\n.ninja-forms-app .navbar-fixed-bottom .dropdown .caret {\n content: \"\";\n border-top: 0;\n border-bottom: 4px dashed;\n border-bottom: 4px solid \\9 ;\n}\n.ninja-forms-app .dropup .dropdown-menu,\n.ninja-forms-app .navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 2px;\n}\n@media (min-width: 768px) {\n .ninja-forms-app .navbar-right .dropdown-menu {\n right: 0;\n left: auto;\n }\n .ninja-forms-app .navbar-right .dropdown-menu-left {\n right: auto;\n left: 0;\n }\n}\n.ninja-forms-app .btn-group-justified > .btn-group .dropdown-menu {\n left: auto;\n}\n.ninja-forms-app .nav-tabs.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n.ninja-forms-app .nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n}\n.ninja-forms-app .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n@media (max-width: 767px) {\n .ninja-forms-app .navbar-nav .open .dropdown-menu {\n position: static;\n float: none;\n width: auto;\n margin-top: 0;\n background-color: transparent;\n border: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .ninja-forms-app .navbar-nav .open .dropdown-menu > li > a,\n .ninja-forms-app .navbar-nav .open .dropdown-menu .dropdown-header {\n padding: 5px 15px 5px 25px;\n }\n .ninja-forms-app .navbar-nav .open .dropdown-menu > li > a {\n line-height: 20px;\n }\n .ninja-forms-app .navbar-nav .open .dropdown-menu > li > a:hover,\n .ninja-forms-app .navbar-nav .open .dropdown-menu > li > a:focus {\n background-image: none;\n }\n}\n.ninja-forms-app .navbar-nav > li > .dropdown-menu {\n margin-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n.ninja-forms-app .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {\n margin-bottom: 0;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n@media (max-width: 767px) {\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > li > a {\n color: #777;\n }\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #333;\n background-color: transparent;\n }\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .active > a,\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #555;\n background-color: #e7e7e7;\n }\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,\n .ninja-forms-app .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #ccc;\n background-color: transparent;\n }\n}\n@media (max-width: 767px) {\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {\n border-color: #080808;\n }\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu .divider {\n background-color: #080808;\n }\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {\n color: #9d9d9d;\n }\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #fff;\n background-color: transparent;\n }\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #fff;\n background-color: #080808;\n }\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,\n .ninja-forms-app .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #444;\n background-color: transparent;\n }\n}\n\n/*\nWP Color Picker (Iris) Styles\n---------------------------------------------*/\n.ninja-forms-app #wpcontent .wp-picker-holder {\n position: absolute;\n z-index: 9001;\n}\n.ninja-forms-app #wpcontent .wp-picker-holder * {\n box-sizing: content-box;\n}\n.ninja-forms-app .wp-picker-container {\n margin-top: 7px;\n width: 100%;\n}\n.ninja-forms-app .wp-picker-container .wp-color-result {\n background: #fff;\n border: 0;\n box-shadow: none;\n margin: 0;\n height: 41px;\n width: 100%;\n padding-left: 60px;\n}\n.ninja-forms-app .wp-picker-container .wp-color-result::after {\n font-size: 16px;\n line-height: 41px;\n}\n.ninja-forms-app .wp-picker-container .wp-color-result.button .wp-color-result-text {\n background: #fff;\n color: #30373E;\n margin: 0 1px 0 0;\n height: 39px;\n line-height: 39px;\n}\n.ninja-forms-app .wp-picker-container .wp-color-result.wp-picker-open {\n display: none;\n}\n.ninja-forms-app .wp-picker-container .wp-picker-input-wrap {\n width: 100% !important;\n}\n.ninja-forms-app .wp-picker-container .wp-picker-input-wrap > .button.wp-picker-default {\n display: none;\n}\n.ninja-forms-app .wp-picker-container .wp-picker-input-wrap .wp-color-picker {\n width: 100% !important;\n}\n\n@keyframes beacon_effect {\n 0% {\n box-shadow: 0px 0px 0px 0px rgba(30, 169, 234, 0.5);\n }\n 25% {\n box-shadow: 0px 0px 0px 16px rgba(30, 169, 234, 0.2);\n }\n 100% {\n box-shadow: 0px 0px 16px 28px rgba(30, 169, 234, 0);\n }\n}\n@keyframes pulse_effect {\n 0% {\n transform: scale(0.92);\n box-shadow: 0px 0px 0px 0px rgba(30, 169, 234, 0.5);\n }\n 25% {\n transform: scale(0.96);\n box-shadow: 0px 0px 0px 8px rgba(30, 169, 234, 0.2);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0px 0px 8px 14px rgba(30, 169, 234, 0);\n }\n}\n.nf-item.clicked:not(.ui-draggable-dragging) {\n animation: pulse_effect 0.48s ease-out;\n}\n.nf-item.clicked:not(.ui-draggable-dragging).available {\n animation: none;\n}\n\n@media only screen and (max-width: 1400px) {\n #nf-builder.nf-drawer-opened::before {\n height: 250%;\n }\n #nf-builder.nf-drawer-opened #nf-drawer {\n clip-path: ellipse(64% 128% at 64.1% 50%);\n }\n #nf-builder.nf-drawer-opened #nf-drawer.nf-drawer-expand {\n clip-path: ellipse(100% 128% at 64.1% 50%);\n }\n .nf-settings .nf-field-type-button {\n width: clamp(170px, 50% - 24px, 300px);\n max-width: 100%;\n }\n}\n@media only screen and (max-width: 1280px) {\n .nf-drawer-opened .nf-one-third {\n width: 50%;\n }\n .nf-drawer-opened .nf-drawer-expand .nf-one-third {\n width: 33%;\n }\n}\n@media only screen and (max-width: 1065px) {\n .nf-app-menu .preview .app-menu-text {\n text-indent: -9999px;\n display: inline-block;\n width: 0;\n }\n .nf-drawer-opened {\n /*.nf-one-third {\n width: 50%;\n }*/\n }\n .nf-drawer-opened .nf-actions-table th:nth-child(3), .nf-drawer-opened .nf-actions-table td:nth-child(3) {\n display: none;\n }\n .nf-drawer-opened {\n /*.nf-drawer-expand {\n .nf-one-third {\n width: 33%;\n }\n }*/\n }\n}\n@media only screen and (max-width: 900px) {\n #nf-header ul {\n display: none;\n }\n #nf-header .nf-button.primary {\n display: none;\n }\n .nf-mobile-menu {\n display: inline-block;\n }\n #nf-app-sub-header h2 {\n padding-left: 0;\n transition: all 1s ease 0s;\n }\n .nf-add-new.nf-open-drawer {\n position: fixed;\n text-indent: -9999px;\n height: 54px;\n width: 54px;\n top: auto;\n left: auto;\n bottom: 20px;\n right: 20px;\n }\n .nf-add-new.nf-open-drawer:after {\n background: #84CC1E;\n border: 2px solid #84CC1E;\n border-radius: 40px;\n color: #fff;\n content: \"+\";\n font-size: 50px;\n padding: 8px;\n position: absolute;\n left: 0;\n width: 28px;\n height: 28px;\n line-height: 24px;\n text-indent: 0px;\n }\n #nf-main-header .nf-button {\n display: none;\n }\n .nf-one-half, .nf-one-third {\n width: 100%;\n }\n .nf-drawer-expand .nf-one-half {\n float: left;\n width: 50%;\n }\n .nf-drawer-expand .nf-one-third {\n float: left;\n width: 33%;\n }\n #nf-app-form-title {\n margin-top: -55px;\n }\n #nf-main {\n top: 160px;\n }\n #nf-table-display .nf-item-controls {\n width: auto;\n }\n}\n@media only screen and (max-width: 1023px) {\n .ninja-forms-app.folded #wpcontent {\n margin-left: 36px;\n padding: 0;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n .ninja-forms-app.folded #wpcontent #wpbody {\n left: 0;\n }\n .nf-setting-wrap {\n width: 50%;\n }\n .nf-drawer-opened #nf-main {\n width: 100%;\n }\n .nf-drawer-opened .nf-setting-wrap {\n width: 50%;\n }\n .nf-drawer-opened#nf-builder #nf-drawer {\n clip-path: ellipse(100% 128% at 64.1% 50%);\n width: 100%;\n right: 0;\n transition: all 0.5s ease;\n }\n .nf-drawer-opened#nf-builder #nf-drawer #nf-drawer-header {\n width: 100%;\n }\n .nf-drawer-opened#nf-builder .nf-toggle-drawer {\n display: none;\n }\n .nf-drawer-closed .nf-setting-wrap {\n width: 50%;\n }\n}\n@media only screen and (max-width: 960px) {\n .ninja-forms-app.auto-fold #wpcontent {\n margin-left: 36px;\n padding: 0;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n .ninja-forms-app.auto-fold #wpcontent #wpbody {\n left: 0;\n }\n .nf-drawer-opened .nf-toggle-drawer {\n display: none;\n }\n}\n@media only screen and (max-width: 782px) {\n .ninja-forms-app.folded #wpcontent, .ninja-forms-app.auto-fold #wpcontent {\n margin-left: 0;\n }\n #nf-builder {\n padding: 80px 20px 10px;\n }\n #nf-builder .nf-cta-bubble {\n display: none !important;\n }\n #nf-main {\n padding: 4px 0 80px 16px;\n }\n #nf-drawer {\n padding-left: 20px;\n padding-right: 20px;\n }\n .nf-search::before {\n left: 24px;\n }\n .nf-search input[type=search] {\n padding-left: 60px;\n }\n #nf-main-content {\n width: 100%;\n max-width: 100%;\n }\n #nf-main {\n border: 0;\n }\n}\n@media only screen and (max-width: 660px) {\n .nf-one-half, .nf-one-third {\n width: 100%;\n float: none;\n }\n .nf-actions-table td:nth-child(3), .nf-actions-table th:nth-child(3) {\n display: none;\n }\n .nf-drawer-buttons {\n display: block;\n }\n .nf-item {\n padding-top: 12px;\n padding-bottom: 12px;\n }\n .nf-item .fa {\n padding-top: 12px;\n padding-bottom: 12px;\n width: 48px;\n }\n .nf-saved .nf-item::after {\n padding: 14px;\n }\n}\n.rtl.ninja-forms-app #wpcontent {\n margin-right: 140px;\n}\n.rtl.ninja-forms-app #wpcontent #wpbody {\n right: 160px;\n left: 0;\n}\n.rtl.ninja-forms-app.folded #wpcontent {\n margin-right: 16px;\n}\n.rtl.ninja-forms-app.folded #wpcontent #wpbody {\n right: 36px;\n left: 0;\n}\n\n.rtl #nf-app-admin-header #nf-logo {\n float: right;\n}\n.rtl #nf-app-admin-header .fa-times {\n right: auto;\n left: 0;\n}\n.rtl .nf-app-buttons {\n float: left;\n}\n.rtl #nf-app-header .nf-app-menu li {\n float: right;\n}\n.rtl #nf-app-header .nf-app-menu li a.preview .dashicons {\n margin-right: 10px;\n}\n.rtl .nf-master-control {\n right: auto;\n left: 30px;\n}\n.rtl .nf-master-control .fa {\n margin: 15px 16px 0 0;\n}\n.rtl input[type=submit] {\n float: left;\n}\n.rtl .nf-cancel {\n float: left;\n margin-left: 20px;\n}\n.rtl .nf-public-link {\n float: left;\n margin-left: 20px;\n}\n.rtl .nf-add-new {\n margin: 0;\n padding: 0;\n}\n.rtl .nf-add-new:after {\n right: 0;\n left: auto;\n line-height: 14px;\n}\n.rtl #nf-main {\n right: 0;\n left: auto;\n}\n.rtl #nf-main-header .nf-button {\n float: left;\n}\n.rtl .nf-field-label {\n margin-left: 0;\n margin-right: 16px;\n}\n.rtl .nf-item-controls {\n right: auto;\n left: 0;\n}\n.rtl .nf-item-controls .nf-item-control {\n right: auto;\n left: 0;\n}\n.rtl .nf-item-controls:hover .nf-item-duplicate {\n right: auto;\n left: 80px;\n}\n.rtl .nf-item-controls:hover .nf-item-delete {\n right: auto;\n left: 40px;\n}\n.rtl #nf-drawer {\n right: auto;\n left: -1400px;\n}\n.rtl #nf-drawer.nf-drawer-expand {\n width: 100%;\n}\n.rtl .nf-drawer-header h2 {\n float: right;\n}\n.rtl .nf-drawer-header h2 .dashicons {\n margin-left: 10px;\n}\n.rtl .nf-drawer-header .nf-button {\n float: left;\n}\n.rtl .nf-search input[type=search] {\n padding: 12px 50px 12px 0;\n}\n.rtl .nf-search::before {\n right: 10px;\n left: 0;\n}\n.rtl .nf-drawer-opened #nf-drawer {\n left: 0;\n right: auto;\n}\n.rtl .nf-drawer-opened #nf-app-sub-header h2 {\n padding-right: 0;\n}\n.rtl .nf-settings h3 .dashicons {\n margin: -4px -30px 0 10px;\n}\n.rtl .nf-settings h3 .dashicons.dashicons-arrow-right::before {\n content: \"\\f141\";\n}\n.rtl .nf-item .fa {\n left: auto;\n right: 0;\n}\n.rtl .nf-one-half,\n.rtl .nf-one-third,\n.rtl .nf-one-fourth {\n float: right;\n}\n\n#nf-app-admin-header {\n background: #eceff7;\n height: 60px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n}\n#nf-app-admin-header .fa-times {\n background: #424242;\n color: #fff;\n font-size: 30px;\n position: absolute;\n text-align: center;\n text-decoration: none;\n line-height: 56px;\n right: 0;\n height: 60px;\n width: 60px;\n}\n#nf-app-admin-header #nf-logo {\n background-image: url(\"../img/ninja-forms-app-header-logo@2x.png\");\n background-size: 130px 50px;\n background-position: center bottom;\n background-repeat: no-repeat;\n float: left;\n width: 160px;\n height: 60px;\n opacity: 1;\n filter: alpha(opacity=100);\n -webkit-transition: all 1s ease;\n transition: all 1s ease;\n}\n#nf-app-admin-header .nf-cta-bubble {\n background: #1EA9EA;\n border: 1px solid #1EA9EA;\n border-radius: 6px;\n color: #fff;\n display: block;\n float: left;\n font-size: 14px;\n margin: 6px 0 0 20px;\n padding: 5px 10px;\n position: relative;\n text-decoration: none;\n width: 360px;\n}\n#nf-app-admin-header .nf-cta-bubble::after {\n display: block;\n content: \"\";\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid #1EA9EA;\n position: absolute;\n left: -10px;\n top: 13px;\n}\n#nf-app-admin-header .nf-cta-bubble:hover {\n background: #fff;\n color: #1EA9EA;\n}\n\n.scrollWrap {\n overflow: hidden;\n height: 100%;\n position: relative;\n z-index: 1;\n}\n\n.scrollContent {\n height: 100%;\n width: 100%;\n padding: 0 32px 0 0;\n position: relative;\n right: -18px;\n overflow: auto;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.fakeScrollBar {\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n width: 9px;\n border-radius: 4px;\n right: -15px;\n top: 0;\n z-index: 0;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n\n.fakeScroll:hover .fakeScrollBar.fakescroll-grabbed {\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n background: #FFF;\n}\n\nbody.fakescroll-grabbed {\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}","#nf-header {\n //background: red;\n height: 100px;\n transition: margin 0.5s ease;\n #nf-logo {\n background-image: url( '../img/ninja-forms-app-header-logo.png' );\n float: left;\n width: 80px;\n height: 30px;\n opacity: 1.0;\n transition: all 1.0s ease;\n @media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n background-image: url( '../img/ninja-forms-app-header-logo@2x.png' );\n background-size: 80px 30px;\n }\n }\n ul {\n display: inline-block;\n margin: 0;\n li {\n float: left;\n &.nf-mobile-menu {\n display: none;\n }\n a {\n color: #424242;\n display: block;\n margin: 16px 20px;\n padding-bottom: 8px;\n text-decoration: none;\n &.active {\n border-bottom: 2px solid #424242;\n }\n &.preview {\n color: #bbb;\n transition: all 1.0s ease;\n .dashicons {\n display: inline-block;\n margin-left: 10px;\n }\n }\n }\n &:first-child {\n a {\n margin-left: 0;\n }\n }\n }\n &:after {\n clear: both;\n content: \"\";\n display: block;\n }\n }\n input[type=submit] {\n float: right;\n }\n .nf-cancel {\n float: right;\n margin-right: 60px;\n padding: 8px 0;\n .dashicons {\n font-size: 30px;\n }\n }\n .nf-public-link {\n float: right;\n margin-right: 30px;\n padding: 8px 0;\n .dashicons {\n font-size: 30px;\n }\n }\n &:after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n#nf-app-header {\n height: 50px;\n &:after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n#nf-app-sub-header {\n height: 50px;\n padding: 0;\n margin-top: 20px;\n h2 {\n display: inline-block;\n margin: 0;\n padding: 10px 0;\n transition: all 1.0s ease 0s\n }\n &:after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n.nf-app-buttons {\n float: right;\n .publish {\n float: right;\n }\n}\n#nf-app-form-title {\n min-height: 18px;\n h2 {\n margin: 15px 0;\n }\n}\n","@use \"variables\" as *;\n\n#nf-main {\n border: 4px solid #fff;\n //padding: 20px 40px 40px;\n width: 100%;\n position: absolute;\n top: 220px;\n overflow: auto;\n overflow-x: visible;\n bottom: 0;\n left: 0;\n -webkit-overflow-scrolling: touch;\n transition: left 0.5s ease;\n .nf-field-type-button {\n width: 400px;\n }\n}\n.nf-main-test {\n width: 100%;\n transition: width 0.5s ease;\n}\n#nf-main-content,\n#nf-main-header {\n margin: 0 auto;\n max-width: 860px;\n user-select: none;\n padding: 0 80px;\n position: relative;\n}\n#nf-main-header {\n //padding: 0 0 20px;\n .nf-button {\n float: right;\n }\n h2 {\n display: inline-block;\n }\n &:after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n\n#the-list tr.flagged th:first-child {\n border-left: 5px solid yellow;\n}\n\n#nf-main-gutter-left,\n#nf-main-gutter-right {\n //background: red;\n position: absolute;\n top: 0;\n width: 80px;\n height: 450px;\n .fa-chevron-circle-left,\n .fa-chevron-circle-right,\n .fa-plus-circle {\n color: #eee;\n font-size: 86px;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n &:hover {\n color: $cta_color;\n cursor: pointer;\n }\n }\n}\n.nf-realistic-field .nf-realistic-field-mimic {\n border-radius: 4px;\n}\n.nf-field-wrap.date .nf-realistic-field .nf-realistic-field-mimic {\n display: inline-block;\n padding-right: 1px;\n}\n.nf-field-wrap.date .nf-realistic-field input + .nf-realistic-field-mimic {\n margin-top: 5px;\n}\n#nf-main-gutter-left {\n left: 0;\n padding-left: 6px;\n}\n#nf-main-gutter-right {\n right: 0;\n padding-right: 6px;\n}\n","$accent_color: #84CC1E;\n$cta_color: #1EA9EA;\n$dark_color: #30373E;\n$light_color: #eceff7;\n$shadow: 0px 1px 4px rgba( $dark_color, 0.24 ); // not used a lot, maybe unnecessary\n$drawer_width: 50;\n","@use \"variables\" as *;\n\n.nf-fields-empty {\n padding: 0 40px;\n h3 {\n font-size: 30px;\n line-height: 32px;\n }\n p {\n font-size: 18px;\n }\n a {\n text-decoration: none;\n }\n}\n\n.nf-field-label {\n display: inline-block;\n margin-left: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 80%;\n .nf-drawer-opened & {\n width: 60%;\n }\n}\n\n.nf-field-wrap {\n .fa {\n // margin-right: 10px;\n // width: 24px;\n }\n}\n.template-box {\n text-decoration: none;\n .template-box-inside {\n background: #EBEDEE;\n color: #424242;\n min-height: 160px;\n padding: 10px;\n text-decoration: none;\n transition: all 0.2s ease-in-out 0.1s, box-shadow 0.2s ease-in-out 0.1s;\n h4 {\n margin: 0 0 10px;\n min-height: 35px;\n }\n p {\n font-size: 12px;\n margin: 0;\n }\n }\n &:hover {\n .template-box-inside {\n background: #fff;\n box-shadow: 0 0 20px $cta_color;\n color: $cta_color;\n transition: all 0.2s ease-in-out 0.1s, box-shadow 0.2s ease-in-out 0.1s;\n }\n }\n .nf-drawer-opened & {\n width: 50%;\n }\n}\n@media only screen and (max-width: 1400px) {\n .nf-drawer-opened {\n .template-box {\n width: 100%;\n }\n }\n}\n","@use \"variables\" as *;\n\n.nf-setting-wrap {\n cursor: pointer;\n float: left;\n margin-bottom: 30px;\n padding: 0 2%;\n width: 33.33%;\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n span {\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n display: table-cell;\n height: 85px;\n width: 400px;\n text-align: center;\n vertical-align: middle;\n }\n &.active {\n span {\n border: 2px solid $accent_color;\n font-weight: bold;\n }\n }\n}\n.available {\n .nf-setting-wrap{\n span {\n background: #ebedee;\n }\n }\n}\n","@use \"variables\" as *;\n\n.nf-item-controls {\n height: 32px;\n width: 32px;\n float: right;\n margin: 0;\n position: absolute;\n top: 8px;\n right: 10px;\n .nf-item-control {\n visibility: hidden;\n margin: 0;\n opacity: 0;\n text-align: center;\n width: 40px;\n height: 32px;\n position: absolute;\n right: 0;\n transition: all 0.5s ease;\n a {\n background: #fff;\n border: 2px solid #fff;\n border-radius: 64px;\n color: $cta_color;\n display: block;\n text-decoration: none;\n padding: 3px;\n position: relative;\n width: 24px;\n height: 24px;\n &:hover {\n background: #fff;\n border-color: $cta_color;\n color: $cta_color;\n }\n }\n .fa {\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n }\n &.nf-item-edit {\n opacity: 100;\n visibility: visible;\n z-index: auto;\n }\n }\n &:hover {\n a {\n background: $cta_color;\n color: #fff;\n }\n .nf-item-duplicate {\n visibility: visible;\n opacity: 100;\n right: 80px;\n transition: all 0.5s ease;\n }\n .nf-item-delete {\n visibility: visible;\n opacity: 100;\n right: 40px;\n transition: all 0.5s ease;\n }\n }\n}\n#nf-table-display {\n .nf-item-controls {\n float: right;\n }\n}\n.repeater .nf-item-duplicate {\n display: none;\n}\n","@use \"variables\" as *;\n\n.nf-realistic-field {\n font-size: 18px!important;\n}\n\n.nf-field-label {\n overflow: visible!important;\n}\n\n.nf-realistic-field {\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"tel\"],\n input[type=\"number\"],\n select,\n textarea {\n width: 100%;\n max-width: 100%;\n height: 50px !important;\n background: rgba($light_color, 0.5) !important;\n border: 1px solid #8d919f !important;\n border-color: rgba($dark_color, 0.55) !important;\n color: $dark_color !important;\n padding: 12px;\n }\n textarea {\n height: 160px !important;\n }\n select[multiple] {\n color: $dark_color !important; \n height:auto!important;\n }\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n height: 16px;\n width: 16px;\n }\n .nf-realistic-field--element {\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n border-width: 2px !important;\n background: $light_color;\n box-shadow: none;\n }\n }\n ul {\n margin: 0;\n list-style-type: none;\n li {\n display: flex;\n margin-bottom: 12px;\n input[type=\"checkbox\"],\n input[type=\"radio\"] {\n padding: 12px;\n margin-top: 4px;\n margin-right: 8px;\n // Faux-label element used in the builder.\n & + div { \n margin-top: 3px; // Align the faux-label vertically.\n }\n }\n }\n }\n // star rating\n .fa-star {\n color: #FB0;\n }\n // buttons\n button,\n input[type=\"button\"],\n input[type=\"submit\"] {\n width: auto;\n height: 50px;\n padding: 12px 24px;\n border-radius: 4px;\n background: $dark_color; // #333;\n border: 0;\n color: #fff; // #f7f7f7;\n font-size: 16px;\n font-weight: 600; // 700\n text-transform: uppercase;\n }\n // labels\n .nf-realistic-field--label {\n font-size: 16px !important;\n margin-bottom: 8px !important;\n text-transform: none !important;\n .nf-field-label {\n font-weight: 600; //bold;\n margin-left: 0 !important;\n }\n }\n}\n\n.nf-field-wrap {\n .nf-placeholder-label {\n .fa.fa-square-o {\n // same as realistic field for checkbox (in section above)\n display: inline-block;\n width: 16px;\n height: 16px;\n border: 2px solid #8d919f !important;\n border-radius: 4px;\n background: $light_color;\n box-shadow: none;\n position: relative;\n top: 2px;\n &::before {\n display: none;\n }\n & + .nf-field-label {\n margin-left: 12px;\n }\n }\n }\n}\n\n.ninja-forms-req-symbol {\n color: #dc3232; // red;\n}\n.nf-field-wrap {\n background: #fff;\n border: 2px dashed #c2c7ce;\n border-color: transparent;\n border-radius: 8px;\n color: #888;\n cursor: pointer;\n margin-bottom: 20px;\n padding: 15px 20px;\n position: relative;\n transition: border-color .25s;\n &:hover {\n border-color: #c2c7ce;\n border-color: rgba($dark_color, 0.2);\n }\n & .nf-item-controls {\n display: none;\n }\n &:hover .nf-item-controls {\n display: block;\n }\n &.active {\n border: 2px solid #84CC1E!important;\n color: #424242;\n .nf-item-controls {\n font-weight: normal;\n a {\n background: #fff;\n color: $accent_color;\n &:hover {\n border-color: #fff;\n }\n }\n .nf-item-delete,\n .nf-item-duplicate {\n display: none;\n }\n .nf-item-editing {\n display: inline;\n }\n .nf-item-edit {\n .dashicons {\n margin-right: 12px\n }\n }\n }\n }\n &.note {\n background: #ffffee;\n }\n}\n\n.nf-group-wrap {\n background: #fff;\n border: 2px solid #ccc;\n border-radius: 4px;\n color: #888;\n margin: 0 -10px 20px;\n padding: 15px 30px;\n position: relative;\n .nf-item-controls {\n width: 128px;\n }\n .nf-item-expand {\n display: inline !important;\n }\n .nf-field-wrap {\n margin-left: -20px;\n margin-right: -20px;\n visibility: hidden;\n opacity: 0.0;\n filter: alpha(opacity=0);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n }\n &.expanded {\n border-color: $accent_color;\n color: $accent_color;\n .nf-item-expand {\n .dashicons {\n transform: rotate(90deg);\n }\n }\n .nf-field-wrap {\n opacity: 1.0;\n visibility: visible;\n filter: alpha(opacity=100);\n position: relative;\n top: 0;\n left: 0;\n right: 0;\n transition: all 1.0s ease;\n &:nth-child(2) {\n margin-top: 20px;\n }\n &:last-child {\n margin-bottom: 0;\n }\n .nf-item-controls {\n width: 96px;\n .nf-item-expand {\n display: none !important;\n }\n }\n }\n }\n}\n",".nf-realistic-field.nf-realistic-field--label-above {\n display: block;\n}",".nf-realistic-field.nf-realistic-field--label-below {\n display: flex;\n flex-direction: column;\n\n .nf-realistic-field--label {\n order: 5;\n }\n .nf-realistic-field--description {\n order: 4;\n }\n .nf-realistic-field--element {\n order: 3;\n }\n}",".nf-realistic-field.nf-realistic-field--label-hidden {\n display: flex;\n flex-direction: column;\n\n .nf-realistic-field--label {\n display: none;\n }\n .nf-realistic-field--description {\n order: 4;\n }\n .nf-realistic-field--element {\n order: 3;\n }\n}",".nf-realistic-field.nf-realistic-field--label-left {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n\n .nf-realistic-field--label {\n order: 3;\n width: 35%;\n text-align: right;\n padding-top: 5px;\n padding-right: 10px;\n word-wrap: break-word;\n\n .nf-field-label {\n white-space: normal !important;\n }\n }\n\n .nf-realistic-field--element {\n order: 4;\n width: 65%;\n } \n\n .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 35%;\n }\n}\n\n/**\n * Checkbox\n */\n\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-left {\n .nf-realistic-field--label {\n order: 3;\n width: 38%;\n padding-left: 0;\n padding-right: 5%;\n text-align: center;\n }\n\n .nf-realistic-field--element {\n order: 4;\n width: 58%;\n } \n\n .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 38%;\n }\n}",".nf-realistic-field.nf-realistic-field--label-right {\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n .nf-realistic-field--label {\n order: 4;\n width: 35%;\n padding-left: 2%;\n }\n .nf-realistic-field--element {\n order: 3;\n width: 65%;\n } \n .nf-realistic-field--description {\n order: 5;\n width: 100%;\n margin-left: 35%;\n }\n}\n\n// Checkbox\n.nf-field-wrap.checkbox .nf-realistic-field.nf-realistic-field--label-right {\n align-items: center;\n .nf-realistic-field--label {\n order: 4;\n width: auto;\n padding-left: 2%;\n padding-right: 2%;\n margin-bottom: 0;\n .nf-field-label {\n width: 100%;\n }\n }\n .nf-realistic-field--element {\n order: 3;\n width: auto;\n } \n .nf-realistic-field--description {\n order: 5;\n width: auto;\n margin-left: 0;\n }\n}","@use \"label-position/above\";\n@use \"label-position/below\";\n@use \"label-position/hidden\";\n@use \"label-position/left\";\n@use \"label-position/right\";\n\n.nf-item-controls {\n z-index: 2;\n}\n\n.nf-realistic-field {\n color: black !important;\n}\n\n.ninja-forms-req-symbol {\n color: #dc3232; // red;\n}\n\n.listselect,\n.listcountry,\n.liststate {\n .nf-realistic-field .nf-realistic-field--label {\n margin-bottom: 8px;\n }\n .nf-realistic-field .nf-realistic-field--element select {\n border: 1px solid #c4c4c4;\n box-shadow: none;\n appearance: none;\n margin-top: 7px;\n }\n .nf-realistic-field .nf-realistic-field--element > div {\n position: relative;\n }\n .nf-realistic-field .nf-realistic-field--element select + div {\n display: block;\n position: absolute;\n font-size: 16px;\n line-height: 16px;\n margin: 0;\n margin-top: 7px;\n padding: 16px;\n height: 50px;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n .nf-realistic-field .nf-realistic-field--element select + div::after {\n content: \"\\f078\";\n font-family: FontAwesome;\n font-size: 20px;\n position: absolute;\n right: 10px;\n bottom: 0;\n height: 50px;\n line-height: 50px;\n }\n}\n\n.starrating .nf-realistic-field--element {\n margin-top: 10px;\n}\n\n.checkbox .nf-realistic-field input:checked {\n margin: 4px 5px 1px 0;\n}\n.checkbox .nf-realistic-field input:checked::before {\n content: \"\\f00c\";\n font-family: FontAwesome;\n font-size: 24px;\n position: absolute;\n top: 20px;\n left: 25px;\n z-index: 2;\n color: black;\n}\n\n.listcheckbox .nf-realistic-field li {\n position: relative;\n}\n.listcheckbox .nf-realistic-field input:checked::before {\n content: \"\\f00c\";\n font-family: FontAwesome;\n font-size: 24px;\n position: absolute;\n left: 5px;\n z-index: 2;\n color: black;\n}\n\n.listradio .nf-realistic-field li {\n position: relative;\n}\n.listradio .nf-realistic-field input:checked {\n border-color: black !important;\n}\n.listradio .nf-realistic-field input:checked::before {\n border-radius: 50%;\n content: \"\";\n height: 10px;\n width: 10px;\n position: absolute;\n left: 1px;\n top: 5px;\n z-index: 2;\n background-color: black;\n}","@use \"variables\" as *;\n\n#nf-drawer {\n background: $light_color;\n background: linear-gradient(32deg, rgba(246,247,251,1) 0%, rgba(236,239,247,1) 100%);\n border-radius: 0;\n padding: 0px 40px 0px 64px;\n width: calc($drawer_width * 1%);\n clip-path: ellipse( 100% 128% at 64.1% 50% ); // starts without curve\n position: absolute;\n top: 0;\n bottom: 0;\n right: -1400px;\n overflow-y: scroll;\n overflow-x: hidden;\n z-index: 102;\n -webkit-overflow-scrolling: touch;\n}\n#nf-builder {\n // shadow for curved drawer\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n transform: translateY(-50%); // for vertical center\n top: 50%; // for vertical center w/ translateY 50%\n right: calc(-1% * calc(64.1 - 52) - 1400px ); // drawer clip position - drawer width - drawer start position\n width: 64%; // match clip width\n height: 282%; // should be 288 (clip height * 2) but 6% missing???\n background: rgba( $dark_color, 0 );\n border-radius: 0%;\n box-shadow: 2px 0px 9px rgba( $dark_color, 0 );\n transition: all 0.4s ease;\n z-index: 101;\n }\n}\n#nf-builder.nf-drawer-opened {\n .nf-main-test {\n width: 50%;\n transition: all 0.5s ease;\n .nf-button {\n display: none;\n }\n }\n // shadow for curved drawer\n &::before {\n background: rgba( $dark_color, 0.24 );\n border-radius: 100%;\n box-shadow: -2px 0px 18px rgba( $dark_color, 0.28 );\n right: calc(-1%* calc(64.1 - $drawer_width)); // drawer clip position - drawer width\n transition: all 0.5s ease 0.0125s;\n }\n #nf-drawer {\n clip-path: ellipse( 64% 144% at 64.1% 50% ); // curve applys on transition\n right: 0;\n transition: all 0.5s ease;\n a.nf-external-info {\n background-image: url('../img/help_icon.png');\n background-size: 20px;\n width: 20px;\n height: 20px;\n display: inline-block;\n margin-left: 2px;\n }\n &.nf-drawer-expand {\n clip-path: ellipse( 100% 144% at 64.1% 50% ); // curve goes away full width\n width: 100%;\n transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n .nf-toggle-drawer {\n .dashicons {\n transform: rotate(180deg);\n transition: all 0.5s ease;\n }\n .nf-expand-off {\n display: none;\n }\n .nf-expand-on {\n display: inline;\n }\n }\n #nf-drawer-header {\n width: 100%; // for sticky position, use: calc(100% + 64px + 40px);\n transition: all 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);\n }\n }\n #nf-drawer-header {\n right: 0;\n }\n }\n .preview {\n opacity: 0.0;\n visibility:hidden;\n filter: alpha(opacity=0);\n transition: all 0.50s ease;\n &:hover, &:active, &.active {\n opacity: 0.0;\n visibility:hidden;\n filter: alpha(opacity=0);\n transition: all 0.50s ease;\n }\n }\n #nf-main-content,\n #nf-main-header {\n margin: 0 auto;\n transition: all 0.50s ease;\n }\n @media only screen and (min-width: 901px) {\n #nf-app-sub-header {\n .nf-add-new {\n top: 139px !important;\n text-indent: -99999px;\n }\n }\n }\n .nf-setting-wrap {\n width: 50%;\n transition: width 0.50s ease;\n }\n .nf-toggle-drawer {\n display: block;\n }\n}\n.nf-drawer-closed {\n #nf-main {\n width: 100%;\n left: 0;\n transition: width 0.50s ease, left 0.50s ease;\n }\n #nf-drawer {\n right: -1400px;\n transition: right 0.50s ease;\n }\n .nf-add-new {\n opacity: 1.0;\n visibility: visible;\n filter: alpha(opacity=100);\n transition: all 0.50s ease;\n }\n .nf-setting-wrap {\n width: 33%;\n transition: width 0.50s ease;\n }\n .nf-toggle-drawer {\n display: none;\n }\n}\n#nf-drawer {\n #nf-drawer-header {\n position: fixed; // sticky;\n width: calc($drawer_width * 1%); // calc(100% + 64px + 40px);\n top: 0;\n right: -1400px;\n\n background: #fff;\n background: linear-gradient(212deg, rgb(246, 247, 251) 0%, #fff 100%);\n height: 60px;;\n margin-left: -64px;\n transition: width 0.50s ease, right 0.5s ease;\n z-index: 101;\n .nf-drawer-header {\n .nf-button {\n // Docked Inline Button\n // --------------------\n // border-radius: 0;\n // float: right;\n // padding: 20px 48px;\n\n // Circular Checkmark Button\n // -------------------------\n $chk_btn_size: 56px; // +4px border = 64px\n box-sizing: content-box;\n position: absolute;\n right: 40px;\n bottom: 0;\n width: $chk_btn_size;\n height: $chk_btn_size;\n border-radius: 100px;\n border: 4px solid $cta_color;\n background: $cta_color;\n color: $cta_color;\n font-size: 0px !important;\n line-height: 0 !important;\n padding: 0 !important;\n transform: translateY(50%) rotate(-45deg);\n // animation: beacon_effect 2s ease-out 2s;\n &::before {\n border: 4px solid #fff;\n border-width: 0 0 4px 4px;\n content: '';\n display: block;\n position: relative;\n width: 40%; // calc(.4 * $chk_btn_size);\n height: 16%; // calc(.16 * $chk_btn_size);\n transform-origin: 100% 0;\n transform: translate(60%, 160%);\n z-index: 1;\n }\n &::after {\n content: '';\n position: relative;\n top: -4px;\n right: -4px;\n display: block;\n width: 40%; // calc(.4 * $chk_btn_size);\n height: 16%; // calc(.16 * $chk_btn_size);\n border: 4px solid #fff;\n border-width: 4px 0 0 0;\n transform-origin: 100% 0;\n transform: translate(60%, 160%);\n }\n &, &::before, &::after {\n transition: all 0.35s ease;\n }\n &:hover {\n animation: beacon_effect 1.25s ease-out 50ms;\n background: #fff;\n transform: translateY(50%) rotate(225deg);\n }\n &:hover::before {\n width: 25%; // calc(.25 * $chk_btn_size);\n height: 25%; // calc(.25 * $chk_btn_size);\n border-color: $cta_color;\n transform: translate(85%, 120%);\n transition: all 0.25s ease;\n }\n &:hover::after {\n top: -8px;\n width: 55%; // calc(.55 * $chk_btn_size);\n border-color: $cta_color;\n transform: rotate(-45deg) translate(0%, 40%);\n }\n }\n }\n }\n #nf-drawer-content > div:first-child {\n padding: 72px 0 64px;\n .nf-setting-title:first-child {\n display: block;\n }\n > .nf-actions-itmes-installed {\n padding-top: 24px;\n }\n }\n}\n.nf-drawer-error {\n background-color: #FFBABA;\n border: 1px solid #FFBABA;\n border-radius: 5px;\n color: #D8000C;\n font-size: 12px;\n margin: 10px 0px;\n padding: 10px 10px;\n}\n.nf-settings {\n display: flex;\n flex-flow: row wrap;\n gap: 8px 24px;\n margin: 0 0 24px;\n h3 {\n color: $dark_color;\n font-size: 14px;\n margin: 4px 0;\n padding: 0 8px;\n text-transform: uppercase;\n width: 100%;\n .dashicons {\n color: #c2c6cc;\n color: rgba( $dark_color, 0.24 );\n font-size: 20px;\n margin: -1px 8px 0 -12px;\n &-arrow {\n &-down::before {\n content: \"\\f347\"; // override arrow type\n }\n &-right::before {\n content: \"\\f345\"; // override arrow type\n }\n }\n }\n }\n .nf-field-type-button {\n width: clamp(170px, calc(33.33% - 24px), 300px);\n max-width: 100%;\n }\n .nf-field-settings {\n width: 800px;\n max-width: 100%;\n }\n}\n.nf-full {\n clear: both;\n &.toggle-row {\n border-bottom: 1px solid #ccc;\n margin: 0;\n position: relative;\n &:first-child {\n border-top: 1px solid #ccc;\n }\n label {\n display: inline-block;\n padding: 15px 60px 15px 0;\n }\n .nf-toggle {\n float: right;\n margin: 15px 0;\n position: absolute;\n top: 0;\n right: 10px;\n }\n }\n .nf-select{\n select{\n display: block;\n max-width: 100%;\n }\n }\n}\n.nf-one-half,\n.nf-one-third {\n float: left;\n}\n.nf-one-half {\n width: 50%;\n}\n.nf-one-third {\n width: 33.33%;\n}\n.nf-first {\n clear: both;\n margin-left: 0;\n}\n.nf-full,\n.nf-one-half,\n.nf-one-third {\n margin-bottom: 15px;\n padding: 0 2% 0 0;\n fieldset & {\n padding-left: 2%;\n }\n}\n.nf-full::after,\n.nf-one-half::after,\n.nf-one-third::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.nf-toggle-drawer {\n color: #aaa;\n cursor: pointer;\n display: none;\n float: right;\n margin-top: 40px;\n text-decoration: none;\n padding: 10px 20px;\n position: fixed;\n bottom: 0;\n right: 0;\n .dashicons {\n margin-right: 5px;\n transition: all 0.50s ease;\n }\n .nf-expand-off {\n display: inline;\n }\n .nf-expand-on {\n display: none;\n }\n}\n\n\n#nf-menu-drawer {\n background: $light_color;\n box-shadow: inset 1px 4px 9px -6px;\n width: 250px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: -250px;\n z-index: 999;\n transition: right 0.50s ease;\n ul {\n margin: 0;\n li {\n a {\n border-bottom: 1px solid #ccc;\n color: #424242;\n display: block;\n padding: 10px 20px;\n text-decoration: none;\n .dashicons {\n color: $cta_color;\n margin-right: 15px;\n }\n }\n }\n }\n .nf-publish {\n background: $cta_color;\n color: #fff;\n padding: 20px;\n text-align: center;\n text-transform: uppercase;\n cursor:pointer;\n\n &.disabled {\n background: #ccc;\n border: 1px solid #ccc;\n cursor: default;\n }\n }\n\n}\n\n.nf-menu-expand {\n #nf-menu-drawer {\n right: 0;\n transition: right 0.50s ease;\n }\n #nf-header {\n margin-right: 250px;\n margin-left: -250px;\n transition: margin 0.50s ease;\n }\n #nf-main {\n left: -250px;\n transition: left 0.50s ease;\n }\n}\n\n.nf-div-table {\n .nf-table-row {\n &.nf-error {\n textarea {\n border: 1px solid red;\n }\n span.nf-option-error {\n background: red;\n color: #fff;\n display: block;\n padding: 5px 0;\n width: 100%;\n div.nf-error {\n display: block;\n width: 100% !important;\n text-align: center;\n }\n }\n }\n }\n}\n.ninja-forms-app {\n .jBox-Notice {\n .jBox-container {\n background: $accent_color;\n font-size: 18px;\n }\n }\n}\n\n.available-action-modal {\n padding: 20px;\n img {\n width: 100%;\n }\n iframe {\n width: 100%;\n height: 214px;\n }\n p:first-of-type {\n font-size: 16px;\n font-weight: bold;\n line-height: 20px;\n padding: 16px 40px;\n text-align: center;\n }\n .actions {\n margin-top: 30px;\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n }\n .primary.nf-button {\n float: right;\n }\n ul {\n list-style-type: disc;\n li {\n margin-left: 20px;\n padding-left: 10px;\n }\n }\n}","@use \"variables\" as *;\n\n.nf-button {\n border: 0;\n border-radius: 4px;\n cursor: pointer;\n display: inline-block;\n font-size: 17px;\n padding: 10px 30px;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n appearance: none;\n &.primary {\n background: $cta_color;\n border: 1px solid #1EA9EA;\n color: #fff;\n }\n &.secondary {\n background: #fff;\n border: 1px solid $cta_color;\n color: $cta_color;\n }\n &.disabled {\n background: #ccc;\n border: 1px solid #ccc;\n cursor: default;\n }\n &.publish {\n float: right;\n border-radius: 100px;\n font-weight: 600;\n letter-spacing: 0.025em;\n padding: 16px 40px;\n .nf-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 70px;\n height: 18px;\n transform: translate(-20px, 15px);\n }\n }\n}\n.nf-cancel {\n color: #999;\n font-size: 15px;\n}\n.nf-public-link {\n color: #999;\n font-size: 15px;\n}\n.nf-mobile-menu {\n background: $cta_color;\n border-radius: 4px;\n color: #fff;\n display: none;\n float: right;\n padding: 5px 7px 5px 5px;\n text-decoration: none;\n transition: margin 0.5s ease;\n .dashicons {\n font-size: 30px;\n width: 32px;\n height: 30px;\n }\n &:hover {\n color: #fff;\n }\n}\n\n.ninja-forms-app {\n fieldset {\n border: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, .05);\n border-radius: 8px;\n clear: both;\n display: block;\n margin-bottom: 20px;\n }\n label {\n position: relative;\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n }\n legend {\n margin: 0 3px 10px;\n padding: 0 10px;\n }\n .nf-setting-label, label, legend {\n color: #6a7077;\n color: rgba(48, 55, 62, 0.7);\n display: block;\n font-size: 12px;\n font-weight: 600;\n letter-spacing: 0.025em;\n text-transform: uppercase;\n .open-media-manager {\n position: absolute;\n color: #ccc;\n right: 15px;\n top: 5px;\n text-decoration: none;\n }\n }\n input[type=text],\n input[type=number],\n textarea {\n background: #fff;\n border: 1px solid rgba($dark_color, 0.1);\n font-size: 16px;\n font-weight: normal;\n margin-top: 7px;\n padding: 12px 15px;\n width: 100%;\n height: 41px;\n text-transform: none;\n }\n textarea {\n height: 200px;\n }\n input[type=checkbox].nf-checkbox {\n appearance: none;\n background: #f9f9f9;\n border: 0;\n height: 25px;\n width: 25px;\n padding: 2px 1px 0px !important;\n margin: -3px -5px;\n &:checked {\n &::before {\n content: \"\\f147\";\n font: 400 30px/1 dashicons;\n }\n }\n }\n // active fields\n input[type=text],\n input[type=number],\n textarea,\n .nf-select select {\n &:focus {\n border-color: rgba($cta_color, 0.5);\n box-shadow: 0 0 2px 0px rgba($cta_color, 0.5);\n }\n }\n .nf-select select {\n &:hover,\n &:focus {\n color: $dark_color;\n & + div {\n border-color: rgba($cta_color, 0.5);\n }\n }\n }\n}\n.ninja-forms-app {\n .jBox-wrapper.import-options {\n padding: 12px 20px 0px !important;\n }\n .jBox-wrapper.import-options.jBox-pointerPosition-top.jBox-closeButton-box:before {\n right: 10px;\n }\n .nf-list-options, .nf-listimage-options {\n padding-bottom: 20px;\n .nf-div-table {\n .nf-table-row {\n > div {\n display: table-cell;\n padding: 5px;\n &:nth-child(1), &:nth-child(6) {\n padding: 0 15px;\n width: 20px;\n }\n &:nth-child(2), &:nth-child(3) {\n width: 45%;\n }\n &:nth-child(4) {\n min-width: 104px;\n }\n input {\n margin: 0;\n }\n }\n &.nf-table-header {\n div {\n font-size: 12px;\n padding: 20px 5px 5px;\n &:nth-child(1), &:nth-child(6) {\n padding: 0 25px;\n }\n }\n }\n }\n }\n &.calculations {\n .nf-div-table {\n .nf-table-header{\n div{\n &:nth-child(4) {\n display: none;\n }\n }\n }\n .nf-table-row {\n div {\n vertical-align: top;\n position: relative;\n &:nth-child(1), &:nth-child(4) {\n padding: 0 15px;\n width: 20px;\n min-width: 20px;\n }\n &:nth-child(2) {\n width: 30%;\n }\n &:nth-child(3) {\n width: 70%;\n }\n textarea {\n margin: 0;\n height: 100px;\n padding-right: 40px;\n }\n .merge-tags {\n color: #999;\n position: absolute;\n right: 15px;\n top: 5px;\n }\n .dashicons {\n color: #999;\n margin-top: 10px;\n }\n }\n .calc-left {\n div {\n display: inline-block;\n &:nth-child(1) {\n width: 100%;\n padding: 0px;\n }\n &:nth-child(2) {\n width: 60%;\n text-align: right;\n font-size: 12px;\n float: left;\n padding-top: 20px;\n padding-right: 10px;\n }\n &:nth-child(3) {\n width: 50px;\n float: left;\n padding-top: 10px;\n }\n }\n }\n }\n }\n }\n &.exception_fields,\n &.options,\n &.image_options,\n & > {\n legend:has(.nf-add-new) {\n display: flex;\n align-items: baseline;\n .nf-add-new::before {\n margin-left: 8px;\n }\n }\n }\n }\n .options {\n position: relative;\n legend {\n .nf-open-import-tooltip {\n background: $light_color;\n border: 2px solid #1EA9EA;\n border-radius: 50px;\n color: $cta_color;\n font-size: 13x;\n padding: 6px 16px;\n text-decoration: none;\n position: absolute;\n right: 15px;\n &:hover {\n background: $cta_color;\n color: #fff;\n }\n .fa {\n margin-right: 4px;\n }\n }\n }\n }\n .button-toggle {\n display: flex;\n justify-content: center;\n text-align: left;\n border: 1px solid #c2c7ce;\n border-color: rgba($dark_color, 0.2);\n border-radius: 100px;\n background: #fff;\n margin-top: 32px;\n padding: 8px;\n width: clamp(300px, 400px, 480px);\n max-width: 100%;\n label {\n width: 50%;\n display: inline-block;\n span {\n width: 100%;\n display: inline-block;\n border-radius: 0;\n font-size: 15px;\n cursor: pointer;\n transition: background-color 0.4s;\n }\n input:checked + span {\n background-color: $cta_color;\n border-color: $cta_color;\n opacity: 1 !important;\n }\n input + span {\n background-color: #8d919f; // rgba($dark_color, 0.55);\n border-color: #8d919f; // rgba($dark_color, 0.55);\n opacity: 0.65;\n &:hover {\n opacity: 1;\n }\n }\n &:first-child span {\n border-radius: 100px 0 0 100px;\n }\n &:last-child span {\n border-radius: 0 100px 100px 0;\n }\n }\n }\n}\n\n// Add-on style overrides\n// ----------------------\n\n// Date/Time picker\n.ninja-forms-app {\n label[for=\"restricted_dates\"] {\n .flatpickr-day.flatpickr-disabled {\n // disabled dates\n &, &:hover {\n color: #8d919f;\n color: rgba($dark_color, 0.55);\n background: #eaebeb;\n background: rgba($dark_color, 0.1);\n box-shadow: none;\n border-color: #fff;\n }\n }\n }\n .flatpickr-day {\n &.selected,\n &.selected.inRange,\n &.selected:focus,\n &.selected:hover,\n &.selected.prevMonthDay,\n &.selected.nextMonthDay,\n &.startRange,\n &.startRange.inRange,\n &.startRange:focus,\n &.startRange:hover,\n &.startRange.prevMonthDay,\n &.startRange.nextMonthDay,\n &.endRange,\n &.endRange.inRange,\n &.endRange:focus,\n &.endRange:hover,\n &.endRange.prevMonthDay,\n &.endRange.nextMonthDay {\n background: $dark_color;\n border-color: $dark_color;\n }\n }\n span.flatpickr-weekday {\n font-weight: 700;\n }\n .flatpickr-months .flatpickr {\n &-prev-month,\n &-next-month {\n &:hover svg {\n fill: $cta_color;\n }\n }\n }\n .flatpickr-current-month {\n .flatpickr-monthDropdown-months,\n input.cur-year {\n font-weight: 400;\n }\n }\n}\n\n// Salesforce field map\n.salesforce_field_map .nf-table-row,\n.nf-list-options-tbody .nf-table-row {\n & > div {\n vertical-align: middle;\n }\n}\n\n// Conditional Logic\n.ninja-forms-app {\n .nf-drawer-header {\n .nf-add-new.nf-add-new-condition {\n margin: 12px 0 0 64px\n }\n }\n .nf-condition {\n border: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, .05);\n margin-top: 20px;\n border-radius: 8px;\n &.actions {\n .nf-when-container {\n background: transparent;\n padding: 16px;\n }\n }\n }\n .nf-first-when-container,\n .nf-when-container,\n .nf-else-container {\n background: #e7e8ed;\n padding: 16px;\n }\n .nf-then-container {\n padding: 16px;\n }\n}\n\n// Export Settings\n.ninja-forms-app {\n .nf-list-options.export_settings {\n .nf-table-row.nf-table-header > div {\n display: none;\n }\n .nf-table-row > div {\n display: block;\n }\n }\n}\n\n// Multi-part forms (not exactly in the drawer but...)\n.ninja-forms-app {\n #nf-mp-drawer {\n background: $light_color;\n ul.ui-sortable {\n margin-top: 8px;\n & > li {\n height: 44px;\n line-height: 40px;\n &.active {\n border-color: $accent_color;\n color: $dark_color;\n font-weight: 600;\n }\n }\n }\n }\n .nf-mp-drawer-scroll {\n &-previous,\n &-next {\n display: flex;\n align-items: center;\n border-radius: 100px;\n }\n }\n .nf-drawer-opened {\n #nf-mp-drawer {\n width: 100%;\n }\n }\n}\n\n.nf-drawer-buttons {\n display: none;\n margin: 0 -20px;\n padding: 0;\n li {\n background: #424242;\n border-right: 1px solid #f1f1f1;\n float: left;\n margin: 0;\n padding: 15px;\n text-align: center;\n width: 50%;\n &:last-child {\n border: 0;\n }\n &.nf-drawer-delete {\n color: #dc3232; // red;\n }\n &.nf-drawer-duplicate {\n color: $accent_color;\n }\n .dashicons {\n margin-right: 10px;\n }\n }\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n\n.nf-note {\n &.yellow-background-description {\n background: #f7f0c3;\n border-left: 1px solid #ccc;\n border-right: 1px solid #ccc;\n padding: 10px;\n margin-bottom: -25px;\n\n &.top {\n border-top: 1px solid #ccc;\n border-radius: 4px 4px 0 0;\n }\n\n &.bottom {\n border-bottom: 1px solid #ccc;\n border-radius: 0 0 4px 4px;\n margin-bottom: 0px;\n }\n }\n}\n\n.dashicons.spin {\n animation: dashicons-spin 1s infinite;\n animation-timing-function: linear;\n}\n\n@keyframes dashicons-spin {\n 0% { transform: rotate( 0deg ); }\n 100% { transform: rotate( 360deg ); }\n}","@use \"variables\" as *;\n\n.nf-search {\n display: inline-block;\n position: relative;\n width: 65%;\n width: clamp( 200px, 65%, 600px);\n input[type=search] {\n background: transparent;\n box-shadow: 0 0 0;\n border: 0;\n font-size: 16px;\n height: 60px;\n padding: 16px 0 16px 104px;\n width: 100%;\n &::placeholder {\n color: #8d919f;\n color: rgba( $dark_color, 0.55 );\n }\n }\n &::before {\n content: \"\\f179\";\n color: rgba( $dark_color, 0.24 );\n font-family: \"Dashicons\";\n font-size: 30px;\n width: 30px;\n height: 30px;\n line-height: 30px;\n position: absolute;\n top: 1px;\n left: 68px;\n }\n}\n.nf-stage {\n position: relative;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n .nf-stage-controls {\n background: #F8F8F9;\n padding: 5px;\n position: absolute;\n top: -20px;\n right: 10px;\n }\n}\n.nf-reservoir {\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n &.nf-droppable-active,\n &.nf-staged-fields-active {\n background: #F8F8F9;\n border: 4px solid #F8F8F9;\n border-radius: 4px;\n margin: 30px 2% 20px;\n min-height: 52px;\n padding: 6px;\n transition: all 1.0s ease;\n }\n .nf-item-dock {\n background: #fff;\n border-radius: 4px;\n color: #999;\n display: inline-block;\n float: left;\n margin: 0 4px 3px 4px;\n padding: 5px 10px;\n position: relative;\n .dashicons {\n font-size: 14px;\n margin: 2px 0 -4px 5px;\n }\n .fa {\n margin-right: 10px;\n }\n }\n}\n.nf-item {\n background: transparent;\n background-color: rgb(255 255 255 / 0%);\n border: 2px dashed transparent;\n border-radius: 8px;\n color: $dark_color;\n font-size: 16px;\n padding: 8px 8px 8px 40px;\n position: relative;\n transition: all 100ms ease-in-out 25ms;\n &:hover {\n background-color: rgb(255 255 255 / 32%);\n border: 2px dashed #c2c7ce;\n border-color: rgba($dark_color, 0.2);\n }\n .fa {\n background: transparent;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n padding: 8px 0 8px 12px;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 34px;\n line-height: 20px;\n }\n}\n.nf-saved {\n .nf-item {\n position: relative;\n }\n}\n.nf-action-items {\n .nf-item {\n border-style: solid;\n border-color: $dark_color;\n padding: 12px 8px;\n text-align: center;\n cursor: pointer;\n &:hover {\n background-color: $dark_color;\n color: #fff;\n }\n &.nf-has-img {\n background-position: center center;\n text-indent: -99999px;\n }\n }\n &.available {\n .nf-item {\n &.nf-has-img {\n filter: grayscale(100%);\n opacity: 0.6;\n &:hover {\n filter: grayscale(0);\n opacity: 1.0;\n }\n }\n }\n }\n // can't drag these but JS is allowing so hide dragged item\n .ui-draggable-dragging {\n display: none !important;\n }\n}\n.nf-actions-itmes-installed,\n.nf-actions-items-available {\n .action-types {\n width: 100%;\n }\n}\n\n.nf-field-type-button.available,\n.nf-actions-items-available {\n .nf-item {\n &, \n &:link, \n &:hover, \n &:active, \n &:focus {\n cursor: pointer;\n cursor: help;\n color: rgba($dark_color, .55);\n background: rgba($dark_color, .06);\n border-color: rgba($dark_color, 0);\n user-select: none;\n }\n }\n}\n.nf-actions-items-available {\n .nf-item {\n &, \n &:link, \n &:hover, \n &:active, \n &:focus {\n cursor: alias;\n }\n }\n}\n","table.nf-changes {\n tr {\n td {\n border-bottom: 1px solid #ccc;\n }\n &.disabled-row {\n td {\n color: #bbb;\n }\n }\n &:nth-child(even) {\n td {\n background: #e5e7e8 !important;\n }\n }\n &:hover {\n td {\n background: #fff !important;\n }\n }\n }\n}\n.nf-button {\n &.undoChanges {\n .dashicons {\n font-size: 18px;\n height: 18px;\n width: 18px;\n margin-right: 5px;\n }\n }\n}\n",".nf-setting-error {\n color: #dc3232; // red;\n font-size: 13px;\n font-weight: 600;\n line-height: 1.2;\n padding: 4px 8px;\n a {\n color: #dc3232; // red;\n }\n}\n",".nf-onboarding-modal{\n width: 70%;\n max-width: 800px;\n min-width: 650px;\n text-align: center !important;\n p{\n font-size: 16px !important;\n font-family: \"Segoe UI\",Frutiger,\"Frutiger Linotype\",\"Dejavu Sans\",\"Helvetica Neue\",Arial,sans-serif;\n padding: 5px 75px;\n }\n .jBox-title{\n height: 72px;\n .jBox-closeButton{\n width: 70px;\n }\n }\n .nf-button{\n margin: 30px auto;\n font-size: 20px !important;\n text-transform: none !important;\n padding: 20px 0px !important;\n width: 610px;\n }\n}","@use \"variables\" as *;\n\n.nf-add-new {\n color: $cta_color;\n display: inline-block;\n padding: 1px;\n text-decoration: none;\n position: relative;\n height: 32px;\n line-height: 32px;\n z-index: 98;\n overflow: hidden;\n &::before {\n background: $cta_color;\n border: 2px solid $cta_color;\n border-radius: 100px;\n color: #fff;\n content: \"\\f543\";\n font-family: 'Dashicons';\n font-size: 16px;\n padding: 2px;\n margin: 0 4px 0 0;\n width: 17px;\n height: 17px;\n line-height: 17px;\n text-indent: 0px;\n text-align: center;\n display: inline-block;\n transform: translateY(2px);\n transition: all 0.5s ease 0s\n }\n &:hover, &:active, &.active {\n color: $cta_color;\n transition: all 0.5s ease;\n &::before {\n background: #fff;\n color: $cta_color;\n transform: rotate(180deg) translateY(-2px);\n transition: all 0.5s ease;\n }\n }\n &:focus {\n box-shadow: none;\n }\n &.nf-open-drawer {\n position: absolute;\n top: 185px;\n left: 40px;\n }\n}\n.nf-add-new.disabled {\n display: none;\n}\n.ninja-forms-app {\n &.folded {\n .nf-add-new {\n }\n }\n}\n\n.nf-master-control {\n background: $cta_color;\n border: 4px solid $cta_color;\n border-radius: 100px;\n cursor: pointer;\n position: absolute;\n height: 64px;\n width: 64px;\n top: auto;\n left: auto;\n bottom: 32px;\n right: 40px;\n transition: all 0.5s ease;\n z-index: 98;\n span {\n display: block;\n text-indent: -9999px;\n }\n // pseudo element for onload animation effect\n &::before {\n content: '';\n animation: beacon_effect 1.75s ease-out 2s 3 alternate;\n border-radius: 100px;\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 0;\n }\n &:hover {\n animation: beacon_effect 1.25s ease-out 50ms;\n }\n &:hover, &:active, &.active {\n background: #fff;\n color: $cta_color;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n }\n}\n.nf-open-drawer,\n#nf-main-gutter-right {\n .nf-plus { \n width: 28px;\n stroke-width: 12px;\n stroke: #fff;\n pointer-events: none; // force clicks to bubble up\n }\n &:link {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n &:hover, &:active, &.active {\n .nf-plus {\n stroke: $cta_color;\n\n // FUTURE: transform + (plus) into → (arrow) on hover\n // ---------------------------------\n // transition-duration: 100ms;\n // transition-property: stroke;\n // &__base {\n // scale: .925 1;\n // }\n // &__angle {\n // translate: calc(50% - 8px) 0;\n // }\n // &__angle--top {\n // rotate: -45deg;\n // }\n // &__angle--bottom {\n // rotate: 45deg;\n // }\n }\n }\n &.nf-secondary-control {\n .nf-plus {\n position: static;\n background: $cta_color;\n border: 3px solid $cta_color;\n border-radius: 100px;\n margin-right: 8px;\n padding: 6px;\n stroke-width: 20px;\n transform: none;\n transition: all 0.5s ease;\n width: 32px;\n }\n &:hover, &:active, &.active {\n .nf-plus {\n background: #fff;\n color: $cta_color;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n }\n }\n }\n}\n\n.nf-secondary-control {\n color: #25a8e8;\n cursor: pointer;\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 20px;\n text-decoration: none;\n box-shadow: none;\n transition: all 0.5s ease;\n z-index: 98;\n .fa {\n background: #25a8e8;\n border-radius: 50px;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n height: 30px;\n margin: 0 8px 0 0;\n padding: 8px;\n transition: all 0.5s ease;\n width: 30px;\n }\n &:hover,\n &:active,\n &.active {\n background: #fff;\n color: $cta_color;\n transition: all 0.5s ease;\n .fa {\n color: #fff;\n transform: rotate(180deg);\n transition: all 0.5s ease;\n }\n }\n &:focus {\n box-shadow: none;\n }\n}\n","@use \"variables\" as *;\n\ninput[type=checkbox].nf-toggle {\n display: none;\n + label {\n text-indent: -99999px;\n background: transparent;\n border: 0;\n box-shadow: 0 0 0;\n display: block;\n margin: 19px 5px 11px;\n appearance: none;\n position: relative;\n width: 40px;\n height: 20px;\n cursor: pointer;\n &::after {\n background: #BCBDBF;\n border: 2px solid #BCBDBF;\n border-radius: 20px;\n content: \"\";\n position: absolute;\n top: -4px;\n left: -4px;\n width: 40px;\n height: 20px;\n transition: all 0.3s ease;\n }\n &::before {\n background: #fff;\n border-radius: 20px;\n content: \"\";\n position: absolute;\n top: -1px;\n left: 0;\n width: 18px;\n height: 18px;\n z-index: 99;\n transition: all 0.3s ease;\n }\n }\n &:checked {\n + label {\n &::after {\n background: $accent_color;\n border: 2px solid $accent_color;\n transition: all 0.3s ease;\n }\n &::before {\n content: \"\";\n left: 18px;\n transition: all 0.3s ease;\n }\n }\n }\n}\n\n.nf-full {\n position: relative;\n input[type=checkbox].nf-toggle {\n + label {\n margin: -18px 0 0;\n padding: 12px 0 20px;\n position: absolute;\n top: 24px;\n right: 10px;\n &::before {\n left: auto;\n right: 22px;\n transition: right 0.3s ease;\n }\n &::after {\n left: auto;\n right: 0;\n }\n }\n &:checked {\n + label {\n &::before {\n left: auto;\n right: 4px;\n transition: right 0.3s ease;\n }\n }\n }\n }\n .nf-setting-label {\n border-bottom: 2px solid #e7e8ed;\n border-color: rgba(0, 0, 0, 0.05);\n padding: 4px 0 24px;\n }\n}\n","@use \"variables\" as *;\n\n.ninja-forms-app {\n .nf-select {\n display: block;\n position: relative;\n select {\n background: transparent;\n border: 0;\n margin-top: 7px;\n height: 41px !important;\n padding: 0 30px 0 15px;\n position: relative;\n width: 100%;\n font-size: 16px;\n font-weight: normal;\n text-transform: capitalize;\n appearance: none;\n z-index: 2\n }\n div {\n background: #fff;\n border: 1px solid rgba($dark_color, 0.1);\n border-radius: 4px;\n height: 41px;\n position: absolute;\n bottom: 0;\n width: 100%;\n right: -1px;\n z-index: 1;\n }\n div::after {\n color: #8d919f;\n color: rgba($dark_color, 0.55);\n content: \"\\f347\";\n font-family: 'Dashicons';\n font-size: 18px;\n position: absolute;\n right: 12px;\n bottom: 0;\n transform: translateY(-50%);\n }\n }\n div.nf-select {\n div {\n bottom: 7px;\n width: 95%;\n }\n select {\n margin-top: 0;\n }\n }\n .autobuild-template-select .nf-select select {\n background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;\n border: 1px solid rgba($dark_color, 0.1);\n border-radius: 4px;\n }\n}\n","@use \"variables\" as *;\n\n.nf-actions-table,\n.nf-table-display {\n border-collapse: collapse;\n width: 100%;\n td, th {\n border-bottom: 1px solid #ECEDEE;\n font-size: 14px;\n padding: 15px;\n vertical-align: top;\n position: relative;\n //max-width: 500px;\n }\n th {\n color: #666;\n text-align: left;\n text-transform: uppercase;\n }\n td {\n color: #676F75;\n //white-space:nowrap;\n position: relative;\n &:nth-child(2) {\n width: 90%;\n }\n }\n .deactivated {\n td {\n color: #BCBDBF;\n a {\n color: #ddd;\n }\n }\n }\n input[type=checkbox].nf-toggle + label {\n z-index: 0; // Set to fix a bug with the merge tag box overlay with RTEs.\n margin: 2px 0 0;\n // &::after {\n // border-radius: 20px;\n // top: 2px;\n // left: -4px;\n // width: 30px;\n // height: 14px;\n // }\n // &::before {\n // border-radius: 20px;\n // top: 4px;\n // left: -1px;\n // width: 14px;\n // height: 14px;\n // }\n // &:checked {\n // &::before {\n // top: 7px;\n // left: 17px;\n // }\n // }\n }\n .active {\n td {\n color: $accent_color;\n font-weight: bold;\n }\n a {\n //color: $accent_color;\n }\n .nf-item-controls {\n font-weight: normal;\n float: right;\n a {\n color: $accent_color;\n }\n .nf-item-delete,\n .nf-item-duplicate {\n display: none;\n }\n .nf-item-editing {\n display: inline !important;\n }\n .nf-item-edit {\n .dashicons {\n margin-right: 12px\n }\n }\n }\n }\n}\n\n.ui-droppable {\n border: 4px solid #fff;\n}\n.nf-actions-empty {\n thead {\n display: none;\n }\n td {\n border: 4px solid #fff !important;\n display: block;\n padding: 40px 20% !important;\n white-space: normal !important;\n }\n h3 {\n font-size: 30px;\n }\n p {\n font-size: 18px;\n }\n}\n.nf-actions-table {\n td {\n cursor: pointer;\n }\n .nf-item-controls {\n top: 12px;\n }\n}","/* perfect-scrollbar v0.6.7 */\n.ps {\n -ms-touch-action: none;\n overflow: hidden !important; }\n .ps.ps--active-x > .ps__scrollbar-x-rail,\n .ps.ps--active-y > .ps__scrollbar-y-rail {\n display: block; }\n .ps.ps-in-scrolling {\n pointer-events: none; }\n .ps.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail {\n background-color: #eee;\n opacity: 0.9; }\n .ps.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n background-color: #999; }\n .ps.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail {\n background-color: #eee;\n opacity: 0.9; }\n .ps.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n background-color: #999; }\n .ps > .ps__scrollbar-x-rail {\n display: none;\n position: absolute;\n /* please don't change 'position' */\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n opacity: 0;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n bottom: 3px;\n /* there must be 'bottom' for ps-scrollbar-x-rail */\n height: 8px; }\n .ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n position: absolute;\n /* please don't change 'position' */\n background-color: #aaa;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n -webkit-transition: background-color 0.2s linear;\n -moz-transition: background-color 0.2s linear;\n -o-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n bottom: 0;\n /* there must be 'bottom' for ps-scrollbar-x */\n height: 8px; }\n .ps > .ps__scrollbar-y-rail {\n display: none;\n position: absolute;\n /* please don't change 'position' */\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n opacity: 0;\n -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;\n -moz-transition: background-color 0.2s linear, opacity 0.2s linear;\n -o-transition: background-color 0.2s linear, opacity 0.2s linear;\n transition: background-color 0.2s linear, opacity 0.2s linear;\n right: 3px;\n /* there must be 'right' for ps-scrollbar-y-rail */\n width: 8px; }\n .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n position: absolute;\n /* please don't change 'position' */\n background-color: #aaa;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n -ms-border-radius: 4px;\n border-radius: 4px;\n -webkit-transition: background-color 0.2s linear;\n -moz-transition: background-color 0.2s linear;\n -o-transition: background-color 0.2s linear;\n transition: background-color 0.2s linear;\n right: 0;\n /* there must be 'right' for ps-scrollbar-y */\n width: 8px; }\n .ps:hover.ps-in-scrolling {\n pointer-events: none; }\n .ps:hover.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail {\n background-color: #eee;\n opacity: 0.9; }\n .ps:hover.ps-in-scrolling.ps-x > .ps__scrollbar-x-rail > .ps__scrollbar-x {\n background-color: #999; }\n .ps:hover.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail {\n background-color: #eee;\n opacity: 0.9; }\n .ps:hover.ps-in-scrolling.ps-y > .ps__scrollbar-y-rail > .ps__scrollbar-y {\n background-color: #999; }\n .ps:hover > .ps__scrollbar-x-rail,\n .ps:hover > .ps__scrollbar-y-rail {\n opacity: 0.6; }\n .ps:hover > .ps__scrollbar-x-rail:hover {\n background-color: #eee;\n opacity: 0.9; }\n .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {\n background-color: #999; }\n .ps:hover > .ps__scrollbar-y-rail:hover {\n background-color: #eee;\n opacity: 0.9; }\n .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {\n background-color: #999; }\n\n/* END DEFAULT PERFECT SCROLLBAR CSS */\n\n/*\n * Custom perfect scrollbar css\n */\n\n#nf-main.ps {\n overflow:auto !important;\n overflow-y:hidden !important;\n}\n\n#nf-drawer.ps {\n overflow:auto !important;\n overflow-y:hidden !important;\n}","@use \"variables\" as *;\n\n.ui-sortable-helper {\n &.nf-field-wrap\n {\n border-style: solid;\n border-color: #fff !important;\n box-shadow: 0px 1px 8px 2px rgba( $dark_color, 0.64 );\n transform: rotate(358deg);\n }\n}\n\n.ui-draggable-handle {\n cursor: pointer;\n cursor: grab;\n}\n.ui-draggable-dragging {\n cursor: grabbing;\n z-index: 99;\n .nf-item {\n background-color: #fff !important;\n border-color: #fff !important;\n border-style: solid !important;\n color: $dark_color !important;\n width: 250px !important;\n &.clicked {\n box-shadow: $shadow !important;\n }\n }\n}\n#nf-builder {\n .nf-droppable-active {\n border: 4px solid $cta_color;\n transition: all 1.0s ease;\n }\n .nf-droppable-hover {\n border: 4px solid $accent_color;\n transition: all 1.0s ease;\n }\n}\n\n.nf-fields-sortable {\n border: 4px solid #FFF;\n padding: 25px 15px 6px;\n}\n.nf-fields-sortable .hidden {\n display: block !important;\n}\n.nf-fields-sortable-placeholder { margin-top: -14px; margin-bottom: 6px; border: 4px solid #84CC1E }\n\n.nf-staged-fields-drag {\n position: relative;\n display: block;\n height: 80px;\n &::after {\n clear: both;\n content: '';\n display: block;\n }\n .nf-staged-fields-drag-wrap {\n position: absolute;\n width: 500px;\n }\n #drag-item-1,\n #drag-item-2,\n #drag-item-3 {\n box-shadow: 3px 3px 5px rgba( 0, 0, 0, 0.4 );\n }\n #drag-item-1 {\n bottom: 0px;\n left: 0px;\n z-index: 3;\n }\n #drag-item-2 {\n bottom: 5px;\n left: 5px;\n z-index: 2;\n }\n #drag-item-3 {\n bottom: 10px;\n left: 10px;\n z-index: 1;\n }\n}\n\n.nf-staged-fields-drag-wrap {\n background: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n color: #888;\n cursor: pointer;\n margin-bottom: 20px;\n padding: 15px 20px;\n &.active {\n border: 2px solid #84CC1E;\n color: #424242;\n font-weight: bold;\n .nf-item-controls {\n font-weight: normal;\n a {\n color: #424242;\n }\n .nf-item-delete,\n .nf-item-duplicate {\n display: none;\n }\n .nf-item-editing {\n display: inline;\n }\n .nf-item-edit {\n .dashicons {\n margin-right: 12px\n }\n }\n }\n }\n}\n\n.nf-staged-fields-sortable-placeholder {\n float: left;\n height: 28px;\n border-right: 8px solid #84CC1E;\n margin-right: -4px;\n margin-left: -4px;\n}\n\n.nf-list-options-sortable-placeholder, .nf-listimage-options-sortable-placeholder {\n border: 4px solid #84CC1E;\n height: 8px !important;\n margin: -4px 0 -4px 0;\n}\n\n.nf-fields-empty-droppable {\n border: 4px solid #FFF;\n &::after {\n clear: both;\n content: \"\";\n display: block;\n }\n}\n\n.nf-settings .toggle {\n cursor: pointer;\n}",".nf-loading {\n background: #1EA9EA;\n border-radius: 4px;\n width: 40px;\n margin: 0 auto;\n position: relative;\n ul {\n list-style: none;\n margin: 0;\n padding: 0;\n position: relative;\n top: -10px;\n left: 0;\n font-size: 0;\n li {\n height: 0;\n position: absolute;\n top: 50%;\n left: 0;\n width: 0;\n margin: 0;\n height: 10px;\n width: 10px;\n border: 3px solid #fff;\n border-radius: 100%;\n transform: transformZ(0);\n animation: LOADING 2s infinite;\n &:nth-child(1n) {\n left: 0;\n animation-delay: 0s;\n }\n &:nth-child(2n) {\n left: 15px;\n animation-delay: 0.2s;\n }\n &:nth-child(3n) {\n left: 30px;\n animation-delay: 0.4s;\n }\n }\n }\n}\n\n@keyframes LOADING {\n 0% {\n transform: scale(0.5);\n background: #fff;\n }\n 50% {\n transform: scale(1);\n background: #fff;\n }\n 100% {\n transform: scale(0.5);\n background: #fff;\n }\n}\n",".nf-help-text {\n display: none;\n}\n.ninja-forms-app {\n .nf-help {\n color: #c9cad0;\n color: rgba(0, 0, 0, .16);\n margin-left: 5px;\n text-decoration: none;\n &:focus {\n box-shadow: none;\n }\n .dashicons {\n font-size: 16px;\n height: 16px;\n width: 16px;\n }\n }\n .qtip-default {\n background-color: #424242;\n border: 1px solid #424242;\n border-radius: 4px;\n box-shadow: 0 5px 6px rgba( 0, 0, 0, 0.3 );\n color: #fff;\n font-size: 14px;\n line-height: 18px;\n padding: 10px;\n &::after {\n content: \"\";\n position: absolute;\n left: 143px;\n bottom: -12px;\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-top: 12px solid #424242;\n }\n }\n}","@use \"variables\" as *;\n\n.has-merge-tags {\n position: relative;\n input[type=text],\n textarea {\n padding-right: 40px;\n }\n &.rte {\n display: block;\n .wp-editor-tabs {\n margin-right: 40px;\n }\n .merge-tags {\n color: #999;\n z-index: 100;\n top: 26px;\n }\n }\n .merge-tags {\n color: #ccc;\n pointer: cursor;\n position: absolute;\n }\n .nf-list-options, .nf-listimage-options {\n input[type=text] {\n + .merge-tags {\n top: 12px;\n }\n }\n }\n}\ndiv.has-merge-tags {\n .merge-tags {\n top: 16px;\n right: 12px;\n }\n}\nlabel.has-merge-tags {\n .merge-tags {\n top: 33px;\n right: 12px;\n }\n}\n\n.nf-list-options, .nf-listimage-options {\n label.has-merge-tags {\n .merge-tags {\n top: 12px;\n }\n }\n}\n\n.jBox-Tooltip {\n z-index: 100000000 !important;\n}\n\n.jBox-TooltipBorder {\n .jBox-container {\n border-radius: 5px;\n h4 {\n background: #f1f1f1;\n padding: 5px;\n margin: 0 0 5px;\n }\n ul {\n margin: 0;\n li {\n a {\n color: $cta_color;\n margin: 0;\n padding: 0 5px;\n display: block;\n text-decoration: none;\n }\n }\n a.active {\n background: #f1f1f1;\n }\n }\n }\n .jBox-pointer-top,\n .jBox-pointer-bottom {\n width: 34px;\n height: 12px;\n }\n .jBox-pointer-left,\n .jBox-pointer-right {\n width: 12px;\n height: 34px;\n }\n &.jBox-closeButton-box {\n &::before {\n width: 28px;\n height: 28px;\n background: $cta_color;\n }\n }\n}\n\n/* MERGE TAG BOX STYLES */\n#merge-tags-box {\n display: none;\n background-color: #DBDDDD;\n max-height: 360px;\n z-index: 1001;\n position: absolute;\n top: -1px;\n left:12px;\n right: 10px;\n\n .merge-tag-container {\n display: flex;\n justify-content: space-between;\n }\n\n .merge-tag-sections,\n .merge-tag-list {\n float: left;\n font-size: 14px;\n background-color: #fff;\n height: 300px;\n overflow-y: auto;\n }\n\n .merge-tag-sections {\n background-color: #DBDDDD;\n min-width: 135px;\n ul {\n margin: 0;\n li {\n background: #DBDDDD;\n border-bottom: 1px solid #fff;\n cursor: pointer;\n font-size: 14px;\n margin: 0;\n padding: 8px 26px 8px 16px;\n &:hover {\n background: #f6f6f6;\n }\n &.active {\n position: relative;\n }\n &.active::after {\n clear: both;\n content: \"\";\n display: block;\n width: 0;\n height: 0;\n border-top: 17px solid transparent;\n border-bottom: 17px solid transparent;\n border-right: 24px solid #fff;\n position: absolute;\n top: 0;\n right: 0;\n }\n &:hover {\n color: #1EA9EA;\n }\n }\n }\n }\n\n .merge-tag-list {\n flex-grow: 1;\n padding-top: 10px;\n div {\n div {\n line-height: 22px;\n }\n }\n &:hover li {\n // Uses !important to override first-of-type selector.\n color: black !important;\n &:hover {\n color: #1EA9EA !important;\n }\n }\n ul {\n margin: 0;\n }\n li {\n cursor: pointer;\n margin-bottom: 0;\n span {\n padding: 4px 16px;\n display: block;\n small {\n font-family: \"Courier New\", Courier, monospace, sans-serif;\n }\n }\n &:first-of-type {\n color: #1EA9EA;\n }\n }\n }\n\n .merge-tag-filter {\n border-bottom: 2px solid #DBDDDD;\n margin: 3px 10px 10px 10px;\n clear: both;\n }\n}\n.merge-tag-focus {\n position: relative;\n z-index: 1000;\n}\n.merge-tag-focus-overlay {\n &:before {\n content: '';\n position: fixed;\n top: 0; right: 0; bottom: 0; left: 0;\n background-color: rgba( 0, 0, 0, .5 );\n z-index: 100;\n }\n}\n\n#merge-tags-box.one-half--first {\n width: 538px;\n left: 12px;\n}\n#merge-tags-box.one-half--second {\n width: 538px;\n right: 10px;\n left: auto;\n}\n\n.setting + .merge-tags {\n color: rgba( 204, 204, 204, .3 );\n}\n.setting:focus + .merge-tags,\n.merge-tag-focus-overlay .merge-tags {\n color: rgba( 204, 204, 204, 1 );\n}\n.merge-tag-focus-overlay .merge-tags {\n z-index: 1000;\n}\n",".ninja-forms-app {\n .tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n line-height: 1.42857143;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n white-space: normal;\n filter: alpha(opacity=0);\n opacity: 0;\n\n line-break: auto;\n }\n .tooltip.in {\n filter: alpha(opacity=90);\n opacity: .9;\n }\n .tooltip.top {\n padding: 5px 0;\n margin-top: -3px;\n }\n .tooltip.right {\n padding: 0 5px;\n margin-left: 3px;\n }\n .tooltip.bottom {\n padding: 5px 0;\n margin-top: 3px;\n }\n .tooltip.left {\n padding: 0 5px;\n margin-left: -3px;\n }\n .tooltip-inner {\n max-width: 200px;\n padding: 3px 8px;\n color: #fff;\n text-align: center;\n background-color: #000;\n border-radius: 4px;\n }\n .tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n .tooltip.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n .tooltip.top-left .tooltip-arrow {\n right: 5px;\n bottom: 0;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n .tooltip.top-right .tooltip-arrow {\n bottom: 0;\n left: 5px;\n margin-bottom: -5px;\n border-width: 5px 5px 0;\n border-top-color: #000;\n }\n .tooltip.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #000;\n }\n .tooltip.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #000;\n }\n .tooltip.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n .tooltip.bottom-left .tooltip-arrow {\n top: 0;\n right: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n .tooltip.bottom-right .tooltip-arrow {\n top: 0;\n left: 5px;\n margin-top: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #000;\n }\n .dropdown-menu {\n position: absolute;\n // top: 100%;\n // left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n font-size: 14px;\n text-align: left;\n list-style: none;\n background-color: #fff;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0, 0, 0, .15);\n border-radius: 4px;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, .175);\n }\n .dropdown-menu.pull-right {\n right: 0;\n left: auto;\n }\n .dropdown-menu .divider {\n height: 1px;\n margin: 9px 0;\n overflow: hidden;\n background-color: #e5e5e5;\n }\n .dropdown-menu > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: 1.42857143;\n color: #333;\n white-space: nowrap;\n }\n .dropdown-menu > li > a:hover,\n .dropdown-menu > li > a:focus {\n color: #262626;\n text-decoration: none;\n background-color: #f5f5f5;\n }\n .dropdown-menu > .active > a,\n .dropdown-menu > .active > a:hover,\n .dropdown-menu > .active > a:focus {\n color: #fff;\n text-decoration: none;\n background-color: #337ab7;\n outline: 0;\n }\n .dropdown-menu > .disabled > a,\n .dropdown-menu > .disabled > a:hover,\n .dropdown-menu > .disabled > a:focus {\n color: #777;\n }\n .dropdown-menu > .disabled > a:hover,\n .dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n cursor: not-allowed;\n background-color: transparent;\n background-image: none;\n filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);\n }\n .open > .dropdown-menu {\n display: block;\n }\n .open > a {\n outline: 0;\n }\n .dropdown-menu-right {\n right: 0;\n left: auto;\n }\n .dropdown-menu-left {\n right: auto;\n left: 0;\n }\n .dropdown-header {\n display: block;\n padding: 3px 20px;\n font-size: 12px;\n line-height: 1.42857143;\n color: #777;\n white-space: nowrap;\n }\n .dropdown-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 990;\n }\n .pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n }\n .dropup .caret,\n .navbar-fixed-bottom .dropdown .caret {\n content: \"\";\n border-top: 0;\n border-bottom: 4px dashed;\n border-bottom: 4px solid \\9;\n }\n .dropup .dropdown-menu,\n .navbar-fixed-bottom .dropdown .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 2px;\n }\n @media (min-width: 768px) {\n .navbar-right .dropdown-menu {\n right: 0;\n left: auto;\n }\n .navbar-right .dropdown-menu-left {\n right: auto;\n left: 0;\n }\n }\n .btn-group-justified > .btn-group .dropdown-menu {\n left: auto;\n }\n .nav-tabs.nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n }\n .nav-justified > .dropdown .dropdown-menu {\n top: auto;\n left: auto;\n }\n .nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n @media (max-width: 767px) {\n .navbar-nav .open .dropdown-menu {\n position: static;\n float: none;\n width: auto;\n margin-top: 0;\n background-color: transparent;\n border: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n }\n .navbar-nav .open .dropdown-menu > li > a,\n .navbar-nav .open .dropdown-menu .dropdown-header {\n padding: 5px 15px 5px 25px;\n }\n .navbar-nav .open .dropdown-menu > li > a {\n line-height: 20px;\n }\n .navbar-nav .open .dropdown-menu > li > a:hover,\n .navbar-nav .open .dropdown-menu > li > a:focus {\n background-image: none;\n }\n }\n .navbar-nav > li > .dropdown-menu {\n margin-top: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {\n margin-bottom: 0;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n }\n @media (max-width: 767px) {\n .navbar-default .navbar-nav .open .dropdown-menu > li > a {\n color: #777;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,\n .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #333;\n background-color: transparent;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > .active > a,\n .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,\n .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #555;\n background-color: #e7e7e7;\n }\n .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,\n .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,\n .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #ccc;\n background-color: transparent;\n }\n }\n @media (max-width: 767px) {\n .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {\n border-color: #080808;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu .divider {\n background-color: #080808;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {\n color: #9d9d9d;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,\n .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {\n color: #fff;\n background-color: transparent;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,\n .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,\n .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {\n color: #fff;\n background-color: #080808;\n }\n .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,\n .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,\n .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {\n color: #444;\n background-color: transparent;\n }\n }\n}\n","@use \"variables\" as *;\n\n/*\nWP Color Picker (Iris) Styles\n---------------------------------------------*/\n.ninja-forms-app {\n #wpcontent .wp-picker-holder {\n position: absolute;\n z-index: 9001;\n * {\n box-sizing: content-box;\n }\n }\n .wp-picker-container {\n margin-top: 7px;\n width: 100%;\n .wp-color-result {\n background: #fff;\n border: 0;\n box-shadow: none;\n margin: 0;\n height: 41px;\n width: 100%;\n padding-left: 60px;\n &::after {\n font-size: 16px;\n line-height: 41px;\n }\n &.button {\n .wp-color-result-text {\n background: #fff;\n color: $dark_color;\n margin: 0 1px 0 0;\n height: 39px;\n line-height: 39px;\n }\n }\n &.wp-picker-open {\n display: none;\n }\n }\n .wp-picker-input-wrap {\n width: 100% !important;\n > .button.wp-picker-default {\n display: none;\n }\n .wp-color-picker {\n width: 100% !important;\n }\n }\n }\n}","@use \"variables\" as *;\n\n@keyframes beacon_effect {\n 0% {\n box-shadow: 0px 0px 0px 0px rgba($cta_color, 0.5);\n }\n 25% {\n box-shadow: 0px 0px 0px 16px rgba($cta_color, 0.2);\n }\n 100% {\n box-shadow: 0px 0px 16px 28px rgba($cta_color, 0);\n }\n}\n\n@keyframes pulse_effect {\n 0% {\n transform: scale(.92);\n box-shadow: 0px 0px 0px 0px rgba($cta_color, 0.5);\n }\n 25% {\n transform: scale(.96);\n box-shadow: 0px 0px 0px 8px rgba($cta_color, 0.2);\n }\n 100% {\n transform: scale(1);\n box-shadow: 0px 0px 8px 14px rgba($cta_color, 0);\n }\n}\n.nf-item.clicked:not(.ui-draggable-dragging) {\n animation: pulse_effect 0.48s ease-out;\n &.available {\n animation: none; // no click effect on inactive items\n }\n}\n@media only screen and (max-width: 1400px) {\n #nf-builder.nf-drawer-opened {\n // shadow for curved drawer\n &::before {\n height: 250%; // should be 256 (clip height * 2) but 6% missing???\n }\n #nf-drawer {\n clip-path: ellipse( 64% 128% at 64.1% 50% ); // curve applys on transition\n &.nf-drawer-expand {\n clip-path: ellipse( 100% 128% at 64.1% 50% ); // curve goes away full width\n }\n }\n }\n .nf-settings {\n .nf-field-type-button {\n width: clamp(170px, calc(50% - 24px), 300px);\n max-width: 100%;\n }\n }\n}\n@media only screen and (max-width: 1280px) {\n .nf-drawer-opened {\n .nf-one-third {\n width: 50%;\n }\n .nf-drawer-expand {\n .nf-one-third {\n width: 33%;\n }\n }\n }\n}\n@media only screen and (max-width: 1065px) {\n .nf-app-menu {\n .preview {\n .app-menu-text {\n text-indent: -9999px;\n display: inline-block;\n width: 0;\n }\n }\n }\n .nf-drawer-opened {\n /*.nf-one-third {\n width: 50%;\n }*/\n .nf-actions-table {\n th, td {\n &:nth-child(3) {\n display: none;\n }\n }\n }\n /*.nf-drawer-expand {\n .nf-one-third {\n width: 33%;\n }\n }*/\n }\n}\n@media only screen and (max-width: 900px) {\n #nf-header {\n ul {\n display: none;\n }\n .nf-button.primary {\n display: none;\n }\n }\n .nf-mobile-menu {\n display: inline-block;\n }\n #nf-app-sub-header {\n h2 {\n padding-left: 0;\n transition: all 1.0s ease 0s\n }\n }\n .nf-add-new.nf-open-drawer {\n position: fixed;\n text-indent: -9999px;\n height: 54px;\n width: 54px;\n top: auto;\n left: auto;\n bottom: 20px;\n right: 20px;\n &:after {\n background: $accent_color;\n border: 2px solid $accent_color;\n border-radius: 40px;\n color: #fff;\n content: \"+\";\n font-size: 50px;\n padding: 8px;\n position: absolute;\n left: 0;\n width: 28px;\n height: 28px;\n line-height: 24px;\n text-indent: 0px;\n }\n }\n #nf-main-header {\n .nf-button {\n display: none;\n }\n }\n .nf-one-half, .nf-one-third {\n //float: none;\n width: 100%;\n }\n .nf-drawer-expand {\n .nf-one-half {\n float: left;\n width: 50%;\n }\n .nf-one-third {\n float: left;\n width: 33%;\n }\n }\n #nf-app-form-title {\n margin-top: -55px;\n }\n #nf-main {\n top: 160px;\n }\n\n #nf-table-display {\n .nf-item-controls {\n width: auto;\n }\n }\n}\n@media only screen and (max-width: 1023px) {\n .ninja-forms-app {\n &.folded {\n #wpcontent {\n margin-left: 36px;\n padding: 0;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n #wpbody {\n left: 0;\n }\n }\n }\n }\n .nf-setting-wrap {\n width: 50%;\n }\n .nf-drawer-opened {\n #nf-main {\n width: 100%;\n }\n .nf-setting-wrap {\n width: 50%;\n }\n &#nf-builder {\n #nf-drawer {\n clip-path: ellipse( 100% 128% at 64.1% 50% ); // curve goes away full width\n width: 100%;\n right: 0;\n transition: all 0.5s ease;\n #nf-drawer-header {\n width: 100%;\n }\n }\n .nf-toggle-drawer {\n display: none;\n }\n }\n }\n .nf-drawer-closed {\n .nf-setting-wrap {\n width: 50%;\n }\n }\n}\n@media only screen and (max-width: 960px) {\n .ninja-forms-app {\n &.auto-fold {\n #wpcontent {\n margin-left: 36px;\n padding: 0;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n #wpbody {\n left: 0;\n }\n }\n }\n }\n .nf-drawer-opened .nf-toggle-drawer {\n display: none;\n }\n}\n@media only screen and (max-width: 782px) {\n .ninja-forms-app {\n &.folded, &.auto-fold {\n #wpcontent {\n margin-left: 0;\n }\n }\n }\n #nf-builder {\n padding: 80px 20px 10px;\n .nf-cta-bubble {\n display: none !important;\n }\n }\n #nf-main {\n padding: 4px 0 80px 16px;\n }\n #nf-drawer {\n padding-left: 20px;\n padding-right: 20px;\n }\n .nf-search {\n &::before {\n left: 24px;\n }\n input[type=search] {\n padding-left: 60px;\n }\n }\n #nf-main-content {\n width: 100%;\n max-width: 100%;\n }\n #nf-main {\n border: 0;\n }\n}\n@media only screen and (max-width: 660px) {\n .nf-one-half, .nf-one-third {\n width: 100%;\n float: none;\n }\n .nf-actions-table {\n td:nth-child(3),th:nth-child(3) {\n display: none;\n }\n }\n .nf-drawer-buttons {\n display: block;\n }\n .nf-item {\n padding-top: 12px;\n padding-bottom: 12px;\n .fa {\n padding-top: 12px;\n padding-bottom: 12px;\n width: 48px;\n }\n }\n .nf-saved .nf-item::after {\n padding: 14px;\n }\n}\n",".rtl.ninja-forms-app {\n #wpcontent {\n margin-right: 140px;\n #wpbody {\n right: 160px;\n left: 0;\n }\n }\n &.folded {\n #wpcontent {\n margin-right: 16px;\n #wpbody {\n right: 36px;\n left: 0;\n }\n }\n }\n}\n\n.rtl {\n #nf-app-admin-header {\n #nf-logo {\n float: right;\n }\n .fa-times {\n right: auto;\n left: 0;\n }\n }\n\n .nf-app-buttons {\n float: left;\n }\n\n #nf-app-header {\n .nf-app-menu {\n li {\n float: right;\n a {\n &.preview {\n .dashicons {\n margin-right: 10px;\n }\n }\n }\n }\n }\n }\n\n .nf-master-control {\n right: auto;\n left: 30px;\n .fa {\n margin: 15px 16px 0 0;\n }\n }\n\n input[type=submit] {\n float: left;\n }\n .nf-cancel {\n float: left;\n margin-left: 20px;\n }\n .nf-public-link {\n float: left;\n margin-left: 20px;\n }\n\n .nf-add-new {\n margin: 0;\n padding: 0;\n //padding: 0 46px 0 0;\n &:after {\n right: 0;\n left: auto;\n line-height: 14px;\n }\n }\n\n #nf-main {\n right: 0;\n left: auto;\n }\n #nf-main-header {\n .nf-button {\n float: left;\n }\n }\n .nf-field-label {\n margin-left: 0;\n margin-right: 16px;\n }\n .nf-item-controls {\n right: auto;\n left: 0;\n .nf-item-control {\n right: auto;\n left: 0;\n }\n &:hover {\n .nf-item-duplicate {\n right: auto;\n left: 80px;\n }\n .nf-item-delete {\n right: auto;\n left: 40px;\n }\n }\n }\n\n #nf-drawer {\n right: auto;\n left: -1400px;\n &.nf-drawer-expand {\n width: 100%;\n }\n }\n\n .nf-drawer-header {\n h2 {\n float: right;\n .dashicons {\n margin-left: 10px;\n }\n }\n .nf-button {\n float: left;\n }\n }\n\n .nf-search {\n input[type=search] {\n padding: 12px 50px 12px 0;\n }\n &::before {\n right: 10px;\n left: 0;\n }\n }\n\n .nf-drawer-opened {\n #nf-drawer {\n left: 0;\n right: auto;\n }\n #nf-app-sub-header {\n h2 {\n padding-right: 0;\n }\n }\n }\n\n .nf-settings {\n h3 {\n .dashicons {\n margin: -4px -30px 0 10px;\n &.dashicons-arrow-right::before {\n content: \"\\f141\";\n }\n }\n }\n }\n\n .nf-item {\n .fa {\n left: auto;\n right: 0;\n }\n }\n\n .nf-one-half,\n .nf-one-third,\n .nf-one-fourth {\n float: right;\n }\n}\n","@use \"variables\" as *;\n\n/*\nNormalize WordPress admin for Ninja Forms App\n---------------------------------------------*/\n\n@use \"normalize\";\n\n/*\nHeader and Nav for Ninja Forms App\n---------------------------------- */\n\n@use \"header\";\n@use \"main\";\n@use \"main-fields\";\n@use \"main-settings\";\n\n/*\nForm field placeholders for the fields a user has added to their form\n----------------------------------------------------------------------- */\n@use \"item-controls\";\n@use \"builder-fields\";\n@use \"fields-preview/main\" as fields-preview-main;\n\n/*\nAll styles used within the drawer\n--------------------------------- */\n\n@use \"drawer\";\n@use \"drawer-settings\";\n@use \"drawer-add\";\n@use \"drawer-changes\";\n@use \"errors\";\n\n/*\nOnboarding\n--------------------------------- */\n@use \"onboarding\";\n\n/*\nVarious custom field styles\n--------------------------------- */\n\n@use \"add-new\";\n@use \"toggle\";\n@use \"dropdown\";\n\n/*\nAll styles used for displaying table content\n-------------------------------------------- */\n\n@use \"tables\";\n\n@use \"scrollbar\";\n@use \"drag-drop\";\n@use \"loading\";\n@use \"tooltip\";\n@use \"merge-tags-tooltip\";\n@use \"editor\";\n@use \"color-picker\";\n@use \"media-queries\";\n@use \"rtl\";\n\n#nf-app-admin-header {\n background: $light_color; // #EBEDEE;\n height: 60px;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n .fa-times {\n background: #424242;\n color: #fff;\n font-size: 30px;\n position: absolute;\n text-align: center;\n text-decoration: none;\n line-height: 56px;\n right: 0;\n height: 60px;\n width: 60px;\n }\n #nf-logo {\n background-image: url(\"../img/ninja-forms-app-header-logo@2x.png\");\n background-size: 130px 50px;\n background-position: center bottom;\n background-repeat: no-repeat;\n float: left;\n width: 160px;\n height: 60px;\n opacity: 1.0;\n filter: alpha(opacity=100);\n -webkit-transition: all 1.0s ease;\n transition: all 1.0s ease;\n }\n .nf-cta-bubble {\n background: $cta_color;\n border: 1px solid $cta_color;\n border-radius: 6px;\n color: #fff;\n display: block;\n float: left;\n font-size: 14px;\n margin: 6px 0 0 20px;\n padding: 5px 10px;\n position: relative;\n text-decoration: none;\n width: 360px;\n &::after {\n display: block;\n content: \"\";\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid $cta_color;\n position: absolute;\n left: -10px;\n top: 13px;\n }\n &:hover {\n background: #fff;\n color: $cta_color;\n }\n }\n}\n\n.scrollWrap{\n overflow : hidden;\n height : 100%;\n position : relative;\n z-index : 1;\n}\n.scrollContent{\n height : 100%;\n width : 100%;\n padding : 0 32px 0 0;\n position : relative;\n right : -18px;\n overflow : auto;\n -moz-box-sizing : border-box;\n box-sizing : border-box;\n}\n\n.fakeScrollBar{\n position : absolute;\n background : rgba(255,255,255,.5);\n width : 9px;\n border-radius : 4px;\n right : -15px;\n top : 0;\n z-index : 0;\n cursor : -moz-grab;\n cursor : -webkit-grab;\n}\n\n.fakeScroll:hover .fakeScrollBar.fakescroll-grabbed{\n cursor : -moz-grabbing;\n cursor : -webkit-grabbing;\n background : #FFF;\n}\n\nbody.fakescroll-grabbed{\n cursor : -moz-grabbing;\n cursor : -webkit-grabbing;\n}\n"]}