#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(.375em - 1px);
    padding-left: calc(.625em - 1px);
    padding-right: calc(.625em - 1px);
    padding-top: calc(.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: .5rem
}

.block.is-small:not(:last-child) {
    margin-bottom: .75rem
}

.block.is-medium:not(:last-child) {
    margin-bottom: 3rem
}

.block.is-large:not(:last-child) {
    margin-bottom: 6rem
}

@font-face {
    font-family: SQMarket;
    src: url(/-840876627/Handler/CSSOverride/GetImage/19/SQMarket-Regular.otf);
    font-weight: 400
}

@font-face {
    font-family: SQMarket;
    src: url(/-76202680/Handler/CSSOverride/GetImage/19/SQMarket-Medium.otf);
    font-weight: 500
}

@font-face {
    font-family: SQMarket;
    src: url(/-108797408/Handler/CSSOverride/GetImage/19/SQMarket-Bold.otf);
    font-weight: 600
}

@font-face {
    font-family: SQMarket;
    src: url(/-108797408/Handler/CSSOverride/GetImage/19/SQMarket-Bold.otf);
    font-weight: 700
}

@font-face {
    font-family: SQMarket-Screen;
    src: url(/1457286630/Handler/CSSOverride/GetImage/19/SQMarket-Light.otf);
    font-weight: 400
}

body,
html {
    font-size: 15px !important;
    color: #000;
    margin: 0;
    font-family: SQMarket, 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: #1B2126 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 500;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .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 .125em rgba(10, 10, 10, .25);
    box-shadow: 0 0 0 .125em rgba(10, 10, 10, .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 .125em rgba(245, 245, 245, .25);
    box-shadow: 0 0 0 .125em rgba(245, 245, 245, .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 .125em rgba(54, 54, 54, .25);
    box-shadow: 0 0 0 .125em rgba(54, 54, 54, .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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.button.is-primary.is-active,
.button.is-primary:active,
.catfish-button.is-primary.is-active,
.catfish-button.is-primary:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.button.is-primary[disabled],
.catfish-button.is-primary[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.button.is-primary.is-outlined.is-loading::after,
.catfish-button.is-primary.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.button.is-primary.is-outlined[disabled],
.catfish-button.is-primary.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #1B2126 !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 .125em rgba(41, 53, 99, .25);
    box-shadow: 0 0 0 .125em rgba(41, 53, 99, .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: #1B2126;
    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: #1B2126
}

.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: #1B2126
}

.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: #1B2126;
    color: #1B2126
}

.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: #1B2126 !important;
    border-color: #1B2126;
    color: #fff
}

.button.is-link.is-outlined.is-loading::after,
.catfish-button.is-link.is-outlined.is-loading::after {
    border-color: transparent transparent #1B2126 #1B2126 !important
}

.button.is-link.is-outlined[disabled],
.catfish-button.is-link.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #1B2126;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1B2126
}

.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: #1B2126
}

.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: #1B2126 !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 .125em rgba(25, 37, 80, .25);
    box-shadow: 0 0 0 .125em rgba(25, 37, 80, .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: #1B2126;
    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: #1B2126
}

.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: #1B2126
}

.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: #1B2126;
    color: #1B2126
}

.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: #1B2126 !important;
    border-color: #1B2126;
    color: #fff
}

.button.is-info.is-outlined.is-loading::after,
.catfish-button.is-info.is-outlined.is-loading::after {
    border-color: transparent transparent #1B2126 #1B2126 !important
}

.button.is-info.is-outlined[disabled],
.catfish-button.is-info.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #1B2126;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1B2126
}

.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: #1B2126
}

.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: #3b9364 !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 .125em rgba(59, 147, 100, .25);
    box-shadow: 0 0 0 .125em rgba(59, 147, 100, .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: #3b9364;
    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: #3b9364
}

.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: #3b9364
}

.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: #3b9364;
    color: #3b9364
}

.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: #3b9364 !important;
    border-color: #3b9364;
    color: #fff
}

.button.is-success.is-outlined.is-loading::after,
.catfish-button.is-success.is-outlined.is-loading::after {
    border-color: transparent transparent #3b9364 #3b9364 !important
}

.button.is-success.is-outlined[disabled],
.catfish-button.is-success.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #3b9364;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3b9364
}

.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: #3b9364
}

.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, .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, .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, .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 .125em rgba(255, 221, 87, .25);
    box-shadow: 0 0 0 .125em rgba(255, 221, 87, .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, .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, .7) !important;
    color: #ffdd57
}

.button.is-warning.is-inverted:hover,
.catfish-button.is-warning.is-inverted:hover {
    background-color: rgba(0, 0, 0, .7) !important
}

.button.is-warning.is-inverted[disabled],
.catfish-button.is-warning.is-inverted[disabled] {
    background-color: rgba(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, .7) rgba(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, .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, .7);
    color: rgba(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, .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, .7);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, .7)
}

.button.is-danger,
.catfish-button.is-danger {
    background-color: #e55430 !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 .125em rgba(229, 84, 48, .25);
    box-shadow: 0 0 0 .125em rgba(229, 84, 48, .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: #e55430;
    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: #e55430
}

.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: #e55430
}

.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: #e55430;
    color: #e55430
}

.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: #e55430 !important;
    border-color: #e55430;
    color: #fff
}

.button.is-danger.is-outlined.is-loading::after,
.catfish-button.is-danger.is-outlined.is-loading::after {
    border-color: transparent transparent #e55430 #e55430 !important
}

.button.is-danger.is-outlined[disabled],
.catfish-button.is-danger.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #e55430;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e55430
}

.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: #e55430
}

.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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: .85rem
}

.button.is-medium,
.catfish-button.is-medium {
    font-size: 1.1rem;
    letter-spacing: 1px;
}

.button.is-large,
.catfish-button.is-large {
    font-size: 1.5rem;
    letter-spacing: 1.5px;
}

.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: .25em;
    color: #6e7076
}

.catfish-input,
.catfish-select,
.input {
    height: 2.75em;
    padding-left: .625em;
    padding-right: .625em
}

.notification {
    display: inline-block;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: .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: .5rem;
    top: .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: #49A4D5;
    border-color: #49A4D5;
    color: #fff
}

.notification.is-link {
    background: #1B2126;
    border-color: #1B2126;
    color: #fff
}

.notification.is-info {
    background: #1B2126;
    border-color: #1B2126;
    color: #fff
}

.notification.is-success {
    background: #3b9364;
    border-color: #3b9364;
    color: #fff
}

.notification.is-warning {
    background: #ffdd57;
    border-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.notification.is-danger {
    background: #e55430;
    border-color: #e55430;
    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: #49A4D5;
    color: #49A4D5
}

.notification.is-invert-link {
    background: 0 0;
    border-color: #1B2126;
    color: #1B2126
}

.notification.is-invert-info {
    background: 0 0;
    border-color: #1B2126;
    color: #1B2126
}

.notification.is-invert-success {
    background: 0 0;
    border-color: #3b9364;
    color: #3b9364
}

.notification.is-invert-warning {
    background: 0 0;
    border-color: #ffdd57;
    color: #ffdd57
}

.notification.is-invert-danger {
    background: 0 0;
    border-color: #e55430;
    color: #e55430
}

.headermenu {
    width: 100%
}

.navbar {
    height: 4.2857142857rem;
    font-size: .90625rem;
    font-weight: 700;
    letter-spacing: .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: #1B2126 !important
}

.navbar .navbar-item:hover {
    background: 0 0 !important;
    color: #49A4D5 !important
}

.navbar .navbar-item img {
    max-height: 42px;
    margin-bottom: 0.4rem;
}

.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 .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: .0000976563em;
    margin-bottom: 3.0625rem;
    max-width: 40.25rem;
    color: #1B2126;
    font-family: SQMarket, 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: transparent !important;
}

.hero.is-homepage .buttons .button.is-text:hover {
    background: transparent !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: .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: .8125rem;
    color: #404146;
    letter-spacing: .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: .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: .9375rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: .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: .25em;
    color: #6e7076;
    height: 2.75em;
    padding-left: .625em;
    padding-right: .625em;
    margin-right: 1.5625rem
}

.postCoder .searchButton {
    background-color: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: .9375rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: .625rem
}

.validation-summary-errors {
    color: #e55430;
    border: 1px solid #e55430;
    background: #ffedeb
}

.field-validation-error {
    color: #000;
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: .0153846154em;
    line-height: 1.3846153846;
    margin-top: .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: #e55430;
    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: #1B2126;
    letter-spacing: -.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: -.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 {
    display: none
}

.product-details-page .productname {
    text-align: center;
    font-size: 2.625rem;
    color: #1B2126;
    letter-spacing: -.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: .625rem
}

@media screen and (min-width:769px),
print {
    .product-details-page .attribute {
        width: 50%
    }

    .product-details-page .attribute:nth-child(1):not(:last-child) {
        padding-right: .9375rem
    }
}

.product-details-page .attribute .attributeHeader {
    margin-top: 0 !important;
    margin-bottom: .625rem
}

.product-details-page .attribute .attributeHeader .attributeTitle,
.product-details-page .attribute .attributeHeader div {
    font-size: .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
}

.product-details-page .attribute.Barcode_Type {
    width: 100%
}

.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.Material .attribute__items,
.product-details-page .attribute.Colour .attribute__items,
.product-details-page .attribute.Card_Stand_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.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 {
    display: inline-block
}

@media screen and (max-width:768px) {

    .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 {
        margin-bottom: .625rem;
        width: 50%;

    }
}

@media screen and (min-width:769px),
print {
    .product-details-page .attribute.Material .attribute__item {
        width: 50%
    }

    .product-details-page .attribute.Material .attribute__item:nth-child(2) {
        padding-left: 1.875rem
    }

    .product-details-page .attribute.Card_Stand .attribute__item {
        width: 50%
    }

    .product-details-page .attribute.Card_Stand .attribute__item:nth-child(2) {
        padding-left: 1.875rem
    }

    .product-details-page .attribute.Colour .attribute__item {}
}

.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 {
    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: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 {
    content: "";
    height: 2.25rem;
    width: 2.25rem;
    display: inline-block;
    margin-right: .625rem
}

.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 {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .25em
}

.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 {
    position: absolute;
    top: 0;
    left: 0
}

.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 {
    display: none
}

.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 {
    background: url(/1446096301/Handler/CSSOverride/GetImage/17/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: -.00025em;
    line-height: 1.2;
    font-family: SQMarket, 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: -.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: SQMarket-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: .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: -.00025em;
    line-height: 1.2;
    font-family: SQMarket, 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: -.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: SQMarket-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;
        justify-content: center;
    }
}

@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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.product-details-page .add-info .catfish-button.is-active,
.product-details-page .add-info .catfish-button:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.product-details-page .add-info .catfish-button[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-details-page .add-info .catfish-button.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.product-details-page .add-info .catfish-button.is-outlined:focus,
.product-details-page .add-info .catfish-button.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.product-details-page .add-info .catfish-button.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.product-details-page .add-info .catfish-button.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: SQMarket, 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.75em
}

@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: #49A4D5 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-hovered,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:hover {
    background-color: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-active,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined:focus,
.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: .5rem;
    padding-left: .5rem
}

.megaEditMainContainer .memobilePageClass.buttons .catfish-button:not(:last-child) {
    margin-right: .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
}

.megaEditMainContainer .me-header-logo {
    position: fixed;
    top: 1.5rem;
    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: #1B2126;
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 20px 0 rgba(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: #1B2126;
    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, .08);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
    text-align: center
}

.megaEditMainContainer .alert .catfish-button {
    background-color: #fff !important;
    border-color: transparent;
    color: #1B2126
}

.megaEditMainContainer .alert .catfish-button.is-hovered,
.megaEditMainContainer .alert .catfish-button:hover {
    background-color: #f9f9f9 !important;
    border-color: transparent;
    color: #1B2126
}

.megaEditMainContainer .alert .catfish-button.is-focused,
.megaEditMainContainer .alert .catfish-button:focus {
    border-color: transparent;
    color: #1B2126
}

.megaEditMainContainer .alert .catfish-button.is-focused:not(:active),
.megaEditMainContainer .alert .catfish-button:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25)
}

.megaEditMainContainer .alert .catfish-button.is-active,
.megaEditMainContainer .alert .catfish-button:active {
    background-color: #f2f2f2 !important;
    border-color: transparent;
    color: #1B2126
}

.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: #1B2126 !important;
    color: #fff
}

.megaEditMainContainer .alert .catfish-button.is-inverted:hover {
    background-color: #131c3d !important
}

.megaEditMainContainer .alert .catfish-button.is-inverted[disabled] {
    background-color: #1B2126 !important;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.megaEditMainContainer .alert .catfish-button.is-loading::after {
    border-color: transparent transparent #1B2126 #1B2126 !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: #1B2126
}

.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: #1B2126;
    color: #1B2126
}

.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined:focus,
.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined:hover {
    background-color: #1B2126 !important;
    color: #fff
}

.megaEditMainContainer .alert .catfish-button.is-inverted.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #1B2126;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1B2126
}

.megaEditMainContainer .alert.alert-success {
    background: #1B2126;
    border-color: #1B2126;
    color: #fff
}

.megaEditMainContainer .alert.alert-danger {
    background: #e55430;
    border-color: #e55430;
    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: .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: #1B2126 !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: .90625rem;
    letter-spacing: .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: #49A4D5 !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: .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: #1B2126 !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: #49A4D5 !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: .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: .90625rem;
    letter-spacing: .0009510345em;
    line-height: 1.2413793103;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase
}

.megaEditMainContainer .MEmicroheader .viewButton.logo:after:hover {
    color: #49A4D5 !important
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton {
    background-color: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-active,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined:focus,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5 !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: #249cd6 !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 .125em rgba(39, 54, 100, .25);
    box-shadow: 0 0 0 .125em rgba(39, 54, 100, .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: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.megaEditMainContainer .script_upload_button.is-outlined.is-loading::after,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.megaEditMainContainer .script_upload_button.is-outlined[disabled],
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    background-color: #49A4D5 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .script_upload_button.is-hovered,
.megaEditMainContainer .script_upload_button:hover {
    background-color: #49A4D5 !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 .125em rgba(39, 54, 100, .25);
    box-shadow: 0 0 0 .125em rgba(39, 54, 100, .25)
}

.megaEditMainContainer .script_upload_button.is-active,
.megaEditMainContainer .script_upload_button:active {
    background-color: #202c52 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .script_upload_button[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.megaEditMainContainer .script_upload_button.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.megaEditMainContainer .script_upload_button.is-outlined:focus,
.megaEditMainContainer .script_upload_button.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.megaEditMainContainer .script_upload_button.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.megaEditMainContainer .script_upload_button.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5 !important;
    border-color: transparent;
    color: #fff;
    background-color: transparent !important;
    border-color: transparent;
    color: #1B2126;
    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 .125em rgba(39, 54, 100, .25);
    box-shadow: 0 0 0 .125em rgba(39, 54, 100, .25)
}

.megaEditMainContainer .pdfDownloadButton.is-active,
.megaEditMainContainer .pdfDownloadButton:active {
    background-color: #202c52 !important;
    border-color: transparent;
    color: #fff
}

.megaEditMainContainer .pdfDownloadButton[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.megaEditMainContainer .pdfDownloadButton.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.megaEditMainContainer .pdfDownloadButton.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.megaEditMainContainer .pdfDownloadButton.is-outlined {
    background-color: transparent !important;
    border-color: #49A4D5;
    color: #49A4D5
}

.megaEditMainContainer .pdfDownloadButton.is-outlined:focus,
.megaEditMainContainer .pdfDownloadButton.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.megaEditMainContainer .pdfDownloadButton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.megaEditMainContainer .pdfDownloadButton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    outline: 0
}

.megaEditMainContainer .pdfDownloadButton.is-active,
.megaEditMainContainer .pdfDownloadButton:active {
    background-color: transparent !important;
    color: #49A4D5
}

.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: #1B2126
}

.addtoBasketScreen h1:after {
    content: "Please wait";
    display: inline-block;
    width: 100%;
    font-family: SQMarket, 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: .625rem;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.addtoBasketScreen h1:before {
    content: "Loading";
    display: inline-block;
    width: 100%;
    font-family: SQMarket, 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: #49A4D5
}

.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: .1875rem solid #ececee;
    opacity: 1 !important;
    border-radius: 99999px;
    border-right-color: #49A4D5;
    -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: SQMarket, 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(/880377587/Handler/CSSOverride/GetImage/19/Square_email_black.png) !important;
    background-color: #fff !important;
    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(/880377587/Handler/CSSOverride/GetImage/19/Square_email_black.png) no-repeat 4rem 1.6rem #fff !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: SQMarket, 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: .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: SQMarket, 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: .1875rem solid #ececee;
    opacity: 1 !important;
    border-radius: 99999px;
    border-right-color: #49A4D5
}

#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: #1B2126
}

#loadingArea .loadScreenStepIndicator,
.addtoBasketScreen .loadScreenStepIndicator,
.loadingArea .loadScreenStepIndicator,
.loadingScreen .loadScreenStepIndicator {
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    font-size: .875rem;
    margin-top: .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: #1B2126;
    border-radius: .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: #1B2126;
    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: .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(.5);
    -ms-transform: translateX(-50%) scale(.5);
    transform: translateX(-50%) scale(.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: .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: #1B2126
}

.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-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: .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: #1B2126;
    border: none;
    height: 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #1B2126
}

.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: #1B2126 !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: #1B2126 !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: #1B2126 !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 {
    width: auto;
    padding: 0 0.3rem !important
}

.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-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: .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;
    float: left;
    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: .4375rem .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: .25rem;
    cursor: pointer;
    text-align: left;
    color: #1B2126 !important;
    margin-bottom: .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: .3;
    display: none
}

.freeTargetContainer .layout-tab {
    display: none
}
.freeTargetContainer .customScriptUi-freeTarget {
    padding: 0px;
}
.freeTargetContainer .meuiCheckBox.header {
    border: solid 1px #d2d3d6 !important;
    background: #fff !important;
    color: #1B2126
}
.freeTargetContainer .meuiCheckBox span.check {
    background: none!important;
    border: none!important;
    width: 0px!important;
}
.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.header.is-active:after {
    content: "\f107"
}
.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;
}

.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(/-635290963/Handler/CSSOverride/GetImage/19/BackgroundColorIcon.svg)
}

.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%
} */

.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: #49A4D5 !important;
    border-color: transparent;
    color: #fff;
    background-color: transparent !important;
    border-color: transparent;
    color: #1B2126;
    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 .125em rgba(39, 54, 100, .25);
    box-shadow: 0 0 0 .125em rgba(39, 54, 100, .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: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-layout-southh_inner .buttonsContainer .btn.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined:focus,
.ui-layout-southh_inner .buttonsContainer .btn.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.ui-layout-southh_inner .buttonsContainer .btn.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    outline: 0
}

.ui-layout-southh_inner .buttonsContainer .btn.is-active,
.ui-layout-southh_inner .buttonsContainer .btn:active {
    background-color: transparent !important;
    color: #49A4D5
}

.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: .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: .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;
    margin-bottom: 0.5rem !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: .25rem;
    border-bottom-right-radius: .25rem
}

.pageSelectorItem .pageThumb {
    opacity: .5 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    box-shadow: 0 0 8px rgba(0, 0, 0, .15)
}

.pageSelectorItem .pageLabel {
    font-weight: 700;
    color: #1B2126;
    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, .08) !important;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08) !important;
    margin-left: .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: SQMarket-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: #1B2126;
}

#instructions_slider .copy h2 {
    color: #49A4D5;
}

#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: SQMarket-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: -.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(/-907663120/Handler/CSSOverride/GetImage/17/slide-image-1.jpg)
}

#instructions_slider .slides li.slide_4 .image {
    background-image: url(/-1664442998/Handler/CSSOverride/GetImage/17/slide-image-2.jpg)
}

#instructions_slider .slides li.slide_5 .image {
    background-image: url(/-58674778/Handler/CSSOverride/GetImage/17/slide-image-3.jpg)
}

#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 .1875rem
}

#instructions_slider ol.flex-control-nav.flex-control-paging li a {
    width: .75rem;
    height: .75rem;
    background: rgba(255, 255, 255, 0);
    border: solid .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: .75rem;
    font-size: .75rem;
    font-weight: 600;
    display: block;
    margin-top: .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: .5rem
}

.ui-dialog #imageOptionsDialog.ui-dialog-content .catfish-button:not(.colorSelector),
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button:not(.colorSelector) {
    background-color: #fff !important;
    border-color: transparent;
    color: #1B2126;
    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.colorSelector,
.ui-dialog #textOptionsDialog.ui-dialog-content .catfish-button.colorSelector {
    border-color: transparent;
    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: #1B2126
}

.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: #1B2126
}

.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 .125em rgba(255, 255, 255, .25);
    box-shadow: 0 0 0 .125em rgba(255, 255, 255, .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: #1B2126
}

.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: #1B2126 !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: #1B2126 !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 #1B2126 #1B2126 !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: #1B2126
}

.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: #1B2126;
    color: #1B2126
}

.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: #1B2126 !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: #1B2126;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1B2126
}

.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: #1B2126;
    border: none;
    border-top: 1px solid #1B2126
}

.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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-active,
.modal-dialog .modal-footer .buttons .catfish-button:first-child:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.modal-dialog .modal-footer .buttons .catfish-button:first-child.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #1B2126;
    border: none;
    border-top: 2px solid #1B2126
}

.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: #49A4D5 !important;
    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: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-active,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: .625rem
}

.ui-dialog-buttonpane .dont-show-again input+span:after {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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 #1B2126 !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: .5rem
}

.textOptionsDialog .colorSelector.fontColor {
    height: 40px;
    width: 90px;
    border: 0 none;
    /*background-image: 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 {
    /*display: none*/
}

.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: #1B2126 !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: #1B2126 !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, .08) !important;
    box-shadow: 0 0 20px 0 rgba(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(/880377587/Handler/CSSOverride/GetImage/19/Square_email_black.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(/880377587/Handler/CSSOverride/GetImage/19/Square_email_black.png) no-repeat 4rem 1.6rem #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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    background-color: #49A4D5 !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: SQMarket, 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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.add_to_basket_from_preview.is-active,
.add_to_basket_from_preview:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.add_to_basket_from_preview[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.add_to_basket_from_preview.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.add_to_basket_from_preview.is-outlined:focus,
.add_to_basket_from_preview.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.add_to_basket_from_preview.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.add_to_basket_from_preview.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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) {
    .megaedit-preview #addToBasketButton.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: #1B2126 !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: .90625rem;
    letter-spacing: .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: #49A4D5 !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: .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
}

#previewView .preview_close_button:after {
    content: 'Back';
    font-family: SQMarket, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@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, .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    font-family: SQMarket, 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, .6)
}

@media screen and (min-width:1151px) {
    div#confirm_product {
        top: 5rem
    }
}

div#confirm_product .confirm_inner {
    background: #fff;
    padding: 1.5625rem 1.875rem;
    max-width: 40.625rem;
    font-family: SQMarket, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: .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: #1B2126;
    font-size: 2rem;
    font-family: SQMarket-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: -.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: .625rem;
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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: .625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mappingPlaceholdersPopup input[type=checkbox]+label:before {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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(.375rem - 1px) 1.4285714286rem;
        height: 2.75rem
    }
}

.standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn:after {
    content: 'Create barcodes';
    font-size: .875rem
}

@media screen and (min-width:769px),
print {
    .standardBatchScriptPlaceholderGroupRow>div:nth-child(2) .btn:after {
        content: 'Now click to create barcodes'
    }
}

#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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !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: #49A4D5;
    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: #49A4D5
}

#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: #49A4D5
}

#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: #49A4D5;
    color: #49A4D5
}

#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: #49A4D5 !important;
    border-color: #49A4D5;
    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 #49A4D5 #49A4D5 !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: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

#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: #49A4D5
}

#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: #1B2126;
    letter-spacing: -.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(.375em - 1px) calc(.625em - 1px);
    position: relative;
    vertical-align: top;
    background-color: #fff;
    max-width: 100%;
    width: 100%;
    height: 2.75em;
    padding-left: .625em;
    padding-right: .625em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #d2d3d6;
    border-radius: .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: .25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 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: .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: .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: .25rem
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .product__title {
    color: #1B2126;
    font-weight: 700;
    margin-bottom: .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: .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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: .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: #e55430;
    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: .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: .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: .8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    letter-spacing: .0011830769em;
    line-height: 1.3846153846
}

.shoppingcart__wrapper .terms-of-service label a {
    margin-left: .1875rem;
    color: #1B2126;
    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: .625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.shoppingcart__wrapper .terms-of-service label:before {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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(/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/19/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: .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;
    width: 100%;
}

.shoppingcart__wrapper .cart-footer .cart-total tr {
    margin-bottom: .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: none
}

.shoppingcart__wrapper .cart-footer .columns .grid_6 {
    width: 100% !important;
    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: .625rem
}

.shoppingcart__wrapper .cart-footer .coupon-box #discountcouponcode {
    margin-right: 1.125rem;
    border-radius: .25rem !important;
    width: calc(100% - 10.375rem) !important
}

.shoppingcart__wrapper .cart-footer .coupon-box .applycouponcodebutton {
    height: 3.1428571429em;
    border-radius: .25rem !important
}

.shoppingcart__wrapper .cart-footer .coupon-box .success-box {
    margin-top: .75rem;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: .25rem;
    padding: 1.3125rem 2.375rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 400;
    background: #49A4D5;
    border-color: #49A4D5;
    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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0 !important
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton {
    background-color: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-active,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: #e55430 !important;
    border-color: transparent;
    color: #fff;
    height: auto;
    font-size: .7rem;
    padding: .25rem;
    margin-left: .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 .125em rgba(229, 84, 48, .25);
    box-shadow: 0 0 0 .125em rgba(229, 84, 48, .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: #e55430;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-inverted {
    background-color: #fff !important;
    color: #e55430
}

.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: #e55430
}

.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: #e55430;
    color: #e55430
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined:focus,
.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined:hover {
    background-color: #e55430 !important;
    border-color: #e55430;
    color: #fff
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined.is-loading::after {
    border-color: transparent transparent #e55430 #e55430 !important
}

.shoppingcart__wrapper .cart-footer .cart-total #removeordertotaldiscount.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #e55430;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #e55430
}

.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: #e55430
}

.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: #1B2126;
    font-family: SQMarket-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: -.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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !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: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    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 #49A4D5 #49A4D5 !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: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: .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: #1B2126;
    font-family: SQMarket-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: -.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: .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: .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: .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: .625rem
}

.one-page-checkout #use-same-shipping-address label:before {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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: .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: .625rem
}

.one-page-checkout .shipping-options .option-name label:before {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: .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: .9375rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: .9375rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: .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: .25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    padding: 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: .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: .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: .25rem
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .product__title {
    color: #1B2126;
    font-weight: 700;
    margin-bottom: .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: .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: .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: .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: .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: #1B2126;
    font-family: SQMarket-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: -.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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    background-color: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-active,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.checkout__complete .checkout-data-info .checkout-data-info__orderdetails.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: 14.5rem;
    white-space: normal;
}

.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: #1B2126;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.0000090909em;
    line-height: 1.1818181818;
    text-transform: none;
    margin: 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: #49a4d5;
}

.layout--accountPage .grid_9 {
    width: 100%;
    padding: 0
}

.layout--accountPage .account-page .page-title h1 {
    color: #1B2126;
    font-family: SQMarket-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: -.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: .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: .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: #1B2126;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !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: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    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 #49A4D5 #49A4D5 !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: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: .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: .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: .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: .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: .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 .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: .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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: #e55430
}

@media screen and (max-width:768px) {
    .page-customer-addresses .address-item .content>table>tbody>tr>td .catfish-button.deleteaddressbutton {
        margin-left: .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;
    padding-top: 0px;
}

.registering .login__wrapper .returning-wrapper {
    display: none;
}

.page-login-checkoutasguest .registering .login__wrapper .returning-wrapper {
    display: block;
}

.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
}

.guest-checkout-column {
    padding: 0px;
}

.page-login-checkoutasguest .sign_in_head.right-side {
    position: relative;
}

.page-login-checkoutasguest .sign_in_head.right-side:after {
    content: '';
    width: 1px;
    height: 180px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #aeaeae;
    z-index: 2;
}

.page-login-checkoutasguest .sign_in_head.left-side,
.page-login-checkoutasguest .sign_in_head.right-side {
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 222px;
    /* max-height: 290px; - with content */
    vertical-align: baseline;
    justify-content: space-between;
    padding-top: 12px;
}

.page-login .postCoder.box.is-light.is-shadowless {
    background-color: transparent;
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.page-login-checkoutasguest .sign-page-title {
    text-align: left;
}

.page-login-checkoutasguest .sign_in_head p {
    font-size: 15px;
    text-align: left;
    margin: 0;
    color: #71767B;
}

.page-login-checkoutasguest .new-wrapper.grid_6,
.page-login-checkoutasguest .register-customer-wrapper,
.page-login-checkoutasguest .returning-wrapper,
.page-login-checkoutasguest .sign-page-title,
.page-login-checkoutasguest .sign_in_head {
    padding: 2.875rem 2.875rem 0;
}

.page-login-checkoutasguest .left-side .already-registered-container {
    position: absolute;
    bottom: 26px;
}

.sign_in_head.normal-login {
    padding: 10px 20px;
}

.page-login .normal-login .sign-in-text {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
    font-weight: 100;
    color: #71767B;
}

.page-login .sign-in-button-container {
    width: 70%;
    margin: 0 auto;
}

.sign-in-button-container p {
    text-align: right !important;
    color: #e55430 !important;
    display: none;
}

.registering .sign-in-button-container p {
    display: block;
}

.login__wrapper .returning-wrapper .table-container tr .item-name label,
.login__wrapper .register-customer-wrapper .table-container tr .item-name label {
    font-weight: 100;
    color: #71767B;
    font-size: 14px;
}

.login__wrapper td.item-name {
    color: #71767B;
}

.login-title,
.login__wrapper .login-title {
    display: none !important;
}

.sign_in_head.normal-login {
    padding: 10px 20px;
    position: relative;
    min-height: 192px;
}

.guest-checkout-button:hover {
    background-color: #249cd6 !important;
    border-color: #249cd6 !important;
}

.register-customer-wrapper .section-body-small {
    position: relative;
    display: inline-block;
}

.register-customer-wrapper td {
    color: #71767B;
    font-size: 14px;
    font-style: normal;
}

.register-customer-wrapper td.item-name,
.login__wrapper td.item-name{
    font-size: 14px!important;
}

.postCoder label {
    color: #71767B;
    font-size: 14px;
    font-weight: 100;
}

.register-customer-wrapper td i {
    font-style: normal;
}

.login__wrapper label {
    font-size: 14px;
    color: #71767B;
}

@media only screen and (max-width: 768px) {

    h2.sign-page-title.left-side,
    h2.sign-page-title.right-side {
        margin: 0px!important;
        width: 100%!important;
        max-width: 100%;
        padding-bottom: 20px!important;
    }

    .page-login-checkoutasguest .sign_in_head.left-side, .page-login-checkoutasguest .sign_in_head.right-side {
        margin: 0px!important;
        width: 100%!important;
        max-width: 100%!important;
    }

    .page-login-checkoutasguest .sign_in_head.right-side:after {
        display: none;
    }
}







.guest-checkout-only,
.page-login-checkoutasguest .normal-login-only {
    display: none;
}

.page-login-checkoutasguest .guest-checkout-only {
    display: block;
    margin-bottom: 80px;
}

.guest-checkout-button {
    cursor: pointer;
}

.page-login-checkoutasguest .login__wrapper {
    display: none;
}

.sign-page-title {
    margin-top: 6.25rem !important
}

.loginbutton {
    height: 3.125rem;
    margin-bottom: 1.25rem;
    background-color: #49A4D5 !important;
    border-color: transparent;
    color: #fff
}

.loginbutton.is-hovered,
.loginbutton:hover {
    background-color: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.loginbutton.is-active,
.loginbutton:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.loginbutton[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.loginbutton.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.loginbutton.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.loginbutton.is-outlined {
    background-color: transparent !important;
    border-color: #49A4D5;
    color: #49A4D5
}

.loginbutton.is-outlined:focus,
.loginbutton.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.loginbutton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.loginbutton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #e55430
}

.sign_in_head button {
    width: 50%;
    position: relative;
    float: left;
    padding: 0;
    background: #49A4D5 !important;
    color: #fff;
    height: 3rem;
    margin-bottom: 1.25rem
}

.sign_in_head button:focus,
.sign_in_head button:hover {
    background: #49A4D5 !important
}

.sign_in_head button.login-button {
    background: #1B2126 !important
}

.sign_in_head button.register-button {
    background: white !important;
    border: 1px solid #dfdfdf;
    color: #71767B;
    height: 3.5rem;
    border-radius: .45rem;
    -webkit-border-radius: .45rem;
    -moz-border-radius: .45rem;
    -ms-border-radius: .45rem;
    -o-border-radius: .45rem;
}

.sign_in_head button.login-button {
    background: white !important;
    border: 1px solid #0080ff;
    color: #71767B;
    height: 3.5rem;
    border-radius: .45rem;
    -webkit-border-radius: .45rem;
    -moz-border-radius: .45rem;
    -ms-border-radius: .45rem;
    -o-border-radius: .45rem;
}

.registering .sign_in_head button.login-button {
    border: 1px solid #dfdfdf;
}

.registering .sign_in_head button.register-button {
    border: 1px solid #0080ff;
}

button.login-button {
    border-bottom-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
}

button.register-button{
    border-bottom-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
}

.login__wrapper {
    padding-top: 0 !important
}

.login__wrapper .columns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.login__wrapper .returning-wrapper {
    padding-top: 0px!important;
}

.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: #49A4D5 !important;
    border-color: transparent;
    color: #fff;
    margin: 0 !important
}

.login__wrapper .registernextstepbutton.is-hovered,
.login__wrapper .registernextstepbutton:hover {
    background-color: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.login__wrapper .registernextstepbutton.is-active,
.login__wrapper .registernextstepbutton:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.login__wrapper .registernextstepbutton[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login__wrapper .registernextstepbutton.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.login__wrapper .registernextstepbutton.is-loading::after {
    border-color: transparent transparent #fff #fff !important
}

.login__wrapper .registernextstepbutton.is-outlined {
    background-color: transparent !important;
    border-color: #49A4D5;
    color: #49A4D5
}

.login__wrapper .registernextstepbutton.is-outlined:focus,
.login__wrapper .registernextstepbutton.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.login__wrapper .registernextstepbutton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.login__wrapper .registernextstepbutton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: .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: .25rem;
    padding: 1.3125rem 2.375rem;
    position: relative;
    font-size: 14px;
    line-height: 1.375;
    font-weight: 400;
    background: 0 0;
    border-color: #71767B;
    color: #71767B;
    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: .9375rem;
    line-height: 1.2;
    font-weight: 600
}

.login__wrapper .table-container .item-name .requiredMarker {
    color: #e55430;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 5px;
}

.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: .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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 .125em rgba(59, 89, 152, .25);
    box-shadow: 0 0 0 .125em rgba(59, 89, 152, .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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 .125em rgba(0, 119, 181, .25);
    box-shadow: 0 0 0 .125em rgba(0, 119, 181, .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: #e55430 !important
}

.externalauthentication {
    padding: 0
}

.sign-page-title {
    text-align: center;
    color: #1B2126;
    font-family: SQMarket-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: -.0000125em;
    margin-bottom: 2.1875rem;
    display: block
}

.sign-page-title:before {
    content: 'Square Gift Card Account'
}

.registering .sign-page-title:before {
    content: 'Square Gift Card Account'
}

.page-login-checkoutasguest .sign-page-title:before {
    content: ''
}

.page-login-checkoutasguest .registering .sign-page-title:before {
    content: ''
}

h2.sign-page-title.right-side {
    height: 100%;
    max-height: 142px;
}

h2.sign-page-title.left-side,
h2.sign-page-title.right-side {
    font-weight: bold;
}


/* .guest-checkout-column {
    padding: 0.75rem 0px; 
} */
.sign-page-title.right-side,
.sign_in_head.right-side {
    margin-left: 0px !important;
}

.sign-page-title.left-side,
.sign_in_head.left-side {
    margin-right: 0px !important;
}

.sign_in_head.left-side,
.sign_in_head.right-side {
    padding-bottom: 20px;
}

.page-login-checkoutasguest input.registerbutton {
    display: none;
}


@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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: SQMarket, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left: .4375rem;
    font-size: .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: #1B2126 !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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: #1B2126;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.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: .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: .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: .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: .5rem .875rem;
    border-bottom-right-radius: .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: .25rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 1.25rem 0 rgba(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: .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: .8125rem;
    line-height: .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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.page-albummanagement-viewalbum #ImageUploader #AddAlbum__Done__Button[disabled],
.page-customer-albums #ImageUploader #AddAlbum__Done__Button[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    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 #49A4D5 #49A4D5 !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: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em
}

.page-albummanagement-viewalbum #ImageUploader .albumManagementSettings,
.page-customer-albums #ImageUploader .albumManagementSettings {
    padding: 1.875rem;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .08)
}

.page-albummanagement-viewalbum #ImageUploader #AlbumGallery,
.page-customer-albums #ImageUploader #AlbumGallery {
    margin: .9375rem 0;
    background: #f8f8fa;
    border-radius: .25rem;
    padding: .625rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-albummanagement-viewalbum .albumManagementSettings,
.page-customer-albums .albumManagementSettings {
    padding: 1.875rem;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 1.25rem 0 rgba(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: .25rem
}

.page-albummanagement-viewalbum .albumManagementSettings #renameAlbum__Done,
.page-customer-albums .albumManagementSettings #renameAlbum__Done {
    font-size: .875rem;
    background-color: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em
}

.page-albummanagement-viewalbum .albumManagementSettings h2.label,
.page-customer-albums .albumManagementSettings h2.label {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.0000090909em;
    line-height: 1.1818181818
}

.page-albummanagement-viewalbum #imageErrorModal h3,
.page-customer-albums #imageErrorModal h3 {
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.0000090909em;
    line-height: 1.1818181818;
    color: #1B2126
}

.page-albummanagement-viewalbum #imageErrorModal #imageError__Close,
.page-customer-albums #imageErrorModal #imageError__Close {
    background-color: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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, .08);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08)
}

.page-albummanagement-viewalbum .dropdown-item,
.page-customer-albums .dropdown-item {
    text-align: right;
    padding: .625rem 1rem;
    font-size: 1.0625rem
}

.page-albummanagement-viewalbum .dropdown-item:hover,
.page-customer-albums .dropdown-item:hover {
    color: #785ddc
}

.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: #1B2126;
    letter-spacing: -.0003402381em;
    line-height: 1.0952380952;
    margin-bottom: 5.5rem;
    font-weight: 400
}

.topicpage .content a {
    color: #1B2126;
    text-decoration: underline;
    font-weight: 500
}

.page-t-termsandconditions .topicpage {
    max-width: 50.625rem;
    margin: 0 auto;
    display: block
}

.page-t-faq .topicpage {
    max-width: 48.8125rem;
    margin: 0 auto;
    display: block
}

.page-t-faq .topicpage .notification {
    margin-bottom: 3.125rem
}

.page-t-faq .topicpage .notification .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-t-faq .topicpage .qa-header {
    padding: 1.25rem;
    border: 1px solid #d2d3d6;
    border-right-width: 0;
    border-left-width: 0;
    line-height: 1.375;
    margin-bottom: -1px;
    cursor: pointer;
    color: #49a4d5;
}

.page-t-faq .topicpage .qa-body {
    padding: 2.125rem 2.5rem;
    background: #fff;
    padding-top: 0px;
}

.page-t-faq .topicpage .qa-body a {
    color: #1B2126;
    text-decoration: underline;
    font-weight: 500
}

.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: .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: .625rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    height: 2.5rem;
    color: #fff !important;
    background: #49A4D5;
    border: 1px solid #49A4D5;
    border-radius: .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 #49A4D5;
    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: .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: #49A4D5 !important;
    border-color: transparent;
    color: #fff
}

.page-customer-orders #filtered_orders .reorderbutton.is-hovered,
.page-customer-orders #filtered_orders .reorderbutton:hover {
    background-color: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .25)
}

.page-customer-orders #filtered_orders .reorderbutton.is-active,
.page-customer-orders #filtered_orders .reorderbutton:active {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.page-customer-orders #filtered_orders .reorderbutton[disabled] {
    background-color: #49A4D5;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-customer-orders #filtered_orders .reorderbutton.is-inverted {
    background-color: #fff !important;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined:focus,
.page-customer-orders #filtered_orders .reorderbutton.is-outlined:hover {
    background-color: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.page-customer-orders #filtered_orders .reorderbutton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #e55430;
    background: #fff0ee
}

.page-customer-orders #filtered_orders .order_Complete {
    background-color: #edfaf0;
    color: #3b9364
}

.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: .625rem;
    background: #fff;
    border-radius: .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: .4375rem;
    white-space: initial
}

.page-customer-orders .order_container .order_show_details_but {
    background-color: #49A4D5
}

.page-customer-orders .order_container .order_info_total {
    width: calc(25% - 1px);
    background-color: #49A4D5
}

@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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    background-color: #1B2126 !important;
    border-color: transparent;
    color: #fff;
    padding: calc(.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 .125em rgba(25, 37, 80, .25);
    box-shadow: 0 0 0 .125em rgba(25, 37, 80, .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: #1B2126;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-customer-orders .completepaymentbutton.is-inverted {
    background-color: #fff !important;
    color: #1B2126
}

.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: #1B2126
}

.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: #1B2126;
    color: #1B2126
}

.page-customer-orders .completepaymentbutton.is-outlined:focus,
.page-customer-orders .completepaymentbutton.is-outlined:hover {
    background-color: #1B2126 !important;
    border-color: #1B2126;
    color: #fff
}

.page-customer-orders .completepaymentbutton.is-outlined.is-loading::after {
    border-color: transparent transparent #1B2126 #1B2126 !important
}

.page-customer-orders .completepaymentbutton.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #1B2126;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1B2126
}

.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: #1B2126
}

.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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .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: .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% - .75rem) !important
    }
}

.page-order-details #order_details_v2 .od_row:nth-child(1n+3) .od_half_row .od_info_title {
    color: #1B2126;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.0000090909em;
    line-height: 1.1818181818;
    margin-bottom: .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: #1B2126;
    font-size: 1.375rem;
    font-weight: 500;
    letter-spacing: -.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: .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: #1B2126;
    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: .3125rem
}

.page-order-details .od_total {
    margin-bottom: .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: -.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: .875rem
}

.page-customer-savedprojects .customer-SavedProjects .section-title .search button,
.page-customer-savedprojects .customer-SavedProjects .section-title .search input {
    border-radius: .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: .25em;
    color: #6e7076;
    height: 2.75em;
    padding-left: .625em;
    padding-right: .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: .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 .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: .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: .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: #49A4D5 !important;
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: .875rem;
    font-weight: 700;
    border-radius: .25rem;
    text-transform: uppercase;
    padding: calc(.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: .0142857143em;
    background-color: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !important;
    border-color: transparent;
    color: #fff
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a[disabled] {
    background-color: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    color: #fff
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined.is-loading::after {
    border-color: transparent transparent #49A4D5 #49A4D5 !important
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a.is-outlined[disabled] {
    background-color: transparent !important;
    border-color: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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: #1B2126;
    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: #49A4D5;
    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: #49A4D5
}

.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: #e55430
}

@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: .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: .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: .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: #1B2126;
    font-family: SQMarket-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: -.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: .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: .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: .25rem;
    padding: 1.3125rem 2.375rem;
    position: relative;
    font-size: 1rem;
    line-height: 1.375;
    font-weight: 400;
    background: 0 0;
    border-color: #1B2126;
    color: #1B2126;
    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: #49A4D5 !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: #249cd6 !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 .125em rgba(107, 209, 142, .25);
    box-shadow: 0 0 0 .125em rgba(107, 209, 142, .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: #249cd6 !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: #49A4D5;
    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: #49A4D5
}

.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: #49A4D5
}

.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: #49A4D5;
    color: #49A4D5
}

.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: #49A4D5 !important;
    border-color: #49A4D5;
    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 #49A4D5 #49A4D5 !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: #49A4D5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49A4D5
}

.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: #49A4D5
}

.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
}

.category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .add-info .catfish-button {
    display: none;
}

/* Static Product */
.product-details-page.staticproduct #productVariantForm .product-essential {
    display: block;
    width: 100%;
    max-width: 23rem;
    margin: 0 auto;
}


.product-details-page .fulldescriptiononcontent {
    margin: 0 auto;
    margin-bottom: 3rem;
    max-width: 40rem;
    text-align: center;
}

.product-details-page.staticproduct #productVariantForm>.columns {
    display: block;
}

.product-details-page.staticproduct #productVariantForm .add-info {
    display: flex;
}

.product-details-page.staticproduct .add-info .catfish-button {
    margin-bottom: 1.5rem;
    margin-left: 0.5rem;
}

.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;
}

.product-details-page.staticproduct .additionaldescription {
    float: left;
    width: 100%;
}

.product-details-page.staticproduct .additionaldescription>div {
    margin: 0 auto;
    margin-bottom: 3rem;
    max-width: 44rem;
    width: 90%;
}

.product-details-page.ShowShortDescription .shortdescription {
    display: block;
}

.crosssell__products .listItem {
    text-align: center;
}

.crosssell__products .listItem .add-info {
    display: none;
}

.shared__cookie-banner {
    display: block;
    z-index: 30;
    top: 80px;
    width: 100%;
    background: whitesmoke;
    box-shadow: 0 2px 6px 0 rgba(2, 55, 80, 0.2);
    position: absolute;
	bottom: inherit;
}

/*Amendments for SUP-2950*/
#previewView .preview_close_button:after, #previewView .preview_close_button:before {
    background: transparent;
}
#popupInstructionContent {
    width: 100%;
  }

  #instructions_slider .flex-direction-nav a.flex-next:before {
    display:none;
  }
    .page-dynamicproduct-editor .buttonContainer .priceContainer {
    display: none!important;
}