#dlgFieldIssue+.ui-dialog-buttonpane .ui-button,
#recordControlArea #btNextRecord,
#recordControlArea #btPrevRecord,
.add_to_basket_from_preview,
.button,
.catfish-button,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails,
.externalauthentication .oauth-login-facebook a,
.externalauthentication .oauth-login-linkedin a,
.megaEditMainContainer .script_upload_button,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date #dispatchDayOfMonthComment,
.page-albummanagement-viewalbum #AddAlbumButton,
.page-albummanagement-viewalbum #ImageUploader #imageError__Close,
.page-albummanagement-viewalbum #imageErrorModal #imageError__Close,
.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done,
.page-albummanagement-viewalbum .album__options #AlbumOptions,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos,
.page-customer-albums #AddAlbumButton,
.page-customer-albums #ImageUploader #imageError__Close,
.page-customer-albums #imageErrorModal #imageError__Close,
.page-customer-albums .albumManagementSettings #renameAlbum__Done,
.page-customer-albums .album__options #AlbumOptions,
.page-customer-albums .photoalbum__header #AddPhoto,
.page-customer-albums .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #deletePhotos,
.page-customer-orders .completepaymentbutton,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a,
.page-order-details .od_print_button,
.postCoder .searchButton,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hidden,
.hide {
  display: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button,
#recordControlArea #btNextRecord,
#recordControlArea #btPrevRecord,
.add_to_basket_from_preview,
.button,
.catfish-button,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails,
.externalauthentication .oauth-login-facebook a,
.externalauthentication .oauth-login-linkedin a,
.megaEditMainContainer .script_upload_button,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date #dispatchDayOfMonthComment,
.page-albummanagement-viewalbum #AddAlbumButton,
.page-albummanagement-viewalbum #ImageUploader #imageError__Close,
.page-albummanagement-viewalbum #imageErrorModal #imageError__Close,
.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done,
.page-albummanagement-viewalbum .album__options #AlbumOptions,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos,
.page-customer-albums #AddAlbumButton,
.page-customer-albums #ImageUploader #imageError__Close,
.page-customer-albums #imageErrorModal #imageError__Close,
.page-customer-albums .albumManagementSettings #renameAlbum__Done,
.page-customer-albums .album__options #AlbumOptions,
.page-customer-albums .photoalbum__header #AddPhoto,
.page-customer-albums .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #deletePhotos,
.page-customer-orders .completepaymentbutton,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a,
.page-order-details .od_print_button,
.postCoder .searchButton,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.375em - 1px);
  padding-left: calc(0.625em - 1px);
  padding-right: calc(0.625em - 1px);
  padding-top: calc(0.375em - 1px);
  position: relative;
  vertical-align: top;
}

#dlgFieldIssue+.ui-dialog-buttonpane .is-active.ui-button,
#dlgFieldIssue+.ui-dialog-buttonpane .is-focused.ui-button,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:active,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:focus,
#recordControlArea #btNextRecord:active,
#recordControlArea #btNextRecord:focus,
#recordControlArea #btPrevRecord:active,
#recordControlArea #btPrevRecord:focus,
#recordControlArea .is-active#btNextRecord,
#recordControlArea .is-active#btPrevRecord,
#recordControlArea .is-focused#btNextRecord,
#recordControlArea .is-focused#btPrevRecord,
.add_to_basket_from_preview:active,
.add_to_basket_from_preview:focus,
.button:active,
.button:focus,
.catfish-button:active,
.catfish-button:focus,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:active,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:focus,
.checkout__complete .checkout-data-info .is-active.checkout-data-info__orderdetails,
.checkout__complete .checkout-data-info .is-focused.checkout-data-info__orderdetails,
.externalauthentication .oauth-login-facebook a.is-active,
.externalauthentication .oauth-login-facebook a.is-focused,
.externalauthentication .oauth-login-facebook a:active,
.externalauthentication .oauth-login-facebook a:focus,
.externalauthentication .oauth-login-linkedin a.is-active,
.externalauthentication .oauth-login-linkedin a.is-focused,
.externalauthentication .oauth-login-linkedin a:active,
.externalauthentication .oauth-login-linkedin a:focus,
.is-active.add_to_basket_from_preview,
.is-active.button,
.is-active.catfish-button,
.is-focused.add_to_basket_from_preview,
.is-focused.button,
.is-focused.catfish-button,
.megaEditMainContainer .is-active.script_upload_button,
.megaEditMainContainer .is-focused.script_upload_button,
.megaEditMainContainer .script_upload_button:active,
.megaEditMainContainer .script_upload_button:focus,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date #dispatchDayOfMonthComment:active,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date #dispatchDayOfMonthComment:focus,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date .is-active#dispatchDayOfMonthComment,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date .is-focused#dispatchDayOfMonthComment,
.page-albummanagement-viewalbum #AddAlbumButton:active,
.page-albummanagement-viewalbum #AddAlbumButton:focus,
.page-albummanagement-viewalbum #ImageUploader #imageError__Close:active,
.page-albummanagement-viewalbum #ImageUploader #imageError__Close:focus,
.page-albummanagement-viewalbum #ImageUploader .is-active#imageError__Close,
.page-albummanagement-viewalbum #ImageUploader .is-focused#imageError__Close,
.page-albummanagement-viewalbum #imageErrorModal #imageError__Close:active,
.page-albummanagement-viewalbum #imageErrorModal #imageError__Close:focus,
.page-albummanagement-viewalbum #imageErrorModal .is-active#imageError__Close,
.page-albummanagement-viewalbum #imageErrorModal .is-focused#imageError__Close,
.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done:active,
.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done:focus,
.page-albummanagement-viewalbum .albumManagementSettings .is-active#renameAlbum__Done,
.page-albummanagement-viewalbum .albumManagementSettings .is-focused#renameAlbum__Done,
.page-albummanagement-viewalbum .album__options #AlbumOptions:active,
.page-albummanagement-viewalbum .album__options #AlbumOptions:focus,
.page-albummanagement-viewalbum .album__options .is-active#AlbumOptions,
.page-albummanagement-viewalbum .album__options .is-focused#AlbumOptions,
.page-albummanagement-viewalbum .is-active#AddAlbumButton,
.page-albummanagement-viewalbum .is-focused#AddAlbumButton,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:active,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:focus,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:active,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:focus,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:active,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:focus,
.page-albummanagement-viewalbum .photoalbum__header .is-active#AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header .is-active#SelectAll,
.page-albummanagement-viewalbum .photoalbum__header .is-active#deletePhotos,
.page-albummanagement-viewalbum .photoalbum__header .is-focused#AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header .is-focused#SelectAll,
.page-albummanagement-viewalbum .photoalbum__header .is-focused#deletePhotos,
.page-customer-albums #AddAlbumButton:active,
.page-customer-albums #AddAlbumButton:focus,
.page-customer-albums #ImageUploader #imageError__Close:active,
.page-customer-albums #ImageUploader #imageError__Close:focus,
.page-customer-albums #ImageUploader .is-active#imageError__Close,
.page-customer-albums #ImageUploader .is-focused#imageError__Close,
.page-customer-albums #imageErrorModal #imageError__Close:active,
.page-customer-albums #imageErrorModal #imageError__Close:focus,
.page-customer-albums #imageErrorModal .is-active#imageError__Close,
.page-customer-albums #imageErrorModal .is-focused#imageError__Close,
.page-customer-albums .albumManagementSettings #renameAlbum__Done:active,
.page-customer-albums .albumManagementSettings #renameAlbum__Done:focus,
.page-customer-albums .albumManagementSettings .is-active#renameAlbum__Done,
.page-customer-albums .albumManagementSettings .is-focused#renameAlbum__Done,
.page-customer-albums .album__options #AlbumOptions:active,
.page-customer-albums .album__options #AlbumOptions:focus,
.page-customer-albums .album__options .is-active#AlbumOptions,
.page-customer-albums .album__options .is-focused#AlbumOptions,
.page-customer-albums .is-active#AddAlbumButton,
.page-customer-albums .is-focused#AddAlbumButton,
.page-customer-albums .photoalbum__header #AddPhoto:active,
.page-customer-albums .photoalbum__header #AddPhoto:focus,
.page-customer-albums .photoalbum__header #SelectAll:active,
.page-customer-albums .photoalbum__header #SelectAll:focus,
.page-customer-albums .photoalbum__header #deletePhotos:active,
.page-customer-albums .photoalbum__header #deletePhotos:focus,
.page-customer-albums .photoalbum__header .is-active#AddPhoto,
.page-customer-albums .photoalbum__header .is-active#SelectAll,
.page-customer-albums .photoalbum__header .is-active#deletePhotos,
.page-customer-albums .photoalbum__header .is-focused#AddPhoto,
.page-customer-albums .photoalbum__header .is-focused#SelectAll,
.page-customer-albums .photoalbum__header .is-focused#deletePhotos,
.page-customer-orders .completepaymentbutton:active,
.page-customer-orders .completepaymentbutton:focus,
.page-customer-orders .is-active.completepaymentbutton,
.page-customer-orders .is-focused.completepaymentbutton,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-active,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-focused,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:active,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:focus,
.page-order-details .is-active.od_print_button,
.page-order-details .is-focused.od_print_button,
.page-order-details .od_print_button:active,
.page-order-details .od_print_button:focus,
.postCoder .is-active.searchButton,
.postCoder .is-focused.searchButton,
.postCoder .searchButton:active,
.postCoder .searchButton:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button:active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .is-active.catfish-button,
.shoppingcart__wrapper .cart-footer .checkout-buttons .is-focused.catfish-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .is-active.ui-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .is-focused.ui-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:active,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:focus {
  outline: 0;
}

#dlgFieldIssue+.ui-dialog-buttonpane [disabled].ui-button,
#recordControlArea [disabled]#btNextRecord,
#recordControlArea [disabled]#btPrevRecord,
.checkout__complete .checkout-data-info [disabled].checkout-data-info__orderdetails,
.externalauthentication .oauth-login-facebook a[disabled],
.externalauthentication .oauth-login-linkedin a[disabled],
.megaEditMainContainer [disabled].script_upload_button,
.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date [disabled]#dispatchDayOfMonthComment,
.page-albummanagement-viewalbum #ImageUploader [disabled]#imageError__Close,
.page-albummanagement-viewalbum #imageErrorModal [disabled]#imageError__Close,
.page-albummanagement-viewalbum .albumManagementSettings [disabled]#renameAlbum__Done,
.page-albummanagement-viewalbum .album__options [disabled]#AlbumOptions,
.page-albummanagement-viewalbum .photoalbum__header [disabled]#AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header [disabled]#SelectAll,
.page-albummanagement-viewalbum .photoalbum__header [disabled]#deletePhotos,
.page-albummanagement-viewalbum [disabled]#AddAlbumButton,
.page-customer-albums #ImageUploader [disabled]#imageError__Close,
.page-customer-albums #imageErrorModal [disabled]#imageError__Close,
.page-customer-albums .albumManagementSettings [disabled]#renameAlbum__Done,
.page-customer-albums .album__options [disabled]#AlbumOptions,
.page-customer-albums .photoalbum__header [disabled]#AddPhoto,
.page-customer-albums .photoalbum__header [disabled]#SelectAll,
.page-customer-albums .photoalbum__header [disabled]#deletePhotos,
.page-customer-albums [disabled]#AddAlbumButton,
.page-customer-orders [disabled].completepaymentbutton,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a[disabled],
.page-order-details [disabled].od_print_button,
.postCoder [disabled].searchButton,
.shoppingcart__wrapper .cart-footer .checkout-buttons [disabled].catfish-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane [disabled].ui-button,
[disabled].add_to_basket_from_preview,
[disabled].button,
[disabled].catfish-button {
  cursor: not-allowed;
}

.block:not(:last-child),
.login__wrapper .message-error .modelError:not(:last-child),
.login__wrapper .table-container.table-container--password tr:not(:last-child):nth-child(1):before,
.notification:not(:last-child),
.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong:not(:last-child),
.password-recovery-container .password-recovery-page .body strong:not(:last-child),
.shoppingcart__wrapper .cart-footer .coupon-box .success-box:not(:last-child) {
  margin-bottom: 1.25rem;
}

.block.is-extra-small:not(:last-child) {
  margin-bottom: 0.5rem;
}

.block.is-small:not(:last-child) {
  margin-bottom: 0.75rem;
}

.block.is-medium:not(:last-child) {
  margin-bottom: 3rem;
}

.block.is-large:not(:last-child) {
  margin-bottom: 6rem;
}

@font-face {
  font-family: Zen;
  src: url(/1937497881/Handler/CSSOverride/GetImage/17/Zen-Regular.otf);
  font-weight: 400;
}

@font-face {
  font-family: Zen;
  src: url(/785899291/Handler/CSSOverride/GetImage/17/Zen-Medium.otf);
  font-weight: 500;
}

@font-face {
  font-family: Zen;
  src: url(/-787554535/Handler/CSSOverride/GetImage/17/Zen-SemiBold.otf);
  font-weight: 600;
}

@font-face {
  font-family: Zen;
  src: url(/-1564740129/Handler/CSSOverride/GetImage/17/Zen-Bold.otf);
  font-weight: 700;
}

@font-face {
  font-family: Zen-Screen;
  src: url(/1966381753/Handler/CSSOverride/GetImage/17/Zen-Screen.otf);
  font-weight: 400;
}

@font-face {
  font-family: "Tiempos Headline-Semibold";
  src: url("/-1862326248/Handler/CSSOverride/GetImage/17/Tiempos Headline-Semibold.otf");
  font-weight: 600;
}

body,
html {
  font-size: 15px !important;
  color: #000;
  margin: 0;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

@media screen and (min-width: 769px),
print {

  body,
  html {
    font-size: 16px !important;
  }
}

body {
  padding-top: 4.2857142857rem;
}

@media screen and (min-width: 1088px) {
  body {
    padding-top: 5rem;
  }
}

.catfish-container,
.container {
  max-width: 1440px;
}

.fa,
.fal,
.fas {
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
}

.button,
.catfish-button {
  background-color: #785ddc !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
}

.button.is-white,
.catfish-button.is-white {
  background-color: #fff !important;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white.is-hovered,
.button.is-white:hover,
.catfish-button.is-white.is-hovered,
.catfish-button.is-white:hover {
  background-color: #f9f9f9 !important;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white.is-focused,
.button.is-white:focus,
.catfish-button.is-white.is-focused,
.catfish-button.is-white:focus {
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active),
.catfish-button.is-white.is-focused:not(:active),
.catfish-button.is-white:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.button.is-white.is-active,
.button.is-white:active,
.catfish-button.is-white.is-active,
.catfish-button.is-white:active {
  background-color: #f2f2f2 !important;
  border-color: transparent;
  color: #0a0a0a;
}

.button.is-white[disabled],
.catfish-button.is-white[disabled] {
  background-color: #fff;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-white.is-inverted,
.catfish-button.is-white.is-inverted {
  background-color: #0a0a0a !important;
  color: #fff;
}

.button.is-white.is-inverted:hover,
.catfish-button.is-white.is-inverted:hover {
  background-color: #000 !important;
}

.button.is-white.is-inverted[disabled],
.catfish-button.is-white.is-inverted[disabled] {
  background-color: #0a0a0a !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-white.is-loading::after,
.catfish-button.is-white.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-white.is-outlined,
.catfish-button.is-white.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover,
.catfish-button.is-white.is-outlined:focus,
.catfish-button.is-white.is-outlined:hover {
  background-color: #fff !important;
  border-color: #fff;
  color: #0a0a0a;
}

.button.is-white.is-outlined.is-loading::after,
.catfish-button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-white.is-outlined[disabled],
.catfish-button.is-white.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-white.is-inverted.is-outlined,
.catfish-button.is-white.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover,
.catfish-button.is-white.is-inverted.is-outlined:focus,
.catfish-button.is-white.is-inverted.is-outlined:hover {
  background-color: #0a0a0a !important;
  color: #fff;
}

.button.is-white.is-inverted.is-outlined[disabled],
.catfish-button.is-white.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #0a0a0a;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black,
.catfish-button.is-black {
  background-color: #0a0a0a !important;
  border-color: transparent;
  color: #fff;
}

.button.is-black.is-hovered,
.button.is-black:hover,
.catfish-button.is-black.is-hovered,
.catfish-button.is-black:hover {
  background-color: #040404 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-black.is-focused,
.button.is-black:focus,
.catfish-button.is-black.is-focused,
.catfish-button.is-black:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active),
.catfish-button.is-black.is-focused:not(:active),
.catfish-button.is-black:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}

.button.is-black.is-active,
.button.is-black:active,
.catfish-button.is-black.is-active,
.catfish-button.is-black:active {
  background-color: #000 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-black[disabled],
.catfish-button.is-black[disabled] {
  background-color: #0a0a0a;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-black.is-inverted,
.catfish-button.is-black.is-inverted {
  background-color: #fff !important;
  color: #0a0a0a;
}

.button.is-black.is-inverted:hover,
.catfish-button.is-black.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-black.is-inverted[disabled],
.catfish-button.is-black.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-loading::after,
.catfish-button.is-black.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-black.is-outlined,
.catfish-button.is-black.is-outlined {
  background-color: transparent !important;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover,
.catfish-button.is-black.is-outlined:focus,
.catfish-button.is-black.is-outlined:hover {
  background-color: #0a0a0a !important;
  border-color: #0a0a0a;
  color: #fff;
}

.button.is-black.is-outlined.is-loading::after,
.catfish-button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent #0a0a0a #0a0a0a !important;
}

.button.is-black.is-outlined[disabled],
.catfish-button.is-black.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #0a0a0a;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined,
.catfish-button.is-black.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover,
.catfish-button.is-black.is-inverted.is-outlined:focus,
.catfish-button.is-black.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #0a0a0a;
}

.button.is-black.is-inverted.is-outlined[disabled],
.catfish-button.is-black.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-light,
.catfish-button.is-light {
  background-color: #f5f5f5 !important;
  border-color: transparent;
  color: #363636;
}

.button.is-light.is-hovered,
.button.is-light:hover,
.catfish-button.is-light.is-hovered,
.catfish-button.is-light:hover {
  background-color: #eee !important;
  border-color: transparent;
  color: #363636;
}

.button.is-light.is-focused,
.button.is-light:focus,
.catfish-button.is-light.is-focused,
.catfish-button.is-light:focus {
  border-color: transparent;
  color: #363636;
}

.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active),
.catfish-button.is-light.is-focused:not(:active),
.catfish-button.is-light:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}

.button.is-light.is-active,
.button.is-light:active,
.catfish-button.is-light.is-active,
.catfish-button.is-light:active {
  background-color: #e8e8e8 !important;
  border-color: transparent;
  color: #363636;
}

.button.is-light[disabled],
.catfish-button.is-light[disabled] {
  background-color: #f5f5f5;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-light.is-inverted,
.catfish-button.is-light.is-inverted {
  background-color: #363636 !important;
  color: #f5f5f5;
}

.button.is-light.is-inverted:hover,
.catfish-button.is-light.is-inverted:hover {
  background-color: #292929 !important;
}

.button.is-light.is-inverted[disabled],
.catfish-button.is-light.is-inverted[disabled] {
  background-color: #363636 !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f5f5f5;
}

.button.is-light.is-loading::after,
.catfish-button.is-light.is-loading::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-light.is-outlined,
.catfish-button.is-light.is-outlined {
  background-color: transparent !important;
  border-color: #f5f5f5;
  color: #f5f5f5;
}

.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover,
.catfish-button.is-light.is-outlined:focus,
.catfish-button.is-light.is-outlined:hover {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5;
  color: #363636;
}

.button.is-light.is-outlined.is-loading::after,
.catfish-button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}

.button.is-light.is-outlined[disabled],
.catfish-button.is-light.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f5f5f5;
}

.button.is-light.is-inverted.is-outlined,
.catfish-button.is-light.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #363636;
  color: #363636;
}

.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover,
.catfish-button.is-light.is-inverted.is-outlined:focus,
.catfish-button.is-light.is-inverted.is-outlined:hover {
  background-color: #363636 !important;
  color: #f5f5f5;
}

.button.is-light.is-inverted.is-outlined[disabled],
.catfish-button.is-light.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #363636;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #363636;
}

.button.is-dark,
.catfish-button.is-dark {
  background-color: #363636 !important;
  border-color: transparent;
  color: #f5f5f5;
}

.button.is-dark.is-hovered,
.button.is-dark:hover,
.catfish-button.is-dark.is-hovered,
.catfish-button.is-dark:hover {
  background-color: #2f2f2f !important;
  border-color: transparent;
  color: #f5f5f5;
}

.button.is-dark.is-focused,
.button.is-dark:focus,
.catfish-button.is-dark.is-focused,
.catfish-button.is-dark:focus {
  border-color: transparent;
  color: #f5f5f5;
}

.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active),
.catfish-button.is-dark.is-focused:not(:active),
.catfish-button.is-dark:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}

.button.is-dark.is-active,
.button.is-dark:active,
.catfish-button.is-dark.is-active,
.catfish-button.is-dark:active {
  background-color: #292929 !important;
  border-color: transparent;
  color: #f5f5f5;
}

.button.is-dark[disabled],
.catfish-button.is-dark[disabled] {
  background-color: #363636;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-dark.is-inverted,
.catfish-button.is-dark.is-inverted {
  background-color: #f5f5f5 !important;
  color: #363636;
}

.button.is-dark.is-inverted:hover,
.catfish-button.is-dark.is-inverted:hover {
  background-color: #e8e8e8 !important;
}

.button.is-dark.is-inverted[disabled],
.catfish-button.is-dark.is-inverted[disabled] {
  background-color: #f5f5f5 !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-loading::after,
.catfish-button.is-dark.is-loading::after {
  border-color: transparent transparent #f5f5f5 #f5f5f5 !important;
}

.button.is-dark.is-outlined,
.catfish-button.is-dark.is-outlined {
  background-color: transparent !important;
  border-color: #363636;
  color: #363636;
}

.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover,
.catfish-button.is-dark.is-outlined:focus,
.catfish-button.is-dark.is-outlined:hover {
  background-color: #363636 !important;
  border-color: #363636;
  color: #f5f5f5;
}

.button.is-dark.is-outlined.is-loading::after,
.catfish-button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent #363636 #363636 !important;
}

.button.is-dark.is-outlined[disabled],
.catfish-button.is-dark.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #363636;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined,
.catfish-button.is-dark.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #f5f5f5;
  color: #f5f5f5;
}

.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover,
.catfish-button.is-dark.is-inverted.is-outlined:focus,
.catfish-button.is-dark.is-inverted.is-outlined:hover {
  background-color: #f5f5f5 !important;
  color: #363636;
}

.button.is-dark.is-inverted.is-outlined[disabled],
.catfish-button.is-dark.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f5f5f5;
}

.button.is-primary,
.catfish-button.is-primary {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.button.is-primary.is-hovered,
.button.is-primary:hover,
.catfish-button.is-primary.is-hovered,
.catfish-button.is-primary:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-primary.is-focused,
.button.is-primary:focus,
.catfish-button.is-primary.is-focused,
.catfish-button.is-primary:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active),
.catfish-button.is-primary.is-focused:not(:active),
.catfish-button.is-primary:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.button.is-primary.is-active,
.button.is-primary:active,
.catfish-button.is-primary.is-active,
.catfish-button.is-primary:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.button.is-primary[disabled],
.catfish-button.is-primary[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-primary.is-inverted,
.catfish-button.is-primary.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.button.is-primary.is-inverted:hover,
.catfish-button.is-primary.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-primary.is-inverted[disabled],
.catfish-button.is-primary.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.button.is-primary.is-loading::after,
.catfish-button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-primary.is-outlined,
.catfish-button.is-primary.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover,
.catfish-button.is-primary.is-outlined:focus,
.catfish-button.is-primary.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.button.is-primary.is-outlined.is-loading::after,
.catfish-button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.button.is-primary.is-outlined[disabled],
.catfish-button.is-primary.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.button.is-primary.is-inverted.is-outlined,
.catfish-button.is-primary.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover,
.catfish-button.is-primary.is-inverted.is-outlined:focus,
.catfish-button.is-primary.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.button.is-primary.is-inverted.is-outlined[disabled],
.catfish-button.is-primary.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-link,
.catfish-button.is-link {
  background-color: #293563 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-link.is-hovered,
.button.is-link:hover,
.catfish-button.is-link.is-hovered,
.catfish-button.is-link:hover {
  background-color: #25305a !important;
  border-color: transparent;
  color: #fff;
}

.button.is-link.is-focused,
.button.is-link:focus,
.catfish-button.is-link.is-focused,
.catfish-button.is-link:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active),
.catfish-button.is-link.is-focused:not(:active),
.catfish-button.is-link:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(41, 53, 99, 0.25);
  box-shadow: 0 0 0 0.125em rgba(41, 53, 99, 0.25);
}

.button.is-link.is-active,
.button.is-link:active,
.catfish-button.is-link.is-active,
.catfish-button.is-link:active {
  background-color: #222b51 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-link[disabled],
.catfish-button.is-link[disabled] {
  background-color: #293563;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-link.is-inverted,
.catfish-button.is-link.is-inverted {
  background-color: #fff !important;
  color: #293563;
}

.button.is-link.is-inverted:hover,
.catfish-button.is-link.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-link.is-inverted[disabled],
.catfish-button.is-link.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #293563;
}

.button.is-link.is-loading::after,
.catfish-button.is-link.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-link.is-outlined,
.catfish-button.is-link.is-outlined {
  background-color: transparent !important;
  border-color: #293563;
  color: #293563;
}

.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover,
.catfish-button.is-link.is-outlined:focus,
.catfish-button.is-link.is-outlined:hover {
  background-color: #293563 !important;
  border-color: #293563;
  color: #fff;
}

.button.is-link.is-outlined.is-loading::after,
.catfish-button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #293563 #293563 !important;
}

.button.is-link.is-outlined[disabled],
.catfish-button.is-link.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #293563;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #293563;
}

.button.is-link.is-inverted.is-outlined,
.catfish-button.is-link.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover,
.catfish-button.is-link.is-inverted.is-outlined:focus,
.catfish-button.is-link.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #293563;
}

.button.is-link.is-inverted.is-outlined[disabled],
.catfish-button.is-link.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-info,
.catfish-button.is-info {
  background-color: #192550 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-info.is-hovered,
.button.is-info:hover,
.catfish-button.is-info.is-hovered,
.catfish-button.is-info:hover {
  background-color: #162146 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-info.is-focused,
.button.is-info:focus,
.catfish-button.is-info.is-focused,
.catfish-button.is-info:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active),
.catfish-button.is-info.is-focused:not(:active),
.catfish-button.is-info:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(25, 37, 80, 0.25);
  box-shadow: 0 0 0 0.125em rgba(25, 37, 80, 0.25);
}

.button.is-info.is-active,
.button.is-info:active,
.catfish-button.is-info.is-active,
.catfish-button.is-info:active {
  background-color: #131c3d !important;
  border-color: transparent;
  color: #fff;
}

.button.is-info[disabled],
.catfish-button.is-info[disabled] {
  background-color: #192550;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-info.is-inverted,
.catfish-button.is-info.is-inverted {
  background-color: #fff !important;
  color: #192550;
}

.button.is-info.is-inverted:hover,
.catfish-button.is-info.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-info.is-inverted[disabled],
.catfish-button.is-info.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.button.is-info.is-loading::after,
.catfish-button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-info.is-outlined,
.catfish-button.is-info.is-outlined {
  background-color: transparent !important;
  border-color: #192550;
  color: #192550;
}

.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover,
.catfish-button.is-info.is-outlined:focus,
.catfish-button.is-info.is-outlined:hover {
  background-color: #192550 !important;
  border-color: #192550;
  color: #fff;
}

.button.is-info.is-outlined.is-loading::after,
.catfish-button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent #192550 #192550 !important;
}

.button.is-info.is-outlined[disabled],
.catfish-button.is-info.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #192550;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.button.is-info.is-inverted.is-outlined,
.catfish-button.is-info.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover,
.catfish-button.is-info.is-inverted.is-outlined:focus,
.catfish-button.is-info.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #192550;
}

.button.is-info.is-inverted.is-outlined[disabled],
.catfish-button.is-info.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-success,
.catfish-button.is-success {
  background-color: #81dba2 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-success.is-hovered,
.button.is-success:hover,
.catfish-button.is-success.is-hovered,
.catfish-button.is-success:hover {
  background-color: #378a5e !important;
  border-color: transparent;
  color: #fff;
}

.button.is-success.is-focused,
.button.is-success:focus,
.catfish-button.is-success.is-focused,
.catfish-button.is-success:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active),
.catfish-button.is-success.is-focused:not(:active),
.catfish-button.is-success:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(59, 147, 100, 0.25);
  box-shadow: 0 0 0 0.125em rgba(59, 147, 100, 0.25);
}

.button.is-success.is-active,
.button.is-success:active,
.catfish-button.is-success.is-active,
.catfish-button.is-success:active {
  background-color: #348158 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-success[disabled],
.catfish-button.is-success[disabled] {
  background-color: #81dba2;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-success.is-inverted,
.catfish-button.is-success.is-inverted {
  background-color: #fff !important;
  color: #81dba2;
}

.button.is-success.is-inverted:hover,
.catfish-button.is-success.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-success.is-inverted[disabled],
.catfish-button.is-success.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #81dba2;
}

.button.is-success.is-loading::after,
.catfish-button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-success.is-outlined,
.catfish-button.is-success.is-outlined {
  background-color: transparent !important;
  border-color: #81dba2;
  color: #81dba2;
}

.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover,
.catfish-button.is-success.is-outlined:focus,
.catfish-button.is-success.is-outlined:hover {
  background-color: #81dba2 !important;
  border-color: #81dba2;
  color: #fff;
}

.button.is-success.is-outlined.is-loading::after,
.catfish-button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #81dba2 #81dba2 !important;
}

.button.is-success.is-outlined[disabled],
.catfish-button.is-success.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #81dba2;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #81dba2;
}

.button.is-success.is-inverted.is-outlined,
.catfish-button.is-success.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover,
.catfish-button.is-success.is-inverted.is-outlined:focus,
.catfish-button.is-success.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #81dba2;
}

.button.is-success.is-inverted.is-outlined[disabled],
.catfish-button.is-success.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-warning,
.catfish-button.is-warning {
  background-color: #ffdd57 !important;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-hovered,
.button.is-warning:hover,
.catfish-button.is-warning.is-hovered,
.catfish-button.is-warning:hover {
  background-color: #ffda4a !important;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-focused,
.button.is-warning:focus,
.catfish-button.is-warning.is-focused,
.catfish-button.is-warning:focus {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active),
.catfish-button.is-warning.is-focused:not(:active),
.catfish-button.is-warning:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
  box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}

.button.is-warning.is-active,
.button.is-warning:active,
.catfish-button.is-warning.is-active,
.catfish-button.is-warning:active {
  background-color: #ffd83e !important;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning[disabled],
.catfish-button.is-warning[disabled] {
  background-color: #ffdd57;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-warning.is-inverted,
.catfish-button.is-warning.is-inverted {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #ffdd57;
}

.button.is-warning.is-inverted:hover,
.catfish-button.is-warning.is-inverted:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-inverted[disabled],
.catfish-button.is-warning.is-inverted[disabled] {
  background-color: rgba(0, 0, 0, 0.7) !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffdd57;
}

.button.is-warning.is-loading::after,
.catfish-button.is-warning.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}

.button.is-warning.is-outlined,
.catfish-button.is-warning.is-outlined {
  background-color: transparent !important;
  border-color: #ffdd57;
  color: #ffdd57;
}

.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover,
.catfish-button.is-warning.is-outlined:focus,
.catfish-button.is-warning.is-outlined:hover {
  background-color: #ffdd57 !important;
  border-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-outlined.is-loading::after,
.catfish-button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #ffdd57 #ffdd57 !important;
}

.button.is-warning.is-outlined[disabled],
.catfish-button.is-warning.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #ffdd57;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #ffdd57;
}

.button.is-warning.is-inverted.is-outlined,
.catfish-button.is-warning.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}

.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover,
.catfish-button.is-warning.is-inverted.is-outlined:focus,
.catfish-button.is-warning.is-inverted.is-outlined:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
  color: #ffdd57;
}

.button.is-warning.is-inverted.is-outlined[disabled],
.catfish-button.is-warning.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}

.button.is-danger,
.catfish-button.is-danger {
  background-color: #f7755b !important;
  border-color: transparent;
  color: #fff;
}

.button.is-danger.is-hovered,
.button.is-danger:hover,
.catfish-button.is-danger.is-hovered,
.catfish-button.is-danger:hover {
  background-color: #e44b25 !important;
  border-color: transparent;
  color: #fff;
}

.button.is-danger.is-focused,
.button.is-danger:focus,
.catfish-button.is-danger.is-focused,
.catfish-button.is-danger:focus {
  border-color: transparent;
  color: #fff;
}

.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active),
.catfish-button.is-danger.is-focused:not(:active),
.catfish-button.is-danger:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(229, 84, 48, 0.25);
  box-shadow: 0 0 0 0.125em rgba(229, 84, 48, 0.25);
}

.button.is-danger.is-active,
.button.is-danger:active,
.catfish-button.is-danger.is-active,
.catfish-button.is-danger:active {
  background-color: #df431c !important;
  border-color: transparent;
  color: #fff;
}

.button.is-danger[disabled],
.catfish-button.is-danger[disabled] {
  background-color: #f7755b;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-danger.is-inverted,
.catfish-button.is-danger.is-inverted {
  background-color: #fff !important;
  color: #f7755b;
}

.button.is-danger.is-inverted:hover,
.catfish-button.is-danger.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.button.is-danger.is-inverted[disabled],
.catfish-button.is-danger.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f7755b;
}

.button.is-danger.is-loading::after,
.catfish-button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.button.is-danger.is-outlined,
.catfish-button.is-danger.is-outlined {
  background-color: transparent !important;
  border-color: #f7755b;
  color: #f7755b;
}

.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover,
.catfish-button.is-danger.is-outlined:focus,
.catfish-button.is-danger.is-outlined:hover {
  background-color: #f7755b !important;
  border-color: #f7755b;
  color: #fff;
}

.button.is-danger.is-outlined.is-loading::after,
.catfish-button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #f7755b #f7755b !important;
}

.button.is-danger.is-outlined[disabled],
.catfish-button.is-danger.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #f7755b;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f7755b;
}

.button.is-danger.is-inverted.is-outlined,
.catfish-button.is-danger.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover,
.catfish-button.is-danger.is-inverted.is-outlined:focus,
.catfish-button.is-danger.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #f7755b;
}

.button.is-danger.is-inverted.is-outlined[disabled],
.catfish-button.is-danger.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.button.is-text,
.catfish-button.is-text {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
}

.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover,
.catfish-button.is-text.is-focused,
.catfish-button.is-text.is-hovered,
.catfish-button.is-text:focus,
.catfish-button.is-text:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.button.is-text.is-active,
.button.is-text:active,
.catfish-button.is-text.is-active,
.catfish-button.is-text:active {
  background-color: transparent !important;
  color: #785ddc;
}

.button.is-text[disabled],
.catfish-button.is-text[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.is-small,
.catfish-button.is-small {
  border-radius: 2px;
  font-size: 0.85rem;
}

.button.is-medium,
.catfish-button.is-medium {
  font-size: 1.25rem;
}

.button.is-large,
.catfish-button.is-large {
  font-size: 1.5rem;
}

.buttons .button:not(:last-child),
.buttons .catfish-button:not(:last-child) {
  margin-right: 1.5rem;
}

.adminContent .adminData>textarea,
.adminContent td>textarea,
.catfish-input,
.catfish-select,
.catfish-textarea,
.input,
.textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2d3d6;
  border-radius: 0.25em;
  color: #6e7076;
}

.catfish-input,
.catfish-select,
.input {
  height: 2.75em;
  padding-left: 0.625em;
  padding-right: 0.625em;
}

.notification {
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  padding: 1.3125rem 2.375rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
}

.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.notification strong {
  color: currentColor;
}

.notification code,
.notification pre {
  background: #fff;
}

.notification pre code {
  background: 0 0;
}

.notification>.delete {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}

.notification .content,
.notification .subtitle,
.notification .title {
  color: currentColor;
}

.notification.is-white {
  background: #fff;
  border-color: #fff;
  color: #0a0a0a;
}

.notification.is-black {
  background: #0a0a0a;
  border-color: #0a0a0a;
  color: #fff;
}

.notification.is-light {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #363636;
}

.notification.is-dark {
  background: #363636;
  border-color: #363636;
  color: #f5f5f5;
}

.notification.is-primary {
  background: #785ddc;
  border-color: #785ddc;
  color: #fff;
}

.notification.is-link {
  background: #293563;
  border-color: #293563;
  color: #fff;
}

.notification.is-info {
  background: #192550;
  border-color: #192550;
  color: #fff;
}

.notification.is-success {
  background: #81dba2;
  border-color: #81dba2;
  color: #fff;
}

.notification.is-warning {
  background: #ffdd57;
  border-color: #ffdd57;
  color: rgba(0, 0, 0, 0.7);
}

.notification.is-danger {
  background: #f7755b;
  border-color: #f7755b;
  color: #fff;
}

.notification.is-invert-white {
  background: 0 0;
  border-color: #fff;
  color: #fff;
}

.notification.is-invert-black {
  background: 0 0;
  border-color: #0a0a0a;
  color: #0a0a0a;
}

.notification.is-invert-light {
  background: 0 0;
  border-color: #f5f5f5;
  color: #f5f5f5;
}

.notification.is-invert-dark {
  background: 0 0;
  border-color: #363636;
  color: #363636;
}

.notification.is-invert-primary {
  background: 0 0;
  border-color: #785ddc;
  color: #785ddc;
}

.notification.is-invert-link {
  background: 0 0;
  border-color: #293563;
  color: #293563;
}

.notification.is-invert-info {
  background: 0 0;
  border-color: #192550;
  color: #192550;
}

.notification.is-invert-success {
  background: 0 0;
  border-color: #81dba2;
  color: #81dba2;
}

.notification.is-invert-warning {
  background: 0 0;
  border-color: #ffdd57;
  color: #ffdd57;
}

.notification.is-invert-danger {
  background: 0 0;
  border-color: #f7755b;
  color: #f7755b;
}

.headermenu {
  width: 100%;
}

.navbar {
  height: 4.2857142857rem;
  font-size: 0.90625rem;
  font-weight: 700;
  letter-spacing: 0.0009510345em;
  line-height: 1.2413793103;
  text-transform: uppercase;
}

@media screen and (min-width: 1088px) {
  .navbar {
    height: 5rem;
  }
}

.navbar .navbar-item {
  padding-right: 1.8125em;
  padding-left: 1.8125em;
  background: 0 0 !important;
  color: #293563 !important;
}

.navbar .navbar-item:hover {
  background: 0 0 !important;
  color: #785ddc !important;
}

.navbar .navbar-item img {
  max-height: none;
}

.navbar .navbar-item.ico-admin,
.navbar .navbar-item.ico-cart,
.navbar .navbar-item.ico-inbox {
  display: none;
}

.navbar .navbar-item.cf_headerlinks_shoppngcart__counter:before {
  content: "Basket";
}

.navbar .navbar-item.ico-logout {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding-right: 0;
}

.navbar .catfish-button {
  height: 3.1428571429em;
}

.navbar .navbar-brand .navbar-item {
  padding-left: 0;
}

@media screen and (max-width: 1087px) {
  .navbar .navbar-brand .navbar-item img {
    width: 5rem;
  }
}

.navbar .navbar-brand,
.navbar .navbar-menu {
  margin: 0 !important;
}

@media screen and (max-width: 1087px) {

  .navbar .navbar-brand .navbar-item,
  .navbar .navbar-burger {
    height: 4.2857142857rem;
  }
}

.navbar .navbar-burger {
  width: 24px;
}

.navbar .navbar-burger:hover {
  background: 0 0;
}

.navbar .navbar-burger span {
  width: 22px;
  height: 2px;
  left: 0;
}

.navbar .navbar-burger span:nth-child(1) {
  top: calc(50% - 9px);
}

.navbar .navbar-burger span:nth-child(3) {
  top: calc(50% + 7px);
}

.navbar .navbar-burger.is-active span:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}

.navbar .navbar-burger.is-active span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.navbar #navbar.is-active {
  background: #fff;
  margin: 0;
  position: fixed;
  top: 60px;
  width: 100%;
  left: 0;
  font-size: 15px;
}

.navbar #navbar.is-active .navbar-end,
.navbar #navbar.is-active .navbar-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.navbar #navbar.is-active .navbar-end .navbar-item,
.navbar #navbar.is-active .navbar-start .navbar-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media screen and (min-width: 769px),
print {

  .navbar #navbar.is-active .navbar-end .navbar-item,
  .navbar #navbar.is-active .navbar-start .navbar-item {
    padding: 1rem 64px;
  }
}

.header-links-wrapper,
.header-selectors-wrapper {
  display: none;
}

.hero.is-homepage {
  background-repeat: no-repeat;
  background-position: 40% bottom;
  height: 35.7857142857rem;
  background-size: cover;
}

@media screen and (min-width: 769px),
print {
  .hero.is-homepage {
    height: 42.125rem;
  }
}

@media screen and (max-width: 768px) {
  .hero.is-homepage {
    background-image: url(/543631621/Handler/CSSOverride/GetImage/17/Giftcard-Mobile.png) !important;
    background-position: center 64% !important;
  }
}

.hero.is-homepage .hero-body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero.is-homepage .title {
  font-size: 3.2rem;
  line-height: 1.15625;
  letter-spacing: 0.0000976563em;
  margin-bottom: 3.0625rem;
  max-width: 40.25rem;
  color: #192550;
  font-family: "Tiempos Headline-Semibold", BlinkMacSystemFont, -apple-system,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
}

@media screen and (min-width: 769px),
print {
  .hero.is-homepage .title {
    text-align: left;
    font-size: 4rem;
  }
}

@media screen and (max-width: 768px) {
  .hero.is-homepage .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.hero.is-homepage .buttons .button {
  height: 3.5714285714rem;
}

@media screen and (max-width: 768px) {
  .hero.is-homepage .buttons .button {
    margin: 0 0 20px;
    width: 11.75rem;
  }
}

.hero.is-homepage .buttons .button.is-text {
  background: rgba(248, 248, 250, 0.7) !important;
}

.hero.is-homepage .buttons .button.is-text:hover {
  background: rgba(248, 248, 250, 0.8) !important;
}

.catfish-footer {
  line-height: 1.375;
  padding-top: 3.3125rem !important;
  padding-bottom: 2.8125rem !important;
  text-align: center;
}

@media screen and (min-width: 769px),
print {
  .catfish-footer {
    text-align: left;
  }
}

.catfish-footer h3 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 768px) {
  .catfish-footer .grid_3 {
    margin: 0;
  }

  .catfish-footer .grid_3:nth-child(-n + 2) {
    margin-bottom: 1.4666666667rem;
  }
}

.catfish-footer .grid_3:nth-child(3) h3 {
  margin-bottom: 0.625rem;
}

.catfish-footer .grid_3:last-child {
  display: none !important;
}

.catfish-footer img {
  max-width: 15.625rem;
}

@media screen and (max-width: 768px) {
  .catfish-footer img {
    max-width: 200px;
  }
}

.catfish-footer .footercopyrightrow {
  margin-top: 3.125rem;
  padding: 0;
}

.catfish-footer .footercopyrightrow .footercopyright {
  text-align: center;
  font-size: 0.8125rem;
  color: #404146;
  letter-spacing: 0.0008227848em;
}

@media screen and (min-width: 769px),
print {
  .catfish-footer .footercopyrightrow .footercopyright {
    text-align: left;
  }
}

.layout--columnOne+.catfish-footer {
  background: #fff;
}

.media-left {
  margin-right: 0.5rem;
}

.postCoder {
  background: 0 0;
  margin-bottom: 2.5rem;
  padding: 0 0 2.5rem;
  border-bottom: 1px solid #d2d3d6;
  border-radius: 0;
}

.postCoder .left {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.postCoder .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.postCoder .searchField {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2d3d6;
  border-radius: 0.25em;
  color: #6e7076;
  height: 2.75em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  margin-right: 1.5625rem;
}

.postCoder .searchButton {
  background-color: #785ddc !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 12.375rem !important;
  height: 3.1428571429em;
}

.postCoder #presult {
  margin-top: 1.25rem;
}

.postCoder #presult h1 {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.validation-summary-errors {
  color: #f7755b;
  border: 1px solid #f7755b;
  background: #ffedeb;
}

.field-validation-error {
  color: #000;
  font-size: 0.8125rem;
  font-weight: 400;
  letter-spacing: 0.0153846154em;
  line-height: 1.3846153846;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.field-validation-error:before {
  content: "\f06a";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  margin-right: 5px;
  color: #f7755b;
  font-size: 1rem;
}

.category-page-wrapper .category-title {
  margin-bottom: 5rem;
}

.category-page-wrapper .category-title .category-title__inner {
  text-align: center;
  font-size: 2.625rem;
  color: #192550;
  letter-spacing: -0.0003402381em;
  line-height: 1.0952380952;
  font-weight: 400;
}

@media screen and (min-width: 760px) {
  .category-page-wrapper .listWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 768px) {
  .category-page-wrapper .listItem:not(:last-child) {
    margin-bottom: 3.125rem;
  }
}

@media screen and (min-width: 760px) {
  .category-page-wrapper .listItem {
    width: 50%;
  }
}

@media screen and (min-width: 1088px) {
  .category-page-wrapper .listItem {
    width: 33.3333333333%;
  }
}

.category-page-wrapper .product-item {
  overflow: visible !important;
  text-align: center;
}

.category-page-wrapper .product-item .product-item--image .image {
  padding-top: 88.2237%;
}

.category-page-wrapper .product-item .product-item--info {
  padding-top: 2.5rem !important;
}

.category-page-wrapper .product-item .product-item--info .product-title {
  margin-bottom: 1.5625rem !important;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0004131818em;
  line-height: 1.1818181818;
}

.category-page-wrapper .product-item .product-item--info .alternate--prices {
  margin-bottom: 1rem !important;
}

.category-page-wrapper .product-item .product-item--info .productPrice {
  font-weight: 700;
  font-size: 1rem !important;
}

.category-page-wrapper .product-item .product-item--info .description {
  margin: 0 auto !important;
  max-width: 310px;
  font-size: 1rem !important;
}

.category-page-wrapper .product-item .product-item--info .buttons {
  display: none;
}

.category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices {
  display: none !important;
}

.product-details-page .Price_card,
.product-details-page .fulldescriptionTitle,
.product-details-page .product-essential,
.product-details-page .quantityBox__container,
.product-details-page .shortdescription,
.product-details-page .quantity-wrapper {
  display: none;
}

/*Added for Zendesk ticket 33531*/
.hide-quantity .product-variant-line .quantity-wrapper {
  display: none;
}

.product-details-page .productname {
  text-align: center;
  font-size: 2.625rem;
  color: #192550;
  letter-spacing: -0.0003402381em;
  line-height: 1.0952380952;
  margin-bottom: 2.1875rem;
  font-weight: 400;
}

.product-details-page .fulldescriptiononcontent {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 4.0625rem;
}

.product-details-page .columns {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.product-details-page .product-collateral {
  width: 100%;
  max-width: 40.3125rem;
  text-align: center;
  margin: 0 auto;
}

.product-details-page .attributes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
}

.product-details-page .attribute {
  float: left;
  background: #f8f8fa;
  padding: 1.875rem;
  font-size: 15px !important;
  text-align: left;
  width: 100%;
}

.product-details-page .attribute:not(:last-child) {
  margin-bottom: 0.625rem;
}

@media screen and (min-width: 769px),
print {
  .product-details-page .attribute {
    width: 50%;
  }

  .product-details-page .attribute:nth-child(2n + 1):not(:last-child) {
    padding-left: 0.9375rem;
  }

  .product-details-page .attribute:nth-child(1):not(:last-child) {
    padding-right: 0.9375rem;
  }
}

.product-details-page .attribute .attributeHeader {
  margin-top: 0 !important;
  margin-bottom: 0.625rem;
}

.product-details-page .attribute .attributeHeader .attributeTitle,
.product-details-page .attribute .attributeHeader div {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
}

.product-details-page .attribute .attributeHeader br {
  display: none;
}

.product-details-page .attribute .attributeValueInfo {
  display: none;
}

.product-details-page .attribute .attribute__item {
  float: left;
}

.arone-product-landing-page .attribute.type_DropdownList {
  width: 100%;
}

.arone-product-landing-page .attribute.type_RadioList {
  width: 100%;
}

.arone-product-landing-page .attribute.type_RadioList .attribute__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.arone-product-landing-page .attribute.type_RadioList .attribute__item {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .arone-product-landing-page .attribute.type_RadioList .attribute__item {
    margin-bottom: 0.625rem;
  }
}

@media screen and (min-width: 769px),
print {
  .arone-product-landing-page .attribute.type_RadioList .attribute__item {
    width: 50%;
  }

  .arone-product-landing-page .attribute.type_RadioList .attribute__item:nth-child(2) {
    padding-left: 1.875rem;
  }
}

.arone-product-landing-page .attribute.type_DropdownList label,
.arone-product-landing-page .attribute.type_RadioList label {
  position: relative;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.arone-product-landing-page .attribute.type_DropdownList label:after,
.arone-product-landing-page .attribute.type_DropdownList label:before,
.arone-product-landing-page .attribute.type_RadioList label:after,
.arone-product-landing-page .attribute.type_RadioList label:before {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: 0.625rem;
}

.arone-product-landing-page .attribute.type_DropdownList label:before,
.arone-product-landing-page .attribute.type_RadioList label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
}

.arone-product-landing-page .attribute.type_DropdownList label:after,
.arone-product-landing-page .attribute.type_RadioList label:after {
  position: absolute;
  top: 0;
  left: 0;
}

.arone-product-landing-page .attribute.type_DropdownList input,
.arone-product-landing-page .attribute.type_RadioList input {
  display: none;
}

.arone-product-landing-page .attribute.type_DropdownList input:checked+label:after,
.arone-product-landing-page .attribute.type_RadioList input:checked+label:after {
  background: url(/0/Handler/CSSOverride/GetImage/20/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.product-details-page .newProductPriceWrapper .productPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.00025em;
  line-height: 1.2;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  display: none !important;
}

.product-details-page .newProductPriceWrapper .productPrice:before {
  content: "Total excl. VAT:";
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.0004545em;
  line-height: 1.3;
  margin-right: 1.5rem;
  display: inline-block;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

.product-details-page .price {
  float: left;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 559px) {
  .product-details-page .price {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.product-details-page .price .newProductPriceWrapper .catfish-classes {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-details-page .price .Price_total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.00025em;
  line-height: 1.2;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 559px) {
  .product-details-page .price .Price_total {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.product-details-page .price .Price_total span {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.0004545em;
  line-height: 1.3;
  margin-right: 1.5rem;
  display: inline-block;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

.product-details-page .error {
  display: inline-block;
  width: 100%;
}

.product-details-page .add-info {
  float: right;
}

@media screen and (max-width: 559px) {
  .product-details-page .add-info {
    width: 100%;
    margin-top: 1rem;
  }
}

@media screen and (max-width: 559px) {
  .product-details-page .add-info .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.product-details-page .add-info .catfish-button {
  padding: 0 2rem;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.product-details-page .add-info .catfish-button.is-hovered,
.product-details-page .add-info .catfish-button:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.product-details-page .add-info .catfish-button.is-focused,
.product-details-page .add-info .catfish-button:focus {
  border-color: transparent;
  color: #fff;
}

.product-details-page .add-info .catfish-button.is-focused:not(:active),
.product-details-page .add-info .catfish-button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.product-details-page .add-info .catfish-button.is-active,
.product-details-page .add-info .catfish-button:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.product-details-page .add-info .catfish-button[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-details-page .add-info .catfish-button.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.product-details-page .add-info .catfish-button.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.product-details-page .add-info .catfish-button.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.product-details-page .add-info .catfish-button.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.product-details-page .add-info .catfish-button.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.product-details-page .add-info .catfish-button.is-outlined:focus,
.product-details-page .add-info .catfish-button.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.product-details-page .add-info .catfish-button.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.product-details-page .add-info .catfish-button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.product-details-page .add-info .catfish-button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.product-details-page .add-info .catfish-button.is-inverted.is-outlined:focus,
.product-details-page .add-info .catfish-button.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.product-details-page .add-info .catfish-button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-dynamicproduct-editor {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.page-dynamicproduct-editor body {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.megaEditBodyClass-Admin,
.megaEditBodyClass-RegisteredUser {
  padding: 0 !important;
}

#previewArea :not(.fa):not(.fas) {
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

.megaEditMainContainer {
  position: fixed;
  height: 100%;
  width: 100%;
}

.megaEditMainContainer .catfish-button {
  height: 2.75rem;
  background-color: #785ddc !important;
}

button.ui-colorpicker-cancel {
  background-color: white !important;
  color: #23315b !important;
}

button.ui-colorpicker-ok {
  background-color: #785ddc !important;
  color: white;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .catfish-button {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

.megaEditMainContainer .editorTop.pane .headerWrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .editorTop.pane .headerWrapper .buttonContainer.rightSide {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  .megaEditMainContainer .editorTop.pane .headerWrapper .buttonContainer.rightSide {
    position: fixed;
    top: 135px;
  }
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-hovered,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-focused,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:focus {
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-focused:not(:active),
.megaEditMainContainer .fileupload-buttonbar .catfish-button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-active,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined:focus,
.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  background-color: white;
  color: #202c52;
}

button#decline_add_to_basket {
  color: #23315b !important;
  background-color: white !important;
}

.back-link a.catfish-button {
  background-color: white !important;
  color: #23315b;
}

.modal-footer.modal-card-foot button:nth-child(2) {
  background-color: white !important;
  color: #23315b;
}

/* #recordControlArea #btPrevRecord,
#recordControlArea #btNextRecord {
    background: #785ddc !important;
} */

.ui-dialog .ui-dialog-buttonpane button.ui-colorpicker-ok {
  color: white !important;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted.is-outlined:focus,
.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.megaEditMainContainer .memobilePageClass {
  font-size: 12px;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .memobilePageClass {
    display: block !important;
    position: fixed;
    bottom: 40%;
    left: 2rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.megaEditMainContainer .memobilePageClass .pagenrbtn {
  pointer-events: none;
}

.megaEditMainContainer .memobilePageClass button {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.megaEditMainContainer .memobilePageClass.buttons .catfish-button:not(:last-child) {
  margin-right: 0.5rem;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .ui-layout-north_inner .buttonContainer.leftSide.buttons {
    width: 100%;
  }
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .ui-layout-north_inner .buttonContainer.leftSide.buttons .buttonContainer.leftSide.buttons {
    width: 100%;
  }
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .customScriptUi-batchArea {
    width: 100%;
  }
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .customScriptUi-batchArea .meuiLabel {
    display: none;
  }
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .customScriptUi-batchArea .meuiLabel {
    margin-right: 1.5625rem !important;
  }
}

.megaEditMainContainer .customScriptUi-batchArea .batchPlaceholderDropdown {
  height: 2.75rem;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .customScriptUi-batchArea .batchPlaceholderDropdown {
    margin-right: 1.5625rem;
  }
}

.megaEditMainContainer .customScriptUi-batchArea div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .customScriptUi-batchArea div {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.megaEditMainContainer .customScriptUi-batchArea select {
  margin: 0;
}

.megaEditMainContainer #parentContainer,
.megaEditMainContainer .editorMain {
  background: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
  background-color: white;
  color: #23315b;
}

.megaEditMainContainer .me-header-logo {
  position: fixed;
  top: 1.125rem;
  left: 10px;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .me-header-logo {
    left: 4rem;
  }
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .me-header-logo {
    width: 70px;
  }
}

.megaEditMainContainer .me-helper {
  background: #fff;
  border-color: #fff;
  color: #192550;
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  position: absolute !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 90%;
  max-width: 400px;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .me-helper {
    bottom: 12rem;
    right: calc(50% - 100px);
  }
}

.megaEditMainContainer .me-helper .ui-close-helper {
  background: 0 0;
  color: #192550;
  opacity: 1;
  position: absolute;
  top: 3px;
  right: 5px;
  font-size: 17px;
  border: none;
}

.megaEditMainContainer .me-helper .me-helper-show-more {
  margin-top: 1rem;
}

.megaEditMainContainer .alert {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  text-align: center;
}

.megaEditMainContainer .alert .catfish-button {
  background-color: #fff !important;
  border-color: transparent;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button.is-hovered,
.megaEditMainContainer .alert .catfish-button:hover {
  background-color: #f9f9f9 !important;
  border-color: transparent;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button.is-focused,
.megaEditMainContainer .alert .catfish-button:focus {
  border-color: transparent;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button.is-focused:not(:active),
.megaEditMainContainer .alert .catfish-button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.megaEditMainContainer .alert .catfish-button.is-active,
.megaEditMainContainer .alert .catfish-button:active {
  background-color: #f2f2f2 !important;
  border-color: transparent;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button[disabled] {
  background-color: #fff;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .alert .catfish-button.is-inverted {
  background-color: #192550 !important;
  color: #fff;
}

.megaEditMainContainer .alert .catfish-button.is-inverted:hover {
  background-color: #131c3d !important;
}

.megaEditMainContainer .alert .catfish-button.is-inverted[disabled] {
  background-color: #192550 !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.megaEditMainContainer .alert .catfish-button.is-loading::after {
  border-color: transparent transparent #192550 #192550 !important;
}

.megaEditMainContainer .alert .catfish-button.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .alert .catfish-button.is-outlined:focus,
.megaEditMainContainer .alert .catfish-button.is-outlined:hover {
  background-color: #fff !important;
  border-color: #fff;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button.is-outlined.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .alert .catfish-button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #192550;
  color: #192550;
}

.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined:focus,
.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined:hover {
  background-color: #192550 !important;
  color: #fff;
}

.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #192550;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.megaEditMainContainer .alert.alert-success {
  background: #192550;
  border-color: #192550;
  color: #fff;
}

.megaEditMainContainer .alert.alert-danger {
  background: #f7755b;
  border-color: #f7755b;
  color: #fff;
}

.megaEditMainContainer .alert .close {
  background: 0 0 !important;
}

.megaEditMainContainer .alert .close:before {
  display: none !important;
}

.megaEditMainContainer .alert .close:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 1.125rem;
  color: #fff;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  background: 0 0 !important;
  left: 50%;
  top: 50%;
}

.megaEditMainContainer .alert .close span {
  display: none;
}

.megaEditMainContainer .messagesContainer {
  top: 5.625rem;
  right: 0.625rem;
  width: calc(100% - 1.25rem);
  max-width: 23.75rem;
}

.megaEditMainContainer .undoRedoContainer {
  margin: 0 !important;
}

.megaEditMainContainer .undoRedoContainer,
.megaEditMainContainer .undoRedoContainer a {
  float: left;
  display: inline-block;
}

.megaEditMainContainer .btn.backButton {
  position: fixed;
  left: 100px;
  top: 13px;
  color: #192550 !important;
  text-decoration: none;
  background: 0 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 0.90625rem;
  letter-spacing: 0.0009510345em;
  line-height: 1.2413793103;
  padding: 0;
  font-weight: 700;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .btn.backButton {
    left: 15.5rem;
    top: 1.25rem;
  }
}

.megaEditMainContainer .btn.backButton:hover {
  color: #785ddc !important;
}

.megaEditMainContainer .btn.backButton .icon {
  display: none !important;
}

.megaEditMainContainer .btn.backButton .extratxt {
  display: inline-block !important;
}

.megaEditMainContainer .btn.backButton:before {
  content: "\f104 ";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  text-decoration: inherit;
  vertical-align: middle;
  margin-right: 0.4375rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
}

.megaEditMainContainer .MEmicroheader .viewButton.logo {
  position: fixed;
  left: 21.0625rem;
  top: 1.9375rem;
  color: #192550 !important;
  text-decoration: none;
  height: auto !important;
  width: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@media screen and (max-width: 1149px) {
  .megaEditMainContainer .MEmicroheader .viewButton.logo {
    display: none;
  }
}

.megaEditMainContainer .MEmicroheader .viewButton.logo:hover {
  color: #785ddc !important;
}

.megaEditMainContainer .MEmicroheader .viewButton.logo:before {
  content: "\f059 ";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  text-decoration: inherit;
  vertical-align: middle;
  margin-right: 0.4375rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.megaEditMainContainer .MEmicroheader .viewButton.logo:after {
  content: "Show Help";
  font-size: 0.90625rem;
  letter-spacing: 0.0009510345em;
  line-height: 1.2413793103;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.megaEditMainContainer .MEmicroheader .viewButton.logo:after:hover {
  color: #785ddc !important;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  position: fixed;
  top: 9px;
  right: 12px;
  height: 2.75rem !important;
  margin: 0 !important;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-hovered,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-focused,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:focus {
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-focused:not(:active),
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-active,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined:focus,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted.is-outlined:focus,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .btn-primary.viewControlButton.previewButton {
    top: 1.125rem;
    right: 4.0625rem;
  }
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton i {
  display: none;
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton .extratxt {
  display: inline-block !important;
}

.megaEditMainContainer .script_upload_button,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me {
  background-color: #273664 !important;
  border-color: transparent;
  color: #fff;
  height: 2.1875rem !important;
}

.megaEditMainContainer .script_upload_button.is-hovered,
.megaEditMainContainer .script_upload_button:hover,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-hovered,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me:hover {
  background-color: #23315b !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-focused,
.megaEditMainContainer .script_upload_button:focus,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-focused,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me:focus {
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-focused:not(:active),
.megaEditMainContainer .script_upload_button:focus:not(:active),
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-focused:not(:active),
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
  box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
}

.megaEditMainContainer .script_upload_button.is-active,
.megaEditMainContainer .script_upload_button:active,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-active,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me:active {
  background-color: #202c52 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button[disabled],
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me[disabled] {
  background-color: #273664;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .script_upload_button.is-inverted,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted:hover,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.megaEditMainContainer .script_upload_button.is-inverted[disabled],
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-loading::after,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .script_upload_button.is-outlined,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined {
  background-color: transparent !important;
  border-color: #273664;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-outlined:focus,
.megaEditMainContainer .script_upload_button.is-outlined:hover,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined:focus,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined:hover {
  background-color: #273664 !important;
  border-color: #273664;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-outlined.is-loading::after,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined.is-loading::after {
  border-color: transparent transparent #273664 #273664 !important;
}

.megaEditMainContainer .script_upload_button.is-outlined[disabled],
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #273664;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined:focus,
.megaEditMainContainer .script_upload_button.is-inverted.is-outlined:hover,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted.is-outlined:focus,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined[disabled],
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

@media screen and (min-width: 1151px) {

  .megaEditMainContainer .script_upload_button,
  .megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me {
    height: 2.75rem !important;
  }
}

.megaEditMainContainer .script_upload_button {
  background-color: #785ddc !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.file:not(.is-boxed):not(.is-area) .file-cta {
  background-color: transparent;
}

.file:not(.is-boxed):not(.is-area) .file-cta:hover {
  background-color: transparent;
}

.megaEditMainContainer .script_upload_button.is-hovered,
.megaEditMainContainer .script_upload_button:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-focused,
.megaEditMainContainer .script_upload_button:focus {
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-focused:not(:active),
.megaEditMainContainer .script_upload_button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
  box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
}

.megaEditMainContainer .script_upload_button.is-active,
.megaEditMainContainer .script_upload_button:active {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .script_upload_button[disabled] {
  background-color: #273664;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .script_upload_button.is-inverted {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.megaEditMainContainer .script_upload_button.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .script_upload_button.is-outlined {
  background-color: transparent !important;
  border-color: #273664;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-outlined:focus,
.megaEditMainContainer .script_upload_button.is-outlined:hover {
  background-color: #273664 !important;
  border-color: #273664;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-outlined.is-loading::after {
  border-color: transparent transparent #273664 #273664 !important;
}

.megaEditMainContainer .script_upload_button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #273664;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined:focus,
.megaEditMainContainer .script_upload_button.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .script_upload_button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .script_upload_button {
    margin-left: 3.4375rem;
  }
}

.megaEditMainContainer .script_upload_button .file-cta {
  font-size: 1em !important;
  padding: 0 !important;
  margin: 0;
}

.megaEditMainContainer .script_upload_button .file-icon {
  display: none;
}

@media screen and (min-width: 1151px) {

  .megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me,
  .megaEditMainContainer .standardBatchScriptPlaceholderGroupRow .btn-me {
    margin-right: 1.5rem !important;
  }
}

.megaEditMainContainer .script_upload_button input {
  cursor: pointer;
}

.megaEditMainContainer .batchPlaceholderTitle {
  display: none;
}

.megaEditMainContainer .pdfDownloadButton {
  position: fixed;
  margin: 0 !important;
  background-color: #273664 !important;
  border-color: transparent;
  color: #fff;
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
  height: 2.75rem !important;
  top: 10px;
  right: 240px;
}

.megaEditMainContainer .pdfDownloadButton.is-hovered,
.megaEditMainContainer .pdfDownloadButton:hover {
  background-color: #23315b !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton.is-focused,
.megaEditMainContainer .pdfDownloadButton:focus {
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton.is-focused:not(:active),
.megaEditMainContainer .pdfDownloadButton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
  box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
}

.megaEditMainContainer .pdfDownloadButton.is-active,
.megaEditMainContainer .pdfDownloadButton:active {
  background-color: #202c52 !important;
  border-color: transparent;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton[disabled] {
  background-color: #273664;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .pdfDownloadButton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.megaEditMainContainer .pdfDownloadButton.is-outlined {
  background-color: transparent !important;
  border-color: #273664;
  color: #273664;
}

.megaEditMainContainer .pdfDownloadButton.is-outlined:focus,
.megaEditMainContainer .pdfDownloadButton.is-outlined:hover {
  background-color: #273664 !important;
  border-color: #273664;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton.is-outlined.is-loading::after {
  border-color: transparent transparent #273664 #273664 !important;
}

.megaEditMainContainer .pdfDownloadButton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #273664;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted.is-outlined:focus,
.megaEditMainContainer .pdfDownloadButton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #273664;
}

.megaEditMainContainer .pdfDownloadButton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.megaEditMainContainer .pdfDownloadButton.is-focused,
.megaEditMainContainer .pdfDownloadButton.is-hovered,
.megaEditMainContainer .pdfDownloadButton:focus,
.megaEditMainContainer .pdfDownloadButton:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.megaEditMainContainer .pdfDownloadButton.is-active,
.megaEditMainContainer .pdfDownloadButton:active {
  background-color: transparent !important;
  color: #785ddc;
}

.megaEditMainContainer .pdfDownloadButton[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 1151px) {
  .megaEditMainContainer .pdfDownloadButton {
    top: 1.125rem;
    right: 19.1875rem;
  }
}

@media screen and (max-width: 768px) {
  .megaEditMainContainer .pdfDownloadButton {
    display: none;
  }
}

.megaEditMainContainer .pdfDownloadButton .icon {
  display: none;
}

.editorTop.ui-layout-north.ui-layout-pane-north {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 60px #fff;
  background-color: #f8f8fa;
  overflow: visible !important;
}

@media screen and (min-width: 1151px) {
  .editorTop.ui-layout-north.ui-layout-pane-north {
    border-top: solid 5rem #fff;
  }
}

.addtoBasketScreen h1 {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #192550;
}

.addtoBasketScreen h1:after {
  content: "Please wait";
  display: inline-block;
  width: 100%;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 0.625rem;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.addtoBasketScreen h1:before {
  content: "Loading";
  display: inline-block;
  width: 100%;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 5rem;
}

.addtoBasketScreen h1 i {
  font-size: 40px !important;
  color: #000 !important;
  height: 160px;
  width: 160px;
  border: 1px solid #ececee;
  opacity: 1 !important;
  border-radius: 99999px;
  border-right-color: #785ddc;
}

.addtoBasketScreen h1 i:after,
.addtoBasketScreen h1 i:before {
  display: none !important;
}

.addtoBasketScreen #addToBasketScreenMsg {
  margin-top: 8.75rem;
}

#loadingArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: 0 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#loadingArea img {
  display: none;
}

#loadingArea:after {
  content: "";
  color: #000 !important;
  height: 10rem;
  width: 10rem;
  border: 0.1875rem solid #ececee;
  opacity: 1 !important;
  border-radius: 99999px;
  border-right-color: #785ddc;
  -webkit-animation: a 5s infinite linear;
  animation: a 5s infinite linear;
  margin-bottom: 8.75rem;
}

#loadingArea:before {
  content: "Please wait";
  color: #000;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 5rem;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.loadingScreen {
  padding: 0 5%;
}

#loadingArea,
.addtoBasketScreen,
.loadingArea,
.loadingScreen {
  background-repeat: no-repeat !important;
  background-position: 10px 1.125rem !important;
  background-image: url(/0/Handler/CSSOverride/GetImage/17/new-logo.svg) !important;
  background-color: #fff !important;
  background-size: 109px;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 1149px) {

  #loadingArea,
  .addtoBasketScreen,
  .loadingArea,
  .loadingScreen {
    background-size: 70px auto !important;
  }
}

@media screen and (min-width: 1151px) {

  #loadingArea,
  .addtoBasketScreen,
  .loadingArea,
  .loadingScreen {
    background: url(/0/Handler/CSSOverride/GetImage/17/new-logo.svg) no-repeat 4rem 1.125rem #fff !important;
    background-size: 109px !important;
  }
}

#loadingArea .icon,
.addtoBasketScreen .icon,
.loadingArea .icon,
.loadingScreen .icon {
  display: block;
  height: auto;
  width: auto;
}

#loadingArea .loadingLogo,
.addtoBasketScreen .loadingLogo,
.loadingArea .loadingLogo,
.loadingScreen .loadingLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: 0 0 !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#loadingArea .loadingSpinner,
.addtoBasketScreen .loadingSpinner,
.loadingArea .loadingSpinner,
.loadingScreen .loadingSpinner {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#loadingArea .loadingSpinner:after,
.addtoBasketScreen .loadingSpinner:after,
.loadingArea .loadingSpinner:after,
.loadingScreen .loadingSpinner:after {
  content: "Please wait";
  display: inline-block;
  width: 100%;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 0.625rem;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

#loadingArea .loadingSpinner:before,
.addtoBasketScreen .loadingSpinner:before,
.loadingArea .loadingSpinner:before,
.loadingScreen .loadingSpinner:before {
  content: "The editor is loading";
  display: inline-block;
  width: 100%;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  margin-bottom: 5rem;
}

#loadingArea .loadingSpinner i,
.addtoBasketScreen .loadingSpinner i,
.loadingArea .loadingSpinner i,
.loadingScreen .loadingSpinner i {
  font-size: 40px !important;
  color: #000 !important;
  height: 10rem;
  width: 10rem;
  border: 0.1875rem solid #ececee;
  opacity: 1 !important;
  border-radius: 99999px;
  border-right-color: #785ddc;
}

#loadingArea .loadingSpinner i:after,
#loadingArea .loadingSpinner i:before,
.addtoBasketScreen .loadingSpinner i:after,
.addtoBasketScreen .loadingSpinner i:before,
.loadingArea .loadingSpinner i:after,
.loadingArea .loadingSpinner i:before,
.loadingScreen .loadingSpinner i:after,
.loadingScreen .loadingSpinner i:before {
  display: none !important;
}

#loadingArea .ME_loading_hints,
#loadingArea .loadingSpinner,
#loadingArea .loadingSpinner i,
.addtoBasketScreen .ME_loading_hints,
.addtoBasketScreen .loadingSpinner,
.addtoBasketScreen .loadingSpinner i,
.loadingArea .ME_loading_hints,
.loadingArea .loadingSpinner,
.loadingArea .loadingSpinner i,
.loadingScreen .ME_loading_hints,
.loadingScreen .loadingSpinner,
.loadingScreen .loadingSpinner i {
  position: static !important;
}

#loadingArea .ME_loading_hints ul li,
#loadingArea .loadScreenStepIndicator,
.addtoBasketScreen .ME_loading_hints ul li,
.addtoBasketScreen .loadScreenStepIndicator,
.loadingArea .ME_loading_hints ul li,
.loadingArea .loadScreenStepIndicator,
.loadingScreen .ME_loading_hints ul li,
.loadingScreen .loadScreenStepIndicator {
  color: #192550;
}

#loadingArea .loadScreenStepIndicator,
.addtoBasketScreen .loadScreenStepIndicator,
.loadingArea .loadScreenStepIndicator,
.loadingScreen .loadScreenStepIndicator {
  color: #000;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.875rem;
  margin-top: 0.9375rem;
}

#loadingArea .ME_loading_hints,
.addtoBasketScreen .ME_loading_hints,
.loadingArea .ME_loading_hints,
.loadingScreen .ME_loading_hints {
  margin-top: 7.5rem;
}

#loadingArea .ME_loading_hints ul li,
.addtoBasketScreen .ME_loading_hints ul li,
.loadingArea .ME_loading_hints ul li,
.loadingScreen .ME_loading_hints ul li {
  padding: 1.5625rem 1.875rem;
  border-color: #192550;
  border-radius: 0.25rem;
  margin: 0 !important;
  font-size: 1rem;
  line-height: 1.375;
}

#loadingArea .ME_loading_hints ul li:before,
.addtoBasketScreen .ME_loading_hints ul li:before,
.loadingArea .ME_loading_hints ul li:before,
.loadingScreen .ME_loading_hints ul li:before {
  color: #192550;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
}

.me_quick_menu {
  top: 0;
  left: 50%;
  right: auto;
}

.me_quick_menu .q_menu_show_button {
  font-size: 0.75rem;
  height: 2.5em !important;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.me_quick_menu.skinnymenu {
  top: 3rem;
  left: 50%;
  right: auto;
}

.me_quick_menu .q_menu_left {
  display: none;
}

.me_quick_menu .fxstart {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: translateX(-50%) scale(0.5);
  -ms-transform: translateX(-50%) scale(0.5);
  transform: translateX(-50%) scale(0.5);
}

.me_quick_menu .fxend {
  -webkit-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
}

.megaEditBodyClass-RegisteredUser .me_quick_menu {
  display: none;
}

.megaEditBodyClass-Admin .ui-dialog,
.megaEditBodyClass-RegisteredUser .ui-dialog {
  border-radius: 0.25rem;
}

.megaEditBodyClass-Admin .ui-tabs,
.megaEditBodyClass-RegisteredUser .ui-tabs {
  background: #f8f8fa;
}

.megaEditBodyClass-Admin .buttonSetRow.borderRow,
.megaEditBodyClass-RegisteredUser .buttonSetRow.borderRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.megaEditBodyClass-Admin .buttonSetRow.borderRow label,
.megaEditBodyClass-RegisteredUser .buttonSetRow.borderRow label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.megaEditBodyClass-Admin .ui-widget-header,
.megaEditBodyClass-RegisteredUser .ui-widget-header {
  background: #192550;
}

.megaEditBodyClass-Admin .touchTextEnabled .imageTab .tab_Title,
.megaEditBodyClass-Admin .touchTextEnabled .textTab .tab_Title,
.megaEditBodyClass-RegisteredUser .touchTextEnabled .imageTab .tab_Title,
.megaEditBodyClass-RegisteredUser .touchTextEnabled .textTab .tab_Title {
  display: none;
}

.megaEditBodyClass-Admin .imageTab .icon,
.megaEditBodyClass-Admin .textTab .icon,
.megaEditBodyClass-RegisteredUser .imageTab .icon,
.megaEditBodyClass-RegisteredUser .textTab .icon {
  display: none;
}

.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav li.imageTabs_shadow,
.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav li.imageTabs_shape,
.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav li.textTabs_advanced,
.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav li.textTabs_shadow,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav li.imageTabs_shadow,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav li.imageTabs_shape,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav li.textTabs_advanced,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav li.textTabs_shadow {
  display: none;
}

.megaEditBodyClass-Admin .imageOptionsDialog,
.megaEditBodyClass-Admin .textOptionsDialogOuter,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter {
  font-size: 0.75rem;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-dialog-titlebar,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-dialog-titlebar,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-dialog-titlebar,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-dialog-titlebar {
  background: #192550;
  border: none;
  height: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #192550;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-title,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-dialog-titlebar .ui-dialog-title,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-title,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-dialog-titlebar .ui-dialog-titlebar-close,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-dialog-titlebar .ui-dialog-titlebar-close {
  text-indent: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  height: 2.5rem;
  width: 2.5rem;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li {
  background: #192550 !important;
  width: 24%;
  text-align: center;
  margin: 0 !important;
  position: relative;
  float: left;
  padding: 0 !important;
  font-size: 14px;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li.is-active a,
.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li.is-active a:hover,
.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li.ui-state-active a,
.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li.ui-state-active a:hover,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li.is-active a,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li.is-active a:hover,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li.ui-state-active a,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li.ui-state-active a:hover,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li.is-active a,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li.is-active a:hover,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li.ui-state-active a,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li.ui-state-active a:hover,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li.is-active a,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li.is-active a:hover,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li.ui-state-active a,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li.ui-state-active a:hover {
  background: #192550 !important;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li a,
.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li a:hover,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li a,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li a:hover,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li a,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li a:hover,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li a,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li a:hover {
  border: 0 !important;
  background: #192550 !important;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-tabs-nav li .tab_Title,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-tabs-nav li .tab_Title,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-tabs-nav li .tab_Title,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-tabs-nav li .tab_Title {
  display: block !important;
  color: #fff;
}

.megaEditBodyClass-Admin .imageOptionsDialog #textControlButtonset,
.megaEditBodyClass-Admin .textOptionsDialogOuter #textControlButtonset,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog #textControlButtonset,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter #textControlButtonset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.megaEditBodyClass-Admin .imageOptionsDialog .ui-slider-horizontal,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-slider-horizontal,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-slider-horizontal,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-slider-horizontal {
  height: 2px !important;
}

.megaEditBodyClass-Admin .touchDeviceTitleBar,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar {
  display: none;
}

.megaEditBodyClass-Admin .touchDeviceTitleBar+.columns,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar+.columns {
  margin: 0;
}

.megaEditBodyClass-Admin .touchDeviceTitleBar+.columns .column,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar+.columns .column {
  padding: 0;
  width: 100%;
}

.megaEditBodyClass-Admin .touchDeviceTitleBar+.columns .previewWrapper,
.megaEditBodyClass-Admin .touchDeviceTitleBar+.columns .textInputWrapper__title,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar+.columns .previewWrapper,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar+.columns .textInputWrapper__title {
  display: none !important;
}

.megaEditBodyClass-Admin .touchDeviceTitleBar+.columns #padLargeScreenEditor,
.megaEditBodyClass-RegisteredUser .touchDeviceTitleBar+.columns #padLargeScreenEditor {
  height: 60px !important;
  -webkit-appearance: none !important;
  resize: none;
  width: 100%;
}

.megaEditBodyClass-Admin #imageTabs,
.megaEditBodyClass-Admin #textTabs,
.megaEditBodyClass-RegisteredUser #imageTabs,
.megaEditBodyClass-RegisteredUser #textTabs {
  max-height: 560px;
}

.megaEditBodyClass-Admin .textOptionsDialogOuter .textOptions,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .textOptions {
  overflow: inherit;
  height: auto !important;
}

.megaEditBodyClass-Admin #textTabs.ui-tabs .ui-tabs-nav,
.megaEditBodyClass-RegisteredUser #textTabs.ui-tabs .ui-tabs-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.megaEditBodyClass-Admin #textTabs.ui-tabs .ui-tabs-nav li,
.megaEditBodyClass-RegisteredUser #textTabs.ui-tabs .ui-tabs-nav li {
  width: auto;
  padding: 0 1rem !important;
}

.megaEditBodyClass-Admin #imageTabs.ui-tabs .ui-tabs-nav li a:after,
.megaEditBodyClass-Admin #textTabs.ui-tabs .ui-tabs-nav li a:after,
.megaEditBodyClass-RegisteredUser #imageTabs.ui-tabs .ui-tabs-nav li a:after,
.megaEditBodyClass-RegisteredUser #textTabs.ui-tabs .ui-tabs-nav li a:after {
  display: none;
}

.megaEditBodyClass-Admin #imageTabs.ui-tabs .ui-tabs-nav li.ui-state-active a:after,
.megaEditBodyClass-Admin #textTabs.ui-tabs .ui-tabs-nav li.ui-state-active a:after,
.megaEditBodyClass-RegisteredUser #imageTabs.ui-tabs .ui-tabs-nav li.ui-state-active a:after,
.megaEditBodyClass-RegisteredUser #textTabs.ui-tabs .ui-tabs-nav li.ui-state-active a:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  background: #eaeaea;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
}

.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 10px 5px;
  text-decoration: none;
  width: 100%;
}

.megaEditBodyClass-Admin .ui-tabs .ui-tabs-nav li.ui-tabs-active .tab_Title,
.megaEditBodyClass-RegisteredUser .ui-tabs .ui-tabs-nav li.ui-tabs-active .tab_Title {
  color: #fff;
  font-weight: 500 !important;
}

.megaEditBodyClass-Admin #textControlButtonset .ui-button.ClearFormat,
.megaEditBodyClass-Admin #textControlButtonset .ui-button.DuplicateField,
.megaEditBodyClass-Admin #textControlButtonset .ui-button.SaveDefaultTextformatting,
.megaEditBodyClass-RegisteredUser #textControlButtonset .ui-button.ClearFormat,
.megaEditBodyClass-RegisteredUser #textControlButtonset .ui-button.DuplicateField,
.megaEditBodyClass-RegisteredUser #textControlButtonset .ui-button.SaveDefaultTextformatting {
  display: none;
}

.megaEditBodyClass-Admin #imageControlButtonset .ui-button.DuplicateField,
.megaEditBodyClass-Admin #imageControlButtonset .ui-button.Reset,
.megaEditBodyClass-RegisteredUser #imageControlButtonset .ui-button.DuplicateField,
.megaEditBodyClass-RegisteredUser #imageControlButtonset .ui-button.Reset {
  display: none;
}

.ui-layout-resizer.ui-layout-resizer-north,
.ui-layout-resizer.ui-layout-resizer-south {
  height: 0 !important;
}

.ui-layout-resizer.ui-layout-resizer-east,
.ui-layout-resizer.ui-layout-resizer-west {
  width: 0 !important;
}

.megaEditBodyClass-RegisteredUser .editorLeft.ui-layout-west.leftPaneCtrlContainer {
  overflow: hidden !important;
  width: 0 !important;
}

.editorLeft.ui-layout-west.leftPaneCtrlContainer {
  z-index: 4 !important;
}

@media screen and (max-width: 1149px) {
  .editorLeft.ui-layout-west.leftPaneCtrlContainer {
    display: none !important;
  }
}

@media screen and (max-width: 1149px) {

  #consoleSwitch .consoleSwitchButton,
  .me_quick_menu,
  .toggleCollapseTab {
    display: none !important;
  }
}

@media screen and (max-width: 1149px) {

  #customFieldOptionsDialog .field:not(:last-child),
  #imageOptionsDialog .field:not(:last-child),
  #textOptionsDialog .field:not(:last-child) {
    margin-bottom: 0.25rem;
  }
}

.editorMain .zoom_options {
  position: absolute;
  top: auto;
  left: auto;
  padding: 3px;
  opacity: 1;
  bottom: 10px;
  right: 10px;
}

.currentCanvasSizeWrapper {
  display: none !important;
}

.buttonContainer.leftSide .addImageFieldButton,
.buttonContainer.leftSide .addTextFieldButton,
.buttonContainer.leftSide .autofillButton,
.buttonContainer.leftSide .customScriptUi-viewControls {
  display: none !important;
}

.buttonContainer .separator {
  display: none !important;
}

.megaEditBodyClass-RegisteredUser .buttonContainer.leftSide .snapControlButton,
.megaEditBodyClass-RegisteredUser .toggleCollapseTab {
  display: none !important;
}

@media screen and (max-width: 1150px) {
  .MeMobilePortrait .freeTargetContainer.ui-layout-pane-east {
    top: 60% !important;
    width: 100% !important;
  }

  .MeMobilePortrait .editorBottom.pageSelectorContainer {
    height: 40% !important;
  }

  .MeMobilePortrait .editorMain {
    width: 100% !important;
  }
}

@media screen and (max-width: 1150px) {
  .MeMobileLandscape .memobilePageClass {
    bottom: 0;
  }
}

@media screen and (max-width: 1149px) {
  .freeTargetContainer {
    top: auto;
    bottom: 42px;
  }
}

.freeTargetContainer .meuiStackLayout div {
  margin-top: 0;
  margin-bottom: 0;
  /* position: relative; Removed as per AB's request*/
  /* float: left; REMOVED FOR TICKET 33937*/
  width: 100%;
}

.freeTargetContainer.ui-layout-pane-east {
  bottom: 0 !important;
  height: auto !important;
  background-color: #fff;
  border-left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4375rem 0.4375rem 5rem;
  left: 0;
  display: block !important;
  overflow: auto;
}

@media screen and (min-width: 1151px) {
  .freeTargetContainer.ui-layout-pane-east {
    top: 8.75rem !important;
    width: 18.75rem !important;
    left: auto;
  }
}

@media screen and (min-width: 1151px) {
  .freeTargetContainer .mobile-sidebar-menu-buttons {
    display: none !important;
  }
}

.freeTargetContainer .meuiCheckBox input {
  display: none;
}

.freeTargetContainer .meuiCheckBox,
.freeTargetContainer .mobile-sidebar-menu-button {
  border: 0;
  position: relative;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1.0625rem;
  height: 4.375rem;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 0.25rem;
  cursor: pointer;
  text-align: left;
  color: #192550 !important;
  margin-bottom: 0.1875rem;
  background: #f8f8fa !important;
}

.freeTargetContainer .meuiButton.btn_BarcodeTxt,
.freeTargetContainer .meuiButton.btn_Img,
.freeTargetContainer .meuiButton.btn_MagStripe,
.freeTargetContainer .meuiButton.btn_SigPanel,
.freeTargetContainer .meuiButton.btn_Txt {
  position: relative;
  float: left;
  width: 100%;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: 400;
  border-bottom: solid 1px #fff !important;
  background: #fff !important;
  cursor: pointer;
  padding-bottom: 27px;
  text-align: left;
  color: #90a4ae !important;
}

.freeTargetContainer .btn[disabled] {
  opacity: 0.3;
  display: none;
}

.freeTargetContainer .layout-tab {
  display: none;
}

.freeTargetContainer .meuiCheckBox.header {
  border: solid 1px #d2d3d6 !important;
  background: #fff !important;
  color: #192550;
}

.freeTargetContainer .meuiCheckBox.bgcolor {
  display: none;
}

.freeTargetContainer .meuiCheckBox.bgcolor,
.freeTargetContainer .meuiCheckBox.img,
.freeTargetContainer .meuiCheckBox.text {
  background: #f8f8fa;
}

.freeTargetContainer .meuiCheckBox.bgcolor:before,
.freeTargetContainer .meuiCheckBox.img:before,
.freeTargetContainer .meuiCheckBox.text:before {
  content: "";
  display: inline-block;
  margin-right: 1.0625rem;
  width: 2.25rem;
  height: 2.25rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.freeTargetContainer .meuiCheckBox.header:after {
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  font-size: 1.625rem;
  position: absolute;
  right: 1.0625rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.freeTargetContainer .meuiCheckBox span.check:before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  left: 20px;
  top: 18px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.freeTargetContainer .meuiCheckBox span.check {
  background: none !important;
  border: none !important;
  width: 0px !important;
}

.freeTargetContainer .meuiCheckBox.header input:checked+label:after {
  content: "\f107";
}

.freeTargetContainer .customScriptUi-freeTarget {
  padding: 0px;
}

.freeTargetContainer .meuiCheckBox.bgcolor span.check:before {
  background-image: url(/-407012859/Handler/CSSOverride/GetImage/17/addbackground.svg);
}

.freeTargetContainer .meuiCheckBox.img span.check:before {
  background-image: url(/-543806511/Handler/CSSOverride/GetImage/17/addimages.svg);
}

.freeTargetContainer .meuiCheckBox.text span.check:before {
  background-image: url(/-354488672/Handler/CSSOverride/GetImage/17/addtext.svg);
}

.freeTargetContainer .meuiLabel.block-desc {
  position: relative;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.freeTargetContainer .meuiButton.btn-upload {
  width: 100%;
  margin: 1.25rem 0 !important;
}

.freeTargetContainer .sidebar-dropdown {
  padding: 1.0625rem;
}

.editorBottom.pageSelectorContainer {
  height: 0 !important;
}

@media screen and (min-width: 1151px) {
  .editorBottom.pageSelectorContainer {
    right: 300px !important;
    background: #fff;
    border-top: solid 1px #eceff1;
    border-right: solid 1px #eceff1;
    z-index: 3 !important;
    overflow: visible !important;
    margin: 0 !important;
    height: 11rem !important;
  }
}

.pageListInnerWrapper {
  background: #ebeff1;
}

.freeTargetContainer .grid {
  border-bottom: solid 1px #fff;
}

.freeTargetContainer .grid>div.meuiStacklayoutVertical {
  position: relative;
  float: left;
  width: 32.66% !important;
  height: 0 !important;
  padding-bottom: 32.66%;
  margin-right: 1%;
  margin-bottom: 1%;
  overflow: hidden;
}

.freeTargetContainer .grid>div.meuiStacklayoutVertical div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.freeTargetContainer .grid>div.meuiStacklayoutVertical img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  max-width: 160%;
  max-height: 160%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.freeTargetContainer .grid>div.meuiStacklayoutVertical:nth-child(3n) {
  margin-right: 0;
}

/* .style-block>.meuiStackLayout:nth-child(2) .meuiStacklayoutVertical:nth-child(4) .grid>div.meuiStacklayoutVertical {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
    margin: 0 !important
}

.style-block>.meuiStackLayout:nth-child(2) .meuiStacklayoutVertical:nth-child(4) .grid>div.meuiStacklayoutVertical div {
    position: relative;
    float: left;
    width: 100%
} */

.freeTargetContainer .grid>div.meuiStacklayoutVertical div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.freeTargetContainer .grid>div.meuiStacklayoutVertical {
  position: relative;
  float: left;
  width: 32.66% !important;
  height: 0 !important;
  padding-bottom: 32.66%;
  margin-right: 1%;
  margin-bottom: 1%;
  overflow: hidden;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedLabel {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  text-align: center;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedLabel span {
  padding: 0;
  display: inline-block;
  background: #fff;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu {
  position: relative;
  float: left;
  width: 100% !important;
  padding: 0;
  margin: 0;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  float: left;
  width: 24.25% !important;
  height: 0 !important;
  padding-bottom: 24.25%;
  margin-right: 1%;
  margin-bottom: 1%;
  overflow: hidden;
  display: block;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
  margin: 0;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem a span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
  margin: 0;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem.meuiSelected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background-image: url(/0/Handler/CSSOverride/GetImage/2/circle_checkbox_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.meuiHtmlListExpanded .meuiHtmlListExpandedMenu.meuiHtmlListMenu .meuiHtmlListMenuItem:nth-child(4n) {
  margin-right: 0;
}

.ME_Header {
  position: fixed;
  top: 12px;
  z-index: 2;
  left: 100px;
  width: 250px;
}

.ME_Header a.logo_box {
  width: 241px;
  height: 58px;
  display: block;
  position: relative;
  float: left;
}

.ME_Header a.logo_box img {
  width: 100%;
}

@media screen and (min-width: 1151px) {
  .ui-layout-southh_inner .buttonsContainer {
    position: fixed;
    top: 1.125rem;
    right: 30.375rem;
    width: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.ui-layout-southh_inner .buttonsContainer .btn {
  background-color: #273664 !important;
  border-color: transparent;
  color: #fff;
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-hovered,
.ui-layout-southh_inner .buttonsContainer .btn:hover {
  background-color: #23315b !important;
  border-color: transparent;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-focused,
.ui-layout-southh_inner .buttonsContainer .btn:focus {
  border-color: transparent;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-focused:not(:active),
.ui-layout-southh_inner .buttonsContainer .btn:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
  box-shadow: 0 0 0 0.125em rgba(39, 54, 100, 0.25);
}

.ui-layout-southh_inner .buttonsContainer .btn.is-active,
.ui-layout-southh_inner .buttonsContainer .btn:active {
  background-color: #202c52 !important;
  border-color: transparent;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn[disabled] {
  background-color: #273664;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted {
  background-color: #fff !important;
  color: #273664;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined {
  background-color: transparent !important;
  border-color: #273664;
  color: #273664;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined:focus,
.ui-layout-southh_inner .buttonsContainer .btn.is-outlined:hover {
  background-color: #273664 !important;
  border-color: #273664;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined.is-loading::after {
  border-color: transparent transparent #273664 #273664 !important;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #273664;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #273664;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted.is-outlined:focus,
.ui-layout-southh_inner .buttonsContainer .btn.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #273664;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-focused,
.ui-layout-southh_inner .buttonsContainer .btn.is-hovered,
.ui-layout-southh_inner .buttonsContainer .btn:focus,
.ui-layout-southh_inner .buttonsContainer .btn:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.ui-layout-southh_inner .buttonsContainer .btn.is-active,
.ui-layout-southh_inner .buttonsContainer .btn:active {
  background-color: transparent !important;
  color: #785ddc;
}

.ui-layout-southh_inner .buttonsContainer .btn[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (min-width: 1151px) {
  .ui-layout-southh_inner .buttonsContainer .btn {
    height: 2.75rem !important;
    margin: 0 2.5rem 0 0 !important;
  }
}

.ui-layout-southh_inner .buttonsContainer .nextStepButton {
  display: none;
}

@media only screen and (min-width: 768px) {
  .ui-layout-north_inner .rightSide {
    text-align: right;
    position: absolute;
    right: 4.125rem;
    padding: 0;
    margin: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.ui-layout-north_inner .rightSide a.btn {
  width: 2.5575rem;
  height: 2.5575rem;
  margin-right: 0.5rem;
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
}

@media screen and (min-width: 1151px) {
  .ui-layout-north_inner .rightSide a.btn {
    margin-right: 1.3125rem;
  }
}

.ui-layout-north_inner .rightSide a.btn span {
  display: none;
}

.ui-layout-north_inner .rightSide a.btn[disabled] {
  opacity: 0.5;
}

.ui-layout-north_inner .rightSide a.btn:hover {
  -webkit-filter: invert(17%) sepia(74%) saturate(662%) hue-rotate(191deg) brightness(30%) contrast(91%);
  filter: invert(17%) sepia(74%) saturate(662%) hue-rotate(191deg) brightness(30%) contrast(91%);
}

.ui-layout-north_inner .rightSide a.btn .fa,
.ui-layout-north_inner .rightSide a.btn.fullScreen span,
.ui-layout-north_inner .rightSide a.btn.resetPagesbtn span {
  display: none;
}

.ui-layout-north_inner .rightSide a.btn.fullScreen {
  background-image: url(/1416026236/Handler/CSSOverride/GetImage/17/fullscreen.svg);
  margin: 0 !important;
}

.ui-layout-north_inner .rightSide a.btn.resetPagesbtn {
  background-image: url(/530396932/Handler/CSSOverride/GetImage/17/reset.svg);
  float: left;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.ui-layout-north_inner .rightSide .undoRedoContainer a.btn span {
  display: none;
}

.ui-layout-north_inner .rightSide .undoRedoContainer a.btn:first-child {
  background-image: url(/105968294/Handler/CSSOverride/GetImage/17/undo.svg);
}

.ui-layout-north_inner .rightSide .undoRedoContainer a.btn:last-child {
  background-image: url(/-276368730/Handler/CSSOverride/GetImage/17/redo.svg);
}

.ui-layout-southh_inner .buttonContainer.leftSide {
  width: auto !important;
  -webkit-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10;
  position: relative;
  margin-top: 0;
  left: 0;
  height: 12rem;
  background: #ebeff1;
  border-right: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 100px !important;
}

.ui-layout-southh_inner .buttonContainer.leftSide .mCSB_container {
  height: auto;
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
}

.ui-layout-southh_inner .buttonContainer.leftSide .buttons {
  margin: 0;
}

.pageSelectorContainerScroller {
  padding-top: 0;
  height: 11rem;
  overflow: hidden;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding: 0 !important;
}

.addPageButton.btn,
.pagelist_title {
  display: none;
}

.pageSelectorContainer {
  white-space: nowrap;
  margin-left: 0;
}

.pageSelectorItem {
  width: 11.5625rem;
  height: 11rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.pageSelectorItem.selectedPage {
  background: #fff;
}

.pageSelectorItem.selectedPage:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  background: #f8f8fa;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 50%;
  margin-left: -10px;
}

.pageSelectorItem:nth-child(1):before {
  content: "Front";
}

.pageSelectorItem:nth-child(2):before {
  content: "Reverse";
}

.pageSelectorItem:before {
  display: none;
}

.pageSelectorItem.selectedPage:before {
  display: block;
}

.pageSelectorItem:before {
  display: none;
  position: fixed;
  top: 8.75rem;
  z-index: 10;
  left: 6.25rem;
  font-size: 1.375rem;
  padding: 1.25rem 1.5625rem;
  background: #404146;
  text-align: center;
  font-weight: 500;
  color: #fff;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pageSelectorItem .pageThumb {
  opacity: 0.5 !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

.pageSelectorItem .pageLabel {
  font-weight: 700;
  color: #192550;
  margin: 0;
}

.pageSelectorItem.selectedPage .pageLabel,
.pageSelectorItem.selectedPage .pageThumb {
  opacity: 1 !important;
}

.zoom_options .btn {
  width: 3rem;
  height: 2.8125rem;
  border-radius: 9999px !important;
  background: #fff !important;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08) !important;
  margin-left: 0.9375rem !important;
  border: solid 1px #eee !important;
  background-repeat: no-repeat !important;
  background-size: 22px !important;
  background-position: center !important;
  margin-right: 0 !important;
}

.zoom_options .btn .fa {
  display: none;
}

.zoom_options .btn.zoomOut {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/ZoomOutIcon.svg) !important;
}

.zoom_options .btn.zoomIn {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/ZoomInIcon.svg) !important;
}

.zoom_options .btn.zoomIn:hover,
.zoom_options .btn.zoomOut:hover {
  background-color: #f2f2f2 !important;
}

.zoom_options .btn.showAll {
  display: none;
}

.pageSelectorItem .pageMarker {
  display: none !important;
}

.editorBottom .ui-layout-southh_inner>div {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.buttonContainer.rightSide .icon {
  display: none;
}

.ui-layout-southh_inner .buttonContainer.rightSide {
  padding: 0 !important;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ui-layout-southh_inner .buttonContainer.rightSide .priceContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  height: 11rem !important;
  text-align: center;
}

.ui-layout-southh_inner .buttonContainer.rightSide .priceContainer .priceHeader h2 {
  font-size: 1.25rem;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  margin-right: 1.5rem;
  font-weight: 400;
  margin-top: 0;
}

.ui-layout-southh_inner .buttonContainer.rightSide .priceContainer .price {
  font-size: 2.5rem;
  font-weight: 700;
}

#dlgPopupInstruction {
  bottom: 0 !important;
  background: #2a2a2e;
  color: #fff;
  max-width: 1079px !important;
  padding: 0;
  overflow: hidden;
  top: 0 !important;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -56px !important;
}

@media screen and (min-width: 769px),
print {
  #dlgPopupInstruction {
    margin-top: -3.8125rem !important;
  }
}

#dlgPopupInstruction+.ui-dialog-buttonpane {
  padding: 0;
  height: 0;
  color: #fff;
}

#dlgPopupInstruction+.ui-dialog-buttonpane .catfish-button {
  display: none !important;
}

#dlgPopupInstruction>h2 {
  display: none;
}

#dlgPopupInstruction #popupInstructionContent #instructions_slider {
  background: #2a2a2e;
}

#popupInstructionContent {
  padding: 0;
  margin: 0;
}

#instructions_slider .slides li {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.875rem 4rem 8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 1151px) {
  #instructions_slider .slides li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 4.5625rem 6.875rem 7.8125rem;
  }
}

#instructions_slider .slides li .copy {
  color: #fff;
}

@media screen and (max-width: 1149px) {
  #instructions_slider .slides li .copy {
    text-align: center;
  }
}

@media screen and (min-width: 1151px) {
  #instructions_slider .slides li .copy {
    margin-right: 7.45%;
  }
}

#instructions_slider .slides li .copy h2 {
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.0000125em;
  line-height: 1.125;
  margin-bottom: 1.625rem;
  font-weight: 400;
}

#instructions_slider .slides li .copy p {
  line-height: 1.375;
  font-size: 1rem;
}

#instructions_slider .slides li .image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 20.75rem;
  width: 20.75rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  background-color: #dcdcdc;
  border-radius: 9999px;
}

@media screen and (max-width: 1149px) {
  #instructions_slider .slides li .image {
    display: none;
  }
}

#instructions_slider .slides li.slide_1 .image {
  background-image: url(/0/Handler/CSSOverride/GetImage/17/slide-image-1.jpg);
}

#instructions_slider .slides li.slide_4 .image {
  background-image: url(/0/Handler/CSSOverride/GetImage/17/slide-image-2-2.png);
}

#instructions_slider .slides li.slide_5 .image {
  background-image: url(/0/Handler/CSSOverride/GetImage/17/slide-image-3-3.png);
}

#instructions_slider ol.flex-control-nav.flex-control-paging {
  bottom: 4rem;
  text-align: center;
  z-index: 9;
  width: 30%;
  left: 35%;
}

@media screen and (min-width: 769px),
print {
  #instructions_slider ol.flex-control-nav.flex-control-paging {
    bottom: 2.125rem;
  }
}

#instructions_slider ol.flex-control-nav.flex-control-paging li {
  margin: 0 0.1875rem;
}

#instructions_slider ol.flex-control-nav.flex-control-paging li a {
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255, 255, 255, 0);
  border: solid 0.078125rem #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#instructions_slider ol.flex-control-nav.flex-control-paging li a.flex-active {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .ui-dialog {
    width: 100% !important;
  }
}

.ui-dialog #imageTabs-photo .catfish-button,
.ui-dialog #textTabs-text .catfish-button {
  width: 40px;
}

.ui-dialog .ui-widget-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.ui-dialog #imageOptionsDialog h4,
.ui-dialog #textOptionsDialog h4 {
  font-size: 1rem;
  font-weight: 600;
}

.ui-dialog #imageOptionsDialog .label,
.ui-dialog #imageOptionsDialog label,
.ui-dialog #textOptionsDialog .label,
.ui-dialog #textOptionsDialog label {
  font-size: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  display: block;
  margin-top: 0.75rem;
}

.ui-dialog #imageOptionsDialog .label:not(:last-child),
.ui-dialog #imageOptionsDialog label:not(:last-child),
.ui-dialog #textOptionsDialog .label:not(:last-child),
.ui-dialog #textOptionsDialog label:not(:last-child) {
  margin-bottom: 0.5rem;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button {
  background-color: #fff !important;
  border-color: transparent;
  color: #192550;
  background-position: center !important;
  background-color: #fff !important;
  background-size: auto 100% !important;
  background-repeat: no-repeat;
  margin: 2.5px !important;
  float: left;
  height: 40px !important;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-hovered,
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button:hover,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-hovered,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button:hover {
  background-color: #f9f9f9 !important;
  border-color: transparent;
  color: #192550;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-focused,
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button:focus,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-focused,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button:focus {
  border-color: transparent;
  color: #192550;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-focused:not(:active),
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button:focus:not(:active),
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-focused:not(:active),
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-active,
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button:active,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-active,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button:active {
  background-color: #f2f2f2 !important;
  border-color: transparent;
  color: #192550;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button[disabled],
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button[disabled] {
  background-color: #fff;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted {
  background-color: #192550 !important;
  color: #fff;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted:hover,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted:hover {
  background-color: #131c3d !important;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted[disabled],
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted[disabled] {
  background-color: #192550 !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-loading::after,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-loading::after {
  border-color: transparent transparent #192550 #192550 !important;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-outlined,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-outlined:focus,
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-outlined:hover,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-outlined:focus,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-outlined:hover {
  background-color: #fff !important;
  border-color: #fff;
  color: #192550;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-outlined.is-loading::after,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-outlined.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-outlined[disabled],
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #192550;
  color: #192550;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined:focus,
.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined:hover,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined:focus,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined:hover {
  background-color: #192550 !important;
  color: #fff;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined[disabled],
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #192550;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.ui-dialog #imageOptionsDialog .ui-tabs-nav,
.ui-dialog #textOptionsDialog .ui-tabs-nav {
  z-index: 1;
  position: relative;
}

.ui-dialog #imageOptionsDialog .ui-tabs-nav li.is-active a,
.ui-dialog #imageOptionsDialog .ui-tabs-nav li.ui-state-active a,
.ui-dialog #textOptionsDialog .ui-tabs-nav li.is-active a,
.ui-dialog #textOptionsDialog .ui-tabs-nav li.ui-state-active a {
  background: #f8f8fa;
}

.ui-dialog #imageOptionsDialog .ui-tabs-panel,
.ui-dialog #textOptionsDialog .ui-tabs-panel {
  display: inline-block;
  width: 100%;
  background: #f8f8fa;
  overflow: auto;
}

.modal-dialog .modal-card-head {
  background: #192550;
  border: none;
  border-top: 1px solid #192550;
}

.modal-dialog .modal-card-head .modal-card-title {
  color: #fff;
}

.modal-dialog .modal-footer .buttons {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-hovered,
.modal-dialog .modal-footer .buttons .catfish-button:first-child:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-focused,
.modal-dialog .modal-footer .buttons .catfish-button:first-child:focus {
  border-color: transparent;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-focused:not(:active),
.modal-dialog .modal-footer .buttons .catfish-button:first-child:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-active,
.modal-dialog .modal-footer .buttons .catfish-button:first-child:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined:focus,
.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted.is-outlined:focus,
.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.modal-dialog .catfish-button {
  height: 2.75rem;
}

.ui-dialog .ui-dialog-titlebar {
  background: #192550;
  border: none;
  border-top: 2px solid #192550;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  color: #fff;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  text-indent: 0;
  height: 2.5em;
  width: 2.5em;
  position: absolute;
  right: 1rem;
  z-index: 3;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 1.125rem;
  color: #fff;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
  display: none;
}

.ui-dialog .box.is-light {
  background: #fff;
}

.ui-dialog .ui-dialog-buttonpane {
  border: 0;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset:after,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset:before {
  display: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child {
  background-color: white;
  border-color: transparent;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-hovered,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff !important;
}

.picker-buttons .ui-button-active {
  background-color: #785ddc !important;
  color: #fff !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-focused,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:focus {
  border-color: transparent;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-focused:not(:active),
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-active,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.picker-buttons button {
  background-color: white !important;
  color: #23315b !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined:focus,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:focus,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.ui-dialog .catfish-button.is-dark {
  background-color: #fff;
}

#instructions_slider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  z-index: 48;
  opacity: 1;
  background: 0 0;
}

#instructions_slider .flex-direction-nav a.flex-next,
#instructions_slider .flex-direction-nav a.flex-prev {
  height: 40px;
  width: 40px;
  background: 0 0;
}

#instructions_slider .flex-direction-nav a.flex-next:after,
#instructions_slider .flex-direction-nav a.flex-prev:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  font-size: 2.8125rem;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#instructions_slider .flex-direction-nav a.flex-prev {
  left: 1.25rem !important;
}

#instructions_slider .flex-direction-nav a.flex-prev:after {
  content: "\f104";
}

#instructions_slider .flex-direction-nav a.flex-next {
  right: 1.25rem !important;
}

#instructions_slider .flex-direction-nav a.flex-next:after {
  content: "\f105";
}

.ui-dialog-buttonpane .dont-show-again {
  float: right !important;
  position: absolute;
  right: 1.25rem;
  bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.375;
  padding: 0 !important;
  z-index: 2;
  color: #fff;
}

@media screen and (min-width: 1151px) {
  .ui-dialog-buttonpane .dont-show-again {
    bottom: 1.5625rem;
  }
}

.ui-dialog-buttonpane .dont-show-again input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.ui-dialog-buttonpane .dont-show-again input+span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.ui-dialog-buttonpane .dont-show-again input+span:after,
.ui-dialog-buttonpane .dont-show-again input+span:before {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-left: 0.625rem;
}

.ui-dialog-buttonpane .dont-show-again input+span:after {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
}

.ui-dialog-buttonpane .dont-show-again input:checked+span:before {
  position: absolute;
  right: 0;
  top: 0;
  background: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.ui-dialog .ui-dialog-buttonpane .dont-show-again+.ui-dialog-buttonset {
  position: absolute;
  bottom: 2.125rem;
  left: 1.9375rem;
  width: auto;
  z-index: 2;
}

.ui-dialog .ui-dialog-buttonpane .dont-show-again+.ui-dialog-buttonset button.ui-button {
  background: 0 0 !important;
  color: #fff;
  text-decoration: underline;
  font-size: 1rem;
  padding: 0;
  margin: 0;
}

.ui-dialog .ui-dialog-buttonpane .dont-show-again+.ui-dialog-buttonset button.ui-button:after {
  content: "Skip tutorial";
}

.ui-dialog .ui-dialog-buttonpane .dont-show-again+.ui-dialog-buttonset button.ui-button span {
  display: none;
}

.megaEditBodyClass-RegisteredUser #imageOptionsDialog {
  padding: 0 !important;
  height: 340px !important;
}

#alignmentButtonset input+.ui-button,
.textButton.toggleButtonOn+.ui-button {
  border: solid 1px #fff !important;
}

#alignmentButtonset input:checked+.ui-button,
.textButton.toggleButtonOn:checked+.ui-button {
  background-color: #fff !important;
  border: solid 1px #192550 !important;
}

.textOptionsDialog>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 100%;
}

.textOptionsDialog>div>.box.is-shadowless.is-marginless {
  background: #ebeff1;
  border-radius: 0;
  padding: 0.5rem;
}

.textOptionsDialog .colorSelector.fontColor {
  height: 40px;
  width: 90px;
  border: 0 none;
  background: url(/154185657/Handler/Static/Catfish.Web/Scripts/ME2k/img/appbar.text.serif.invert6.png) no-repeat center center !important;
  background-size: 30px 30px;
  margin-left: 2px;
  margin-top: 2.5px;
}

.textOptionsDialog .colorSelector.fontColor .icon {
  color: #192550 !important;
}

.HalignButtonset,
.ValignButtonset {
  margin-top: 10px;
}

.textButton.textButtonBold {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/bold.svg) !important;
}

.textButton.textButtonItalic {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/italic.svg) !important;
}

.textButton.textButtonUnderline {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/underline.svg) !important;
}

.textButton.textButtonStrike {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/strike.through.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_left {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.left.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_center {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.center.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_right {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.right.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_top {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.top.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_middle {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.middle.svg) !important;
}

#alignmentButtonset .alignmentButton.alignment_bottom {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/align.bottom.svg) !important;
}

#imageControlButtonset .ui-button.MoveFront,
#textControlButtonset .ui-button.MoveFront {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/bring.forward.svg) !important;
}

#imageControlButtonset .ui-button.MoveBack,
#textControlButtonset .ui-button.MoveBack {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/send.back.svg) !important;
}

#imageControlButtonset .ui-button.MoveToFront,
#textControlButtonset .ui-button.MoveToFront {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/bring.to.front.svg) !important;
}

#imageControlButtonset .ui-button.MoveToBack,
#textControlButtonset .ui-button.MoveToBack {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/send.to.back.svg) !important;
}

#imageControlButtonset .ui-button.DeleteField,
#textControlButtonset .ui-button.DeleteField {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/delete.svg) !important;
}

#textControlButtonset .ui-button.DuplicateField {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/bold.svg) !important;
}

#textControlButtonset .ui-button.FitTextHeight {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/text.fit.to.box.svg) !important;
}

#textControlButtonset .ui-button.ClearFormat {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/text.reset.svg) !important;
}

#textControlButtonset .ui-button.SaveDefaultTextformatting {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/save.text.default.svg) !important;
}

#imageControlButtonset .ui-button.RotLeft {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/rotate.ccw.svg) !important;
}

#imageControlButtonset .ui-button.RotRight {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/rotate.cw.svg) !important;
}

#imageControlButtonset .ui-button.FlipVertical {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/fliep.vertical.svg) !important;
}

#imageControlButtonset .ui-button.FlipHorizontal {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/fliep.horizontal.svg) !important;
}

#imageControlButtonset .ui-button.Reset {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/save.text.default.svg) !important;
}

#imageControlButtonset .ui-button.RemoveImage {
  background-image: url(/0/Handler/CSSOverride/GetImage/2/clearImage.svg) !important;
}

@media screen and (max-width: 1149px) {

  .imageOptionsDialog,
  .textOptionsDialogOuter {
    border-radius: 0;
  }
}

.imageOptionsDialog .fontSizeSlider,
.textOptionsDialogOuter .fontSizeSlider {
  display: none;
}

.imageOptionsDialog .ui-widget-content,
.textOptionsDialogOuter .ui-widget-content {
  overflow: initial;
  height: 100% !important;
}

.imageOptionsDialog .fontSizeWrapper .fontSizeSelector,
.textOptionsDialogOuter .fontSizeWrapper .fontSizeSelector {
  -moz-appearance: textfield;
}

.imageOptionsDialog .fontSizeWrapper .fontSizeSelector::-webkit-inner-spin-button,
.imageOptionsDialog .fontSizeWrapper .fontSizeSelector::-webkit-outer-spin-button,
.textOptionsDialogOuter .fontSizeWrapper .fontSizeSelector::-webkit-inner-spin-button,
.textOptionsDialogOuter .fontSizeWrapper .fontSizeSelector::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.ui-tabs .ui-tabs-panel {
  position: relative;
}

.UISetCol .ui-button.ui-state-active {
  background: url(/0/Handler/CSSOverride/GetImage/2/plp_checkbox.svg);
  background-size: 24px 24px;
}

.effectRow input[type="checkbox"]:not(old)+label,
.effectRow input[type="radio"]:not(old)+label {
  background-color: #fff !important;
}

.effectRow input[type="checkbox"]:not(old):checked+label,
.effectRow input[type="radio"]:not(old):checked+label {
  background-color: #192550 !important;
}

#imageTabs-details .imageOptions,
#textTabs-details .textOptions {
  color: #000;
  background: #f8f8fa;
  height: auto !important;
}

.ui-slider-horizontal .ui-slider-handle,
.ui-slider-vertical .ui-slider-handle {
  background: #192550 !important;
}

.imageOptionsDialog #sharpnessControlButtonset {
  display: none !important;
}

.optionRow:hover {
  background: #f8f8fa;
}

#imageControlButtonset {
  position: relative;
  float: left;
}

@media screen and (max-width: 1149px) {
  #imageControlButtonset {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#imageControlButtonset .buttonSetRow.manageRow {
  margin-left: 0;
  width: 100%;
}

.cf_imageView_container img {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08) !important;
  border-radius: 1.25rem;
  max-width: 47.75rem;
  height: auto;
}

#previewArea {
  background: #ececee !important;
}

#previewArea:after {
  content: "";
  display: inline-block;
  position: fixed;
  top: 0;
  height: 60px;
  width: 100%;
  background-repeat: no-repeat !important;
  background-position: 10px 1.125rem !important;
  background-image: url(/-2008914585/Handler/CSSOverride/GetImage/17/new-logo.png) !important;
  background-color: #fff !important;
}

@media screen and (max-width: 1149px) {
  #previewArea:after {
    background-size: 70px auto;
  }
}

@media screen and (min-width: 1151px) {
  #previewArea:after {
    height: 80px;
    background: url(/-2008914585/Handler/CSSOverride/GetImage/17/new-logo.png) no-repeat 4rem 1.125rem #fff !important;
  }
}

#previewArea .cf_imageViewer_next:before,
#previewArea .cf_imageViewer_prev:before {
  font-size: 3.125rem;
  text-shadow: none;
  color: #6e7076;
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
}

#previewArea .cf_imageViewer_pageCounter {
  color: #6e7076;
  padding: 0;
  background: 0 0;
  text-shadow: none;
  margin-top: 2.6875rem;
  font-weight: 700;
  letter-spacing: 0;
}

#previewView {
  background: #ececee !important;
}

.add_to_basket_from_preview {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  position: fixed;
  top: 10px;
  right: 5%;
  height: 2.75rem !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

.add_to_basket_from_preview.is-hovered,
.add_to_basket_from_preview:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.add_to_basket_from_preview.is-focused,
.add_to_basket_from_preview:focus {
  border-color: transparent;
  color: #fff;
}

.add_to_basket_from_preview.is-focused:not(:active),
.add_to_basket_from_preview:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.add_to_basket_from_preview.is-active,
.add_to_basket_from_preview:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.add_to_basket_from_preview[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.add_to_basket_from_preview.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.add_to_basket_from_preview.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.add_to_basket_from_preview.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.add_to_basket_from_preview.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.add_to_basket_from_preview.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.add_to_basket_from_preview.is-outlined:focus,
.add_to_basket_from_preview.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.add_to_basket_from_preview.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.add_to_basket_from_preview.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.add_to_basket_from_preview.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.add_to_basket_from_preview.is-inverted.is-outlined:focus,
.add_to_basket_from_preview.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.add_to_basket_from_preview.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

@media screen and (min-width: 1151px) {
  .add_to_basket_from_preview {
    top: 1.125rem;
    right: 4.0625rem;
  }
}

.add_to_basket_from_preview i {
  display: none;
}

#previewView .preview_close_button {
  position: fixed;
  color: #192550 !important;
  text-decoration: none;
  background: 0 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 0.90625rem;
  letter-spacing: 0.0009510345em;
  line-height: 1.2413793103;
  padding: 0;
  font-weight: 700;
  border: 0;
  right: auto !important;
  top: 13px;
  left: 100px;
}

@media screen and (min-width: 1151px) {
  #previewView .preview_close_button {
    left: 15.5rem;
    top: 1.25rem;
  }
}

#previewView .preview_close_button:hover {
  color: #785ddc !important;
}

#previewView .preview_close_button .icon {
  display: none !important;
}

#previewView .preview_close_button:before {
  content: "\f104 ";
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 100;
  text-decoration: inherit;
  vertical-align: middle;
  margin-right: 0.4375rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  background: none;
}

#previewView .preview_close_button:after {
  content: "Back";
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  background: none;
}

@media screen and (min-width: 769px),
print {
  #previewView .preview_close_button:after {
    content: "Back to editor";
  }
}

.cf_imageViewer_pageCounter {
  padding: 10px;
  font-family: sans-serif;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px;
  font-size: 16px;
  letter-spacing: 1px;
}

#recordControlArea {
  position: absolute !important;
  top: initial !important;
  bottom: 27px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 90% !important;
  left: 5% !important;
  margin: 0 !important;
}

#recordControlArea #btNextRecord,
#recordControlArea #btPrevRecord {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 200px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: 0 !important;
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

#recordControlArea #btNextRecord:after,
#recordControlArea #btNextRecord:before,
#recordControlArea #btPrevRecord:after,
#recordControlArea #btPrevRecord:before {
  font-family: "Font Awesome 5 Pro" !important;
  font-size: 1.5em !important;
  font-weight: 100;
  height: auto !important;
  margin-left: 7px;
  margin-right: 7px;
}

#recordControlArea #btPrevRecord {
  margin-right: 1rem !important;
}

div#confirm_product {
  position: fixed;
  top: 60px;
  left: 0;
  height: calc(100% - 5rem);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
}

#recordControlArea #btPrevRecord,
#recordControlArea #btNextRecord {
  background: #785ddc !important;
}

@media screen and (min-width: 1151px) {
  div#confirm_product {
    top: 5rem;
  }
}

div#confirm_product .confirm_inner {
  background: #f5f5f5;
  padding: 1.5625rem 1.875rem;
  max-width: 40.625rem;
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  border-radius: 0.25rem;
  margin: 0 5%;
}

@media screen and (min-width: 1151px) {
  div#confirm_product .confirm_inner {
    padding: 4.375rem 5.625rem;
  }
}

div#confirm_product .confirm_inner h2 {
  margin: 0 0 1.625rem;
  color: #192550;
  font-size: 2rem;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-weight: 400;
}

div#confirm_product .confirm_inner p {
  max-width: 29.5625rem;
  font-size: 1rem;
  line-height: 1.375;
  margin: 0 auto;
}

div#confirm_product .confirm_inner p:not(:last-child) {
  margin-bottom: 1.375rem;
}

div#confirm_product .confirm_inner .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.9375rem auto 0;
  max-width: 26.25rem;
}

div#confirm_product .confirm_inner .buttons .button {
  width: 100%;
}

@media screen and (min-width: 1151px) {
  .extratxt {
    display: block !important;
  }
}

.warningIcon {
  display: none;
}

.PlaceholderPopup .meuiLabel {
  font-size: 1rem;
  padding: 7px 0;
}

.ngConfirmDialog {
  height: 230px !important;
  overflow: visible !important;
}

.ngConfirmDialog p {
  font-size: 1rem;
  line-height: 1.375;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.45em;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .ImageFXRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .ImageFXRow input:checked+.catfish-button {
  background-image: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60% 60% !important;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .ImageFXRow .catfish-button {
  min-width: 0;
  content: "";
  height: 2.25rem !important;
  width: 2.25rem !important;
  display: inline-block;
  margin-right: 0.625rem;
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .ImageFXRow .catfish-button span {
  display: none;
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .ImageFXRow .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto !important;
  padding: 0;
}

.imageOptionsDialog,
.textOptionsDialogOuter {
  max-width: 27.25rem !important;
  width: 100%;
}

@media screen and (max-width: 1149px) {

  .imageOptionsDialog,
  .textOptionsDialogOuter {
    bottom: 0 !important;
    top: 111px !important;
    width: 400px !important;
    right: 0 !important;
    left: auto !important;
    max-width: none !important;
    margin: 0;
    z-index: 1;
    border-radius: 0 !important;
  }

  .imageOptionsDialog .ui-dialog-titlebar,
  .textOptionsDialogOuter .ui-dialog-titlebar {
    border-radius: 0 !important;
  }
}

@media screen and (max-width: 1149px) {

  .MeMobilePortrait .imageOptionsDialog,
  .MeMobilePortrait .textOptionsDialogOuter {
    height: 40% !important;
    top: auto !important;
    width: 100% !important;
    left: 0 !important;
  }
}

@media screen and (max-width: 1149px) {

  .ui-layout-southh_inner .buttonContainer.rightSide,
  .ui-layout-southh_inner .pageListContainer {
    display: none !important;
  }
}

@media screen and (max-width: 1149px) {
  .tooltip {
    display: none !important;
  }
}

#customFieldOptionsDialog .colorSelector.fontColor .icon,
#customFieldOptionsDialog .colorSelector__text,
#imageOptionsDialog .colorSelector.fontColor .icon,
#imageOptionsDialog .colorSelector__text,
#textOptionsDialog .colorSelector.fontColor .icon,
#textOptionsDialog .colorSelector__text {
  pointer-events: none;
}

.mappingPlaceholdersPopup .meuiTableLayoutRow {
  border: 0 !important;
}

@media screen and (max-width: 768px) {
  .mappingPlaceholdersPopup .meuiTableLayoutRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mappingPlaceholdersPopup .meuiTableLayoutCell .meuiNonLayout,
.mappingPlaceholdersPopup .meuiTableLayoutCell .meuiStackLayout div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mappingPlaceholdersPopup input[type="checkbox"] {
  display: none;
}

.mappingPlaceholdersPopup input[type="checkbox"]+label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mappingPlaceholdersPopup input[type="checkbox"]+label:before {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: 0.625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mappingPlaceholdersPopup input[type="checkbox"]+label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
}

.mappingPlaceholdersPopup input[type="checkbox"]:checked+label:before {
  background: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.mappingPlaceholdersPopup input[type="checkbox"]+label:after {
  content: "Data";
  width: 38px;
  display: inline-block;
}

.mappingPlaceholdersPopup input[type="checkbox"]:checked+label:after {
  content: "Static";
}

.megaEditMobileMode input,
.megaEditMobileMode select {
  border: 1px solid #d2d3d6 !important;
}

.meuiNonLayout {
  display: block;
  margin: 0 !important;
}

.meuiStackLayout div {
  margin: 0;
}

.standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn {
  font-size: 0;
  height: 2.1875rem;
}

@media screen and (min-width: 1151px) {
  .standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn {
    padding: calc(0.375rem - 1px) 1.4285714286rem;
    height: 2.75rem;
  }
}

.standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn:after {
  content: "Create barcodes";
  font-size: 0.875rem;
}

@media screen and (min-width: 769px),
print {
  .standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn:after {
    content: "Now click to link data";
  }
}

#dlgFieldIssue {
  font-size: 1rem;
}

#dlgFieldIssue+.ui-dialog-buttonpane,
.ui-dlgPopupInstruction .ui-dialog-buttonpane {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #fff;
  border-top: 0;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 20px;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-dialog-buttonset:after,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-dialog-buttonset:before,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-dialog-buttonset:after,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-dialog-buttonset:before {
  display: none;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button {
  background-color: white !important;
  color: #273664;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  height: 2.75rem;
  margin: 0;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-hovered,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child:hover,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-hovered,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-focused,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child:focus,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-focused,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child:focus {
  border-color: transparent;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-focused:not(:active),
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child:focus:not(:active),
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-focused:not(:active),
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-active,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child:active,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-active,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child[disabled],
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted:hover,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted[disabled],
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-loading::after,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-outlined,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-outlined:focus,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-outlined:hover,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-outlined:focus,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-outlined.is-loading::after,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-outlined[disabled],
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:focus,
#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:hover,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:focus,
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

#dlgFieldIssue+.ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined[disabled],
.ui-dlgPopupInstruction .ui-dialog-buttonpane .ui-button:first-child.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.ui-dlgPopupInstruction .ui-dialog-titlebar {
  height: 0;
  padding: 0;
}

.ui-dlgPopupInstruction .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}

.ui-dlgPopupInstruction .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 1rem;
  z-index: 2;
}

.standardBatchScriptPlaceholderGroupRow.meuiStackLayout:nth-child(2) .btn.btn-me {
  font-size: 0 !important;
}

.standardBatchScriptPlaceholderGroupRow.meuiStackLayout:nth-child(2) .btn.btn-me:after {
  content: "Link barcode/encoding fields";
  font-size: 12px;
}

.standardBatchScriptPlaceholderGroupRow.meuiStackLayout:nth-child(2) .btn.btn-me {
  line-height: 16px;
  background-image: url(/0/Handler/CSSOverride/GetImage/2/MappingIcon.svg);
  background-size: 13px;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding-left: 30px;
  font-size: 0;
  padding-right: 10px;
  margin-left: 5px;
}

.ui-layout-southh_inner .buttonsContainer:nth-child(3) button:nth-child(2) {
  display: none;
}

.megaEditMainContainer .loadingLogo .ME_loading_hints {
  display: none;
}

button.saveProjectButton[ng-confirmed-click="AddToBasket()"] {
  display: none !important;
}

@media screen and (max-width: 1149px) {
  .ui-layout-southh_inner .buttonsContainer .btn.saveProjectButton .confirmextratxt {
    display: inline-block;
  }

  .editorTop.pane .headerWrapper .buttonContainer.rightSide .fullScreen {
    display: none !important;
  }

  .pageListContainer .pageSelectorContainer {
    display: none;
  }

  .ui-layout-southh_inner .buttonContainer.rightSide {
    display: block !important;
  }
}

.ui-dialog-buttonpane .dont-show-again input {
  -webkit-appearance: none !important;
}

#dlgPopupInstruction~.ui-dialog-buttonpane {
  background: #2a2a2e;
}

.ui-dialog-buttonpane .dont-show-again input+span:after {
  float: right;
  position: relative;
  z-index: 0;
}

.ui-dialog-buttonpane .dont-show-again input+span:before {
  position: absolute;
}

.ui-dialog-buttonpane .dont-show-again input:checked+span:before {
  z-index: 1;
}

.ui-dialog-buttonpane .dont-show-again input+span {
  display: block;
  line-height: 34px;
}

.shoppingcart__wrapper {
  max-width: 76.0625rem;
  margin: 0 auto;
  display: block;
}

.shoppingcart__wrapper .shoppingcart__empty {
  text-align: center;
}

.shoppingcart__wrapper .page-title h1 {
  text-align: center;
  font-size: 2.625rem;
  color: #192550;
  letter-spacing: -0.0003402381em;
  line-height: 1.0952380952;
  margin-bottom: 5.5rem;
  font-weight: 400;
}

.shoppingcart__wrapper #cartform {
  width: 100%;
}

.shoppingcart__wrapper .checkout_message_bottom__wrapper {
  width: 100%;
}

.shoppingcart__wrapper .checkout_message_top .warning-box {
  margin: 0 0 1rem;
}

.shoppingcart__wrapper .cartTableWrapper .hide,
.shoppingcart__wrapper .cartTableWrapper .priceScriptInfo,
.shoppingcart__wrapper .cartTableWrapper td:not(.end) .productPrice {
  display: none !important;
}

.shoppingcart__wrapper .cartTableWrapper .shoppingcartquantitytext.quantityChanger {
  -webkit-appearance: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  padding: calc(0.375em - 1px) calc(0.625em - 1px);
  position: relative;
  vertical-align: top;
  background-color: #fff;
  max-width: 100%;
  width: 100%;
  height: 2.75em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2d3d6;
  border-radius: 0.25em;
  color: #6e7076;
}

.shoppingcart__wrapper .cartTableWrapper .cart {
  width: 100%;
}

.shoppingcart__wrapper .cartTableWrapper .cart br,
.shoppingcart__wrapper .cartTableWrapper .cart thead {
  display: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8fa;
  border: 0;
  border-radius: 0.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 0 0.875rem;
}

@media screen and (max-width: 768px) {
  .shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row:not(:last-child) {
  margin-bottom: 0.625rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.625rem 1.25rem;
}

@media screen and (min-width: 769px),
print {
  .shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row td {
    padding: 2.125rem 1.25rem 6.25rem;
  }
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .shopping-cart__product__images__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .shopping-cart__product__images__item .image.is-contained img {
  height: auto;
  width: auto;
  border-radius: 0.25rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .product__title {
  color: #192550;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .summaryShortDescription {
  display: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span:first-child {
  font-weight: 600;
  margin-right: 0.3125rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span:first-child:after {
  content: ":";
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  padding: 1.5625rem 1.25rem 1.5625rem;
}

@media screen and (min-width: 769px),
print {
  .shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 2.125rem 1.5625rem;
  }
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--actions__buttons.buttons {
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 0;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--edititem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--edititem .catfish-button {
  text-align: left;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
  height: 1.375rem;
  font-size: 1rem;
  line-height: 1.375;
  text-decoration: underline;
  margin: 0;
  width: auto !important;
  font-weight: 500;
  text-transform: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button.is-focused,
.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button.is-hovered,
.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button:focus,
.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button.is-active,
.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button:active {
  background-color: transparent !important;
  color: #785ddc;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .catfish-button[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .basketEditButton.design {
  margin-bottom: 0.125rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .basketEditButton.options {
  display: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--saveitem {
  position: absolute;
  right: 0;
  top: -1.375rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions #deleteCartItem {
  color: #f7755b;
  text-align: right;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .product__quantity {
  width: 5.4375rem;
  white-space: normal;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .product__quantity:before {
  content: "Quantity";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .product {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .end .productPrice.productPrice__total:before {
  content: "Price";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}

.shoppingcart__wrapper .checkout_message_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0 5%;
  max-width: 1440px;
}

@media screen and (min-width: 769px),
print {
  .shoppingcart__wrapper .checkout_message_bottom {
    padding: 0 64px;
  }
}

.shoppingcart__wrapper .checkout_message_bottom .catfish-container {
  padding: 0 !important;
}

@media screen and (min-width: 1220px) {
  .shoppingcart__wrapper .checkout_message_bottom .cart-form__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.shoppingcart__wrapper .checkout_message_bottom .cart-form__wrapper .cartTableWrapper {
  max-width: 45rem;
  margin: 0 auto;
}

.shoppingcart__wrapper .terms-of-service {
  position: relative;
}

.shoppingcart__wrapper .terms-of-service label {
  position: relative;
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  letter-spacing: 0.0011830769em;
  line-height: 1.3846153846;
}

.shoppingcart__wrapper .terms-of-service label a {
  margin-left: 0.1875rem;
  color: #192550;
  font-weight: 600;
}

.shoppingcart__wrapper .terms-of-service label:after,
.shoppingcart__wrapper .terms-of-service label:before {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: 0.625rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.shoppingcart__wrapper .terms-of-service label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
}

.shoppingcart__wrapper .terms-of-service label:after {
  position: absolute;
  top: 0;
  left: 0;
}

.shoppingcart__wrapper .terms-of-service input {
  display: none;
}

.shoppingcart__wrapper .terms-of-service input:checked+label:after {
  background: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (min-width: 1220px) {
  .shoppingcart__wrapper .cart-footer {
    padding: 0 0 0 1.4375rem !important;
    max-width: 27.75rem;
  }
}

@media screen and (max-width: 1219px) {
  .shoppingcart__wrapper .cart-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.shoppingcart__wrapper .cart-footer .cart-footer__container {
  padding: 2.125rem 1.875rem;
  border: 1px solid #d2d3d6;
  border-radius: 0.25rem;
}

@media screen and (min-width: 769px) and (max-width: 1219px) {
  .shoppingcart__wrapper .cart-footer .cart-footer__container {
    max-width: 33rem;
  }
}

.shoppingcart__wrapper .cart-footer .cart-total {
  margin-bottom: 0;
}

.shoppingcart__wrapper .cart-footer .cart-total tr {
  margin-bottom: 0.25rem;
}

.shoppingcart__wrapper .cart-footer .cart-total .cart_total_left,
.shoppingcart__wrapper .cart-footer .cart-total .cart_total_right {
  padding: 0 !important;
  border: 0 !important;
  text-transform: none !important;
}

.shoppingcart__wrapper .cart-footer .cart-total .cart_total_left {
  min-width: 0 !important;
  width: 100%;
  max-width: 9.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.shoppingcart__wrapper .cart-footer .cart-total .cart_total_left span {
  font-weight: 600;
  text-transform: none;
}

.shoppingcart__wrapper .cart-footer .cart-total .cart_total_right {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  font-weight: 400 !important;
}

.shoppingcart__wrapper .cart-footer .columns {
  display: inline-block;
  width: 100%;
  margin: 0;
  float: left;
}

.shoppingcart__wrapper .cart-footer .columns .grid_6 {
  width: 100%;
  padding: 0;
}

.shoppingcart__wrapper .cart-footer .columns .grid_6 .deals,
.shoppingcart__wrapper .cart-footer .columns .grid_6 .total-info {
  width: 100%;
  margin-bottom: 1rem;
}

.shoppingcart__wrapper .cart-footer .coupon-box {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #d2d3d6;
  margin-bottom: 1.875rem;
}

.shoppingcart__wrapper .cart-footer .coupon-box .coupon-box--title {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  line-height: 1.375;
}

.shoppingcart__wrapper .cart-footer .coupon-box .coupon-box--tooltip,
.shoppingcart__wrapper .cart-footer .coupon-box br {
  display: none;
}

.shoppingcart__wrapper .cart-footer .coupon-box .coupon-box__input {
  margin-top: 0.625rem;
}

.shoppingcart__wrapper .cart-footer .coupon-box #discountcouponcode {
  margin-right: 1.125rem;
  border-radius: 0.25rem !important;
  width: calc(100% - 10.375rem) !important;
}

.shoppingcart__wrapper .cart-footer .coupon-box .applycouponcodebutton {
  height: 3.1428571429em;
  border-radius: 0.25rem !important;
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box {
  margin-top: 0.75rem;
  width: 100%;
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  padding: 1.3125rem 2.375rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
  background: #785ddc;
  border-color: #785ddc;
  color: #fff;
  text-align: center;
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box strong {
  color: currentColor;
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box code,
.shoppingcart__wrapper .cart-footer .coupon-box .success-box pre {
  background: #fff;
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box pre code {
  background: 0 0;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  width: 100%;
  margin-bottom: 1rem;
  margin-right: 0 !important;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-hovered,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-focused,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:focus {
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-focused:not(:active),
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted.is-outlined:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
  margin: 0;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton.is-focused,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton.is-hovered,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton:focus,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton.is-active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton:active {
  background-color: transparent !important;
  color: #785ddc;
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shoppingcart__wrapper .cart-footer .cart-total td {
  margin: 0 !important;
  font-weight: 400;
}

.shoppingcart__wrapper .cart-footer .cart-total tr:last-child td {
  border-top: 1px solid #f8f8fa;
  padding-top: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount {
  background-color: #f7755b !important;
  border-color: transparent;
  color: #fff;
  height: auto;
  font-size: 0.7rem;
  padding: 0.25rem;
  margin-left: 0.25rem;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-hovered,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount:hover {
  background-color: #e44b25 !important;
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-focused,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount:focus {
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-focused:not(:active),
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(229, 84, 48, 0.25);
  box-shadow: 0 0 0 0.125em rgba(229, 84, 48, 0.25);
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-active,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount:active {
  background-color: #df431c !important;
  border-color: transparent;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount[disabled] {
  background-color: #f7755b;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted {
  background-color: #fff !important;
  color: #f7755b;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f7755b;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined {
  background-color: transparent !important;
  border-color: #f7755b;
  color: #f7755b;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined:focus,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined:hover {
  background-color: #f7755b !important;
  border-color: #f7755b;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined.is-loading::after {
  border-color: transparent transparent #f7755b #f7755b !important;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #f7755b;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #f7755b;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted.is-outlined:focus,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #f7755b;
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.shoppingcart__wrapper .common-buttons {
  margin-top: 1.875rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.shoppingcart__wrapper .common-buttons .catfish-button {
  height: 3.1428571429em;
}

.registration-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin-bottom: 5rem;
}

.registration-page h2 {
  text-align: center;
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.4px;
  line-height: 1.125;
  margin: 4.375rem 0 0;
  font-weight: 400;
}

.registration-page img {
  max-height: 11.375rem;
  max-width: 12.375rem;
}

.registration-page p {
  display: none;
}

.registration-page h3 {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3333333333;
  margin-top: 1.25rem;
}

@media screen and (min-width: 769px),
print {
  .registration-page h3 {
    font-size: 1.5rem;
  }
}

.registration-page .buttons {
  margin-top: 3.125rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.registration-page .buttons .button {
  width: 12.5rem;
}

.one-page-checkout .checkout-page {
  padding: 0;
}

.one-page-checkout .checkout-data {
  max-width: 645px;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 769px),
print {
  .one-page-checkout .catfish-button {
    width: 12.375rem;
  }
}

.one-page-checkout .buttons {
  position: relative;
  margin-top: 3.125rem;
}

.one-page-checkout .buttons .confirmordernextstepbutton,
.one-page-checkout .buttons .newaddressnextstepbutton,
.one-page-checkout .buttons .paymentinfonextstepbutton,
.one-page-checkout .buttons .paymentmethodnextstepbutton,
.one-page-checkout .buttons .shippingmethodnextstepbutton {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  margin: 0;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-hovered,
.one-page-checkout .buttons .confirmordernextstepbutton:hover,
.one-page-checkout .buttons .newaddressnextstepbutton.is-hovered,
.one-page-checkout .buttons .newaddressnextstepbutton:hover,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-hovered,
.one-page-checkout .buttons .paymentinfonextstepbutton:hover,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-hovered,
.one-page-checkout .buttons .paymentmethodnextstepbutton:hover,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-hovered,
.one-page-checkout .buttons .shippingmethodnextstepbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-focused,
.one-page-checkout .buttons .confirmordernextstepbutton:focus,
.one-page-checkout .buttons .newaddressnextstepbutton.is-focused,
.one-page-checkout .buttons .newaddressnextstepbutton:focus,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-focused,
.one-page-checkout .buttons .paymentinfonextstepbutton:focus,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-focused,
.one-page-checkout .buttons .paymentmethodnextstepbutton:focus,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-focused,
.one-page-checkout .buttons .shippingmethodnextstepbutton:focus {
  border-color: transparent;
  color: #fff;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-focused:not(:active),
.one-page-checkout .buttons .confirmordernextstepbutton:focus:not(:active),
.one-page-checkout .buttons .newaddressnextstepbutton.is-focused:not(:active),
.one-page-checkout .buttons .newaddressnextstepbutton:focus:not(:active),
.one-page-checkout .buttons .paymentinfonextstepbutton.is-focused:not(:active),
.one-page-checkout .buttons .paymentinfonextstepbutton:focus:not(:active),
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-focused:not(:active),
.one-page-checkout .buttons .paymentmethodnextstepbutton:focus:not(:active),
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-focused:not(:active),
.one-page-checkout .buttons .shippingmethodnextstepbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-active,
.one-page-checkout .buttons .confirmordernextstepbutton:active,
.one-page-checkout .buttons .newaddressnextstepbutton.is-active,
.one-page-checkout .buttons .newaddressnextstepbutton:active,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-active,
.one-page-checkout .buttons .paymentinfonextstepbutton:active,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-active,
.one-page-checkout .buttons .paymentmethodnextstepbutton:active,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-active,
.one-page-checkout .buttons .shippingmethodnextstepbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.one-page-checkout .buttons .confirmordernextstepbutton[disabled],
.one-page-checkout .buttons .newaddressnextstepbutton[disabled],
.one-page-checkout .buttons .paymentinfonextstepbutton[disabled],
.one-page-checkout .buttons .paymentmethodnextstepbutton[disabled],
.one-page-checkout .buttons .shippingmethodnextstepbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted,
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted:hover,
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted:hover,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted:hover,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted:hover,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted[disabled],
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted[disabled],
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted[disabled],
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted[disabled],
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-loading::after,
.one-page-checkout .buttons .newaddressnextstepbutton.is-loading::after,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-loading::after,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-loading::after,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-outlined,
.one-page-checkout .buttons .newaddressnextstepbutton.is-outlined,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-outlined,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-outlined,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-outlined:focus,
.one-page-checkout .buttons .confirmordernextstepbutton.is-outlined:hover,
.one-page-checkout .buttons .newaddressnextstepbutton.is-outlined:focus,
.one-page-checkout .buttons .newaddressnextstepbutton.is-outlined:hover,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-outlined:focus,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-outlined:hover,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-outlined:focus,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-outlined:hover,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-outlined:focus,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-outlined.is-loading::after,
.one-page-checkout .buttons .newaddressnextstepbutton.is-outlined.is-loading::after,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-outlined.is-loading::after,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-outlined.is-loading::after,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-outlined[disabled],
.one-page-checkout .buttons .newaddressnextstepbutton.is-outlined[disabled],
.one-page-checkout .buttons .paymentinfonextstepbutton.is-outlined[disabled],
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-outlined[disabled],
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted.is-outlined,
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted.is-outlined,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted.is-outlined,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted.is-outlined,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted.is-outlined:focus,
.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted.is-outlined:hover,
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted.is-outlined:focus,
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted.is-outlined:hover,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted.is-outlined:focus,
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted.is-outlined:hover,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted.is-outlined:focus,
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted.is-outlined:hover,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted.is-outlined:focus,
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.one-page-checkout .buttons .confirmordernextstepbutton.is-inverted.is-outlined[disabled],
.one-page-checkout .buttons .newaddressnextstepbutton.is-inverted.is-outlined[disabled],
.one-page-checkout .buttons .paymentinfonextstepbutton.is-inverted.is-outlined[disabled],
.one-page-checkout .buttons .paymentmethodnextstepbutton.is-inverted.is-outlined[disabled],
.one-page-checkout .buttons .shippingmethodnextstepbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.one-page-checkout .buttons .catfish-button {
  margin: 0;
}

.one-page-checkout .buttons small {
  display: none;
}

.one-page-checkout .buttons .please-wait {
  position: absolute;
  top: 120%;
  left: 0;
  opacity: 0.5;
  font-size: 12px;
}

.one-page-checkout .buttons .please-wait img {
  display: none;
}

.one-page-checkout .checkout-page--title {
  display: none;
}

.one-page-checkout .section {
  display: none !important;
}

.one-page-checkout .section.active {
  display: block !important;
}

.one-page-checkout .sectionheader .number {
  display: none;
}

.one-page-checkout .sectionheader,
.one-page-checkout .step {
  border: 0;
  margin: 0;
  padding: 0;
}

.one-page-checkout .step-title {
  width: 100%;
  margin: 0 !important;
}

.one-page-checkout .step-title h2 {
  text-align: center;
  margin-top: 6.25rem;
  margin-bottom: 3.125rem;
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: -0.0000125em;
  line-height: 1.125;
}

.one-page-checkout .step-title.request-after-confirm {
  display: none;
}

.one-page-checkout .table-container tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -11px;
}

.one-page-checkout .table-container .item-name,
.one-page-checkout .table-container .item-name label {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
}

.one-page-checkout .table-container tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.6875rem;
  width: 100%;
}

@media screen and (min-width: 769px),
print {
  .one-page-checkout .table-container tr {
    width: 50%;
  }
}

.one-page-checkout .table-container tr td {
  padding: 0 !important;
  margin: 0 !important;
}

.one-page-checkout .table-container tr td:first-child {
  padding-bottom: 0.625rem !important;
}

.one-page-checkout #use-same-shipping-address label {
  position: relative;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.one-page-checkout #use-same-shipping-address label:after,
.one-page-checkout #use-same-shipping-address label:before {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: 0.625rem;
}

.one-page-checkout #use-same-shipping-address label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25em;
}

.one-page-checkout #use-same-shipping-address label:after {
  position: absolute;
  top: 0;
  left: 0;
}

.one-page-checkout #use-same-shipping-address input {
  display: none;
}

.one-page-checkout #use-same-shipping-address input:checked+label:after {
  background: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.one-page-checkout .shipping-options .option-name label {
  position: relative;
  font-size: 1rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background: #f8f8fa !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0.25rem !important;
  padding: 1.875rem;
}

.one-page-checkout .shipping-options .option-name label:after,
.one-page-checkout .shipping-options .option-name label:before {
  content: "" !important;
  height: 2.25rem;
  width: 2.25rem !important;
  display: inline-block;
  margin-right: 0.625rem;
}

.one-page-checkout .shipping-options .option-name label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.25rem !important;
}

.one-page-checkout .shipping-options .option-name label:after {
  position: absolute;
  top: 0;
  left: 0;
}

.one-page-checkout .shipping-options .option-name input {
  display: none;
}

.one-page-checkout .shipping-options .option-name input:checked+label:after {
  background: url(/1446096301/Handler/CSSOverride/GetImage/17/tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.one-page-checkout .shipping-options .shipping-options-dispatch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date:first-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 25px;
}

.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date label {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date img {
  display: none;
}

.one-page-checkout .shipping-options .shipping-options-dispatch .dispatch-date #dispatchDayOfMonthComment {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
}

.one-page-checkout .payment-info tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.one-page-checkout .payment-info tbody tr td:first-child {
  display: inline-block;
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.one-page-checkout #opc-confirm_order {
  border-bottom: 0;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .catfish-container {
  padding: 0;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .hide,
.one-page-checkout #opc-confirm_order .cartTableWrapper .priceScriptInfo,
.one-page-checkout #opc-confirm_order .cartTableWrapper td:not(.end) .productPrice {
  display: none !important;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart {
  width: 100%;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart br,
.one-page-checkout #opc-confirm_order .cartTableWrapper .cart thead {
  display: none;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8fa;
  border: 0;
  border-radius: 0.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 0 0.875rem;
}

@media screen and (max-width: 768px) {
  .one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row:not(:last-child) {
  margin-bottom: 0.625rem;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.625rem 1.25rem;
  border: 0 !important;
}

@media screen and (min-width: 769px),
print {
  .one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row td {
    padding: 2.125rem 1.25rem 2.125rem;
  }
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .shopping-cart__product__images__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .shopping-cart__product__images__item .image.is-contained img {
  height: auto;
  width: auto;
  border-radius: 0.25rem;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .product__title {
  color: #192550;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .summaryShortDescription {
  display: none;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span:first-child {
  font-weight: 600;
  margin-right: 0.3125rem;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span:first-child:after {
  content: ":";
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .product__quantity {
  width: 5.4375rem;
  white-space: normal;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .product__quantity:before {
  content: "Quantity";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .product {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .end .productPrice.productPrice__total:before {
  content: "Price";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 0.9375rem;
}

.one-page-checkout #opc-confirm_order .checkoutAttributesWrapper.clearfix {
  display: none;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container {
  padding: 0 !important;
  margin-top: 2.5rem;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .catfish-container {
  padding: 0;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .columns {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart_total--title {
  display: none !important;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total {
  margin-bottom: 0;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_left,
.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_right {
  padding: 0 !important;
  border: 0 !important;
  text-transform: none !important;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_left {
  min-width: 0 !important;
  width: 100%;
  max-width: 6.875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_left span {
  font-weight: 600;
  text-transform: none;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_right {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  font-weight: 400 !important;
}

.checkout__complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.checkout__complete .checkoutCompletedWrapper__wrapper {
  padding: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.checkout__complete .page-title h1 {
  text-align: center;
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  letter-spacing: -0.4px;
  line-height: 1.125;
  margin: 4.375rem 0 0;
  font-weight: 400;
}

.checkout__complete .checkout_data_integrated {
  margin-top: 1.25rem;
}

.checkout__complete .checkout-data-info br {
  display: none;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderid,
.checkout__complete .checkout-data-info .checkout-data-info__orderid strong {
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.3333333333;
}

@media screen and (min-width: 769px),
print {

  .checkout__complete .checkout-data-info .checkout-data-info__orderid,
  .checkout__complete .checkout-data-info .checkout-data-info__orderid strong {
    font-size: 1.5rem;
  }
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  margin-top: 4.375rem;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-hovered,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-focused,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:focus {
  border-color: transparent;
  color: #fff;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-focused:not(:active),
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-active,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined:focus,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted.is-outlined:focus,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.checkout__complete .checkout-data-info p {
  margin-bottom: 1.25rem;
}

/* .checkout__complete .checkout-data-info .catfish-button,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails {
  width: 100%;
  max-width: 12.5rem;
} */

.checkout__complete .checkoutCompletedWrapper img {
  max-height: 11.375rem;
  max-width: 12.375rem;
}

.layout--accountPage>.catfish-container {
  max-width: none;
  padding: 0;
}

.layout--accountPage #contentiInnerRow {
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.layout--accountPage #contentiInnerRow>.grid_3 {
  background: #f8f8fa;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25rem 0;
}

@media screen and (min-width: 769px),
print {
  .layout--accountPage #contentiInnerRow>.grid_3 {
    height: 6.25rem;
    padding: 0;
  }
}

.layout--accountPage #contentiInnerRow .block.block-account-navigation {
  margin: 0 auto;
  padding: 0 5% !important;
  max-width: 1440px;
}

@media screen and (min-width: 769px),
print {
  .layout--accountPage #contentiInnerRow .block.block-account-navigation {
    padding: 0 64px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.layout--accountPage #contentiInnerRow .block.block-account-navigation .title {
  color: #192550;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
  text-transform: none;
  margin: 0 0 0.625rem;
}

@media screen and (min-width: 769px),
print {
  .layout--accountPage #contentiInnerRow .block.block-account-navigation .title {
    margin: 0 3.125rem 0 0;
  }
}

@media screen and (min-width: 769px),
print {
  .layout--accountPage #contentiInnerRow .block.block-account-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.layout--accountPage #contentiInnerRow .block.block-account-navigation ul li a {
  background: 0;
  color: #000;
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 769px),
print {
  .layout--accountPage #contentiInnerRow .block.block-account-navigation ul li a {
    padding: 0;
    margin-right: 2.8125rem;
  }
}

.layout--accountPage #contentiInnerRow .block.block-account-navigation ul li a.active {
  color: #ae9ff3;
}

.layout--accountPage .grid_9 {
  width: 100%;
  padding: 0;
}

.layout--accountPage .account-page .page-title h1 {
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.0000125em;
  margin-bottom: 2.1875rem;
  display: block;
}

.layout--accountPage .account-page .addAddressTable .table-container .item-name,
.layout--accountPage .account-page .addAddressTable .table-container .item-name label,
.layout--accountPage .account-page .customer-info-box .table-container .item-name,
.layout--accountPage .account-page .customer-info-box .table-container .item-name label,
.layout--accountPage .account-page .customer-pass-recovery .table-container .item-name,
.layout--accountPage .account-page .customer-pass-recovery .table-container .item-name label,
.layout--accountPage .account-page .editAddressTable .table-container .item-name,
.layout--accountPage .account-page .editAddressTable .table-container .item-name label {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
}

.layout--accountPage .account-page .addAddressTable .table-container tr,
.layout--accountPage .account-page .customer-info-box .table-container tr,
.layout--accountPage .account-page .customer-pass-recovery .table-container tr,
.layout--accountPage .account-page .editAddressTable .table-container tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

.layout--accountPage .account-page .addAddressTable .table-container tr td,
.layout--accountPage .account-page .customer-info-box .table-container tr td,
.layout--accountPage .account-page .customer-pass-recovery .table-container tr td,
.layout--accountPage .account-page .editAddressTable .table-container tr td {
  padding: 0 !important;
  margin: 0 !important;
}

.layout--accountPage .account-page .addAddressTable .table-container tr td:first-child:not(:last-child),
.layout--accountPage .account-page .customer-info-box .table-container tr td:first-child:not(:last-child),
.layout--accountPage .account-page .customer-pass-recovery .table-container tr td:first-child:not(:last-child),
.layout--accountPage .account-page .editAddressTable .table-container tr td:first-child:not(:last-child) {
  padding-bottom: 0.625rem !important;
}

.layout--accountPage .account-page .buttons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.layout--accountPage .account-page .buttons .catfish-button {
  width: 7.9375rem;
}

.page-customer-info .account-page .catfish-container {
  max-width: 41.3125rem;
}

.page-customer-info .account-page .catfish-container .customer__section {
  margin-bottom: 3.75rem;
}

.page-customer-info .account-page .catfish-container .section-title {
  color: #192550;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
  margin-bottom: 1.5625rem;
}

.page-customer-changepassword .account-page .catfish-container {
  max-width: 41.3125rem;
  margin: 0 auto;
}

.page-customer-addressadd .account-page .catfish-container,
.page-customer-addressedit .account-page .catfish-container {
  max-width: 41.3125rem;
  margin: 0 auto;
}

.page-customer-addressadd .account-page .catfish-container .body>table td,
.page-customer-addressedit .account-page .catfish-container .body>table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.page-customer-addressadd .account-page .catfish-container .body>table .catfish-button,
.page-customer-addressedit .account-page .catfish-container .body>table .catfish-button {
  width: 7.9375rem;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-hovered,
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton:hover,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-hovered,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-focused,
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton:focus,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-focused,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton:focus {
  border-color: transparent;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-focused:not(:active),
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton:focus:not(:active),
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-focused:not(:active),
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-active,
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton:active,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-active,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton[disabled],
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted:hover,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted[disabled],
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-loading::after,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-outlined,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-outlined:focus,
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-outlined:hover,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-outlined:focus,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-outlined.is-loading::after,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-outlined[disabled],
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined:focus,
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined:hover,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined:focus,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined[disabled],
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-customer-addresses .account-page .catfish-container {
  max-width: 62.25rem;
  margin: 0 auto;
}

.page-customer-addresses .address-item:not(:last-child) {
  margin-bottom: 0.625rem;
}

.page-customer-addresses .address-item table {
  width: 100%;
}

.page-customer-addresses .address-item table br,
.page-customer-addresses .address-item table thead {
  display: none;
}

.page-customer-addresses .address-item table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8fa;
  border: 0;
  border-radius: 0.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 0 1rem;
}

@media screen and (max-width: 768px) {
  .page-customer-addresses .address-item table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem;
  }
}

.page-customer-addresses .address-item table tr:not(:last-child) {
  margin-bottom: 0.625rem;
}

.page-customer-addresses .address-item table table td,
.page-customer-addresses .address-item table table tr {
  padding: 0 !important;
}

.page-customer-addresses .address-item table table address {
  font-style: normal;
}

.page-customer-addresses .address-item table table td:first-child {
  font-weight: 600;
  margin-right: 0.375rem;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.625rem 1.25rem;
  border: 0 !important;
  width: 100%;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.6875rem 0.875rem 2.0625rem;
    width: auto !important;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(1) {
  white-space: normal;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(1) {
    width: 5.4375rem;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(1):before {
  content: "Shipping";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 4px;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(1):before {
    margin-bottom: 1.125rem;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(2) {
  white-space: normal;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(2) {
    width: 5.4375rem;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(2):before {
  content: "Billing";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 4px;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(2):before {
    margin-bottom: 1.125rem;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(3) {
  white-space: nowrap;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(3):before {
  content: "Name";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 4px;
}

@media screen and (min-width: 769px),
print {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:nth-child(3):before {
    margin-bottom: 0.75rem;
  }
}

@media screen and (max-width: 768px) {
  .page-customer-addresses .address-item .content>table>tbody>tr>td label {
    margin-bottom: 4px;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td:last-child {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .page-customer-addresses .address-item .content>table>tbody>tr>td:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
  height: 1.375rem;
  font-size: 1rem;
  line-height: 1.375;
  text-decoration: underline;
  margin: 0;
  width: auto !important;
  font-weight: 500;
  text-transform: none;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.is-focused,
.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.is-hovered,
.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button:focus,
.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.is-active,
.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button:active {
  background-color: transparent !important;
  color: #785ddc;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.deleteaddressbutton {
  color: #f7755b;
}

@media screen and (max-width: 768px) {
  .page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.deleteaddressbutton {
    margin-left: 0.625rem;
  }
}

.checkout-as-guest-or-register-block .htmlcontent,
.login-title,
.login__wrapper .login-title,
.login__wrapper .page-title,
.new-wrapper.grid_6 .register-title,
.register-customer-wrapper,
.register-customer-wrapper .login-title {
  display: none;
}

.registering .login__wrapper .register-customer-wrapper {
  display: block;
}

.registering .login__wrapper .returning-wrapper {
  display: none;
}

.new-wrapper.grid_6,
.register-customer-wrapper,
.returning-wrapper,
.sign-page-title,
.sign_in_head {
  width: 100% !important;
  max-width: 33.3125rem;
  margin: 0 auto !important;
  background: #f8f8fa;
  padding: 1.875rem 1.875rem 0;
}

.sign-page-title {
  margin-top: 6.25rem !important;
}

.loginbutton {
  height: 3.125rem;
  margin-bottom: 1.25rem;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.loginbutton.is-hovered,
.loginbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.loginbutton.is-focused,
.loginbutton:focus {
  border-color: transparent;
  color: #fff;
}

.loginbutton.is-focused:not(:active),
.loginbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.loginbutton.is-active,
.loginbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.loginbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.loginbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.loginbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.loginbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.loginbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.loginbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.loginbutton.is-outlined:focus,
.loginbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.loginbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.loginbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.loginbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.loginbutton.is-inverted.is-outlined:focus,
.loginbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.loginbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.sign_in_head p {
  font-size: 1rem;
  text-align: center;
  margin: 0;
}

.sign_in_head p span {
  color: #f7755b;
}

.sign_in_head button {
  width: 50%;
  position: relative;
  float: left;
  padding: 0;
  background: #785ddc !important;
  color: #fff;
  height: 3rem;
  margin-bottom: 1.25rem;
}

button.register-button.catfish-button {
  background-color: white !important;
  color: #273664;
}

.sign_in_head button:focus,
.sign_in_head button:hover {
  background: #785ddc !important;
  color: white;
}

.sign_in_head button.login-button {
  background: #785ddc !important;
}

.sign_in_head button.register-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.sign_in_head button.login-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.registering .sign_in_head button.register-button {
  background: #785ddc !important;
  color: white;
}

.registering .sign_in_head button.login-button {
  background: white !important;
  color: #192550;
}

.login__wrapper {
  padding-top: 0 !important;
}

.login__wrapper .columns {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
}

.login__wrapper .login-block tr:last-child td,
.login__wrapper .table-container--register tr:last-child td {
  width: 100%;
  margin: 0 !important;
}

.login__wrapper .login-block .catfish-button,
.login__wrapper .table-container--register .catfish-button {
  width: 100%;
  margin-bottom: 1.25rem;
}

.login__wrapper .registernextstepbutton {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  margin: 0 !important;
}

.login__wrapper .registernextstepbutton.is-hovered,
.login__wrapper .registernextstepbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.login__wrapper .registernextstepbutton.is-focused,
.login__wrapper .registernextstepbutton:focus {
  border-color: transparent;
  color: #fff;
}

.login__wrapper .registernextstepbutton.is-focused:not(:active),
.login__wrapper .registernextstepbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.login__wrapper .registernextstepbutton.is-active,
.login__wrapper .registernextstepbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.login__wrapper .registernextstepbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login__wrapper .registernextstepbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.login__wrapper .registernextstepbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.login__wrapper .registernextstepbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.login__wrapper .registernextstepbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.login__wrapper .registernextstepbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.login__wrapper .registernextstepbutton.is-outlined:focus,
.login__wrapper .registernextstepbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.login__wrapper .registernextstepbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.login__wrapper .registernextstepbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.login__wrapper .registernextstepbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.login__wrapper .registernextstepbutton.is-inverted.is-outlined:focus,
.login__wrapper .registernextstepbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.login__wrapper .registernextstepbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.login__wrapper .message-error .modelError {
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  padding: 1.3125rem 2.375rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
  background: #ffdd57;
  border-color: #ffdd57;
  color: #fff;
}

.login__wrapper .message-error .modelError a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.login__wrapper .message-error .modelError strong {
  color: currentColor;
}

.login__wrapper .message-error .modelError code,
.login__wrapper .message-error .modelError pre {
  background: #fff;
}

.login__wrapper .message-error .modelError pre code {
  background: 0 0;
}

.login__wrapper .table-container {
  display: inline-block;
  width: 100%;
  float: left;
  overflow: visible;
}

.login__wrapper .table-container.table-container--password tr:nth-child(1):before {
  content: "Please use a unique password combination";
  margin-bottom: 20px;
  text-align: center;
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  padding: 1.3125rem 2.375rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
  background: 0 0;
  border-color: #192550;
  color: #192550;
  width: 100%;
}

.login__wrapper .table-container.table-container--password tr:nth-child(1):before a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.login__wrapper .table-container.table-container--password tr:nth-child(1):before strong {
  color: currentColor;
}

.login__wrapper .table-container.table-container--password tr:nth-child(1):before code,
.login__wrapper .table-container.table-container--password tr:nth-child(1):before pre {
  background: #fff;
}

.login__wrapper .table-container.table-container--password tr:nth-child(1):before pre code {
  background: 0 0;
}

.login__wrapper .table-container tbody {
  display: block;
  width: 100%;
}

.login__wrapper .table-container .item-name {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.login__wrapper .table-container .item-name,
.login__wrapper .table-container .item-name label {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
}

.login__wrapper .table-container .item-name .requiredMarker {
  color: #f7755b;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.login__wrapper .table-container tr {
  display: inline-block;
  width: 100%;
  float: left;
  margin-bottom: 1.25rem;
}

.login__wrapper .table-container tr td {
  padding: 0 !important;
  margin: 0 !important;
}

.login__wrapper .table-container tr td:first-child:not(:last-child) {
  padding-bottom: 0.625rem !important;
}

.externalauthentication .oauth-login-facebook {
  border: none;
  display: block;
  float: left;
  width: 100%;
}

.externalauthentication .oauth-login-facebook legend {
  display: none;
}

.externalauthentication .oauth-login-facebook a {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #3b5998 !important;
  border-color: transparent;
  color: #fff;
  width: 100%;
}

.externalauthentication .oauth-login-facebook a img {
  display: none;
}

.externalauthentication .oauth-login-facebook a.is-hovered,
.externalauthentication .oauth-login-facebook a:hover {
  background-color: #37548f !important;
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a.is-focused,
.externalauthentication .oauth-login-facebook a:focus {
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a.is-focused:not(:active),
.externalauthentication .oauth-login-facebook a:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(59, 89, 152, 0.25);
  box-shadow: 0 0 0 0.125em rgba(59, 89, 152, 0.25);
}

.externalauthentication .oauth-login-facebook a.is-active,
.externalauthentication .oauth-login-facebook a:active {
  background-color: #344e86 !important;
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a[disabled] {
  background-color: #3b5998;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.externalauthentication .oauth-login-facebook a.is-inverted {
  background-color: #fff !important;
  color: #3b5998;
}

.externalauthentication .oauth-login-facebook a.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.externalauthentication .oauth-login-facebook a.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3b5998;
}

.externalauthentication .oauth-login-facebook a.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.externalauthentication .oauth-login-facebook a.is-outlined {
  background-color: transparent !important;
  border-color: #3b5998;
  color: #3b5998;
}

.externalauthentication .oauth-login-facebook a.is-outlined:focus,
.externalauthentication .oauth-login-facebook a.is-outlined:hover {
  background-color: #3b5998 !important;
  border-color: #3b5998;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a.is-outlined.is-loading::after {
  border-color: transparent transparent #3b5998 #3b5998 !important;
}

.externalauthentication .oauth-login-facebook a.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #3b5998;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #3b5998;
}

.externalauthentication .oauth-login-facebook a.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a.is-inverted.is-outlined:focus,
.externalauthentication .oauth-login-facebook a.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #3b5998;
}

.externalauthentication .oauth-login-facebook a.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.externalauthentication .oauth-login-facebook a:before {
  content: "\f09a";
  font-family: "Font Awesome 5 Brands", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

.externalauthentication .oauth-login-facebook a:after {
  content: "Sign in with Facebook";
}

.externalauthentication .oauth-login-linkedin {
  padding: 0;
  margin-top: 20px;
  display: block;
  float: left;
  width: 100%;
}

.externalauthentication .oauth-login-linkedin legend {
  display: none;
}

.externalauthentication .oauth-login-linkedin a {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #0077b5 !important;
  border-color: transparent;
  color: #fff;
  width: 100%;
}

.externalauthentication .oauth-login-linkedin a img {
  display: none;
}

.externalauthentication .oauth-login-linkedin a.is-hovered,
.externalauthentication .oauth-login-linkedin a:hover {
  background-color: #006fa8 !important;
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a.is-focused,
.externalauthentication .oauth-login-linkedin a:focus {
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a.is-focused:not(:active),
.externalauthentication .oauth-login-linkedin a:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 119, 181, 0.25);
  box-shadow: 0 0 0 0.125em rgba(0, 119, 181, 0.25);
}

.externalauthentication .oauth-login-linkedin a.is-active,
.externalauthentication .oauth-login-linkedin a:active {
  background-color: #00669c !important;
  border-color: transparent;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a[disabled] {
  background-color: #0077b5;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.externalauthentication .oauth-login-linkedin a.is-inverted {
  background-color: #fff !important;
  color: #0077b5;
}

.externalauthentication .oauth-login-linkedin a.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.externalauthentication .oauth-login-linkedin a.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0077b5;
}

.externalauthentication .oauth-login-linkedin a.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.externalauthentication .oauth-login-linkedin a.is-outlined {
  background-color: transparent !important;
  border-color: #0077b5;
  color: #0077b5;
}

.externalauthentication .oauth-login-linkedin a.is-outlined:focus,
.externalauthentication .oauth-login-linkedin a.is-outlined:hover {
  background-color: #0077b5 !important;
  border-color: #0077b5;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a.is-outlined.is-loading::after {
  border-color: transparent transparent #0077b5 #0077b5 !important;
}

.externalauthentication .oauth-login-linkedin a.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #0077b5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0077b5;
}

.externalauthentication .oauth-login-linkedin a.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a.is-inverted.is-outlined:focus,
.externalauthentication .oauth-login-linkedin a.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #0077b5;
}

.externalauthentication .oauth-login-linkedin a.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.externalauthentication .oauth-login-linkedin a:before {
  content: "\f08c";
  font-family: "Font Awesome 5 Brands", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}

.externalauthentication .oauth-login-linkedin a:after {
  content: "Sign in with LinkedIn";
  margin-right: 13px;
}

.requiredMarker {
  color: #f7755b !important;
}

.externalauthentication {
  padding: 0;
}

.sign-page-title {
  text-align: center;
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.0000125em;
  margin-bottom: 2.1875rem;
  display: block;
}

.sign-page-title:before {
  content: "Sign in";
}

.registering .sign-page-title:before {
  content: "Create account";
}

@media screen and (max-width: 768px) {

  .page-albummanagement-viewalbum .photoalbum__header.grid_12 .row,
  .page-customer-albums .photoalbum__header.grid_12 .row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-albummanagement-viewalbum .photoalbum__header.grid_12 .row .photoalbum__header--left,
  .page-customer-albums .photoalbum__header.grid_12 .row .photoalbum__header--left {
    margin-bottom: 1.25rem;
  }

  .page-albummanagement-viewalbum .photoalbum__header.grid_12 .row .photoalbum__header--left,
  .page-albummanagement-viewalbum .photoalbum__header.grid_12 .row .photoalbum__header--right,
  .page-customer-albums .photoalbum__header.grid_12 .row .photoalbum__header--left,
  .page-customer-albums .photoalbum__header.grid_12 .row .photoalbum__header--right {
    width: 100%;
  }
}

.page-albummanagement-viewalbum #AddAlbumButton,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos,
.page-customer-albums #AddAlbumButton,
.page-customer-albums .photoalbum__header #AddPhoto,
.page-customer-albums .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #deletePhotos {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  margin: 0;
}

.page-albummanagement-viewalbum #AddAlbumButton:hover,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:hover,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:hover,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:hover,
.page-customer-albums #AddAlbumButton:hover,
.page-customer-albums .photoalbum__header #AddPhoto:hover,
.page-customer-albums .photoalbum__header #SelectAll:hover,
.page-customer-albums .photoalbum__header #deletePhotos:hover {
  color: #fff !important;
}

.page-albummanagement-viewalbum #AddAlbumButton:before,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:before,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:before,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:before,
.page-customer-albums #AddAlbumButton:before,
.page-customer-albums .photoalbum__header #AddPhoto:before,
.page-customer-albums .photoalbum__header #SelectAll:before,
.page-customer-albums .photoalbum__header #deletePhotos:before {
  font-weight: 100;
  font-size: 1.2rem;
}

.page-albummanagement-viewalbum #AddAlbumButton:after,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:after,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:after,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:after,
.page-customer-albums #AddAlbumButton:after,
.page-customer-albums .photoalbum__header #AddPhoto:after,
.page-customer-albums .photoalbum__header #SelectAll:after,
.page-customer-albums .photoalbum__header #deletePhotos:after {
  content: "";
  font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  margin-left: 0.4375rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.page-albummanagement-viewalbum .photoalbum__header #AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos,
.page-customer-albums .photoalbum__header #AddPhoto,
.page-customer-albums .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #deletePhotos {
  margin-right: 1.875rem;
}

.page-albummanagement-viewalbum .album__options #AlbumOptions,
.page-customer-albums .album__options #AlbumOptions {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  margin: 0;
}

.page-albummanagement-viewalbum .album__options #AlbumOptions:hover,
.page-customer-albums .album__options #AlbumOptions:hover {
  color: #fff !important;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll:hover,
.page-customer-albums .photoalbum__header #SelectAll:hover {
  color: #192550 !important;
}

.page-albummanagement-viewalbum .justified-gallery>div,
.page-customer-albums .justified-gallery>div {
  font-size: 1.125rem;
}

.page-albummanagement-viewalbum .photoalbum__header #AddPhoto,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #AddPhoto,
.page-customer-albums .photoalbum__header #SelectAll {
  margin: 0;
  margin-right: 1.875rem;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll,
.page-customer-albums .photoalbum__header #SelectAll {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll.is-focused,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll.is-hovered,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:focus,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:hover,
.page-customer-albums .photoalbum__header #SelectAll.is-focused,
.page-customer-albums .photoalbum__header #SelectAll.is-hovered,
.page-customer-albums .photoalbum__header #SelectAll:focus,
.page-customer-albums .photoalbum__header #SelectAll:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll.is-active,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:active,
.page-customer-albums .photoalbum__header #SelectAll.is-active,
.page-customer-albums .photoalbum__header #SelectAll:active {
  background-color: transparent !important;
  color: #785ddc;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll[disabled],
.page-customer-albums .photoalbum__header #SelectAll[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-albummanagement-viewalbum .photoalbum__header #AlbumName,
.page-customer-albums .photoalbum__header #AlbumName {
  color: #192550;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
}

.page-albummanagement-viewalbum .photoalbum__header #SelectAll:after,
.page-customer-albums .photoalbum__header #SelectAll:after {
  content: "Select All";
}

.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:after,
.page-customer-albums .photoalbum__header #deletePhotos:after {
  content: "Delete";
}

.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:after,
.page-customer-albums .photoalbum__header #AddPhoto:after {
  content: "Add Image";
}

.page-albummanagement-viewalbum #AddAlbumButton:after,
.page-customer-albums #AddAlbumButton:after {
  content: "Add New";
}

.page-albummanagement-viewalbum #album .photogallery.grid_12,
.page-albummanagement-viewalbum #albums,
.page-customer-albums #album .photogallery.grid_12,
.page-customer-albums #albums {
  background: #f8f8fa;
  border-radius: 0.25rem;
  padding: 1rem;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-albummanagement-viewalbum #album .photogallery.grid_12 .album__item,
.page-albummanagement-viewalbum #albums .album__item,
.page-customer-albums #album .photogallery.grid_12 .album__item,
.page-customer-albums #albums .album__item {
  padding: 0.875rem;
}

.page-albummanagement-viewalbum #album .photogallery.grid_12 .album__item .album__item__wrapper,
.page-albummanagement-viewalbum #albums .album__item .album__item__wrapper,
.page-customer-albums #album .photogallery.grid_12 .album__item .album__item__wrapper,
.page-customer-albums #albums .album__item .album__item__wrapper {
  border: 0 !important;
  border-radius: 0.25rem;
  overflow: hidden;
}

.page-albummanagement-viewalbum #album .photogallery.grid_12 .album__item .album__item__info,
.page-albummanagement-viewalbum #albums .album__item .album__item__info,
.page-customer-albums #album .photogallery.grid_12 .album__item .album__item__info,
.page-customer-albums #albums .album__item .album__item__info {
  top: 0;
}

.page-albummanagement-viewalbum #album .photogallery.grid_12 .album__item .album__item__info .album__item__title,
.page-albummanagement-viewalbum #albums .album__item .album__item__info .album__item__title,
.page-customer-albums #album .photogallery.grid_12 .album__item .album__item__info .album__item__title,
.page-customer-albums #albums .album__item .album__item__info .album__item__title {
  padding: 0.5rem 0.875rem;
  border-bottom-right-radius: 0.25rem;
  font-weight: 700;
  line-height: 1;
  font-size: 1rem;
}

.page-albummanagement-viewalbum #ImageUploader,
.page-customer-albums #ImageUploader {
  padding: 2.625rem 1.875rem 1.875rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
  max-width: 44.0625rem;
  width: 90%;
}

.page-albummanagement-viewalbum #ImageUploader .AddAlbum__Close,
.page-customer-albums #ImageUploader .AddAlbum__Close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.page-albummanagement-viewalbum #ImageUploader #AlbumName,
.page-customer-albums #ImageUploader #AlbumName {
  border-radius: 0.25rem;
  border: 1px solid #d2d3d6 !important;
  height: 3rem;
}

.page-albummanagement-viewalbum #ImageUploader #AlbumName:focus,
.page-customer-albums #ImageUploader #AlbumName:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-albummanagement-viewalbum #ImageUploader .imageUpload__fileName,
.page-customer-albums #ImageUploader .imageUpload__fileName {
  left: 0;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 0.7222222222;
}

.page-albummanagement-viewalbum #ImageUploader .AddAlbum__options .row:last-child,
.page-customer-albums #ImageUploader .AddAlbum__options .row:last-child {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (min-width: 769px),
print {

  .page-albummanagement-viewalbum #ImageUploader .AddAlbum__options .row:last-child,
  .page-customer-albums #ImageUploader .AddAlbum__options .row:last-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__FileLimit,
.page-customer-albums #ImageUploader #AddAlbum__FileLimit {
  font-size: 12px;
}

@media screen and (min-width: 769px),
print {

  .page-albummanagement-viewalbum #ImageUploader #AddAlbum__FileLimit,
  .page-customer-albums #ImageUploader #AddAlbum__FileLimit {
    font-size: 1rem;
  }
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-hovered,
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button:hover,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-hovered,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-focused,
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button:focus,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-focused,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button:focus {
  border-color: transparent;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-focused:not(:active),
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button:focus:not(:active),
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-focused:not(:active),
.page-customer-albums #ImageUploader #AddAlbum__Done__Button:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-active,
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button:active,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-active,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button[disabled],
.page-customer-albums #ImageUploader #AddAlbum__Done__Button[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted:hover,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted[disabled],
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-loading::after,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-outlined,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-outlined:focus,
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-outlined:hover,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-outlined:focus,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-outlined.is-loading::after,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-outlined[disabled],
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined:focus,
.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined:hover,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined:focus,
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined[disabled],
.page-customer-albums #ImageUploader #AddAlbum__Done__Button.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-albummanagement-viewalbum #ImageUploader #imageError__Close,
.page-customer-albums #ImageUploader #imageError__Close {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
}

.page-albummanagement-viewalbum #ImageUploader .albumManagementSettings,
.page-customer-albums #ImageUploader .albumManagementSettings {
  padding: 1.875rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
}

.page-albummanagement-viewalbum #ImageUploader #AlbumGallery,
.page-customer-albums #ImageUploader #AlbumGallery {
  margin: 0.9375rem 0;
  background: #f8f8fa;
  border-radius: 0.25rem;
  padding: 0.625rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-albummanagement-viewalbum .albumManagementSettings,
.page-customer-albums .albumManagementSettings {
  padding: 1.875rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.08);
  background: #fff;
}

.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Name,
.page-customer-albums .albumManagementSettings #renameAlbum__Name {
  font-size: 1rem;
  margin-right: 1.5rem;
}

.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done,
.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Name,
.page-customer-albums .albumManagementSettings #renameAlbum__Done,
.page-customer-albums .albumManagementSettings #renameAlbum__Name {
  height: 3rem;
  border-radius: 0.25rem;
}

.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done,
.page-customer-albums .albumManagementSettings #renameAlbum__Done {
  font-size: 0.875rem;
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
}

.page-albummanagement-viewalbum .albumManagementSettings h2.label,
.page-customer-albums .albumManagementSettings h2.label {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
}

.page-albummanagement-viewalbum #imageErrorModal h3,
.page-customer-albums #imageErrorModal h3 {
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
  color: #192550;
}

.page-albummanagement-viewalbum #imageErrorModal #imageError__Close,
.page-customer-albums #imageErrorModal #imageError__Close {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
}

.page-albummanagement-viewalbum .dropdown-menu,
.page-customer-albums .dropdown-menu {
  top: 120%;
}

.page-albummanagement-viewalbum .dropdown-content,
.page-customer-albums .dropdown-content {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}

.page-albummanagement-viewalbum .dropdown-item,
.page-customer-albums .dropdown-item {
  text-align: right;
  padding: 0.625rem 1rem;
  font-size: 1.0625rem;
}

.page-albummanagement-viewalbum .dropdown-item:hover,
.page-customer-albums .dropdown-item:hover {
  color: #ae9ff3;
}

.page-albummanagement-viewalbum #album .photoalbum__header--right .photoalbum__options .photo__options,
.page-customer-albums #album .photoalbum__header--right .photoalbum__options .photo__options {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  display: none;
}

.page-albummanagement-viewalbum #album .photoalbum__header--right .photoalbum__options .photo__options.open,
.page-customer-albums #album .photoalbum__header--right .photoalbum__options .photo__options.open {
  display: block;
}

.page-albummanagement-viewalbum #album .photoalbum__header--right .photoalbum__options .photo__options,
.page-albummanagement-viewalbum #album .photoalbum__header--right .photoalbum__options .photo__options--image,
.page-customer-albums #album .photoalbum__header--right .photoalbum__options .photo__options,
.page-customer-albums #album .photoalbum__header--right .photoalbum__options .photo__options--image {
  width: auto !important;
}

.page-albummanagement-viewalbum .pagination,
.page-customer-albums .pagination {
  margin-top: 2.5rem;
}

.page-albummanagement-viewalbum .pagination .pagination-list,
.page-customer-albums .pagination .pagination-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-albummanagement-viewalbum .pagination .pagination-list .pagination-link,
.page-customer-albums .pagination .pagination-list .pagination-link {
  margin: 0;
  border: 0;
  color: #6e7076;
}

.page-albummanagement-viewalbum .pagination .pagination-list .pagination-link.is-current,
.page-customer-albums .pagination .pagination-list .pagination-link.is-current {
  font-weight: 500;
  color: #6e7076;
  background: 0 0;
}

.topicpage .page-title h1 {
  text-align: center;
  font-size: 2.625rem;
  color: #192550;
  letter-spacing: -0.0003402381em;
  line-height: 1.0952380952;
  margin-bottom: 5.5rem;
  font-weight: 400;
}

.topicpage .content a {
  color: #192550;
  text-decoration: underline;
  font-weight: 500;
}

.page-t-termsandconditions .topicpage {
  max-width: 50.625rem;
  margin: 0 auto;
  display: block;
}

.page-customer-orders .account-page .catfish-container {
  max-width: 62.25rem;
  margin: 0 auto;
}

.page-customer-orders .field:not(:last-child) {
  margin-bottom: 1.25rem;
}

.page-customer-orders .order_search_button {
  height: 2.75rem;
}

.page-customer-orders .order_page_filters {
  margin-top: 0.625rem;
}

.page-customer-orders .order_page_filters .field-label {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1.5rem;
  white-space: nowrap;
}

.page-customer-orders .order_page_filters .order_page_filters__filter-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (min-width: 769px),
print {
  .page-customer-orders .order_page_filters .order_page_filters__filter-type {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.page-customer-orders .order_page_filters .order_page_filters__filter-type .label {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 1.5rem;
}

.page-customer-orders .order_page_filters .order_show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 768px) {
  .page-customer-orders .order_page_filters .order_show {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.page-customer-orders .order_page_filters .order_show .order_toggle_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  padding: 0.625rem 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0;
  height: 2.5rem;
  color: #fff !important;
  background: #273664;
  border: 1px solid #273664;
  border-radius: 0.25rem;
  opacity: 1;
  margin-right: 1rem;
  line-height: 1;
}

.page-customer-orders .order_page_filters .order_show .order_toggle_filter.default {
  background: #e7eefd;
  border: 1px solid #273664;
  color: #57585e !important;
}

.page-customer-orders .order_page_select_container {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 3.75rem 0;
}

.page-customer-orders .order_page_select_container .order_page_but,
.page-customer-orders .order_page_select_container .order_page_state {
  margin: 0;
  border: 0;
  color: #6e7076 !important;
  background: 0 0 !important;
}

.page-customer-orders .order_page_select_container .order_page_state {
  font-weight: 500;
  background: 0 0 !important;
}

.page-customer-orders #filtered_orders .orders_row>.order_container {
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d2d3d6;
  margin-bottom: 2.5rem;
}

.page-customer-orders #filtered_orders .reorderbutton {
  width: 10.625rem;
  height: 2.75rem;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton.is-hovered,
.page-customer-orders #filtered_orders .reorderbutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton.is-focused,
.page-customer-orders #filtered_orders .reorderbutton:focus {
  border-color: transparent;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton.is-focused:not(:active),
.page-customer-orders #filtered_orders .reorderbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.page-customer-orders #filtered_orders .reorderbutton.is-active,
.page-customer-orders #filtered_orders .reorderbutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-orders #filtered_orders .reorderbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined:focus,
.page-customer-orders #filtered_orders .reorderbutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted.is-outlined:focus,
.page-customer-orders #filtered_orders .reorderbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-customer-orders #filtered_orders .order_Processing {
  color: #f7755b;
  background: #fff0ee;
}

.page-customer-orders #filtered_orders .order_Complete {
  background-color: #edfaf0;
  color: #81dba2;
}

.page-customer-orders #filtered_orders .order_details {
  padding: 1.875rem;
}

.page-customer-orders .order_details:not(.short_view_order_details) form {
  display: inline-block;
  margin-bottom: 20px;
}

.page-customer-orders #filtered_orders .order_products_list ul {
  margin-bottom: 0.625rem;
  background: #fff;
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d2d3d6;
}

.page-customer-orders .order_q_info .order_title .o_data {
  font-weight: 400;
}

.page-customer-orders .order_f_info:not(.order_f_info_m) .order_info,
.page-customer-orders .order_q_info .order_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  font-size: 1rem;
}

.page-customer-orders .order_f_info:not(.order_f_info_m) .order_info span,
.page-customer-orders .order_q_info .order_info span {
  margin-left: 0.4375rem;
  white-space: initial;
}

.page-customer-orders .order_container .order_show_details_but {
  background-color: #273664;
}

.page-customer-orders .order_container .order_info_total {
  width: calc(25% - 1px);
  background-color: #273664;
}

@media screen and (max-width: 768px) {
  .page-customer-orders .order_container .short_view_order_details {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .page-customer-orders .order_container .order_info_total,
  .page-customer-orders .order_container .order_show_details_but,
  .page-customer-orders .order_container .order_status,
  .page-customer-orders .order_container .order_status_container.short_view_status_details,
  .page-customer-orders .order_container .short_view_order_details {
    position: static !important;
    width: 100% !important;
    display: inline-block;
  }

  .page-customer-orders .order_container .order_show_details_but {
    margin-top: 1px;
  }

  .page-customer-orders .order_container .catfish-button,
  .page-customer-orders .order_container .completepaymentbutton,
  .page-customer-orders .order_container .reorderbutton {
    width: 100% !important;
    margin-top: 10px;
  }
}

.page-customer-orders .completepaymentbutton {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #192550 !important;
  border-color: transparent;
  color: #fff;
  padding: calc(0.375em - 1px) 1.4285714286em !important;
  margin-top: 10px;
}

.page-customer-orders .completepaymentbutton.is-hovered,
.page-customer-orders .completepaymentbutton:hover {
  background-color: #162146 !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-orders .completepaymentbutton.is-focused,
.page-customer-orders .completepaymentbutton:focus {
  border-color: transparent;
  color: #fff;
}

.page-customer-orders .completepaymentbutton.is-focused:not(:active),
.page-customer-orders .completepaymentbutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(25, 37, 80, 0.25);
  box-shadow: 0 0 0 0.125em rgba(25, 37, 80, 0.25);
}

.page-customer-orders .completepaymentbutton.is-active,
.page-customer-orders .completepaymentbutton:active {
  background-color: #131c3d !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-orders .completepaymentbutton[disabled] {
  background-color: #192550;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-orders .completepaymentbutton.is-inverted {
  background-color: #fff !important;
  color: #192550;
}

.page-customer-orders .completepaymentbutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-customer-orders .completepaymentbutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.page-customer-orders .completepaymentbutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-customer-orders .completepaymentbutton.is-outlined {
  background-color: transparent !important;
  border-color: #192550;
  color: #192550;
}

.page-customer-orders .completepaymentbutton.is-outlined:focus,
.page-customer-orders .completepaymentbutton.is-outlined:hover {
  background-color: #192550 !important;
  border-color: #192550;
  color: #fff;
}

.page-customer-orders .completepaymentbutton.is-outlined.is-loading::after {
  border-color: transparent transparent #192550 #192550 !important;
}

.page-customer-orders .completepaymentbutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #192550;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #192550;
}

.page-customer-orders .completepaymentbutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-customer-orders .completepaymentbutton.is-inverted.is-outlined:focus,
.page-customer-orders .completepaymentbutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #192550;
}

.page-customer-orders .completepaymentbutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-order-details .master-wrapper-cph-2 {
  padding: 0 5%;
  max-width: 62.1875rem;
  margin: 0 auto;
}

@media screen and (min-width: 769px),
print {
  .page-order-details .master-wrapper-cph-2 {
    padding: 0 64px;
  }
}

.page-order-details #order_details_v2 {
  padding: 0;
  border: 0;
}

@media screen and (max-width: 768px) {
  .page-order-details .od_print_button {
    width: 100%;
  }
}

.page-order-details .od_print_button {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  height: 2.75rem !important;
}

.page-order-details #order_details_v2 .od_info {
  display: block;
  font-size: 1rem;
}

.page-order-details .od_row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media screen and (min-width: 769px),
print {
  .page-order-details .od_row {
    -ms-flex-wrap: initial !important;
    flex-wrap: initial !important;
  }
}

.page-order-details .od_row.od_row_formating {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .page-order-details .od_p5_row {
    padding: 0.75rem 0 !important;
  }
}

.page-order-details #order_details_v2 .od_row:nth-child(1n + 3) {
  margin: 0;
}

.page-order-details #order_details_v2 .od_row:nth-child(1n + 3) .od_half_row {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #d2d3d6;
  padding: 30px;
  margin: 0 0 1.25rem;
}

@media screen and (min-width: 769px),
print {
  .page-order-details #order_details_v2 .od_row:nth-child(1n + 3) .od_half_row {
    width: calc(50% - 0.75rem) !important;
  }
}

.page-order-details #order_details_v2 .od_row:nth-child(1n + 3) .od_half_row .od_info_title {
  color: #192550;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
  margin-bottom: 0.9375rem;
}

@media screen and (min-width: 769px),
print {
  .page-order-details #order_details_v2 .od_row:nth-child(1n + 3) .od_half_row:first-child {
    margin-right: 1.5rem;
  }
}

.page-order-details #order_details_v2 .od_row:nth-child(1n + 4) {
  position: relative;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #d2d3d6;
  padding: 30px;
  margin: 0 0 1.25rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-order-details #order_details_v2 .od_products_title {
  color: #192550;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
  margin-bottom: 1.5625rem;
}

.page-order-details #order_details_v2 .od_products_container {
  width: 100%;
}

.page-order-details #order_details_v2 .od_products_container .box {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box {
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_thumb {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: 0.5rem;
}

@media screen and (min-width: 769px),
print {
  .page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_thumb {
    width: 60%;
  }
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_thumb:after {
  content: "";
  display: inline-block;
  padding-bottom: 63%;
  width: 100%;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_thumb img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: auto;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box>.od_product_info {
  padding: 0;
  margin-left: 24px;
}

@media screen and (min-width: 769px),
print {
  .page-order-details #order_details_v2 .od_products_container .od_product_box>.od_product_info {
    width: 50%;
  }
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_info .od_product_info br {
  display: block !important;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_name .od_field_title {
  display: none;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_name a {
  color: #192550;
  font-weight: 700;
  line-height: 1.125;
  margin-bottom: 1.375rem;
  display: block;
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_total {
  margin-top: 30px;
  font-weight: 600;
}

@media screen and (min-width: 769px),
print {
  .page-order-details #order_details_v2 .od_products_container .od_product_box .od_product_total {
    margin-top: 65px;
  }
}

.page-order-details #order_details_v2 .od_products_container .od_product_box .od_field_title {
  font-weight: 600;
  margin-right: 0.3125rem;
}

.page-order-details .od_total {
  margin-bottom: 0.25rem;
  letter-spacing: 0;
  line-height: 1.375;
}

@media screen and (max-width: 768px) {
  .page-order-details .od_total {
    width: 100%;
  }
}

.page-order-details .od_total .od_total_title {
  width: 6.875rem;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .page-order-details .od_half_row {
    width: 100%;
  }
}

.page-order-details .od_order_total {
  bottom: 2.75rem;
  right: 1.875rem;
  margin: 0 !important;
  color: #000;
  font-size: 1.375rem;
  letter-spacing: -0.0000090909em;
  line-height: 1.1818181818;
}

@media screen and (max-width: 768px) {
  .page-order-details .od_order_total {
    width: 100%;
  }
}

.page-order-details .od_order_total .od_total_title {
  font-weight: 400;
}

.page-order-details .od_order_total .od_total_value {
  font-weight: 600;
}

.page-customer-savedprojects .page-title {
  text-align: center;
}

.page-customer-savedprojects .page-title h1 {
  margin-bottom: 3.4375rem;
}

.page-customer-savedprojects .customer-SavedProjects {
  max-width: 45rem;
  margin: 0 auto;
}

.page-customer-savedprojects .customer-SavedProjects .section-title {
  max-width: 26.25rem;
  margin: 0 auto;
}

.page-customer-savedprojects .customer-SavedProjects .section-title h2 {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .section-title .search {
  margin: 0 0 3.75rem;
}

.page-customer-savedprojects .customer-SavedProjects .section-title .search input {
  margin-right: 0.875rem;
}

.page-customer-savedprojects .customer-SavedProjects .section-title .search button,
.page-customer-savedprojects .customer-SavedProjects .section-title .search input {
  border-radius: 0.25rem;
  height: 3rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list {
  text-align: center;
  font-size: 1.5rem;
  color: #6e7076;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list .t-grid-pager.t-grid-bottom {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list .t-grid {
  font-size: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list .t-grid-edit-row input {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #d2d3d6;
  border-radius: 0.25em;
  color: #6e7076;
  height: 2.75em;
  padding-left: 0.625em;
  padding-right: 0.625em;
  border: 1px solid #d2d3d6;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list .table-wrapper.filtering {
  min-height: 0;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table {
  width: 100%;
  display: block;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table tbody {
  display: block;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table br,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table thead {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.625rem 1.25rem;
  border: 0 !important;
  width: auto !important;
}

@media screen and (min-width: 769px),
print {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td {
    padding: 1.6875rem 0.875rem 2.0625rem;
  }
}

@media screen and (min-width: 769px),
print {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(1) {
    width: 5.4375rem;
    white-space: normal;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: right;
  }
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(1):before {
  content: "View Saved Project";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 1.125rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2) {
  width: 5.4375rem;
  white-space: normal;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2):before {
  content: "Details";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 1.125rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2) h4 {
  margin-bottom: 0.4375rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2) img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  border-radius: 0.5rem;
}

@media screen and (min-width: 769px),
print {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2) img {
    min-height: 80px;
  }
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(2) p+p {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(3) {
  white-space: nowrap;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(3):before {
  content: "Name";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 1.125rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(5),
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(6) {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(7) {
  white-space: nowrap;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(7):before {
  content: "Job ID";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 1.125rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:last-child {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 768px) {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:last-child {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a {
  background-color: #273664 !important;
  color: #fff;
  cursor: pointer;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 700;
  border-radius: 0.25rem;
  text-transform: uppercase;
  padding: calc(0.375em - 1px) 1.4285714286em;
  height: 3.5714285714em;
  text-shadow: none;
  letter-spacing: 0.0142857143em;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
  height: 2.75rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-hovered,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-focused,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:focus {
  border-color: transparent;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-focused:not(:active),
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-active,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined:focus,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted.is-outlined:focus,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button {
  background-color: transparent !important;
  border-color: transparent;
  color: #192550;
  text-decoration: none;
  padding: 0 !important;
  outline: 0;
  height: 1.375rem;
  font-size: 1rem;
  line-height: 1.375;
  text-decoration: underline;
  margin: 0;
  width: auto !important;
  font-weight: 500;
  text-transform: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button.is-focused,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button.is-hovered,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button:focus,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button:hover {
  background-color: transparent !important;
  color: #785ddc;
  outline: 0;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button.is-active,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button:active {
  background-color: transparent !important;
  color: #785ddc;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button[disabled] {
  background-color: transparent !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button.t-grid-cancel,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-button.t-grid-delete {
  color: #f7755b;
}

@media screen and (min-width: 769px),
print {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-grid-edit {
    position: absolute;
    bottom: 3.4375rem;
    right: 1.875rem;
  }
}

@media screen and (min-width: 769px),
print {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td .t-grid-delete {
    position: absolute;
    bottom: 1.875rem;
    right: 1.875rem;
  }
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #f8f8fa;
  border: 0;
  border-radius: 0.25rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding: 0 1rem;
}

@media screen and (max-width: 768px) {
  .page-customer-savedprojects .customer-SavedProjects .saved-projects-list table tr {
    padding: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table tr:not(:last-child) {
  margin-bottom: 0.625rem;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table table td,
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table table tr {
  padding: 0 !important;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table table address {
  font-style: normal;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table table td:first-child {
  font-weight: 600;
  margin-right: 0.375rem;
}

.page-passwordrecovery-confirm .password-recovery-page {
  padding: 3rem 5%;
}

@media screen and (min-width: 769px),
print {
  .page-passwordrecovery-confirm .password-recovery-page {
    padding: 6rem 64px !important;
  }
}

.page-passwordrecovery-confirm .password-recovery-page,
.password-recovery-container {
  max-width: 41.3125rem;
  margin: 0 auto;
  float: none;
  display: block;
  padding-left: 5% !important;
  padding-right: 5% !important;
}

@media screen and (min-width: 769px),
print {

  .page-passwordrecovery-confirm .password-recovery-page,
  .password-recovery-container {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
}

.page-passwordrecovery-confirm .password-recovery-page .catfish-container,
.password-recovery-container .catfish-container {
  padding: 0;
}

.page-passwordrecovery-confirm .password-recovery-page .page-title h1,
.password-recovery-container .page-title h1 {
  color: #192550;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: -0.0000125em;
  margin-bottom: 2.1875rem;
  display: block;
}

.page-passwordrecovery-confirm .password-recovery-page table,
.password-recovery-container table {
  width: 100%;
}

.page-passwordrecovery-confirm .password-recovery-page table td:first-child,
.page-passwordrecovery-confirm .password-recovery-page table td:first-child label,
.password-recovery-container table td:first-child,
.password-recovery-container table td:first-child label {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 600;
}

.page-passwordrecovery-confirm .password-recovery-page table .catfish-input,
.password-recovery-container table .catfish-input {
  width: 100% !important;
}

.page-passwordrecovery-confirm .password-recovery-page table tr,
.password-recovery-container table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

.page-passwordrecovery-confirm .password-recovery-page table tr td,
.password-recovery-container table tr td {
  padding: 0 !important;
  margin: 0 !important;
}

.page-passwordrecovery-confirm .password-recovery-page table tr td:first-child:not(:last-child),
.password-recovery-container table tr td:first-child:not(:last-child) {
  padding-bottom: 0.625rem !important;
}

.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong,
.password-recovery-container .password-recovery-page .body strong {
  display: inline-block;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 0.25rem;
  padding: 1.3125rem 2.375rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: 400;
  background: 0 0;
  border-color: #192550;
  color: #192550;
  margin-bottom: 2.5rem;
}

.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong a:not(.button):not(.dropdown-item),
.password-recovery-container .password-recovery-page .body strong a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}

.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong strong,
.password-recovery-container .password-recovery-page .body strong strong {
  color: currentColor;
}

.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong code,
.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong pre,
.password-recovery-container .password-recovery-page .body strong code,
.password-recovery-container .password-recovery-page .body strong pre {
  background: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .password-recovery-page .body strong pre code,
.password-recovery-container .password-recovery-page .body strong pre code {
  background: 0 0;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton,
.password-recovery-container .newpasswordbutton,
.password-recovery-container .passwordrecoverybutton {
  float: right;
  margin-top: 3.125rem;
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-hovered,
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton:hover,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-hovered,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton:hover,
.password-recovery-container .newpasswordbutton.is-hovered,
.password-recovery-container .newpasswordbutton:hover,
.password-recovery-container .passwordrecoverybutton.is-hovered,
.password-recovery-container .passwordrecoverybutton:hover {
  background-color: #a18ef0 !important;
  border-color: transparent;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-focused,
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton:focus,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-focused,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton:focus,
.password-recovery-container .newpasswordbutton.is-focused,
.password-recovery-container .newpasswordbutton:focus,
.password-recovery-container .passwordrecoverybutton.is-focused,
.password-recovery-container .passwordrecoverybutton:focus {
  border-color: transparent;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-focused:not(:active),
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton:focus:not(:active),
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-focused:not(:active),
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton:focus:not(:active),
.password-recovery-container .newpasswordbutton.is-focused:not(:active),
.password-recovery-container .newpasswordbutton:focus:not(:active),
.password-recovery-container .passwordrecoverybutton.is-focused:not(:active),
.password-recovery-container .passwordrecoverybutton:focus:not(:active) {
  -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
  box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-active,
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton:active,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-active,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton:active,
.password-recovery-container .newpasswordbutton.is-active,
.password-recovery-container .newpasswordbutton:active,
.password-recovery-container .passwordrecoverybutton.is-active,
.password-recovery-container .passwordrecoverybutton:active {
  background-color: #785ddc !important;
  border-color: transparent;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton[disabled],
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton[disabled],
.password-recovery-container .newpasswordbutton[disabled],
.password-recovery-container .passwordrecoverybutton[disabled] {
  background-color: #785ddc;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted,
.password-recovery-container .newpasswordbutton.is-inverted,
.password-recovery-container .passwordrecoverybutton.is-inverted {
  background-color: #fff !important;
  color: #785ddc;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted:hover,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted:hover,
.password-recovery-container .newpasswordbutton.is-inverted:hover,
.password-recovery-container .passwordrecoverybutton.is-inverted:hover {
  background-color: #f2f2f2 !important;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted[disabled],
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted[disabled],
.password-recovery-container .newpasswordbutton.is-inverted[disabled],
.password-recovery-container .passwordrecoverybutton.is-inverted[disabled] {
  background-color: #fff !important;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-loading::after,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-loading::after,
.password-recovery-container .newpasswordbutton.is-loading::after,
.password-recovery-container .passwordrecoverybutton.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-outlined,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-outlined,
.password-recovery-container .newpasswordbutton.is-outlined,
.password-recovery-container .passwordrecoverybutton.is-outlined {
  background-color: transparent !important;
  border-color: #785ddc;
  color: #785ddc;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-outlined:focus,
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-outlined:hover,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-outlined:focus,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-outlined:hover,
.password-recovery-container .newpasswordbutton.is-outlined:focus,
.password-recovery-container .newpasswordbutton.is-outlined:hover,
.password-recovery-container .passwordrecoverybutton.is-outlined:focus,
.password-recovery-container .passwordrecoverybutton.is-outlined:hover {
  background-color: #785ddc !important;
  border-color: #785ddc;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-outlined.is-loading::after,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-outlined.is-loading::after,
.password-recovery-container .newpasswordbutton.is-outlined.is-loading::after,
.password-recovery-container .passwordrecoverybutton.is-outlined.is-loading::after {
  border-color: transparent transparent#785ddc#785ddc !important;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-outlined[disabled],
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-outlined[disabled],
.password-recovery-container .newpasswordbutton.is-outlined[disabled],
.password-recovery-container .passwordrecoverybutton.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #785ddc;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #785ddc;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted.is-outlined,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted.is-outlined,
.password-recovery-container .newpasswordbutton.is-inverted.is-outlined,
.password-recovery-container .passwordrecoverybutton.is-inverted.is-outlined {
  background-color: transparent !important;
  border-color: #fff;
  color: #fff;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted.is-outlined:focus,
.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted.is-outlined:hover,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted.is-outlined:focus,
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted.is-outlined:hover,
.password-recovery-container .newpasswordbutton.is-inverted.is-outlined:focus,
.password-recovery-container .newpasswordbutton.is-inverted.is-outlined:hover,
.password-recovery-container .passwordrecoverybutton.is-inverted.is-outlined:focus,
.password-recovery-container .passwordrecoverybutton.is-inverted.is-outlined:hover {
  background-color: #fff !important;
  color: #785ddc;
}

.page-passwordrecovery-confirm .password-recovery-page .newpasswordbutton.is-inverted.is-outlined[disabled],
.page-passwordrecovery-confirm .password-recovery-page .passwordrecoverybutton.is-inverted.is-outlined[disabled],
.password-recovery-container .newpasswordbutton.is-inverted.is-outlined[disabled],
.password-recovery-container .passwordrecoverybutton.is-inverted.is-outlined[disabled] {
  background-color: transparent !important;
  border-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

/*CHAMELEON STOREFRONT CHANGES*/

/*Product page*/

.nopicture .product-info-section .picture-wrapper {
  display: none !important;
}

.nopicture .product-info-section .details-wrapper {
  margin: 0 auto;
}

.arone-product-landing-page.nopicture h1.title,
.arone-product-landing-page.nopicture .short-description-wrapper,
.arone-product-landing-page.nopicture .full-description-wrapper {
  text-align: center;
}

.arone-product-landing-page .attribute {
  background: #f8f8fa;
}

.arone-product-landing-page .attribute.type_RadioList label.button {
  background: transparent !important;
  justify-content: flex-start;
  padding: 0 !important;
  border: 0;
}

.arone-product-landing-page .attribute.type_RadioList input:checked+label.button {
  color: #192550;
  justify-content: flex-start;
  border: 0;
}

.arone-product-landing-page .newProductPriceWrapper .productPrice:before {
  content: "Total excl. VAT:";
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: -0.0004545em;
  line-height: 1.3;
  margin-right: 1.5rem;
  display: inline-block;
  font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
}

.arone-product-landing-page .product-variant-list.block {
  margin-top: 3rem;
}

@media screen and (max-width:767px) {
  .arone-product-landing-page .attribute {
    width: 100% !important;
  }
}

/*Accessory products*/

.arone-product-landing-page.accessory .hero-body {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto;
}

.arone-product-landing-page.accessory .hero-body .title {
  font-size: 2.625rem;
}

.arone-product-landing-page.accessory .hero-body .subtitle {
  font-size: 1.5rem;
}

.arone-product-landing-page.accessory .column.picture-wrapper {
  width: 100%;
}

.arone-product-landing-page.accessory .column.picture-wrapper .product-details-info {
  max-width: 23rem;
  margin: 0 auto;
}

.arone-product-landing-page.accessory .column.picture-wrapper .product-details-info .bigpicture.column {
  border: solid 1px #eee;
  background: whitesmoke;
}

.arone-product-landing-page.accessory .column.details-wrapper {
  margin: 0 auto;
  padding-top: 0;
}

.arone-product-landing-page.accessory .full-description-wrapper {
  font-size: 1.5rem;
}

/*Shopping cart*/

.shoppingcart__wrapper .cartform .cartTableWrapper .cart-label-header.is-hidden {
  display: none !important;
}

@media screen and (max-width:1219px){
.cart-form__wrapper .common-buttons.buttons.is-right.block {
  justify-content: center;
}
}

/*Category page*/
.arone-category-page h1 {
  text-align: center;
}

.arone-category-page .category-product-section {
  padding-top: 0;
}

.arone-category-page .category-intro-wrapper {
  padding-bottom: 0;
}

.arone-category-page .category-intro-wrapper h1.title {
  margin-bottom: 5rem;
}

.arone-category-page .product-item--info {
  text-align: center;
  padding-top: 2.5rem;
}

.arone-category-page .product-item--info .alternate--prices {
  display: none !important;
}

.arone-category-page .product-item--info .product-item--action {
  display: none !important;
}

.arone-category-page .add-info.clearfix.product-item--actions {
  display: none;
}

.arone-category-page .product-title {
  font-size: 1.375rem;
}

.arone-category-page .product-item--info .description {
  font-size: 1rem;
}


@media only screen and (min-width: 1088px) {
  .cart-form__wrapper .cart-footer.clearfix {
    max-height: 45rem;
  }
}

@media only screen and (min-width: 1220px) {
  .cart-footer__container {
    height: calc(100% - 1.5rem);
  }
}

@media only screen and (min-width: 1089px) {
  #logorow .navbar .navbar-brand {
    min-width: 120px;
  }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*CUSTOMER CSS MERGE 20-07-2022*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.editorLeft {
  transform: none !important;
}

div#leftPane-gallery {
  display: block !important;
}

.uploadList {
  position: fixed !important;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 176px !important;
  background: white;
  border-top: solid 1px #eceff1;
}

#textOptionsDialog.ui-dialog-content .fontSizeWrapper__font-size .spinnerDown.spinnerButton {
  position: absolute;
  right: 9px;
  height: 20px !important;
  bottom: 0px;
  padding: 0px !important;
}

#textOptionsDialog.ui-dialog-content .fontSizeWrapper__font-size .spinnerUp.spinnerButton {
  position: absolute;
  right: 9px;
  height: 20px !important;
  top: 0px;
  padding: 0px !important;
}

.navbar .navbar-item {
  padding-right: 1em;
  padding-left: 1em;
}

form#form-currencyselector {
  max-width: 150px;
  height: 45px;
  margin-top: 17px;
}

form#form-currencyselector label {
  display: none;
}

.navbar #navbar.is-active form#form-currencyselector {
  padding: 0px 14px;
  max-width: 300px;
  height: auto;
  width: 100%;
  margin-bottom: 1rem;
}

/*Navbar logo auto sizing*/
.navbar .navbar-brand .navbar-item img {
  max-height: 7rem;
  max-width: 7rem;
  width: auto;
  height: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .navbar #navbar.is-active form#form-currencyselector {
      padding: 0px 60px;
  }
}

/* Arone upadte tweaks */

/* Top menu font weight */

.navbar-item,
.navbar-link {
  font-weight: 700;
}

.navbar .catfish-container,
.navbar .container {
  padding: 0 5%;
}

@media screen and (min-width: 769px),
print {

  .navbar .catfish-container,
  .navbar .container {
      padding: 0 64px;
  }
}


/* Login page tweaks */

.login__wrapper .returning-wrapper .returning-wrapper__inner {
  box-shadow: none;
  padding: 0px;

}

.login__wrapper .returning-wrapper .login-title,
.login__wrapper .register-customer-wrapper .register-title {
  display: none !important;
}

.login__wrapper .register-customer-wrapper .buttons {
  width: 100%;
}

.login__wrapper .table-container tr {
  margin-bottom: 0px;
}

/* Editor tweaks  */
#previewView .preview_close_button:after,
#previewView .preview_close_button:before {
  transform: none;
  width: auto;
  margin: 0px;
  left: 0px;
  white-space: nowrap;
}

#previewView .preview_close_button:after {
  left: 15px;
}

div#confirm_product .confirm_inner .buttons .button {
  width: 46%;
  margin-left: 2%;
  color: fff;
}


@media screen and (min-width: 1151px) {
  #previewView .preview_close_button {
      left: 20.5rem;
      top: 1rem;
      width: 200px;
      max-width: 200px;

  }

  .megaedit-preview #loadingArea {
      background: url(/226152769/Handler/CSSOverride/GetImage/20/HUB-LOGO-22-FINAL.png) no-repeat 4rem 1.125rem #fff !important;
  }
}

/* Basket */
.shoppingcart__wrapper .checkout_message_bottom {
  padding: 0px;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span {
  margin-top: 0px;
  margin-bottom: 0px;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span.separator {
  display: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal {
  font-weight: bold;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--actions__buttons.buttons div {
  float: right;
  width: auto;
}

#cartsliderrow #removeordertotaldiscount,
.shoppingcart__wrapper #removeordertotaldiscount {
  float: none;
  width: auto;
  margin: 0.5rem 0;
  display: inline-block;
  vertical-align: middle;
  padding: 1px 6px !important;
}

@media screen and (max-width: 450px) {
  .shoppingcart__wrapper .cart-footer .cart-total tr {
      display: block;
      text-align: left;
      margin-bottom: 10px;
  }

  .shoppingcart__wrapper .cart-footer .cart-total tr td {
      display: block;
      text-align: left;
  }

  /* Account page mobile */
  .account-page {
      padding: 0px;
  }

  .account-page .catfish-container {
      padding: 5%;
  }

  .layout--accountPage .account-page .addAddressTable .table-container tr,
  .layout--accountPage .account-page .customer-info-box .table-container tr,
  .layout--accountPage .account-page .customer-pass-recovery .table-container tr,
  .layout--accountPage .account-page .editAddressTable .table-container tr {
      margin-bottom: 0px;
  }
}

/* Checkout tweaks */
.postCoder.box.is-light.is-shadowless {
  background-color: white;
}

.one-page-checkout .checkout-data {
  max-width: 100%;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span {
  margin-top: 0px;
  margin-bottom: 0px;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span.separator {
  display: none;
}

.opc div#cartTotals {
  width: 50%;
}

.button,
.catfish-button {
  height: 2.75rem;
}

.page-customer-addresses .address-item .content table tr td:before,
.page-albummanagement-viewalbum #AddAlbumButton:after,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:after,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:after,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:after,
.page-customer-albums #AddAlbumButton:after,
.page-customer-albums .photoalbum__header #AddPhoto:after,
.page-customer-albums .photoalbum__header #SelectAll:after,
.page-customer-albums .photoalbum__header #deletePhotos:after {
  display: none !important;
}

/* Editor Fixes */
.megaEditMainContainer .messagesContainer {
  bottom: auto;
  left: auto;
}

.ng-scope.script_upload_button.btn.btn-default.btn-me {
  padding: 1px 8px;
  overflow: hidden;
}

.page-customer-savedprojects .customer-SavedProjects .section-title {
  display: none;
}

@media screen and (max-width: 768px) {
  .category-page-productingrid .column.is-6-mobile {
      flex: none;
      width: 100%;
  }
}

:focus {
  border: none !important;
  outline: none !important;
}

.category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image {
  padding-bottom: 88%;
}

.freeTargetContainer .meuiCheckBox.bgcolor {
  display: flex !important
}

.ng-scope.ng-isolate-scope.meuiStackLayout.meuiStacklayoutVertical:nth-child(4) label:before {
  /*display: none;*/
  content: '';
  display: inline-block;
  margin-right: 1.0625rem;
  width: 2.25rem;
  height: 2.25rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image:url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/20/BackgroundColorIcon.svg');
}

/*Saved projects tweaks*/
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(6) {
  display: flex;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(7):before {
  display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(6):before {
  content: "Job ID";
  display: inline-block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 1.125rem;
  white-space: nowrap;
}

/*Basket tweaks*/

#cartsliderrow .cart-footer .cart-footer__container .columns .column,
.shoppingcart__wrapper .cart-footer .cart-footer__container .columns .column {
  width: 100%;
}

.orderSummaryWrapper>.catfish-container {
  padding: 0px;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row td {
  flex-wrap: wrap;
}

/*Saved projects  tweaks*/
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(3) {
  white-space: normal;
}

.page-customer-savedprojects .customer-SavedProjects {
  max-width: 60rem;
}

.Addressy {
  margin-bottom: 25px;
}

a.od_print_button.catfish-button {
  margin-left: 5px;
}

/* missing code replaced */
.listWrapper {
  justify-content: space-evenly;
}

.allProductsCategoriesWrapper .add-info {
  margin-top: 20px;
}

.product-details-page.staticproduct #productVariantForm .product-essential {
  display: block;
  width: 100%;
  max-width: 23rem;
  margin: 0 auto;
}

.product-details-page .product-collateral {
  width: 100%;
  max-width: 40.3125rem;
  text-align: center;
  margin: 0 auto;
}

.product-details-page .attribute.Material,
.product-details-page .attribute.Card_Stand,
.product-details-page .attribute.Colour,
.product-details-page .attribute.Card_Stand_Type {
  width: 100%;
}

.product-details-page .attribute.Barcode input,
.product-details-page .attribute.Material input,
.product-details-page .attribute.Card_Stand input,
.product-details-page .attribute.Colour input,
.product-details-page .attribute.Card_Stand_Type input,
.product-details-page .attribute.Smart_Chip_Type input {
  display: none;
}

.product-details-page .attribute.Material .attribute__item,
.product-details-page .attribute.Card_Stand .attribute__item,
.product-details-page .attribute.Colour .attribute__item,
.product-details-page .attribute.Card_Stand_Type .attribute__item,
.product-details-page .attribute.Smart_Chip_Type .attribute__item {
  display: inline-block;
}

.product-details-page .attribute.Material .attribute__items,
.product-details-page .attribute.Colour .attribute__items,
.product-details-page .attribute.Card_Stand_Type .attribute__items,
.product-details-page .attribute.Smart_Chip_Type .attribute__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-details-page .attribute.Barcode label,
.product-details-page .attribute.Material label,
.product-details-page .attribute.Card_Stand label,
.product-details-page .attribute.Colour label,
.product-details-page .attribute.Card_Stand_Type label,
.product-details-page .attribute.Smart_Chip_Type label {
  position: relative;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.product-details-page .attribute.Barcode label:before,
.product-details-page .attribute.Material label:before,
.product-details-page .attribute.Card_Stand label:before,
.product-details-page .attribute.Colour label:before,
.product-details-page .attribute.Card_Stand_Type label:before,
.product-details-page .attribute.Smart_Chip_Type label:before {
  background: #fff;
  border: 1px solid #d2d3d6;
  border-radius: .25em;
}

.product-details-page .attribute.Barcode label:after,
.product-details-page .attribute.Barcode label:before,
.product-details-page .attribute.Material label:after,
.product-details-page .attribute.Material label:before,
.product-details-page .attribute.Card_Stand label:after,
.product-details-page .attribute.Card_Stand label:before,
.product-details-page .attribute.Colour label:before,
.product-details-page .attribute.Colour label:after,
.product-details-page .attribute.Card_Stand_Type label:before,
.product-details-page .attribute.Card_Stand_Type label:after,
.product-details-page .attribute.Smart_Chip_Type label:before,
.product-details-page .attribute.Smart_Chip_Type label:after {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: .625rem;
}

.product-details-page .attribute.Barcode input:checked+label:after,
.product-details-page .attribute.Material input:checked+label:after,
.product-details-page .attribute.Card_Stand input:checked+label:after,
.product-details-page .attribute.Colour input:checked+label:after,
.product-details-page .attribute.Card_Stand_Type input:checked+label:after,
.product-details-page .attribute.Smart_Chip_Type input:checked+label:after {
  background: url("/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/20/tick.svg");
  background-position: center center;
  background-repeat: no-repeat;
}

.product-details-page .attribute.Barcode label:after,
.product-details-page .attribute.Material label:after,
.product-details-page .attribute.Card_Stand label:after,
.product-details-page .attribute.Colour label:after,
.product-details-page .attribute.Card_Stand_Type label:after,
.product-details-page .attribute.Smart_Chip_Type label:after {
  position: absolute;
  top: 0;
  left: 0;
}

.product-details-page .attribute.Barcode label:after,
.product-details-page .attribute.Barcode label:before,
.product-details-page .attribute.Material label:after,
.product-details-page .attribute.Material label:before,
.product-details-page .attribute.Card_Stand label:after,
.product-details-page .attribute.Card_Stand label:before,
.product-details-page .attribute.Colour label:before,
.product-details-page .attribute.Colour label:after,
.product-details-page .attribute.Card_Stand_Type label:before,
.product-details-page .attribute.Card_Stand_Type label:after,
.product-details-page .attribute.Smart_Chip_Type label:before,
.product-details-page .attribute.Smart_Chip_Type label:after {
  content: "";
  height: 2.25rem;
  width: 2.25rem;
  display: inline-block;
  margin-right: .625rem;
}

.product-details-page.staticproduct #productVariantForm>.columns {
  display: block;
}

.product-details-page .fulldescriptiononcontent {
  margin: 0 auto;
  margin-bottom: 3rem;
  max-width: 40rem;
  text-align: center;
}

/* category page tweaks */
.category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .add-info .catfish-button {
  display: none;
}

/* product page */
.product-details-page .add-info {
  float: right;
}

.product-details-page.staticproduct #productVariantForm .add-info {
  display: flex;
}

.product-details-page.staticproduct #productVariantForm .add-info .quantityBox__container {
  display: flex;
}

.product-details-page.staticproduct .quantityBox__container .label {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
}

.catfish-input, .catfish-select, .input {
  height: 2.75em;
  padding-left: .625em;
  padding-right: .625em;
}

.product-details-page .add-info .catfish-button {
  padding: 0 2rem;
  border-color: transparent;
  color: #fff;
}

.product-details-page.staticproduct .add-info .catfish-button {
  margin-bottom: 1.5rem;
  margin-left: 0.5rem;
}

/* Product details page attribute popup */
.cf-tooltip.is-right.is-info:before {
border-right: 5px solid #5eb888 !important;
}

.cf-tooltip.is-info:after, .cf-tooltip.is-info .tooltip-html-container {
background: #5eb888 !important;
} 
/* ---------------- Text ---------------- */
@font-face {
  font-family: Montserrat-Regular;
  src: url(/1950945295/Handler/CSSOverride/GetImage/20/Montserrat-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Montserrat-Bold;
  src: url(/-5361133/Handler/CSSOverride/GetImage/20/Montserrat-Bold.ttf) format("truetype");
}

*:not(.fa,.fas) {
  font-family: Montserrat-Regular!important;
}

h1,
h2,
h3,
.title,
.subtitle,
.pageTitle {
  font-family: Montserrat-bold!important;
}

#popupInstructionContent {
    width: 100%;
  }

  #instructions_slider .flex-direction-nav a.flex-next:before {
    display:none;
  }