body {
    background-color: #f2f2f2;
    margin-right: 80px;
    font-family: 'DM sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 500px
}

a, h1, h2, h3, h4, h5, h6 {
    color: #121212;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'DM sans', sans-serif;
    font-weight: 700;
}

a:hover, a:focus {
    color: #000000;
}

/* header */
header {
    padding-top: 20px;
    margin-top: 0;
    background-color: #fff;
}

.btn-default {
    color: #121212;
    background-color: #ffffff;
    border-color: #cccccc;
}

.grouped-category-box .viewoptions {
    min-height: 45px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, input.basketsubmit:hover, .add input.addtobasket:hover {
    color: #333333;
    background-color: #d3d3d3;
    border-color: #bbbbbb;
}

#main-filterpanel div#collapseExample {
    height: auto!important;
}

.dataTables_paginate a.paginate_button {
    padding: 0 5px;
}

.viewoptions, .basketsubmit {
    height: 45px;
    background: #77bc43;
}
.sidebar-content #filtercust {
    min-height: auto;
    border:0;
    padding: 0;
}
.pdetails .basketsubmit {
    display: none;
}
.reset-block {
    display: block;
    padding: 10px 0;
    clear: both;
}
.filter-cat-title {
    height: 65px;
    line-height: 45px;
    white-space: normal;
}

.filter-cat-title span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.offers-link a {
    color: red;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    color: unset!important;
    text-decoration: unset!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: unset!important;
    background: unset!important;
    font-weight: unset!important;
    color: unset!important;
}
.sidenav #home {
    display:none;
}
.expanded-sidebar .tab-pane.active#home {
    display: block;
}

.btn-sushi {
    background-color: #77bc43;
    border: none;
    color: #fff !important;
}

.btn-sushi:hover, .btn-sushi:active, .btn-sushi:focus {
    color: #000 !important;
}

.megamenu-row {
    margin-top: 35px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.megamenu-row .yamm {
    margin-top: 0;
}

.megamenu-row .navbar-default {
    background-color: #ffffff;
    border:0;
}

#header-detail, #header-logo {
    height: 60px;
}

.navbar .nav-heading a {
    text-transform: none;
    color: #121212;
}

.yamm .level1 {
    font-weight: 700;
}

.navbar .level1 > a {
    cursor: pointer;
}

.navbar .level3 a {
    font-weight: normal;
}

a.header-icons {
    font-size: 36px;
    margin: 10px 0 0 20px;
    display: inline-block;
    color: #104f27;
}

.header-search-container {
    width: 400px;
    border: 1px solid #ccc;
    margin: 14px 0 0 0;
    float: right;
}

.header-search-container .btn-default {
    color: #808080;
    background-color: #fff;
    border-color: #fff;
    padding: 3px 0;
    font-size: 24px;
}

.suggested-container {
    padding: 0;
}

.suggested-caption, .suggested-box-price {
    text-align: center;
}

.suggested-btn {
    border: none;
}

.header-input-group .searchterm {
    border: none !important;
    width: 355px;
    padding: 0 10px;
}

.heasder-icons-container {
    float: right;
}

#SearchResults {
    position: absolute;
    top: 57px;
    padding: 6px;
    border: 4px solid #cccccc !important;
    list-style: none;
    background-color: #f2f2f2;
    width: 500px;
    z-index: 100;
    display: none;
    left: 50px;
}

#SearchResults > .col-sm-6, #prodList li .col-xs-4, #prodList li .col-xs-8 {
    padding: 0;
    margin: 0;
}

#categoryList li, #prodList li {
    background-color: #FFFFFF;
    border-color: #808080;
    margin: 5px;
    padding: 10px;
}

#categoryList li.viewallsearchresults {
    padding: 0;
}

#categoryList li.viewallsearchresults a {
    background-color: #808080;
    padding: 15px;
    color: #fff;
    text-align: center;
}

#categoryList li.viewallsearchresults a:hover {
    color: #333;
    background-color: #d3d3d3;
    border-color: #bbb;
    text-decoration: none;
}

.suggested-box-price {
    height: 50px;
}

.level {
    display: none;
}

#payments #filtercust #filtercustomer, #invlist_length select {
    background: #ffffff;
    border: 1px solid #ccc;
    color: #121212;
}

.pagination {
    margin: 10px 0 0 0 !important;
}
.pagination li a {
    border: 0;
    background: none;
    color: #555;
}

/* footer */
footer {
    background-color: #ccc;
    color: #fff;
    padding-top: 30px;
}

#footer {
    background: #ccc;
}

#footer a, #footer a#poweredByOGL {
    color: #fff;
}

/* sidebar */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    background: url('../images/sidebar-bg.png') repeat-y top left #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: #666666;
    display: block;
    transition: 0.3s;
}

.sidebar-content a {
    font-size: 15px;
}

.sidenav a:hover {
    color: #808080;
}

.sidenav .openbtn {
    font-size: 42px;
}

.sidenav .closebtn {
    font-size: 42px;
}

.sidenav .openbtn:hover, .sidenav .closebtn:hover {
    background: #fff;
}

.sidenav .openbtn:hover i, .sidenav .closebtn:hover i {
    color: #808080;
}

#main {
    transition: margin-left .5s;
    overflow-x: hidden;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    /*background: url(overlay.png) repeat 0 0;*/
    background-color: #000;
    opacity: 0.8;
    visibility: visible;
}

.sidebar-icons {
    width: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    min-height: 500px;
    text-align: center;
    transition: width .5s;
    padding-top: 0;
    color: #fff;
    background-color: #808080;
}

.sidebar-icons-container {
    position: fixed;
    width: 80px;
}

.sidebar-content {
    width: 350px;
    margin-left: 80px;
}

.sidebar-tab-content {
    padding: 0 15px;
    position: absolute;
    top: 20px;
    width: 82%;
}

.sidebar-nav-tabs > li {
    float: none;
    margin-bottom: 0;
}

.sidebar-nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 0;
    background-color: #808080;
    color: #fff;
    font-size: 42px;
}

.sidebar-nav-tabs > li > a:focus, .sidebar-nav-tabs > li > a:hover {
    background-color: #fff;
}

.sidebar-nav-tabs > li.active > a, .sidebar-nav-tabs > li.active > a:focus, .sidebar-nav-tabs > li.active > a:hover {
    border: 0;
}

.sidebar-nav-tabs {
    border-bottom: none;
    margin-top: 5px;
}

.sidebar-icons i {
    border-bottom: 1px solid #fff;
    color: #fff;
    padding-bottom: 40px;
    padding-top: 40px;
}

.sidebar-icons .active i, .sidebar-icons li:hover i {
    color: #808080;
}

.sidebar-nav-tabs > li > a {
    padding: 0 13px !important;
    position: relative;
}

.sidebar-icons .basket-head-total {
    position: absolute;
    font-size: 20px;
    top: 15px;
    width: 80px;
    left: 0;
}

.sidebar-icons .basket {
    position: absolute;
    font-size: 13px;
    bottom: 15px;
    width: 80px;
    left: 0;
}

.sidebar-content .map-container, .sidebar-content .panel-default {
    width: 315px;
    border: 1px solid #ccc;
    margin: 0 auto 20px;
}


.panel-title a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    float: right;
}

.panel-title .collapsed::after {
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    float: right;
}

.site-panel .panel-title a::after, .site-panel .panel-title::after {
    display: none;
}

.hours-table {
    width: 100%;
}

.panel-title a {
    font-size: 18px;
    font-weight: 700;
}

.sidebar-tab-content h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

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

.sidebar-panel-text a {
    font-size: 18px;
}

.sidebar-panel-text .btn-default {
    margin-bottom: 15px;
}

.sidebar-panel-text .btn-default:last-child {
    margin-bottom: 0;
}

.panel-default > .panel-heading {
    color: #666666;
    background-color: #e8e8e8;
    border-color: #cccccc;
}

ul.sidebar-panel-section-links {
    margin-bottom: 0;
}

.sidebar-panel-section-links li {
    width: auto !important;
    margin: 20px 10px;
    border-bottom: 1px solid #ccc;
}

.sidebar-panel-section-links li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.sidebar-panel-section-links li a {
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.sidebar-panel-section-links li span {
    font-size: 12px;
    font-weight: normal;
    display: block;
    padding: 5px 0 10px;
}

.sidebar-panel-section-links li i {
    font-size: 24px;
    margin-right: 5px;
}

.sidebar-content .budget-panel {
    padding: 15px 25px 5px;
    margin: -15px -15px 10px;
    font-size: 12px;
    background: #808080;
    color: #fff;
}

.sidebar-content .prod-img {
    padding-left: 0;
    padding-right: 0;
}

.sidebar-content #side-section-basket-item {
    margin-bottom: 35px;
}

.sidebar-content #side-section-basket-item:last-child {
    margin-bottom: 0;
}

.sidebar-content .basket-change {
    float: none;
    clear: both;
    padding-top: 5px;
    text-align: left;
}

.sidebar-content .prd-data {
    font-size: 13px;
}

.sidebar-content .prd-data a {
    font-size: 13px;
    font-weight: 700;
}

.sidebar-basket-totals {
    width: 100%;
    font-size: 15px;
}

.sidebar-basket-totals .basketpricecol, .sidebar-basket-totals .baskettotalval {
    text-align: right;
    font-weight: 700;
}

.topbar {
    display: none;
}

.topbar-item {
    text-align: center;
    font-size: 18px;
    margin: 20px auto;
    width: 80%;
    font-weight: 300;
}

.topbar-title {
    font-size: 22px;
    font-weight: 700;
}

.carousel-loading {
    padding: 50px;
    font-size: 50px;
    color: #77bc43;
}

.carousel-loading-sub-category-filter {
    padding: 10px;
    font-size: 40px;
    color: #77bc43;
    text-align: center;
    line-height: 40px;
}

.homecarousel {
    margin-top: 0;
    background-color: #f2f2f2;
}

#owl-example-compliments, .testimonials-row {
    display: none;
}

.owl-prev {
    top: 45px;
    display: block;
    position: absolute;
    left: 40px;
}

.owl-next {
    top: 45px;
    display: block;
    position: absolute;
    right: 40px;
}

.nav-icons {
    font-size: 26px;
    color: #808080;
}

#owl-example2 {
    display: none;
    margin: 50px 0;
}

#owl-example2 .owl-prev, #owl-example2 .owl-next {
    top: 50px;
}

.homecarousel .owl-nav {
    width: 100%;
    position: relative;
    bottom: 0;
}

.owl-nav .owl-dot span {
    background: #808080;
}

.owl-nav .owl-dot span {
    width: 15px;
    height: 15px;
}

.branded-carousel {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    clear: both;
}

.image-container-complimented {
    height: 150px;
}

.image-container-complimented img {
    max-height: 140px;
    margin: 0 auto;
}

.testimonials-row {
    padding: 30px;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.testimonial-item {
    max-width: 80%;
    margin: 0 auto;
}

.testimonial-name {
    font-size: 18px;
    font-weight: 500;
}

.stats-container {
    margin: 30px 15px;
    background: #fff;
    border: 1px solid #ccc;
	border-radius: 7px;
}

.stat-box {
    text-align: center;
    color: #000;
}

.stat-box:nth-child(2) {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
}

.stat-figure {
    font-size: 48px;
    font-weight: 700;
}

.stat-name {
    font-size: 18px;
    font-weight: 300;
}

#home-sub-adds {
    text-align: center;
}

#home-sub-adds img {
    border: 0px solid #ccc;
}

.btn-primary {
    background-color: #77bc43;
    color: #fff;
    margin-top: 15px;
    text-transform: uppercase;
    border-color: #bbb;
    border-radius: 7px;
}

.btn-primary:hover {
    color: #333;
    background-color: #d3d3d3;
    border-color: #bbb;
}

#relatedOptionsCategorySlider .btn-primary, #relatedOptionsCategorySlider .btn-primary:hover {
    border: none;
}

.back-to-top {
    right: 93px;
}

.back-to-top-container {
    right: 140px;
}

.map-container iframe {
    border: 1px solid #ccc;
}

.basketsubmit, #baskettocheckout .btn-primary, .npbuttons .next, .npbuttons .finish {
    background-color: #77bc43;
    border-color: #77bc43;
    text-transform: capitalize;
}

.dec, .inc {
    padding: 8px 10px;
}

.loyltybtn {
    margin-top: 15px;
}

#modal-qty, .alt-unit-select {
    padding: 10px;
    background: #77bc43;
    color: #fff;
}

.fa-check {
    color: green;
}

.panel-body .loyalty-message-box {
    padding: 10px 0;
}

.techinfo {
    font-size: 15px;
}

input[type=number] {
    width: 60px;
}

.atts-container {
    padding: 20px;
    margin-bottom: 20px;
    background: #f5f5f5;
    border: 1px solid #999;
}

.product-price-label h3 {
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    .container {
        width: 688px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        width: 968px;
    }
}

@media screen and (min-width: 1200px) {
    .container {
        width: 1105px;
    }
}

@media screen and (max-height: 820px) {
    .sidebar-nav-tabs > li > a, .openbtn, .closebtn {
        font-size: 32px;
    }

    .sidebar-icons i {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .sidebar-icons i.fa-shopping-cart {
        padding-bottom: 40px;
        padding-top: 40px;
    }
}

@media screen and (max-height: 700px) {
    .sidebar-nav-tabs > li > a, .openbtn, .closebtn {
        font-size: 32px;
    }

    .sidebar-icons i {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .container {
        width: 1105px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
    .container {
        width: 900px;
    }

    .header-search-container {
        width: 280px;
    }

    .header-input-group .searchterm {
        width: 240px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .cta {
        font-size: 12px;
        font-weight: bold;
    }
}

@media screen and (max-width: 992px) {
    body {
        margin-bottom: 300px;
    }

    header {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .megamenu-row {
        display: none;
    }

    .tablet-header {
        padding: 0 15px;
    }

    #tablet-header-logo {
        text-align: center;
    }

    .header-search-container {
        float: none;
        margin: 14px auto 0;
        width: 450px;
    }

    .header-input-group .searchterm {
        width: 410px;
    }

    .heasder-icons-container {
        text-align: center;
        float: none;
    }

    .heasder-icons-container a:first-child {
        margin-left: 0 !important;
    }

    a.header-icons {
        margin: 10px 0 0 40px;
    }

    .stat-box:nth-child(2) {
        border-left: none;
        border-right: none;
    }

    #collapse-nav, #collapse-portal-nav {
        padding: inherit;
        float: none;
        background: none;
    }

    .drilldown .navback {
        background: #77bc43;
    }

    .drilldown a.navback {
        color: #fff;
    }

    #portal-nav {
        margin-top: 0;
        padding: 0;
    }

    #nav-portal-drilldown .portalindexheader {
        padding: 10px;
    }

    .logout-form {
        float: none;
    }

    .logout-form a {
        font-weight: bold;
        color: #000;
        padding-left: 15px;
    }
}

@media screen and (max-width: 768px) {
    #tablet-header-logo {
        padding: 0 15px;
    }

    body {
        margin-bottom: 800px;
    }

    .testimonials .owl-prev {
        left: -20px;
        top: 130px;
    }

    .testimonials .owl-next {
        right: -20px;
        top: 130px;
    }

    .testimonial-item {
        max-width: 60%;
    }

    .topbar .owl-prev {
        top: 50px;
        left: 0;
    }

    .owl-next {
        top: 50px;
        right: 0;
    }

    .testimonials-row .container {
        width: 100%;
    }

    #footer.container {
        width: 90%;
        padding-right: 90px;
    }
}

@media screen and (max-width: 767px) {
    body {
        margin-bottom: 800px;
    }
}

@media screen and (max-width: 600px) {
    .header-search-container {
        width: 100%;
    }

    .header-input-group .searchterm {
        width: 90%;
    }

    #relatedOptionsCategorySlider .owl-nav button.owl-next {
        right: -50px !important;
    }

    #relatedOptionsCategorySlider .owl-nav button.owl-prev {
        left: -50px !important;
    }
}

@media screen and (max-width: 480px) {
    body {
        margin-bottom: 1180px;
    }

    /*.sidenav {
        display: none;
    }*/
    .expanded-sidebar {
        width: 100% !important;
    }

    .sidebar-tab-content {
        width: 80%;
    }

    .sidebar-content .map-container, .sidebar-content .panel-default {
        width: 100%;
        margin: 0 0 20px;
    }

    #main {
        margin-right: 0 !important;
    }

    a.header-icons {
        margin: 10px 0 0 15px;
        font-size: 30px;
    }

    #logo {
        max-width: 70%;
    }

    header {
        padding-top: 0px;
    }

    .home-featured .col-xs-6 {
        width: 50%;
    }

    .header-input-group .searchterm {
        width: 85%;
    }

    .map-container iframe {
        border: none;
        width: 100%;
    }

    /*.att-blocks {
        display: none;
    }*/
}

@media screen and (max-width: 320px) {
    body {
        margin-bottom: 1000px;
    }

    /*.sidenav {
        display: none;
    }*/
    .sidebar-tab-content {
        width: 75%;
    }

    .header-input-group .searchterm {
        width: 80%;
    }

    a.header-icons {
        font-size: 34px;
    }

    .home-featured .col-xs-6 {
        width: 100%;
    }

    a.header-icons {
        margin: 10px 0 0 16px;
    }

    /*.sidebar-icons, .sidebar-icons-container {
        width: 60px;
    }*/
    .sidebar-icons i {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}


/* Product page youtube video tabs */
/*.youtube-iframe-container {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    padding-top: 56.25%;*/
/*}*/

.youtube-iframe-container iframe {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100%;
    border: 0;
}

/* END Product page youtube video tabs */

/* Related Options Slider */
.related-options-carousel .image-container {
    height: 200px
}

.related-options-carousel .caption {
    height: 100px;
}

.related-options-carousel .caption h2 {
    font-size: 18px;
}

/* END Related Options Slider */

/*Add to basket modal */
.modal-icons, .productpage-icons, .productgroup-icons {
    margin-top: 15px;
    margin-bottom: 15px;
}

.modal-icons i, .modal-icons .fa {
    font-size: 40px !important;
}

.productpage-icons i, .productpage-icons .fa, .productgroup-icons i, .productgroup-icons .fa {
    font-size: 35px !important;
}

.modal-buyitem select, .productgroup-buyitem select {
    padding: 10px;
}

/*loyalty point badge text overlay*/
.modal-loyaltypoints, .productpage-loyaltypoints, .productgroup-loyaltypoints {
    position: relative;
    display: inline-block;
}

.modal-loyaltypoints .loyaltypoint-number {
    color: #fff;
    position: absolute;
    left: -2px;
    top: 20%;
    width: 100%;
    text-align: center;
    font-size: 15px !important;
}

.productpage-loyaltypoints .loyaltypoint-number, .productgroup-loyaltypoints .loyaltypoint-number {
    color: #fff;
    position: absolute;
    left: 0;
    top: 16%;
    width: 100%;
    text-align: center;
    font-size: 15px !important;
}

/*end loyalty point badge text overlay*/
/*END Add to basket modal */
span.discounttext {
    font-size: 13px;
    font-weight: 700;
}

.usually-price {
    color: #808080;
}

.layoutButtons {
    display: none !important;
}

.layoutButtons .viewAsGridButton, .viewAsListButton {
    padding: 0;
    width: 38px;
    height: 38px;
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    border-radius: 2px;
}

.layoutButtons .viewAsGridButton .fa, .viewAsListButton .fa {
    font-size: 34px;
    color: #808080;
}

.layoutButtons .viewAsGridButton.modeset .fa, .layoutButtons .viewAsListButton.modeset .fa {
    color: #ccc;
}

.productpage-wishlist, .productpage-loyaltypoints, .productpage-quote, .productpage-deliverydate, .productgroup-wishlist, .productgroup-loyaltypoints, .productgroup-quote, .productgroup-deliverydate {
    display: inline-block;
    margin-right: 15px;
}

/* Grouped Category box */
select.groupedProduct, select.groupedProduct:hover, select.groupedProduct:active, select.groupedProduct:focus {
    background: #77bc43;
    color: #fff;
}

.grouped-category-box {
    padding: 0;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.grouped-category-box h3, .product-code {
    word-wrap: break-word;
}

.grouped-cat-caption {
    text-align: center;
    background-color: #d3d3d3;
    height: 75px;
}

.list-view .grouped-cat-caption {
    text-align: left;
    background-color: transparent;
    height: auto;
}

.date-estimate {
    background: #fff;
    border: 1px solid #77bc43;
    width: 50px;
    border-radius: 4px;
    text-align: center;
    max-height: 50px;
}

.date-estimate-day {
    padding: 3px;
    background-color: #77bc43;
    color: #fff;
    font-size: 12px;
}

.date-estimate-date {
    padding: 3px;
}

#address-update-alert-text {
    padding: 0;
}

.grouped-cat-details-container {
    text-align: center;
    padding: 15px 10px 20px;
    min-height: 45px;
}

.logged-in-container {
    height: 165px;
}

.grouped-cat-details-sm-container {
    text-align: center;
    padding: 15px 10px 19px;
    min-height: 45px;
}

.grouped-cat-details-container .fa {
    font-size: 2em;
}

.grouped-cat-details-container .product-code {
    min-height: 40px;
}

.product-list-group-shorttitle {
    min-height: 30px;
}

.grouped-cat-price-label {
    height: 36px;
}

.list-view .grouped-cat-price-label {
    height: auto;
}

.item-row .btn-block {
    width: 20%;
}

.item-row .favloyalIcons .fa {
    font-size: 2em;
}

/* END Grouped Category box */

/* product list product box */
.product-box {
    padding: 0;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.product-caption {
    text-align: center;
    background-color: #d3d3d3;
    height: 75px;
}

.product-price-label {
    height: 60px;
}

.plist-listview-item i, .product-box i, .grouped-cat-details-container i, #productListGroupAddToBasketModal > div > div > div > button > span > i, .grouped-category-box i {
    font-size: 30px;
}

.fas.fa-star, .fa.fa-star {
    color: #fc0;
}

.far.fa-star, .far.fa-heart {
    color: #ccc;
}

.fa-heart {
    color: red;
}

.quantitybreaktable {
    font-weight: 700;
    color: red;
    font-size: 14px;
}

/* END product list product box */

/* Favourites/Wishlist buttons */
.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #000 !important;
}

.wishlistsubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:active, .wishlistsubmitinput-prodlist:focus {
    color: #000;
}

.plist-listview-item .wishlistform button#wishlistsubmitinput {
    padding: 0;
}

/* END Favourites/Wishlist buttons */

/* Quote button product list product page */
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus {
    color: #000;
}

.quoteform {
    width: auto;
}

.plist-listview-item .wish-and-quote {
    float: none;
}

.wishlistform {
    text-align: inherit;
    border: 0;
}

/* END Quote button product list product page */

/* in basket fa icon */
.viewoptionsform {
    position: relative;
}

.viewoptionsform > .fa-shopping-cart, .basketsubmit .fa-shopping-cart {
    position: absolute;
    left: 25px;
    font-size: 2em;
    top: 5px;
    color: #fff;
}

/* END in basket fa icon */

/* Group prod modal */
.modal-group-buyitem .alt-unit-price, .productgrouppage-group-buyitem .alt-unit-price, .productgroup-buyitem .alt-unit-price {
    display: inline;
}

/* END Group prod modal */

/* Optinal Category Slider CSS */
.suggestedbox {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0 20px;
    margin-bottom: 2px;
}

.suggestedbox .suggested {
    margin: 10px;
}

#relatedOptionsCategorySlider {
    position: relative;
}

#relatedOptionsCategorySlider .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: -65px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

#relatedOptionsCategorySlider .owl-nav button.owl-next {
    position: absolute;
    top: 40%;
    right: -65px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.owl-carousel .owl-item img {
    width: auto !important;
    margin: 10px auto;
}

.category-slider-description {
    font-size: 13px;
    text-align: left;
    height: 200px;
    padding: 10px;
    background: #f2f2f2;
}

.list-view .rowborder {
    background: #fff;
}

.plist-listview-item .add i {
    font-size: 20px;
}

/* END optinalCategorySlider CSS */

/* Basket Interested in product slider */
#basketInterestedInProductSlider {
    position: relative;
}

#basketInterestedInProductSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

#basketInterestedInProductSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* END Basket Interested in product slider */

/* Common interested in slider on wishlist/favourites page */
#wishlistInterestedInProductSlider {
    position: relative;
}

#wishlistInterestedInProductSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

#wishlistInterestedInProductSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

/* END Common interested in slider on wishlist/favourites page */

/* Common interested in slider on product history page */
#commonInterestedInProductSlider {
    position: relative;
}

#commonInterestedInProductSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

#commonInterestedInProductSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

/* END Common interested in slider on product history page */

/* Filter suv category slider */
#owl-sub-category-filter-slider .owl-nav button.owl-prev {
    position: absolute;
    top: 10%;
    left: -50px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

#owl-sub-category-filter-slider .owl-nav button.owl-next {
    position: absolute;
    top: 10%;
    right: -50px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

@media screen and (max-width: 882px) {
    #owl-sub-category-filter-slider .owl-nav button.owl-prev {
        left: 0 !important;
    }

    #owl-sub-category-filter-slider .owl-nav button.owl-next {
        right: 0 !important;
    }
}

/* End Filter suv category slider */
/* tooltip interested In Products Slider*/
.tooltip-interestedInProducts {
    background-color: #FFF;
    color: #000;
    margin: 10px;
}

#tooltipRelatedSlider {
    position: relative;
}

#tooltipRelatedSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

#tooltipRelatedSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -15px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 1px solid #ccc;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center
}

#tooltipRelatedSlider .product-box {
    margin-bottom: 15px;
}

.tooltip-close-btn-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip-interestedInProductsClose {
    margin: 5px;
}

/* END tooltip interested In Products */

/* Alternatives in Basket slider */
h2.suggested {
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
    font-weight: 700;
}

div[id^="alternativesInBasketSlider_"] {
    position: relative;
}

div[id^="alternativesInBasketSlider_"] .owl-nav button.owl-prev {
    position: absolute;
    top: 45%;
    left: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 24px;
}

div[id^="alternativesInBasketSlider_"] .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: -25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 24px;
}

.basketalternativeproduct .panel-heading {
    margin: -15px -15px -1px;
}

#basketInterestedInProductSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 45%;
    left: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 24px;
}

#basketInterestedInProductSlider .owl-nav button.owl-next {
    position: absolute;
    top: 45%;
    right: -30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    font-size: 24px;
}

.basketalternativeproduct {
    text-align: left;
}

.basketalternativeproduct .panel-group {
    margin: 0;
}

.product-box .quoteform button.quotesubmitinput-prodlist .fas, .product-box .wishlistsubmitinput-prodlist .far, .product-box .wishlistsubmitinput-prodlist .fas {
    padding: 3px;
    color: #ffffff;
    font-size: 24px;
}

.product-box .quoteform button.quotesubmitinput-prodlist:hover .fas, .product-box .wishlistsubmitinput-prodlist:hover .far, .product-box .wishlistsubmitinput-prodlist:hover .fas {
    color: #333;
}

/* END Alternatives in Basket Slider */

/* tooltip notification */
/* donot make this any transparent as you may be interested in container is inside the tooltip*/
.tooltipcontainer {
    z-index: 1000 !important;
}

.tooltipcontainer .basket-notification {
    opacity: 1;
}

/* END tooltip notification */

.category-box, .product-group-box, .product-box, .featured-list .thumbnail, .grouped-category-box {
    border: 1px solid #ccc;
    background: #fff;
    padding: 0;
    margin-bottom: 30px;
}

.category-box {
    padding: 15px;
}

.center-text, .page-title {
    text-align: center;
    color: #666666;
}

.center-text .main-heading, .page-title, .cat-caption h2 {
    font-weight: 700;
    color: #121212;
    font-size: 26px;
}

.description-teaser {
    font-size: 14px;
    color: #666;
}

.cat-caption {
    height: 160px;
}

.breadcrumb {
    border: 1px solid;
    margin-bottom: 15px;
    border-color: #ccc;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 7px;
}

.product-caption, .grouped-cat-caption {
    text-align: center;
    background-color: #fff;
    height: 75px;
    padding: 10px;
}

.product-caption h2, .grouped-cat-caption h2 {
    font-weight: bold;
    color: #121212;
    font-size: 15px;
}

.product-box, .grouped-category-box {
    background-color: #f2f2f2;
    padding: 0;
}

.grouped-category-box h3 {
    margin-top: 11px;
    margin-bottom: 11px;
}

.product-image-container, .grouped-cat-image-container {
    background-color: #fff;
    height: 230px;
}

input.basketsubmit, .add input.addtobasket, .addtobasket_productgroup_modaltrigger {
    margin: 0;
    background-color: #77bc43;
    border: none;
    height: 45px;
    text-transform: capitalize;
}

#tooltipcontainer.fixed {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    right: 0;
    left: 0;
    width: 90%;
    z-index: 1000;
    overflow-y: scroll;
    overflow-x: hidden;
}

.product-code {
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    height: 45px;
}

.sub-cats-section .btn-default {
    width: 100%;
    margin-bottom: 20px;
}

.att-blocks {
    border-top: 1px solid #cccccc;
    padding-top: 5px;
    margin-top: 5px;
}

.att-blocks .panel {
    border: none;
    box-shadow: none;
    background-color: #f2f2f2;
    margin-bottom: 10px;
}

.att-blocks .panel-default > .panel-heading {
    color: #666666;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.grouped-category-box select {
    padding: 10px;
}

.col-md-6 .image {
    overflow: inherit;
}

.col-md-6 .image, .col-md-6 .pdetails {
    padding: 0;
    border: none;
}

.panel-group .panel {
    margin-bottom: 15px;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #ccc;
    border-color: #808080;
}

.youtube-iframe-container {
    height: 390px;
}

.video-item {
    height: 400px;
}

.alt-image-item {
    border: 1px solid #ccc;
    background: #fff;
    height: 120px;
    width: 120px;
    padding: 10px;
    float: left;
    margin: 10px;
}

.alt-image-carousel {
    padding: 0 30px;
}

.alt-image-carousel .owl-prev {
    top: 180px;
    left: 0;
}

.alt-image-carousel .owl-next {
    top: 180px;
    right: 0;
}

.remove-from-basket {
    padding: 8px 12px;
    border: 1px solid red;
    background: red;
    color: #fff;
}

.form-control.basket-qty {
    font-size: 13px;
}

#editbaskettable {
    border: 1px solid #ccc;
}

.product-box.col-md-3 {
    margin: 0 15px;
}

.basketalternativeproduct .panel-group .panel {
    margin-bottom: 0;
    border: 0;
    padding: 15px;
}

.basketalternativeproduct .panel-title a::after {
    display: none;
}

.basketoddrow, .basketevenrow, .basketalternativeproduct {
    background: #fff;
}

.totals-table, .sidebar-basket-totals {
    width: 100%;
    font-size: 15px;
    border: none !important;
}

.totals-table td {
    padding: 5px;
}

.totals-table .baskettotalval {
    font-weight: 700;
}

.empty-basket-btn {
    display: none;
}

#basketupdatebasket {
    display: inline-block;
    float: none;
    margin-right: 0;
}

#baskettocheckout, #baskettocheckout .btn-primary, #relatedOptionsCategorySlider .btn-primary {
    margin-top: 0;
}

.delivery-options {
    display:none;
}

.delivery-instructions {
    margin-top: 20px;
}

.price-per-x {
    color: #808080;
}

.add-to-quote-text {
    font-family: 'DM sans', sans-serif;
    font-size: 15px;
    vertical-align: middle;
    padding-left: 10px;
}

.featured-list .add-to-quote-text, .pdetails .add-to-quote-text, .modal-quote .add-to-quote-text {
    display: none;
}

.show, .sortby {
    margin: 5px 15px 15px 0;
}

.suggestedbox .product-price-label {
    height: 80px;
}

.modal-dialog.modal-md .btn-primary {
    margin-top: 0;
}

.btn-default.active {
    color: #fff;
    background-color: #77bc43;
    border: none;
}

#add-product-form .btn-info, #add-product-form .btn-danger {
    background-color: gray;
    border: none;
}

.showMoreButton {
    display: block;
    width: 100px;
    margin-top: 10px;
}

.modal-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.tooltipcontainer .data {
    background: #808080;
}

.container.USP.USPContainer {
    display: none;
}

.sidebarBasketQtyInput {
    width: 70px !important;
    height: 43px !important;
    text-align: center;
}

#editbaskettable.totals-table tr.tot td:first-child {
    text-align: left !important;
}

#productGroupDropdownListing .productgroup-product-title, #productGroupDropdownListing .productgroup-stockcode {
    margin-top: 15px;
}

.sidebar-logout-button {
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    background: #d3d3d3;
}

.plist-listview-item p.groupdesc {
    min-height: 20px;
}

.plist-listview-item .add .basketsubmit .basketsubmit {
    margin-top: 0;
}

.listviewoptions {
    width: 205px;
    height: auto;
}

.plist-listview-item .code {
    font-size: inherit;
}

.hide-block {
    display: none;
}

.show-block {
    display: block;
}

.list-group-item-warning {
    color: inherit;
    background-color: #f2f2f2;
}

.list-group-item > .badge {
    background: #808080;
    float: right;
    color: #fff;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #77ba3f;
    border-color: #77ba3f;
}

#avialableBudgetInfo .panel-warning {
    border: none;
    background: none;
}

.panel-warning > .panel-heading {
    color: #121212;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.user-management .main-content h1 {
    font-weight: 700;
    color: #666666;
    font-size: 18px;
    text-align: center;
}

.total-figures {
    text-align: right;
}

#ordertable .btn-primary {
    margin-top: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px !important;
    background-color: #77bc43;
    color: #fff;
    border: none;
    border-radius: 3px;
    font-size: 1em;
}

.form-control {
    height: 40px;
}

#mainsearch:focus {
    outline: none;
}

/* RESETS FOR USER MANAGEMENT */
.user-management .btn-primary {
    margin-top: 0;
    white-space: unset;
}

.user-management .panel-title a::after {
    content: '';
}

.user-management .btn-info {
    background-color: #808080;
    color: #fff;
    text-transform: uppercase;
    border-color: #bbb;
}

.user-management .btn-info:hover {
    color: #333;
    background-color: #d3d3d3;
    border-color: #bbb;
}

.user-management .btn-danger {
    background: #104f27;
    color: #fff;
    text-transform: uppercase;
    border-color: #104f27;
}

.user-management .btn-danger:hover {
    color: #fff;
}

/* END RESETS FOR USER MANAGEMENT */
.currency:before, .paymenttotal:before {
    content: "£";
}

.pay-now-btn {
    float: right;
}

.prod-img img {
    max-height: 150px;
}

.total-usual-price, .total-multibuy-price, .multibuy-savings {
    font-weight: bold;
    font-size: 15px;
    text-align: right;
}

.multibuy-savings {
    color: red;
}

#userManagementModal .btn-primary {
    margin-top: 0;
    text-transform: none;
}

.modal-header .close {
    font-size: 30px;
    color: red;
    opacity: 1;
}

.lightbox-video.cboxElement img[src*="youtubeOverlayImg"] {
    top: 115px !important;
    left: 180px !important;
    height: 100px !important;
}

.search-results .main-heading .badge {
    display: inline-block;
    min-width: 10px;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
}

.search-results .main-heading .badge .fa-times {
    color: #cecece;
}

/*#sub-category-filter-panel {*/
/*    height: 80px;*/
/*    overflow: hidden;*/
/*}*/
.make-payments {
    text-align: center;
}

.dataTables_info {
    text-align: left;
}

.quote-replacement-btn .quotesubmitinput-prodlist {
    display: block;
    width: 100%;
    padding-top: 8px;
    color: #fff !important;
}

.quote-replacement-btn:hover {
    background: #ccc;
}

.quote-replacement-btn .quotesubmitinput-prodlist:hover {
    color: #333 !important;
}

.sidebar-panel-section-links .far.fa-heart {
    color: inherit;
}

.user-management .panel-title a.btn {
    font-size: 12px;
    font-weight: normal;
}
p.WysiwygTheme__paragraph img {
    max-width: 100%;
}
.product-image-container img {
    max-width: 100%;
    padding: 5px;
}
.WysiwygTheme__paragraph {
    margin: 0 0 10px;
}
.WysiwygTheme__tableCell, .WysiwygTheme__tableCellHeader {
    border: 0;
}
@media only screen and (max-width: 620px) {
    #productListGroupAddToBasketModal .modal-image, #addToBasketModal .modal-image,
    #productListGroupAddToBasketModal .modal-description, #addToBasketModal .modal-description, #addToBasketModal hr, #productListGroupAddToBasketModal hr, .modal-body .showMoreButton {
        display: none !important;
    }
}

.npbuttons > select[name="ordermanager"] {
    height: 40px !important;
}

.npbuttons > .finish.btn-primary {
    margin-top: 0;
}

@media only screen and (max-width: 992px) {
    /*.npbuttons > label[for="ordermanager"], .npbuttons > select[name="ordermanager"] {*/
    /*    float: none!important;*/
    /*}*/
    .npbuttons {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    #collapse-nav .fa-bars {
        font-size: 30px;
    }

    .npbuttons > * {
        text-align: center;
        width: 100%;
        margin-top: 15px !important;
    }

    input.previous[value="Previous"] {
        width: 100%;
        margin-top: 20px;
    }
}

#address-update-alert {
    display: none;
}

#address-update-alert-error {
    display: none;
}

.basket-available-point-info {
    margin-top: 30px
}

.product-page-heading, .productGroup-page-heading {
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px;
}

.product-page-heading h1, .productGroup-page-heading h1 {
    font-size: 22px;
    margin-top: 0;
}

.main-content.product-group {
    padding: 0;
}

/* on smaller devices reduce space in the product list pages*/
@media only screen and (max-width: 480px) {
    .product-caption, .grouped-cat-caption {
        height: auto;
        padding: 0;
    }
    .col-xs-6 {
        width: 100%;
    }
    .product-caption h2, .grouped-cat-caption h2 {
        padding-bottom: 10px;
        margin-bottom: 0;
        padding-top: 10px;
        margin-top: 0;
    }

    .product-box .product-image-container .product-image, .grouped-cat-image-container .grouped-cat-image {
        max-height: 150px;
    }

    .owl-carousel .owl-item img {
        margin: auto;
    }

    .product-image-container, .grouped-cat-image-container {
        height: 150px;
    }

    .suggestedbox .product-price-label {
        height: auto;
    }

    .grouped-cat-details-container .col-xs-6 {
        width: 50%;
    }

    .grouped-cat-details-container .product-code {
        min-height: auto;
    }

    .product-code {
        height: auto;
    }

    .product-list-group-shorttitle {
        min-height: auto;
    }

    .grouped-cat-price-label {
        height: auto;
    }

    .grouped-cat-details-container {
        min-height: auto;
    }

    .logged-in-container {
        height: auto;
    }

    .product-price-label {
        height: auto;
    }

    .buttons-bot {
        width: 100%;
    }

    body.product-history .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 2px;
    }

    #address-update-alert-icon {
        padding: 10px 0 0 0;
    }
}

.product_history_fav_container, .product_history_buy_options {
    text-align: center;
}

.product_history_buy_options .fa-shopping-cart {
    position: absolute;
    left: 2px;
    font-size: 1em;
    top: 16px;
    color: #fff;
}

.product_history_buy_options .basketsubmit {
    width: 60px;
}

.add_to_basket_single_item_view {
    display: flex;
    justify-content: space-between;
}

.add_to_basket_single_item_view > div {
    margin: auto;
    flex: 2 30%;
}

.add_to_basket_single_view_basket_indicator {
    flex: 1 10% !important;
    color: #808080;
    padding-left: 10px;
    font-size: 2em;
}

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

.add_to_basket_single_view_qty_box > select {
    margin-left: 15px;
}

@media only screen and (max-width: 500px) {
    .add_to_basket_single_item_view .alt-unit-select {
        margin-bottom: 15px;
    }

    .add_to_basket_single_view_qty_box {
        display: block;
    }

    .add_to_basket_single_item_view {
        flex-direction: column;
    }
}

.wishlistsubmitinput-prodlist-holder {
    cursor: pointer;
}

.rotate_smartphone {
    display: none;
    padding: 5px;
}

/* fav reworked*/
@media (min-width: 768px) {
    .row.fav-utility-box {
        display: flex;
        flex-wrap: wrap;
    }

    .row.fav-utility-box > [class*='col-'] {
        display: flex;
    }
}

.favourite.list-view {
    padding: 15px 0;
    border: none;
}

.favourite-remove-icon {
    font-size: 35px !important;
}

.favourite-product-caption, .favourite-product-price-section {
    text-align: left;
}

@media only screen and (max-width: 480px) {
    .favourite.list-view > div {
        padding: 0 3px;
    }
}

.favourite-page-add-to-basket-container .viewoptionsform > .fa-shopping-cart, .basketsubmit .fa-shopping-cart {
    position: absolute;
    left: 10px;
    font-size: 1.8em;
    top: 8px;
    color: #fff;
}

@media (max-width: 380px) {
    .favourite-page-add-to-basket-container .viewoptionsform > .fa-shopping-cart, .basketsubmit .fa-shopping-cart {
        left: 5px;
        font-size: 1em;
        top: 14px;
    }
}

.hr-line {
    margin-top: 5px;
    margin-bottom: 5px;
}

#footer a#poweredByOGL {
    padding: 0;
    font-size: 12px;
}

.select2-container {
    width: 100% !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
}

/* Target the dropdown container */
.select2-container--default .select2-selection--single {
    background-color: #77bc43; /* Background for selected item */
    color: #fff; /* Text color */
    border: 1px solid #264653; /* Optional border */
}

/* Target the arrow inside the dropdown */
.select2-container--default .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent; /* Change arrow color */
}

/* Change the background color when you hover over an item */
.select2-results__option--highlighted {
    background-color: #264653; /* Highlighted background */
    color: #fff; /* Highlighted text color */
}
/* Target the selected option in the dropdown */
.select2-results__option[aria-selected="true"] {
    background-color: #264653; /* Custom background for selected option */
    color: #ffffff; /* Custom text color for selected option */
}
.btn-group.sidebarButtonContainer .btn {
    padding: 10px 15px 11px;
}

/**
order page datatables hide search
 */
#ordertable_filter, #ordertable_length {
    display: none;
}

.form-group > .select2-container {
    width: 100% !important;
}

.order-more-details-link:focus {
    cursor: pointer !important;

}

.order-more-details-link {
    cursor: pointer !important;
    text-decoration: underline !important;
    float: left;
}

.rotate-message {
    display: none;
}

@media (max-width: 380px) {
    .rotate-message {
        display: block
    }
}

/**
 * hacks to override footable arrow images
 */
.footable.breakpoint > tbody > tr > td.expand {
    background: none;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
    background: none;
}

/**
 * Down arrow override for footable
 */
.footable.breakpoint > tbody > tr > td.expand:before {
    background: none;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    content: "\f078";
    margin-left: -40px;
    padding-right: 5px;
}

/**
 * Up arrow override for footable
 */
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand:before {
    background: none;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    content: "\f077";
    margin-left: -40px;
    padding-right: 5px;
}

/* PHONE Order History list Portrait  hacks to override footable created html  */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #orders div.footable-row-detail-inner div strong {
        display: block;
        float: left;
        padding-right: 10px;
        width: 50%;
        padding-left: 15px;
    }

    #orders div.footable-row-detail-inner div:not(.date-estimate):not(.date-estimate-day):not(.date-estimate-date):not(.maxoptra-media-display) { /** not maxopta-calendar-holder **/
        float: left;
        width: 100%;
        min-height: 20px;
    }


}

/* PHONE Order History list Landscape hacks to override footable created html */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 740px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #orders div.footable-row-detail-inner div strong {
        display: block;
        float: left;
        padding-right: 10px;
        width: 15%;
        padding-left: 15px;
    }

    #orders div.footable-row-detail-inner div:not(.date-estimate):not(.date-estimate-day):not(.date-estimate-date):not(.maxoptra-media-display) { /** not maxopta-calendar-holder **/
        float: left;
        width: 100%;
        min-height: 20px;
    }
}


.maxoptra-media-display {
    text-align: left;
}

.maxopta-calendar-holder {
    max-width: 60px;
}

.maxopta-calendar-holder i {
    color: #77bc43;
}

.maxopta-calendar-holder .maxopta-calendar-text {
    color: #222222;
    font-size: 12px;
    position: relative;
    left: 10px;
    top: -40px;
    font-weight: bold;
    width: 30px;
    display: block;
    text-align: center;
}

/**
 * specific hack for footable mobile calendar placement
 */
body.display-orders div.date-estimate {
    display: inline-block;
}

@media only screen
and (min-device-width: 360px)
and (max-device-width: 740px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

    .order-more-details-link {
        float: right;
    }
}

/**
 * layout adjustment for order table with pagination
 */
#ordertable {
    margin-bottom: 0;
}

@media screen and (max-width: 480px) {
    body.display-orders {
        margin-bottom: 945px;
    }

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

    .order-more-details-link {
        float: right;
    }

}

.dataTables_info {
    width: 90%;
}

.address-wrapper {
    display: inline-block;
    max-width: 122px;
}

.basic-link-force {
    text-decoration: underline !Important;
}


.USPContainer {
    margin-bottom: 0;
    padding: 0;
}

.btn-related-accessories {
    border-radius: 0;
}

.USP-Item {
    font-size: 40px;
    margin-bottom: 10px;
    color: #104f27;
}

.USP-link {
    color: #104f27;
	font-size: 15px
}

.USP-buttons {
    text-align: center;
    background-color: #f2f2f2;
    border: 0
}

.productfocus-row {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.productfocus-item {
    padding: 0
}

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

.jangrobrands-container {
    margin: 15px;
}

.jangrobrands-col {
    width: 100%;
}

.jangrobrands-img {
    padding: 0;
    margin: 0;
}

.persona-container {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto
}

.persona-col {
    padding: 5px;
	padding-bottom: 10px;
	border-radius: 7px;
}

.persona-background {
    background-color: #ffffff;
	border: 1px solid #ccc;
}

.persona-heading {
    margin: 5px;
    height: 150px;
}

.personausp-heading {
    margin: 5px;
    height: 200px;
}

.color-parsley {
    color: #104f27;
}

.color-grey {
    color: #808080
}

.color-sushi {
    color: #77ba3f
}

.btn-align-center {
    text-align: center
}

.btn-width88 {
    width: 88%
}

@media screen and (min-width: 768px) {
    .persona-container {
        width: 688px;
    }
}

@media screen and (min-width: 992px) {
    .persona-container {
        width: 95%;
    }
}

@media screen and (min-width: 1200px) {
    .persona-container {
        width: 95%;
    }
}

.itemsinbasket {
    background-color: #77bc43 !important;
}

.itemsinbasket:focus, .itemsinbasket:hover {
    background-color: #fff !important;
}

.btn {
    border-radius: 7px;
}

.academy-box {
    border: 0;
    background: #f2f2f2;
    padding: 0;
    margin-bottom: 30px;
}

.columnContainer {
    background-color: #f2f2f2 !important;
}

.header-search-container {
    border-radius: 7px;
}

.fa-search {
    color: #104f27;
}

.article-image {
    max-width: 100%;
    max-height: 200px;
    position: relative;
    top: 50%
}

.articlesequence {
    padding: 10px;
    background: #fff;
}

.articlesequence:hover {
    background: #D3D3D3;
}

.themearticle {
    background: #f2f2f2;
    padding: 0;
    border-color: #f2f2f2;
    margin: 0px;
}

.themearticle:hover {
    background: #D3D3D3;
}

.typearticle {
    background: #fff;
    padding: 0;
    border-color: #f2f2f2;
}

.typearticle:hover {
    background: #D3D3D3;
}

.whitecarousel {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 30px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.menucategory-box {
    border: 1px solid #ccc;
	border-radius: 7px;
}

.btn-footer {
	background-color: #ffffff;
    color: #77ba3f;
    margin-top: 15px;
    text-transform: uppercase;
    border-radius: 7px;
}
.account-switch-portal-link {
    background: #104f27;
    color: #fff;
}
.homecarousel .owl-dots {
    position: unset;
    bottom: unset;
    margin-top: 15px;
}

.form-clear {
    display: block;
    clear: both;
}
.quote-request .addproducttoquote #quotesubmit .btn {
    color: #000;
    background-color: transparent!important;
    border-color: unset!important;
    padding: 0;
}