FileMaster

Edit File: dashboard.min.css.map

{"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"]}

Back