@charset "UTF-8";

@font-face {
  font-family: 'powrconsv4';
  font-display: swap;
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix");
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix#iefix") format("embedded-opentype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.ttf?x949ix") format("truetype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.woff?x949ix") format("woff"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.svg?x949ix#powrconsv4") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'powrconsv4' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face {
  font-family: 'Gordita Black';
  src: local("Gordita Black"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Black Italic';
  src: local("Gordita Black Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold';
  src: local("Gordita Bold"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold Italic';
  src: local("Gordita Bold Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light';
  src: local("Gordita Light"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light Italic';
  src: local("Gordita Light Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium';
  src: local("Gordita Medium"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium Italic';
  src: local("Gordita Medium Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita';
  src: local("Gordita"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Italic';
  src: local("Gordita Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin';
  src: local("Gordita Thin"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin Italic';
  src: local("Gordita Thin Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra';
  src: local("Gordita Ultra"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra Italic';
  src: local("Gordita Ultra Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body,
html {
  color: #636b75;
  font-family: "Gordita";
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 100%;
  background: none;
  background-color: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

h1,
h2,
.formElementsModule h1,
h3,
.template-view__title,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.standard-tutorial__step::before,
.h5,
.h6 {
  font-family: "Gordita Bold";
  color: #354051;
}

h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 3rem;
  }
}

h2,
.formElementsModule h1 {
  font-size: 1.625rem;
}

@media (min-width: 768px) {
  h2,
  .formElementsModule h1 {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  h2,
  .formElementsModule h1 {
    font-size: 2.5rem;
  }
}

h3,
.template-view__title {
  font-size: 1.325rem;
}

@media (min-width: 768px) {
  h3,
  .template-view__title {
    font-size: 2rem;
  }
}

h4 {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.1rem;
}

@media (min-width: 768px) {
  h5 {
    font-size: 1.25rem;
  }
}

h6 {
  font-size: 1rem;
}

p {
  color: #636b75;
  line-height: 26px;
  font-size: 1rem;
}

p,
a,
a:link,
a:hover,
a:visited,
a:active {
  font-weight: 400;
}

a,
a:link,
a:hover,
a:visited,
a:active {
  color: inherit;
  text-decoration: none;
}

.section {
  padding: 32px 0;
}



@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-19 {
    width: 11%;
    float: left;
  }
}

@media (max-width: 992px) {
  #appViewWrapper {
    padding: 10px !important;
  }

  #appViewWrapper #appView {
    margin: 0% !important;
  }
}



.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}

.row.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.clearfix,
#appView .formBuilder-v2 .gap-element--small,
#appView .formBuilder-v2 .gap-element--large {
  clear: both;
}

.cursor-pointer {
  cursor: pointer;
}

.dropdown-component__label {
  color: #354051;
  font-size: 1rem;
  font-weight: bold;
}

.list-reset,
.app-market-nav__list,
.open-account-menu .account-menu-list,
.plugins-card__card-menu .links-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-transform-capitalize {
  text-transform: capitalize;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.upper-first-key:first-letter {
  text-transform: uppercase;
}

.text-transform-capitalize-first-letter:first-letter {
  text-transform: uppercase;
}

button.text-underline,
a.text-underline,
.text-underline {
  text-decoration: underline;
}

.font-normal {
  font-weight: normal;
}

.font-regular {
  font-family: "Gordita";
}

.font-medium {
  font-family: "Gordita Medium";
}

.font-bold {
  font-weight: bold;
}

.bold-font {
  font-family: "Gordita Bold";
}

.font-italic {
  font-style: italic;
}

.upgrade {
  color: #9552DF;
}

.primary {
  color: #3B8CFF;
}

.danger-text {
  color: #d74545;
}

.paragraph-text {
  color: #636b75;
}

.color7 {
  color: #354051;
}

.color8 {
  color: #a0abbe;
}

.color10 {
  color: #9552DF;
}

.color12-500 {
  color: #FD5A47;
}

.color-14 {
  color: #00B07D;
}

.color-2 {
  color: #FFFFFF;
}

.f1 {
  font-size: 2rem;
}

.f2 {
  font-size: 1.5rem;
}

.f3 {
  font-size: 1.125rem;
}

.f4 {
  font-size: 1rem;
}

.f5 {
  font-size: 0.875rem;
}

.f6 {
  font-size: 0.75rem;
}

.weight500 {
  font-weight: 500;
}

.weight700 {
  font-weight: 700;
}



.position-relative {
  position: relative;
}



.flex-row,
.text-with-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-end {
  align-items: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-stretch {
  align-self: stretch;
}

.align-items-baseline {
  align-items: baseline;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.border-none {
  border: none;
}

.border-bottom-light {
  border-bottom: 1px solid #E0E6EA;
}

.border-light {
  border: 1px solid #E0E6EA;
}

.border-radius-xs {
  border-radius: 4px;
}

.border-radius-m {
  border-radius: 16px;
}

.button-default,
.button-l,
.button,
.ReactModalPortal .uppy-DragDrop-dragText,
.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
}

.button-l {
  font-size: 1.25rem;
  padding: 8px 32px;
}

.button,
.ReactModalPortal .uppy-DragDrop-dragText {
  font-size: 1rem;
  padding: 8px 16px;
}

.button .fa,
.ReactModalPortal .uppy-DragDrop-dragText .fa {
  margin-right: 8px;
}

.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  font-size: 0.875rem;
  padding: 4px 8px;
}

.button--small {
  font-size: 0.875rem;
  font-family: "Gordita Medium";
}

.button-full-width,
.details-view-header__app-cta > button {
  width: 100%;
}











a.button-white-outline,
.button-white-outline {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

a.button-white-outline:focus,
.button-white-outline:focus {
  outline: none;
}

a.button-white-outline:hover,
.button-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.075);
  border-color: #e6e6e6;
  color: #e6e6e6;
}

a.button-white-outline.is-disabled,
.button-white-outline.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline,
.price-table a.price-table__plan-btn.is-free-btn,
.price-table a.price-table__plan-btn.is-premium-btn,
.button-secondary-outline,
.price-table .price-table__plan-btn.is-free-btn,
.price-table .price-table__plan-btn.is-premium-btn {
  background-color: transparent;
  border-color: #bec6ca;
  color: #bec6ca;
  color: #3B8CFF;
}

a.button-secondary-outline:focus,
.price-table a.price-table__plan-btn.is-free-btn:focus,
.price-table a.price-table__plan-btn.is-premium-btn:focus,
.button-secondary-outline:focus,
.price-table .price-table__plan-btn.is-free-btn:focus,
.price-table .price-table__plan-btn.is-premium-btn:focus {
  outline: none;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  background-color: rgba(190, 198, 202, 0.075);
  border-color: #a2adb3;
  color: #a2adb3;
}

a.button-secondary-outline.is-disabled,
.price-table a.is-disabled.price-table__plan-btn.is-free-btn,
.price-table a.is-disabled.price-table__plan-btn.is-premium-btn,
.button-secondary-outline.is-disabled,
.price-table .is-disabled.price-table__plan-btn.is-free-btn,
.price-table .is-disabled.price-table__plan-btn.is-premium-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  color: #086eff;
}



a.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText,
.price-table a.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText:link,
.price-table a.price-table__plan-btn.is-enterprise-btn:link,
.button-primary,
.ReactModalPortal .uppy-DragDrop-dragText,
.price-table .price-table__plan-btn.is-enterprise-btn {
  background-color: #3B8CFF;
  border-color: #3B8CFF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:focus,
a:link.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:link:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:focus,
.button-primary:focus,
.ReactModalPortal .uppy-DragDrop-dragText:focus,
.price-table .price-table__plan-btn.is-enterprise-btn:focus {
  outline: none;
}

a.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:hover,
a:link.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:link:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:hover,
.button-primary:hover,
.ReactModalPortal .uppy-DragDrop-dragText:hover,
.price-table .price-table__plan-btn.is-enterprise-btn:hover {
  background: #4f98ff;
}

a.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:active,
a:link.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:link:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:active,
.button-primary:active,
.ReactModalPortal .uppy-DragDrop-dragText:active,
.price-table .price-table__plan-btn.is-enterprise-btn:active {
  background: #086eff;
}

a.button-primary.is-disabled,
.ReactModalPortal a.is-disabled.uppy-DragDrop-dragText,
.price-table a.is-disabled.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled,
.button-primary.is-disabled,
.ReactModalPortal .is-disabled.uppy-DragDrop-dragText,
.price-table .is-disabled.price-table__plan-btn.is-enterprise-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-primary.is-disabled-with-color,
.ReactModalPortal a.is-disabled-with-color.uppy-DragDrop-dragText,
.price-table a.is-disabled-with-color.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled-with-color,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled-with-color,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled-with-color,
.button-primary.is-disabled-with-color,
.ReactModalPortal .is-disabled-with-color.uppy-DragDrop-dragText,
.price-table .is-disabled-with-color.price-table__plan-btn.is-enterprise-btn {
  opacity: 0.4;
  cursor: not-allowed;
}







a.button-upgrade,
a:link.button-upgrade,
.button-upgrade {
  background-color: #9552DF;
  border-color: #9552DF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-upgrade:focus,
a:link.button-upgrade:focus,
.button-upgrade:focus {
  outline: none;
}

a.button-upgrade:hover,
a:link.button-upgrade:hover,
.button-upgrade:hover {
  background: #a063e2;
}

a.button-upgrade:active,
a:link.button-upgrade:active,
.button-upgrade:active {
  background: #7b28d6;
}

a.button-upgrade.is-disabled,
a:link.button-upgrade.is-disabled,
.button-upgrade.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-upgrade.is-disabled-with-color,
a:link.button-upgrade.is-disabled-with-color,
.button-upgrade.is-disabled-with-color {
  opacity: 0.4;
  cursor: not-allowed;
}























a.link,
a.standard-tutorial__step_show_me,
.step-section a.step-section__show-me,
.link,
.standard-tutorial__step_show_me,
.step-section .step-section__show-me {
  background-color: transparent;
  border: none;
  color: #3B8CFF;
  cursor: pointer;
  outline: none;
  padding: 4px;
  text-decoration: none;
  font-family: "Gordita Medium";
  font-size: 14px;
  transition: color .2s linear;
}

a.link:hover,
a.standard-tutorial__step_show_me:hover,
.step-section a.step-section__show-me:hover,
.link:hover,
.standard-tutorial__step_show_me:hover,
.step-section .step-section__show-me:hover {
  color: #3548B8;
}

a.link-underline,
.link-underline {
  text-decoration: underline;
}

a.link-white,
.link-white {
  color: #FFFFFF;
}

a.link-nostyle,
.link-nostyle {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

a.link-nostyle--blue,
.link-nostyle--blue {
  color: #3B8CFF;
}















.modal__title {
  text-align: center;
}

.modal__close {
  border: none;
  color: #a0abbe;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: bold;
  opacity: 0.5;
  position: absolute;
  right: 15px;
  top: 10px;
  -webkit-appearance: none;
}

.modal__close:hover {
  opacity: 1;
}

button.modal__close {
  background: transparent;
}

.circled-close,
.fal.publish-uber-panel__close,
.fal.upsell-success__close,
#appSettings .panel-header .modalPanelClose .fal {
  font-size: 1.5rem;
  cursor: pointer;
  color: #3B8CFF;
  background-color: #eff2f4;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 45px;
  height: 45px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.circled-close:hover,
.fal.publish-uber-panel__close:hover,
.fal.upsell-success__close:hover,
#appSettings .panel-header .modalPanelClose .fal:hover {
  transform: scale(1.1);
}

.modal__content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -webkit-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -moz-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -ms-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -o-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  outline: 0;
  padding: 32px;
  position: relative;
}

.modal__body {
  text-align: center;
}

.modal__footer {
  margin-top: 32px;
  text-align: center;
}

.modal-backdrop {
  background-color: rgba(53, 64, 81, 0.8);
  z-index: 9999;
}

.editor-simulator {
  background-color: #eff2f4;
  height: 500px;
  width: 400px;
}

.card,
#auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .embedContent:not(.tutorialSwitchPresent),
.tutorialSelection {
  background-color: #FFFFFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 16px;
  position: relative;
  min-height: 100px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.card.has-shadow,
.card.notification-toast,
#auto_docs-show .new-tut .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-create .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .notification-toast.embedContent:not(.tutorialSwitchPresent),
.notification-toast.tutorialSelection,
.card.product-updates,
#auto_docs-show .new-tut .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-create .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .product-updates.embedContent:not(.tutorialSwitchPresent),
.product-updates.tutorialSelection,
.card.toastify,
#auto_docs-show .new-tut .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-create .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .toastify.embedContent:not(.tutorialSwitchPresent),
.toastify.tutorialSelection,
.Select .card.Select-menu-outer,
.Select #auto_docs-show .new-tut .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-create .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-create .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-standalone .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select .Select-menu-outer.tutorialSelection,
#appSettings .Select .card.Select-menu-outer,
#appSettings .Select .Select-menu-outer.tutorialSelection,
#auto_docs-show .new-tut .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-create .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .has-shadow.embedContent:not(.tutorialSwitchPresent),
.has-shadow.tutorialSelection {
  border: 1px solid #E0E6EA;
  box-shadow: 0 2px 1px -2px #a0abbe;
  -webkit-box-shadow: 0 2px 1px -2px #a0abbe;
  -moz-box-shadow: 0 2px 1px -2px #a0abbe;
  -ms-box-shadow: 0 2px 1px -2px #a0abbe;
  -o-box-shadow: 0 2px 1px -2px #a0abbe;
}

.card--shadow {
  border: 1px solid #E0E6EA;
  box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -webkit-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -moz-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -ms-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -o-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.notification-banner {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 2px 5px -1px #a0abbe;
  -webkit-box-shadow: 0 2px 5px -1px #a0abbe;
  -moz-box-shadow: 0 2px 5px -1px #a0abbe;
  -ms-box-shadow: 0 2px 5px -1px #a0abbe;
  -o-box-shadow: 0 2px 5px -1px #a0abbe;
  margin: 16px 0;
  padding: 16px;
  width: 100%;
}

.notification-banner--primary {
  background-color: #eef5ff;
  border-top: 3px solid #3B8CFF;
  color: #354051;
}

.notification-banner--caution {
  background-color: #FFF5E0;
  border-top: 3px solid #FFC400;
  color: #354051;
}

.notification-banner--caution a {
  color: #3B8CFF;
}

.notification-banner--failure {
  background-color: #FFEEF0;
  border-top: 3px solid #d74545;
  color: #d74545;
}

.notification-banner--failure a {
  color: #3B8CFF;
}

.notification-banner--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.notification-banner--upgrade {
  background-color: #e4d3f7;
  border-top: 3px solid #a268e3;
}

.notification-banner--upgrade-secondary {
  background-color: #f8f9fa;
  border-top: 3px solid #a268e3;
}

.notification-banner--upgrade-secondary i {
  color: #a268e3;
}

.notification-banner .close {
  position: relative;
  z-index: 1;
}

.notification-banner .actionBtn {
  color: #3B8CFF;
  margin-top: 12px;
  display: inline-block;
}

.notification-banner .actionBtn:hover {
  cursor: pointer;
}

.notification-banner-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  color: #a0abbe;
}

.notification-banner_expanded {
  position: relative;
}

.notification-banner_expanded > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-size: 32px;
}

.notification-banner_expanded > div {
  padding: 10px 0 0 45px;
  line-height: 1.5;
  font-size: 14px;
}

.notification-toast {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 16px auto;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
}

.notification-toast--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.notification-toast--caution {
  background-color: #fff6d6;
  border-top: 3px solid #ffd033;
  color: #354051;
}

.notification-toast--failure {
  background-color: #fdf5f5;
  border-top: 3px solid #e06f6f;
  color: #d74545;
}

.notification-toast--failure a {
  color: #3B8CFF;
}

.notification-toast--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.product-caution-banner {
  z-index: 1030;
  position: fixed;
  top: 0;
  padding-top: 11px;
}



.wide {
  max-width: 700px;
}

.theme-1 {
  background-color: #3B8CFF;
  color: #FFFFFF;
}

.theme-1 h1,
.theme-1 h2,
.theme-1 .formElementsModule h1,
.formElementsModule .theme-1 h1,
.theme-1 h3,
.theme-1 .template-view__title,
.theme-1 h4,
.theme-1 p {
  color: #FFFFFF;
}

.theme-1 .card,
.theme-1 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 .tutorialSelection {
  background-color: #227dff;
}

.theme-2 {
  background-color: #354051;
}

.theme-2 h1,
.theme-2 h2,
.theme-2 .formElementsModule h1,
.formElementsModule .theme-2 h1,
.theme-2 h3,
.theme-2 .template-view__title,
.theme-2 h4 {
  color: #FFFFFF;
}

.theme-2 p {
  color: #7b8490;
}

.theme-2 .card,
.theme-2 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 .tutorialSelection {
  background-color: #3b475a;
}

.theme-danger {
  background-color: #f2c3c3;
}

.theme-danger h1,
.theme-danger h2,
.theme-danger .formElementsModule h1,
.formElementsModule .theme-danger h1,
.theme-danger h3,
.theme-danger .template-view__title,
.theme-danger h4 {
  color: #d74545;
}

.theme-danger p {
  color: #d74545;
}

.theme-danger .card,
.theme-danger #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger .tutorialSelection {
  background-color: #da5252;
}

.theme-3 {
  background-color: #eff2f4;
}

.theme-3 h1,
.theme-3 h2,
.theme-3 .formElementsModule h1,
.formElementsModule .theme-3 h1,
.theme-3 h3,
.theme-3 .template-view__title,
.theme-3 h4 {
  color: #354051;
}

.theme-3 p {
  color: #636b75;
}

.theme-3 .card,
.theme-3 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 .tutorialSelection {
  border-radius: 4px;
  border: 1px solid var(--color-6-dark, #E0E6EA);
  background: var(--white, #FFF);
  box-shadow: 0px 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.theme-4,
.signInContent .modal-content .tab-content .sign-in-footer,
.signInContent .signin-signup-platform .tab-content .sign-in-footer,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer {
  background-color: #e0e6ea;
}

.theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h2,
.signInContent .modal-content .tab-content .sign-in-footer h2,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h2,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
.theme-4 .formElementsModule h1,
.formElementsModule .theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h3,
.signInContent .modal-content .tab-content .sign-in-footer h3,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h3,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
.theme-4 .template-view__title,
.signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
.theme-4 h4,
.signInContent .modal-content .tab-content .sign-in-footer h4,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h4,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h4,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h4 {
  color: #354051;
}

.theme-4 p,
.signInContent .modal-content .tab-content .sign-in-footer p,
.signInContent .signin-signup-platform .tab-content .sign-in-footer p,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer p,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer p {
  color: #636b75;
}

.theme-4 .card,
.signInContent .modal-content .tab-content .sign-in-footer .card,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .card,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
.theme-4 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 .tutorialSelection,
.signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 {
  background-color: #f8f9fa;
}

.theme-5 h1,
.theme-5 h2,
.theme-5 .formElementsModule h1,
.formElementsModule .theme-5 h1,
.theme-5 h3,
.theme-5 .template-view__title,
.theme-5 h4 {
  color: #354051;
}

.theme-5 p {
  color: #636b75;
}

.theme-5 .card,
.theme-5 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 .subtle-card:hover:hover {
  background-color: #eff2f4;
  cursor: pointer;
}

.bg-mystic-shaded {
  background-color: #eff2f4;
}

.bg-mystic-dark-shaded {
  background-color: #e0e6ea;
}

.bg-primary-shaded {
  background-color: #eef5ff;
}

.bg-gray-light {
  background-color: #f8f9fa;
}

.page-title {
  margin-bottom: 32px;
  margin-top: 64px;
}

.content-section {
  margin-bottom: 124px;
}

.content {
  margin-bottom: 32px;
}



.pad-nil {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.pad-xs {
  padding: 4px;
}

.pad-s {
  padding: 8px;
}

.pad-m {
  padding: 16px;
}

.pad-l {
  padding: 32px;
}

.pad-xl {
  padding: 64px;
}

.pad-xxl {
  padding: 124px;
}

.pad-v-nil {
  padding-top: 0;
  padding-bottom: 0;
}

.pad-v-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pad-v-s {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pad-v-m {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pad-v-l {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pad-v-xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.pad-v-xxl {
  padding-top: 124px;
  padding-bottom: 124px;
}

.pad-h-nil {
  padding-left: 0;
  padding-right: 0;
}

.pad-h-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.pad-h-s {
  padding-left: 8px;
  padding-right: 8px;
}

.pad-h-m {
  padding-left: 16px;
  padding-right: 16px;
}

.pad-h-l {
  padding-left: 32px;
  padding-right: 32px;
}

.pad-h-xl {
  padding-left: 64px;
  padding-right: 64px;
}

.pad-h-xxl {
  padding-left: 124px;
  padding-right: 124px;
}

.pad-top-nil {
  padding-top: 0;
}

.pad-top-xs {
  padding-top: 4px;
}

.pad-top-s {
  padding-top: 8px;
}

.pad-top-m {
  padding-top: 16px;
}

.pad-top-l {
  padding-top: 32px;
}

.pad-top-xl {
  padding-top: 64px;
}

.pad-top-xxl {
  padding-top: 124px;
}

.pad-right-nil {
  padding-right: 0;
}

.pad-right-xs {
  padding-right: 4px;
}

.pad-right-s {
  padding-right: 8px;
}

.pad-right-m {
  padding-right: 16px;
}

.pad-right-l {
  padding-right: 32px;
}

.pad-right-xl {
  padding-right: 64px;
}

.pad-right-xxl {
  padding-right: 124px;
}

.pad-bottom-nil {
  padding-bottom: 0;
}

.pad-bottom-xs {
  padding-bottom: 4px;
}

.pad-bottom-s {
  padding-bottom: 8px;
}

.pad-bottom-m {
  padding-bottom: 16px;
}

.pad-bottom-l {
  padding-bottom: 32px;
}

.pad-bottom-xl {
  padding-bottom: 64px;
}

.pad-bottom-xxl {
  padding-bottom: 124px;
}

.pad-left-nil {
  padding-left: 0;
}

.pad-left-xs {
  padding-left: 4px;
}

.pad-left-s {
  padding-left: 8px;
}

.pad-left-m {
  padding-left: 16px;
}

.pad-left-l {
  padding-left: 32px;
}

.pad-left-xl {
  padding-left: 64px;
}

.pad-left-xxl {
  padding-left: 124px;
}

.pad-nil-force {
  padding: 0 !important;
}

.margin-nil {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.margin-xs {
  margin: 4px;
}

.margin-s {
  margin: 8px;
}

.margin-m {
  margin: 16px;
}

.margin-l {
  margin: 32px;
}

.margin-xl {
  margin: 64px;
}

.margin-xxl {
  margin: 124px;
}

.margin-v-nil {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-v-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.margin-v-s {
  margin-top: 8px;
  margin-bottom: 8px;
}

.margin-v-m {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-v-l {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-v-xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.margin-v-xxl {
  margin-top: 124px;
  margin-bottom: 124px;
}

.margin-h-nil {
  margin-left: 0;
  margin-right: 0;
}

.margin-h-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.margin-h-s {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-h-m {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-h-l {
  margin-left: 32px;
  margin-right: 32px;
}

.margin-h-xl {
  margin-left: 64px;
  margin-right: 64px;
}

.margin-h-xxl {
  margin-left: 124px;
  margin-right: 124px;
}

.margin-top-nil {
  margin-top: 0;
}

.margin-top-xs {
  margin-top: 4px;
}

.margin-top-s {
  margin-top: 8px;
}

.margin-top-m {
  margin-top: 16px;
}

.margin-top-l {
  margin-top: 32px;
}

.margin-top-xl {
  margin-top: 64px;
}

.margin-top-xxl {
  margin-top: 124px;
}

.margin-right-nil {
  margin-right: 0;
}

.margin-right-xxs {
  margin-right: 2px;
}

.margin-right-xs {
  margin-right: 4px;
}

.margin-right-s {
  margin-right: 8px;
}

.margin-right-m {
  margin-right: 16px;
}

.margin-right-l {
  margin-right: 32px;
}

.margin-right-xl {
  margin-right: 64px;
}

.margin-right-xxl {
  margin-right: 124px;
}

.margin-bottom-nil {
  margin-bottom: 0;
}

.margin-bottom-xs {
  margin-bottom: 4px;
}

.margin-bottom-s {
  margin-bottom: 8px;
}

.margin-bottom-m {
  margin-bottom: 16px;
}

.margin-bottom-l {
  margin-bottom: 32px;
}

.margin-bottom-xl {
  margin-bottom: 64px;
}

.margin-bottom-xxl {
  margin-bottom: 124px;
}

.margin-left-nil {
  margin-left: 0;
}

.margin-left-xs {
  margin-left: 4px;
}

.margin-left-s {
  margin-left: 8px;
}

.margin-left-m {
  margin-left: 16px;
}

.margin-left-l {
  margin-left: 32px;
}

.margin-left-xl {
  margin-left: 64px;
}

.margin-left-xxl {
  margin-left: 124px;
}

.margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-top-xl2 {
  margin-top: 96px;
}

.margin-bottom-xl2 {
  margin-bottom: 96px;
}

.margin-bottom-m2 {
  margin-bottom: 24px;
}







.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: .25;
}

.opacity-50 {
  opacity: .5;
}

.opacity-75 {
  opacity: .75;
}

.opacity-100 {
  opacity: 1;
}





.sp-preview,
#appSettings .prototype-element.slim .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .prototype-element.slim .sp-container .sp-preview .sp-preview-inner,
#appSettings .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .sp-container .sp-preview .sp-preview-inner,
.sp-alpha,
.sp-thumb-el {
  background-image: none;
}

.sp-container button {
  background-image: none;
  width: 100%;
  padding: 10px 0px;
  color: #666c70;
  background-color: white;
  border: 1px solid #c9cdcf;
  border-radius: 2px;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #2990ea;
  text-align: center;
  outline: none;
  cursor: pointer;
  cursor: hand;
}

.ws-po-box {
  color: black;
}

.prototype {
  display: none !important;
}

.modal {
  z-index: 99999999999;
  outline: none;
}

.modal-lg .modal-dialog {
  width: 800px;
}

.truncated,
.powr-app-card__title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hid {
  display: none;
}

.fa.hid,
.fab.hid,
.fad.hid,
.fal.hid,
.far.hid,
.fas.hid {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.slash {
  text-decoration: line-through;
}

.debug * {
  border: 3px dashed #f00 !important;
}

.maxWidth {
  max-width: 100% !important;
}

.quote:before,
.quote:after {
  content: '"';
}

.width100 {
  width: 100%;
}

.min300 {
  min-width: 300px;
  max-width: 100%;
}

.fullHeight {
  height: 100%;
}

.centerChild {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.noPad {
  padding: 0px;
}

.noPadLeft {
  padding-left: 0px;
}

.noPadRight {
  padding-right: 0px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-19 {
  width: 11%;
  float: left;
}

.row .col-xs-7 .text-component__label .powrTooltip i.fa-question-circle {
  left: 0px;
}

.notice {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.notice--primary {
  background-color: #eef5ff;
  color: #354051;
}

img {
  max-width: 100%;
}

.failure {
  color: #d04239;
}

.success:not(.section) {
  color: #36c451;
}

.caution {
  color: #FFC400;
}

.powrbutton.hid,
a.hid.powrbutton:link,
a.hid.powrbutton:hover,
a.hid.powrbutton:visited,
a.hid.powrbutton:active,
#appSettings .sp-button-container .hid.sp-choose {
  display: none;
}

.navbar-fixed-top {
  z-index: 1030000;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-absolute--bot {
  bottom: 0;
}

.position-absolute--top {
  top: 0;
}

.position-absolute--left {
  left: 0;
}

.position-absolute--right {
  right: 0;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.button-nostyle,
.button-nostyle-muted {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-nostyle-muted:hover {
  color: #3B8CFF;
}

.button-nostyle-blue {
  background: none;
  color: #3B8CFF;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-round-blue {
  background-color: white;
  border: none;
  color: #3B8CFF;
  padding: 8px 15px;
  text-align: center;
  text-decoration: false;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width: 35px;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #3B8CFF;
  padding: 0.5em 0.9em;
  outline: none;
}

.normalWhiteSpace {
  white-space: normal;
}

@media (max-width: 762px) {
  .normalWhiteSpaceXs {
    white-space: normal;
  }
}

.nowrap {
  white-space: nowrap;
}

.wix-col-4 {
  width: 25%;
  float: left;
}

.wix-col-3 {
  width: 33.33333%;
  float: left;
}

.wix-col-2 {
  width: 50%;
  float: left;
}

.visible {
  overflow: visible;
}

.desktop-only-flex,
.mobile-only-flex {
  display: none;
}

@media (min-width: 833px) {
  .desktop-only-flex {
    display: flex;
    flex-shrink: 0;
  }
}

@media (max-width: 834px) {
  .mobile-only-flex {
    display: flex;
    flex-shrink: 0;
  }

  .mobile-full-width {
    width: 100% !important;
  }
}

@media (max-width: 834px) and (orientation: portrait) {
  .hidden-tablet-portrait {
    display: none !important;
  }

  .show-tablet-portrait {
    display: flex !important;
  }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: none !important;
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: flex !important;
  }
}







@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}





















.details-view-slider-container .video__border-radius {
  border-radius: 4px;
}

.details-view-slider-container .video__light-bg {
  background-color: #f1f2f5;
}

.welcome-screen-modal-content .prev-button,
.welcome-screen-modal-content .next-button,
.welcome-screen-modal-content .done-button {
  width: 70px;
  border-radius: 54px;
}

.support-option {
  justify-content: space-between;
  padding: 10px;
  font-family: Gordita;
  font-size: 14px;
  color: #55667D;
}

.support-option__left:hover i,
.support-option__left:hover span {
  color: #3B8CFF;
}

.support-option__left {
  gap: 10px;
}

.support-option__right {
  color: #3B8CFF;
}

.support-option__left i,
.support-option__left span {
  font-weight: 500;
}

span.open-support-options {
  font-family: Gordita;
}

.open-support-options .opinion-many__subtitle {
  word-spacing: inherit;
}

.open-support-options .opinion-many__title,
.open-support-options .opinion-many__subtitle {
  font-family: Gordita;
  font-size: 14px;
}

.modal__close {
  right: 9px;
  top: 3px;
}

#apps-wix_settings .open-support-options .undefined-component {
  padding: 0px;
}

#apps-wix_settings .open-feedback-url {
  padding-right: 0px;
  margin-right: 10px;
}

#apps-wix_settings .open-support-chat-button {
  padding-right: 0px;
  margin-left: 10px;
  margin-right: 0px;
}

#apps-wix_settings .open-support-options .feature-blocker-container .premium-star-react.premium-star-react-on-component {
  top: 14px;
  right: 24px;
}









@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

























.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open.app-draft-status-update-modal-content {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  max-width: 525px;
}



.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open.recover-changes-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7) !important;
  height: 100%;
  width: 100%;
}

.ReactModalPortal .buttonOptions {
  display: flex;
  justify-content: center;
}



.powrReactPopoverContainer {
  position: absolute;
  z-index: 5;
}

.powrReactPopoverContainer .popover-arrow {
  height: 15px;
  width: 15px;
  background: #ffffff;
  transform-origin: 0 100%;
  position: absolute;
  transform: rotate(45deg);
}

.powrReactPopoverContainer .popover-arrow-bottom {
  border-top: 1px solid #e0e6ea;
  border-left: 1px solid #e0e6ea;
}

.powrReactPopoverContainer .popover-arrow-top {
  border-bottom: 1px solid #e0e6ea;
  border-right: 1px solid #e0e6ea;
}

.powrReactPopoverContainer.tooltip-icon-class-helper {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.powrReactPopoverContainer.tooltip-icon-class-helper.visible {
  z-index: 5;
  opacity: 1;
  transition: opacity 1s ease;
  pointer-events: auto;
}



#toast-container {
  position: fixed;
  width: 100%;
  bottom: 25px;
  display: flex;
  justify-content: center;
  z-index: 1031;
}

#toast-container .url-link {
  color: #3B8CFF;
  text-decoration: underline;
}

#toast-container .publish-success {
  font-size: 1.2rem;
}

#toastify-container {
  z-index: 1031;
}

.toastify {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
  z-index: 1;
  position: relative;
}

.toastify a {
  text-decoration: underline;
}

.toastify--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.toastify--caution {
  background-color: #fff6d6;
  border-top: 3px solid #ffd033;
  color: #354051;
}

.toastify--failure {
  background-color: #fdf5f5;
  border-top: 3px solid #e06f6f;
  color: #d74545;
}

.toastify--failure a {
  color: #3B8CFF;
}

.toastify--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.toastify--unblock-feature {
  background-color: #354051;
  color: #F8F9FA;
  text-align: left;
}

.toastify_with-icon > i {
  top: 20px;
  left: 15px;
  position: absolute;
  font-size: 32px;
}

.toastify_with-icon > i.unblock-feature {
  color: #9552DF;
}

.toastify_with-icon > div {
  padding: 10px 10px 10px 45px;
  font-size: 14px;
}

.toastify-reset.Toastify__toast-container {
  padding: 0;
  width: inherit;
}

.toastify-reset.Toastify__toast--default {
  background: inherit;
}

.toastify-reset .Toastify__toast {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.toastify-reset .Toastify__close-button {
  position: absolute;
  color: #fff;
  top: 4px;
  right: 9px;
  z-index: 1;
}

.toastify-popout.Toastify__toast-container {
  width: 100%;
}

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
  }

  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

.fade-entering {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-entered {
  opacity: 1;
  transition: opacity 0.5s;
}

.fade-exiting {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-exited {
  opacity: 0;
  transition: opacity 0.5s;
}







@font-face {
  font-family: 'powrconsv4';
  font-display: swap;
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix");
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix#iefix") format("embedded-opentype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.ttf?x949ix") format("truetype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.woff?x949ix") format("woff"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.svg?x949ix#powrconsv4") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'powrconsv4' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face {
  font-family: 'Gordita Black';
  src: local("Gordita Black"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Black Italic';
  src: local("Gordita Black Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold';
  src: local("Gordita Bold"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold Italic';
  src: local("Gordita Bold Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light';
  src: local("Gordita Light"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light Italic';
  src: local("Gordita Light Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium';
  src: local("Gordita Medium"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium Italic';
  src: local("Gordita Medium Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita';
  src: local("Gordita"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Italic';
  src: local("Gordita Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin';
  src: local("Gordita Thin"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin Italic';
  src: local("Gordita Thin Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra';
  src: local("Gordita Ultra"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra Italic';
  src: local("Gordita Ultra Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body,
html {
  color: #55667D;
  font-family: "Gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 100%;
  background: none;
  background-color: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

h1,
h2,
.formElementsModule h1,
h3,
.template-view__title,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.standard-tutorial__step::before,
.h5,
.h6 {
  font-family: "Gordita Bold", sans-serif;
  color: #354051;
}

h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 3rem;
  }
}

h2,
.formElementsModule h1 {
  font-size: 1.625rem;
}

@media (min-width: 768px) {
  h2,
  .formElementsModule h1 {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  h2,
  .formElementsModule h1 {
    font-size: 2.5rem;
  }
}

h3,
.template-view__title {
  font-size: 1.325rem;
}

@media (min-width: 768px) {
  h3,
  .template-view__title {
    font-size: 2rem;
  }
}

h4 {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.1rem;
}

@media (min-width: 768px) {
  h5 {
    font-size: 1.25rem;
  }
}

h6 {
  font-size: 1rem;
}

p {
  color: #55667D;
  line-height: 26px;
  font-size: 1rem;
}

p,
a,
a:link,
a:hover,
a:visited,
a:active {
  font-weight: 400;
}

a,
a:link,
a:hover,
a:visited,
a:active {
  color: inherit;
  text-decoration: none;
}

.section {
  padding: 32px 0;
}



@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-19 {
    width: 11%;
    float: left;
  }
}

@media (max-width: 992px) {
  #appViewWrapper {
    padding: 10px !important;
  }

  #appViewWrapper #appView {
    margin: 0% !important;
  }
}



.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}

.row.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.clearfix,
#appView .formBuilder-v2 .gap-element--small,
#appView .formBuilder-v2 .gap-element--large {
  clear: both;
}

.cursor-pointer {
  cursor: pointer;
}

.dropdown-component__label {
  color: #354051;
  font-size: 1rem;
  font-weight: bold;
}

.list-reset,
.app-market-nav__list,
.open-account-menu .account-menu-list,
.plugins-card__card-menu .links-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-transform-capitalize {
  text-transform: capitalize;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.upper-first-key:first-letter {
  text-transform: uppercase;
}

.text-transform-capitalize-first-letter:first-letter {
  text-transform: uppercase;
}

button.text-underline,
a.text-underline,
.text-underline {
  text-decoration: underline;
}

.font-normal {
  font-weight: normal;
}

.font-regular {
  font-family: "Gordita", sans-serif;
}

.font-medium {
  font-family: "Gordita Medium", sans-serif;
}

.font-bold {
  font-weight: bold;
}

.bold-font {
  font-family: "Gordita Bold", sans-serif;
}

.font-italic {
  font-style: italic;
}

.upgrade {
  color: #7560DF;
}

.primary {
  color: #3B8CFF;
}

.danger-text {
  color: #EB8281;
}

.paragraph-text {
  color: #55667D;
}

.color7 {
  color: #354051;
}

.color8 {
  color: #a0abbe;
}

.color10 {
  color: #7560DF;
}

.color12-500 {
  color: #FD5A47;
}

.color-14 {
  color: #00B07D;
}

.color-2 {
  color: #FFFFFF;
}

.f1 {
  font-size: 2rem;
}

.f2 {
  font-size: 1.5rem;
}

.f3 {
  font-size: 1.125rem;
}

.f4 {
  font-size: 1rem;
}

.f5 {
  font-size: 0.875rem;
}

.f6 {
  font-size: 0.75rem;
}

.weight500 {
  font-weight: 500;
}

.weight700 {
  font-weight: 700;
}



.position-relative {
  position: relative;
}



.flex-row,
.text-with-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-end {
  align-items: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-stretch {
  align-self: stretch;
}

.align-items-baseline {
  align-items: baseline;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.border-none {
  border: none;
}

.border-bottom-light {
  border-bottom: 1px solid #E0E6EA;
}

.border-light {
  border: 1px solid #E0E6EA;
}

.border-radius-xs {
  border-radius: 4px;
}

.border-radius-m {
  border-radius: 16px;
}

.button-default,
.button-l,
.button,
.ReactModalPortal .uppy-DragDrop-dragText,
.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
}

.button-l {
  font-size: 1.25rem;
  padding: 8px 32px;
}

.button,
.ReactModalPortal .uppy-DragDrop-dragText {
  font-size: 1rem;
  padding: 8px 16px;
}

.button .fa,
.ReactModalPortal .uppy-DragDrop-dragText .fa {
  margin-right: 8px;
}

.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  font-size: 0.875rem;
  padding: 4px 8px;
}

.button--small {
  font-size: 0.875rem;
  font-family: "Gordita Medium", sans-serif;
}

.button-full-width,
.details-view-header__app-cta > button {
  width: 100%;
}











a.button-white-outline,
.button-white-outline {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

a.button-white-outline:focus,
.button-white-outline:focus {
  outline: none;
}

a.button-white-outline:hover,
.button-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.075);
  border-color: #e6e6e6;
  color: #e6e6e6;
}

a.button-white-outline.is-disabled,
.button-white-outline.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline,
.price-table a.price-table__plan-btn.is-free-btn,
.price-table a.price-table__plan-btn.is-premium-btn,
.button-secondary-outline,
.price-table .price-table__plan-btn.is-free-btn,
.price-table .price-table__plan-btn.is-premium-btn {
  background-color: transparent;
  border-color: #bec6ca;
  color: #bec6ca;
  color: #3B8CFF;
}

a.button-secondary-outline:focus,
.price-table a.price-table__plan-btn.is-free-btn:focus,
.price-table a.price-table__plan-btn.is-premium-btn:focus,
.button-secondary-outline:focus,
.price-table .price-table__plan-btn.is-free-btn:focus,
.price-table .price-table__plan-btn.is-premium-btn:focus {
  outline: none;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  background-color: rgba(190, 198, 202, 0.075);
  border-color: #a2adb3;
  color: #a2adb3;
}

a.button-secondary-outline.is-disabled,
.price-table a.is-disabled.price-table__plan-btn.is-free-btn,
.price-table a.is-disabled.price-table__plan-btn.is-premium-btn,
.button-secondary-outline.is-disabled,
.price-table .is-disabled.price-table__plan-btn.is-free-btn,
.price-table .is-disabled.price-table__plan-btn.is-premium-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  color: #086eff;
}



a.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText,
.price-table a.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText:link,
.price-table a.price-table__plan-btn.is-enterprise-btn:link,
.button-primary,
.ReactModalPortal .uppy-DragDrop-dragText,
.price-table .price-table__plan-btn.is-enterprise-btn {
  background-color: #3B8CFF;
  border-color: #3B8CFF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:focus,
a:link.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:link:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:focus,
.button-primary:focus,
.ReactModalPortal .uppy-DragDrop-dragText:focus,
.price-table .price-table__plan-btn.is-enterprise-btn:focus {
  outline: none;
}

a.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:hover,
a:link.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:link:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:hover,
.button-primary:hover,
.ReactModalPortal .uppy-DragDrop-dragText:hover,
.price-table .price-table__plan-btn.is-enterprise-btn:hover {
  background: #4f98ff;
}

a.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:active,
a:link.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:link:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:active,
.button-primary:active,
.ReactModalPortal .uppy-DragDrop-dragText:active,
.price-table .price-table__plan-btn.is-enterprise-btn:active {
  background: #086eff;
}

a.button-primary.is-disabled,
.ReactModalPortal a.is-disabled.uppy-DragDrop-dragText,
.price-table a.is-disabled.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled,
.button-primary.is-disabled,
.ReactModalPortal .is-disabled.uppy-DragDrop-dragText,
.price-table .is-disabled.price-table__plan-btn.is-enterprise-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-primary.is-disabled-with-color,
.ReactModalPortal a.is-disabled-with-color.uppy-DragDrop-dragText,
.price-table a.is-disabled-with-color.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled-with-color,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled-with-color,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled-with-color,
.button-primary.is-disabled-with-color,
.ReactModalPortal .is-disabled-with-color.uppy-DragDrop-dragText,
.price-table .is-disabled-with-color.price-table__plan-btn.is-enterprise-btn {
  opacity: 0.4;
  cursor: not-allowed;
}







a.button-upgrade,
a:link.button-upgrade,
.button-upgrade {
  background-color: #7560DF;
  border-color: #7560DF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-upgrade:focus,
a:link.button-upgrade:focus,
.button-upgrade:focus {
  outline: none;
}

a.button-upgrade:hover,
a:link.button-upgrade:hover,
.button-upgrade:hover {
  background: #8471e2;
}

a.button-upgrade:active,
a:link.button-upgrade:active,
.button-upgrade:active {
  background: #5036d6;
}

a.button-upgrade.is-disabled,
a:link.button-upgrade.is-disabled,
.button-upgrade.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-upgrade.is-disabled-with-color,
a:link.button-upgrade.is-disabled-with-color,
.button-upgrade.is-disabled-with-color {
  opacity: 0.4;
  cursor: not-allowed;
}























a.link,
a.standard-tutorial__step_show_me,
.step-section a.step-section__show-me,
.link,
.standard-tutorial__step_show_me,
.step-section .step-section__show-me {
  background-color: transparent;
  border: none;
  color: #3B8CFF;
  cursor: pointer;
  outline: none;
  padding: 4px;
  text-decoration: none;
  font-family: "Gordita Medium", sans-serif;
  font-size: 14px;
  transition: color .2s linear;
}

a.link:hover,
a.standard-tutorial__step_show_me:hover,
.step-section a.step-section__show-me:hover,
.link:hover,
.standard-tutorial__step_show_me:hover,
.step-section .step-section__show-me:hover {
  color: #3548B8;
}

a.link-underline,
.link-underline {
  text-decoration: underline;
}

a.link-white,
.link-white {
  color: #FFFFFF;
}

a.link-nostyle,
.link-nostyle {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

a.link-nostyle--blue,
.link-nostyle--blue {
  color: #3B8CFF;
}















.modal__title {
  text-align: center;
}

.modal__close {
  border: none;
  color: #a0abbe;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: bold;
  opacity: 0.5;
  position: absolute;
  right: 15px;
  top: 10px;
  -webkit-appearance: none;
}

.modal__close:hover {
  opacity: 1;
}

button.modal__close {
  background: transparent;
}

.circled-close,
.fal.publish-uber-panel__close,
.fal.upsell-success__close,
#appSettings .panel-header .modalPanelClose .fal {
  font-size: 1.5rem;
  cursor: pointer;
  color: #3B8CFF;
  background-color: #eff2f4;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 45px;
  height: 45px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.circled-close:hover,
.fal.publish-uber-panel__close:hover,
.fal.upsell-success__close:hover,
#appSettings .panel-header .modalPanelClose .fal:hover {
  transform: scale(1.1);
}

.modal__content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -webkit-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -moz-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -ms-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -o-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  outline: 0;
  padding: 32px;
  position: relative;
}

.modal__body {
  text-align: center;
}

.modal__footer {
  margin-top: 32px;
  text-align: center;
}

.modal-backdrop {
  background-color: rgba(53, 64, 81, 0.8);
  z-index: 9999;
}

.editor-simulator {
  background-color: #eff2f4;
  height: 500px;
  width: 400px;
}

.card,
#auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .embedContent:not(.tutorialSwitchPresent),
.tutorialSelection {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 16px;
  position: relative;
  min-height: 100px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.card.has-shadow,
.card.notification-toast,
#auto_docs-show .new-tut .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-create .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .notification-toast.embedContent:not(.tutorialSwitchPresent),
.notification-toast.tutorialSelection,
.card.product-updates,
#auto_docs-show .new-tut .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-create .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .product-updates.embedContent:not(.tutorialSwitchPresent),
.product-updates.tutorialSelection,
.card.toastify,
#auto_docs-show .new-tut .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-create .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .toastify.embedContent:not(.tutorialSwitchPresent),
.toastify.tutorialSelection,
.Select .card.Select-menu-outer,
.Select #auto_docs-show .new-tut .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-create .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-create .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-standalone .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select .Select-menu-outer.tutorialSelection,
#appSettings .Select .card.Select-menu-outer,
#appSettings .Select .Select-menu-outer.tutorialSelection,
#auto_docs-show .new-tut .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-create .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .has-shadow.embedContent:not(.tutorialSwitchPresent),
.has-shadow.tutorialSelection {
  border: 1px solid #E0E6EA;
  box-shadow: 0 2px 1px -2px #a0abbe;
  -webkit-box-shadow: 0 2px 1px -2px #a0abbe;
  -moz-box-shadow: 0 2px 1px -2px #a0abbe;
  -ms-box-shadow: 0 2px 1px -2px #a0abbe;
  -o-box-shadow: 0 2px 1px -2px #a0abbe;
}

.card--shadow {
  border: 1px solid #E0E6EA;
  box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -webkit-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -moz-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -ms-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -o-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.notification-banner {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 2px 5px -1px #a0abbe;
  -webkit-box-shadow: 0 2px 5px -1px #a0abbe;
  -moz-box-shadow: 0 2px 5px -1px #a0abbe;
  -ms-box-shadow: 0 2px 5px -1px #a0abbe;
  -o-box-shadow: 0 2px 5px -1px #a0abbe;
  margin: 16px 0;
  padding: 16px;
  width: 100%;
}

.notification-banner--primary {
  background-color: #eef5ff;
  border-top: 3px solid #3B8CFF;
  color: #354051;
}

.notification-banner--caution {
  background-color: #FFF5E0;
  border-top: 3px solid #FFD480;
  color: #354051;
}

.notification-banner--caution a {
  color: #3B8CFF;
}

.notification-banner--failure {
  background-color: #FFEEF0;
  border-top: 3px solid #EB8281;
  color: #EB8281;
}

.notification-banner--failure a {
  color: #3B8CFF;
}

.notification-banner--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.notification-banner--upgrade {
  background-color: #e4dff9;
  border-top: 3px solid #8775e3;
}

.notification-banner--upgrade-secondary {
  background-color: #f8f9fa;
  border-top: 3px solid #8775e3;
}

.notification-banner--upgrade-secondary i {
  color: #8775e3;
}

.notification-banner .close {
  position: relative;
  z-index: 1;
}

.notification-banner .actionBtn {
  color: #3B8CFF;
  margin-top: 12px;
  display: inline-block;
}

.notification-banner .actionBtn:hover {
  cursor: pointer;
}

.notification-banner-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  color: #a0abbe;
}

.notification-banner_expanded {
  position: relative;
}

.notification-banner_expanded > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-size: 32px;
}

.notification-banner_expanded > div {
  padding: 10px 0 0 45px;
  line-height: 1.5;
  font-size: 14px;
}

.notification-toast {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin: 16px auto;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
}

.notification-toast--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.notification-toast--caution {
  background-color: white;
  border-top: 3px solid #ffe5b3;
  color: #354051;
}

.notification-toast--failure {
  background-color: white;
  border-top: 3px solid #f2aead;
  color: #EB8281;
}

.notification-toast--failure a {
  color: #3B8CFF;
}

.notification-toast--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.product-caution-banner {
  z-index: 1030;
  position: fixed;
  top: 0;
  padding-top: 11px;
}



.wide {
  max-width: 700px;
}

.theme-1 {
  background-color: #3B8CFF;
  color: #FFFFFF;
}

.theme-1 h1,
.theme-1 h2,
.theme-1 .formElementsModule h1,
.formElementsModule .theme-1 h1,
.theme-1 h3,
.theme-1 .template-view__title,
.theme-1 h4,
.theme-1 p {
  color: #FFFFFF;
}

.theme-1 .card,
.theme-1 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 .tutorialSelection {
  background-color: #227dff;
}

.theme-2 {
  background-color: #354051;
}

.theme-2 h1,
.theme-2 h2,
.theme-2 .formElementsModule h1,
.formElementsModule .theme-2 h1,
.theme-2 h3,
.theme-2 .template-view__title,
.theme-2 h4 {
  color: #FFFFFF;
}

.theme-2 p {
  color: #6b7f9a;
}

.theme-2 .card,
.theme-2 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 .tutorialSelection {
  background-color: #3b475a;
}

.theme-danger {
  background-color: white;
}

.theme-danger h1,
.theme-danger h2,
.theme-danger .formElementsModule h1,
.formElementsModule .theme-danger h1,
.theme-danger h3,
.theme-danger .template-view__title,
.theme-danger h4 {
  color: #EB8281;
}

.theme-danger p {
  color: #EB8281;
}

.theme-danger .card,
.theme-danger #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger .tutorialSelection {
  background-color: #ed8f8e;
}

.theme-3 {
  background-color: #eff2f4;
}

.theme-3 h1,
.theme-3 h2,
.theme-3 .formElementsModule h1,
.formElementsModule .theme-3 h1,
.theme-3 h3,
.theme-3 .template-view__title,
.theme-3 h4 {
  color: #354051;
}

.theme-3 p {
  color: #55667D;
}

.theme-3 .card,
.theme-3 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 .tutorialSelection {
  border-radius: 4px;
  border: 1px solid var(--color-6-dark, #E0E6EA);
  background: var(--white, #FFF);
  box-shadow: 0px 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.theme-4,
.signInContent .modal-content .tab-content .sign-in-footer,
.signInContent .signin-signup-platform .tab-content .sign-in-footer,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer {
  background-color: #e0e6ea;
}

.theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h2,
.signInContent .modal-content .tab-content .sign-in-footer h2,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h2,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
.theme-4 .formElementsModule h1,
.formElementsModule .theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h3,
.signInContent .modal-content .tab-content .sign-in-footer h3,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h3,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
.theme-4 .template-view__title,
.signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
.theme-4 h4,
.signInContent .modal-content .tab-content .sign-in-footer h4,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h4,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h4,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h4 {
  color: #354051;
}

.theme-4 p,
.signInContent .modal-content .tab-content .sign-in-footer p,
.signInContent .signin-signup-platform .tab-content .sign-in-footer p,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer p,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer p {
  color: #55667D;
}

.theme-4 .card,
.signInContent .modal-content .tab-content .sign-in-footer .card,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .card,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
.theme-4 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 .tutorialSelection,
.signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 {
  background-color: #f8f9fa;
}

.theme-5 h1,
.theme-5 h2,
.theme-5 .formElementsModule h1,
.formElementsModule .theme-5 h1,
.theme-5 h3,
.theme-5 .template-view__title,
.theme-5 h4 {
  color: #354051;
}

.theme-5 p {
  color: #55667D;
}

.theme-5 .card,
.theme-5 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 .subtle-card:hover:hover {
  background-color: #eff2f4;
  cursor: pointer;
}

.bg-mystic-shaded {
  background-color: #eff2f4;
}

.bg-mystic-dark-shaded {
  background-color: #e0e6ea;
}

.bg-primary-shaded {
  background-color: #eef5ff;
}

.bg-gray-light {
  background-color: #f8f9fa;
}

.page-title {
  margin-bottom: 32px;
  margin-top: 64px;
}

.content-section {
  margin-bottom: 124px;
}

.content {
  margin-bottom: 32px;
}



.pad-nil {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.pad-xs {
  padding: 4px;
}

.pad-s {
  padding: 8px;
}

.pad-m {
  padding: 16px;
}

.pad-l {
  padding: 32px;
}

.pad-xl {
  padding: 64px;
}

.pad-xxl {
  padding: 124px;
}

.pad-v-nil {
  padding-top: 0;
  padding-bottom: 0;
}

.pad-v-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pad-v-s {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pad-v-m {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pad-v-l {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pad-v-xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.pad-v-xxl {
  padding-top: 124px;
  padding-bottom: 124px;
}

.pad-h-nil {
  padding-left: 0;
  padding-right: 0;
}

.pad-h-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.pad-h-s {
  padding-left: 8px;
  padding-right: 8px;
}

.pad-h-m {
  padding-left: 16px;
  padding-right: 16px;
}

.pad-h-l {
  padding-left: 32px;
  padding-right: 32px;
}

.pad-h-xl {
  padding-left: 64px;
  padding-right: 64px;
}

.pad-h-xxl {
  padding-left: 124px;
  padding-right: 124px;
}

.pad-top-nil {
  padding-top: 0;
}

.pad-top-xs {
  padding-top: 4px;
}

.pad-top-s {
  padding-top: 8px;
}

.pad-top-m {
  padding-top: 16px;
}

.pad-top-l {
  padding-top: 32px;
}

.pad-top-xl {
  padding-top: 64px;
}

.pad-top-xxl {
  padding-top: 124px;
}

.pad-right-nil {
  padding-right: 0;
}

.pad-right-xs {
  padding-right: 4px;
}

.pad-right-s {
  padding-right: 8px;
}

.pad-right-m {
  padding-right: 16px;
}

.pad-right-l {
  padding-right: 32px;
}

.pad-right-xl {
  padding-right: 64px;
}

.pad-right-xxl {
  padding-right: 124px;
}

.pad-bottom-nil {
  padding-bottom: 0;
}

.pad-bottom-xs {
  padding-bottom: 4px;
}

.pad-bottom-s {
  padding-bottom: 8px;
}

.pad-bottom-m {
  padding-bottom: 16px;
}

.pad-bottom-l {
  padding-bottom: 32px;
}

.pad-bottom-xl {
  padding-bottom: 64px;
}

.pad-bottom-xxl {
  padding-bottom: 124px;
}

.pad-left-nil {
  padding-left: 0;
}

.pad-left-xs {
  padding-left: 4px;
}

.pad-left-s {
  padding-left: 8px;
}

.pad-left-m {
  padding-left: 16px;
}

.pad-left-l {
  padding-left: 32px;
}

.pad-left-xl {
  padding-left: 64px;
}

.pad-left-xxl {
  padding-left: 124px;
}

.pad-nil-force {
  padding: 0 !important;
}

.margin-nil {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.margin-xs {
  margin: 4px;
}

.margin-s {
  margin: 8px;
}

.margin-m {
  margin: 16px;
}

.margin-l {
  margin: 32px;
}

.margin-xl {
  margin: 64px;
}

.margin-xxl {
  margin: 124px;
}

.margin-v-nil {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-v-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.margin-v-s {
  margin-top: 8px;
  margin-bottom: 8px;
}

.margin-v-m {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-v-l {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-v-xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.margin-v-xxl {
  margin-top: 124px;
  margin-bottom: 124px;
}

.margin-h-nil {
  margin-left: 0;
  margin-right: 0;
}

.margin-h-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.margin-h-s {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-h-m {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-h-l {
  margin-left: 32px;
  margin-right: 32px;
}

.margin-h-xl {
  margin-left: 64px;
  margin-right: 64px;
}

.margin-h-xxl {
  margin-left: 124px;
  margin-right: 124px;
}

.margin-top-nil {
  margin-top: 0;
}

.margin-top-xs {
  margin-top: 4px;
}

.margin-top-s {
  margin-top: 8px;
}

.margin-top-m {
  margin-top: 16px;
}

.margin-top-l {
  margin-top: 32px;
}

.margin-top-xl {
  margin-top: 64px;
}

.margin-top-xxl {
  margin-top: 124px;
}

.margin-right-nil {
  margin-right: 0;
}

.margin-right-xxs {
  margin-right: 2px;
}

.margin-right-xs {
  margin-right: 4px;
}

.margin-right-s {
  margin-right: 8px;
}

.margin-right-m {
  margin-right: 16px;
}

.margin-right-l {
  margin-right: 32px;
}

.margin-right-xl {
  margin-right: 64px;
}

.margin-right-xxl {
  margin-right: 124px;
}

.margin-bottom-nil {
  margin-bottom: 0;
}

.margin-bottom-xs {
  margin-bottom: 4px;
}

.margin-bottom-s {
  margin-bottom: 8px;
}

.margin-bottom-m {
  margin-bottom: 16px;
}

.margin-bottom-l {
  margin-bottom: 32px;
}

.margin-bottom-xl {
  margin-bottom: 64px;
}

.margin-bottom-xxl {
  margin-bottom: 124px;
}

.margin-left-nil {
  margin-left: 0;
}

.margin-left-xs {
  margin-left: 4px;
}

.margin-left-s {
  margin-left: 8px;
}

.margin-left-m {
  margin-left: 16px;
}

.margin-left-l {
  margin-left: 32px;
}

.margin-left-xl {
  margin-left: 64px;
}

.margin-left-xxl {
  margin-left: 124px;
}

.margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-top-xl2 {
  margin-top: 96px;
}

.margin-bottom-xl2 {
  margin-bottom: 96px;
}

.margin-bottom-m2 {
  margin-bottom: 24px;
}







.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: .25;
}

.opacity-50 {
  opacity: .5;
}

.opacity-75 {
  opacity: .75;
}

.opacity-100 {
  opacity: 1;
}





.sp-preview,
#appSettings .prototype-element.slim .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .prototype-element.slim .sp-container .sp-preview .sp-preview-inner,
#appSettings .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .sp-container .sp-preview .sp-preview-inner,
.sp-alpha,
.sp-thumb-el {
  background-image: none;
}

.sp-container button {
  background-image: none;
  width: 100%;
  padding: 10px 0px;
  color: #666c70;
  background-color: white;
  border: 1px solid #c9cdcf;
  border-radius: 2px;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #2990ea;
  text-align: center;
  outline: none;
  cursor: pointer;
  cursor: hand;
}

.ws-po-box {
  color: black;
}

.prototype {
  display: none !important;
}

.modal {
  z-index: 99999999999;
  outline: none;
}

.modal-lg .modal-dialog {
  width: 800px;
}

.truncated,
.powr-app-card__title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hid {
  display: none;
}

.fa.hid,
.fab.hid,
.fad.hid,
.fal.hid,
.far.hid,
.fas.hid {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.slash {
  text-decoration: line-through;
}

.debug * {
  border: 3px dashed #f00 !important;
}

.maxWidth {
  max-width: 100% !important;
}

.quote:before,
.quote:after {
  content: '"';
}

.width100 {
  width: 100%;
}

.min300 {
  min-width: 300px;
  max-width: 100%;
}

.fullHeight {
  height: 100%;
}

.centerChild {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.noPad {
  padding: 0px;
}

.noPadLeft {
  padding-left: 0px;
}

.noPadRight {
  padding-right: 0px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-19 {
  width: 11%;
  float: left;
}

.row .col-xs-7 .text-component__label .powrTooltip i.fa-question-circle {
  left: 0px;
}

.notice {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.notice--primary {
  background-color: #eef5ff;
  color: #354051;
}

img {
  max-width: 100%;
}

.failure {
  color: #d04239;
}

.success:not(.section) {
  color: #36c451;
}

.caution {
  color: #FFD480;
}

.powrbutton.hid,
a.hid.powrbutton:link,
a.hid.powrbutton:hover,
a.hid.powrbutton:visited,
a.hid.powrbutton:active,
#appSettings .sp-button-container .hid.sp-choose {
  display: none;
}

.navbar-fixed-top {
  z-index: 1030000;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-absolute--bot {
  bottom: 0;
}

.position-absolute--top {
  top: 0;
}

.position-absolute--left {
  left: 0;
}

.position-absolute--right {
  right: 0;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.button-nostyle,
.button-nostyle-muted {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-nostyle-muted:hover {
  color: #3B8CFF;
}

.button-nostyle-blue {
  background: none;
  color: #3B8CFF;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-round-blue {
  background-color: white;
  border: none;
  color: #3B8CFF;
  padding: 8px 15px;
  text-align: center;
  text-decoration: false;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width: 35px;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #3B8CFF;
  padding: 0.5em 0.9em;
  outline: none;
}

.normalWhiteSpace {
  white-space: normal;
}

@media (max-width: 762px) {
  .normalWhiteSpaceXs {
    white-space: normal;
  }
}

.nowrap {
  white-space: nowrap;
}

.wix-col-4 {
  width: 25%;
  float: left;
}

.wix-col-3 {
  width: 33.33333%;
  float: left;
}

.wix-col-2 {
  width: 50%;
  float: left;
}

.visible {
  overflow: visible;
}

.desktop-only-flex,
.mobile-only-flex {
  display: none;
}

@media (min-width: 833px) {
  .desktop-only-flex {
    display: flex;
    flex-shrink: 0;
  }
}

@media (max-width: 834px) {
  .mobile-only-flex {
    display: flex;
    flex-shrink: 0;
  }

  .mobile-full-width {
    width: 100% !important;
  }
}

@media (max-width: 834px) and (orientation: portrait) {
  .hidden-tablet-portrait {
    display: none !important;
  }

  .show-tablet-portrait {
    display: flex !important;
  }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: none !important;
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: flex !important;
  }
}







@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}





















.details-view-slider-container .video__border-radius {
  border-radius: 4px;
}

.details-view-slider-container .video__light-bg {
  background-color: #f1f2f5;
}

.welcome-screen-modal-content .prev-button,
.welcome-screen-modal-content .next-button,
.welcome-screen-modal-content .done-button {
  width: 70px;
  border-radius: 54px;
}

.support-option {
  justify-content: space-between;
  padding: 10px;
  font-family: Gordita;
  font-size: 14px;
  color: #55667D;
}

.support-option__left:hover i,
.support-option__left:hover span {
  color: #3B8CFF;
}

.support-option__left {
  gap: 10px;
}

.support-option__right {
  color: #3B8CFF;
}

.support-option__left i,
.support-option__left span {
  font-weight: 500;
}

span.open-support-options {
  font-family: Gordita;
}

.open-support-options .opinion-many__subtitle {
  word-spacing: inherit;
}

.open-support-options .opinion-many__title,
.open-support-options .opinion-many__subtitle {
  font-family: Gordita;
  font-size: 14px;
}

.modal__close {
  right: 9px;
  top: 3px;
}

#apps-wix_settings .open-support-options .undefined-component {
  padding: 0px;
}

#apps-wix_settings .open-feedback-url {
  padding-right: 0px;
  margin-right: 10px;
}

#apps-wix_settings .open-support-chat-button {
  padding-right: 0px;
  margin-left: 10px;
  margin-right: 0px;
}

#apps-wix_settings .open-support-options .feature-blocker-container .premium-star-react.premium-star-react-on-component {
  top: 14px;
  right: 24px;
}









@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

























.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open.app-draft-status-update-modal-content {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  max-width: 525px;
}



.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open.recover-changes-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7) !important;
  height: 100%;
  width: 100%;
}

.ReactModalPortal .buttonOptions {
  display: flex;
  justify-content: center;
}



.powrReactPopoverContainer {
  position: absolute;
  z-index: 5;
}

.powrReactPopoverContainer .popover-arrow {
  height: 15px;
  width: 15px;
  background: #ffffff;
  transform-origin: 0 100%;
  position: absolute;
  transform: rotate(45deg);
}

.powrReactPopoverContainer .popover-arrow-bottom {
  border-top: 1px solid #e0e6ea;
  border-left: 1px solid #e0e6ea;
}

.powrReactPopoverContainer .popover-arrow-top {
  border-bottom: 1px solid #e0e6ea;
  border-right: 1px solid #e0e6ea;
}

.powrReactPopoverContainer.tooltip-icon-class-helper {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.powrReactPopoverContainer.tooltip-icon-class-helper.visible {
  z-index: 5;
  opacity: 1;
  transition: opacity 1s ease;
  pointer-events: auto;
}



#toast-container {
  position: fixed;
  width: 100%;
  bottom: 25px;
  display: flex;
  justify-content: center;
  z-index: 1031;
}

#toast-container .url-link {
  color: #3B8CFF;
  text-decoration: underline;
}

#toast-container .publish-success {
  font-size: 1.2rem;
}

#toastify-container {
  z-index: 1031;
}

.toastify {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
  z-index: 1;
  position: relative;
}

.toastify a {
  text-decoration: underline;
}

.toastify--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.toastify--caution {
  background-color: white;
  border-top: 3px solid #ffe5b3;
  color: #354051;
}

.toastify--failure {
  background-color: white;
  border-top: 3px solid #f2aead;
  color: #EB8281;
}

.toastify--failure a {
  color: #3B8CFF;
}

.toastify--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.toastify--unblock-feature {
  background-color: #354051;
  color: #F8F9FA;
  text-align: left;
}

.toastify_with-icon > i {
  top: 20px;
  left: 15px;
  position: absolute;
  font-size: 32px;
}

.toastify_with-icon > i.unblock-feature {
  color: #7560DF;
}

.toastify_with-icon > div {
  padding: 10px 10px 10px 45px;
  font-size: 14px;
}

.toastify-reset.Toastify__toast-container {
  padding: 0;
  width: inherit;
}

.toastify-reset.Toastify__toast--default {
  background: inherit;
}

.toastify-reset .Toastify__toast {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.toastify-reset .Toastify__close-button {
  position: absolute;
  color: #fff;
  top: 4px;
  right: 9px;
  z-index: 1;
}

.toastify-popout.Toastify__toast-container {
  width: 100%;
}

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
  }

  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

.fade-entering {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-entered {
  opacity: 1;
  transition: opacity 0.5s;
}

.fade-exiting {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-exited {
  opacity: 0;
  transition: opacity 0.5s;
}



.tooltip {
  border: none;
  height: auto;
  max-width: 250px;
  opacity: 1;
  padding: 4px;
}

.tooltip img {
  height: auto;
  max-height: none;
  max-width: 200px;
}

.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

.tooltip .tooltip-inner {
  background-color: #354051;
  color: #FFFFFF;
  height: auto;
  max-height: none;
  max-width: none;
  opacity: 1;
  width: auto;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #354051;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #354051;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #354051;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #354051;
}

#apps-wix_settings .tooltip.top .tooltip-arrow {
  border-top: 5px solid #FFF;
}

#apps-wix_settings .tooltip.left .tooltip-arrow {
  border-left: 5px solid #FFF;
}

#apps-wix_settings .tooltip.bottom .tooltip-arrow {
  border-bottom: 5px solid #FFF;
}

#apps-wix_settings .tooltip.right .tooltip-arrow {
  border-right: 5px solid #FFF;
}

.ui-autocomplete.ui-menu {
  padding: 0;
  overflow-x: hidden !important;
  position: absolute;
  border: 1px solid #e5e5e5;
  border-top: 0;
  border-radius: 0 0 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 20px 0;
  color: #363b3e;
  max-height: 200px;
  overflow: scroll;
  z-index: 9999999 !important;
}

.ui-autocomplete.ui-menu li {
  list-style: none;
  cursor: pointer;
  cursor: hand;
}

.ui-autocomplete.ui-menu a {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  background: #fff;
  border: none !important;
  margin: 0 !important;
  position: relative;
}

.ui-autocomplete.ui-menu a:hover {
  color: #363b3e;
  background-color: #fcfcfc;
}

.ui-autocomplete.ui-menu a:after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 20px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
}



@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/

/*! purgecss start ignore */

/*! purgecss end ignore */

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

/*! purgecss start ignore */

.Select {
  position: relative;
}

.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}

.Select input::-ms-clear {
  display: none !important;
}

.Select input::-ms-reveal {
  display: none !important;
}

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}

.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}

.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}

.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}

.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.Select.is-focused > .Select-control {
  background: #fff;
}

.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%);
}

.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}

.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #08c;
  outline: none;
  text-decoration: underline;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}

.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*! purgecss end ignore */

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  background-color: #f5faff;
  color: #333;
}

.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333;
}

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #ddeff7;
  color: #0077b3;
}

.Select--multi .Select-value-icon:active {
  background-color: #c9e6f2;
}

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2;
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}









#ui-datepicker-div {
  text-align: center;
  width: 200px;
  max-width: 100%;
  display: none;
  font-size: 14px;
  border-style: solid;
  border-radius: 0px;
  padding: 0px 10px 10px 10px;
  z-index: 100000 !important;
}

#ui-datepicker-div .ui-datepicker-prev {
  float: left;
  margin-top: 10px;
}

#ui-datepicker-div .ui-datepicker-next {
  margin-top: 10px;
  float: right;
}

#ui-datepicker-div .ui-datepicker-header {
  border: none;
}

#ui-datepicker-div .ui-datepicker-title {
  text-align: center;
  width: 221px;
  padding: 5px 0px;
  margin-left: -10px;
}

#ui-datepicker-div .ui-state-default {
  border: none;
}

#ui-datepicker-div .ui-datepicker-calendar {
  margin: auto;
}

.datePickerContainer {
  padding: 0px;
}

.datePickerContainer .dateSelector {
  text-align: center;
  max-width: 100%;
}

.datePickerContainer button {
  padding: 0;
  border: none;
  color: inherit;
  background: none;
  display: table;
  position: relative;
}

.datePickerContainer button:focus {
  outline: none;
}

.ui-widget-header {
  background-image: none;
}

.ui-datepicker-next,
.ui-datepicker-prev {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  cursor: hand;
}

.ui-datepicker-next .ui-icon,
.ui-datepicker-prev .ui-icon {
  display: none;
}

.ui-datepicker-next:hover,
.ui-datepicker-prev:hover {
  background-image: none !important;
  border: none !important;
}

.ui-datepicker-next:before {
  content: "\F138";
}

.ui-datepicker-prev:before {
  content: "\F137";
}

.timePicker .hourPicker,
.timePicker .ampmPicker,
.timePicker .minutePicker {
  width: 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.timePicker .upHour,
.timePicker .hour,
.timePicker .downHour,
.timePicker .upMinute,
.timePicker .downMinute,
.timePicker .minute,
.timePicker .ampm,
.timePicker .upAmpm,
.timePicker .downAmpm {
  width: 100%;
  text-align: center;
  margin: 0px;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.timePicker .hour,
.timePicker .minute,
.timePicker .ampm {
  padding: 5px;
}

.timePicker .fa {
  font-size: 16px;
  opacity: 0.3;
}

.timePicker .fa:hover {
  opacity: 0.5;
}

.timePicker .upHour,
.timePicker .downHour,
.timePicker .upMinute,
.timePicker .downMinute,
.timePicker .upAmpm,
.timePicker .downAmpm {
  cursor: pointer;
  cursor: hand;
  position: relative;
}

.timePicker .downHour,
.timePicker .downMinute,
.timePicker .downAmpm {
  top: -4px;
}

.timePicker .upHour,
.timePicker .upMinute,
.timePicker .upAmpm {
  top: 5px;
}

.timePicker .colon {
  display: inline-block;
}

.datetimeWrapper {
  margin-bottom: 0;
}



@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}











.ReactModalPortal {
  position: fixed;
  top: 0;
  z-index: 1032;
}

.ReactModalPortal .modal-body .row {
  margin-right: -16px;
  margin-left: -16px;
}

.ReactModalPortal .element-upgrade {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.ReactModalPortal .element-upgrade .element-upgrade__message {
  padding-right: 8px;
}

.ReactModalPortal .element-upgrade .upgrade-button {
  font-size: 14px;
}

.ReactModalPortal .elementItem.elementContainer {
  border-left: 1px solid #bec6ca;
}

.ReactModalPortal .modal-header {
  border-bottom: 0;
  padding: 10px 20px;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
}

.ReactModalPortal .modal-header .close {
  opacity: 1;
  margin-top: -1px;
  color: inherit;
}

.ReactModalPortal .modal-header .close:hover {
  opacity: 0.85;
}

.ReactModalPortal .upgrade-button {
  border: none;
  color: white;
  background-color: #9552DF;
  float: none;
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
}

.ReactModalPortal .powrbutton:hover,
.ReactModalPortal #appSettings .sp-button-container .sp-choose:hover,
#appSettings .sp-button-container .ReactModalPortal .sp-choose:hover {
  border: none;
  color: white;
  background-color: #9552DF;
}

.ReactModalPortal .powrTooltip {
  top: 10px;
  position: relative;
  right: -14px;
}

.ReactModalPortal .powrTooltip .tooltip-icon-inline {
  position: absolute;
  z-index: 2;
  right: 20px;
  color: #707a87;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
}

.ReactModalPortal .react-modal-close {
  color: #a0abbe;
  font-size: 1.2rem;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.ReactModalPortal .react-modal-footer {
  background-color: #FFFFFF;
  bottom: 0;
  box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  left: 0;
  padding: 16px 16px 0 16px;
  position: absolute;
  right: 0;
}

.ReactModalPortal .tab-content {
  background-color: transparent;
  margin: 32px 0;
  min-height: 175px;
  text-align: center;
}

.ReactModalPortal .tab-content .file-url-search__input {
  max-width: 300px;
}

.ReactModalPortal .image-upload-form {
  padding: 16px 0;
}

.ReactModalPortal .image-preview-list {
  column-count: 3;
  column-gap: 0;
  list-style: none;
  padding: 0;
}

.ReactModalPortal .openai-image-preview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  padding: 0;
}

.ReactModalPortal .generate-image button {
  width: 130px;
}

.ReactModalPortal .recent-image-container-list {
  max-height: 400px;
  overflow: auto;
}

.ReactModalPortal .stock-image-search {
  margin-bottom: 16px;
  text-align: right;
}

.ReactModalPortal .stock-image-search__input-wrapper {
  position: relative;
}

.ReactModalPortal .stock-image-search__input-wrapper .stock-image-search__input {
  text-indent: 24px;
}

.ReactModalPortal .stock-image-search__input-wrapper i.fa-search {
  z-index: 2;
  position: absolute;
  top: 11px;
  left: 10px;
  color: #bec6ca;
}

.ReactModalPortal .stock-image-search__label-span {
  color: #55667D;
  font-size: 0.875rem;
  font-weight: normal;
}

.ReactModalPortal .stock-image-search__label-link {
  color: #3B8CFF;
}

.ReactModalPortal .stock-image-container-list {
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 248px;
}

@media screen and (min-height: 500px) {
  .ReactModalPortal .stock-image-container-list {
    padding-bottom: 124px;
  }
}

@media screen and (min-height: 600px) {
  .ReactModalPortal .stock-image-container-list {
    padding-bottom: 16px;
  }
}

.ReactModalPortal .image-preview-container {
  break-inside: avoid;
  padding: 5px;
  border: 1px solid transparent;
}

.ReactModalPortal .image-preview-container.is-active {
  border: 1px solid #3B8CFF;
}

.ReactModalPortal .react-image-preview {
  cursor: pointer;
}

.ReactModalPortal .react-file-preview {
  border: 1px solid transparent;
  cursor: pointer;
  height: 85px;
  overflow: hidden;
}

.ReactModalPortal .react-upload-preview {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  max-height: 200px;
  max-width: 200px;
  overflow: hidden;
}

.ReactModalPortal .form-elements-modal-content {
  position: absolute;
  top: 70px !important;
  width: auto;
  border: 1px solid #E0E6EA;
  background: #FFFFFF;
  height: auto;
  overflow: show;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  outline: none;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}

.ReactModalPortal .form-elements-modal-overlay {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-Color: rgba(53, 64, 81, 0.25);
}

.ReactModalPortal .file-upload-modal-content {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background: #fff;
  overflow: visible;
  padding: 20px;
  outline: none;
  border: 1px solid #e0e6ea;
  margin: 0 auto;
  top: 200px;
  height: 600px;
  width: 100%;
  min-width: 300px;
  max-height: 95%;
  z-index: 3;
  box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
}

.ReactModalPortal .file-upload-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(53, 64, 81, 0.8);
}

.ReactModalPortal .prompt-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
  position: absolute;
  top: 0px;
  left: 32px;
  right: 32px;
  margin: 0 auto;
  padding: 16px 24px;
  width: 400px;
  min-height: 218px;
  background: #FFFFFF;
  color: #354051;
  outline: none;
  border: 1px solid #e0e6ea;
  box-shadow: 0px 10px 10px -10px #55667D;
  -webkit-box-shadow: 0px 10px 10px -10px #55667D;
  -moz-box-shadow: 0px 10px 10px -10px #55667D;
  -ms-box-shadow: 0px 10px 10px -10px #55667D;
  -o-box-shadow: 0px 10px 10px -10px #55667D;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 400px) {
  .ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
    width: 85%;
  }
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open h3,
.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .template-view__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin: 0px 0px 16px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open p,
.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label {
  font-size: 0.875rem;
  color: #354051;
  margin-bottom: 10px;
  font-weight: 400;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label span {
  margin-left: 5px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .url-error {
  border-color: #EB8281;
  box-shadow: none;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .url-error + p {
  color: #d04239;
  font-size: 0.75rem;
  margin-bottom: 4px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open button {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open button:disabled {
  color: #a0abbe;
  background: #CCD5E2;
  border: 1px solid #CCD5E2;
}

.ReactModalPortal .upgrade-features-modal {
  position: absolute;
  left: 40px;
  right: 40px;
  background: #fff;
  outline: none;
  padding: 30px;
  margin: 0 auto;
  text-align: center;
  width: 680px !important;
  max-width: 95%;
  max-height: 95%;
  overflow: auto;
  box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.ReactModalPortal .uppy-ProgressBar-percentage {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.ReactModalPortal .uppy-ProgressBar-inner {
  background-color: #4a90e2;
  -webkit-box-shadow: 0 0 10px rgba(74, 144, 226, 0.7);
  box-shadow: 0 0 10px rgba(74, 144, 226, 0.7);
  height: 10px;
  width: 0;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.ReactModalPortal .uppy-DragDrop-note {
  display: block;
  padding-top: 8px;
  white-space: pre-line;
}

.ReactModalPortal .uppy-error {
  color: #EB8281;
}

.ReactModalPortal .uppy-DragDrop-dragText {
  display: block;
  margin-top: 16px;
}

.ReactModalPortal .uppy-DragDrop-input {
  display: none !important;
}

.ReactModalPortal .uppy-placeholder {
  height: 100px;
}

.ReactModalPortal .uppy-DragDrop-label {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 16px;
}

.ReactModalPortal .UppyIcon.uppy-DragDrop-arrow {
  display: block;
  height: 50px;
  margin: 0 auto;
  width: 50px;
}

.ReactModalPortal .UppyIcon.uppy-DragDrop-arrow path {
  fill: #e0e6ea;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

.ReactModalPortal .uppy.uppy-DragDrop-container.is-dragdrop-supported.drag .UppyIcon.uppy-DragDrop-arrow path {
  fill: #3B8CFF;
}

.ReactModalPortal .demo-modal.ReactModal__Content.ReactModal__Content--after-open {
  outline: none;
  padding: 30px;
  text-align: center;
  position: fixed;
  width: 680px;
  max-width: 95%;
  height: auto;
  max-height: 80%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  bottom: unset;
  overflow: auto;
}

.ReactModalPortal .demo-video-container {
  max-height: 400px;
}

@media screen and (min-width: 768px) {
  .ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open {
    top: 100px;
    max-width: 680px;
    border: none;
  }

  .ReactModalPortal .promo-banner-container.ReactModal__Content.ReactModal__Content--after-open {
    top: 0;
    max-width: unset;
    background-color: #fff;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open {
    border: none;
    left: 0;
    right: 0;
    top: 100px;
    transform: none;
  }

  .ReactModalPortal .tab-component-controls-list__link {
    margin-right: 0;
    font-size: 14px;
    min-width: 50px;
    padding: 8px;
  }
}















.powr-signature {
  position: relative;
}

.powr-signature__desc {
  line-height: 1;
  margin-bottom: 0;
  font-size: 12px;
}

.powr-signature__container {
  position: relative;
}

.powr-signature__clear {
  position: absolute;
  right: 10px;
  bottom: 18px;
  cursor: pointer;
}

.progress {
  height: initial;
  margin: initial;
  background-color: initial;
  border-radius: initial;
  box-shadow: initial;
  display: flex;
  align-items: center;
  line-height: 1.2;
}

.progress__bar {
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  background-color: #e0e6ea;
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
  height: 6px;
}

.progress__numbers {
  font-size: 0.75rem;
  color: #55667D;
  margin: 0 10px;
  min-width: 30px;
}

.progress__numbers:first-child {
  text-align: right;
}

.progress__numbers:last-child {
  text-align: left;
}

.progress__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: inherit;
  border-radius: inherit;
}

.progress__line--blue {
  background-color: #3B8CFF;
}

.progress__line--yellow {
  background-color: #FFD480;
}

.progress__line--red {
  background-color: #EB8281;
}

/**
-----------------------------------
Price Table
-----------------------------------
**/





.Select {
  position: relative;
}

.Select.is-open .Select-arrow {
  transform: rotate(180deg);
}

.Select .Select-input > input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  line-height: 17px;
  margin: 0;
  outline: none;
  padding: 8px 0 12px;
  -webkit-appearance: none;
  max-width: 270px !important;
}

.Select .Select-input > div {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  height: 0px;
  overflow: scroll;
  white-space: pre;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

.Select .Select-arrow {
  border-color: #a0abbe transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.Select .Select-control {
  background-color: #FFFFFF;
  border: 1px solid #bec6ca;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #55667D;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 40px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select .Select-multi-value-wrapper {
  display: table-cell;
}

.Select .Select-value,
.Select .Select-placeholder {
  bottom: 0;
  color: #55667D;
  left: 0;
  line-height: 38px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select .Select-placeholder,
.Select .Select-clear-zone {
  color: #a0abbe;
}

.Select .Select-value-label {
  color: #55667D;
}

.Select .Select-input {
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}

.Select .Select-loading-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  -o-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 4px;
}

.Select .Select-control > :last-child {
  padding-right: 4px;
}

.Select .Select-menu-outer {
  background-color: #FFFFFF;
  border-bottom: 1px solid #bec6ca;
  border-left: 1px solid #bec6ca;
  border-right: 1px solid #bec6ca;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  max-height: 400px;
  position: absolute;
  top: 100%;
  z-index: 1;
}

.Select .Select-menu {
  max-height: 398px;
  overflow-y: auto;
}

.Select .Select-option .font-picker-menu-label {
  color: #a0abbe;
  cursor: default;
  font-size: 0.625rem;
  padding: 12px 8px 8px 8px;
  text-transform: uppercase;
}

.Select .Select-option .font-picker-menu-label.popular-label {
  border-top: 1px solid #bec6ca;
}

.Select .Select-option .font-picker-menu-font-option {
  color: #354051;
  cursor: pointer;
  padding: 8px 8px 8px 16px;
}

.Select .Select-option.is-focused .font-picker-menu-font-option {
  background-color: #eef5ff;
}

.Select .Select-noresults {
  padding: 8px 8px 8px 16px;
}

.Select .more-google-fonts-link {
  background-color: #eff2f4;
  color: #3B8CFF;
  display: block;
  font-size: 0.75rem;
  margin-top: 8px;
  padding: 8px 8px 8px 16px;
}

.Select .more-google-fonts-link i {
  margin-left: 4px;
}



/*! purgecss start ignore */

.toggle {
  display: inline-block;
}

.toggle__container {
  display: flex;
  align-items: center;
}

.toggle__switcher {
  width: 56px;
  height: 25px;
  background-color: #a0abbe;
  margin: 0 8px;
  position: relative;
  cursor: pointer;
  transition: background-color .2s ease;
}

.toggle__switcher--on .toggle__figure {
  right: 2px;
}

.toggle__switcher--off {
  background-color: #a0abbe !important;
}

.toggle__switcher--off .toggle__figure {
  right: 33px;
}

.toggle__figure {
  top: 1.5px;
  position: absolute;
  background-color: #FFFFFF;
  transition: right .2s ease;
}

.toggle__hint {
  font-size: 16px;
  font-family: "Gordita Medium", sans-serif;
  color: #a0abbe;
}

.toggle__hint-selected {
  color: #354051;
}

.toggle--circle .toggle__switcher {
  border-radius: 100px;
}

.toggle--circle .toggle__figure {
  background-color: #fff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
}

.toggle--primary .toggle__switcher {
  background-color: #3B8CFF;
}

.toggle--large {
  margin-top: -4px;
}

.toggle--large .toggle__switcher {
  width: 64px;
  height: 32px;
}

.toggle--large .toggle__switcher .toggle__figure {
  width: 32px;
  height: 32px;
  top: unset;
  border: 4px solid #3B8CFF;
}

.toggle--large .toggle__switcher--off .toggle__figure {
  border-color: #a0abbe;
}

/*! purgecss end ignore */

/* CSS specific to iOS/iPadOS devices */

@supports (-webkit-touch-callout: none) {
  .row:before {
    display: inline-block;
  }
}

/* Safari MacOS */

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .row:before {
    display: flex;
  }
}



#upsell-page {
  background-color: #f9fafd;
  min-height: 100vh;
}

.upsell_success-page-main {
  background-color: #EDE8FA;
  position: relative;
}

.upsell_success-page-main .white-bar-image {
  margin-top: -277px;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
}

.upsell_success-page-main .white-bar-image svg {
  width: 100%;
  height: 115%;
  margin-bottom: -30px;
}

@media (max-width: 1300px) {
  .upsell_success-page-main .white-bar-image svg.desktop-show {
    margin-bottom: -60px;
  }
}

@media (max-width: 768px) {
  .upsell_success-page-main .white-bar-image {
    margin-top: -263px;
    overflow: hidden;
  }

  .upsell_success-page-main .white-bar-image svg {
    width: calc(100% + 7rem);
  }
}

@media (max-width: 360px) {
  .upsell_success-page-main .white-bar-image svg {
    width: calc(100% + 15rem);
    margin-bottom: -60px;
  }
}

.upsell_success-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  position: relative;
  z-index: 1;
}

.upsell_success-page__upsell {
  width: calc(100% - 316px);
}

.upsell_success-page__upsell-countdown {
  color: #354051;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.upsell_success-page__upsell-icon {
  margin-bottom: 16px;
  width: 100%;
  text-align: center;
}

.upsell_success-page__upsell-title {
  color: #354051;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__upsell-description {
  color: #55667D;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 24px;
}

.upsell_success-page__upsell-price {
  display: flex;
  padding: 8px 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #7560DF;
  background: #EDE8FA;
  color: #7560DF;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.54px;
  margin-bottom: 24px;
  width: 100%;
}

.upsell_success-page__billing-cycle-text {
  color: #55667D;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 24px;
}

.upsell_success-page__upsell-button {
  padding: 8px 16px;
  gap: 4px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.54px;
  width: 100%;
  text-transform: capitalize;
}

.upsell_success-page__upsell-buttons-display {
  gap: 12px;
}

.upsell_success-page__upsell-button--no {
  width: auto;
  padding: 8px 12px;
  color: #7560DF;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #FFFFFF;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__upsell-button--yes {
  width: auto;
  padding: 8px 12px;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__charge-error {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background-color: #FFEEF0;
  color: #d04239;
  font-size: 0.75rem;
  font-family: "Gordita Medium", sans-serif;
  line-height: 16px;
  text-align: center;
  border: 1px solid #F3A5A4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.upsell_success-page .btn-border {
  border: 1px solid #7560DF;
}

.upsell_success-page .btn-purple {
  background-color: #7560DF;
  color: #FFFFFF;
}

.upsell_success-page .blueColor {
  color: #7560DF;
}

.upsell_success-page .appspowr-gray {
  font-family: "Gordita";
  font-weight: 800;
  color: #55667D;
}

.upsell_success-page .appspowr-purple {
  font-family: "Gordita";
  font-weight: 800;
  color: #7560DF;
}

.upsell_success-page__icon {
  color: #36c451;
  font-size: 48px;
}

.upsell_success-page__title {
  margin-top: 16px;
  font-family: "Gordita Bold", sans-serif;
  font-size: 32px;
  line-height: 64px;
  color: #354051;
}

.upsell_success-page__subtitle {
  margin-top: 20px;
  font-family: "Gordita Medium", sans-serif;
  font-size: 1.5rem;
  line-height: 32px;
  color: #354051;
}

.upsell_success-page__upsell-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  padding: 32px;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-top: 4px solid #7560DF;
  box-shadow: 10px 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.upsell_success-page__upsell-container h5 {
  margin-bottom: 16px;
}

.upsell_success-page__alert_box_margin {
  margin-top: 200px;
}

.upsell_success-page__offer_box_margin {
  margin-top: 20px;
}

.upsell_success-page__upsell-container-main {
  display: flex;
  gap: 32px;
}

.upsell_success-page__upsell-container-left {
  width: 300px;
}

.upsell_success-page__upsell-container-left-mobile-img {
  display: none;
}

.upsell_success-page__get_starter_by {
  color: #55667D;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.upsell_success-page__get_starter_by__underline {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .upsell_success-page {
    padding: 0 30px !important;
  }

  .upsell_success-page__title {
    font-size: 30px;
  }

  .upsell_success-page__upsell-container-main {
    flex-direction: column;
    margin-bottom: 16px;
  }

  .upsell_success-page__upsell-container-left {
    width: 100%;
    text-align: center;
  }

  .upsell_success-page__upsell {
    width: 100%;
  }

  .upsell_success-page__upsell-buttons-display {
    flex-direction: column;
  }

  .upsell_success-page__upsell-button--no {
    margin-bottom: 12px;
  }

  .upsell_success-page__upsell-countdown {
    text-align: center;
  }

  .upsell_success-page__upsell-title {
    text-align: center;
  }

  .upsell_success-page__upsell-description {
    text-align: center;
  }

  .upsell_success-page__upsell-container-left-mobile-img {
    display: inline-block;
  }

  .upsell_success-page__upsell-container-left-desktopImg {
    display: none;
  }
}

@media (max-width: 360px) {
  .upsell_success-page {
    padding: 0 20px !important;
  }

  .upsell_success-page__title {
    font-size: 1.5rem;
  }
}



.badges {
  display: inline-block;
  border-radius: 5px;
  font-size: 11px;
  padding: 0 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.badges_primary {
  color: #3B8CFF;
  background-color: #D3EDFF;
}

.badges_on_card {
  top: -3px;
  left: -3px;
}

.badges-price {
  position: relative;
  font-size: inherit;
  display: inline-block;
  padding: 2px 12px;
  font-weight: bold;
  font-style: normal;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.badges-price:first-letter {
  text-transform: uppercase;
}

.badges-price_starter {
  background-color: #F8F9FA;
  color: #354051;
  border: 1px solid #E0E6EA;
}

.badges-price_premium {
  background-color: #F8F9FA;
  color: #354051;
  border: 1px solid #E0E6EA;
}

.badges-price_pro {
  background-color: #EDE8FA;
  color: #7560DF;
  border: 1px solid #7560DF;
}

.badges-price_business {
  background-color: #E5F2FD;
  color: #3B8CFF;
  border: 1px solid #3B8CFF;
}

.plan-badge {
  line-height: 1.6;
  vertical-align: middle;
  padding: 0 8px;
  display: inline-block;
  height: 16px;
  font-size: 10px;
  font-weight: normal;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.plan-badge--free,
.plan-badge--v_250 {
  border: 1px solid #bec6ca;
  color: #636B75;
}

.plan-badge--premium {
  border: 1px solid #bec6ca;
  color: #354051;
  background-color: #F8F9FA;
}

.plan-badge--pro {
  background-color: rgba(149, 82, 223, 0.2);
  color: #7560DF;
}

.plan-badge--enterprise {
  background-color: #E5F2FD;
  color: #3B8CFF;
}

.powrReactPopoverContainer {
  position: absolute;
  z-index: 5;
}

.powrReactPopoverContainer .popover-arrow {
  height: 15px;
  width: 15px;
  background: #ffffff;
  transform-origin: 0 100%;
  position: absolute;
  transform: rotate(45deg);
}

.powrReactPopoverContainer .popover-arrow-bottom {
  border-top: 1px solid #e0e6ea;
  border-left: 1px solid #e0e6ea;
}

.powrReactPopoverContainer .popover-arrow-top {
  border-bottom: 1px solid #e0e6ea;
  border-right: 1px solid #e0e6ea;
}

.powrReactPopoverContainer.tooltip-icon-class-helper {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.powrReactPopoverContainer.tooltip-icon-class-helper.visible {
  z-index: 5;
  opacity: 1;
  transition: opacity 1s ease;
  pointer-events: auto;
}







.react-numeric-input {
  width: 100%;
}

.react-numeric-input b {
  background: transparent !important;
  box-shadow: unset !important;
}

.react-numeric-input .number__input {
  border-radius: 4px !important;
  padding: 8px !important;
}

















.bread-crumb {
  height: 19px;
  font: normal normal normal 1rem/1.125rem "Gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #55667D;
  cursor: pointer;
}

.bread-crumb__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 11px 0 32px 0;
}

.bread-crumb__back-button {
  cursor: pointer;
  padding-right: 11px;
}

.bread-crumb__back-button i {
  font-size: 20px;
  color: #55667D;
}

.bread-crumb__gap {
  padding: 0 8px;
}

@media screen and (max-width: 767px) {
  .bread-crumb {
    height: 14px;
    font-size: 0.75rem;
    line-height: 14px;
    color: white;
  }

  .bread-crumb__wrapper {
    width: 100%;
    padding: 16px 32px;
  }

  .bread-crumb__back-button {
    padding-right: 4px;
  }

  .bread-crumb__back-button i {
    font-size: 20px;
    color: white;
  }
}









footer {
  padding-top: 40px;
  padding-bottom: 20px;
}

footer .fa {
  padding: 3px 10px;
  border-radius: 3px;
}

footer .d-flex {
  display: flex !important;
}

footer .mb-1 {
  margin-bottom: 1rem !important;
}

footer .pr-4 {
  padding-right: 2rem !important;
}



.spacing {
  height: 20px;
}







.type-logo {
  font-family: "Gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}







.modal-backdrop {
  z-index: -1 !important;
}



#ui-datepicker-div {
  background-color: #FFFFFF;
  color: #666;
}



.alert a {
  color: #428bca !important;
  text-decoration: underline !important;
  font-weight: bold;
}



.break-word {
  word-wrap: break-word;
}



.divider {
  width: 100%;
  border: 1px solid #bec6ca;
}



@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}







/**
-----------------------------------
Price Table
-----------------------------------
**/





.Select {
  position: relative;
}

.Select.is-open .Select-arrow {
  transform: rotate(180deg);
}

.Select .Select-input > input {
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  line-height: 17px;
  margin: 0;
  outline: none;
  padding: 8px 0 12px;
  -webkit-appearance: none;
  max-width: 270px !important;
}

.Select .Select-input > div {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  height: 0px;
  overflow: scroll;
  white-space: pre;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
}

.Select .Select-arrow {
  border-color: #a0abbe transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

.Select .Select-control {
  background-color: #FFFFFF;
  border: 1px solid #bec6ca;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #55667D;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 40px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select .Select-multi-value-wrapper {
  display: table-cell;
}

.Select .Select-value,
.Select .Select-placeholder {
  bottom: 0;
  color: #55667D;
  left: 0;
  line-height: 38px;
  padding-left: 8px;
  padding-right: 8px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select .Select-placeholder,
.Select .Select-clear-zone {
  color: #a0abbe;
}

.Select .Select-value-label {
  color: #55667D;
}

.Select .Select-input {
  height: 34px;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: middle;
}

.Select .Select-loading-zone {
  -webkit-animation: Select-animation-fadeIn .2s;
  -o-animation: Select-animation-fadeIn .2s;
  animation: Select-animation-fadeIn .2s;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select .Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 4px;
}

.Select .Select-control > :last-child {
  padding-right: 4px;
}

.Select .Select-menu-outer {
  background-color: #FFFFFF;
  border-bottom: 1px solid #bec6ca;
  border-left: 1px solid #bec6ca;
  border-right: 1px solid #bec6ca;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  max-height: 400px;
  position: absolute;
  top: 100%;
  z-index: 1;
}

.Select .Select-menu {
  max-height: 398px;
  overflow-y: auto;
}

.Select .Select-option .font-picker-menu-label {
  color: #a0abbe;
  cursor: default;
  font-size: 0.625rem;
  padding: 12px 8px 8px 8px;
  text-transform: uppercase;
}

.Select .Select-option .font-picker-menu-label.popular-label {
  border-top: 1px solid #bec6ca;
}

.Select .Select-option .font-picker-menu-font-option {
  color: #354051;
  cursor: pointer;
  padding: 8px 8px 8px 16px;
}

.Select .Select-option.is-focused .font-picker-menu-font-option {
  background-color: #eef5ff;
}

.Select .Select-noresults {
  padding: 8px 8px 8px 16px;
}

.Select .more-google-fonts-link {
  background-color: #eff2f4;
  color: #3B8CFF;
  display: block;
  font-size: 0.75rem;
  margin-top: 8px;
  padding: 8px 8px 8px 16px;
}

.Select .more-google-fonts-link i {
  margin-left: 4px;
}



/*! purgecss start ignore */

.toggle {
  display: inline-block;
}

.toggle__container {
  display: flex;
  align-items: center;
}

.toggle__switcher {
  width: 56px;
  height: 25px;
  background-color: #a0abbe;
  margin: 0 8px;
  position: relative;
  cursor: pointer;
  transition: background-color .2s ease;
}

.toggle__switcher--on .toggle__figure {
  right: 2px;
}

.toggle__switcher--off {
  background-color: #a0abbe !important;
}

.toggle__switcher--off .toggle__figure {
  right: 33px;
}

.toggle__figure {
  top: 1.5px;
  position: absolute;
  background-color: #FFFFFF;
  transition: right .2s ease;
}

.toggle__hint {
  font-size: 16px;
  font-family: "Gordita Medium", sans-serif;
  color: #a0abbe;
}

.toggle__hint-selected {
  color: #354051;
}

.toggle--circle .toggle__switcher {
  border-radius: 100px;
}

.toggle--circle .toggle__figure {
  background-color: #fff;
  border-radius: 50%;
  width: 21px;
  height: 21px;
}

.toggle--primary .toggle__switcher {
  background-color: #3B8CFF;
}

.toggle--large {
  margin-top: -4px;
}

.toggle--large .toggle__switcher {
  width: 64px;
  height: 32px;
}

.toggle--large .toggle__switcher .toggle__figure {
  width: 32px;
  height: 32px;
  top: unset;
  border: 4px solid #3B8CFF;
}

.toggle--large .toggle__switcher--off .toggle__figure {
  border-color: #a0abbe;
}

/*! purgecss end ignore */

/* CSS specific to iOS/iPadOS devices */

@supports (-webkit-touch-callout: none) {
  .row:before {
    display: inline-block;
  }
}

/* Safari MacOS */

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .row:before {
    display: flex;
  }
}



#upsell-page {
  background-color: #f9fafd;
  min-height: 100vh;
}

.upsell_success-page-main {
  background-color: #EDE8FA;
  position: relative;
}

.upsell_success-page-main .white-bar-image {
  margin-top: -277px;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
}

.upsell_success-page-main .white-bar-image svg {
  width: 100%;
  height: 115%;
  margin-bottom: -30px;
}

@media (max-width: 1300px) {
  .upsell_success-page-main .white-bar-image svg.desktop-show {
    margin-bottom: -60px;
  }
}

@media (max-width: 768px) {
  .upsell_success-page-main .white-bar-image {
    margin-top: -263px;
    overflow: hidden;
  }

  .upsell_success-page-main .white-bar-image svg {
    width: calc(100% + 7rem);
  }
}

@media (max-width: 360px) {
  .upsell_success-page-main .white-bar-image svg {
    width: calc(100% + 15rem);
    margin-bottom: -60px;
  }
}

.upsell_success-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 56px;
  position: relative;
  z-index: 1;
}

.upsell_success-page__upsell {
  width: calc(100% - 316px);
}

.upsell_success-page__upsell-countdown {
  color: #354051;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 24px;
}

.upsell_success-page__upsell-icon {
  margin-bottom: 16px;
  width: 100%;
  text-align: center;
}

.upsell_success-page__upsell-title {
  color: #354051;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__upsell-description {
  color: #55667D;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 24px;
}

.upsell_success-page__upsell-price {
  display: flex;
  padding: 8px 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #7560DF;
  background: #EDE8FA;
  color: #7560DF;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.54px;
  margin-bottom: 24px;
  width: 100%;
}

.upsell_success-page__billing-cycle-text {
  color: #55667D;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 24px;
}

.upsell_success-page__upsell-button {
  padding: 8px 16px;
  gap: 4px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.54px;
  width: 100%;
  text-transform: capitalize;
}

.upsell_success-page__upsell-buttons-display {
  gap: 12px;
}

.upsell_success-page__upsell-button--no {
  width: auto;
  padding: 8px 12px;
  color: #7560DF;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #FFFFFF;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__upsell-button--yes {
  width: auto;
  padding: 8px 12px;
  font-family: "Gordita Bold", sans-serif;
}

.upsell_success-page__charge-error {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background-color: #FFEEF0;
  color: #d04239;
  font-size: 0.75rem;
  font-family: "Gordita Medium", sans-serif;
  line-height: 16px;
  text-align: center;
  border: 1px solid #F3A5A4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.upsell_success-page .btn-border {
  border: 1px solid #7560DF;
}

.upsell_success-page .btn-purple {
  background-color: #7560DF;
  color: #FFFFFF;
}

.upsell_success-page .blueColor {
  color: #7560DF;
}

.upsell_success-page .appspowr-gray {
  font-family: "Gordita";
  font-weight: 800;
  color: #55667D;
}

.upsell_success-page .appspowr-purple {
  font-family: "Gordita";
  font-weight: 800;
  color: #7560DF;
}

.upsell_success-page__icon {
  color: #36c451;
  font-size: 48px;
}

.upsell_success-page__title {
  margin-top: 16px;
  font-family: "Gordita Bold", sans-serif;
  font-size: 32px;
  line-height: 64px;
  color: #354051;
}

.upsell_success-page__subtitle {
  margin-top: 20px;
  font-family: "Gordita Medium", sans-serif;
  font-size: 1.5rem;
  line-height: 32px;
  color: #354051;
}

.upsell_success-page__upsell-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 750px;
  padding: 32px;
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-top: 4px solid #7560DF;
  box-shadow: 10px 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.upsell_success-page__upsell-container h5 {
  margin-bottom: 16px;
}

.upsell_success-page__alert_box_margin {
  margin-top: 200px;
}

.upsell_success-page__offer_box_margin {
  margin-top: 20px;
}

.upsell_success-page__upsell-container-main {
  display: flex;
  gap: 32px;
}

.upsell_success-page__upsell-container-left {
  width: 300px;
}

.upsell_success-page__upsell-container-left-mobile-img {
  display: none;
}

.upsell_success-page__get_starter_by {
  color: #55667D;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.upsell_success-page__get_starter_by__underline {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .upsell_success-page {
    padding: 0 30px !important;
  }

  .upsell_success-page__title {
    font-size: 30px;
  }

  .upsell_success-page__upsell-container-main {
    flex-direction: column;
    margin-bottom: 16px;
  }

  .upsell_success-page__upsell-container-left {
    width: 100%;
    text-align: center;
  }

  .upsell_success-page__upsell {
    width: 100%;
  }

  .upsell_success-page__upsell-buttons-display {
    flex-direction: column;
  }

  .upsell_success-page__upsell-button--no {
    margin-bottom: 12px;
  }

  .upsell_success-page__upsell-countdown {
    text-align: center;
  }

  .upsell_success-page__upsell-title {
    text-align: center;
  }

  .upsell_success-page__upsell-description {
    text-align: center;
  }

  .upsell_success-page__upsell-container-left-mobile-img {
    display: inline-block;
  }

  .upsell_success-page__upsell-container-left-desktopImg {
    display: none;
  }
}

@media (max-width: 360px) {
  .upsell_success-page {
    padding: 0 20px !important;
  }

  .upsell_success-page__title {
    font-size: 1.5rem;
  }
}



@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/

/*! purgecss start ignore */

/*! purgecss end ignore */

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}

/*! purgecss start ignore */

.Select {
  position: relative;
}

.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}

.Select input::-ms-clear {
  display: none !important;
}

.Select input::-ms-reveal {
  display: none !important;
}

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
}

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}

.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}

.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}

.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}

.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}

.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.Select.is-focused > .Select-control {
  background: #fff;
}

.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%);
}

.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}

.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #08c;
  outline: none;
  text-decoration: underline;
}

.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: #fff;
}

.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}

.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}

.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.Select-control .Select-input:focus {
  outline: none;
  background: #fff;
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}

.is-focused .Select-input > input {
  cursor: text;
}

.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}

.Select-clear-zone:hover {
  color: #D0021B;
}

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}

.Select--multi .Select-clear-zone {
  width: 17px;
}

.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}

.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*! purgecss end ignore */

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}

.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
}

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.Select-option.is-selected {
  background-color: #f5faff;
  color: #333;
}

.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333;
}

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}

.Select--multi.has-value .Select-input {
  margin-left: 5px;
}

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none;
}

.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px;
}

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #ddeff7;
  color: #0077b3;
}

.Select--multi .Select-value-icon:active {
  background-color: #c9e6f2;
}

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2;
}

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333;
}

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3;
}

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc;
}

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}













.ReactModalPortal {
  position: fixed;
  top: 0;
  z-index: 1032;
}

.ReactModalPortal .modal-body .row {
  margin-right: -16px;
  margin-left: -16px;
}

.ReactModalPortal .element-upgrade {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.ReactModalPortal .element-upgrade .element-upgrade__message {
  padding-right: 8px;
}

.ReactModalPortal .element-upgrade .upgrade-button {
  font-size: 14px;
}

.ReactModalPortal .elementItem.elementContainer {
  border-left: 1px solid #bec6ca;
}

.ReactModalPortal .modal-header {
  border-bottom: 0;
  padding: 10px 20px;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
}

.ReactModalPortal .modal-header .close {
  opacity: 1;
  margin-top: -1px;
  color: inherit;
}

.ReactModalPortal .modal-header .close:hover {
  opacity: 0.85;
}

.ReactModalPortal .upgrade-button {
  border: none;
  color: white;
  background-color: #9552DF;
  float: none;
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
}

.ReactModalPortal .powrbutton:hover,
.ReactModalPortal #appSettings .sp-button-container .sp-choose:hover,
#appSettings .sp-button-container .ReactModalPortal .sp-choose:hover {
  border: none;
  color: white;
  background-color: #9552DF;
}

.ReactModalPortal .powrTooltip {
  top: 10px;
  position: relative;
  right: -14px;
}

.ReactModalPortal .powrTooltip .tooltip-icon-inline {
  position: absolute;
  z-index: 2;
  right: 20px;
  color: #707a87;
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
}

.ReactModalPortal .react-modal-close {
  color: #a0abbe;
  font-size: 1.2rem;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.ReactModalPortal .react-modal-footer {
  background-color: #FFFFFF;
  bottom: 0;
  box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 5px 0px 10px rgba(160, 171, 190, 0.3);
  left: 0;
  padding: 16px 16px 0 16px;
  position: absolute;
  right: 0;
}

.ReactModalPortal .tab-content {
  background-color: transparent;
  margin: 32px 0;
  min-height: 175px;
  text-align: center;
}

.ReactModalPortal .tab-content .file-url-search__input {
  max-width: 300px;
}

.ReactModalPortal .image-upload-form {
  padding: 16px 0;
}

.ReactModalPortal .image-preview-list {
  column-count: 3;
  column-gap: 0;
  list-style: none;
  padding: 0;
}

.ReactModalPortal .openai-image-preview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  padding: 0;
}

.ReactModalPortal .generate-image button {
  width: 130px;
}

.ReactModalPortal .recent-image-container-list {
  max-height: 400px;
  overflow: auto;
}

.ReactModalPortal .stock-image-search {
  margin-bottom: 16px;
  text-align: right;
}

.ReactModalPortal .stock-image-search__input-wrapper {
  position: relative;
}

.ReactModalPortal .stock-image-search__input-wrapper .stock-image-search__input {
  text-indent: 24px;
}

.ReactModalPortal .stock-image-search__input-wrapper i.fa-search {
  z-index: 2;
  position: absolute;
  top: 11px;
  left: 10px;
  color: #bec6ca;
}

.ReactModalPortal .stock-image-search__label-span {
  color: #55667D;
  font-size: 0.875rem;
  font-weight: normal;
}

.ReactModalPortal .stock-image-search__label-link {
  color: #3B8CFF;
}

.ReactModalPortal .stock-image-container-list {
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 248px;
}

@media screen and (min-height: 500px) {
  .ReactModalPortal .stock-image-container-list {
    padding-bottom: 124px;
  }
}

@media screen and (min-height: 600px) {
  .ReactModalPortal .stock-image-container-list {
    padding-bottom: 16px;
  }
}

.ReactModalPortal .image-preview-container {
  break-inside: avoid;
  padding: 5px;
  border: 1px solid transparent;
}

.ReactModalPortal .image-preview-container.is-active {
  border: 1px solid #3B8CFF;
}

.ReactModalPortal .react-image-preview {
  cursor: pointer;
}

.ReactModalPortal .react-file-preview {
  border: 1px solid transparent;
  cursor: pointer;
  height: 85px;
  overflow: hidden;
}

.ReactModalPortal .react-upload-preview {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  max-height: 200px;
  max-width: 200px;
  overflow: hidden;
}

.ReactModalPortal .form-elements-modal-content {
  position: absolute;
  top: 70px !important;
  width: auto;
  border: 1px solid #E0E6EA;
  background: #FFFFFF;
  height: auto;
  overflow: show;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  outline: none;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}

.ReactModalPortal .form-elements-modal-overlay {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-Color: rgba(53, 64, 81, 0.25);
}

.ReactModalPortal .file-upload-modal-content {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 40px;
  background: #fff;
  overflow: visible;
  padding: 20px;
  outline: none;
  border: 1px solid #e0e6ea;
  margin: 0 auto;
  top: 200px;
  height: 600px;
  width: 100%;
  min-width: 300px;
  max-height: 95%;
  z-index: 3;
  box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
}

.ReactModalPortal .file-upload-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(53, 64, 81, 0.8);
}

.ReactModalPortal .prompt-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
  position: absolute;
  top: 0px;
  left: 32px;
  right: 32px;
  margin: 0 auto;
  padding: 16px 24px;
  width: 400px;
  min-height: 218px;
  background: #FFFFFF;
  color: #354051;
  outline: none;
  border: 1px solid #e0e6ea;
  box-shadow: 0px 10px 10px -10px #55667D;
  -webkit-box-shadow: 0px 10px 10px -10px #55667D;
  -moz-box-shadow: 0px 10px 10px -10px #55667D;
  -ms-box-shadow: 0px 10px 10px -10px #55667D;
  -o-box-shadow: 0px 10px 10px -10px #55667D;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

@media screen and (max-width: 768px) {
  .ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 400px) {
  .ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open {
    width: 85%;
  }
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open h3,
.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .template-view__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  margin: 0px 0px 16px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open p,
.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label {
  font-size: 0.875rem;
  color: #354051;
  margin-bottom: 10px;
  font-weight: 400;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open label span {
  margin-left: 5px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .url-error {
  border-color: #EB8281;
  box-shadow: none;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open .url-error + p {
  color: #d04239;
  font-size: 0.75rem;
  margin-bottom: 4px;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open button {
  height: 36px;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
}

.ReactModalPortal .prompt-modal-content.ReactModal__Content.ReactModal__Content--after-open button:disabled {
  color: #a0abbe;
  background: #CCD5E2;
  border: 1px solid #CCD5E2;
}

.ReactModalPortal .upgrade-features-modal {
  position: absolute;
  left: 40px;
  right: 40px;
  background: #fff;
  outline: none;
  padding: 30px;
  margin: 0 auto;
  text-align: center;
  width: 680px !important;
  max-width: 95%;
  max-height: 95%;
  overflow: auto;
  box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -webkit-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  -o-box-shadow: 0 5px 10px rgba(160, 171, 190, 0.3);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.ReactModalPortal .uppy-ProgressBar-percentage {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.ReactModalPortal .uppy-ProgressBar-inner {
  background-color: #4a90e2;
  -webkit-box-shadow: 0 0 10px rgba(74, 144, 226, 0.7);
  box-shadow: 0 0 10px rgba(74, 144, 226, 0.7);
  height: 10px;
  width: 0;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

.ReactModalPortal .uppy-DragDrop-note {
  display: block;
  padding-top: 8px;
  white-space: pre-line;
}

.ReactModalPortal .uppy-error {
  color: #EB8281;
}

.ReactModalPortal .uppy-DragDrop-dragText {
  display: block;
  margin-top: 16px;
}

.ReactModalPortal .uppy-DragDrop-input {
  display: none !important;
}

.ReactModalPortal .uppy-placeholder {
  height: 100px;
}

.ReactModalPortal .uppy-DragDrop-label {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 16px;
}

.ReactModalPortal .UppyIcon.uppy-DragDrop-arrow {
  display: block;
  height: 50px;
  margin: 0 auto;
  width: 50px;
}

.ReactModalPortal .UppyIcon.uppy-DragDrop-arrow path {
  fill: #e0e6ea;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

.ReactModalPortal .uppy.uppy-DragDrop-container.is-dragdrop-supported.drag .UppyIcon.uppy-DragDrop-arrow path {
  fill: #3B8CFF;
}

.ReactModalPortal .demo-modal.ReactModal__Content.ReactModal__Content--after-open {
  outline: none;
  padding: 30px;
  text-align: center;
  position: fixed;
  width: 680px;
  max-width: 95%;
  height: auto;
  max-height: 80%;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 5px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  bottom: unset;
  overflow: auto;
}

.ReactModalPortal .demo-video-container {
  max-height: 400px;
}

@media screen and (min-width: 768px) {
  .ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open {
    top: 100px;
    max-width: 680px;
    border: none;
  }

  .ReactModalPortal .promo-banner-container.ReactModal__Content.ReactModal__Content--after-open {
    top: 0;
    max-width: unset;
    background-color: #fff;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open {
    border: none;
    left: 0;
    right: 0;
    top: 100px;
    transform: none;
  }

  .ReactModalPortal .tab-component-controls-list__link {
    margin-right: 0;
    font-size: 14px;
    min-width: 50px;
    padding: 8px;
  }
}







.info-box {
  left: 16px;
  right: 16px;
  color: #755416;
  padding: 16px;
}

.info-box-absolute {
  position: absolute;
  bottom: 140px;
}

.info-box__left {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.info-box__right {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
}



.checkoutModal {
  box-sizing: border-box;
  display: none;
  width: 67%;
  min-width: 300px;
  background: white;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  position: absolute;
  /* Custom dropdown */
}

.checkoutModal #right-side {
  position: relative;
}

@media (min-width: 768px) {
  .checkoutModal #right-side {
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}

.checkoutModal .braintree-input {
  width: 15%;
}

.checkoutModal .braintree-input.card-number {
  width: 48%;
}

.checkoutModal.checkoutWindow .checkoutModalClose {
  display: none;
}

.checkoutModal .row {
  margin: 0;
}

.checkoutModal .payment-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.checkoutModal #purchaseForm > input,
.checkoutModal .cart-item-quantity {
  padding-left: 5px;
}

.checkoutModal #purchaseForm > input:focus,
.checkoutModal .payment-discount-input:focus,
.checkoutModal .cart-item-quantity:focus,
.checkoutModal .donation-amount:focus,
.checkoutModal .custom-dropdown .optionsSelect:focus {
  outline: none;
}

.checkoutModal .fixed-quantity {
  display: inline-block;
}

.checkoutModal .or {
  display: block;
  background-color: white;
  width: 50px;
  position: relative;
  top: 10px;
  left: calc(50% - 25px);
  text-align: center;
  opacity: 0;
}

.checkoutModal .offline-title {
  margin-left: 35px;
}

.checkoutModal .payment-summary-container {
  display: inline-block;
  vertical-align: middle;
}

.checkoutModal .contentWrapper {
  padding: 16px 0;
  overflow: auto;
}

.checkoutModal .payment .contentWrapper {
  height: auto;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .checkoutModal .payment .contentWrapper {
    height: 100% !important;
  }
}

@media (max-width: 1024px) {
  .checkoutModal .payment .contentWrapper {
    height: 400px;
  }
}

.checkoutModal .payment-choose {
  width: 81%;
  margin-bottom: 25px;
  margin-left: 25px;
  text-align: center;
}

.checkoutModal .payment-choose > input {
  margin-left: 25px;
}

.checkoutModal .summary-box {
  background-color: #f7f7f7;
  border: 1px solid #E6E6E6;
  position: relative;
  color: #666;
  width: 100%;
  margin: auto;
  padding: 10px;
  text-transform: capitalize;
  margin-bottom: 15px;
}

.checkoutModal .payment-discount-input {
  width: 61%;
  font-size: 12px;
  padding: 5px;
  border: 1px solid #E6E6E6;
  text-indent: 10px;
}

.checkoutModal .discount-button {
  display: inline-block;
  font-weight: 700;
  padding: 5px;
  margin-left: -5px;
  font-size: 12px;
  cursor: pointer;
  width: 38%;
  text-align: center;
}

.checkoutModal .cart-items {
  color: #55667D;
}

.checkoutModal .note-to-seller {
  margin: 15px;
  border: 1px solid #E6E6E6;
  resize: none;
  border-radius: 3px !important;
}

.checkoutModal .checkout-section-title {
  margin: 5px 15px 15px 15px;
  font-weight: 700;
  font-size: 18px;
  color: #354051;
}

.checkoutModal .summary-line {
  color: #55667D;
  margin: 32px 0 16px 0;
}

.checkoutModal .summary-line div:last-child {
  text-align: right;
}

.checkoutModal .paypal-payment-button {
  max-height: 20px;
}

.checkoutModal #right-side-title {
  margin-left: 10px;
}

.checkoutModal .summary-total {
  border-top: 1px solid #E6E6E6;
  color: #354051;
  font-weight: 700;
  padding-top: 15px;
  margin: 0;
}

.checkoutModal .summary-total div:last-child {
  text-align: right;
}

.checkoutModal .summary-recurring-indicator {
  font-size: 0.625rem;
  font-style: italic;
  text-align: right;
  margin-right: 15px;
  white-space: pre-wrap;
}

.checkoutModal .border-color-red {
  border-color: red !important;
}

.checkoutModal .discount-container {
  display: block;
  padding-top: 20px;
  margin-left: 15px;
  cursor: pointer;
  cursor: hand;
}

.checkoutModal .discount-container-text {
  text-decoration: underline;
}

.checkoutModal .discount-row {
  height: 75px;
  padding: 10px;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-bottom: -25px;
}

.checkoutModal .discount-input-container {
  display: block;
  position: relative;
  width: 100%;
  transition-property: opacity;
  transition-delay: 0s;
  transition-duration: 0.382s;
  margin: 25px 0px 10px 0px;
}

.checkoutModal .inline {
  display: inline-block;
}

.checkoutModal .payment-method-radio {
  display: inline-block;
  margin-right: 10px !important;
}

.checkoutModal .cc-radio {
  max-height: 25px;
}

.checkoutModal .paypalForm {
  display: none;
}

.checkoutModal #card-element {
  background-color: #F6F9FC;
  opacity: 0;
  padding: 10px;
  transition-property: opacity;
  transition-delay: 0s;
  transition-duration: 0.382s;
  width: 427px;
  height: 40px;
}

@media (max-width: 450px) {
  .checkoutModal #card-element {
    width: 100%;
  }
}

.checkoutModal #card-errors {
  transition-property: opacity;
  transition-delay: 0s;
  transition-duration: 0.382s;
  opacity: 0;
  padding: 10px;
  margin: -15px 15px 0px 15px;
  color: red;
}

.checkoutModal .paypalButton > i {
  margin-right: 10px;
}

.checkoutModal .alternatePaypalButton {
  font-weight: 700;
  position: relative !important;
  padding: 10px 80px !important;
  width: 325px;
  top: 20px;
  left: 45px;
  text-align: center;
}

.checkoutModal .checkoutModalClose {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
}

.checkoutModal .checkout-steps {
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px solid #E6E6E6;
}

.checkoutModal .checkout-step {
  opacity: 0.5;
  height: 100%;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.checkoutModal .checkout-step.active-checkout-step {
  opacity: 1;
}

.checkoutModal .checkout-step:not(.active-checkout-step) {
  color: #666;
}

.checkoutModal .donation-amount {
  display: inline-block;
  width: 60px;
}

.checkoutModal .donation-amount-label {
  display: inline-block;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin-top: 15px;
}

.checkoutModal .donation-amount-currency {
  display: inline-block;
}

.checkoutModal .checkout-step-arrow {
  display: none;
}

@media (min-width: 768px) {
  .checkoutModal .checkout-step-arrow {
    display: inline;
    position: absolute;
    right: 0;
    top: 5px;
  }
}

.checkoutModal .checkout-step-label {
  display: inline-block;
  text-transform: capitalize;
}

.checkoutModal .edit-cart {
  float: right;
  margin-top: 40px;
  font-size: 14px;
  margin-right: 40px;
  color: black;
}

.checkoutModal .edit-cart > i {
  margin-right: 15px;
  cursor: pointer;
}

.checkoutModal .cart-item-container .cancelItem {
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-container .cancelItem {
    position: static;
  }
}

.checkoutModal .cart-item-container div[class^='col-'],
.checkoutModal .cart-item-container div[class*='col-'] {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-container div[class^='col-'],
  .checkoutModal .cart-item-container div[class*='col-'] {
    display: inline-block;
    float: none;
    vertical-align: middle;
  }
}

.checkoutModal .cart-item-container > .fa-times {
  margin: 25px;
  position: relative;
  bottom: 7px;
}

.checkoutModal .cart-summary ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.checkoutModal .cart-summary ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.checkoutModal .cart-item-image {
  width: 100px;
  display: block;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-image {
    display: inline-block;
    width: 50px;
  }
}

.checkoutModal .checkout-modal-section {
  height: 100%;
  padding: 20px;
}

.checkoutModal .gray-background {
  background-color: #f5f5f5;
}

.checkoutModal .cart-item-title {
  font-weight: 700;
  margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .checkoutModal .cart-item-title {
    margin: 0;
  }
}

.checkoutModal .quantityContainer,
.checkoutModal .donationAmount,
.checkoutModal .donationContainer {
  display: inline-block;
  z-index: 2;
}

.checkoutModal .cart-item-quantity,
.checkoutModal .donation-amount,
.checkoutModal .custom-dropdown .optionsSelect,
.checkoutModal .checkout-dropdown .optionsSelect {
  background-color: #f7f7f7;
  border: 1px solid transparent;
  color: #666;
}

.checkoutModal .cart-item-quantity,
.checkoutModal .donation-amount {
  width: 60px;
}

.checkoutModal .desktop-item-price {
  display: none;
}

@media (min-width: 768px) {
  .checkoutModal .desktop-item-price {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .checkoutModal .checkout-col-xxs-12 {
    margin-bottom: 16px;
    width: 100%;
  }
}

.checkoutModal .cart-item-price {
  margin: 0;
}

.checkoutModal .cart-item-price span {
  text-align: left;
  display: block;
  font-size: 0.625rem;
  font-style: italic;
  line-height: 12px;
  width: 100%;
}

.checkoutModal .cart-item-price.mobile-item-price {
  display: block;
  text-align: right;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-price.mobile-item-price {
    display: none;
  }
}

.checkoutModal .cart-item-price-trial {
  position: relative;
  top: 10px;
}

.checkoutModal .cart-item-details {
  color: #a0abbe !important;
  position: relative;
  display: inline-block;
}

.checkoutModal .cart-item-options label {
  display: block;
  margin-top: 10px;
  font-size: 0.75rem;
}

.checkoutModal .custom-dropdown-container {
  text-align: center;
}

@media (max-width: 769px) {
  .checkoutModal .custom-dropdown-container {
    text-align: left;
  }
}

.checkoutModal .cart-item-options > .custom-dropdown,
.checkoutModal .checkout-dropdown.custom-dropdown {
  display: inline-block;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-options > .custom-dropdown,
  .checkoutModal .checkout-dropdown.custom-dropdown {
    width: 100%;
  }
}

.checkoutModal .cart-item-options > .custom-dropdown > .optionsSelect,
.checkoutModal .checkout-dropdown .optionsSelect {
  display: inline-block;
  cursor: pointer;
}

@media (min-width: 768px) {
  .checkoutModal .cart-item-options > .custom-dropdown > .optionsSelect,
  .checkoutModal .checkout-dropdown .optionsSelect {
    width: 100%;
  }
}

.checkoutModal .cart-item-label {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 0.75rem;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.checkoutModal .cart-item-container {
  font-size: 0;
}

.checkoutModal .cartTotalContainer {
  border-top: 1px solid #E6E6E6;
}

.checkoutModal .cartTotalContainer .cartTotal {
  font-weight: 700;
  color: #666;
  margin: 15px 0;
  text-transform: capitalize;
  text-align: center;
}

@media (min-width: 768px) {
  .checkoutModal .cartTotalContainer .cartTotal {
    text-align: right;
  }
}

.checkoutModal .goToPaymentButton,
.checkoutModal .paymentButton,
.checkoutModal .backToStoreButton,
.checkoutModal .goToPaypalButton {
  margin-top: 20px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}

.checkoutModal .goToPaypalButton {
  padding-left: calc(50% - 112px);
}

@media (max-width: 768px) {
  .checkoutModal .goToPaypalButton {
    padding-top: 10px;
  }
}

.checkoutModal .goToPaymentButton,
.checkoutModal .paymentButton,
.checkoutModal .backToStoreButton,
.checkoutModal .discount-button {
  background-color: #5287DF;
  color: white;
}

.checkoutModal .goToPaymentButton,
.checkoutModal .paymentButton,
.checkoutModal .backToStoreButton {
  padding: 13px;
  width: 250px;
  font-size: 16px;
  margin: auto;
  margin-top: 25px;
}

.checkoutModal .offline-message {
  font-size: 12px;
  color: #333;
  display: inline-block;
}

.checkoutModal #goToPaymentButtonContainer,
.checkoutModal #paymentButtonContainer {
  margin-top: 20px;
  height: 90px;
}

.checkoutModal #note-to-seller {
  height: 30px;
  padding-left: 5px;
  transition-property: opacity, z-index, height, top;
  transition-delay: 0s;
  transition-duration: 0.382s;
}

@media (max-width: 768px) {
  .checkoutModal #note-to-seller {
    width: calc(100% - 30px);
  }
}

.checkoutModal .safe-and-secure {
  position: relative;
  text-align: center;
  font-size: 14px;
  top: 25px;
}

.checkoutModal .payment-information {
  margin-top: 20px;
  background-color: #F6F9FC;
  padding: 20px;
  padding-bottom: 50px;
}

.checkoutModal .payment-buttons {
  text-align: center;
}

.checkoutModal .makePaymentButton {
  display: inline-block;
  font-weight: 700;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
}

@media (max-width: 768px) {
  .checkoutModal .makePaymentButton {
    width: 100% !important;
  }

  .checkoutModal .makePaymentButton:not(:last-child) {
    margin-bottom: 15px;
  }
}

.checkoutModal .backToCart {
  border-top: 1px solid #E6E6E6;
  display: none;
  padding-top: 10px;
}

.checkoutModal .backToStoreButtonContainer {
  width: 100%;
  text-align: -webkit-center;
}

.checkoutModal .backToStoreButton {
  font-weight: 700;
  position: relative;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  width: 25%;
  margin: auto;
  margin-bottom: 50px;
}

.checkoutModal input[type=number]::-webkit-inner-spin-button,
.checkoutModal input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.checkoutModal .custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  cursor: pointer;
  cursor: hand;
  cursor: pointer;
  max-width: 300px;
}

.checkoutModal .custom-dropdown select {
  font-size: inherit;
  outline: none !important;
  padding: 2px 10px;
  padding-right: 2.5em;
  border: 0;
  margin: 0;
  border-radius: 3px;
  width: 100%;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

.checkoutModal .optionsSelect {
  min-height: 35px;
}

.checkoutModal .custom-dropdown::before,
.checkoutModal .custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.checkoutModal .custom-dropdown::after {
  /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
  -webkit-text-fill-color: white;
}

.checkoutModal .custom-dropdown::before {
  /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  height: 100%;
}

.checkoutModal .custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.3);
}

.checkoutModal .custom-dropdown select[disabled]::after {
  color: rgba(0, 0, 0, 0.1);
}

.checkoutModal .custom-dropdown::before {
  background-color: rgba(0, 0, 0, 0.15);
}

.checkoutModal .custom-dropdown::after {
  color: rgba(0, 0, 0, 0.4);
}

.checkoutModal .noPaymentTooltip {
  opacity: 0;
  padding: 5px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  width: 225px;
  border-radius: 15px;
  right: 50px;
  position: relative;
  transition-property: opacity, z-index, height, top;
  transition-delay: 0s;
  transition-duration: 0.382s;
}

.checkoutModal .confirmation {
  text-align: center;
}

.checkoutModal .confirmationContent {
  padding: 30px 0;
}

.checkoutModal .confirmation-header {
  font-weight: 700;
}

.checkoutModal .confirmation-copy,
.checkoutModal .confirmation-code {
  margin-top: 25px;
}

.checkoutModal .notSelected {
  background-color: red !important;
  color: #FFF;
}

.checkoutModal .payment-inline-input,
.checkoutModal .braintree-input {
  color: #354051;
  display: inline-block;
  border: 1px solid #E6E6E6;
  margin-bottom: 25px;
  padding: 5px;
  text-indent: 10px;
  border-radius: 3px !important;
}

.checkoutModal ::-webkit-input-placeholder {
  color: #a0abbe;
}

.checkoutModal ::-moz-placeholder {
  color: #a0abbe;
}

.checkoutModal ::-ms-placeholder {
  color: #a0abbe;
}

.checkoutModal ::placeholder {
  color: #a0abbe;
}

.checkoutModal .email-input-icon {
  color: #a0abbe;
  left: 8px;
  position: absolute;
  top: 8px;
}

.checkoutModal .email-input {
  text-indent: 25px;
}

.checkoutModal .payment-input-container {
  margin: 0px 15px;
  position: relative;
}

.checkoutModal .payment-inline-input {
  width: 48%;
}

.checkoutModal .wide-input {
  width: 98%;
}

.checkoutModal .checkout-step-name {
  display: inline-block;
}

.checkoutModal .checkout-step-number {
  display: none;
}

.checkoutModal .backToCartButton {
  display: inline-block;
  font-weight: 700;
  margin-left: 20px;
  margin-top: 0px;
  position: relative;
  padding: 10px 0px;
  text-align: left;
  cursor: pointer;
  color: #5287DF;
}

.checkoutModal .mobile-back-button-container {
  display: none;
}

.checkoutModal #left-side {
  transition-property: opacity, z-index, height, top;
  transition-delay: 0s;
  transition-duration: 0.382s;
}

@media (max-width: 768px) {
  .checkoutModal .desktop-only {
    display: none;
  }

  .checkoutModal .checkout-step {
    text-align: center;
  }

  .checkoutModal .checkout-step-name {
    display: none;
  }

  .checkoutModal .checkout-step-number {
    display: inline-block;
  }

  .checkoutModal #purchaseForm {
    margin-left: 0px;
  }

  .checkoutModal #left-side.checkout-modal-section {
    height: auto;
  }

  .checkoutModal .mobile-back-button-container {
    display: block;
  }

  .checkoutModal .safe-and-secure {
    bottom: 225px;
  }

  .checkoutModal .payment-container {
    width: 100%;
  }

  .checkoutModal .payment-summary-container {
    width: 100%;
    position: relative;
  }

  .checkoutModal .summary-box {
    width: 100%;
  }

  .checkoutModal .payment-choose {
    margin-left: 0px;
    width: 100%;
    text-align: left;
    font-size: 12px;
  }

  .checkoutModal .paypalButtonContainer {
    position: relative;
    top: 50px;
  }

  .checkoutModal .or {
    z-index: 1;
    position: relative;
    top: 60px;
  }

  .checkoutModal .alternatePaypalButton {
    width: 250px;
    left: calc(50% - 125px);
    padding: 10px 70px !important;
  }

  .checkoutModal .fa-paypal {
    margin-right: 0px;
  }

  .checkoutModal .makePaymentButton {
    width: 200px;
    right: calc(50% - 100px);
    bottom: 150px;
  }
}

.checkoutModal .optionsWrapper .options {
  height: 126px;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.formElementsModule .discountCodeField .discountCode {
  padding-right: 20px;
}

.formElementsModule .discountCodeField .discountCodeStatus {
  width: 0;
  height: 0;
  overflow: visible;
  float: right;
  left: -20px;
  position: relative;
  top: -26px;
  opacity: 0;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.formElementsModule .discountCodeField .discountCodeStatus.fadeIn {
  opacity: 1;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}

.formElementsModule .discountCodeField .discountCodeStatus .success,
.formElementsModule .discountCodeField .discountCodeStatus .fail {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.formElementsModule .discountCodeField .discountCodeStatus .success {
  color: green;
}

.formElementsModule .discountCodeField .discountCodeStatus .fail {
  color: red;
}

.formElementsModule .elementWrapper {
  clear: both;
}

.formElementsModule .half {
  display: inline-block;
}

.formElementsModule .space {
  display: block;
  width: 100%;
  height: 20px;
}

.formElementsModule input[type=number]::-webkit-inner-spin-button,
.formElementsModule input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.formElementsModule .formImageWrapper {
  margin: 0px;
  margin-bottom: 15px;
}

.formElementsModule .formImage {
  max-width: 100%;
  margin: 0px;
  max-height: 600px;
}

.formElementsModule .uploadBtn {
  padding: 5px 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
  margin-right: 10px;
  font-size: 1rem;
  border-style: initial;
}

.formElementsModule .number {
  width: 100%;
}

.formElementsModule .fileInputName {
  display: inline-block;
}

.formElementsModule .fileInputName {
  font-size: 14px;
}

.formElementsModule .radioImage .col-sm-4:nth-of-type(3n+1) {
  clear: both;
}

.formElementsModule .madeWithPowr {
  margin: 10px 0px;
  border: 1px solid #333;
  padding: 5px;
  font-size: 12px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  text-align: center;
}

.formElementsModule .recaptchaContent .captchaImgWrapper {
  opacity: 0;
}

.formElementsModule .recaptchaContent .captchaRefresh {
  font-size: 13px;
  vertical-align: bottom;
  margin-left: 2px;
  cursor: pointer;
  cursor: hand;
}

.formElementsModule .recaptchaContent .captchaInput.errors {
  border: solid 2px red;
}

.formElementsModule .recaptchaContent .captchaImg {
  max-width: 100%;
  max-height: 100%;
}

.formElementsModule h2,
.formElementsModule h1,
.formElementsModule label,
.formElementsModule .btn {
  margin: 7px 0px;
  font: inherit;
  font-family: inherit;
}

.formElementsModule h1 {
  margin: 0px;
  line-height: 1.2;
  display: table;
}

.formElementsModule h2,
.formElementsModule h1 {
  display: table;
}

.formElementsModule .multi-step_progress-bar-container .progress {
  height: 10px;
  margin-bottom: 0;
}

.formElementsModule .multi-step_progress-bar-container .progress-bar-percentage {
  padding: 0;
  position: relative;
  top: 13px;
  font-size: 12px;
  color: #a0abbe;
}

.formElementsModule .resultsButton {
  background-image: url("https://www.powrcdn.com/images/upGradient.png");
  background-size: auto 100%;
  padding: 10px 15px;
  box-shadow: none;
  font-size: 1.1rem;
  margin-top: 5px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px;
  max-width: 100%;
  white-space: normal;
  display: table;
}

.formElementsModule .form-group.checkbox,
.formElementsModule .form-group.radio,
.formElementsModule .form-group.multipleCheckbox {
  margin: 0 0 15px 0;
}

.formElementsModule .form-group.checkbox label,
.formElementsModule .form-group.radio label,
.formElementsModule .form-group.multipleCheckbox label {
  display: block;
}

.formElementsModule .form-group.checkbox label input,
.formElementsModule .form-group.radio label input,
.formElementsModule .form-group.multipleCheckbox label input {
  margin-right: 4px !important;
  position: relative;
  bottom: 1px;
}

.formElementsModule .form-group.checkbox .radioOptions,
.formElementsModule .form-group.checkbox .multicheckboxOptions,
.formElementsModule .form-group.radio .radioOptions,
.formElementsModule .form-group.radio .multicheckboxOptions,
.formElementsModule .form-group.multipleCheckbox .radioOptions,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions {
  width: 100%;
}

.formElementsModule .form-group.checkbox .radioOptions.horizontal,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal,
.formElementsModule .form-group.radio .radioOptions.horizontal,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal {
  display: inline;
}

.formElementsModule .form-group.checkbox .radioOptions.horizontal .radioOption__container,
.formElementsModule .form-group.checkbox .radioOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.checkbox .radioOptions.horizontal .otherOption__container,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .radioOption__container,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .otherOption__container,
.formElementsModule .form-group.radio .radioOptions.horizontal .radioOption__container,
.formElementsModule .form-group.radio .radioOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.radio .radioOptions.horizontal .otherOption__container,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .radioOption__container,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .otherOption__container,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .radioOption__container,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .otherOption__container,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .radioOption__container,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .multicheckboxOption__container,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .otherOption__container {
  display: inline-block;
}

.formElementsModule .form-group.checkbox .radioOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.checkbox .radioOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.checkbox .radioOptions.horizontal .otherOption__container label.radioOption,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.checkbox .multicheckboxOptions.horizontal .otherOption__container label.radioOption,
.formElementsModule .form-group.radio .radioOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.radio .radioOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.radio .radioOptions.horizontal .otherOption__container label.radioOption,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.radio .multicheckboxOptions.horizontal .otherOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .radioOptions.horizontal .otherOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .radioOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .multicheckboxOption__container label.radioOption,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOptions.horizontal .otherOption__container label.radioOption {
  margin-left: 4px;
}

.formElementsModule .form-group.checkbox .otherOption__container,
.formElementsModule .form-group.radio .otherOption__container,
.formElementsModule .form-group.multipleCheckbox .otherOption__container {
  width: 100%;
}

.formElementsModule .form-group.checkbox .radioOption,
.formElementsModule .form-group.checkbox .checkboxContainer,
.formElementsModule .form-group.checkbox .checkOption,
.formElementsModule .form-group.radio .radioOption,
.formElementsModule .form-group.radio .checkboxContainer,
.formElementsModule .form-group.radio .checkOption,
.formElementsModule .form-group.multipleCheckbox .radioOption,
.formElementsModule .form-group.multipleCheckbox .checkboxContainer,
.formElementsModule .form-group.multipleCheckbox .checkOption {
  margin: 4px 0;
  padding-right: 4px;
  display: inline-block;
  cursor: pointer;
  cursor: hand;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label,
.formElementsModule .form-group.radio .radioOption__indented-label,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 12px;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label .input__container,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label .input__container,
.formElementsModule .form-group.radio .radioOption__indented-label .input__container,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label .input__container,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label .input__container,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label .input__container {
  display: flex;
  padding-right: 8px;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label input,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label input,
.formElementsModule .form-group.radio .radioOption__indented-label input,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label input,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label input,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label input {
  cursor: pointer;
  cursor: hand;
  vertical-align: middle;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label label,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label label,
.formElementsModule .form-group.radio .radioOption__indented-label label,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label label,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label label,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label label {
  display: table-cell;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label label.checkOption,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label label.checkOption,
.formElementsModule .form-group.radio .radioOption__indented-label label.checkOption,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label label.checkOption,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label label.checkOption,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label label.checkOption {
  font-weight: normal;
}

.formElementsModule .form-group.checkbox .radioOption__indented-label.horizontal,
.formElementsModule .form-group.checkbox .multicheckboxOption__indented-label.horizontal,
.formElementsModule .form-group.radio .radioOption__indented-label.horizontal,
.formElementsModule .form-group.radio .multicheckboxOption__indented-label.horizontal,
.formElementsModule .form-group.multipleCheckbox .radioOption__indented-label.horizontal,
.formElementsModule .form-group.multipleCheckbox .multicheckboxOption__indented-label.horizontal {
  width: auto;
}

.formElementsModule .form-group.radioImage {
  margin: 0 0 15px 0;
  padding: 0;
  display: inline-block;
}

.formElementsModule .form-group.radioImage .radioOption,
.formElementsModule .form-group.radioImage .checkboxContainer {
  margin-right: 10px;
  display: inline-block;
}

.formElementsModule .form-group.radioImage .imageCaption {
  padding-top: 5px;
}

.formElementsModule .form-group.radioImage .vertical .radioOption {
  width: auto;
}

.formElementsModule .form-group.radioImage .vertical img {
  max-width: 200px;
}

.formElementsModule .form-group label {
  width: 100%;
}

.formElementsModule .form-group label.horizontal {
  width: auto;
}

.formElementsModule .form-group.formElement.multipleCheckbox label.checkOption,
.formElementsModule .form-group.formElement.radio label.checkOption {
  font-weight: normal;
}

.formElementsModule .addressLabel {
  margin-bottom: 0px;
}

.formElementsModule .form-control {
  height: auto;
}

.formElementsModule input[type="checkbox"],
.formElementsModule input[type="radio"] {
  float: none !important;
  margin: 0 !important;
}

.formElementsModule textarea,
.formElementsModule textarea:focus,
.formElementsModule input[type="text"]:focus,
.formElementsModule input[type="number"]:focus,
.formElementsModule input[type="email"]:focus,
.formElementsModule input[type="tel"]:focus,
.formElementsModule input[type="url"]:focus,
.formElementsModule input[type="text"],
.formElementsModule input[type="number"],
.formElementsModule input[type="email"],
.formElementsModule input[type="tel"],
.formElementsModule input[type="url"] {
  max-width: 100%;
  box-shadow: none;
  border: 1px solid #bec6ca;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.formElementsModule textarea:focus,
.formElementsModule input:focus[type="text"],
.formElementsModule input:focus[type="number"],
.formElementsModule input:focus[type="email"],
.formElementsModule input:focus[type="tel"],
.formElementsModule input:focus[type="url"],
.formElementsModule input[type="text"]:focus,
.formElementsModule input[type="number"]:focus,
.formElementsModule input[type="email"]:focus,
.formElementsModule input[type="tel"]:focus,
.formElementsModule input[type="url"]:focus {
  border: 1px solid rgba(59, 140, 255, 0.7);
  box-shadow: inset 0 0 4px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 0 4px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 0 4px rgba(102, 175, 233, 0.6);
  -ms-box-shadow: inset 0 0 4px rgba(102, 175, 233, 0.6);
  -o-box-shadow: inset 0 0 4px rgba(102, 175, 233, 0.6);
  outline: none;
}

.formElementsModule select {
  width: 100%;
  border: 1px solid #bec6ca;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  padding: 5px 10px;
}

.formElementsModule select:focus {
  outline: 1px solid white;
  outline-offset: -2px;
}

.formElementsModule input[type="file"] {
  line-height: 0;
}

.formElementsModule .btn {
  padding: 10px 15px;
  font-family: sans-serif;
  box-shadow: none;
  border: 1px solid;
  font-size: 1.1rem;
  margin-top: 5px;
  max-width: 100%;
  white-space: normal;
  display: block;
}

.formElementsModule .textarea .lengthSummary,
.formElementsModule .text .lengthSummary {
  font-size: 75%;
}

.formElementsModule .progressContainer {
  margin-top: 10px;
}

.formElementsModule .progress {
  background-color: rgba(0, 0, 0, 0.05);
}

.formElementsModule .vertical {
  width: 100%;
}

.formElementsModule .prototype-element {
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 20px;
}

.formElementsModule.inlineLabels .text:not(.quantityField) label:not(.input__optin-label),
.formElementsModule.inlineLabels .textarea label:not(.input__optin-label),
.formElementsModule.inlineLabels .select label:not(.input__optin-label) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.formElementsModule.blockLabels input:-webkit-input-placeholder,
.formElementsModule.blockLabels input:-moz-placeholder,
.formElementsModule.blockLabels input:-moz-placeholder,
.formElementsModule.blockLabels input:-ms-input-placeholder {
  display: none;
}

.formElementsModule.blockLabels .recaptchaContent input:-webkit-input-placeholder,
.formElementsModule.blockLabels .recaptchaContent input:-moz-placeholder,
.formElementsModule.blockLabels .recaptchaContent input:-moz-placeholder,
.formElementsModule.blockLabels .recaptchaContent input:-ms-input-placeholder {
  display: block;
}

.formElementsModule .ui-autocomplete {
  max-height: 150px;
  overflow: auto;
  font-size: 14px;
}

.formElementsModule .triggerPayment {
  margin-top: 10px;
  cursor: pointer;
  cursor: hand;
}

.formElementsModule .errors ul {
  padding: 0;
}

.formElementsModule .errors li {
  list-style-type: none;
}

.formElementsModule .col-sm-12.form-group {
  padding: 0px 15px;
  clear: both;
  display: inline-block;
  width: 100%;
}

.formElementsModule .dynamicElements {
  margin: 0px -15px;
}

.formElementsModule .dynamicElements select,
.formElementsModule .dynamicElements input {
  height: 32px;
}

.formElementsModule .dynamicElements.visible {
  display: block !important;
}

.formElementsWrapper .adjust-width .col-xs-4 {
  display: none;
}

.formElementsWrapper .adjust-width .col-xs-8 {
  padding: 0 15px !important;
  width: 100%;
}

.formElementsWrapper .prototype-element.slim .mediaBar .image {
  background-size: contain;
  top: 0px;
}

#apps-wix_settings .options {
  border: solid 1px #DDD;
}

#apps-wix_settings .optionsContainer {
  padding: 0px 30px;
  margin-top: -10px;
}

#apps-wix_settings .optionSection .wixSettingSection .col-xs-8,
#apps-wix_settings .optionSection .wixSettingSection .col-xs-4 {
  width: 100%;
  display: block;
}

#apps-wix_settings .optionSection .wixSettingSection .col-xs-8 span:before,
#apps-wix_settings .optionSection .wixSettingSection .col-xs-4 span:before {
  display: inline;
}

#apps-wix_settings .addBtn {
  border: 1px solid #DDD;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

#apps-wix_settings .addBtn:after {
  margin: 3px;
}

#apps-wix_settings .formElementsWrapper .prototype-element.slim .image,
#apps-wix_settings .formElementsWrapper .prototype-element.slim .delete {
  top: 0px;
}

.recaptchaContent {
  float: left;
}

@media screen and (max-width: 305px) {
  .captchaImgWrapper iframe,
  [title="recaptcha challenge"] {
    transform: scale(0.785);
    -webkit-transform: scale(0.785);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
}

.checkOption p {
  margin: 0;
  display: inline;
}

.pattern {
  background: url("//www.powrcdn.com/common_images/patternSprite.png") top left;
  width: 35px;
  height: 35px;
  display: inline-block;
}

.pattern.ecailles {
  background-position: 0 0;
}

.pattern.noise_lines {
  background-position: -61px 0;
}

.pattern.nistri {
  background-position: -122px 0;
}

.pattern.light_grey_floral_motif {
  background-position: -183px 0;
}

.pattern.back_pattern {
  background-position: -244px 0;
}

.pattern.polyester_lite {
  background-position: -305px 0;
}

.pattern.woven {
  background-position: -366px 0;
}

.pattern.dark_stripes {
  background-position: -427px 0;
}

.pattern.fake_brick {
  background-position: -488px 0;
}

.pattern.stacked_circles {
  background-position: -549px 0;
}

.pattern.white_bed_sheet {
  background-position: -610px 0;
}

.pattern.diagonal_striped_brick {
  background-position: -671px 0;
}

.pattern.subtle_stripes {
  background-position: -732px 0;
}

.pattern.tapestry_pattern {
  background-position: -793px 0;
}

.pattern.light_checkered_tiles {
  background-position: -854px 0;
}

.pattern.subtle_white_mini_waves {
  background-position: -915px 0;
}

.pattern.real_cf {
  background-position: -976px 0;
}

.pattern.congruent_pentagon {
  background-position: -1037px 0;
}

.pattern.reticular_tissue {
  background-position: -1098px 0;
}

.pattern.skelatal_weave {
  background-position: -1159px 0;
}

.pattern.diagonal_waves {
  background-position: -1220px 0;
}

.pattern.triangles_pattern {
  background-position: -1281px 0;
}

.pattern.pyramid {
  background-position: -1342px 0;
}

.pattern.lyonnette {
  background-position: -1403px 0;
}

.pattern.bo_play_pattern {
  background-position: -1464px 0;
}

.pattern.diamonds {
  background-position: -1525px 0;
}

.pattern.eight_horns {
  background-position: -1586px 0;
}

.pattern.new_year_background {
  background-position: -1647px 0;
}

.pattern.moulin {
  background-position: -1708px 0;
}

.pattern.upfeathers {
  background-position: -1769px 0;
}

.pattern.dimension {
  background-position: -1830px 0;
}

.pattern.px_by_Gre3g {
  background-position: -1891px 0;
}

.pattern.climpek {
  background-position: -1952px 0;
}

.pattern.white_wave {
  background-position: -2013px 0;
}

.pattern.kuji {
  background-position: -2074px 0;
}

.pattern.gold_scale {
  background-position: -2135px 0;
}

.pattern.crosses {
  background-position: -2196px 0;
}

.pattern.elegant_grid {
  background-position: -2257px 0;
}

.pattern.soft_kill {
  background-position: -2318px 0;
}

.pattern.quilt {
  background-position: -2379px 0;
}

.pattern.dark_embroidery {
  background-position: -2440px 0;
}

.pattern.psychedelic_pattern {
  background-position: -2501px 0;
}

.pattern.white_texture {
  background-position: -2562px 0;
}

.pattern.nami {
  background-position: -2623px 0;
}

.pattern.pixel_weave {
  background-position: -2684px 0;
}

.pattern.vaio_hard_edge {
  background-position: -2745px 0;
}

.pattern.grunge_wall {
  background-position: -2806px 0;
}

.pattern.degree_gray {
  background-position: -2867px 0;
}

.pattern.brickwall {
  background-position: -2928px 0;
}

.pattern.symphony {
  background-position: -2989px 0;
}

.pattern.green_gobbler {
  background-position: -3050px 0;
}

.pattern.hixs_pattern_evolution {
  background-position: -3111px 0;
}

.pattern.pineapplecut {
  background-position: -3172px 0;
}

.pattern.simple_dashed {
  background-position: -3233px 0;
}

.pattern.dark_brick_wall {
  background-position: -3294px 0;
}

.pattern.white_brick_wall {
  background-position: -3355px 0;
}

.pattern.vichy {
  background-position: -3416px 0;
}

.pattern.random_grey_variations {
  background-position: -3477px 0;
}

.pattern.elastoplast {
  background-position: -3538px 0;
}

.pattern.plaid {
  background-position: -3599px 0;
}

.pattern.arches {
  background-position: -3660px 0;
}

.pattern.daimond_eyes {
  background-position: -3721px 0;
}

.pattern.tactile_noise {
  background-position: -3782px 0;
}

.pattern.polaroid {
  background-position: -3843px 0;
}

.pattern.hexellence {
  background-position: -3904px 0;
}

.pattern.fake_luxury {
  background-position: -3965px 0;
}

.pattern.bright_squares {
  background-position: -4026px 0;
}

.pattern.soft_circle_scales {
  background-position: -4087px 0;
}

.pattern.black_twill {
  background-position: -4148px 0;
}

.pattern.shinecaro {
  background-position: -4209px 0;
}

.pattern.skulls {
  background-position: -4270px 0;
}

.pattern.carbon_fibre {
  background-position: -4331px 0;
}

.pattern.batthern {
  background-position: -4392px 0;
}

.pattern.xv {
  background-position: -4453px 0;
}

.pattern.littleknobs {
  background-position: -4514px 0;
}

.pattern.wavegrid {
  background-position: -4575px 0;
}

.pattern.strange_bullseyes {
  background-position: -4636px 0;
}

.pattern.little_triangles {
  background-position: -4697px 0;
}

.pattern.pw_maze_black {
  background-position: -4758px 0;
}

.pattern.gplaypattern {
  background-position: -4819px 0;
}

.pattern.confectionary {
  background-position: -4880px 0;
}

.pattern.embossed_paper {
  background-position: -4941px 0;
}

.pattern.black_scales {
  background-position: -5002px 0;
}

.pattern.silver_scales {
  background-position: -5063px 0;
}

.pattern.pw_maze_white {
  background-position: -5124px 0;
}

.pattern.shinedotted {
  background-position: -5185px 0;
}

.pattern.escheresque_ste {
  background-position: -5246px 0;
}

.pattern.small_tiles {
  background-position: -5307px 0;
}

.pattern.paven {
  background-position: -5368px 0;
}

.pattern.small_steps {
  background-position: -5429px 0;
}

.pattern.diagonales_decalees {
  background-position: -5490px 0;
}

.pattern.p6 {
  background-position: -5551px 0;
}

.pattern.escheresque {
  background-position: -5612px 0;
}

.pattern.grey_wash_wall {
  background-position: -5673px 0;
}

.pattern.p1 {
  background-position: -5734px 0;
}

.pattern.triangles {
  background-position: -5795px 0;
}

.pattern.congruent_outline {
  background-position: -5856px 0;
}

.pattern.gun_metal {
  background-position: -5917px 0;
}

.pattern.sos {
  background-position: -5978px 0;
}

.pattern.wavecut {
  background-position: -6039px 0;
}

.pattern.p5 {
  background-position: -6100px 0;
}

.pattern.rockywall {
  background-position: -6161px 0;
}

.pattern.squares {
  background-position: -6222px 0;
}

.pattern.carbon_fibre_v2 {
  background-position: -6283px 0;
}

.pattern.small-crackle-bright {
  background-position: -6344px 0;
}

.pattern.crossed_stripes {
  background-position: -6405px 0;
}

.pattern.classy_fabric {
  background-position: -6466px 0;
}

.pattern.fancy_deboss {
  background-position: -6527px 0;
}

.pattern.retina_wood {
  background-position: -6588px 0;
}

.pattern.subtle_grunge {
  background-position: -6649px 0;
}

.pattern.scribble_light {
  background-position: -6710px 0;
}

.pattern.white_carbon {
  background-position: -6771px 0;
}

.pattern.circles {
  background-position: -6832px 0;
}

.pattern.handmadepaper {
  background-position: -6893px 0;
}

.pattern.squared_metal {
  background-position: -6954px 0;
}

.pattern.dark_circles {
  background-position: -7015px 0;
}

.pattern.knitted-netting {
  background-position: -7076px 0;
}

.pattern.stitched_wool {
  background-position: -7137px 0;
}

.pattern.corrugation {
  background-position: -7198px 0;
}

.pattern.black_thread {
  background-position: -7259px 0;
}

.pattern.slash_it {
  background-position: -7320px 0;
}

.pattern.use_your_illusion {
  background-position: -7381px 0;
}

.pattern.wov {
  background-position: -7442px 0;
}

.pattern.dark_geometric {
  background-position: -7503px 0;
}

.pattern.restaurant_icons {
  background-position: -7564px 0;
}

.pattern.soft_pad {
  background-position: -7625px 0;
}

.pattern.hoffman {
  background-position: -7686px 0;
}

.pattern.always_grey {
  background-position: -7747px 0;
}

.pattern.greyzz {
  background-position: -7808px 0;
}

.pattern.blizzard {
  background-position: -7869px 0;
}

.pattern.rubber_grip {
  background-position: -7930px 0;
}

.pattern.sativa {
  background-position: -7991px 0;
}

.pattern.dark_dotted2 {
  background-position: -8052px 0;
}

.pattern.crissXcross {
  background-position: -8113px 0;
}

.pattern.wide_rectangles {
  background-position: -8174px 0;
}

.pattern.shattered {
  background-position: -8235px 0;
}

.pattern.foggy_birds {
  background-position: -8296px 0;
}

.pattern.linen {
  background-position: -8503px 0;
}

.pattern.cubes {
  background-position: -8904px 0;
}

.pattern.light_alu {
  background-position: -8972px 0;
}

.pattern.retina_dust {
  background-position: -9255px 0;
}

.pattern.halftone {
  background-position: -9456px 0;
}

.pattern.contemporary_china {
  background-position: -9857px 0;
}

.pattern.swirl {
  background-position: -10258px 0;
}

.patternType {
  display: none;
}

.patternType label {
  display: inline-block;
  width: auto;
}

#appSettings .patternContainer label {
  display: inline-block;
}

#appSettings .patternContainer .pattern {
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
  cursor: hand;
}

#appSettings .patternContainer .selectedRadio {
  border: 1px solid #36c451;
}

#appSettings .patternContainer .selectedRadio:before {
  content: '\2713';
  position: relative;
  text-align: center;
  float: left;
  left: 8px;
  font-size: 25px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #999;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  left: 0;
  /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  right: 0;
  /*
      /*rtl:end:ignore*/
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #eee, -1px 0 0 #eee, 0 1px 0 #eee, 0 -1px 0 #eee, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #eee;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #eee;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #eee;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: #3c3f40;
  fill: #3c3f40;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #3c3f40;
  fill: #3c3f40;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/

/*
      /*rtl:end:ignore*/

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #f64747;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(64, 72, 72, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(64, 72, 72, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(64, 72, 72, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(60, 63, 64, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #3c3f40;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #3c3f40;
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(60, 63, 64, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #eee;
  box-shadow: -1px 0 0 #eee;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #404848;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e9e9e9;
  border-color: #e9e9e9;
}

.flatpickr-day.today {
  border-color: #f64747;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #f64747;
  background: #f64747;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #4f99ff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #4f99ff;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #4f99ff;
  box-shadow: -10px 0 0 #4f99ff;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
  box-shadow: -5px 0 0 #e9e9e9, 5px 0 0 #e9e9e9;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  border-color: #e9e9e9;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(64, 72, 72, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
  box-shadow: -5px 0 0 #4f99ff, 5px 0 0 #4f99ff;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #eee;
  box-shadow: 1px 0 0 #eee;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(64, 72, 72, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #404848;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #404848;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #404848;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #404848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f1f1f1;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.flatpickr-calendar {
  width: 307.875px;
}

.dayContainer {
  padding: 0;
  border-right: 0;
}

span.flatpickr-day,
span.flatpickr-day.prevMonthDay,
span.flatpickr-day.nextMonthDay {
  border-radius: 0 !important;
  border: 1px solid #e9e9e9;
  max-width: none;
  border-right-color: transparent;
}

span.flatpickr-day:nth-child(n+8),
span.flatpickr-day.prevMonthDay:nth-child(n+8),
span.flatpickr-day.nextMonthDay:nth-child(n+8) {
  border-top-color: transparent;
}

span.flatpickr-day:nth-child(7n-6),
span.flatpickr-day.prevMonthDay:nth-child(7n-6),
span.flatpickr-day.nextMonthDay:nth-child(7n-6) {
  border-left: 0;
}

span.flatpickr-day:nth-child(n+36),
span.flatpickr-day.prevMonthDay:nth-child(n+36),
span.flatpickr-day.nextMonthDay:nth-child(n+36) {
  border-bottom: 0;
}

span.flatpickr-day:nth-child(-n+7),
span.flatpickr-day.prevMonthDay:nth-child(-n+7),
span.flatpickr-day.nextMonthDay:nth-child(-n+7) {
  margin-top: 0;
}

span.flatpickr-day.today:not(.selected),
span.flatpickr-day.prevMonthDay.today:not(.selected),
span.flatpickr-day.nextMonthDay.today:not(.selected) {
  border-color: #e9e9e9;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: #f64747;
}

span.flatpickr-day.today:not(.selected):hover,
span.flatpickr-day.prevMonthDay.today:not(.selected):hover,
span.flatpickr-day.nextMonthDay.today:not(.selected):hover {
  border: 1px solid #f64747;
}

span.flatpickr-day.startRange,
span.flatpickr-day.prevMonthDay.startRange,
span.flatpickr-day.nextMonthDay.startRange,
span.flatpickr-day.endRange,
span.flatpickr-day.prevMonthDay.endRange,
span.flatpickr-day.nextMonthDay.endRange {
  border-color: #4f99ff;
}

span.flatpickr-day.today,
span.flatpickr-day.prevMonthDay.today,
span.flatpickr-day.nextMonthDay.today,
span.flatpickr-day.selected,
span.flatpickr-day.prevMonthDay.selected,
span.flatpickr-day.nextMonthDay.selected {
  z-index: 2;
}

.rangeMode .flatpickr-day {
  margin-top: -1px;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flatpickr-weekwrapper span.flatpickr-day {
  border: 0;
  margin: -1px 0 0 -1px;
}

.hasWeeks .flatpickr-days {
  border-right: 0;
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  span.flatpickr-day {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.flatpickr {
  cursor: pointer !important;
}

@font-face {
  font-family: 'powrconsv4';
  font-display: swap;
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix");
  src: url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.eot?x949ix#iefix") format("embedded-opentype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.ttf?x949ix") format("truetype"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.woff?x949ix") format("woff"), url("https://www.powrcdn.com/static/powrconsv4/powrconsv4.svg?x949ix#powrconsv4") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'powrconsv4' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face {
  font-family: 'Gordita Black';
  src: local("Gordita Black"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-black-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Black Italic';
  src: local("Gordita Black Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-blackitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold';
  src: local("Gordita Bold"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bold-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Bold Italic';
  src: local("Gordita Bold Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-bolditalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light';
  src: local("Gordita Light"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-light-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Light Italic';
  src: local("Gordita Light Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-lightitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium';
  src: local("Gordita Medium"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-medium-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Medium Italic';
  src: local("Gordita Medium Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-mediumitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita';
  src: local("Gordita"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regular-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Italic';
  src: local("Gordita Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-regularitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin';
  src: local("Gordita Thin"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thin-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Thin Italic';
  src: local("Gordita Thin Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-thinitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra';
  src: local("Gordita Ultra"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultra-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gordita Ultra Italic';
  src: local("Gordita Ultra Italic"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff.woff") format("woff"), url("https://public.powrcdn.com/fonts/gordita/gordita-ultraitalic-webfont-woff2.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

/* latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body,
html {
  color: #55667D;
  font-family: "Gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 100%;
  background: none;
  background-color: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

h1,
h2,
.formElementsModule h1,
h3,
.template-view__title,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.standard-tutorial__step::before,
.h5,
.h6 {
  font-family: "Gordita Bold", sans-serif;
  color: #354051;
}

h1 {
  font-size: 2rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  h1 {
    font-size: 3rem;
  }
}

h2,
.formElementsModule h1 {
  font-size: 1.625rem;
}

@media (min-width: 768px) {
  h2,
  .formElementsModule h1 {
    font-size: 2rem;
  }
}

@media (min-width: 992px) {
  h2,
  .formElementsModule h1 {
    font-size: 2.5rem;
  }
}

h3,
.template-view__title {
  font-size: 1.325rem;
}

@media (min-width: 768px) {
  h3,
  .template-view__title {
    font-size: 2rem;
  }
}

h4 {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  h4 {
    font-size: 1.5rem;
  }
}

h5 {
  font-size: 1.1rem;
}

@media (min-width: 768px) {
  h5 {
    font-size: 1.25rem;
  }
}

h6 {
  font-size: 1rem;
}

p {
  color: #55667D;
  line-height: 26px;
  font-size: 1rem;
}

p,
a,
a:link,
a:hover,
a:visited,
a:active {
  font-weight: 400;
}

a,
a:link,
a:hover,
a:visited,
a:active {
  color: inherit;
  text-decoration: none;
}

.section {
  padding: 32px 0;
}



@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 768px) {
  .col-sm-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-19 {
    width: 11%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-19 {
    width: 11%;
    float: left;
  }
}

@media (max-width: 992px) {
  #appViewWrapper {
    padding: 10px !important;
  }

  #appViewWrapper #appView {
    margin: 0% !important;
  }
}



.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}

.row.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.clearfix,
#appView .formBuilder-v2 .gap-element--small,
#appView .formBuilder-v2 .gap-element--large {
  clear: both;
}

.cursor-pointer {
  cursor: pointer;
}

.dropdown-component__label {
  color: #354051;
  font-size: 1rem;
  font-weight: bold;
}

.list-reset,
.app-market-nav__list,
.open-account-menu .account-menu-list,
.plugins-card__card-menu .links-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.text-transform-capitalize {
  text-transform: capitalize;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.upper-first-key:first-letter {
  text-transform: uppercase;
}

.text-transform-capitalize-first-letter:first-letter {
  text-transform: uppercase;
}

button.text-underline,
a.text-underline,
.text-underline {
  text-decoration: underline;
}

.font-normal {
  font-weight: normal;
}

.font-regular {
  font-family: "Gordita", sans-serif;
}

.font-medium {
  font-family: "Gordita Medium", sans-serif;
}

.font-bold {
  font-weight: bold;
}

.bold-font {
  font-family: "Gordita Bold", sans-serif;
}

.font-italic {
  font-style: italic;
}

.upgrade {
  color: #7560DF;
}

.primary {
  color: #3B8CFF;
}

.danger-text {
  color: #EB8281;
}

.paragraph-text {
  color: #55667D;
}

.color7 {
  color: #354051;
}

.color8 {
  color: #a0abbe;
}

.color10 {
  color: #7560DF;
}

.color12-500 {
  color: #FD5A47;
}

.color-14 {
  color: #00B07D;
}

.color-2 {
  color: #FFFFFF;
}

.f1 {
  font-size: 2rem;
}

.f2 {
  font-size: 1.5rem;
}

.f3 {
  font-size: 1.125rem;
}

.f4 {
  font-size: 1rem;
}

.f5 {
  font-size: 0.875rem;
}

.f6 {
  font-size: 0.75rem;
}

.weight500 {
  font-weight: 500;
}

.weight700 {
  font-weight: 700;
}



.position-relative {
  position: relative;
}



.flex-row,
.text-with-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-space-evenly {
  justify-content: space-evenly;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: flex-end;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-stretch {
  align-items: stretch;
}

.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-end {
  align-items: flex-end;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-stretch {
  align-self: stretch;
}

.align-items-baseline {
  align-items: baseline;
}

.flex-1 {
  flex: 1;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.border-none {
  border: none;
}

.border-bottom-light {
  border-bottom: 1px solid #E0E6EA;
}

.border-light {
  border: 1px solid #E0E6EA;
}

.border-radius-xs {
  border-radius: 4px;
}

.border-radius-m {
  border-radius: 16px;
}

.button-default,
.button-l,
.button,
.ReactModalPortal .uppy-DragDrop-dragText,
.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  transition: 0.1s ease;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
}

.button-l {
  font-size: 1.25rem;
  padding: 8px 32px;
}

.button,
.ReactModalPortal .uppy-DragDrop-dragText {
  font-size: 1rem;
  padding: 8px 16px;
}

.button .fa,
.ReactModalPortal .uppy-DragDrop-dragText .fa {
  margin-right: 8px;
}

.button-s,
.topbar-nav .nav-links-group li .pricing-nav-tab__business-banner-learn-more {
  font-size: 0.875rem;
  padding: 4px 8px;
}

.button--small {
  font-size: 0.875rem;
  font-family: "Gordita Medium", sans-serif;
}

.button-full-width,
.details-view-header__app-cta > button {
  width: 100%;
}











a.button-white-outline,
.button-white-outline {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

a.button-white-outline:focus,
.button-white-outline:focus {
  outline: none;
}

a.button-white-outline:hover,
.button-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.075);
  border-color: #e6e6e6;
  color: #e6e6e6;
}

a.button-white-outline.is-disabled,
.button-white-outline.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline,
.price-table a.price-table__plan-btn.is-free-btn,
.price-table a.price-table__plan-btn.is-premium-btn,
.button-secondary-outline,
.price-table .price-table__plan-btn.is-free-btn,
.price-table .price-table__plan-btn.is-premium-btn {
  background-color: transparent;
  border-color: #bec6ca;
  color: #bec6ca;
  color: #3B8CFF;
}

a.button-secondary-outline:focus,
.price-table a.price-table__plan-btn.is-free-btn:focus,
.price-table a.price-table__plan-btn.is-premium-btn:focus,
.button-secondary-outline:focus,
.price-table .price-table__plan-btn.is-free-btn:focus,
.price-table .price-table__plan-btn.is-premium-btn:focus {
  outline: none;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  background-color: rgba(190, 198, 202, 0.075);
  border-color: #a2adb3;
  color: #a2adb3;
}

a.button-secondary-outline.is-disabled,
.price-table a.is-disabled.price-table__plan-btn.is-free-btn,
.price-table a.is-disabled.price-table__plan-btn.is-premium-btn,
.button-secondary-outline.is-disabled,
.price-table .is-disabled.price-table__plan-btn.is-free-btn,
.price-table .is-disabled.price-table__plan-btn.is-premium-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-secondary-outline:hover,
.price-table a.price-table__plan-btn.is-free-btn:hover,
.price-table a.price-table__plan-btn.is-premium-btn:hover,
.button-secondary-outline:hover,
.price-table .price-table__plan-btn.is-free-btn:hover,
.price-table .price-table__plan-btn.is-premium-btn:hover {
  color: #086eff;
}



a.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText,
.price-table a.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary,
.ReactModalPortal a.uppy-DragDrop-dragText:link,
.price-table a.price-table__plan-btn.is-enterprise-btn:link,
.button-primary,
.ReactModalPortal .uppy-DragDrop-dragText,
.price-table .price-table__plan-btn.is-enterprise-btn {
  background-color: #3B8CFF;
  border-color: #3B8CFF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:focus,
a:link.button-primary:focus,
.ReactModalPortal a.uppy-DragDrop-dragText:link:focus,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:focus,
.button-primary:focus,
.ReactModalPortal .uppy-DragDrop-dragText:focus,
.price-table .price-table__plan-btn.is-enterprise-btn:focus {
  outline: none;
}

a.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:hover,
a:link.button-primary:hover,
.ReactModalPortal a.uppy-DragDrop-dragText:link:hover,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:hover,
.button-primary:hover,
.ReactModalPortal .uppy-DragDrop-dragText:hover,
.price-table .price-table__plan-btn.is-enterprise-btn:hover {
  background: #4f98ff;
}

a.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:active,
a:link.button-primary:active,
.ReactModalPortal a.uppy-DragDrop-dragText:link:active,
.price-table a.price-table__plan-btn.is-enterprise-btn:link:active,
.button-primary:active,
.ReactModalPortal .uppy-DragDrop-dragText:active,
.price-table .price-table__plan-btn.is-enterprise-btn:active {
  background: #086eff;
}

a.button-primary.is-disabled,
.ReactModalPortal a.is-disabled.uppy-DragDrop-dragText,
.price-table a.is-disabled.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled,
.button-primary.is-disabled,
.ReactModalPortal .is-disabled.uppy-DragDrop-dragText,
.price-table .is-disabled.price-table__plan-btn.is-enterprise-btn {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-primary.is-disabled-with-color,
.ReactModalPortal a.is-disabled-with-color.uppy-DragDrop-dragText,
.price-table a.is-disabled-with-color.price-table__plan-btn.is-enterprise-btn,
a:link.button-primary.is-disabled-with-color,
.ReactModalPortal a.uppy-DragDrop-dragText:link.is-disabled-with-color,
.price-table a.price-table__plan-btn.is-enterprise-btn:link.is-disabled-with-color,
.button-primary.is-disabled-with-color,
.ReactModalPortal .is-disabled-with-color.uppy-DragDrop-dragText,
.price-table .is-disabled-with-color.price-table__plan-btn.is-enterprise-btn {
  opacity: 0.4;
  cursor: not-allowed;
}







a.button-upgrade,
a:link.button-upgrade,
.button-upgrade {
  background-color: #7560DF;
  border-color: #7560DF;
  color: #FFFFFF;
  transition: background 0.2s ease;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
}

a.button-upgrade:focus,
a:link.button-upgrade:focus,
.button-upgrade:focus {
  outline: none;
}

a.button-upgrade:hover,
a:link.button-upgrade:hover,
.button-upgrade:hover {
  background: #8471e2;
}

a.button-upgrade:active,
a:link.button-upgrade:active,
.button-upgrade:active {
  background: #5036d6;
}

a.button-upgrade.is-disabled,
a:link.button-upgrade.is-disabled,
.button-upgrade.is-disabled {
  background-color: #a0abbe;
  border-color: #a0abbe;
  color: #FFFFFF;
  opacity: 0.4;
  cursor: not-allowed;
}

a.button-upgrade.is-disabled-with-color,
a:link.button-upgrade.is-disabled-with-color,
.button-upgrade.is-disabled-with-color {
  opacity: 0.4;
  cursor: not-allowed;
}























a.link,
a.standard-tutorial__step_show_me,
.step-section a.step-section__show-me,
.link,
.standard-tutorial__step_show_me,
.step-section .step-section__show-me {
  background-color: transparent;
  border: none;
  color: #3B8CFF;
  cursor: pointer;
  outline: none;
  padding: 4px;
  text-decoration: none;
  font-family: "Gordita Medium", sans-serif;
  font-size: 14px;
  transition: color .2s linear;
}

a.link:hover,
a.standard-tutorial__step_show_me:hover,
.step-section a.step-section__show-me:hover,
.link:hover,
.standard-tutorial__step_show_me:hover,
.step-section .step-section__show-me:hover {
  color: #3548B8;
}

a.link-underline,
.link-underline {
  text-decoration: underline;
}

a.link-white,
.link-white {
  color: #FFFFFF;
}

a.link-nostyle,
.link-nostyle {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

a.link-nostyle--blue,
.link-nostyle--blue {
  color: #3B8CFF;
}















.modal__title {
  text-align: center;
}

.modal__close {
  border: none;
  color: #a0abbe;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: bold;
  opacity: 0.5;
  position: absolute;
  right: 15px;
  top: 10px;
  -webkit-appearance: none;
}

.modal__close:hover {
  opacity: 1;
}

button.modal__close {
  background: transparent;
}

.circled-close,
.fal.publish-uber-panel__close,
.fal.upsell-success__close,
#appSettings .panel-header .modalPanelClose .fal {
  font-size: 1.5rem;
  cursor: pointer;
  color: #3B8CFF;
  background-color: #eff2f4;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  width: 45px;
  height: 45px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.circled-close:hover,
.fal.publish-uber-panel__close:hover,
.fal.upsell-success__close:hover,
#appSettings .panel-header .modalPanelClose .fal:hover {
  transform: scale(1.1);
}

.modal__content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -webkit-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -moz-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -ms-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  -o-box-shadow: 0 0 5px 2px rgba(53, 64, 81, 0.2);
  outline: 0;
  padding: 32px;
  position: relative;
}

.modal__body {
  text-align: center;
}

.modal__footer {
  margin-top: 32px;
  text-align: center;
}

.modal-backdrop {
  background-color: rgba(53, 64, 81, 0.8);
  z-index: 9999;
}

.editor-simulator {
  background-color: #eff2f4;
  height: 500px;
  width: 400px;
}

.card,
#auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .embedContent:not(.tutorialSwitchPresent),
.tutorialSelection {
  background-color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 16px;
  position: relative;
  min-height: 100px;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}

.card.has-shadow,
.card.notification-toast,
#auto_docs-show .new-tut .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-create .notification-toast.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .notification-toast.embedContent:not(.tutorialSwitchPresent),
.notification-toast.tutorialSelection,
.card.product-updates,
#auto_docs-show .new-tut .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-create .product-updates.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .product-updates.embedContent:not(.tutorialSwitchPresent),
.product-updates.tutorialSelection,
.card.toastify,
#auto_docs-show .new-tut .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-create .toastify.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .toastify.embedContent:not(.tutorialSwitchPresent),
.toastify.tutorialSelection,
.Select .card.Select-menu-outer,
.Select #auto_docs-show .new-tut .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-create .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-create .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select #apps-standalone .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .Select .Select-menu-outer.embedContent:not(.tutorialSwitchPresent),
.Select .Select-menu-outer.tutorialSelection,
#appSettings .Select .card.Select-menu-outer,
#appSettings .Select .Select-menu-outer.tutorialSelection,
#auto_docs-show .new-tut .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-create .has-shadow.embedContent:not(.tutorialSwitchPresent),
#apps-standalone .has-shadow.embedContent:not(.tutorialSwitchPresent),
.has-shadow.tutorialSelection {
  border: 1px solid #E0E6EA;
  box-shadow: 0 2px 1px -2px #a0abbe;
  -webkit-box-shadow: 0 2px 1px -2px #a0abbe;
  -moz-box-shadow: 0 2px 1px -2px #a0abbe;
  -ms-box-shadow: 0 2px 1px -2px #a0abbe;
  -o-box-shadow: 0 2px 1px -2px #a0abbe;
}

.card--shadow {
  border: 1px solid #E0E6EA;
  box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -webkit-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -moz-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -ms-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
  -o-box-shadow: 0 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.notification-banner {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 2px 5px -1px #a0abbe;
  -webkit-box-shadow: 0 2px 5px -1px #a0abbe;
  -moz-box-shadow: 0 2px 5px -1px #a0abbe;
  -ms-box-shadow: 0 2px 5px -1px #a0abbe;
  -o-box-shadow: 0 2px 5px -1px #a0abbe;
  margin: 16px 0;
  padding: 16px;
  width: 100%;
}

.notification-banner--primary {
  background-color: #eef5ff;
  border-top: 3px solid #3B8CFF;
  color: #354051;
}

.notification-banner--caution {
  background-color: #FFF5E0;
  border-top: 3px solid #FFD480;
  color: #354051;
}

.notification-banner--caution a {
  color: #3B8CFF;
}

.notification-banner--failure {
  background-color: #FFEEF0;
  border-top: 3px solid #EB8281;
  color: #EB8281;
}

.notification-banner--failure a {
  color: #3B8CFF;
}

.notification-banner--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.notification-banner--upgrade {
  background-color: #e4dff9;
  border-top: 3px solid #8775e3;
}

.notification-banner--upgrade-secondary {
  background-color: #f8f9fa;
  border-top: 3px solid #8775e3;
}

.notification-banner--upgrade-secondary i {
  color: #8775e3;
}

.notification-banner .close {
  position: relative;
  z-index: 1;
}

.notification-banner .actionBtn {
  color: #3B8CFF;
  margin-top: 12px;
  display: inline-block;
}

.notification-banner .actionBtn:hover {
  cursor: pointer;
}

.notification-banner-close {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
  color: #a0abbe;
}

.notification-banner_expanded {
  position: relative;
}

.notification-banner_expanded > i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-size: 32px;
}

.notification-banner_expanded > div {
  padding: 10px 0 0 45px;
  line-height: 1.5;
  font-size: 14px;
}

.notification-toast {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin: 16px auto;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
}

.notification-toast--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.notification-toast--caution {
  background-color: white;
  border-top: 3px solid #ffe5b3;
  color: #354051;
}

.notification-toast--failure {
  background-color: white;
  border-top: 3px solid #f2aead;
  color: #EB8281;
}

.notification-toast--failure a {
  color: #3B8CFF;
}

.notification-toast--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.product-caution-banner {
  z-index: 1030;
  position: fixed;
  top: 0;
  padding-top: 11px;
}



.wide {
  max-width: 700px;
}

.theme-1 {
  background-color: #3B8CFF;
  color: #FFFFFF;
}

.theme-1 h1,
.theme-1 h2,
.theme-1 .formElementsModule h1,
.formElementsModule .theme-1 h1,
.theme-1 h3,
.theme-1 .template-view__title,
.theme-1 h4,
.theme-1 p {
  color: #FFFFFF;
}

.theme-1 .card,
.theme-1 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-1 .embedContent:not(.tutorialSwitchPresent),
.theme-1 .tutorialSelection {
  background-color: #227dff;
}

.theme-2 {
  background-color: #354051;
}

.theme-2 h1,
.theme-2 h2,
.theme-2 .formElementsModule h1,
.formElementsModule .theme-2 h1,
.theme-2 h3,
.theme-2 .template-view__title,
.theme-2 h4 {
  color: #FFFFFF;
}

.theme-2 p {
  color: #6b7f9a;
}

.theme-2 .card,
.theme-2 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-2 .embedContent:not(.tutorialSwitchPresent),
.theme-2 .tutorialSelection {
  background-color: #3b475a;
}

.theme-danger {
  background-color: white;
}

.theme-danger h1,
.theme-danger h2,
.theme-danger .formElementsModule h1,
.formElementsModule .theme-danger h1,
.theme-danger h3,
.theme-danger .template-view__title,
.theme-danger h4 {
  color: #EB8281;
}

.theme-danger p {
  color: #EB8281;
}

.theme-danger .card,
.theme-danger #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-danger .embedContent:not(.tutorialSwitchPresent),
.theme-danger .tutorialSelection {
  background-color: #ed8f8e;
}

.theme-3 {
  background-color: #eff2f4;
}

.theme-3 h1,
.theme-3 h2,
.theme-3 .formElementsModule h1,
.formElementsModule .theme-3 h1,
.theme-3 h3,
.theme-3 .template-view__title,
.theme-3 h4 {
  color: #354051;
}

.theme-3 p {
  color: #55667D;
}

.theme-3 .card,
.theme-3 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-3 .embedContent:not(.tutorialSwitchPresent),
.theme-3 .tutorialSelection {
  border-radius: 4px;
  border: 1px solid var(--color-6-dark, #E0E6EA);
  background: var(--white, #FFF);
  box-shadow: 0px 10px 10px -10px rgba(85, 102, 125, 0.3);
}

.theme-4,
.signInContent .modal-content .tab-content .sign-in-footer,
.signInContent .signin-signup-platform .tab-content .sign-in-footer,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer {
  background-color: #e0e6ea;
}

.theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h2,
.signInContent .modal-content .tab-content .sign-in-footer h2,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h2,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h2,
.theme-4 .formElementsModule h1,
.formElementsModule .theme-4 h1,
.signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .modal-content .tab-content .sign-in-footer h1,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .modal-content .tab-content .sign-in-footer h1,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .formElementsModule h1,
.formElementsModule #appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h1,
.theme-4 h3,
.signInContent .modal-content .tab-content .sign-in-footer h3,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h3,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h3,
.theme-4 .template-view__title,
.signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .template-view__title,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .template-view__title,
.theme-4 h4,
.signInContent .modal-content .tab-content .sign-in-footer h4,
.signInContent .signin-signup-platform .tab-content .sign-in-footer h4,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer h4,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer h4 {
  color: #354051;
}

.theme-4 p,
.signInContent .modal-content .tab-content .sign-in-footer p,
.signInContent .signin-signup-platform .tab-content .sign-in-footer p,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer p,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer p {
  color: #55667D;
}

.theme-4 .card,
.signInContent .modal-content .tab-content .sign-in-footer .card,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .card,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .card,
.theme-4 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-4 .embedContent:not(.tutorialSwitchPresent),
.signInContent .modal-content .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .modal-content .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.signInContent .signin-signup-platform .tab-content .sign-in-footer #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .signInContent .signin-signup-platform .tab-content .sign-in-footer .embedContent:not(.tutorialSwitchPresent),
.theme-4 .tutorialSelection,
.signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
.signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .modal-content .tab-content .sign-in-footer .tutorialSelection,
#appSettings .signInContent .signin-signup-platform .tab-content .sign-in-footer .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 {
  background-color: #f8f9fa;
}

.theme-5 h1,
.theme-5 h2,
.theme-5 .formElementsModule h1,
.formElementsModule .theme-5 h1,
.theme-5 h3,
.theme-5 .template-view__title,
.theme-5 h4 {
  color: #354051;
}

.theme-5 p {
  color: #55667D;
}

.theme-5 .card,
.theme-5 #auto_docs-show .new-tut .embedContent:not(.tutorialSwitchPresent),
#auto_docs-show .new-tut .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-create .embedContent:not(.tutorialSwitchPresent),
#apps-create .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 #apps-standalone .embedContent:not(.tutorialSwitchPresent),
#apps-standalone .theme-5 .embedContent:not(.tutorialSwitchPresent),
.theme-5 .tutorialSelection {
  background-color: #FFFFFF;
}

.theme-5 .subtle-card:hover:hover {
  background-color: #eff2f4;
  cursor: pointer;
}

.bg-mystic-shaded {
  background-color: #eff2f4;
}

.bg-mystic-dark-shaded {
  background-color: #e0e6ea;
}

.bg-primary-shaded {
  background-color: #eef5ff;
}

.bg-gray-light {
  background-color: #f8f9fa;
}

.page-title {
  margin-bottom: 32px;
  margin-top: 64px;
}

.content-section {
  margin-bottom: 124px;
}

.content {
  margin-bottom: 32px;
}



.pad-nil {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.pad-xs {
  padding: 4px;
}

.pad-s {
  padding: 8px;
}

.pad-m {
  padding: 16px;
}

.pad-l {
  padding: 32px;
}

.pad-xl {
  padding: 64px;
}

.pad-xxl {
  padding: 124px;
}

.pad-v-nil {
  padding-top: 0;
  padding-bottom: 0;
}

.pad-v-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pad-v-s {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pad-v-m {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pad-v-l {
  padding-top: 32px;
  padding-bottom: 32px;
}

.pad-v-xl {
  padding-top: 64px;
  padding-bottom: 64px;
}

.pad-v-xxl {
  padding-top: 124px;
  padding-bottom: 124px;
}

.pad-h-nil {
  padding-left: 0;
  padding-right: 0;
}

.pad-h-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.pad-h-s {
  padding-left: 8px;
  padding-right: 8px;
}

.pad-h-m {
  padding-left: 16px;
  padding-right: 16px;
}

.pad-h-l {
  padding-left: 32px;
  padding-right: 32px;
}

.pad-h-xl {
  padding-left: 64px;
  padding-right: 64px;
}

.pad-h-xxl {
  padding-left: 124px;
  padding-right: 124px;
}

.pad-top-nil {
  padding-top: 0;
}

.pad-top-xs {
  padding-top: 4px;
}

.pad-top-s {
  padding-top: 8px;
}

.pad-top-m {
  padding-top: 16px;
}

.pad-top-l {
  padding-top: 32px;
}

.pad-top-xl {
  padding-top: 64px;
}

.pad-top-xxl {
  padding-top: 124px;
}

.pad-right-nil {
  padding-right: 0;
}

.pad-right-xs {
  padding-right: 4px;
}

.pad-right-s {
  padding-right: 8px;
}

.pad-right-m {
  padding-right: 16px;
}

.pad-right-l {
  padding-right: 32px;
}

.pad-right-xl {
  padding-right: 64px;
}

.pad-right-xxl {
  padding-right: 124px;
}

.pad-bottom-nil {
  padding-bottom: 0;
}

.pad-bottom-xs {
  padding-bottom: 4px;
}

.pad-bottom-s {
  padding-bottom: 8px;
}

.pad-bottom-m {
  padding-bottom: 16px;
}

.pad-bottom-l {
  padding-bottom: 32px;
}

.pad-bottom-xl {
  padding-bottom: 64px;
}

.pad-bottom-xxl {
  padding-bottom: 124px;
}

.pad-left-nil {
  padding-left: 0;
}

.pad-left-xs {
  padding-left: 4px;
}

.pad-left-s {
  padding-left: 8px;
}

.pad-left-m {
  padding-left: 16px;
}

.pad-left-l {
  padding-left: 32px;
}

.pad-left-xl {
  padding-left: 64px;
}

.pad-left-xxl {
  padding-left: 124px;
}

.pad-nil-force {
  padding: 0 !important;
}

.margin-nil {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.margin-xs {
  margin: 4px;
}

.margin-s {
  margin: 8px;
}

.margin-m {
  margin: 16px;
}

.margin-l {
  margin: 32px;
}

.margin-xl {
  margin: 64px;
}

.margin-xxl {
  margin: 124px;
}

.margin-v-nil {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-v-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.margin-v-s {
  margin-top: 8px;
  margin-bottom: 8px;
}

.margin-v-m {
  margin-top: 16px;
  margin-bottom: 16px;
}

.margin-v-l {
  margin-top: 32px;
  margin-bottom: 32px;
}

.margin-v-xl {
  margin-top: 64px;
  margin-bottom: 64px;
}

.margin-v-xxl {
  margin-top: 124px;
  margin-bottom: 124px;
}

.margin-h-nil {
  margin-left: 0;
  margin-right: 0;
}

.margin-h-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.margin-h-s {
  margin-left: 8px;
  margin-right: 8px;
}

.margin-h-m {
  margin-left: 16px;
  margin-right: 16px;
}

.margin-h-l {
  margin-left: 32px;
  margin-right: 32px;
}

.margin-h-xl {
  margin-left: 64px;
  margin-right: 64px;
}

.margin-h-xxl {
  margin-left: 124px;
  margin-right: 124px;
}

.margin-top-nil {
  margin-top: 0;
}

.margin-top-xs {
  margin-top: 4px;
}

.margin-top-s {
  margin-top: 8px;
}

.margin-top-m {
  margin-top: 16px;
}

.margin-top-l {
  margin-top: 32px;
}

.margin-top-xl {
  margin-top: 64px;
}

.margin-top-xxl {
  margin-top: 124px;
}

.margin-right-nil {
  margin-right: 0;
}

.margin-right-xxs {
  margin-right: 2px;
}

.margin-right-xs {
  margin-right: 4px;
}

.margin-right-s {
  margin-right: 8px;
}

.margin-right-m {
  margin-right: 16px;
}

.margin-right-l {
  margin-right: 32px;
}

.margin-right-xl {
  margin-right: 64px;
}

.margin-right-xxl {
  margin-right: 124px;
}

.margin-bottom-nil {
  margin-bottom: 0;
}

.margin-bottom-xs {
  margin-bottom: 4px;
}

.margin-bottom-s {
  margin-bottom: 8px;
}

.margin-bottom-m {
  margin-bottom: 16px;
}

.margin-bottom-l {
  margin-bottom: 32px;
}

.margin-bottom-xl {
  margin-bottom: 64px;
}

.margin-bottom-xxl {
  margin-bottom: 124px;
}

.margin-left-nil {
  margin-left: 0;
}

.margin-left-xs {
  margin-left: 4px;
}

.margin-left-s {
  margin-left: 8px;
}

.margin-left-m {
  margin-left: 16px;
}

.margin-left-l {
  margin-left: 32px;
}

.margin-left-xl {
  margin-left: 64px;
}

.margin-left-xxl {
  margin-left: 124px;
}

.margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-top-auto {
  margin-top: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-top-xl2 {
  margin-top: 96px;
}

.margin-bottom-xl2 {
  margin-bottom: 96px;
}

.margin-bottom-m2 {
  margin-bottom: 24px;
}







.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: .25;
}

.opacity-50 {
  opacity: .5;
}

.opacity-75 {
  opacity: .75;
}

.opacity-100 {
  opacity: 1;
}





.sp-preview,
#appSettings .prototype-element.slim .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .prototype-element.slim .sp-container .sp-preview .sp-preview-inner,
#appSettings .sp-replacer .sp-preview .sp-preview-inner,
#appSettings .sp-container .sp-preview .sp-preview-inner,
.sp-alpha,
.sp-thumb-el {
  background-image: none;
}

.sp-container button {
  background-image: none;
  width: 100%;
  padding: 10px 0px;
  color: #666c70;
  background-color: white;
  border: 1px solid #c9cdcf;
  border-radius: 2px;
  transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #2990ea;
  text-align: center;
  outline: none;
  cursor: pointer;
  cursor: hand;
}

.ws-po-box {
  color: black;
}

.prototype {
  display: none !important;
}

.modal {
  z-index: 99999999999;
  outline: none;
}

.modal-lg .modal-dialog {
  width: 800px;
}

.truncated,
.powr-app-card__title {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hid {
  display: none;
}

.fa.hid,
.fab.hid,
.fad.hid,
.fal.hid,
.far.hid,
.fas.hid {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
  }
}

.slash {
  text-decoration: line-through;
}

.debug * {
  border: 3px dashed #f00 !important;
}

.maxWidth {
  max-width: 100% !important;
}

.quote:before,
.quote:after {
  content: '"';
}

.width100 {
  width: 100%;
}

.min300 {
  min-width: 300px;
  max-width: 100%;
}

.fullHeight {
  height: 100%;
}

.centerChild {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.noPad {
  padding: 0px;
}

.noPadLeft {
  padding-left: 0px;
}

.noPadRight {
  padding-right: 0px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-19 {
  width: 11%;
  float: left;
}

.row .col-xs-7 .text-component__label .powrTooltip i.fa-question-circle {
  left: 0px;
}

.notice {
  width: 100%;
  padding: 20px;
  text-align: center;
}

.notice--primary {
  background-color: #eef5ff;
  color: #354051;
}

img {
  max-width: 100%;
}

.failure {
  color: #d04239;
}

.success:not(.section) {
  color: #36c451;
}

.caution {
  color: #FFD480;
}

.powrbutton.hid,
a.hid.powrbutton:link,
a.hid.powrbutton:hover,
a.hid.powrbutton:visited,
a.hid.powrbutton:active,
#appSettings .sp-button-container .hid.sp-choose {
  display: none;
}

.navbar-fixed-top {
  z-index: 1030000;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-absolute--bot {
  bottom: 0;
}

.position-absolute--top {
  top: 0;
}

.position-absolute--left {
  left: 0;
}

.position-absolute--right {
  right: 0;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.button-nostyle,
.button-nostyle-muted {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-nostyle-muted:hover {
  color: #3B8CFF;
}

.button-nostyle-blue {
  background: none;
  color: #3B8CFF;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
}

.button-round-blue {
  background-color: white;
  border: none;
  color: #3B8CFF;
  padding: 8px 15px;
  text-align: center;
  text-decoration: false;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width: 35px;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #3B8CFF;
  padding: 0.5em 0.9em;
  outline: none;
}

.normalWhiteSpace {
  white-space: normal;
}

@media (max-width: 762px) {
  .normalWhiteSpaceXs {
    white-space: normal;
  }
}

.nowrap {
  white-space: nowrap;
}

.wix-col-4 {
  width: 25%;
  float: left;
}

.wix-col-3 {
  width: 33.33333%;
  float: left;
}

.wix-col-2 {
  width: 50%;
  float: left;
}

.visible {
  overflow: visible;
}

.desktop-only-flex,
.mobile-only-flex {
  display: none;
}

@media (min-width: 833px) {
  .desktop-only-flex {
    display: flex;
    flex-shrink: 0;
  }
}

@media (max-width: 834px) {
  .mobile-only-flex {
    display: flex;
    flex-shrink: 0;
  }

  .mobile-full-width {
    width: 100% !important;
  }
}

@media (max-width: 834px) and (orientation: portrait) {
  .hidden-tablet-portrait {
    display: none !important;
  }

  .show-tablet-portrait {
    display: flex !important;
  }
}

@media (min-width: 1024px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: none !important;
  }
}

@media (min-width: 1200px) and (orientation: landscape) {
  .hidden-tablet-landscape {
    display: flex !important;
  }
}







@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}





















.details-view-slider-container .video__border-radius {
  border-radius: 4px;
}

.details-view-slider-container .video__light-bg {
  background-color: #f1f2f5;
}

.welcome-screen-modal-content .prev-button,
.welcome-screen-modal-content .next-button,
.welcome-screen-modal-content .done-button {
  width: 70px;
  border-radius: 54px;
}

.support-option {
  justify-content: space-between;
  padding: 10px;
  font-family: Gordita;
  font-size: 14px;
  color: #55667D;
}

.support-option__left:hover i,
.support-option__left:hover span {
  color: #3B8CFF;
}

.support-option__left {
  gap: 10px;
}

.support-option__right {
  color: #3B8CFF;
}

.support-option__left i,
.support-option__left span {
  font-weight: 500;
}

span.open-support-options {
  font-family: Gordita;
}

.open-support-options .opinion-many__subtitle {
  word-spacing: inherit;
}

.open-support-options .opinion-many__title,
.open-support-options .opinion-many__subtitle {
  font-family: Gordita;
  font-size: 14px;
}

.modal__close {
  right: 9px;
  top: 3px;
}

#apps-wix_settings .open-support-options .undefined-component {
  padding: 0px;
}

#apps-wix_settings .open-feedback-url {
  padding-right: 0px;
  margin-right: 10px;
}

#apps-wix_settings .open-support-chat-button {
  padding-right: 0px;
  margin-left: 10px;
  margin-right: 0px;
}

#apps-wix_settings .open-support-options .feature-blocker-container .premium-star-react.premium-star-react-on-component {
  top: 14px;
  right: 24px;
}









@keyframes preloader-scale {
  0% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }

  50% {
    background-color: transparent;
    transform: scale(1);
  }

  100% {
    background-color: #3B8CFF;
    transform: scale(0.5);
  }
}

.preloader {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.preloader .preloader__box {
  animation: preloader-scale 2s infinite;
  border: 1px solid #3B8CFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  height: 10px;
  left: 0;
  position: absolute;
  transform: transformZ(0);
  width: 10px;
}

.preloader .preloader__box:nth-child(1n) {
  animation-delay: 0s;
  left: -18px;
}

.preloader .preloader__box:nth-child(2n) {
  animation-delay: 0.2s;
  left: 0;
}

.preloader .preloader__box:nth-child(3n) {
  animation-delay: 0.4s;
  left: 18px;
}

.preloader .preloader__message {
  position: absolute;
  width: 300px;
  left: -150px;
  top: 16px;
  text-align: center;
}

.preloader.inline {
  position: relative;
  transform: none;
  width: 0;
  min-height: 30px;
}

.preloader.center {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.loader {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  text-align: center;
}

.loader .circle {
  background-color: #5287df;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
  vertical-align: middle;
}

.loader .small {
  width: 10px;
  height: 10px;
  opacity: .3;
}

.loader .medium {
  width: 30px;
  height: 30px;
  opacity: .7;
}

.loader .powr-logo-icon {
  fill: #5287df;
  width: 60px;
  height: 60px;
  opacity: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-animation: scale-loader 1.4s infinite ease-in-out both;
  animation: scale-loader 1.4s infinite ease-in-out both;
}

.loader .small {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.loader .medium {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

@-webkit-keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes scale-loader {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

























.ReactModalPortal .ReactModal__Content.ReactModal__Content--after-open.app-draft-status-update-modal-content {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  max-width: 525px;
}



.ReactModalPortal .ReactModal__Overlay.ReactModal__Overlay--after-open.recover-changes-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7) !important;
  height: 100%;
  width: 100%;
}

.ReactModalPortal .buttonOptions {
  display: flex;
  justify-content: center;
}



.powrReactPopoverContainer {
  position: absolute;
  z-index: 5;
}

.powrReactPopoverContainer .popover-arrow {
  height: 15px;
  width: 15px;
  background: #ffffff;
  transform-origin: 0 100%;
  position: absolute;
  transform: rotate(45deg);
}

.powrReactPopoverContainer .popover-arrow-bottom {
  border-top: 1px solid #e0e6ea;
  border-left: 1px solid #e0e6ea;
}

.powrReactPopoverContainer .popover-arrow-top {
  border-bottom: 1px solid #e0e6ea;
  border-right: 1px solid #e0e6ea;
}

.powrReactPopoverContainer.tooltip-icon-class-helper {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.powrReactPopoverContainer.tooltip-icon-class-helper.visible {
  z-index: 5;
  opacity: 1;
  transition: opacity 1s ease;
  pointer-events: auto;
}



#toast-container {
  position: fixed;
  width: 100%;
  bottom: 25px;
  display: flex;
  justify-content: center;
  z-index: 1031;
}

#toast-container .url-link {
  color: #3B8CFF;
  text-decoration: underline;
}

#toast-container .publish-success {
  font-size: 1.2rem;
}

#toastify-container {
  z-index: 1031;
}

.toastify {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  max-width: 400px;
  padding: 8px 16px;
  text-align: center;
  width: 100%;
  z-index: 1;
  position: relative;
}

.toastify a {
  text-decoration: underline;
}

.toastify--primary {
  background-color: #eef5ff;
  border: 1px solid #3B8CFF;
  color: #354051;
}

.toastify--caution {
  background-color: white;
  border-top: 3px solid #ffe5b3;
  color: #354051;
}

.toastify--failure {
  background-color: white;
  border-top: 3px solid #f2aead;
  color: #EB8281;
}

.toastify--failure a {
  color: #3B8CFF;
}

.toastify--success {
  background-color: #dbf5e0;
  border-top: 3px solid #5bd272;
  color: #354051;
}

.toastify--unblock-feature {
  background-color: #354051;
  color: #F8F9FA;
  text-align: left;
}

.toastify_with-icon > i {
  top: 20px;
  left: 15px;
  position: absolute;
  font-size: 32px;
}

.toastify_with-icon > i.unblock-feature {
  color: #7560DF;
}

.toastify_with-icon > div {
  padding: 10px 10px 10px 45px;
  font-size: 14px;
}

.toastify-reset.Toastify__toast-container {
  padding: 0;
  width: inherit;
}

.toastify-reset.Toastify__toast--default {
  background: inherit;
}

.toastify-reset .Toastify__toast {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.toastify-reset .Toastify__close-button {
  position: absolute;
  color: #fff;
  top: 4px;
  right: 9px;
  z-index: 1;
}

.toastify-popout.Toastify__toast-container {
  width: 100%;
}

.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
  }

  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}

.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform .2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

.fade-entering {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-entered {
  opacity: 1;
  transition: opacity 0.5s;
}

.fade-exiting {
  opacity: 0;
  transition: opacity 0.5s;
}

.fade-exited {
  opacity: 0;
  transition: opacity 0.5s;
}



.phone-number__input {
  width: 100%;
  padding-left: 48px !important;
}

.phone-number__input-wrapper {
  flex: 1 1 auto;
  margin-bottom: 7px;
}

.phone-number__input__wrapper {
  display: flex;
  gap: 6px;
}

.phone-number__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
}

.phone-number__wrapper .phone-label span {
  display: contents;
}

.phone-number__extension {
  border-radius: 4px;
  text-align: left;
  flex: 0 0 auto;
  min-width: 64px;
}

.flag-container {
  right: unset !important;
}

#appView {
  transition: height .3s;
}

.powrMark {
  transition: opacity .3s;
}

.formbuilder-toggle {
  transition: opacity .3s;
}

.js-form-container {
  transition: height .3s;
}

#checkout.opened {
  animation: delay_fade_in 1.2s;
  -webkit-animation: delay_fade_in 1.2s;
  -moz-animation: delay_fade_in 1.2s;
  -ms-animation: delay_fade_in 1.2s;
  -o-animation: delay_fade_in 1.2s;
  opacity: 1;
}

#checkout.close {
  animation: fade_out 0.6s;
  -webkit-animation: fade_out 0.6s;
  -moz-animation: fade_out 0.6s;
  -ms-animation: fade_out 0.6s;
  -o-animation: fade_out 0.6s;
  opacity: 0;
}

#checkout {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 0.875rem;
  font-weight: normal;
  font-weight: 'Open Sans';
  color: #55667D;
}

#checkout h5 {
  font-size: 1.125rem;
  color: #55667D;
}

#checkout .checkout-screen {
  position: relative;
  border: 1px solid #eff2f4;
  z-index: 2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #eff2f4;
}

#checkout .checkout-screen .success {
  color: #36c451;
}

#checkout .checkout-screen .preloader {
  z-index: 1;
}

#checkout .checkout-screen .checkout-screen__stripe,
#checkout .checkout-screen .StripeElement {
  width: 100%;
  height: 40px;
  border: 1px solid #e0e6ea;
  margin: 16px 0;
  box-shadow: none;
  padding: 8px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background-color: #FFFFFF;
  font-size: 1rem !important;
}

#checkout .checkout-screen #payment-element.StripeElement,
#checkout .checkout-screen #link-element.StripeElement,
#checkout .checkout-screen #address-element.StripeElement {
  height: fit-content;
}

#checkout .checkout-screen .checkout-screen__payment-errors {
  font-size: 0.75rem;
  text-align: center;
  color: #EB8281;
}

#checkout .checkout-screen .error-input {
  border: 1px solid #EB8281;
}

#checkout .checkout-screen .checkout-screen__error-container {
  background-color: #FFFFFF;
  width: 100%;
}

#checkout .checkout-screen .checkout-screen__error-container .notification-banner {
  width: 90%;
}

#checkout .checkout-screen .checkout-screen__container,
#checkout .checkout-screen .checkout-screen__success-container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}

#checkout .checkout-screen .checkout-screen__success-container {
  height: 100%;
}

#checkout .checkout-screen .checkout-screen__ipn-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  z-index: 9998;
}

#checkout .checkout-screen .checkout-screen__ipn-overlay .checkout-screen__ipn-overlay-wrapper {
  height: 100%;
  width: 100%;
}

#checkout .checkout-screen .checkout-screen__ipn-overlay .checkout-screen__ipn-overlay-wrapper a,
#checkout .checkout-screen .checkout-screen__ipn-overlay .checkout-screen__ipn-overlay-wrapper h4 {
  color: #FFFFFF;
}

#checkout .checkout-screen .checkout-screen__ipn-overlay .checkout-screen__ipn-overlay-wrapper a {
  text-decoration: underline;
}

#checkout .checkout-screen .checkout-screen__success-container {
  background-color: #FFFFFF;
  flex-direction: column;
}

#checkout .checkout-screen .checkout-screen__success-heading {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#checkout .checkout-screen .checkout-screen__success-button {
  color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  background-color: #5287DF;
  font-size: 16px;
  padding: 10px;
  width: 25%;
  margin-top: 32px;
}

#checkout .checkout-screen .checkout-screen__close {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #e0e6ea;
  padding: 0 4px;
  text-align: center;
  width: 30px;
  font-size: 0.75rem;
  cursor: pointer;
  z-index: 3;
}

#checkout .checkout-screen .checkout-screen__close:hover {
  color: #086eff;
}

#checkout .checkout-screen .checkout-screen__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
}

#checkout .checkout-screen .checkout-screen__inner.is_stripe_v2_user {
  height: 100%;
  background-color: #FFFFFF;
}

#checkout .checkout-screen .checkout-screen__summary {
  background-color: #FFFFFF;
  min-width: 300px;
  position: relative;
  padding: 16px;
}

#checkout .checkout-screen .checkout-screen__payment {
  background-color: #eff2f4;
  padding: 16px;
  min-width: 300px;
}

#checkout .checkout-screen .checkout-screen__summary-title,
#checkout .checkout-screen .checkout-screen__payment-title {
  padding-bottom: 8px;
}

#checkout .checkout-screen .checkout-screen__line-items {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e6ea;
}

#checkout .checkout-screen .checkout-screen__line-items .checkout-screen__line-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.875rem;
}

#checkout .checkout-screen .checkout-screen__line-items .checkout-screen__line-item span {
  font-size: 0.875rem;
}

#checkout .checkout-screen .checkout-screen__line-item {
  margin-bottom: 8px;
}

#checkout .checkout-screen .checkout-screen__amount {
  white-space: nowrap;
}

#checkout .checkout-screen .checkout-screen__total-amount {
  font-weight: bold;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.875rem;
}

#checkout .checkout-screen .checkout-screen__product-blocks {
  background-color: #FFFFFF;
}

#checkout .checkout-screen .checkout-screen__product-block {
  display: flex;
  flex-direction: column;
}

#checkout .checkout-screen .checkout-screen__product-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}

#checkout .checkout-screen .checkout-screen__product-details.is_stripe_v2_user {
  column-gap: 10px;
}

#checkout .checkout-screen .checkout-screen__product-name {
  width: 50%;
}

#checkout .checkout-screen .checkout-screen__product-name.is_stripe_v2_user {
  max-width: 50%;
  flex-grow: 1;
}

#checkout .checkout-screen .checkout-screen__product-option {
  width: 25%;
}

#checkout .checkout-screen .checkout-screen__product-price {
  margin-top: 8px;
  font-size: 1rem;
  font-weight: bold;
}

#checkout .checkout-screen .checkout-screen__product-quant {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
  white-space: nowrap;
}

#checkout .checkout-screen .checkout-screen__product-quant-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px;
  border: 1px solid #eff2f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

#checkout .checkout-screen .checkout-screen__product-quant-input span {
  color: #e0e6ea;
  font-size: 0.75rem;
  cursor: pointer;
  cursor: hand;
  margin-left: 8px;
  margin-right: 8px;
}

#checkout .checkout-screen .checkout-screen__product-quant-input span:hover {
  color: #a0abbe;
}

#checkout .checkout-screen .checkout-screen__product-price-selector {
  display: flex;
  flex-direction: row;
  border: 2px solid #eff2f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  width: 20%;
}

#checkout .checkout-screen .checkout-screen__product-price-selector input {
  border: 0;
  margin: 0;
  padding-right: 0;
  color: #55667D;
  width: 100%;
}

#checkout .checkout-screen .checkout-screen__product_trial-note,
#checkout .checkout-screen .checkout-screen__subscription-total_count-note {
  margin-top: 4px;
  font-style: italic;
  font-size: 0.75rem;
  text-align: right;
}

#checkout .checkout-screen .checkout-screen__memo {
  margin: 16px 0;
}

#checkout .checkout-screen .checkout-screen__memo textarea.checkout-screen__memo-input,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input[type="text"]:focus,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input[type="text"]:focus,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input[type="number"]:focus,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input[type="number"]:focus,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input[type="email"]:focus,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input[type="email"]:focus,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input[type="tel"]:focus,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input[type="tel"]:focus,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input[type="url"]:focus,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input[type="url"]:focus {
  width: 100%;
  border-color: #eff2f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 1rem !important;
  resize: none;
  height: 80px;
}

#checkout .checkout-screen .checkout-screen__memo textarea.checkout-screen__memo-input::placeholder,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input:focus[type="text"]::placeholder,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input:focus[type="text"]::placeholder,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input:focus[type="number"]::placeholder,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input:focus[type="number"]::placeholder,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input:focus[type="email"]::placeholder,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input:focus[type="email"]::placeholder,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input:focus[type="tel"]::placeholder,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input:focus[type="tel"]::placeholder,
#checkout .checkout-screen .checkout-screen__memo .formElementsModule input.checkout-screen__memo-input:focus[type="url"]::placeholder,
.formElementsModule #checkout .checkout-screen .checkout-screen__memo input.checkout-screen__memo-input:focus[type="url"]::placeholder {
  color: #a0abbe;
}

#checkout .checkout-screen .checkout-screen__address-fields {
  margin-top: 16px;
  margin-bottom: 16px;
}

#checkout .checkout-screen .checkout-screen__address-fields-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

#checkout .checkout-screen .checkout-screen__address-fields-row input {
  width: 48%;
  height: 40px;
  border: 1px solid #e0e6ea;
  box-shadow: none;
  margin: 4px 0;
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #55667D;
  font-size: 0.875rem !important;
}

#checkout .checkout-screen .checkout-screen__address-fields-row input::placeholder {
  color: #a0abbe !important;
}

#checkout .checkout-screen .checkout-screen__address-fields-row .error-input {
  border: 1px solid #EB8281;
}

#checkout .checkout-screen .checkout-screen__payment-methods {
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e6ea;
  margin-bottom: 16px;
}

#checkout .checkout-screen .checkout-screen__payment-options,
#checkout .checkout-screen .checkout-screen__offline-option {
  font-size: 0.875rem;
}

#checkout .checkout-screen .checkout-screen__payment-option {
  margin-top: 8px;
}

#checkout .checkout-screen .checkout-screen__payment-option img {
  height: 24px;
  margin-right: 16px;
  margin-left: 8px;
}

#checkout .checkout-screen .checkout-screen__payment-option input {
  margin-top: 0;
  cursor: pointer;
}

#checkout .checkout-screen .checkout-screen__discount-code,
#checkout .checkout-screen .checkout-screen__email {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1rem;
  height: 40px;
  margin-top: 16px;
  margin-bottom: 16px;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input {
  position: relative;
  width: 100%;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input input,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input input,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input input,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input input {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e6ea;
  box-shadow: none;
  padding: 4px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  color: #55667D;
  font-size: 0.875rem !important;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input input::placeholder,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input input::placeholder,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input input::placeholder,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input input::placeholder {
  color: #a0abbe !important;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input input.checkout-screen__internal-input-icon,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input input.checkout-screen__internal-input-icon,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input input.checkout-screen__internal-input-icon,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input input.checkout-screen__internal-input-icon {
  padding-left: 38px;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input i.status-indicator,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input i.status-indicator,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input i.status-indicator,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input i.status-indicator {
  position: absolute;
  right: 10px;
  top: 10px;
}

#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__discount-input i.internal-icon,
#checkout .checkout-screen .checkout-screen__discount-code .checkout-screen__email-input i.internal-icon,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__discount-input i.internal-icon,
#checkout .checkout-screen .checkout-screen__email .checkout-screen__email-input i.internal-icon {
  position: absolute;
  left: 10px;
  top: 14px;
  font-size: 0.875rem;
  color: #a0abbe;
}

#checkout .checkout-screen .checkout-screen__discount-code button,
#checkout .checkout-screen .checkout-screen__email button {
  color: #FFFFFF;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 1rem;
}

#checkout .checkout-screen .checkout-screen__checkout-button {
  min-height: 50px;
}

#checkout .checkout-screen .checkout-screen__checkout-button img {
  cursor: pointer;
  cursor: hand;
}

#checkout .checkout-screen .paypal-button-container {
  min-height: 93px;
  background-color: #eff2f4;
}

#checkout .checkout-screen .checkout-screen__secure {
  text-align: center;
  color: #a0abbe;
  font-size: 0.75rem;
  margin-top: 8px;
}

#checkout .checkout-screen__wide {
  display: flex;
  align-items: stretch;
}

#checkout .checkout-screen__wide .checkout-screen__inner {
  flex-direction: row;
}

#checkout .checkout-screen__wide .checkout-screen__summary {
  flex: 2 0px;
  padding: 32px;
}

#checkout .checkout-screen__wide .checkout-screen__summary.is_stripe_v2_user.non_zero_payment {
  flex: 1 0px;
  padding: 32px;
}

#checkout .checkout-screen__wide .checkout-screen__summary-title,
#checkout .checkout-screen__wide .checkout-screen__address-fields-title {
  font-size: 1.125rem;
  padding: 0;
}

#checkout .checkout-screen__wide .checkout-screen__line-item,
#checkout .checkout-screen__wide .checkout-screen__product-details {
  margin-top: 16px;
}

#checkout .checkout-screen__wide .checkout-screen__payment {
  flex: 1 0px;
  padding: 32px;
}

#checkout .checkout-screen__wide .checkout-screen__payment.is_stripe_v2_user.non_zero_payment {
  height: max-content;
}

#checkout .checkout-screen__wide .checkout-screen__address-fields-row .left-side {
  margin-right: 8px;
}

@media (max-width: 320px) {
  #checkout .checkout-screen__summary,
  #checkout .checkout-screen__payment {
    min-width: 200px !important;
  }

  #checkout .checkout-screen .checkout-screen__product-details {
    flex-wrap: wrap;
  }

  #checkout .checkout-screen .checkout-screen__product-name {
    width: 100%;
  }

  #checkout .checkout-screen .checkout-screen__discount-code {
    height: 80px;
    flex-direction: column;
  }

  #checkout .checkout-screen .checkout-screen__address-fields-row input {
    width: 100%;
  }
}

.cc-label {
  font-family: "Gordita", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #354051;
}

.cc-date-cvv {
  display: flex;
  gap: 30px;
}

.cc-field {
  text-align: left;
  position: relative;
}

.card_field {
  margin-top: 3px;
  border-radius: 3px;
  padding: 11px;
}

.cc-icons-container {
  position: absolute;
  right: 10px;
  bottom: 9px;
  display: flex;
}

@media (min-width: 769px) and (max-width: 1162px) {
  .cc-icons-container {
    display: none;
  }
}

.cc-icon {
  width: 38px;
  height: 22px;
  background-repeat: no-repeat;
}

.pp-pay-button:disabled {
  cursor: not-allowed;
}

.delimeter {
  display: flex;
  gap: 23px;
  align-items: center;
}

.delimeter-line {
  border-top: 1px #E0E6EA solid;
  width: 100%;
  margin-top: 0;
  margin-bottom: 8px;
}

.card_container {
  padding-top: 0;
}

.bnplAfterSubmission {
  max-width: 530px;
  height: 300px;
  border-radius: 20px 20px 0 0;
}

.edit-on-click {
  display: flex;
  position: absolute;
}

.edit-on-click:hover .edit-on-click__hover {
  background-color: rgba(53, 64, 81, 0.2);
  filter: invert(100%);
}

.edit-on-click:hover .edit-on-click__buttons {
  display: flex;
}

.edit-on-click__hover {
  flex: 1;
  cursor: context-menu;
}

.edit-on-click__buttons {
  display: none;
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

.edit-on-click__buttons--reverse {
  flex-direction: row-reverse;
}

.edit-on-click-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff2f4;
}

.edit-on-click-button button {
  background-color: transparent !important;
  height: 20px;
}

.edit-on-click-button i {
  color: #55667D;
}

.edit-on-click-button i:hover {
  color: #3B8CFF;
}

.edit-on-click-button__settings {
  flex-direction: column;
  padding: 12px;
  border-radius: 4px 0 0 4px;
}

.edit-on-click-button__settings__divider {
  border-top: 1px solid #FFFFFF;
  margin: 10px 0;
  width: 90%;
}

.edit-on-click-button__settings--right-position {
  border-radius: 0 4px 4px 0;
  margin-left: 2px;
}

.edit-on-click-button__arrow {
  height: 38px;
  padding: 0 4px;
}

.edit-on-click-button__arrow__divider {
  height: 2px;
  width: 100%;
  background-color: transparent;
}

.edit-on-click-button--delete i:hover {
  color: #FD5A47;
}

.edit-on-click-button--disabled i {
  color: #55667D;
  opacity: .3;
}

.edit-on-click-button--disabled i:hover {
  color: #55667D;
}

.edit-on-click-button--left-m {
  margin-left: 10px;
}

.edit-on-click-add-element {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.edit-on-click-add-element:hover .edit-on-click-add-element__dashed-line,
.edit-on-click-add-element:hover .edit-on-click-add-element__plus-button {
  display: flex;
}

.edit-on-click-add-element__dashed-line {
  display: none;
  position: absolute;
  left: -3px;
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, transparent 50%, #bec6ca 50%);
  background-size: 15px 100%;
}

.edit-on-click-add-element__plus-button {
  display: none;
  position: relative;
  cursor: pointer;
  width: 14px;
  height: 16px;
}

.edit-on-click-add-element__plus-button > i {
  position: absolute;
  top: 1px;
}

.edit-on-click-add-element__plus-button:hover .edit-on-click-add-element__icon {
  display: none;
}

.edit-on-click-add-element__plus-button:hover .edit-on-click-add-element__icon--hover {
  display: inline;
}

.edit-on-click-add-element .edit-on-click-add-element__icon {
  color: #354051;
}

.edit-on-click-add-element .edit-on-click-add-element__icon--hover {
  display: none;
  color: #3B8CFF;
}

.edit-on-click-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 14px 0;
  background: #FFFFFF;
}

.edit-on-click-toggle__button {
  font-size: 14px;
  color: #55667D;
  cursor: pointer;
  height: 18px;
  display: flex;
  align-items: center;
}

.edit-on-click-toggle__button:hover {
  color: #3B8CFF;
}

.edit-on-click-toggle__button--active {
  color: #55667D;
  box-shadow: inset 0 -1px #55667D;
}

.edit-on-click-toggle__button--active:hover {
  color: #55667D;
}

.edit-on-click-toggle.shopify-embedded-standalone {
  background: none;
}

.edit-on-click-toggle--popup {
  z-index: 3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 8px;
  max-width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 14px 0;
  background: rgba(0, 0, 0, 0.5);
}

.edit-on-click-toggle--popup__button {
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
  height: 18px;
  display: flex;
  align-items: center;
}

.edit-on-click-toggle--popup__button:hover {
  color: #95CEFF;
}

.edit-on-click-toggle--popup__button--active {
  color: #FFFFFF;
  box-shadow: inset 0 -1px #FFFFFF;
}

.edit-on-click-toggle--popup__button--active:hover {
  color: #95CEFF;
}

.edit-on-click-toggle--display-on-click {
  width: fit-content;
  margin: 0 auto 4px;
  padding: 16px 32px;
  border-radius: 4px 4px 0 0;
}

.form-divider {
  border-top: 2px dashed transparent;
  filter: invert(100%);
  margin: 4px -32px;
}

.form-divider.form-divider__visible {
  border-color: rgba(53, 64, 81, 0.4);
}

#appView .formBuilder-v2 {
  padding: 0;
}

#appView .formBuilder-v2 .header-image__container {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

#appView .formBuilder-v2 .header-image--top {
  padding-bottom: 0;
}

#appView .formBuilder-v2 .header-image--right {
  padding-left: 0;
}

#appView .formBuilder-v2 .header-image--left {
  padding-right: 0;
}

@keyframes HideList {
  from {
    transform: scaleY(1);
  }

  to {
    transform: scaleY(0);
  }
}

#appView .formBuilder-v2 .form-dropdown {
  position: relative;
  display: block;
  width: 100%;
}

#appView .formBuilder-v2 .form-dropdown__current {
  position: relative;
  cursor: pointer;
  outline: none;
  border-style: solid;
  overflow: hidden;
}

#appView .formBuilder-v2 .form-dropdown__current:focus + .form-dropdown__list {
  opacity: 1;
  animation-name: none;
}

#appView .formBuilder-v2 .form-dropdown__current:focus + .form-dropdown__list .form-dropdown__option {
  cursor: pointer;
}

#appView .formBuilder-v2 .form-dropdown__current:focus .form-dropdown__icon i {
  transform: rotate(180deg);
}

#appView .formBuilder-v2 .form-dropdown__icon {
  position: absolute;
  top: 0;
  right: 13px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#appView .formBuilder-v2 .form-dropdown__icon i {
  padding-top: 4px;
  transition: 0.2s ease;
  font-size: 1.5rem;
  color: #55667D;
}

#appView .formBuilder-v2 .form-dropdown__value {
  display: flex;
}

#appView .formBuilder-v2 .form-dropdown__input {
  display: none;
}

#appView .formBuilder-v2 .form-dropdown__input:checked + .form-dropdown__input-text {
  display: block;
}

#appView .formBuilder-v2 .form-dropdown__input-text {
  display: none;
  width: 100%;
  margin: 0;
  padding: 6.5px 12px;
  line-height: 1.4;
}

#appView .formBuilder-v2 .form-dropdown__list {
  max-height: 220px;
  overflow-y: auto;
  position: absolute;
  margin-top: 2px;
  width: 100%;
  padding: 0 4px;
  list-style: none;
  opacity: 0;
  z-index: 3;
  border-style: solid;
  animation-name: HideList;
  animation-duration: 0.5s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: step-start;
}

#appView .formBuilder-v2 .form-dropdown__list::-webkit-scrollbar {
  width: 6px;
}

#appView .formBuilder-v2 .form-dropdown__list::-webkit-scrollbar-thumb {
  background: rgba(153, 153, 153, 0.25);
}

#appView .formBuilder-v2 .form-dropdown__list li label {
  position: inherit;
  width: 100%;
  height: 100%;
  clip: auto;
  clip-path: inherit;
  overflow: inherit;
}

#appView .formBuilder-v2 .form-dropdown__option {
  display: block;
  padding: 8px 6px;
  background-color: transparent;
}

#appView .formBuilder-v2 .form-dropdown__option:hover,
#appView .formBuilder-v2 .form-dropdown__option:focus {
  background-color: rgba(153, 153, 153, 0.25);
}

#appView .formBuilder-v2 .form-dropdown__label {
  position: inherit;
  clip: auto;
  clip-path: inherit;
  overflow: inherit;
}

#appView .formBuilder-v2 .form-progress-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 34px;
}

#appView .formBuilder-v2 .form-progress-bar .progress-bar-line {
  width: 100%;
}

#appView .formBuilder-v2 .form-progress-bar .progress-bar-line .progress {
  height: 8px;
  border-radius: 2px;
}

#appView .formBuilder-v2 .form-progress-bar .progress-bar-line .progress .progress-bar {
  box-shadow: none;
}

#appView .formBuilder-v2 .form-progress-bar .progress-bar-percentage {
  margin-top: 12px;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage {
  width: 100%;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radio-image-price {
  text-align: center;
  display: block;
  margin-top: 10px;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .grid {
  display: grid;
  overflow: hidden;
  grid-auto-rows: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  max-width: 100%;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .grid .grid__item {
  width: 100%;
  display: flex;
  float: none;
  vertical-align: top;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .grid-3n {
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (max-width: 543px) {
  #appView .formBuilder-v2 .modernize-inputs .radioImage .grid-3n {
    grid-template-columns: repeat(2, 1fr);
  }
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .grid-2n {
  grid-template-columns: repeat(2, 1fr);
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .grid-vertical {
  grid-template-columns: repeat(1, 1fr);
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption {
  margin: 0;
  border-width: 2px;
  transition: all .2s ease;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption:hover {
  transition: all .2s ease;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption .imageWrapper {
  width: 100%;
  padding-top: 133%;
  /* 4:3 Aspect Ratio */
  position: relative;
  overflow: hidden;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption .imageWrapper .imageWrapper__img {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption .imageWrapper img {
  width: 0;
  height: 0;
  position: relative;
  z-index: 2;
}

#appView .formBuilder-v2 .modernize-inputs .radioImage .radioOption .imageCaption {
  padding-top: 0;
  margin: 8px 0;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload__label {
  margin-bottom: 10px;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload button.uploadBtn {
  outline: none;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload button.uploadBtn i {
  margin-left: 4px;
  top: 1px;
  position: relative;
  font-size: 18px;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload__name {
  margin-top: 8px;
  font-size: 1rem;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload__name strong {
  font-size: 1rem;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload__trash {
  font-size: 18px;
  cursor: pointer;
}

#appView .formBuilder-v2 .modernize-inputs .file-upload .uploadProgress {
  display: none;
}

#appView .formBuilder-v2 .choice-option__label p {
  margin: 0;
  color: #2D2D2D;
}

#appView .formBuilder-v2 .modernize-inputs .choice {
  box-sizing: border-box;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-options-label {
  margin-top: 0;
  margin-bottom: 10px;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-options {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-options.horizontal {
  flex-direction: row;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-options.horizontal .choice-option {
  width: auto;
  margin: 0 10px 10px 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-options.horizontal .choice-option-other-choice .choice-option {
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  cursor: hand;
  margin: 0 0 10px 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option:last-child {
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input-wrapper {
  display: flex;
  align-items: center;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input-wrapper.horizontal {
  margin-right: 5px;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input {
  display: flex;
  margin-right: 12px;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input input {
  opacity: 0;
  width: 0;
  height: 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input input[type='radio']:checked + .choice-option__control::before {
  transform: scale(1);
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__input input[type='checkbox']:checked + .choice-option__control svg {
  transform: scale(1);
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border: 1px solid #354051;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__control--radio-button {
  border-radius: 50%;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__control--radio-button::before {
  content: '';
  width: 10px;
  height: 10px;
  box-shadow: inset 10px 10px;
  border-radius: 50%;
  transform: scale(0);
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__control--checkbox {
  border-radius: 1px;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option__control--checkbox svg {
  transform: scale(0);
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option-other-choice {
  display: flex;
  flex: 1 0 100%;
  flex-direction: column;
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option-other-choice .choice-option {
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .choice .choice-option-other-choice__input {
  margin-top: 10px;
}

#appView .formBuilder-v2 .modernize-inputs .emojiOptions .emojiOption {
  padding: 8px 16px;
}

#appView .formBuilder-v2 .modernize-inputs .emojiOptions .emojiOption.emoji-2,
#appView .formBuilder-v2 .modernize-inputs .emojiOptions .emojiOption.emoji-3 {
  width: 120px;
}

#appView .formBuilder-v2 .modernize-inputs .emojiOptions .emojiOption.emoji-5 {
  width: 80px;
}

#appView .formBuilder-v2 .modernize-inputs .ratingOption .ratingOptionItem {
  padding-right: 16px;
}

#appView .formBuilder-v2 .modernize-inputs .ratingOption .ratingOptionItem:last-child {
  padding-right: 0;
}

#appView .formBuilder-v2 .modernize-inputs .ratingOption .ratingOptionItem svg,
#appView .formBuilder-v2 .modernize-inputs .ratingOption .ratingOptionItem p {
  padding-right: 0;
}

#appView .formBuilder-v2 .modernize-inputs .ratingOption .ratingOptionItem span {
  padding-right: 7px;
}

#appView .formBuilder-v2 .buttonContainer {
  margin: 0;
}

#appView .formBuilder-v2 #submitButton,
#appView .formBuilder-v2 #formBackButton {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  white-space: normal;
}

#appView .formBuilder-v2 #submitButton > span,
#appView .formBuilder-v2 #formBackButton > span {
  margin: 0 16px;
}

#appView .formBuilder-v2 #formBackButton {
  margin-right: 16px;
}

#appView .formBuilder-v2 .back-button-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#appView .formBuilder-v2 .back-button-icon.small {
  left: 6px;
}

#appView .formBuilder-v2 .back-button-icon.medium {
  left: 10px;
}

#appView .formBuilder-v2 .back-button-icon.large {
  left: 13px;
}

#appView .formBuilder-v2 .next-button-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#appView .formBuilder-v2 .next-button-icon.small {
  right: 6px;
}

#appView .formBuilder-v2 .next-button-icon.medium {
  right: 10px;
}

#appView .formBuilder-v2 .next-button-icon.large {
  right: 13px;
}

#appView .formBuilder-v2 .clearfix,
#appView .formBuilder-v2 .gap-element--small,
#appView .formBuilder-v2 .gap-element--large {
  clear: both;
}

#appView .formBuilder-v2 .header {
  margin-bottom: 32px;
}

#appView .formBuilder-v2 .radio,
#appView .formBuilder-v2 .checkbox {
  padding-left: 0;
}

#appView .formBuilder-v2 .modernize-inputs textarea::placeholder,
#appView .formBuilder-v2 .modernize-inputs .formElementsModule input:focus[type="text"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs input:focus[type="text"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs .formElementsModule input:focus[type="number"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs input:focus[type="number"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs .formElementsModule input:focus[type="email"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs input:focus[type="email"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs .formElementsModule input:focus[type="tel"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs input:focus[type="tel"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs .formElementsModule input:focus[type="url"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs input:focus[type="url"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs select::placeholder,
#appView .formBuilder-v2 .modernize-inputs input:not([type=checkbox]):not([type=radio])::placeholder,
#appView .formBuilder-v2 .modernize-inputs .form-control::placeholder {
  color: transparent;
}

#appView .formBuilder-v2 .modernize-inputs .space {
  display: block;
  width: 100%;
  height: 0;
}

#appView .formBuilder-v2 .modernize-inputs .addressLabel {
  text-align: center;
  font-weight: bold;
  margin-bottom: 24px;
}

#appView .formBuilder-v2 .modernize-inputs .addressLabel h3,
#appView .formBuilder-v2 .modernize-inputs .addressLabel .template-view__title {
  margin-top: 0;
}

#appView .formBuilder-v2 .modernize-inputs .country-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#appView .formBuilder-v2 .modernize-inputs .country-select + i.fal {
  float: right;
  margin-top: -30px;
  margin-right: 10px;
  pointer-events: none;
  background-color: transparent;
  font-size: 1.5rem;
  color: #55667D;
}

#appView .formBuilder-v2 .modernize-inputs .labelElement {
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .styledText p:last-child {
  margin-bottom: 0;
}

#appView .formBuilder-v2 .modernize-inputs .line-break hr {
  margin: 0;
}

#appView .formBuilder-v2 .modernize-inputs .form-group:not(.addressLabel) {
  margin-bottom: 0;
  position: relative;
}

#appView .formBuilder-v2 .modernize-inputs label.requiredAndBlank {
  color: inherit;
}

#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small textarea,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .form-control {
  padding: 6px 8px;
}

#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-small .form-dropdown__input-text {
  padding: 6.5px 8px;
}

#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large textarea,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .form-control {
  padding: 14px;
}

#appView .formBuilder-v2 .modernize-inputs.modernize-inputs-large .form-dropdown__input-text {
  padding: 14.5px;
}

#appView .formBuilder-v2 .modernize-inputs .phone-number__input-wrapper {
  margin-bottom: 0;
}

#appView .formBuilder-v2 .modernize-inputs .form-dropdown__current.requiredAndBlank {
  border-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-block textarea,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block select,
#appView .formBuilder-v2 .modernize-inputs-block input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs-block .form-control {
  box-shadow: none;
  padding: 6px 12px;
  transition: all .2s ease;
}

#appView .formBuilder-v2 .modernize-inputs-block textarea.requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-block select.requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-block input:not([type=checkbox]):not([type=radio]).requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-block .form-control.requiredAndBlank {
  box-shadow: none;
  border-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-block textarea.requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input.requiredAndBlank:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input.requiredAndBlank:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-block select.requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-block input:not([type=checkbox]):not([type=radio]).requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-block .form-control.requiredAndBlank:focus {
  border-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-block textarea:focus,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-block select:focus,
#appView .formBuilder-v2 .modernize-inputs-block input:not([type=checkbox]):not([type=radio]):focus,
#appView .formBuilder-v2 .modernize-inputs-block .form-control:focus {
  outline: none;
}

#appView .formBuilder-v2 .modernize-inputs-block textarea::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="text"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="text"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="number"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="number"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="email"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="email"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="tel"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="tel"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .formElementsModule input:focus[type="url"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-block input:focus[type="url"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block select::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block input:not([type=checkbox]):not([type=radio])::placeholder,
#appView .formBuilder-v2 .modernize-inputs-block .form-control::placeholder {
  color: transparent;
}

#appView .formBuilder-v2 .modernize-inputs-block .formElement label:not(.labelElement):not(.radioOption):not(.choice-option):not(.choice-options-label) {
  margin-bottom: 6px;
  margin-top: 0px;
}

#appView .formBuilder-v2 .modernize-inputs-block .for-input {
  display: contents;
}

#appView .formBuilder-v2 .modernize-inputs-line textarea,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line select,
#appView .formBuilder-v2 .modernize-inputs-line input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs-line .form-control {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  appearance: none;
  transition: border-bottom-color .15s ease;
  border-radius: 0;
  padding: 4px 0;
}

#appView .formBuilder-v2 .modernize-inputs-line textarea.requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line select.requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-line input:not([type=checkbox]):not([type=radio]).requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-line .form-control.requiredAndBlank {
  border-bottom-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-line textarea.requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input.requiredAndBlank:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input.requiredAndBlank:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-line select.requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-line input:not([type=checkbox]):not([type=radio]).requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-line .form-control.requiredAndBlank:focus {
  border-bottom-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-line textarea:focus,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-line select:focus,
#appView .formBuilder-v2 .modernize-inputs-line input:not([type=checkbox]):not([type=radio]):focus,
#appView .formBuilder-v2 .modernize-inputs-line .form-control:focus {
  outline: none;
  border-radius: 0 !important;
  box-shadow: none;
}

#appView .formBuilder-v2 .modernize-inputs-line textarea::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="text"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="text"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="number"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="number"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="email"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="email"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="tel"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="tel"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .formElementsModule input:focus[type="url"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line input:focus[type="url"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line select::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line input:not([type=checkbox]):not([type=radio])::placeholder,
#appView .formBuilder-v2 .modernize-inputs-line .form-control::placeholder {
  color: transparent;
}

#appView .formBuilder-v2 .modernize-inputs-line .for-input {
  display: inline-block;
  clip: auto;
  clip-path: inherit;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select .form-dropdown__label {
  display: none;
  position: absolute;
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select.value-selected .form-dropdown__label {
  display: flex;
  top: 3px;
  left: 0;
  transform: translate3d(0, -25px, 0) scale(0.75);
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select .form-dropdown__current {
  border-top-style: hidden;
  border-right-style: hidden;
  border-left-style: hidden;
  margin-top: -6px;
  border-radius: 0;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select p.form-dropdown__input-text {
  padding-bottom: 4px;
  padding-left: 0;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select .form-dropdown__list {
  border-radius: 0;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.select .form-dropdown__list li label {
  pointer-events: initial;
}

#appView .formBuilder-v2 .modernize-inputs-line .option__othertext--visible {
  margin-top: 16px;
}

#appView .formBuilder-v2 .modernize-inputs-line .form-group .for-input {
  position: absolute;
  top: -3px;
  left: 0;
  transform-origin: 0 0;
  transform: translate3d(0, 0, 0);
  transition: all .2s ease;
  pointer-events: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#appView .formBuilder-v2 .modernize-inputs-line .form-group .for-input.phone-label {
  left: 50px;
  z-index: 2;
}

#appView .formBuilder-v2 .modernize-inputs-line .form-group .for-input.label-up {
  transform: translate3d(0, -25px, 0) scale(0.75);
  display: inline-table;
}

#appView .formBuilder-v2 .modernize-inputs-line .form-group .for-input.label-up.phone-label {
  transform: translate3d(-50px, -25px, 0) scale(0.75);
}

#appView .formBuilder-v2 .modernize-inputs-line .form-group.select label,
#appView .formBuilder-v2 .modernize-inputs-line .form-group.addressLabel label,
#appView .formBuilder-v2 .modernize-inputs-line .form-group.radio label,
#appView .formBuilder-v2 .modernize-inputs-line .form-group.rating label {
  position: initial;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.addressWrapper {
  margin-bottom: 0;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.addressWrapper .form-group label.fitText {
  left: 0;
}

#appView .formBuilder-v2 .modernize-inputs-line .formElement.addressWrapper .col-xs-6:nth-child(odd) label {
  left: 15px;
}

#appView .formBuilder-v2 .modernize-inputs-line .powr-signature label.fitText {
  position: static;
}

#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small textarea,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .form-control {
  padding: 4px 0;
}

#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-small .formElement.select .form-dropdown__current {
  margin-top: -2px;
}

#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large textarea,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .form-control {
  padding: 6px 0;
}

#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElement.select .form-dropdown__current {
  margin-top: -14.5px;
}

#appView .formBuilder-v2 .modernize-inputs-line.modernize-inputs-large .formElement.select p.form-dropdown__input-text {
  padding-bottom: 9px;
}

#appView .formBuilder-v2 .modernize-inputs-inline textarea,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline input:not([type=checkbox]):not([type=radio]),
#appView .formBuilder-v2 .modernize-inputs-inline .form-control {
  box-shadow: none;
  padding: 6px 12px;
  transition: all .2s ease;
}

#appView .formBuilder-v2 .modernize-inputs-inline textarea.requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank[type="text"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank[type="text"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank[type="number"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank[type="number"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank[type="email"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank[type="email"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank[type="tel"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank[type="tel"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank[type="url"]:focus,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank[type="url"]:focus,
#appView .formBuilder-v2 .modernize-inputs-inline input:not([type=checkbox]):not([type=radio]).requiredAndBlank,
#appView .formBuilder-v2 .modernize-inputs-inline .form-control.requiredAndBlank {
  border-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-inline textarea.requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input.requiredAndBlank:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input.requiredAndBlank:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-inline input:not([type=checkbox]):not([type=radio]).requiredAndBlank:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .form-control.requiredAndBlank:focus {
  border-color: #d04239;
}

#appView .formBuilder-v2 .modernize-inputs-inline textarea:focus,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="text"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="text"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="number"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="number"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="email"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="email"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="tel"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="tel"],
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="url"],
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="url"],
#appView .formBuilder-v2 .modernize-inputs-inline input:not([type=checkbox]):not([type=radio]):focus,
#appView .formBuilder-v2 .modernize-inputs-inline .form-control:focus {
  outline: none;
}

#appView .formBuilder-v2 .modernize-inputs-inline textarea::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="text"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="text"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="number"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="number"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="email"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="email"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="tel"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="tel"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .formElementsModule input:focus[type="url"]::placeholder,
.formElementsModule #appView .formBuilder-v2 .modernize-inputs-inline input:focus[type="url"]::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline input:not([type=checkbox]):not([type=radio])::placeholder,
#appView .formBuilder-v2 .modernize-inputs-inline .form-control::placeholder {
  color: #a0abbe;
}

#appView .formBuilder-v2 .modernize-inputs-inline .form-group:not(.addressLabel):not(.addressWrapper):not(.ratingLabel):not(.emojiLabel):not(.radioImageLabel):not(.numberLabel) > label:not(.choice-option):not(.labelElement) {
  display: none;
}

#appView .formBuilder-v2 .modernize-inputs-inline .phone-number__wrapper label,
#appView .formBuilder-v2 .modernize-inputs-inline .datePickerParent label {
  display: none;
}

#appView .formBuilder-v2 .modernize-inputs-inline .option__othertext--visible {
  margin-top: 16px;
}

.ratingOption {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
}

.ratingOption.center {
  justify-content: center;
}

.ratingOption.right {
  justify-content: end;
}

.ratingOptionItem {
  display: inline-block;
  flex: 0 1 50px;
}

.ratingOptionItem:last-child {
  padding-right: 0;
}

.ratingOptionItem p {
  padding-right: 7px;
}

.ratingOptionItem svg {
  width: 100%;
  max-height: 50px;
  cursor: pointer;
  padding: 0 7px 0 0;
}

.ratingOptionItem svg path {
  fill: inherit;
  fill-opacity: 0;
  stroke-width: 5%;
}

.ratingOptionItemHover svg path {
  fill-opacity: .2;
}

.ratingOptionItemActive svg path {
  fill-opacity: 1;
}

.rating-label {
  font-family: Lato;
  font-weight: 400;
  color: #424242;
}

.formResultsWix {
  padding-bottom: 20px;
  margin: 20px 0;
}

.editor-loading {
  background: #FFFFFF;
  width: 400px;
  position: absolute;
  left: calc(50% - 200px);
  top: 100px;
  height: 100px;
  padding: 16px;
  border: 1px solid #eff2f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  overflow: hidden;
}

.mce-toolbar {
  width: 250px !important;
}

.editor-content__email-view {
  top: 0px !important;
}

.powr-mail-editor-modal {
  z-index: 9999 !important;
}

.ReactModal__Overlay {
  z-index: 999999 !important;
}

.editor-content .modal-backdrop {
  z-index: 999999 !important;
}

.form-modal-floating-tab,
.form-modal-floating-button {
  cursor: pointer;
  cursor: hand;
  transition: 0.2s ease;
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
}

.form-modal-floating-button {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  -ms-border-radius: 999px;
  -o-border-radius: 999px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  display: inline-block;
  height: 60px;
  font-size: 1.625rem;
  line-height: 57px;
  min-width: 60px;
  text-align: center;
  width: 60px;
}

.form-modal-floating-button .popup-floating-button__text {
  display: none;
}

.form-modal-floating-button img {
  float: left;
  width: 50px;
  margin-right: 5px;
}

.form-modal-floating-tab {
  font-size: 1.125rem;
  padding: 8px 16px;
  display: table;
}

.form-modal-floating-tab.bottom {
  border-radius: 3px 3px 0 0;
}

.form-modal-floating-tab.left {
  border-radius: 3px 3px 0 0;
}

.form-modal-floating-tab.right {
  border-radius: 3px 3px 0 0;
}

.modal-form-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
}

.modal-form-wrapper .formBuilder {
  top: 5%;
  max-height: 90%;
  overflow-y: auto;
}

.modal-form-wrapper__overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.modal-form-close-area {
  width: 34px;
  height: 34px;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  border-radius: 50%;
}

.modal-form-close-area i {
  font-size: 1.5rem;
  margin-top: 6px;
  display: inline-block;
}

#appSettings .form-element .patternContainer label {
  display: inline;
}

label.checked {
  border: 2px solid #36c451;
}

label:focus {
  outline: none;
}

#captchaTemplate {
  display: none !important;
}

.formBuilder {
  margin: 0 auto;
  background-size: auto;
  background-repeat: repeat-x;
  position: relative;
}

.formBuilder .uploadBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.formBuilder .trigger-close {
  z-index: 9999;
  position: absolute;
  cursor: pointer;
  cursor: hand;
  top: 20px;
  right: 20px;
  font-size: 22px;
  opacity: 0.5;
}

.formBuilder .trigger-close_inverse {
  color: #FFFFFF;
}

.formBuilder .required {
  color: #EB8281;
  margin-right: 3px;
}

.formBuilder .reportAbuseMark {
  font-size: 10px;
}

.formBuilder .buttonContainer {
  width: 100%;
  padding: 0px !important;
}

.formBuilder .printer {
  cursor: pointer;
}

.formBuilder .stepLabel {
  font-size: 12px;
}

.formBuilder legend {
  color: inherit;
  border: none;
  margin: 0;
}

.formBuilder #submitButton,
.formBuilder #formBackButton {
  display: table;
  margin: 0px;
  min-width: 75px;
}

.formBuilder #formBackButton {
  margin-right: 16px;
}

.formBuilder .submitButton:focus,
.formBuilder .formBackButton:focus {
  outline: 0;
}

.formBuilder .leftBtn {
  float: left;
}

.formBuilder .rightBtn {
  float: right;
}

.formBuilder .centerBtn {
  margin-left: auto !important;
  margin-right: auto !important;
}

.formBuilder .fullBtn {
  width: 100%;
}

.formBuilder #responseChart {
  height: 400px;
  position: relative;
  font-size: 20px;
  width: 100%;
}

.formBuilder .header {
  margin-bottom: 24px;
  width: 100%;
}

.formBuilder .header .description {
  margin-bottom: 0;
  margin-top: 8px;
}

.formBuilder .header h1,
.formBuilder .header h2,
.formBuilder .header .formElementsModule h1,
.formElementsModule .formBuilder .header h1,
.formBuilder .header h3,
.formBuilder .header .template-view__title {
  width: 100%;
}

.formBuilder .formbuilder__payments-submission-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
  display: none;
}

.formBuilder .formbuilder__payments-submission-overlay .formbuilder__payments-submission-wrapper {
  text-align: center;
  margin: 0;
  position: absolute;
  padding: 16px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

.formBuilder .formbuilder__payments-submission-overlay .formbuilder__payments-submission-wrapper .formbuilder__payments-submission-wrapper-contents {
  max-width: 457px;
  margin: 0 auto;
  position: relative;
  z-index: 10000;
}

.formBuilder .formbuilder__payments-submission-overlay .formbuilder__payments-submission-wrapper .formbuilder__payments-submission-wrapper-contents .message-header {
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
}

.formBuilder .formbuilder__payments-submission-overlay .formbuilder__payments-submission-wrapper .formbuilder__payments-submission-wrapper-contents .payment-link {
  color: #fff;
  text-decoration: underline;
  padding: 0 24px;
}

.formBuilder .success {
  color: inherit;
}

.formBuilder hr {
  margin-bottom: 0;
  margin-top: 15px;
}

.formBuilder .multi-step_progress-bar-container .progress {
  height: 5px;
}

.formBuilder .multi-step_progress-bar-container .progress-bar-percentage {
  margin-top: -4px;
}

.formBuilder .form-group.checkbox,
.formBuilder .form-group.radio {
  padding-left: 0;
}

@media screen and (max-width: 400px) {
  .fullWhenSmall {
    width: 100%;
    padding: 0px;
  }

  .half {
    width: 100% !important;
    display: block;
  }
}

.signatureName {
  font-family: 'Mr Dafoe', cursive;
  font-size: 25px;
  color: black;
  padding: 10px;
  width: 100%;
  height: 53px;
}

input.requiredAndBlank,
textarea.requiredAndBlank,
.formElementsModule textarea.requiredAndBlank:focus,
.formElementsModule input.requiredAndBlank[type="text"]:focus,
.formElementsModule input.requiredAndBlank[type="number"]:focus,
.formElementsModule input.requiredAndBlank[type="email"]:focus,
.formElementsModule input.requiredAndBlank[type="tel"]:focus,
.formElementsModule input.requiredAndBlank[type="url"]:focus,
select.requiredAndBlank,
canvas.requiredAndBlank {
  border: 1px solid red;
}

.paypalQuantity {
  max-width: 33.333333% !important;
  display: inline-block !important;
}

.quantityButton {
  display: inline-block !important;
  font-size: 14px !important;
  padding: 6px 10px !important;
}

#appView {
  margin: 0 10px;
}

#appView .formbuilder-toggle,
#appView .afterSubmissionContainer,
#appView .submissionLimitContainer {
  position: relative;
}

#appView .optin-label {
  margin: 0 0 0 4px;
}

#appView .optin-label p {
  margin: 0;
  font-family: Oswald;
  color: #757575;
  font-size: 16px;
  line-height: 1;
}

#appView .formBuilder a:not(.powrMarkLink) {
  text-decoration: underline;
}

#appView .formBuilder .linkResponses {
  text-align: center;
}

#appView .formBuilder .linkResponses a.resultsButton {
  text-decoration: none;
}

#appView .formBuilder .gdprPermissions p {
  line-height: normal;
}

#appView .formBuilder legend p,
#appView .formBuilder legend {
  font-weight: bold;
}

#appView .gdprPermissions:last-child {
  margin-bottom: 0;
}

#appView .radioImage .horizontal.col-sm-6:nth-child(odd) {
  clear: both;
}

#appView .radioImage .radioOption {
  padding: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

#appView .radioImage .radioOption:hover {
  cursor: pointer;
}

#appView .radioImage .radioOption.checked {
  cursor: default;
}

#appView .emojiOptions {
  display: table;
}

#appView .emojiOption {
  cursor: pointer;
  text-align: center;
  font-size: .8rem;
  padding: 2px;
  border: 1px solid transparent;
  display: table-cell;
  overflow-wrap: break-word;
  height: 100%;
  hyphens: auto;
}

#appView .emojiOption.emoji-2,
#appView .emojiOption.emoji-3 {
  width: 100px;
}

#appView .emojiOption.emoji-5 {
  width: 65px;
}

@media (max-width: 300px) {
  #appView .emojiOption.emoji-5 {
    width: 50px;
  }
}

#appView .emojiImage {
  font-size: 3rem;
}

#appView .emoji-5 .emojiImage {
  font-size: 2rem;
}

@media (max-width: 300px) {
  #appView .emoji-5 .emojiImage {
    font-size: 1rem;
  }
}

#appView .option__othertext--visible {
  display: block;
}

#appView .option__othertext--hidden {
  display: none;
}

#appView .option__otherlabel--visible {
  display: block;
}

#appView .option__otherlabel--hidden {
  display: none;
}

#appView .option__othertext--inline {
  display: inline-block;
  width: 100%;
}

#appView .option__othertext--padding-left {
  padding-left: 20px;
}

#appView .option__other--nextline {
  display: block;
}

#appView .option_otherspace {
  display: block;
  width: 100%;
  height: 10px;
}

#appView .error-message {
  display: inline-block;
  color: #000000;
  background-color: #F3A5A4;
  font-size: 0.75rem;
}