{"version":3,"sources":["notices/oauth.scss","dashboard.css","sections/widgets.scss","sections/services.scss","sections/promotions.scss","widgets/forms.scss","dashboard.scss"],"names":[],"mappings":"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","file":"dashboard.min.css","sourcesContent":["@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","@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.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#nf-services-settings-anchor .apps-container .nf-box-inside {\n  box-sizing: border-box;\n  min-height: 457px;\n  display: flex;\n  flex-direction: column;\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside > h2 {\n  margin-top: 0;\n}\n#nf-services-settings-anchor .apps-container .nf-extend-content {\n  margin-top: 0;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n}\n#nf-services-settings-anchor .apps-container .nf-extend-content p {\n  min-height: 0;\n  margin-top: 0;\n}\n#nf-services-settings-anchor .apps-container .nf-extend-buttons {\n  margin-top: auto;\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside::before {\n  content: \"\";\n  display: block;\n  width: 100%;\n  aspect-ratio: 12/5;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  margin: 0 0 14px 0;\n  border-radius: 6px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  flex-shrink: 0;\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=\"sendwp.com\"])::before {\n  background-image: url(\"../img/partners/sendwp-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=\"sirenaffiliates.com\"])::before {\n  background-image: url(\"../img/partners/siren-banner.png\");\n  aspect-ratio: 400/162;\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=\"wpml.org\"])::before {\n  background-image: url(\"../img/partners/wpml-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=how-to-add-ninja-forms-to-elementor])::before {\n  background-image: url(\"../img/partners/elementor-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=\"codeable.io\"])::before {\n  background-image: url(\"../img/partners/codeable-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=paypal-checkout])::before {\n  background-image: url(\"../img/partners/paypal-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=omnisend])::before {\n  background-image: url(\"../img/partners/omnisend-banner.png\");\n}\n#nf-services-settings-anchor .apps-container .nf-box-inside:has(a[href*=\"hostarmada.com\"])::before {\n  background-image: url(\"../img/partners/hostarmada-banner.png\");\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\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\nhtml {\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#ninja-forms-dashboard .add.nf-button.primary {\n  background: #0a6f9e;\n  border-color: #0a6f9e;\n  color: #fff;\n}\n#ninja-forms-dashboard .add.nf-button.primary:hover, #ninja-forms-dashboard .add.nf-button.primary:focus {\n  background: #085b81;\n  border-color: #085b81;\n  color: #fff;\n}\n#ninja-forms-dashboard .widget-forms table tbody td .title a {\n  color: #0073aa;\n  text-decoration: none;\n}\n#ninja-forms-dashboard .widget-forms table tbody td .title a:hover, #ninja-forms-dashboard .widget-forms table tbody td .title a:focus {\n  color: #005a87;\n  text-decoration: underline;\n}\n#ninja-forms-dashboard .widget-forms table tbody td .form-row-actions a {\n  color: #0073aa;\n}\n#ninja-forms-dashboard .widget-forms table tbody td .form-row-actions a:hover, #ninja-forms-dashboard .widget-forms table tbody td .form-row-actions a:focus {\n  color: #005a87;\n}\n\n#footer-thankyou {\n  color: #555;\n}\n#footer-thankyou a {\n  color: #0073aa;\n}\n#footer-thankyou a:hover, #footer-thankyou a:focus {\n  color: #005a87;\n}\n\n/*\nNotices\n---------------------------------------------*/\n/*\nSections\n---------------------------------------------*/\n/*\nWidgets\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}",".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\n// =============================================================================\n// Partner Apps & Services Tab - Banner Layout (#8004)\n// =============================================================================\n// Scoped to #nf-services-settings-anchor to avoid affecting Add-ons tab.\n// Both tabs share .apps-container/.nf-box classes, so scope is critical.\n\n#nf-services-settings-anchor {\n  .apps-container {\n    // Layout fixes: uniform card heights with pinned buttons\n    .nf-box-inside {\n      box-sizing: border-box;\n      min-height: 457px;\n      display: flex;\n      flex-direction: column;\n\n      > h2 {\n        margin-top: 0;\n      }\n    }\n\n    .nf-extend-content {\n      margin-top: 0;\n      flex: 1 1 auto;\n      display: flex;\n      flex-direction: column;\n\n      p {\n        min-height: 0; // Override shared .apps-container rule\n        margin-top: 0; // Prevent doubled margins in flex column\n      }\n    }\n\n    .nf-extend-buttons {\n      margin-top: auto; // Pin buttons to bottom\n    }\n\n    // Banner base styles (::before pseudo-element approach)\n    .nf-box-inside::before {\n      content: \"\";\n      display: block;\n      width: 100%;\n      aspect-ratio: 12 / 5;\n      background-size: cover;\n      background-position: center;\n      background-repeat: no-repeat;\n      margin: 0 0 14px 0;\n      border-radius: 6px;\n      border: 1px solid rgba(0, 0, 0, 0.08);\n      flex-shrink: 0;\n    }\n\n    // Per-partner banner images (matched by learn-more URL)\n    .nf-box-inside:has(a[href*=\"sendwp.com\"])::before {\n      background-image: url(\"../img/partners/sendwp-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"sirenaffiliates.com\"])::before {\n      background-image: url(\"../img/partners/siren-banner.png\");\n      aspect-ratio: 400 / 162; // Siren's native aspect ratio\n    }\n    .nf-box-inside:has(a[href*=\"wpml.org\"])::before {\n      background-image: url(\"../img/partners/wpml-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"how-to-add-ninja-forms-to-elementor\"])::before {\n      background-image: url(\"../img/partners/elementor-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"codeable.io\"])::before {\n      background-image: url(\"../img/partners/codeable-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"paypal-checkout\"])::before {\n      background-image: url(\"../img/partners/paypal-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"omnisend\"])::before {\n      background-image: url(\"../img/partners/omnisend-banner.png\");\n    }\n    .nf-box-inside:has(a[href*=\"hostarmada.com\"])::before {\n      background-image: url(\"../img/partners/hostarmada-banner.png\");\n    }\n  }\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","@use 'notices/oauth';\n@use 'sections/widgets';\n@use 'sections/services';\n@use 'sections/apps';\n@use 'sections/memberships';\n@use 'sections/promotions';\n@use 'widgets/forms';\n\nhtml {\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  // Ensure dashboard \"Add New\" button passes WCAG contrast.\n  .add.nf-button.primary {\n    background: #0a6f9e;\n    border-color: #0a6f9e;\n    color: #fff;\n\n    &:hover,\n    &:focus {\n      background: #085b81;\n      border-color: #085b81;\n      color: #fff;\n    }\n  }\n\n  // WCAG 2.2 AA compliant link colors (#0073aa = 4.9:1 contrast on white)\n  .widget-forms table tbody td {\n    .title a {\n      color: #0073aa;\n      text-decoration: none;\n\n      &:hover,\n      &:focus {\n        color: #005a87;\n        text-decoration: underline;\n      }\n    }\n\n    .form-row-actions a {\n      color: #0073aa;\n\n      &:hover,\n      &:focus {\n        color: #005a87;\n      }\n    }\n  }\n}\n\n// WP admin footer review prompt: #555 on white = 7.5:1 (AAA compliant)\n#footer-thankyou {\n  color: #555;\n\n  a {\n    color: #0073aa;\n\n    &:hover,\n    &:focus {\n      color: #005a87;\n    }\n  }\n}\n\n/*\nNotices\n---------------------------------------------*/\n\n/*\nSections\n---------------------------------------------*/\n\n/*\nWidgets\n---------------------------------------------*/\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}"]}