﻿/*  nopCommerce 4.0 - nopAccelerate 4.0.3 theme: DefaultClean theme          *
/* *************************************************************************
// *                                                                       *
// * nopAccelerate - Solr Integration Extension for nopCommerce            *
// * Copyright (c) Xcellence-IT. All Rights Reserved.                      *
// *                                                                       *
// *************************************************************************
// *                                                                       *
// * Email: info@nopaccelerate.com                                         *
// * Website: http://www.nopaccelerate.com                                 *
// *                                                                       *
// *************************************************************************
// *                                                                       *
// * This  software is furnished  under a license  and  may  be  used  and *
// * modified  only in  accordance with the terms of such license and with *
// * the  inclusion of the above  copyright notice.  This software or  any *
// * other copies thereof may not be provided or  otherwise made available *
// * to any  other  person.   No title to and ownership of the software is *
// * hereby transferred.                                                   *
// *                                                                       *
// * You may not reverse  engineer, decompile, defeat  license  encryption *
// * mechanisms  or  disassemble this software product or software product *
// * license.  Xcellence-IT may terminate this license if you don't comply *
// * with  any  of  the  terms and conditions set forth in  our  end  user *
// * license agreement (EULA).  In such event,  licensee  agrees to return *
// * licensor  or destroy  all copies of software  upon termination of the *
// * license.                                                              *
// *                                                                       *
// * Please see the  License file for the full End User License Agreement. *
// * The  complete license agreement is also available on  our  website at * 
// * http://www.nopaccelerate.com/terms/                                   *
// *                                                                       *
// ************************************************************************* */
#npacc-catalog {
    min-height: 300px;
}

/*style for infinite-scroll button*/
.infinite-next {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: arial;
    /*font-size:15px;*/
    font-weight: bold;
    padding: 5px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    display: none;
    width: 100%;
}

    .infinite-next:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        background-color: #e9e9e9;
    }

    .infinite-next:active {
        position: relative;
        top: 1px;
    }

.npacc-ajax-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    color: white;
    height: 100%;
    width: 100%;
    display: block;
    background-image: url(npacc-ajax-loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    -khtml-opacity: 0.75;
}

.product-filters-block {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 10px;
}

    .product-filters-block .filter-title {
        background: none repeat scroll 0 0 #F6F6F4;
        border-radius: 5px 5px 0 0;
        color: #333333;
        font-size: 12px;
        letter-spacing: 1px;
        margin: 0;
        padding: 9px 7px;
        text-align: left;
        text-transform: uppercase;
    }

    .product-filters-block .filter-item {
        border-radius: 0 0 5px 5px;
        font-size: 11px;
        line-height: 18px;
        margin: 0;
        padding: 5px 10px 10px;
    }

        .product-filters-block .filter-item .title {
            background-image: url(data:image/gif;base64,R0lGODlhCgAKAIABAKWlpP///yH5BAEAAAEALAAAAAAKAAoAAAIRjI8HibAc3EtyKslwtg36UAAAOw==);
            background-position: 0 9px;
            background-repeat: no-repeat;
            line-height: 18px;
            list-style: none outside none;
            padding: 4px 1px 3px 13px;
            font-size: 12px;
            font-weight: bold;
        }

.filter-loading-img {
    display: block;
    margin: 0 auto;
}

.category-products-count,
.manufacturer-products-count,
.productbytag-products-count {
    margin-bottom: 10px;
    padding: 5px;
    background-color: #EEE;
    text-align: center;
}
/* Styles for nopAccelerate Ajax Filters */


.product-filters .filter-title strong {
    display: inline;
    height: 2em;
    line-height: 1.3em;
    overflow: hidden;
}
/* Price Range Filter Styles */
.k-slider-horizontal {
    float: left;
    width: 100%;
    height: 26px;
}

.price-range-filter .priceRangeMinMaxPanel {
    font-size: 0.9em;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
}

.price-range-filter .priceRangeMinPanel {
    float: left;
}

.price-range-filter .priceRangeMaxPanel {
    float: right;
}

.price-range-filter .priceRangeSlider {
    margin-bottom: 10px;
}

a.clearPriceRangeFilter:hover, a.clearAllFilters:hover, a.clearCurrentFilter:hover {
    color: #b80709;
}

.price-range-filter .priceRangeCurrentPricesPanel {
    float: left;
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
}

.price-range-filter .currentMinPrice {
    float: left;
}

.price-range-filter .currentMaxPrice {
    float: right;
}

.product-spec-filter .clearPriceRangeFilter {
    float: right;
    padding-top: 3px;
    font-size: 0.7em;
}

.price-range-filter {
    padding: 5px 10px !important;
}

/* Specification Filter Styles */
.filter-item .product-filters {
    margin: 12px 0 2px !important;
}

.product-spec-filter .available-items {
    overflow: hidden;
    width: 100%;
}

.product-spec-filter .filter-title {
    border-bottom: 1px dashed #C9C9C9;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.product-spec-filter .clearAllFilters {
    float: right;
    padding-top: 3px;
    font-size: 0.9em;
}

.product-spec-filter .group {
    list-style: none;
    font-weight: 500;
    float: left;
    border-bottom: 1px dashed #C9C9C9;
    margin-bottom: 10px;
    clear: both;
    display: block;
    width: 100%;
}

    .product-spec-filter .group:last-child {
        border-bottom: none;
    }

.product-spec-filter .filter-content {
    padding: 0;
}

.product-spec-filter .available-items .group .title {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.product-spec-filter .available-items .group .clearCurrentFilter {
    float: right;
    padding-top: 3px;
    font-size: 0.7em;
}

.filter-item-group .filter-search-box {
    padding: 5px 9px 10px;
}

.product-spec-filter .available-items .group .npacc-filter-search {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #999999;
    padding: 3px;
    width: 100%;
    border: 1px solid #DCDCDC;
}

    .product-spec-filter .available-items .group .npacc-filter-search:active,
    .product-spec-filter .available-items .group .npacc-filter-search:focus {
        border: 1px solid #2271B2;
        color: #565656;
        outline: 0 none;
    }

.product-spec-filter .available-items .group .filter-item-group {
    list-style: none;
    /*padding: 5px 0;*/
}

    .product-spec-filter .available-items .group .filter-item-group .scroll {
        max-height: 184px; /* Change height as per your requirement */
        overflow: auto;
    }

    .product-spec-filter .available-items .group .filter-item-group li {
        padding: 4px 0;
        overflow: hidden;
    }

    .product-spec-filter .available-items .group .filter-item-group .item input {
        float: left;
    }

    .product-spec-filter .available-items .group .filter-item-group .item a {
        display: block;
        overflow: hidden;
    }

    .product-spec-filter .available-items .group .filter-item-group .item .rating-anchor {
        display: block;
        float: left;
        /*margin-top:2px;*/
        margin-top: 0;
    }

.item span {
    float: none;
    padding: 0 5px;
}

.product-rating-box > div {
    float: left;
    line-height: 14px; /*margin-top:5px;*/
}

.product-spec-filter .available-items .group .filter-item-group li.item:hover, .product-spec-filter .available-items .group .stock-availabilities:hover {
    background-color: transparent;
    color: #4ab2f1;
}

.filter-item-group .item input[type="checkbox"] {
    margin: 1px 5px;
}

.product-spec-filter .available-items .group .filter-item-group .item a:hover,
.product-spec-filter .available-items .group .filter-item-group .item a:active,
.product-spec-filter .available-items .group .filter-item-group .item a:focus {
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
}

.product-spec-filter .available-items .group .stock-availabilities {
    padding: 4px 0;
}

.product-spec-filter .available-items .group .filter-item-group .item a.disabled {
    cursor: default;
    filter: alpha(opacity=50); /* internet explorer  5-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */
    -khtml-opacity: 0.5; /* khtml, old safari */
    -moz-opacity: 0.5; /* mozilla, netscape */
    opacity: 0.5;
}

.product-spec-filter .available-items .group .filter-item-group .item a em.matched {
    font-style: normal;
    font-weight: bold;
    border-bottom: 1px solid;
}

.product-spec-filter .available-items .collapse .arrow, .dropdown-title .arrow {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 14px;
    background: url(nopAccelerateArrowImage.png);
}

    .product-spec-filter .available-items .collapse .arrow.rotate {
        background-position: 4px -14px;
    }
/* Hides Lazy Loading images by default */
.lazy {
    display: none;
}

.product-grid .product-item .picture {
    vertical-align: middle;
    width: inherit;
}

/* Style for Adding Remove Filter Icon.*/
.filter-item .remove-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1QTk4QkYzQ0Y1QzExRTJCNzRFRkY3MjA0N0ZEQThFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1QTk4QkY0Q0Y1QzExRTJCNzRFRkY3MjA0N0ZEQThFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTVBOThCRjFDRjVDMTFFMkI3NEVGRjcyMDQ3RkRBOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTVBOThCRjJDRjVDMTFFMkI3NEVGRjcyMDQ3RkRBOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4UEiNzAAAC2ElEQVR42sSVXUgUURTH/zOza+5X2tqi7RqWZT0YS5HoVoZkPkQbghItREH0UkFP9dBLQUVE0EsPJQhCRkFFQRhKSxJILRWVFfii+UGRbltLbtlm6ro7nXtnZp1ZPzafunCYucP87u/ee87cEWRZhr6tedjvpwuLzRQbKd5TdFN0DNaXdWChtkuYl0VQNrCCJiahiy7NFA0LDP2A4ghNIJoh/GeWJhBNi0m6lu6fURQhe4tQbCJ5RJUumiV5RCSpRJ07Glhqz5mTWGk1a7fsvSZVamBRvH5uXdHqWaxIEVBzgroiGzprS3Brqwe5ksDfNIsCmivd6KpbhR2FNm2ABppwQM/CVw+09AKXngA5FuUtEy3ibBvQOgRU+tMsTTjAxPu1Jz0/JvF1YhpbllvRUuWGwyziasUKPqHRqSSG4lP6dRzUs+inGvo+QiVVC5xvB6x5wOl7yoR+UlqH+wysUNr24RvduLQnJTYzbm8rRmGuCWOJJJaaJS498HwEfWOThnwNNq2T9CzclO7LXUCBB/gVAxzLFOmpncDHHgMrGkBqn34ncPhlGNNUdEyaoqI/9vpLppQ1ZyaL8ACtcjeQTCjSVJJW35gp5SwTGz4Nq0nEOa8LJkHgUkoxzpS7kJ8jZcKjmSwsduD4NUCiQkylCCbm6BWahHMWy8SvtB4rpOs+NyqcFp7rfaHPPK8b8pfghs/Dc65r3XqWF9KFR0B5tZLrE9VKXsuo9i4+Bmx5BpaNdFfrVRVY0tJAaBjvYhM8t2z7mdzvdujhm3oW3poZ6cntQO8LJbds+5m8JmBgWXGxPXzDjji24j1uO0LRcUQnkzMJoW1mld0ejmN8OsVPITpAGtXvmLN8xWzwt51ALDKjyHMplf2U5vgnrpxgQbnx/51crEeDDLDNUs9TZDlvvWkpa0F5USyTGn4Sur/TXrocoqhUP5eoWkStJLyf5e80L0tCA/tXgAEAF2APTjFA2akAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 0 1px;
    display: inline-block;
    margin-left: 3px;
    text-indent: -9999px;
    width: 15px;
    height: 18px;
}

    .filter-item .remove-icon:hover {
        background-position: -15px 1px;
    }

.product-grid .product-item .add-info .product-variant-count {
    text-align: left;
}

.product-list .product-item .description {
    width: 400px;
    margin-bottom: 15px;
}

.k-slider-wrap .k-draghandle {
    border-radius: 3px;
}

.k-slider-track {
    width: inherit;
    height: 12px !important;
}

.k-slider-selection {
    width: 0px !important;
    left: 150px !important;
}

.k-slider-horizontal .k-tick {
    background-image: none;
}

.k-widget.k-tooltip {
    display: none;
}

.price-range-filter .priceRangeSlider {
    margin-left: 4px;
}

.k-slider-horizontal .k-draghandle {
    height: 15px;
    top: -3px;
}

div#display-unpublished-language-message {
    background-color: #ffffcc;
    border: 1px dashed #e2e2e2;
    color: #757575;
    padding: 5px;
}
/* Style for Removable Tag Filters */
div#tagFilters {
    display: inline-block;
    margin: 10px 0;
}

ul#tagsList {
    margin: 0;
}

    ul#tagsList span {
        vertical-align: middle;
    }

        ul#tagsList span.tag {
            cursor: pointer;
            padding: 0;
        }

            ul#tagsList span.tag:hover {
                text-decoration: line-through;
            }

    ul#tagsList li {
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        border: 1px solid #e1e1e1;
        padding: 5px;
        position: relative;
        font-size: 13px;
    }

        ul#tagsList li span.remove {
            cursor: pointer;
            font-size: 15px;
            padding: 0 0 0 5px;
        }
/* Style for Filter's Dropdown Mode*/
.dropdown-bottom {
    border-bottom: medium none !important;
    margin-bottom: 20px !important;
}

    .dropdown-bottom:first-child {
        margin-top: 10px !important;
    }

    .dropdown-bottom:last-child {
        margin-bottom: 10px !important;
    }

.dropdown-title {
    cursor: pointer;
    padding: 5px 2px 5px 10px;
    border: 1px solid #d7d7d7;
    margin-bottom: 0 !important;
}

    .dropdown-title .arrow {
        float: right;
        margin-right: 5px;
        margin-top: 2px;
    }

.dropdown-list {
    margin-top: -1px;
    padding: 5px;
    border: 1px solid #d7d7d7;
    display: none;
}

    .dropdown-list ul li.item input[type="checkbox"] {
        margin-left: 10px;
    }

.clear-position {
    font-size: 10px !important;
    margin: -12px 0;
    padding-top: 0 !important;
}
/*div.stock-availability.dropdown-list > a {
    margin-top: 3px;
    position: absolute;
}*/
.search-results {
    margin: 10px 0 0;
}

.rating-anchor {
    height: 17px;
}

.product-rating-box {
    display: inline-block;
    /*margin: -5px 0 10px;*/
}

.rating {
    background: url(rating1.png) repeat-x;
    width: 95px;
    height: 14px;
}

    .rating #ratingpercentage {
        background: url(rating2.png) repeat-x;
        height: 14px;
    }

.product-spec-filter .available-items .group .filter-item-group .item:hover {
    background-color: transparent;
    color: #b80709;
}

/*Color-Square filters*/

.big-checkbox + label {
    padding: 18px;
}

.regular-checkbox {
    display: none;
}

    .regular-checkbox + label {
        background-color: #fafafa;
        border: 1px solid #cacece;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
        display: inline-block;
        padding: 6px;
        position: relative;
        margin: -3px 0 -3px 5px;
    }

.filter-item-group.dropdown-list .regular-checkbox + label {
    margin: -3px 0 -3px 10px;
}

.regular-checkbox:checked + label::after {
    color: #99a1a7;
    content: "✔";
    font-size: 14px;
    left: 1px;
    position: absolute;
    /*top: 0;*/
    bottom: -3px;
}

.regular-checkbox:checked + label {
    /*background-color: #e9ecee;*/
    border: 1px solid #adb8c0;
    color: #99a1a7;
}

.filter-item-group.stock-availabilities > input {
    margin: 5px 3px 5px 5px;
}

.filter-item-group.stock-availabilities.dropdown-list > input {
    margin: 5px 5px 5px 10px;
}

.product-filters-wrapper {
    margin: 0 auto;
    max-width: 600px;
}


/* nopAccelerate Filter Style */
.k-widget, .k-block, .k-inline-block, .k-draghandle {
    border-style: solid;
    border-width: 1px;
}

.k-block, .k-widget {
    line-height: normal;
    outline: 0 none;
}

    .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *::before, .k-animation-container *::after, .k-block .k-header, .k-list-container {
        box-sizing: content-box;
    }

        .k-widget, .k-widget * {
            background-clip: border-box;
        }

.k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu {
    outline: 0 none;
}

/*.k-slider-horizontal {
  display: inline-block;
  height: 26px;
  width: 200px;
}*/
div.k-slider {
    -moz-user-select: none;
    background-color: transparent;
    border-width: 0;
    position: relative;
}

.k-block, .k-widget {
    line-height: normal;
}

.k-slider-wrap {
    height: 100%;
    width: 100%;
}

.k-reset {
    border: 0 none;
    font-size: 100%;
    list-style: outside none none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}

.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: inline-block;
}

.k-floatwrap, .k-slider-items, .k-grid-toolbar {
    display: block;
}

.k-slider-horizontal .k-slider-items {
    height: 100%;
}

.k-floatwrap::after, .k-slider-items::after, .k-grid-toolbar::after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.k-slider .k-icon, .k-slider-track, .k-slider .k-tick {
    cursor: pointer;
}

.k-slider .k-tick {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
}

.k-slider-horizontal .k-tick {
    float: left;
    height: 100%;
    text-align: center;
}

.k-slider-horizontal .k-tick-large.k-first {
    background-position: 0 -2px;
}

.k-slider-horizontal .k-tick {
    text-align: center;
}

.k-slider .k-label {
    font-size: 0.92em;
    position: absolute;
    white-space: nowrap;
}

.k-slider-horizontal .k-label {
    left: 0;
    line-height: 1;
    width: 100%;
}

.k-slider-horizontal .k-label {
    bottom: -1.2em;
}

.k-slider-horizontal .k-first .k-label {
    left: -50%;
}

.k-slider-horizontal .k-tick {
    background-position: center -92px;
}

.k-slider-horizontal .k-tick-large {
    background-position: center -2px;
}

.k-slider-track, .k-slider-selection {
    margin: 0;
    padding: 0;
    position: absolute;
}

.k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection {
    background-repeat: repeat-x;
    height: 8px;
    left: 0;
    margin-top: -4px;
    top: 50%;
}

.k-block, .k-button, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-tooltip, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-textbox, .k-textbox:hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle {
    background-position: 0 center;
    background-repeat: repeat;
}

.k-draghandle {
    background-color: transparent;
    background-repeat: no-repeat;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -3333px;
}

.k-slider-horizontal .k-draghandle {
    height: 15px;
    top: -3px;
    width: 13px;
}

.k-block, .k-widget {
    background-color: #fff;
}

.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #c5c5c5;
}

.k-block, .k-widget, .k-popup, .k-content, .k-dropdown .k-input {
    color: #2e2e2e;
}

.k-widget, .k-button {
    box-shadow: none;
}

.k-slider, .k-treeview, .k-upload {
    box-shadow: none;
}

    .k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload {
        border-radius: 4px;
    }

.k-slider-selection {
    background-color: #f35800;
}

.k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-color: #e3e3e3;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-button, .k-draghandle, html .km-pane-wrapper .k-header {
    background-color: #e3e3e3;
}

.k-draghandle {
    background-color: #fff;
    border-color: #c5c5c5;
    box-shadow: none;
}

.k-draghandle {
    border-radius: 7px;
}

.k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-button, .k-other-month, .k-other-month .k-link, .k-dropzone em, .k-dropzone .k-upload-status, .k-tile-empty strong, .k-slider .k-draghandle {
    color: #9f9e9e;
}

.k-draghandle:hover {
    background-color: #bcb4b0;
    border-color: #bcb4b0;
    box-shadow: none;
}

.k-button:hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em, .k-draghandle:hover {
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, rgba(255, 255, 255, 0) 100%);
}

.k-slider-track {
    background-color: #c5c5c5;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #f35800;
    border-color: #f35800;
    color: #fff;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: 0 0 3px 4px #df5100 inset;
}

/* Category and Manufacturer search box style */
.search-box-wrapper {
    float: right;
    width: 30%;
    position: relative;
}

.manufacturer-page .page-title h1, .category-page .page-title h1 {
    float: left;
}

.search-box-wrapper .search-box-value {
    width: 100%;
    margin-right: -10px;
    float: right;
}

.search-box-wrapper .button-1.search-box-btn {
    background: rgba(255, 255, 255, 1) url(../Content/serach-icon.png) no-repeat right center;
    position: absolute;
    height: 30px;
    width: 22px;
    top: 4px;
    right: -2px;
    border: none;
}

.manufacturer-page .page-title, .category-page .page-title {
    position: relative;
}


@media all and (max-width: 768px) {
    .product-spec-filter .available-items .collapse .title.dropdown-title .arrow.rotate {
        background-position: 0 0;
    }

    .search-box-wrapper {
        width: 35%;
    }
}

@media all and (min-width: 1000px) {
    .product-spec-filter .available-items .collapse .title.dropdown-title .arrow {
        background-position: 0 0;
    }
}

@media all and (min-width: 769px) {
    .product-spec-filter .available-items .collapse .title.dropdown-title .arrow.rotate {
        background-position: 0 0;
    }
}

@media all and (max-width:640px) {
    .search-box-wrapper {
        width: 50%;
        clear: both;
        margin: 10px auto 5px;
        float: none;
        display: inline-block;
        position: relative;
    }

        .search-box-wrapper .search-box-value {
            margin-right: 0px;
        }

        .search-box-wrapper .button-1.search-box-btn {
            right: 5px;
        }

    .manufacturer-page .page-title h1, .category-page .page-title h1 {
        float: left;
        width: 100%;
    }
}

@media all and (max-width: 480px) {
    .search-box-wrapper {
        width: 80%;
    }
}

.text-info {
    color: #31708f;
}

.pager li.previous-page, .pager li.next-page, .pager li.first-page, .pager li.last-page {
    text-indent: -9999px;
}

@media all and (min-width: 1001px) {
    #product-filters .product-filters {
        background: none repeat scroll 0 0 #FFFFFF;
        border: none !important;
        border-radius: 0 !important;
        margin-bottom: 0px !important;
        padding: 0px !important;
        margin-top: 0px !important;
    }

    #product-filters.product-filters {
        margin-top: 0px !important;
    }

    .product-filters .product-filters {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #EEEEEE !important;
        border-radius: 4px 4px 4px 4px !important;
        margin-bottom: 10px !important;
        padding: 10px !important;
    }
}

@media all and (max-width: 1000px) {
    .row.filter.mobile.visible-xs {
        max-width: 600px;
        margin: auto;
        margin-bottom: 15px;
    }

    .visible-lg, .visible-md, .visible-sm {
        display: none !important;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        padding-top: 60px;
        text-align: center;
        max-width: 100%;
    }

        .sidenav .closebtn {
            padding: 8px 15px 8px 0px;
            text-decoration: none;
            font-size: 25px;
            color: #272727;
            display: block;
            transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
        }

        .sidenav .closebtn {
            font-size: 36px;
            padding: 8px 15px 0px 8px;
            float: right;
        }

    .product-filters.mobile.sidenav .sidenav-head {
        float: left;
        font-size: 30px;
        color: #333;
        padding: 8px 8px 0px 15px;
    }

    .available-items .group .filter-item-group li {
        overflow: visible;
    }

    .search-page .search-results strong {
        float: none;
    }

    .product-filters.mobile.sidenav .header-mobile {
        background-color: #fff;
        padding: 15px;
        position: fixed;
        bottom: 0;
        display: none;
        z-index: 99999;
        border-top: 1px solid #d5d5d5;
        box-shadow: 0px -2px 5px #d5d5d5;
        -moz-box-shadow: 0px -2px 5px #d5d5d5;
        -webkit-box-shadow: 0px -2px 5px #d5d5d5;
    }

    .solr-mob-filter {
        float: none;
        font-size: 1.15em;
        padding: 18px 0px;
        width: 100%;
        padding-left: 60px;
        background: url(../Content/filter-icon.png) no-repeat 20px center #fff;
        font-weight: 700;
        color: #000;
        display: inline-block;
        border: 1px solid #ddd;
    }

    .filter.mobile span {
        cursor: pointer;
    }

    .product-filters.mobile.sidenav {
        max-width: 100%;
        z-index: 99999;
        text-align: left;
        padding: 0px;
        margin-top: 0px !important;
    }

    .product-filters, .search-filters, #npacc-catalog .collapse, #npacc-search .collapse {
        display: block;
    }

    .product-filters-mobile-title {
        border-bottom: 1px solid #d5d5d5;
        float: left;
        width: 100%;
    }

    .product-filters.mobile.sidenav .sidenav-head {
        float: left;
        font-size: 24px;
        color: #333;
        padding: 8px 8px 0px 15px;
    }

    .product-filters.mobile.sidenav {
        text-align: left;
    }

    .sidenav .closebtn {
        font-size: 36px;
        padding: 8px 15px 0px 8px;
        float: right;
    }

    .product-filters {
        background: #ffffff;
        border: 1px solid #eeeeee;
        border-radius: 4px;
        margin-bottom: 10px;
        padding: 10px;
    }

    .filter-item .product-filters {
        margin: 0 !important;
        border: none;
        float: left;
        padding: 0px 20px 75px;
        width: 100%;
    }

    .filter-title {
        border-bottom: 1px dashed #C9C9C9;
        margin-bottom: 10px;
        padding-bottom: 5px;
        padding-top: 10px;
        border: none !important;
        text-transform: uppercase;
    }

    .available-items .group .title strong {
        font-size: 1em !important;
        color: #fff !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

    .filter-title {
        font-size: 1em !important;
        font-weight: 700 !important;
    }

        .filter-title strong, .filter-title strong {
            font-weight: normal;
        }

        .filter-title strong {
            margin-left: 0px;
            font-weight: normal;
            font-size: 1.125em;
            display: inline !important;
            height: 2em;
            line-height: 1.3em;
            overflow: hidden;
            margin-bottom: 2px;
            font-weight: 700;
        }

    .filter-content {
        padding: 0;
    }


    .product-filters .available-items .group {
        border: none !important;
        list-style: none;
        font-weight: 500;
        float: left;
        border-bottom: none !important;
        margin-bottom: 15px !important;
        clear: both;
        display: block;
        width: 100%;
    }

    .group .collapse {
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }

    .available-items .group .title strong {
        font-weight: normal;
    }

    .dropdown-title .arrow {
        float: right;
        margin-right: 5px;
        margin-top: 2px;
    }

    .available-items .collapse .arrow, .dropdown-title .arrow {
        display: inline-block;
        height: 16px;
        vertical-align: middle;
        width: 20px !important;
        position: absolute;
        right: 0;
        margin-top: 5px;
        margin-right: 10px;
    }

    .available-items .group .filter-item-group.dropdown-list, .available-items .group .stock-availabilities.dropdown-list {
        border: none;
    }

    .available-items .group .filter-item-group {
        list-style: none;
        margin-top: 5px;
        padding: 5px 0;
        float: left;
        width: 100%;
    }

    .product-filters ul {
        padding-left: 0;
        margin-bottom: 0px;
        float: left;
        width: 100%;
    }

    .available-items .group .filter-item-group .item input {
        float: left;
        margin: 10px 5px !important;
    }

    .available-items .group .filter-item-group .item a {
        overflow: hidden;
        font-size: 1em !important;
        background: none !important;
        display: inline-block !important;
        margin-top: 8px !important;
        width: 100%;
        height: auto !important;
    }

    .filter-content .stock-availabilities a, .filter-content li a, .filter-content .filter-item-group.stock-availabilities a {
        line-height: 0.875em;
        text-align: left;
        color: #333;
    }

    .available-items .group .filter-item-group .item a span, .available-items .group .filter-item-group .item .filter-count {
        line-height: 1.7em;
        padding: 0;
    }

    .filter-count {
        background-color: #f0f0f0;
        padding: 0 8px !important;
        font-family: Montserrat-Regular;
        margin-bottom: 3px;
        color: #333;
    }

    .filter-item-group a::before, .stock-availabilities a::before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        color: #f5f5f5;
        text-align: center;
        border: 1px solid #bbbbbb;
        margin-right: 5px;
        background: #fff;
        float: left;
    }

    .filter-item-group input[type="checkbox"]:checked ~ a::before, .stock-availabilities input[type="checkbox"]:checked ~ a::before, .compare-checkbox input[type="checkbox"]:checked ~ label::before {
        font-size: 1em;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        color: red;
        background: url("../Content/check-arrow.png") no-repeat center center #fff;
        border: 1px solid #bbb;
    }

    .filter-name {
        float: left;
        width: 68%;
        word-wrap: break-word;
    }

    .block .title {
        clear: both;
    }

    .filter-overlaybg .master-wrapper-content {
        z-index: 9999;
    }

    .filter-item-group input[type="checkbox"], .stock-availabilities input[type="checkbox"], .compare-checkbox input[type="checkbox"] {
        display: none;
    }

    #npacc-catalog .group .collapse, #npacc-search .group .collapse {
        text-decoration: none;
        cursor: pointer;
        position: relative;
    }

    .available-items .group .title {
        background-color: #4ab2f1;
        font-size: 1.2em;
        margin-bottom: 5px;
        margin: 0 !important;
        border: none;
        padding: 12px;
        position: relative;
        border: none;
    }

    .available-items .collapse .arrow, .dropdown-title .arrow {
        background: url("../Content/angle-double-up.png") no-repeat right center !important;
        background-color: transparent;
    }

        .available-items .collapse .arrow.rotate, .dropdown-title .arrow.rotate {
            background: url("../Content/angle-double-down.png") no-repeat right center !important;
            background-color: transparent;
        }

    .product-product-filter .group {
        border-bottom: none !important;
        margin-bottom: 10px !important;
    }

    .group.price-range-filter-wrapper .clearPriceRangeFilter {
        color: #fff;
        position: inherit;
    }

    .available-items .group .filter-item-group li.item:hover, .available-items .group .stock-availabilities:hover {
        background-color: transparent;
        color: #4ab2f1;
    }

    .filter-item-group .filter-search-box {
        padding: 0 !important;
        margin-bottom: 10px;
    }

    .filter-item .product-filters {
        padding: 0px 20px !important;
    }

    .product-filters .product-filters {
        border: none !important;
    }
}
