/* - default text unless specifically overwritten */
body,
html {
    color: #000;
}

/* - default link */
a {
    color: #4c566b;
}

/* - Default link on hover*/

a:hover {
    color: #49a4d5;
}

/* - Title text */

h1,
.title,
.shoppingcart__wrapper .page-title h1,
.topicpage .page-title h1,
.category-page-wrapper .category-title .category-title__inner {
    color: #4c566b;
}

/* - footer links */
.catfish-footer ul a {
    color: #1b2126;
}

/* ---------------- buttons ---------------- */
/* - default buttons */
.button,
.catfish-button,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails,
.password-recovery-container .passwordrecoverybutton.catfish-button {
    background-color: #249cd6 !important;
    color: #fff;
}

/* - default buttons hovered */
.button:hover,
.catfish-button:hover,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails:hover,
.password-recovery-container .passwordrecoverybutton.catfish-button:hover {
    background-color: #49a4d5 !important;
    color: #fff;
}

/* - primary buttons regular */
.button.is-primary,
.catfish-button.is-primary {
    background-color: #249cd6 !important;
    color: #fff;
}

/* - text only button */
.button.is-text,
.catfish-button.is-text {
    background-color: transparent !important;
    border-color: transparent;
    color: #4c566b;
    text-decoration: none;
    padding: 0 !important;
    outline: 0;
}

/* - text only button homepage banner */
.hero.is-homepage .buttons .button.is-text {
    background: transparent !important;
}

/* - text only button homepage banner hovered */
.hero.is-homepage .buttons .button.is-text:hover {
    background: transparent !important;
}

/* - text only button homepage banner hovered */
.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: #249cd6;
    outline: 0;
}

/* - primary buttons hovered */
.button.is-primary.is-hovered,
.button.is-primary:hover,
.catfish-button.is-primary.is-hovered,
.catfish-button.is-primary:hover {
    background-color: #49a4d5 !important;
    color: #fff;
}

/* ---------------- header ---------------- */
/* - header links */
.navbar .navbar-item {
    color: #1b2126 !important;
}

/* - header links hovered */
.navbar .navbar-item:hover {
    background: 0 0 !important;
    color: #249cd6 !important;
}

/* - banner title */
.hero.is-homepage .title {
    color: #4c566b;
}

/* ---------------- login page ---------------- */
/* - register button */
.registering .sign_in_head button.register-button {
    background: #249cd6 !important;
    color: white;
}

/* - login button */
.sign_in_head button.login-button {
    background: #249cd6 !important;
}

/* - login / register button hovered */
.sign_in_head button:focus,
.sign_in_head button:hover {
    background: #49a4d5 !important;
    color: white;
}

/* - register button */
.login__wrapper .registernextstepbutton {
    background-color: #1b2126 !important;
    border-color: transparent;
    color: #fff;
}

/* - register button hovered */
.login__wrapper .registernextstepbutton.is-hovered,
.login__wrapper .registernextstepbutton:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* ---------------- product page ---------------- */
/* - start designing button */
.product-details-page .add-info .catfish-button {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - start designing button hovered */
.product-details-page .add-info .catfish-button.is-hovered,
.product-details-page .add-info .catfish-button:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* ---------------- Account ---------------- */
/* - account link list */
.layout--accountPage #contentiInnerRow .block.block-account-navigation ul li a.active {
    color: #49a4d5;
}

/* - account address edit button */
.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: #249cd6;
    outline: 0;
}

/* saved projects continue editing */
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a {
    background-color: #249cd6 !important;
    color: #fff;
}

/* saved projects continue editing - hovered*/
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:hover {
    background-color: #49a4d5 !important;
    color: #fff;
}

/* - reorder button */
.page-customer-orders #filtered_orders .reorderbutton {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - reorder button hovered */
.page-customer-orders #filtered_orders .reorderbutton.is-hovered,
.page-customer-orders #filtered_orders .reorderbutton:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* album buttons */
.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: #249cd6 !important;
    ;
}

/* album buttons hovered */
.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 {
    background-color: #49a4d5 !important;
}

/* - more details print oder button */
.page-order-details .od_print_button {
    background-color: #00b6e0 !important;
}

/* saved account */
.page-customer-addressadd .account-page .catfish-container .body>table .saveaddressbutton,
.page-customer-addressedit .account-page .catfish-container .body>table .saveaddressbutton {
    background-color: #249cd6 !important;
    color: #fff;
}

/* saved account hovered */
.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: #49a4d5 !important;
    color: #fff;
}

/* - order filter buttons active */
.page-customer-orders .order_page_filters .order_show .order_toggle_filter {
    background: #4c566b;
    border: 1 px solid #4c566b;
}

/* - order filter buttons inactive*/
.page-customer-orders .order_page_filters .order_show .order_toggle_filter.default {
    background: transparent;
    border: 1 px solid #4c566b;
    color: #cecece !important;
}

/* - account reorder details */
.account-page--myorders .orders_v2 .order_container .order_show_details_but {
    background-color: #4c566b;
}

/* - account complete payment */
.page-customer-orders .completepaymentbutton {
    background-color: #4c566b !important;
}

/* - pending banner */
.account-page--order-details #order_details_v2 .od_status.order_Pending {
    background-color: #4c566b;
}

/* ---------------- Basket ---------------- */
/* - shopping cart button */
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - shopping cart button hovered*/
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton.is-hovered,
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.checkoutbutton:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* - continue shopping button */
.shoppingcart__wrapper .cart-footer .checkout-buttons .catfish-button.continueshoppingbutton {
    background-color: transparent !important;
    border-color: transparent;
    color: #4c566b;
}

/* - continue shopping button hovered */
.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: #249cd6;
    outline: 0;
}

/* - checkout button next step */
.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: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - checkout button next step hover */
.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: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* - checkout button back */
.back-link a.catfish-button {
    background-color: white !important;
    color: #4c566b;
}

/* ---------------- Megaedit ---------------- */
/* - logo in top left corner */
#loadingArea,
.addtoBasketScreen,
.loadingArea,
.loadingScreen {
    background-repeat: no-repeat !important;
    background-image: url("/1889334291/Handler/CSSOverride/GetImage/24/Square2.png") !important;
    background-color: #ffffff !important;
    background-size: 100px;
    color: #000;
}

@media screen and (min-width: 1151px) {

    #loadingArea,
    .addtoBasketScreen,
    .loadingArea,
    .loadingScreen {
        background: url("/1889334291/Handler/CSSOverride/GetImage/24/Square2.png") no-repeat 2rem 1.125rem #ffffff !important;
        background-size: 100px !important;
    }
}

/* - spinner colour */
#loadingArea .loadingSpinner i,
.addtoBasketScreen .loadingSpinner i,
.loadingArea .loadingSpinner i,
.loadingScreen .loadingSpinner i,
.addtoBasketScreen .fa-cog,
.addtoBasketScreen .fa-spinner,
#loadingArea .fa-cog,
#loadingArea .fa-spinner,
.loadingArea .fa-cog,
.loadingArea .fa-spinner,
.loadingScreen .fa-cog,
.loadingScreen .fa-spinner {
    border-right-color: #249cd6;
}

/* - instruction images */
#instructions_slider .slides li.slide_1 .image {
    background-image: url("/0/Handler/CSSOverride/GetImage/17/slide-image-1.jpg");
}

#instructions_slider .slides li.slide_4 .image {
    background-image: url("/0/Handler/CSSOverride/GetImage/17/slide-image-2-2.png");
}

#instructions_slider .slides li.slide_5 .image {
    background-image: url("/0/Handler/CSSOverride/GetImage/17/slide-image-3-3.png");
}

/* - megaedit button */
.megaEditMainContainer .btn-primary.viewControlButton.previewButton {
    background-color: #249cd6 !important;
}

/* - megaedit button hovered */
.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-hovered,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* - megaedit UI */
.freeTargetContainer .meuiCheckBox,
.freeTargetContainer .mobile-sidebar-menu-button {
    color: #4c566b !important;
    background: #f8f8fa !important;
}

/* - file upload button */
.megaEditMainContainer .fileupload-buttonbar .catfish-button {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - file upload button hovered */
.megaEditMainContainer .fileupload-buttonbar .catfish-button.is-hovered,
.megaEditMainContainer .fileupload-buttonbar .catfish-button:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* - megaedit header buttons */
.ui-layout-southh_inner .buttonsContainer .btn {
    background-color: transparent !important;
    border-color: transparent;
    color: #4c566b;
}

/* - toggle collapse tab */
.toggleCollapseTab {
    background: #249cd6 url("/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.arrow.left.right.svg") no-repeat center center;
    background-size: 25px 25px;
}

/* - toggle collapse tab hovered */
.toggleCollapseTab:hover {
    background-color: #49a4d5;
}

/* - megaedit header buttons hovered */
.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: #249cd6;
    outline: 0;
}

/* - megaedit default button */
.megaEditMainContainer .catfish-button {
    height: 2.75rem;
    background-color: #249cd6 !important;
}

/* do not touch */
.zoom_options .btn.zoomIn,
.zoom_options .btn.zoomOut {
    background-color: transparent !important;
}

/* - megaedit show help button */
.megaEditMainContainer .MEmicroheader .viewButton.logo {
    color: #4c566b !important;
}

/* - megaedit show help button hovered */
.megaEditMainContainer .MEmicroheader .viewButton.logo:hover {
    color: #249cd6 !important;
}

/* - megaedit back button */
.megaEditMainContainer .btn.backButton {
    color: #4c566b !important;
}

/* - megaedit back button hovered */
.megaEditMainContainer .btn.backButton:hover {
    color: #249cd6 !important;
}

/* - megaedit PDF download button */
.megaEditMainContainer .pdfDownloadButton {
    color: #4c566b;
    background-color: transparent !important;
    border-color: transparent;
}

/* - megaedit PDF download button hovered */
.megaEditMainContainer .pdfDownloadButton.is-focused,
.megaEditMainContainer .pdfDownloadButton.is-hovered,
.megaEditMainContainer .pdfDownloadButton:focus,
.megaEditMainContainer .pdfDownloadButton:hover {
    background-color: transparent !important;
    color: #249cd6;
    outline: 0;
}

/* - megaedit upload data button */
.megaEditMainContainer .script_upload_button {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - megaedit upload data button hovered */
.megaEditMainContainer .script_upload_button.is-hovered,
.megaEditMainContainer .script_upload_button:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff;
}

/* - megaedit ui widget header */
.megaEditBodyClass-Admin .ui-widget-header,
.megaEditBodyClass-RegisteredUser .ui-widget-header {
    background: #4c566b;
}

.ui-dialog .ui-dialog-titlebar {
    background: #4c566b;
    border: none;
    border-top: 2px solid #4c566b;
}

/* - megaedit background picker buttons */
.picker-buttons button {
    background-color: white !important;
    color: #4c566b !important;
}

.picker-buttons .ui-button-active {
    background-color: #249cd6 !important;
    color: #fff !important;
}

/* - megaedit background picker buttons hover */
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child.is-hovered,
.ui-dialog .ui-dialog-buttonpane .ui-button:first-child:hover {
    background-color: #49a4d5 !important;
    border-color: transparent;
    color: #fff !important;
}

/* - megaedit alert success */
.megaEditMainContainer .alert.alert-success {
    background: #4c566b;
    border-color: #4c566b;
    color: #fff;
}

/* - data upload tick box */
.cf-checkbox.checkbox input[type="checkbox"]:checked+.check {
    background: #249cd6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
    border-color: #249cd6;
}

.cf-checkbox.checkbox:hover input[type="checkbox"]+.check {
    border-color: #249cd6;
}

/* - data upload okay button */
.modal-dialog .modal-footer .buttons .catfish-button:first-child {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - data upload okay button hover */
.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;
}

/* - card preview buttons */
#recordControlArea #btPrevRecord,
#recordControlArea #btNextRecord {
    background: #249cd6 !important;
}

/* - card preview add to basket button */
.add_to_basket_from_preview {
    background-color: #249cd6 !important;
}

/* - card preview close button */
#previewView .preview_close_button {
    color: #4c566b;
}

/* - card preview add to basket button hover */
.add_to_basket_from_preview.is-hovered,
.add_to_basket_from_preview:hover {
    background-color: #249cd6 !important;
    border-color: transparent;
    color: #fff;
}

/* - preview close button */
#previewView .preview_close_button:hover {
    color: #249cd6 !important;
}

/* - preview and approve loader */
#loadingArea:after {
    border-right-color: #249cd6;
}

/* - left side admin editor */
.editorLeft {
    background: #4c566b;
}

.navbar .navbar-brand .navbar-item img {
    max-height: 18rem;
    max-width: 12rem;
    width: auto;
    height: 100%;
    display: block;
}

#instructions_slider .slides li.slide_1 .image {
    background-image: url(/-637018245/Handler/CSSOverride/GetImage/17/Logocard-MEInstructions_1.PNG/32eb9b99-aab2-43bb-9416-a54af2212df5);
}

#instructions_slider .slides li.slide_4 .image {
    background-image: url(/1406429947/Handler/CSSOverride/GetImage/17/Logocard-MEInstructions_2.png/32eb9b99-aab2-43bb-9416-a54af2212df5);
}

#instructions_slider .slides li.slide_5 .image {
    background-image: url(/-21686924/Handler/CSSOverride/GetImage/17/Logocard-MEInstructions_3.png/32eb9b99-aab2-43bb-9416-a54af2212df5);
}

#previewArea:after,
.megaedit-preview #loadingArea {
    background: url("/1889334291/Handler/CSSOverride/GetImage/24/Square2.png") no-repeat #fff !important;
    background-size: auto 4rem !important;
}

#previewView .preview_close_button {
    top: 0.25rem;
}

/* Header background colour */
.megaEditBodyClass-Admin .ui-widget-header,
.megaEditBodyClass-RegisteredUser .ui-widget-header {
    background-color: grey !important;
}

/* tab background colours / normal state and hover */
.megaEditBodyClass-Admin .imageOptionsDialog .ui-dialog-titlebar,
.megaEditBodyClass-Admin .textOptionsDialogOuter .ui-dialog-titlebar,
.megaEditBodyClass-RegisteredUser .imageOptionsDialog .ui-dialog-titlebar,
.megaEditBodyClass-RegisteredUser .textOptionsDialogOuter .ui-dialog-titlebar,
.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,
.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,
.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 {
    background: #249cd6;
    border-top: 1px solid #249cd6;
}

/* .product-details-page .attribute {
    width: 100% !important;
} */

.arone-product-landing-page .attribute.name_NumberOfRecords,
.arone-product-landing-page .attribute.name_Finish {
    width: 50%
}

/* editor back buttons */
#previewView .preview_close_button:after,
#previewView .preview_close_button:before {
    background: none;
}

#previewView .preview_close_button {
    color: #249cd6 !important;
}

/* Product details page attribute popup */
.cf-tooltip.is-right.is-info:before {
    border-right: 5px solid #249cd6 !important;
}

.cf-tooltip.is-info:after,
.cf-tooltip.is-info .tooltip-html-container {
    background: #249cd6 !important;
}

/* .product-info-section .quantity-wrapper {
    display: none;
} */

/* Homepage background styling support */

.hero.is-homepage {
    background-repeat: no-repeat;
    background-position: 40% bottom;
    height: 35.7857142857rem;
    background-size: cover;
}

@media screen and (min-width: 769px),
print {
    .hero.is-homepage {
        height: 42.125rem;
    }
}

@media screen and (max-width: 768px) {
    .hero.is-homepage {
        background-image: url(/543631621/Handler/CSSOverride/GetImage/17/Giftcard-Mobile.png) !important;
        background-position: center 64% !important;
    }
}

.hero.is-homepage .hero-body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hero.is-homepage .title {
    font-size: 3.2rem;
    line-height: 1.15625;
    letter-spacing: 0.0000976563em;
    margin-bottom: 3.0625rem;
    max-width: 40.25rem;
    color: #192550;
    font-family: "Tiempos Headline-Semibold", BlinkMacSystemFont, -apple-system,
        "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
        "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

@media screen and (min-width: 769px),
print {
    .hero.is-homepage .title {
        text-align: left;
        font-size: 4rem;
    }
}

@media screen and (max-width: 768px) {
    .hero.is-homepage .buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.hero.is-homepage .buttons .button {
    height: 3.5714285714rem;
}

@media screen and (max-width: 768px) {
    .hero.is-homepage .buttons .button {
        margin: 0 0 20px;
        width: 11.75rem;
    }
}


/* Landing page layout support */
/* Landing page layout support */
.nopicture .product-info-section .picture-wrapper {
    display: none !important;
}

.nopicture .product-info-section .details-wrapper {
    margin: 0 auto;
}

.arone-product-landing-page.nopicture h1.title,
.arone-product-landing-page.nopicture .short-description-wrapper,
.arone-product-landing-page.nopicture .full-description-wrapper {
    text-align: center;
}


.arone-product-landing-page .attribute {
    background: #f8f8fa;
}

.arone-product-landing-page .attribute.type_RadioList label.button {
    background: transparent !important;
    justify-content: flex-start;
    padding: 0 !important;
    border: 0;
}

.arone-product-landing-page .attribute.type_RadioList input:checked+label.button {
    color: #192550;
    justify-content: flex-start;
    border: 0;
}

.arone-product-landing-page .newProductPriceWrapper .productPrice:before {
    content: "Total excl. VAT:";
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
}

.arone-product-landing-page .product-variant-list.block {
    margin-top: 3rem;
}

@media screen and (max-width:767px) {
    .arone-product-landing-page .attribute {
        width: 100% !important;
    }
}

.hide-quantity .product-variant-line .quantity-wrapper {
    display: none !important;
}

.nopicture .product-info-section .picture-wrapper {
    display: none !important;
}

.nopicture .product-info-section .details-wrapper {
    margin: 0 auto;
}

.arone-product-landing-page.nopicture h1.title,
.arone-product-landing-page.nopicture .short-description-wrapper,
.arone-product-landing-page.nopicture .full-description-wrapper {
    text-align: center;
}

.arone-product-landing-page .attribute {
    background: #f8f8fa;
}

.arone-product-landing-page .attribute.type_RadioList label.button {
    background: transparent !important;
    justify-content: flex-start;
    padding: 0 !important;
    border: 0;
    align-items: center;
    height: 100%;
}

.arone-product-landing-page .attribute.type_RadioList input:checked+label.button {
    color: #192550;
    justify-content: flex-start !important;
    border: 0;
    position: relative;
    align-items: center;
}

.arone-product-landing-page .newProductPriceWrapper .productPrice:before {
    content: "Total excl. VAT:";
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
}

.arone-product-landing-page .product-variant-list.block {
    margin-top: 3rem;
}

@media screen and (max-width:767px) {
    .arone-product-landing-page .attribute {
        width: 100% !important;
    }
}

/*Accessory products*/

.arone-product-landing-page.accessory .hero-body {
    text-align: center;
    max-width: 40rem;
    margin: 0 auto;
    padding-top: 6rem;
    padding-bottom: 3rem;
}

.arone-product-landing-page.accessory .hero-body .title {
    font-size: 2.625rem;
}

.arone-product-landing-page.accessory .hero-body .subtitle {
    font-size: 1.5rem;
}

.arone-product-landing-page.accessory .column.picture-wrapper {
    width: 100%;
}

.arone-product-landing-page.accessory .column.picture-wrapper .product-details-info {
    max-width: 23rem;
    margin: 0 auto;
}

.arone-product-landing-page.accessory .column.picture-wrapper .product-details-info .bigpicture.column {
    border: solid 1px #eee;
    background: whitesmoke;
}

.arone-product-landing-page.accessory .column.details-wrapper {
    margin: 0 auto;
    padding-top: 0;
}

.arone-product-landing-page.accessory .full-description-wrapper {
    font-size: 1.5rem;
}


.product-details-page .productname {
    text-align: center;
    font-size: 2.625rem;
    color: #192550;
    letter-spacing: -0.0003402381em;
    line-height: 1.0952380952;
    margin-bottom: 2.1875rem;
    font-weight: 400;
}

.product-details-page .fulldescriptiononcontent {
    font-size: 1.5rem;
    line-height: 1.3333333333;
    margin-bottom: 4.0625rem;
}

.product-details-page .columns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product-details-page .product-collateral {
    width: 100%;
    max-width: 40.3125rem;
    text-align: center;
    margin: 0 auto;
}

.product-details-page .attributes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.875rem;
}

.product-details-page .attribute {
    float: left;
    background: #f8f8fa;
    padding: 1.875rem;
    font-size: 15px !important;
    text-align: left;
    width: 100%;
}

.product-details-page .attribute:not(:last-child) {
    margin-bottom: 0.625rem;
}

@media screen and (min-width: 769px),
print {
    .product-details-page .attribute {
        width: 50%;
    }

    /* .product-details-page .attribute:nth-child(2n + 1):not(:last-child) {
        padding-left: 0.9375rem;
    }

    .product-details-page .attribute:nth-child(1):not(:last-child) {
        padding-right: 0.9375rem;
    } */
}

.product-details-page .attribute .attributeHeader {
    margin-top: 0 !important;
    margin-bottom: 0.625rem;
}

.product-details-page .attribute .attributeHeader .attributeTitle,
.product-details-page .attribute .attributeHeader div {
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
}

.product-details-page .attribute .attributeHeader br {
    display: none;
}

.product-details-page .attribute .attributeValueInfo {
    display: none;
}

.product-details-page .attribute .attribute__item {
    float: left;
}

.arone-product-landing-page .attribute.type_DropdownList {
    width: 100%;
}

.arone-product-landing-page .attribute.type_RadioList {
    width: 100%;
}

.arone-product-landing-page .attribute.type_RadioList .attribute__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.arone-product-landing-page .attribute.type_RadioList .attribute__item {
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .arone-product-landing-page .attribute.type_RadioList .attribute__item {
        margin-bottom: 0.625rem;
    }
}

@media screen and (min-width: 769px),
print {
    .arone-product-landing-page .attribute.type_RadioList .attribute__item {
        width: 50%;
    }

    .arone-product-landing-page .attribute.type_RadioList .attribute__item:nth-child(2) {
        padding-left: 1.875rem;
    }
}

.arone-product-landing-page .attribute.type_DropdownList label,
.arone-product-landing-page .attribute.type_RadioList label {
    position: relative;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.arone-product-landing-page .attribute.type_DropdownList label:after,
.arone-product-landing-page .attribute.type_DropdownList label:before,
.arone-product-landing-page .attribute.type_RadioList label:after,
.arone-product-landing-page .attribute.type_RadioList label:before {
    content: "";
    height: 2.25rem;
    width: 2.25rem;
    display: inline-block;
    margin-right: 0.625rem;
}

.arone-product-landing-page .attribute.type_DropdownList label:before,
.arone-product-landing-page .attribute.type_RadioList label:before {
    background: #fff;
    border: 1px solid #d2d3d6;
    border-radius: 0.25em;
}

.arone-product-landing-page .attribute.type_DropdownList label:after,
.arone-product-landing-page .attribute.type_RadioList label:after {
    position: absolute;
}

.arone-product-landing-page .attribute.type_DropdownList input,
.arone-product-landing-page .attribute.type_RadioList input {
    display: none;
}

.arone-product-landing-page .attribute.type_DropdownList input:checked+label:after,
.arone-product-landing-page .attribute.type_RadioList input:checked+label:after {
    background: url(/0/Handler/CSSOverride/GetImage/20/tick.svg);
    background-position: center center;
    background-repeat: no-repeat;
}

.product-details-page .newProductPriceWrapper .productPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.00025em;
    line-height: 1.2;
    font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
    display: none !important;
}

.product-details-page .newProductPriceWrapper .productPrice:before {
    content: "Total excl. VAT:";
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
}

.product-details-page .price {
    float: left;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media screen and (max-width: 559px) {
    .product-details-page .price {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-details-page .price .newProductPriceWrapper .catfish-classes {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-details-page .price .Price_total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.00025em;
    line-height: 1.2;
    font-family: Zen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 559px) {
    .product-details-page .price .Price_total {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-details-page .price .Price_total span {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: -0.0004545em;
    line-height: 1.3;
    margin-right: 1.5rem;
    display: inline-block;
    font-family: Zen-Screen, BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto,
        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
        Helvetica, Arial, sans-serif;
}

.product-details-page .error {
    display: inline-block;
    width: 100%;
}

.product-details-page .add-info {
    float: right;
}

@media screen and (max-width: 559px) {
    .product-details-page .add-info {
        width: 100%;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 559px) {
    .product-details-page .add-info .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-details-page .add-info .catfish-button {
    padding: 0 2rem;
    border-color: transparent;
    color: #fff;
}

.product-details-page .add-info .catfish-button.is-hovered,
.product-details-page .add-info .catfish-button:hover {
    border-color: transparent;
    color: #fff;
}

.product-details-page .add-info .catfish-button.is-focused,
.product-details-page .add-info .catfish-button:focus {
    border-color: transparent;
    color: #fff;
}

.product-details-page .add-info .catfish-button.is-focused:not(:active),
.product-details-page .add-info .catfish-button:focus:not(:active) {
    -webkit-box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
    box-shadow: 0 0 0 0.125em rgba(107, 209, 142, 0.25);
}

.product-details-page .add-info .catfish-button.is-active,
.product-details-page .add-info .catfish-button:active {
    border-color: transparent;
    color: #fff;
}

.product-details-page .add-info .catfish-button[disabled] {

    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-details-page .add-info .catfish-button.is-inverted {
    background-color: #fff !important;
}

.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;
}

.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;
}

.product-details-page .add-info .catfish-button.is-outlined:focus,
.product-details-page .add-info .catfish-button.is-outlined:hover {
    color: #fff;
}


.product-details-page .add-info .catfish-button.is-outlined[disabled] {
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.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;
}

.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;
}

/* .product-details-page .attribute {
    width: 100% !important;
} */

.arone-product-landing-page .attribute.name_NumberOfRecords,
.arone-product-landing-page .attribute.name_Finish {
    width: 50%
}

/* Login page styling */
.registering .sign_in_head button.login-button {
    background-color: white !important;
    color: #273664 !important;
}

.button,
.catfish-button {
    color: #fff;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: 0.25rem;
    text-transform: uppercase;
    padding: calc(0.375em - 1px) 1.4285714286em;
    height: 3.5714285714em;
    text-shadow: none;
    letter-spacing: 0.0142857143em;
}

button.login-button.catfish-button {
    color: white !important;
}

/* Product landing page Arone HTML update */
.product-details-page .hero .title {
    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 .full-description-wrapper {
    margin: 0 auto;
    margin-bottom: 3rem;
    max-width: 40rem;
    text-align: center;
}

.product-details-page .full-description-wrapper {
    font-size: 1.5rem;
    line-height: 1.3333333333;
    margin-bottom: 4.0625rem;
}

.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;
    width: 50%;
    justify-content: flex-start;
}

.product-details-page .product-collateral {
    width: 100%;
    max-width: 40.3125rem;
    text-align: center;
    margin: 0 auto;
}

.product-details-page .price .newProductPriceWrapper .productPrice {
    display: block !important;
}

.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 .add-info .catfish-button {
    padding: 0 2rem;
    background-color: #49A4D5 !important;
    border-color: transparent;
    color: #fff;
    width: auto;
    min-width: 0;
    /* float: right; */
}


/*  */

.product-details-page .add-info {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width:767px) {
    .arone-product-landing-page .attribute {
        min-width: 100%;
    }
}


@media screen and (max-width:599px) {
    .product-details-page .add-info {
        justify-content: center;
    }

    .product-details-page .price {
        width: 100%;
        justify-content: center;
    }
}


.product-details-page .attribute.name_Barcode .text,
.product-details-page .attribute.name_Material .text,
.product-details-page .attribute.name_Card_Stand .text,
.product-details-page .attribute.name_Colour .text,
.product-details-page .attribute.name_Card_Stand_Type .text {
    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;
    font-weight: 400;
}

.product-details-page .attribute.name_Material .attribute-value-item,
.product-details-page .attribute.name_Card_Stand .attribute-value-item,
.product-details-page .attribute.name_Colour .attribute-value-item,
.product-details-page .attribute.name_Card_Stand_Type .attribute-value-item {
    display: inline-block;
}

.product-details-page .attribute-item {
    display: flex;
    flex-wrap: wrap;
}

.product-details-page .attribute-item .attribute-value-item {
    flex: 1;
    width: auto;
}

.Finish_fullwidth.product-details-page .attribute.name_Finish,
.Finish_fullwidth.product-details-page .attribute.Finish {
    width: 100%;
}

.arone-product-landing-page .column.quantity-wrapper .field-label {
    width: fit-content;
    min-width: 0;
    flex-grow: 1;
    margin-right: 0.25rem;
}

.arone-product-landing-page .column.quantity-wrapper .field-body {
    flex-grow: 1;
}

.price-quantity-start-wrapper .columns>.column:not(.invalidPrice) {
    min-width: 0;
    display: flex;
}

.price-quantity-start-wrapper .columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.product-details-page.staticproduct .add-info .catfish-button {
    margin: 0;
    width: auto;
}


@media screen and (max-width:767px) {
    .price-quantity-start-wrapper .columns .column.price {
        min-width: 100%;
        justify-content: center;
    }

    .price-quantity-start-wrapper .columns {
        align-items: flex-end;
    }

    .price-quantity-start-wrapper .columns>.column {
        flex-grow: 1;
        width: fit-content;
        float: none;
        width: fit-content;
        flex: none;
    }

}

/* Category Arone update */
.arone-category-page .category-intro-wrapper .title,
.category-page-wrapper .category-intro-wrapper .title {
    text-align: center;
    font-size: 2.625rem;
    color: #1B2126;
    letter-spacing: -.0003402381em;
    line-height: 1.0952380952;
    font-weight: 400;
}

.arone-category-page .listWrapper,
.category-page-wrapper .listWrapper {
    justify-content: space-around;
}

.arone-category-page .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices,
.category-page-wrapper .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .alternate--prices {
    display: none !important;
}

@media screen and (max-width: 1087px) {
    .catfish-default-product-box .product-item--info {
        background: none;
    }
}

@media screen and (max-width: 767px) {
    .arone-category-page .listWrapper .listItem {
        width: 100%;
    }
}

.arone-category-page .listWrapper .listItem .item-box .catfish-default-product-box .add-info,
.category-page-productingrid .listWrapper .listItem .item-box .catfish-default-product-box .add-info {
    display: none;
}


.category-description-wrapper {
    text-align: center;
}

.category-page-wrapper {
    padding-top: 0;
}

/* MegaEdit fullscreen button */
.ui-layout-north_inner .rightSide a.btn.fullScreen {
    background-image: url(/0/Handler/CSSOverride/GetImage/24/full-screen.svg);
    margin: 0 !important;
    margin-bottom: 0.5rem !important;
}

.ui-layout-north_inner .rightSide a.btn:hover {
    border-color: transparent;
}

/* Basket */
.shoppingcart__wrapper #cartform {
    padding: 0;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--actions__buttons>div {
    width: auto;
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart-item-row .cart--actions__buttons>div.cart--saveitem {
    width: 100%;
    text-align: end;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--actions__buttons.buttons {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row !important;
    align-content: space-between;
    width: 100%;
}


@media screen and (max-width:1087px) {
    .shoppingcart__wrapper .checkout_message_bottom__wrapper {
        width: 90%;
        margin: 0 auto;
    }
}

/* Editor */
.editorLeft {
    transform: none !important;
}

.shoppingcart__wrapper span.orderLineRecordCount,
li#opc-confirm_order .orderLineRecordCount {
    display: none;
}

.uploadList {
    position: fixed !important;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 176px !important;
    background: white;
    border-top: solid 1px #eceff1;
}

#textOptionsDialog.ui-dialog-content .fontSizeWrapper__font-size .spinnerDown.spinnerButton {
    position: absolute;
    right: 9px;
    height: 20px !important;
    bottom: 0px;
    padding: 0px !important;
}

#textOptionsDialog.ui-dialog-content .fontSizeWrapper__font-size .spinnerUp.spinnerButton {
    position: absolute;
    right: 9px;
    height: 20px !important;
    top: 0px;
    padding: 0px !important;
}

.navbar .navbar-item {
    padding-right: 1em;
    padding-left: 1em;
}

form#form-currencyselector {
    max-width: 150px;
    height: 45px;
    margin-top: 17px;
}

form#form-currencyselector label {
    display: none;
}

.navbar #navbar.is-active form#form-currencyselector {
    padding: 0px 14px;
    max-width: 300px;
    height: auto;
    width: 100%;
    margin-bottom: 1rem;
}

#instructions_slider .slides li.slide_2 .image {
    background-image: url(/-1058696329/Handler/CSSOverride/GetImage/19/Slide_2.png);
}

@media screen and (min-width: 769px) {
    .navbar #navbar.is-active form#form-currencyselector {
        padding: 0px 60px;
    }
}

/* Arone upadte tweaks */

/* Top menu font weight */

.navbar-item,
.navbar-link {
    font-weight: 700;
}

.navbar .catfish-container,
.navbar .container {
    padding: 0 5%;
}

@media screen and (min-width: 769px),
print {

    .navbar .catfish-container,
    .navbar .container {
        padding: 0 64px;
    }
}


/* Login page tweaks */

.login__wrapper .returning-wrapper .returning-wrapper__inner {
    box-shadow: none;
    padding: 0px;

}

.login__wrapper .returning-wrapper .login-title,
.login__wrapper .register-customer-wrapper .register-title {
    display: none !important;
}

.login__wrapper .register-customer-wrapper .buttons {
    width: 100%;
}

.login__wrapper .table-container tr {
    margin-bottom: 0px;
}

/* Editor tweaks  */
#previewView .preview_close_button:after,
#previewView .preview_close_button:before {
    transform: none;
    width: auto;
    margin: 0px;
    left: 0px;
    white-space: nowrap;
}

#previewView .preview_close_button:after {
    left: 15px;
}

div#confirm_product .confirm_inner .buttons .button {
    width: 46%;
    margin-left: 2%;
    color: fff;
}


@media screen and (min-width: 1151px) {
    #previewView .preview_close_button {
        left: 15.5rem;
        top: 1rem;
        width: 200px;
        max-width: 200px;

    }

    .megaedit-preview #loadingArea {
        background: url(/880377587/Handler/CSSOverride/GetImage/19/Square_email_black.png) no-repeat 4rem 1.6rem #fff !important;
    }
}

/* Basket */
.shoppingcart__wrapper .checkout_message_bottom {
    padding: 0px;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span {
    margin-top: 0px;
    margin-bottom: 0px;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span.separator {
    display: none;
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal {
    font-weight: bold;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .shoppingcart__wrapper .cartTableWrapper .cart .productPrice_withoutdiscount~span.productPrice.productPrice__total {
        width: 100%;
        margin: 0px;
        float: left;
        display: inline-block;
        position: absolute;
        bottom: 10px;
    }

    .shoppingcart__wrapper .cartTableWrapper .cart .productPrice_withoutdiscount~.productPrice.productPrice__total:before {
        margin-bottom: 0rem !important;
    }
}

.shoppingcart__wrapper .cartTableWrapper .cart tr.cart-item-row .cart--actions .cart--actions__buttons.buttons div {
    float: right;
    width: auto;
}

#cartsliderrow #removeordertotaldiscount,
.shoppingcart__wrapper #removeordertotaldiscount {
    float: none;
    width: auto;
    margin: 0.5rem 0;
    display: inline-block;
    vertical-align: middle;
    padding: 1px 6px !important;
}

@media screen and (max-width: 450px) {
    .shoppingcart__wrapper .cart-footer .cart-total tr {
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }

    .shoppingcart__wrapper .cart-footer .cart-total tr td {
        display: block;
        text-align: left;
    }

    /* Account page mobile */
    .account-page {
        padding: 0px;
    }

    .account-page .catfish-container {
        padding: 5% !important;
    }

    .layout--accountPage .account-page .addAddressTable .table-container tr,
    .layout--accountPage .account-page .customer-info-box .table-container tr,
    .layout--accountPage .account-page .customer-pass-recovery .table-container tr,
    .layout--accountPage .account-page .editAddressTable .table-container tr {
        margin-bottom: 0px;
    }
}

/* Checkout tweaks */
.postCoder.box.is-light.is-shadowless {
    background-color: white;
}

.one-page-checkout .checkout-data {
    max-width: 100%;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span {
    margin-top: 0px;
    margin-bottom: 0px;
}

.one-page-checkout #opc-confirm_order .cartTableWrapper .cart tr.cart-item-row .rawAttributeInfo__item span.separator {
    display: none;
}

.opc div#cartTotals {
    width: 50%;
}

.button,
.catfish-button {
    height: 2.75rem;
}

.page-customer-addresses .address-item .content table tr td:before,
.page-albummanagement-viewalbum #AddAlbumButton:after,
.page-albummanagement-viewalbum .photoalbum__header #AddPhoto:after,
.page-albummanagement-viewalbum .photoalbum__header #SelectAll:after,
.page-albummanagement-viewalbum .photoalbum__header #deletePhotos:after,
.page-customer-albums #AddAlbumButton:after,
.page-customer-albums .photoalbum__header #AddPhoto:after,
.page-customer-albums .photoalbum__header #SelectAll:after,
.page-customer-albums .photoalbum__header #deletePhotos:after {
    display: none !important;
}

/* Editor Fixes */
.megaEditMainContainer .messagesContainer {
    bottom: auto;
    left: auto;
}

.ng-scope.script_upload_button.btn.btn-default.btn-me {
    padding: 1px 8px;
    overflow: hidden;
}

.page-customer-savedprojects .customer-SavedProjects .section-title {
    display: none;
}

@media screen and (max-width: 768px) {
    .category-page-productingrid .column.is-6-mobile {
        flex: none;
        width: 100%;
    }
}

:focus {
    border: none !important;
    outline: none !important;
}

.category-page-productingrid .allProductsCategoriesWrapper .product-grid .listWrapper .listItem .item-box .catfish-default-product-box .product-item--image {
    padding-bottom: 88%;
}

.freeTargetContainer .meuiCheckBox.bgcolor {
    display: flex !important
}



/*Saved projects tweaks*/
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(6) {
    display: flex;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(7):before {
    display: none;
}

.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td:nth-child(6):before {
    content: "Job ID";
    display: inline-block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 1.125rem;
    white-space: nowrap;
}

/*General tweaks*/
.orderSummaryWrapper>.catfish-container {
    padding: 0px;
}

.ui-dlgPopupInstruction .ui-dialog-titlebar {
    z-index: 9999;
}

@media screen and (min-width:767px) and (max-width:1440px) {
    .hero.is-homepage .title {
        font-size: 4.5vw;
    }
}

@media screen and (max-width:767px) {
    .hero.is-homepage .title {
        font-size: 7vw;
    }
}

.file:not(.is-boxed):not(.is-area) .file-cta {
    background-color: #49a4d5;
}

.file:not(.is-boxed):not(.is-area) .file-cta:hover,
.file:not(.is-boxed):not(.is-area) .file-cta.is-hovered {
    background-color: #249cd6;
}

.ui-layout-southh_inner .buttonsContainer .btn.saveProjectButton,
.megaEditMainContainer .pdfDownloadButton,
.megaEditMainContainer .standardBatchScriptPlaceholderGroup .btn-me,
.megaEditMainContainer .standardBatchScriptPlaceholderGroupRow .btn-me {
    font-weight: 700;
}

.listWrapper {
    justify-content: space-evenly;
}

.category-description__inner,
.category-bottom-description {
    text-align: center;
}

@media screen and (max-width:1220px) {
    .shoppingcart__wrapper .checkout_message_bottom__wrapper {
        width: 90%;
        margin-left: 5%;
    }
}

.shoppingcart__wrapper .checkout_message_bottom .cart-form__wrapper .cartTableWrapper {
    max-width: 100%;
    margin: 0px;
}

ul.order_f_info.order_f_info_m:nth-child(6) {
    display: none;
}

.Finish_fullwidth.product-details-page .attribute.Finish {
    width: 100%;
}

.login__wrapper>.catfish-container>.columns,
#productVariantForm.columns,
#productVariantForm>.columns {
    justify-content: space-around;
}

#cartsliderrow .cart-footer .terms-of-service,
.shoppingcart__wrapper .cart-footer .terms-of-service>span {
    display: flex;
}

@media screen and (min-width:1088px) {
    .shoppingcart__wrapper .cart-footer {
        min-width: 400px;
    }
}

.shopping-cart__product__images .image.is-contained img {
    height: auto;
    width: auto;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

/*Dynamic form script compatibility*/
.Script_DynamicUiGeneration .freeTargetContainer .meuiStackLayout div {
    display: inline;
    position: initial;
    float: none;
    width: auto;
}

.Script_DynamicUiGeneration .freeTargetContainer .squareImageButton {
    display: block !important;
    width: 100% !important;
    border: 0px !important;
}

.Script_DynamicUiGeneration .freeTargetContainer .catfish-input,
.Script_DynamicUiGeneration .freeTargetContainer .catfish-select,
.Script_DynamicUiGeneration .freeTargetContainer .input {
    height: 2.5em;
}

.Script_DynamicUiGeneration .freeTargetContainer .uiFieldFormatting button {
    color: #fff !important;
}

.Script_DynamicUiGeneration .freeTargetContainer .btn.active {
    background-color: #49a4d5 !important;
    color: #fff;
}

.Script_DynamicUiGeneration .freeTargetContainer .meuiStackLayout .meuiLabel {
    position: relative;
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

.Script_DynamicUiGeneration .freeTargetContainer .btn {
    color: #fff !important;
}

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl .iconBox {
    margin-top: 0px !important;
}

.Script_DynamicUiGeneration .freeTargetContainer .imageSliders .imgControl.half {
    margin-right: 6% !important;
}

a.od_print_button.catfish-button {
    margin-left: 5px;
}

a.catfish-button.viewControlButton.fullScreen {
    background-image: url("/0/Handler/CSSOverride/GetImage/19/full-screen.svg") !important;
}

.shoppingcart__wrapper .cartTableWrapper .cart-item-row .cart--itemtotal .productPrice_withoutdiscount {
    display: none !important;
}

.page-dynamicproduct-editor .buttonContainer .priceContainer {
    display: none;
}


.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
}

/* Basket terms and conditions */

.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(/0/Handler/CSSOverride/GetImage/24/tick.svg);
    background-position: center center;
    background-repeat: no-repeat
}

/* Uniform page titles */
.topicpage .page-title h1 {
    padding-top: 6rem;
    margin-bottom: 3rem;
}

.one-page-checkout .step-title h2 {
    text-align: center;
    font-size: 2.625rem;
    color: #1B2126;
    font-weight: 400;
    margin-top: 6rem;
    margin-bottom: 3rem;
}

.one-page-checkout {
    padding-top: 0;
}

/* Mobile optimisation */

@media screen and (max-width:767px) {

    .shoppingcart__wrapper .cart-footer .cart-total .cart_total_left,
    .shoppingcart__wrapper .cart-footer .cart-total .cart_total_right {
        text-align: left;
    }

    .shoppingcart__wrapper .cart-footer .cart-total .cart_total_right {
        margin-top: 0.25rem !important;
    }

}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total {
    width: 100%;
}

.opc div#cartTotals {
    width: 100%;
}

.one-page-checkout #opc-confirm_order .cart-footer .cart-footer__container .cart-total .cart_total_right {
    text-align: right;
}

/* Square style homepage banner */
.homepage-banner.square-style .title {
    font-size: 2.5625rem;
}


@media screen and (max-width:767px) {
    .homepage-banner.square-style .content {
        text-align: center;
    }

    .homepage-banner.square-style .content .buttons {
        justify-content: center;
    }

}

/* Basket changes */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart-label-header {
    display: none !important;
}


@media screen and (min-width:1472px) {
    .shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row td.cart--itemtotal .productPrice__total {
        margin-left: 2rem;
    }
}

.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row.staticproduct td.cart--productinfo .summaryShortDescription,
.one-page-checkout .cartTableWrapper .cart tr.cart-item-row.staticproduct td.cart--productinfo .summaryShortDescription {
    display: none !important;
}

/* Fix case transform on attributes */
.product-details-page .attribute .text{
    text-transform: none;
}

/* Fix Add-to-cart wrapper layout */
@media screen and (min-width:768px) {
    .add-to-cart-wrapper > .block > .columns{
        display: block;
    }

    .arone-product-landing-page .column.quantity-wrapper .field-label{
        flex-basis: 40%;
        padding-left: 3rem;
        margin-right: .75rem !important;
    }

    .arone-product-landing-page .column.quantity-wrapper .field-body{
        flex-basis: 60%;
    }

    .add-to-cart-wrapper .price-quantity-start-wrapper .columns > .column:not(.invalidPrice){
        min-width: initial;
        display: block;
    }

    .add-to-cart-wrapper .product-details-page .newProductPriceWrapper .productPrice::before {
        margin-right: .75rem;
    }
}
