{"version":3,"sources":["dashboard.scss","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    }\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      margin-bottom: 40px;\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  main {\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}","@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  > div > main.content {\n    /*max-height: 400px;*/\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  main {\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"]}