/* ---------------- Text ---------------- */
@font-face {
    font-family: Lato-Regular;
    src: url(/0/Handler/CSSOverride/GetImage/17/Lato-Regular.ttf/32eb9b99-aab2-43bb-9416-a54af2212df5) format("truetype");
}

@font-face {
    font-family: Lato-Bold;
    src: url(/0/Handler/CSSOverride/GetImage/17/Lato-Bold.ttf/32eb9b99-aab2-43bb-9416-a54af2212df5) format("truetype");
}

*:not(.fa,.fas) {
    font-family: Lato-Regular!important;
}

h1,
h2,
h3,
.title,
.subtitle,
.pageTitle {
    font-family: Lato-bold!important;
}


/* - default text unless specifically overwritten */
body,
html {
  color: #000;
}

/* - default link */
a {
  color: #4c566b;
}

/* - Default link on hover*/

a:hover {
  color: #01a1c1;
}

/* - 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: #4a4a4a;
}

/* ---------------- buttons ---------------- */
/* - default buttons */
.button,
.catfish-button,
.checkout__complete .checkout-data-info .checkout-data-info__orderdetails,
.password-recovery-container .passwordrecoverybutton.catfish-button {
  background-color: #01a1c1 !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: #0b7489 !important;
  color: #fff;
}

/* - primary buttons regular */
.button.is-primary,
.catfish-button.is-primary {
  background-color: #01a1c1 !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: #01a1c1;
  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: #0b7489 !important;
  color: #fff;
}

/* ---------------- header ---------------- */
/* - header links */
.navbar .navbar-item {
  color: #4c566b !important;
}

/* - header links hovered */
.navbar .navbar-item:hover {
  background: 0 0 !important;
  color: #01a1c1 !important;
}

/* - banner title */
.hero.is-homepage .title {
  color: #4c566b;
}

/* ---------------- login page ---------------- */
/* - register button */
.registering .sign_in_head button.register-button {
  background: #01a1c1 !important;
  color: white;
}

/* - login button */
.sign_in_head button.login-button {
  background: #01a1c1 !important;
}

/* - login / register button hovered */
.sign_in_head button:focus,
.sign_in_head button:hover {
  background: #0b7489 !important;
  color: white;
}

/* - register button */
.login__wrapper .registernextstepbutton {
  background-color: #01a1c1 !important;
  border-color: transparent;
  color: #fff;
}

/* - register button hovered */
.login__wrapper .registernextstepbutton.is-hovered,
.login__wrapper .registernextstepbutton:hover {
  background-color: #0b7489 !important;
  border-color: transparent;
  color: #fff;
}

/* ---------------- product page ---------------- */
/* - start designing button */
.product-details-page .add-info .catfish-button {
  background-color: #01a1c1 !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: #0b7489 !important;
  border-color: transparent;
  color: #fff;
}

/* ---------------- Account ---------------- */
/* - account link list */
.layout--accountPage
  #contentiInnerRow
  .block.block-account-navigation
  ul
  li
  a.active {
  color: #0b7489;
}

/* - 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: #01a1c1;
  outline: 0;
}

/* saved projects continue editing */
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a {
  background-color: #01a1c1 !important;
  color: #fff;
}

/* saved projects continue editing - hovered*/
.page-customer-savedprojects .customer-SavedProjects .saved-projects-list table td a:hover {
  background-color: #0b7489 !important;
  color: #fff;
}

/* - reorder button */
.page-customer-orders #filtered_orders .reorderbutton {
  background-color: #01a1c1 !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: #0b7489 !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: #01a1c1 !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: #0b7489 !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: #01a1c1 !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: #0b7489 !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: #01a1c1 !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: #0b7489 !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: #01a1c1;
  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: #01a1c1 !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: #0b7489 !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("/29782532/Handler/CSSOverride/GetImage/20/Saledock Logo.png/85ebe6e4-77bf-460d-a2a8-7bcb807adec9") !important;
  background-color: #ffffff !important;
  background-size: 200px;
  color: #000;
}

@media screen and (min-width: 1151px) {
  #loadingArea,
  .addtoBasketScreen,
  .loadingArea,
  .loadingScreen {
    background: url("/29782532/Handler/CSSOverride/GetImage/20/Saledock Logo.png/85ebe6e4-77bf-460d-a2a8-7bcb807adec9") no-repeat
      4rem 1.125rem #ffffff !important;
    background-size: 250px !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: #01a1c1;
}

/* - 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: #01a1c1 !important;
}

/* - megaedit button hovered */
.megaEditMainContainer .btn-primary.viewControlButton.previewButton.is-hovered,
.megaEditMainContainer .btn-primary.viewControlButton.previewButton:hover {
  background-color: #0b7489 !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: #01a1c1 !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: #0b7489 !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: #01a1c1
    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: #0b7489;
}

/* - 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: #01a1c1;
  outline: 0;
}

/* - megaedit default button */
.megaEditMainContainer .catfish-button {
  height: 2.75rem;
  background-color: #01a1c1 !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: #01a1c1 !important;
}

/* - megaedit back button */
.megaEditMainContainer .btn.backButton {
  color: #4c566b !important;
}

/* - megaedit back button hovered */
.megaEditMainContainer .btn.backButton:hover {
  color: #01a1c1 !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: #01a1c1;
  outline: 0;
}

/* - megaedit upload data button */
.megaEditMainContainer .script_upload_button {
  background-color: #01a1c1 !important;
  border-color: transparent;
  color: #fff;
}

/* - megaedit upload data button hovered */
.megaEditMainContainer .script_upload_button.is-hovered,
.megaEditMainContainer .script_upload_button:hover {
  background-color: #0b7489 !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: #01a1c1 !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: #0b7489 !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: #01a1c1
    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: #01a1c1;
}

.cf-checkbox.checkbox:hover input[type="checkbox"] + .check {
  border-color: #01a1c1;
}

/* - data upload okay button */
.modal-dialog .modal-footer .buttons .catfish-button:first-child {
  background-color: #01a1c1 !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: #01a1c1 !important;
  border-color: transparent;
  color: #fff;
}
/* - card preview buttons */
#recordControlArea #btPrevRecord,
#recordControlArea #btNextRecord {
  background: #01a1c1 !important;
}

/* - card preview add to basket button */
.add_to_basket_from_preview {
  background-color: #01a1c1 !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: #01a1c1 !important;
  border-color: transparent;
  color: #fff;
}

/* - preview close button */
#previewView .preview_close_button:hover {
  color: #01a1c1 !important;
}

/* - preview and approve loader */
#loadingArea:after {
  border-right-color: #01a1c1;
}

/* - 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("/29782532/Handler/CSSOverride/GetImage/20/Saledock Logo.png/85ebe6e4-77bf-460d-a2a8-7bcb807adec9") no-repeat 4rem 1.125rem #fff !important;
    background-size: auto 3rem!important;
}
#previewView .preview_close_button { 
    margin-left: 3rem;
}
/* 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: #01a1c1; 
  border-top: 1px solid #01a1c1; 
}

.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: #01a1c1 !important;
}
/* Product details page attribute popup */
.cf-tooltip.is-right.is-info:before {
	border-right: 5px solid #01a1c1 !important;
}

.cf-tooltip.is-info:after, .cf-tooltip.is-info .tooltip-html-container {
	background: #01a1c1 !important;
}