Your IP : 3.137.164.254
{"version":3,"sources":["dashboard.scss","dashboard.css","notices/oauth.scss","sections/widgets.scss","sections/services.scss","sections/promotions.scss","widgets/forms.scss"],"names":[],"mappings":"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","file":"dashboard.min.css","sourcesContent":["html {\n overflow: auto!important; /* Override normalize.scss */\n}\n\n::-webkit-scrollbar {\n display: none;\n}\n\n.ninja-forms-app {\n\n}\n\na {\n color: #1EA9EA;\n text-decoration: none;\n outline: none !important;\n border: 0;\n}\na:focus {\n outline: none !important;\n box-shadow: unset; // Override WP focus state.\n}\n\n#wpwrap,\n#wpcontent {\n background-color: #fff;\n}\n\n#wpcontent {\n padding: 0;\n\n .wrap {\n margin: 0;\n }\n}\n\n/** Hide anything that isn't our page wrap, ie Admin Notices */\n#wpbody-content > div:not(.wrap) {\n display: none;\n}\n\n@mixin wrap {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n}\n\n#ninja-forms-dashboard {\n\n box-sizing: border-box;\n\n .nf-widget {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-bottom: 20px;\n }\n\n header {\n\n &.topbar {\n background-color: #EBEDEE;\n margin-bottom: 40px;\n }\n\n .nf-notice-promo {\n background-color: #ef4748;\n padding: 8px 0;\n width: 100%;\n\n .wrap {\n @include wrap;\n\n align-items: center;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n strong {\n color: white;\n display: block;\n\n a {\n color: white;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n a {\n background: none;\n box-shadow: none;\n border: none;\n color: white;\n cursor: pointer;\n height: 16px;\n width: 16px;\n\n svg {\n height: 16px;\n width: 16px;\n }\n\n .sr-only {\n border-width: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n }\n }\n\n .app-title {\n @include wrap;\n background-image: url(\"../img/nf-logo-dashboard.png\");\n background-size: 315px 48px;\n background-position: left bottom;\n background-repeat: no-repeat;\n height: 52px;\n //padding: 10px;\n strong {\n display: block;\n text-indent: -9999px;\n }\n }\n }\n\n nav {\n @include wrap;\n margin-bottom: 40px;\n\n ul {\n display: flex;\n margin: 0;\n\n li {\n\n a {\n color: #424242;\n cursor: pointer;\n font-size: 16px;\n margin: 0 16px 10px 16px;\n margin-bottom: 10px;\n padding: 16px 0 8px;\n\n &.active {\n border-bottom: 2px solid #424242;\n }\n }\n }\n }\n }\n\n\n div.nf-main-content {\n @include wrap;\n }\n\n .form-row-actions {\n\n display: none;\n\n li {\n font-size: 12px;\n }\n\n }\n .nf-table-display {\n\n td {\n white-space:nowrap;\n }\n\n td:nth-child(1) {\n width: 100%;\n }\n\n td:nth-child(2),\n td:nth-child(3) {\n width: 250px;\n }\n\n .title {\n display: block;\n max-width: 24rem;\n overflow: hidden;\n }\n\n }\n\n tr.show-actions {\n\n .title {\n display: block;\n margin-bottom: 30px;\n }\n\n .form-row-actions {\n\n display: flex;\n background: #ECEDEE;\n position: absolute;\n padding-top: 6px;\n bottom: 0;\n z-index: 1;\n margin: 0;\n\n li {\n padding: 0 10px;\n }\n\n }\n\n }\n\n .nf-search {\n\n border-bottom: 1px solid #ECEDEE;\n\n &::before {\n top: 16px;\n }\n\n input[type=search] {\n width: auto;\n }\n\n }\n\n .nf-item-controls .nf-item-control a {\n margin-left: 20px;\n width: 24px;\n cursor: pointer;\n }\n}\n\n/*\nNotices\n---------------------------------------------*/\n\n@import 'notices/oauth';\n\n/*\nSections\n---------------------------------------------*/\n\n@import 'sections/widgets';\n@import 'sections/services';\n@import 'sections/apps';\n@import 'sections/memberships';\n@import 'sections/promotions';\n\n/*\nWidgets\n---------------------------------------------*/\n\n@import 'widgets/forms';\n\n/*\njBox\n---------------------------------------------*/\n\n.jBox-Modal {\n\n background-color: white;\n\n .jBox-title {\n padding-top: 10px;\n padding-bottom: 10px;\n font-size: 150%;\n font-weight: bold;\n text-align: center;\n width: 100%;\n }\n .jBox-content {\n padding: 10px;\n width: 100%;\n }\n\n .buttons {\n &::after {\n clear: none;\n content: \"\";\n display: block;\n }\n }\n}\n\n/*\nLoading Spinner\n---------------------------------------------*/\n\n.nf-loading-spinner {\n width: 40px;\n height: 40px;\n margin: 15px auto;\n background-color: rgba(208,208,208,.5);\n\n border-radius: 100%;\n animation: nf-scaleout 1.0s infinite ease-in-out;\n}\n\n@-webkit-keyframes nf-scaleout {\n 0% { transform: scale(0) }\n 100% {\n transform: scale(1.0);\n opacity: 0;\n }\n}\n\n@keyframes nf-scaleout {\n 0% {\n transform: scale(0);\n } 100% {\n transform: scale(1.0);\n opacity: 0;\n }\n}\n\n.apps-container {\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n padding: 10px;\n\n .nf-box {\n background: #fff;\n flex-basis: 48%;\n }\n\n .nf-box-inside {\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 10px;\n }\n\n .nf-extend {\n float: left;\n margin: 0 0 20px 0;\n width: 300px;\n position: relative;\n }\n .nf-extend img {\n margin-bottom: 10px;\n max-width: 100%;\n height: auto;\n }\n\n .nf-extend h2 {\n white-space: nowrap;\n overflow: hidden;\n }\n\n .nf-extend-content p {\n min-height: 100px;\n }\n\n .nf-extend-buttons {\n\n &::after {\n\n clear: both;\n content: \"\";\n display: block;\n\n }\n\n }\n\n .nf-extend .nf-button {\n float: right;\n }\n\n .nf-extend .nf-doc-button {\n float: left;\n }\n\n}\n\n/*\nPromotions\n---------------------------------------------*/\n\n.promotion--wrapper {\n > div {\n a {\n position: relative;\n display: block;\n background: #f1f1f1;\n padding: 16px 80px;\n text-align: center;\n border-radius: 4px;\n font-size: 16px;\n color: #ef4748 !important;\n overflow: hidden;\n line-height: 24px;\n > .cta {\n font-size: 22px;\n }\n > .dashicons, .dashicons-before::before {\n position: absolute;\n left: 0;\n top: -20px;\n font-size: 90px;\n transform: rotate(20deg);\n }\n }\n }\n}\n\n.promotion--wrapper {\n > div {\n a.nf-remove-promo-styling {\n padding: 0;\n height: 83px;\n }\n }\n}","html {\n overflow: auto !important; /* Override normalize.scss */\n}\n\n::-webkit-scrollbar {\n display: none;\n}\n\na {\n color: #1EA9EA;\n text-decoration: none;\n outline: none !important;\n border: 0;\n}\n\na:focus {\n outline: none !important;\n box-shadow: unset;\n}\n\n#wpwrap,\n#wpcontent {\n background-color: #fff;\n}\n\n#wpcontent {\n padding: 0;\n}\n#wpcontent .wrap {\n margin: 0;\n}\n\n/** Hide anything that isn't our page wrap, ie Admin Notices */\n#wpbody-content > div:not(.wrap) {\n display: none;\n}\n\n#ninja-forms-dashboard {\n box-sizing: border-box;\n}\n#ninja-forms-dashboard .nf-widget {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-bottom: 20px;\n}\n#ninja-forms-dashboard header.topbar {\n background-color: #EBEDEE;\n margin-bottom: 40px;\n}\n#ninja-forms-dashboard header .nf-notice-promo {\n background-color: #ef4748;\n padding: 8px 0;\n width: 100%;\n}\n#ninja-forms-dashboard header .nf-notice-promo .wrap {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n align-items: center;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n}\n#ninja-forms-dashboard header .nf-notice-promo strong {\n color: white;\n display: block;\n}\n#ninja-forms-dashboard header .nf-notice-promo strong a {\n color: white;\n text-decoration: none;\n}\n#ninja-forms-dashboard header .nf-notice-promo strong a:hover {\n text-decoration: underline;\n}\n#ninja-forms-dashboard header .nf-notice-promo a {\n background: none;\n box-shadow: none;\n border: none;\n color: white;\n cursor: pointer;\n height: 16px;\n width: 16px;\n}\n#ninja-forms-dashboard header .nf-notice-promo a svg {\n height: 16px;\n width: 16px;\n}\n#ninja-forms-dashboard header .nf-notice-promo a .sr-only {\n border-width: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n#ninja-forms-dashboard header .app-title {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n background-image: url(\"../img/nf-logo-dashboard.png\");\n background-size: 315px 48px;\n background-position: left bottom;\n background-repeat: no-repeat;\n height: 52px;\n}\n#ninja-forms-dashboard header .app-title strong {\n display: block;\n text-indent: -9999px;\n}\n#ninja-forms-dashboard nav {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n margin-bottom: 40px;\n}\n#ninja-forms-dashboard nav ul {\n display: flex;\n margin: 0;\n}\n#ninja-forms-dashboard nav ul li a {\n color: #424242;\n cursor: pointer;\n font-size: 16px;\n margin: 0 16px 10px 16px;\n margin-bottom: 10px;\n padding: 16px 0 8px;\n}\n#ninja-forms-dashboard nav ul li a.active {\n border-bottom: 2px solid #424242;\n}\n#ninja-forms-dashboard div.nf-main-content {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n}\n#ninja-forms-dashboard .form-row-actions {\n display: none;\n}\n#ninja-forms-dashboard .form-row-actions li {\n font-size: 12px;\n}\n#ninja-forms-dashboard .nf-table-display td {\n white-space: nowrap;\n}\n#ninja-forms-dashboard .nf-table-display td:nth-child(1) {\n width: 100%;\n}\n#ninja-forms-dashboard .nf-table-display td:nth-child(2),\n#ninja-forms-dashboard .nf-table-display td:nth-child(3) {\n width: 250px;\n}\n#ninja-forms-dashboard .nf-table-display .title {\n display: block;\n max-width: 24rem;\n overflow: hidden;\n}\n#ninja-forms-dashboard tr.show-actions .title {\n display: block;\n margin-bottom: 30px;\n}\n#ninja-forms-dashboard tr.show-actions .form-row-actions {\n display: flex;\n background: #ECEDEE;\n position: absolute;\n padding-top: 6px;\n bottom: 0;\n z-index: 1;\n margin: 0;\n}\n#ninja-forms-dashboard tr.show-actions .form-row-actions li {\n padding: 0 10px;\n}\n#ninja-forms-dashboard .nf-search {\n border-bottom: 1px solid #ECEDEE;\n}\n#ninja-forms-dashboard .nf-search::before {\n top: 16px;\n}\n#ninja-forms-dashboard .nf-search input[type=search] {\n width: auto;\n}\n#ninja-forms-dashboard .nf-item-controls .nf-item-control a {\n margin-left: 20px;\n width: 24px;\n cursor: pointer;\n}\n\n/*\nNotices\n---------------------------------------------*/\n@keyframes nf-connected {\n 0% {\n box-shadow: 0 0 2px rgba(255, 255, 255, 0), inset 0 0 2px rgba(255, 255, 255, 0);\n }\n 50% {\n box-shadow: 0 0 2px #84cc1e, inset 100vw 0 2px rgba(255, 255, 255, 0.2);\n }\n 100% {\n box-shadow: 0 0 2px rgba(255, 255, 255, 0), inset 100vw 0 2px rgba(255, 255, 255, 0);\n }\n}\n.nf-notices--oauth {\n margin-top: -40px;\n padding-bottom: 20px;\n text-align: center;\n}\n\n.nf-oauth--checking {\n padding: 5px;\n}\n\n.nf-oauth--connect {\n display: block;\n background-color: #1EA9EA;\n color: white;\n padding: 5px;\n text-decoration: none;\n}\n\n.nf-oauth--connected {\n color: transparent;\n padding: 0;\n line-height: 0.5;\n transition: all 0.4s;\n background-color: #84CC1E;\n}\n\n.nf-oauth--connected:not(:hover) {\n animation: nf-connected 8s ease infinite;\n animation-delay: 2s;\n}\n\n.nf-notices--oauth:hover .nf-oauth--connected {\n color: white;\n line-height: 2;\n padding: 5px;\n}\n\n/*\nSections\n---------------------------------------------*/\n.widget {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-bottom: 20px;\n padding: 20px;\n}\n.widget header {\n margin-bottom: 20px;\n}\n\n.widget-memberships {\n border: 0;\n padding: 0;\n}\n\n.pricing-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.pricing-container .pricing-block {\n width: 30%;\n}\n.pricing-container .pricing-block.highlight {\n background-color: #f1f1f1;\n}\n.pricing-container .pricing-header {\n text-align: center;\n}\n.pricing-container .pricing-header > div {\n margin-bottom: 10px;\n}\n.pricing-container .pricing-header .pricing-title {\n font-size: 24px;\n margin-bottom: 16px;\n}\n.pricing-container .pricing-header .pricing-price {\n font-size: 24px;\n font-weight: bold;\n padding: 5px 0;\n}\n.pricing-container .pricing-body > div {\n padding: 10px 0;\n position: relative;\n}\n.pricing-container .pricing-body span {\n display: block;\n margin-left: 40px;\n}\n.pricing-container .pricing-body ul {\n list-style: disc;\n margin-left: 20px;\n padding-left: 20px;\n}\n.pricing-container .pricing-body hr {\n margin-top: 10px;\n margin-bottom: 10px;\n border: 0;\n border-top: 1px solid #424242;\n}\n.pricing-container .pricing-body .fa {\n color: #aaa;\n font-size: 24px;\n position: absolute;\n left: 0;\n}\n.pricing-container .pricing-body .pricing-body-title {\n font-weight: bold;\n text-transform: uppercase;\n}\n\n.widget-plan-notice {\n text-align: center;\n}\n.widget-plan-notice .widget-title {\n font-size: 32px;\n font-weight: bold;\n margin: 0 0 10px 0;\n text-align: center;\n}\n.widget-plan-notice .nf-button {\n margin-bottom: 20px;\n}\n\n@keyframes nf-service-installing {\n 100% {\n transform: rotate(360deg);\n }\n}\n.dashicons-update-spin {\n animation: nf-service-installing 1s linear infinite;\n}\n\n.services .nf-extend.full {\n flex-basis: 100%;\n}\n.services .nf-extend-buttons a {\n margin-top: 20px;\n}\n.services .nf-extend-buttons .nf-button {\n margin-top: auto;\n margin-bottom: 10px;\n}\n\n.jBox-Confirm-button {\n height: auto !important;\n font-size: 17px !important;\n padding: 10px 30px !important;\n}\n\n.jBox-Confirm-button-submit {\n background: #1ea9ea !important;\n border: 1px solid #fff !important;\n color: #fff !important;\n}\n\n.jBox-Confirm-button-cancel {\n background: #fff !important;\n border: 1px solid #1ea9ea !important;\n color: #1ea9ea !important;\n}\n\n/* This section intentionally left blank. */\n.promotion--wrapper {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n margin-bottom: 20px;\n}\n\n.promotion--wrapper a:focus {\n box-shadow: unset;\n}\n\n/*\nWidgets\n---------------------------------------------*/\nth {\n font-weight: bold;\n}\n\n.widget-forms .sortable {\n cursor: pointer;\n font-weight: bold;\n margin-left: -5px;\n}\n.widget-forms .sortable:hover:after {\n content: \"\\f0dc\";\n}\n.widget-forms .sortable:after {\n font-family: \"FontAwesome\";\n margin-left: 5px;\n position: absolute;\n}\n.widget-forms .sortable.sorted-asc:after {\n content: \"\\f0de\";\n}\n.widget-forms .sortable.sorted-desc:after {\n content: \"\\f0dd\";\n}\n.widget-forms header {\n display: flex;\n}\n.widget-forms header div {\n flex: 1;\n}\n.widget-forms header div:first-of-type {\n flex: 2;\n}\n.widget-forms .action {\n display: flex;\n}\n.widget-forms .form-row-actions a {\n cursor: pointer;\n}\n.widget-forms .form-row-actions a.delete {\n color: #FF4136;\n}\n\n.forms-collection > div {\n padding: 10px;\n}\n.forms-collection > div:nth-child(odd) {\n background-color: #EBEDEE;\n}\n.forms-collection .deleting {\n color: #FF4136;\n background-color: #ECEDEE;\n}\n.forms-collection .deleting a {\n color: #FF4136;\n}\n.forms-collection .deleting footer {\n display: none;\n}\n.forms-collection .nf-main-content.content {\n display: flex;\n}\n.forms-collection .nf-main-content.content div {\n flex: 1;\n}\n.forms-collection .nf-main-content.content div:first-of-type {\n flex: 2;\n}\n.forms-collection footer ul {\n margin: 0;\n padding-top: 20px;\n display: flex;\n}\n.forms-collection footer ul li a.delete {\n color: red;\n}\n.forms-collection footer ul li:after {\n content: \" |\";\n margin: auto 5px;\n}\n.forms-collection footer ul li:last-child:after {\n content: \"\";\n}\n\n.nf-template-grid .section-head {\n font-size: 36px;\n font-weight: bold;\n width: 75%;\n display: block;\n border-bottom: 1px solid #ccc;\n padding-bottom: 15px;\n margin: 60px 0px 25px 10px;\n}\n.nf-template-grid .template-list {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.nf-template-grid .template-list > div {\n display: flex;\n width: 50%;\n}\n.nf-template-grid .template-list .template {\n display: grid;\n width: 100%;\n}\n.nf-template-grid .template-list .template a {\n color: #424242;\n display: block;\n margin: 5px;\n padding: 30px;\n border: 1px solid #ccc;\n border-radius: 4px;\n min-height: 80px;\n cursor: pointer;\n}\n.nf-template-grid .template-list .template a:hover {\n background: #1EA9EA;\n color: #fff;\n}\n.nf-template-grid .template-list .template a .title {\n display: block;\n font-size: 20px;\n margin-bottom: 10px;\n}\n.nf-template-grid .template-list .ad a {\n border-color: #EBEDEE;\n}\n.nf-template-grid .template-list .default a {\n background: #EBEDEE;\n border-color: #EBEDEE;\n}\n\ntable .forms-table-row li {\n display: inline-block;\n}\n\n.modal-template {\n padding: 20px;\n}\n.modal-template img {\n width: 100%;\n}\n.modal-template iframe {\n width: 100%;\n height: 214px;\n}\n.modal-template 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.modal-template .actions {\n margin-top: 30px;\n}\n.modal-template .actions::after {\n display: block;\n clear: both;\n content: \"\";\n}\n.modal-template .primary.nf-button {\n float: right;\n}\n\n/*\njBox\n---------------------------------------------*/\n.jBox-Modal {\n background-color: white;\n}\n.jBox-Modal .jBox-title {\n padding-top: 10px;\n padding-bottom: 10px;\n font-size: 150%;\n font-weight: bold;\n text-align: center;\n width: 100%;\n}\n.jBox-Modal .jBox-content {\n padding: 10px;\n width: 100%;\n}\n.jBox-Modal .buttons::after {\n clear: none;\n content: \"\";\n display: block;\n}\n\n/*\nLoading Spinner\n---------------------------------------------*/\n.nf-loading-spinner {\n width: 40px;\n height: 40px;\n margin: 15px auto;\n background-color: rgba(208, 208, 208, 0.5);\n border-radius: 100%;\n animation: nf-scaleout 1s infinite ease-in-out;\n}\n\n@-webkit-keyframes nf-scaleout {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n opacity: 0;\n }\n}\n@keyframes nf-scaleout {\n 0% {\n transform: scale(0);\n }\n 100% {\n transform: scale(1);\n opacity: 0;\n }\n}\n.apps-container {\n display: flex;\n justify-content: space-between;\n flex-flow: row wrap;\n padding: 10px;\n}\n.apps-container .nf-box {\n background: #fff;\n flex-basis: 48%;\n}\n.apps-container .nf-box-inside {\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 10px;\n}\n.apps-container .nf-extend {\n float: left;\n margin: 0 0 20px 0;\n width: 300px;\n position: relative;\n}\n.apps-container .nf-extend img {\n margin-bottom: 10px;\n max-width: 100%;\n height: auto;\n}\n.apps-container .nf-extend h2 {\n white-space: nowrap;\n overflow: hidden;\n}\n.apps-container .nf-extend-content p {\n min-height: 100px;\n}\n.apps-container .nf-extend-buttons::after {\n clear: both;\n content: \"\";\n display: block;\n}\n.apps-container .nf-extend .nf-button {\n float: right;\n}\n.apps-container .nf-extend .nf-doc-button {\n float: left;\n}\n\n/*\nPromotions\n---------------------------------------------*/\n.promotion--wrapper > div a {\n position: relative;\n display: block;\n background: #f1f1f1;\n padding: 16px 80px;\n text-align: center;\n border-radius: 4px;\n font-size: 16px;\n color: #ef4748 !important;\n overflow: hidden;\n line-height: 24px;\n}\n.promotion--wrapper > div a > .cta {\n font-size: 22px;\n}\n.promotion--wrapper > div a > .dashicons, .promotion--wrapper > div a .dashicons-before::before {\n position: absolute;\n left: 0;\n top: -20px;\n font-size: 90px;\n transform: rotate(20deg);\n}\n\n.promotion--wrapper > div a.nf-remove-promo-styling {\n padding: 0;\n height: 83px;\n}","@keyframes nf-connected {\n 0% {\n box-shadow: 0 0 2px rgba(255, 255, 255, 0),\n inset 0 0 2px rgba(255, 255, 255, 0);\n }\n 50% {\n box-shadow: 0 0 2px #84cc1e,\n inset 100vw 0 2px rgba(255, 255, 255, .2);\n }\n 100% {\n box-shadow: 0 0 2px rgba(255, 255, 255, 0),\n inset 100vw 0 2px rgba(255, 255, 255, 0);\n }\n}\n\n.nf-notices--oauth {\n margin-top: -40px; // Account for the bottom margin on the topbar.\n padding-bottom: 20px; // Increase hover target, while maintaining whitespace.\n text-align:center;\n}\n\n.nf-oauth--checking {\n padding: 5px;\n}\n\n.nf-oauth--connect {\n display:block;\n background-color:#1EA9EA;\n color:white;\n padding: 5px;\n text-decoration:none;\n}\n\n.nf-oauth--connected {\n color: transparent;\n padding: 0;\n line-height: .5;\n transition: all .4s;\n background-color:#84CC1E;\n}\n.nf-oauth--connected:not(:hover) {\n animation: nf-connected 8s ease infinite;\n animation-delay: 2s;\n}\n.nf-notices--oauth:hover .nf-oauth--connected {\n color:white;\n line-height: 2;\n padding: 5px;\n}\n",".widget {\n background-color: #fff;\n border: 1px solid #ccc;\n border-radius: 4px;\n margin-bottom: 20px;\n padding: 20px;\n\n header {\n margin-bottom: 20px;\n }\n\n}\n\n.widget-memberships {\n border: 0;\n padding: 0;\n}\n.pricing-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n\n .pricing-block {\n width: 30%;\n\n &.highlight {\n background-color: #f1f1f1;\n }\n\n }\n\n .pricing-header {\n\n text-align: center;\n\n & > div {\n margin-bottom: 10px;\n }\n\n .pricing-title {\n font-size: 24px;\n margin-bottom: 16px;\n }\n\n .pricing-price {\n font-size: 24px;\n font-weight: bold;\n padding: 5px 0;\n }\n\n }\n\n .pricing-body {\n\n & > div {\n padding: 10px 0;\n position: relative;\n }\n\n span {\n display: block;\n margin-left: 40px;\n }\n\n ul {\n list-style: disc;\n margin-left: 20px;\n padding-left: 20px;\n }\n\n hr {\n margin-top: 10px;\n margin-bottom: 10px;\n border: 0;\n border-top: 1px solid #424242;\n }\n\n .fa {\n //color: #86CA32;\n color: #aaa;\n font-size: 24px;\n position: absolute;\n left: 0;\n }\n\n .pricing-body-title {\n font-weight: bold;\n text-transform: uppercase;\n }\n\n }\n\n}\n \n\n.widget-plan-notice {\n\n text-align: center;\n\n .widget-title {\n font-size: 32px;\n font-weight: bold;\n margin: 0 0 10px 0;\n text-align: center;\n }\n\n .nf-button {\n margin-bottom: 20px;\n }\n\n}\n","@keyframes nf-service-installing {\n 100% {\n transform:rotate(360deg);\n }\n}\n\n.dashicons-update-spin {\n animation: nf-service-installing 1s linear infinite;\n}\n\n.services {\n .nf-extend.full {\n flex-basis: 100%;\n }\n .nf-extend-buttons a {\n margin-top: 20px;\n }\n .nf-extend-buttons .nf-button {\n margin-top: auto; // Reset from anchor.\n margin-bottom: 10px; // Account for toggle.\n }\n}\n\n.jBox-Confirm-button {\n height: auto !important;\n font-size: 17px !important;\n padding: 10px 30px !important;\n}\n.jBox-Confirm-button-submit {\n background: #1ea9ea !important;\n border: 1px solid #fff !important;\n color: #fff !important;\n}\n.jBox-Confirm-button-cancel {\n background: #fff !important;\n border: 1px solid #1ea9ea !important;\n color: #1ea9ea !important;\n}\n",".promotion--wrapper {\n width: 100%;\n max-width: 50rem;\n margin: auto;\n margin-bottom: 20px; // Maintain whitespace.\n}\n\n.promotion--wrapper a:focus {\n box-shadow: unset; // Override WP focus state.\n}\n","th {\n font-weight: bold;\n}\n\n.widget-forms {\n .sortable {\n cursor: pointer;\n font-weight: bold;\n margin-left: -5px;\n &:hover {\n &:after {\n content: '\\f0dc';\n }\n }\n &:after {\n font-family: 'FontAwesome';\n margin-left: 5px;\n position: absolute;\n }\n &.sorted-asc:after {\n content: \"\\f0de\";\n }\n &.sorted-desc:after {\n content: \"\\f0dd\";\n }\n }\n header {\n display: flex;\n div {\n flex: 1;\n }\n div:first-of-type {\n flex: 2;\n }\n }\n\n .action {\n display: flex;\n }\n\n .form-row-actions a {\n cursor: pointer;\n\n &.delete {\n color: #FF4136;\n }\n }\n\n}\n\n.forms-collection {\n & > div {\n padding: 10px;\n }\n & > div:nth-child(odd){\n background-color: #EBEDEE;\n }\n .deleting {\n color: #FF4136;\n background-color: #ECEDEE;\n a {\n color: #FF4136;\n }\n footer {\n display: none;\n }\n }\n .nf-main-content.content {\n display: flex;\n div {\n flex: 1;\n }\n div:first-of-type {\n flex: 2;\n }\n }\n footer ul {\n margin: 0;\n padding-top: 20px;\n display: flex;\n li {\n a.delete {\n color: red;\n }\n &:after {\n content: ' |';\n margin: auto 5px;\n }\n &:last-child:after {\n content: '';\n }\n }\n }\n}\n\n.nf-template-grid {\n .section-head {\n font-size: 36px;\n font-weight: bold;\n width: 75%;\n display: block;\n border-bottom: 1px solid #ccc;\n padding-bottom: 15px;\n margin: 60px 0px 25px 10px;\n }\n\n .template-list {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n\n & > div {\n display: flex;\n width: 50%;\n }\n\n .template {\n display: grid;\n width: 100%;\n a {\n color: #424242;\n display: block;\n margin: 5px;\n padding: 30px;\n border: 1px solid #ccc;\n border-radius: 4px;\n min-height: 80px;\n cursor: pointer;\n\n &:hover {\n background: #1EA9EA;\n color: #fff;\n }\n\n .title {\n display: block;\n font-size: 20px;\n margin-bottom: 10px\n }\n }\n }\n\n .ad {\n a {\n border-color: #EBEDEE;\n }\n }\n\n .default {\n a {\n background: #EBEDEE;\n border-color: #EBEDEE;\n }\n }\n }\n}\n\ntable .forms-table-row li {\n display: inline-block;\n}\n\n.modal-template {\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}\n"]}