.navbar-brand>img {
    max-height: 60px;
    width: auto;
}

/*
Make slider buttons larget to fit content
 */
.slider-button {
    width: auto !important;
}
/*Dont show arrows in input*/
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity-input {
    -moz-appearance:textfield;
}
/*Show indention on category tree*/
.side-nav li {
    padding-left: 14px;
}

/*No payment gateway banner and bottom of page*/
.payment-notification > div {
    font-weight: bold;
    background-color: red;
    color: white;
    font-size: 20px;
}

/*Bootstrap dropdown menu styling on product page*/
div.dropdown-menu.show{
    #max-height: 200px !important;
    overflow: hidden;
    transform: translate3d(0px, 52px, 0px) !important;
}
ul.dropdown-menu.inner{
    max-height: 200px !important;
    overflow-y: auto;
}


.dropdown-item:hover {
    color: #0da9ef !important;
}

.dropdown-item {
    color: #000 !important;
}

.option-not-avail:hover {
    color: #bbb !important;
}

.option-not-avail {
    color: #bbb !important;
}

.first_attribute .option-not-avail {
    color: #000 !important;
}

.first_attribute .option-not-avail:hover {
    color: #0da9ef !important;
}

.bootstrap-select>.dropdown-toggle {
    text-transform: none;
    padding: 0 18px 3px;
    border: 1px solid #dbe2e8;
    border-radius: 22px;
    background-color: #fff;
    color: #606975;
    font-family: "Maven Pro",Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 44px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline:0 !important; }

.bootstrap-select {
    min-width: 100% !important;
}

.dropdown-menu {
    min-width: 100% !important;
}

.productImage{
    height: 318px !important;
}

/*On sale banners on images*/
.ribbon {
    position: absolute;
    left: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0%, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; left: -21px;
}

/* carosel image styels*/
.carousel-inner {
    text-align: center;
    height: 300px;
}

.carousel-inner-thumb {
    max-height: 80px;
}

.singleProduct .media .productSlider #thumbcarousel .thumb, .singleProduct .media .productSlider #thumbcarousel .thumb:last-child, .carousel-inner .thumb {
    float: none;
    display: inline-block;
    flex-shrink: 0;
    margin: auto 5px auto auto;
}

.carousel-item > img {
    max-height: 100%;
    max-width: 100%;
}

/* Delete items buttons on cart*/
.cartListInner .table .btn-outline-danger {
    color: white;
    background-color: red;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;;
}

.cartListInner .table .btn-outline-danger:hover {
    opacity: .8;
}

.cartListInner .table-responsive .table tbody tr td .close {
    float: none;
    line-height: 37px;
    font-size: 16px;
    text-align: center;
    padding-left: 7px;
    text-transform: capitalize;
}

/* empty cart modal */
.modal-dialog .modal-content .modal-footer a, .modal-dialog .modal-content .modal-footer button {
    border: 1px solid;
    text-decoration: none;
    border-radius: 0px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.carousel-inner {
    text-align: center;
    height: 100%;
}

.carousel-inner-thumb {
    max-height: 160px;
    display: flex;
    overflow-x: auto;
}

.show > a {
    color: transparent;
}

.preloader {
    width: 100%;
    background-color: #fbfbfbc2;
    height: 100%;
    position: absolute;
    z-index: 10;
    display: none;
    justify-content: center;
    align-items: center;
}

.preloader.show {
    display: flex;
}

.preloader img {
    width: 30px;
    height: 30px;
}

.order_lookup .product-item {
    width: 100%;
}

.order_lookup .product-item img {
    max-width: 100%;
    height: auto;
}