.back-to-top-container { right: 18rem; }
.back-to-top { right: 13rem; }

.navbar-default, footer, #footer, .nav > li > a:hover, .nav > li > a:focus, #leftsidebar .panel-default > .panel-heading a:hover {
    background-color: #0d2237;
    color: #fff;
}
footer {
    padding-bottom: 55px;
}
#footer a, .navbar-default .fa, .level1 a, .fa-search, .drilldown a.navback, .drilldown a, .navbar-social, .navbar-myaccount, .navbar-logout, .navbar-greeting, .navbar-header .fas {
    color: #fff;
}
.navbar .level1 a {
    font-size: 14px!important;
}
.yamm .level1>a {
    padding: 12px;
}
.yamm .level1:hover, .drilldown .navback, .owl-controls .owl-dot span {
    background: #31b24b;
}
.nav-justified > .dropdown .dropdown-menu {
    top: 82px;
}
a, .yamm .level3 a, .header-basket a {
    color: #0d2237;
}
.yamm .nav-heading a, .highlight {
    color: #31b24b;
}
.btn-primary, .header-search .searchform .btn, #searchformbody .input-group-addon, .input-group-btn .btn {
    background-color: #31b24b;
    border: 1px solid #31b24b!important;
}
.header-search .searchform .searchterm {
    background: #ffffff;
    border: 1px solid #31b24b!important;
}

.header-search { width: 100%; }
.header-search .searchform { width: 47%; clear: none; margin: 10px 5px 5px; }
.header-search .searchform.alias .searchterm {
    border: 1px solid #0d2237!important;
}
.logout-form, .navbar-greeting, .navbar-myaccount {
    float: right;
}
.logout-form, .navbar-greeting, .navbar-myaccount {
    float: right;
}
button#logout {
    margin: 5.5px 0;
}
.header-phone { padding-top: 15px; }
.btn-primary, .header-search .searchform.alias .btn, #searchformbody .input-group-addon, .input-group-btn .btn {
    background-color: #0d2237;
    border: 1px solid #0d2237!important;
}
#SearchResults {
    width: 345px;
    left: 25px;
    top: 45px;
}
#SearchResultsAlias {
    position: absolute;
    top: 45px;
    padding: 6px;
    border: 1px solid #bbb!important;
    list-style: none;
    background-color: #fff;
    width: 345px;
    z-index: 100;
    display: none;
    right: 35px;
}
.navbar-fixed-top .searchform .input-group-btn .btn, #search .searchform .btn {
    background-color: #31b24b;
    border: 1px solid #31b24b!important;
}

#collapse-nav {
    margin-right: 10px;
    background: #31b24b;
}
.drilldown li {
    border-bottom: 1px solid #31b24b;
    background: #0d2237;
}
.featured-title {
    background: #0d2237;
    color: #fff;
}
.page-home .caption h2 {
    background: none;
    color: #0d2237;
    padding: 0px;
    font-size: 16px;
    text-align: center;
}
.page-home .caption h3 {
    color: #31b24b;
    text-align: center;
    font-size: 16px;
}
.price {
    font-weight: bold;
}
.featured-list .thumbnail, #home-sub-adds img {
    border: none;
}
.image-container img {
    margin: 0 auto;
}
.home-featured .image-container img { width: auto !important; }

.panel-default > .panel-heading {
    color: #ffffff;
    background-color: #31b24b;
    border-color: #31b24b;
}
.panel-default {
    border-color: #0d2237;
}
.category-box, .product-box {
    border: 1px solid #31b24b;
}
.product-caption h2 {
    font-size: 18px;
}
.quotesubmitinput-prodlist, .quotesubmitinput-prodlist:hover {
    border: none!important;
    color: #31b24b!important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #0d2237;
    border-color: #0d2237;
}
.featured-title {
    background: #14283b;
    color: #fff;
}
#accordian-desc img {
    width: 100%;
    height: 100%;
}
.header-search ::-webkit-input-placeholder { font-size: 13px; }
.header-search :-ms-input-placeholder { font-size: 13px; }
.header-search ::placeholder { font-size: 13px; }

#header-detail { margin-top: 0px; }

#leftsidebar .panel-title .collapsed::after { color: #fff; }
.caption__overlay {
    -webkit-transform: translateY(125%);
    transform: translateY(125%);
}

#newsarticles-sidebar .text img {
    max-width: 100%;
    height: auto;
}

#deliverycharges .delopt table{
    width: 80%;
}
#deliverycharges .delopt table tbody tr td:first-child {
    width: 5%;
    padding-right: 10px;
    vertical-align: top;
}
#deliverycharges .delopt td {
    vertical-align: bottom;
}
#deliverycharges .delopt td.price {
    text-align: right;
}

#deliverycharges .delopt table tbody tr td:nth-child(2) {
    width: 50%;
    padding-right: 10px;
}

.table.quickorder-example {
    width: 75%;
    font-size: 12px;
    color: #999;
}

#tooltip-notifications.noty_type__success {
    background-color: #31b24b;
    border-bottom: 2px solid #9beeac;
}
#tooltip-notifications.noty_type__success a {
    color: #fff;
}
header.loggedIN {
    margin-top: 11rem;
}
a.navbar-greeting.hidden-xs.hidden-sm.loggedIN {
    clear:both;
}
.topproducts-image .img-responsive.thumb, .recentproducts-image .img-responsive.thumb {
    width: auto;
    max-height: 200px;
}

#footer #openingHours {
    font-size: 15px;
    margin: 10px 0 10px;
}

.add .quantity {
    min-height: 65px;
}
.product-box .basketqty .buy-qty, .pdetails .basketqty .buy-qty {
    height: 37px;
}
.product-box .grid-view-buttons .wishlistform .product-grid-secondary-button {
    border-color: transparent;
    min-width: 40px;
}
.wishlistsubmit .button {
    border-color: transparent;
}

@media only screen and (max-width: 992px){
    #cboxTitle {
        padding-bottom: 30px;
    }
    .navbar-default .navbar-toggle:focus {
        background-color: #0d2237;
    }
}
@media only screen and (max-width: 768px) {
    .searchform.alias {
        margin-top: 10px;
    }
    #deliverycharges .delopt td {
        vertical-align: top;
    }
}

.video {
    position: relative;
    background-color: #f8f8f8;
    overflow: hidden;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cat-description > .video {
    height: 780px;
}

.buy-qty {
    max-width: 65px !important;
}

.basketqty .inc, .basketqty .dec {
    padding: 7px 6px !important;
}
.quantity{
    width:100%;
}

.basketproductimage { max-width: 50px; }

input#quick-order-import-csv-file {
    background-color: #31b24b; /* Primary button color */
    color: #ffffff; /* White text color */
    border: 1px solid #0d2237; /* Dark border to make it stand out */
    padding: 10px 20px; /* Increase padding for better clickability */
    font-size: 16px; /* Larger font size */
    font-weight: bold; /* Make text bold */
    border-radius: 5px; /* Slightly rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Smooth hover transition */
}

input#quick-order-import-csv-file:hover {
    background-color: #0d2237; /* Darker background on hover */
    color: #31b24b; /* Green text on hover */
    border-color: #31b24b; /* Green border on hover */
}

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

    header {
        margin-top: 10rem;
    }
}