﻿
header .header-inner {
    border-bottom: solid 1px #ccc;
}

/* Product tag */

.product-tag .item {
    background-color: var(--bgcolormed);
    color: var(--textcolor);
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 2px;
    padding: 6px 12px 8px;
    border-radius: 15px;
    font-size: .95em;
}

    .product-tag .item.active,
    .product-tag .item:hover,
    .product-tag .item:focus {
        color: #fff;
        background: var(--primerycolor);
    }

/* Product tag */

/* Range Slider */

.slider-range {
    margin-top: 5px
}

    .slider-range .irs {
        font-family: inherit;
    }

    .slider-range .irs--round .irs-bar {
        background-color: var(--primerycolordark);
    }

.irs--round .irs-line {
    height: 3px;
}

.slider-range .irs--round .irs-handle {
    top: 28px;
    width: 20px;
    height: 20px;
    border-color: var(--primerycolordark);
    background: #fff;
    border-width: 3px;
    box-shadow: none;
}

.slider-range .irs--round .irs-min, .slider-range .irs--round .irs-max {
    direction: ltr;
    font-size: .9em;
    color: #888;
}

.slider-range.simple .irs--round .irs-min, .slider-range.simple .irs--round .irs-max, .slider-range.simple .irs--round .irs-single, .slider-range.simple .irs--round .irs-from, .slider-range.simple .irs--round .irs-to {
    display: none;
}

.slider-range.simple .item {
    position: relative;
}

.slider-range.simple .title {
    position: absolute;
    top: 8px;
    font-weight: 500;
}

.slider-range.simple .irs--round .irs-grid-pol {
    background-color: transparent;
}

.slider-range.simple .irs--round .irs-grid-text {
    font-size: .85em;
}

.slider-range .irs--round .irs-from, .slider-range .irs--round .irs-to, .slider-range .irs--round .irs-single {
    background-color: var(--primerycolordark);
    direction: ltr;
    font-size: .9em;
}

    .slider-range .irs--round .irs-from:before,
    .slider-range .irs--round .irs-to:before,
    .slider-range .irs--round .irs-single:before {
        border-top-color: var(--primerycolordark);
        bottom: -4px;
    }
/* Range Slider */


/* Filters */
.filters-container .nav-tabs.nav-tab-box li a .icon {
    color: var(--textcolorlight);
    fill: var(--textcolorlight);
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

.filters-container .nav-tabs.nav-tab-box li.active a .icon {
    color: var(--primerycolordark);
    fill: var(--primerycolordark);
}

.filters-container {
    background-color: var(--bgcolormedlight);
    padding: .5rem;
    /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);*/
    border-bottom: solid 1px #ccc;
    border-radius: var(--brediusmedium);
}

    .filters-container .lbl-cnt .lbl {
        color: var(--textcolor);
        display: inline-block;
        font-family: inherit;
        font-size: calc(.85em + .1vw);
        line-height: 28px;
    }

body.rtl .filters-container .lbl-cnt .lbl {
    font-size: .95em;
}

.filters-container .lbl-cnt .icon {
    font-weight: 600;
}

.filters-container .lbl-cnt .dropdown.dropdown-med .btn {
    /*  border: 1px solid #ddd;*/
    border-radius: var(--brediussmall);
    padding: 5px 10px;
    /*background: var(--bgcolor);*/
    font-size: .95em;
    font-weight: 500;
    color: var(--textcolor);
    transition: all 0.25s linear 0s;
}

    .filters-container .lbl-cnt .dropdown.dropdown-med .btn:hover {
        color: var(--primerycolor);
    }

    .filters-container .lbl-cnt .dropdown.dropdown-med .btn.activated {
        color: var(--primerycolordark);
        background: var(--primerycolorrgblight);
    }

.filters-container .dropdown-menu li a:hover,
.filters-container .dropdown-menu li a:focus {
    background: rgba(0, 0, 0, 0);
    color: var(--primerycolor);
    fill: var(--primerycolor);
}

.filters-container .dropdown-menu .checkbox {
    margin: 0;
    padding-right: 10px;
}

.filters-container .search-area .search-button {
    font-size: 1.2em;
}

.filters-container .filter-tabs {
    display: flex;
    justify-content: end;
}

    .filters-container .filter-tabs ul li .btn {
        padding: .55em .6em;
    }

    .filters-container .filter-tabs ul li.active .btn {
        background: var(--primerycolorrgblight)
    }

/* Filters */

/* Product detail drop down */

.product-sbox .menu-simple-list .item, .sbox-list .menu-simple-list .item {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

    .product-sbox .menu-simple-list .item .title, .sbox-list .menu-simple-list .item .title {
        display: unset;
        width: auto;
    }

    .product-sbox .menu-simple-list .item:first-child, .sbox-list .menu-simple-list .item:first-child {
        padding-top: 0;
    }

    .product-sbox .menu-simple-list .item:last-child, .sbox-list .menu-simple-list .item:last-child {
        padding-bottom: 0;
    }

    .product-sbox .menu-simple-list .item .icon, .sbox-list .menu-simple-list .item .icon {
        width: 16px;
        height: 16px;
    }

/* Product detail drop down */

/* ListView */

.listView .product {
    display: flex;
    flex-direction: row;
}

    .listView .product .product-info .name {
        /*  -webkit-line-clamp:1;*/
        min-height: unset;
    }

.listView .products .product .product-data {
    flex: 78%;
    flex-direction: row;
}

.listView .product .product-info {
    flex: 65%;
    padding: 0 8px;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.listView .product .product-image {
    margin-bottom: 0;
    flex: 15%;
}

    .listView .product .product-image a {
        min-height: unset;
    }

    .listView .product .product-image .image img {
        max-height: 120px;
    }

.listView .product .product-ex-btns {
    flex: 22%;
    border-left: solid 1px #ccc;
    padding-left: 15px;
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: start;
}
/* ListView */

/* tableView */
.tableView .product .product-info .text {
    min-height: 38px;
}

.tableView .product .product-info .product-brand {
    margin-bottom: 5px;
    justify-items: center;
}
/* tableView */


@media (min-width:768px) {
    .listView .product .product-price .price {
        text-align: center;
    }
}

@media (max-width:767px) {
    .filters-container .pagination-container {
        margin-bottom: 10px;
    }
}

@media (max-width: 575px) {
    .listView .product .product-image {
        flex: 40%;
        justify-content: start;
        margin-bottom: 5px;
    }

    .listView .product .product-info {
        flex: 60%;
        padding-right: 0
    }

    body.rtl .listView .product .product-info {
        padding-right: 8px;
        padding-left: 0;
    }

    .listView .products .product .product-data {
        flex: 100%;
    }

    .listView .product .product-ex-btns {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        border: none !important;
        padding: 0 !important;
    }

    .listView .product {
        flex-wrap: wrap;
    }

        .listView .product .product-info .product-brand {
            display: block;
        }

    .tableView .products .product .product-data {
        flex-direction: row;
    }
}
