.row-gutters-1 { margin-left: -5px; margin-right: -5px; }

.row-gutters-1 > [class*=col-] { padding-left: 5px; padding-right: 5px; }

.row-gutters-2 { margin-left: -10px; margin-right: -10px; }

.row-gutters-2 > [class*=col-] { padding-left: 10px; padding-right: 10px; }

.filter-bar { background-color: #F1F3F5; }

.filter-bar h4 { color: #5F2C8E; font-weight: bold; }

.filter-bar .filter-search-btn { font-size: 18px; font-weight: bold; color: #333333; background-color: #FFE361; width: 100%; height: 60px; border: none; border-radius: 5px; }

.filter-select { font-size: 18px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 5px; padding: 30px 10px 3px; width: 100%; }

.filter-select:focus { outline: none; }

.datepicker, .autocom { width: 100%; border: none; border-radius: 5px; padding: 30px 10px 6px; }

.autocom { padding: 18px 10px; }

.g-select, .g-autocomplete { position: relative; margin: 0 0 20px; }

.g-select label, .g-autocomplete label { position: absolute; font-size: 16px; color: #5F2C8E; top: 3px; left: 10px; }

.g-select::before, .g-autocomplete::before { content: ""; display: block; position: absolute; width: 10px; height: 9px; top: 50%; right: 10px; margin-top: -4px; background: url("../images/arrow-down-purple.png") center center/100% 100% no-repeat; z-index: 2; }

.g-select.sort-by { margin-bottom: 0; }

.g-select.sort-by .filter-select { padding: 18px 10px; background-color: #FFE361; font-weight: bold; }

.g-select.sort-by::before { background: url("../images/arrow-down-black.png") center center/100% 100% no-repeat; }

.g-autocomplete::before { width: 16px; height: 16px; margin-top: -8px; background: url("../images/search_icon_2.png") center center/100% 100% no-repeat; }

.g-datepicker { position: relative; margin: 0 0 20px; }

.g-datepicker label { position: absolute; font-size: 16px; color: #5F2C8E; top: 3px; left: 10px; }

.g-datepicker::before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 50%; right: 10px; margin-top: -8px; background: url("../images/calendar.png") center center/100% 100% no-repeat; z-index: 2; }

.g-select label { top: 0; left: 0; right: 0; background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 3px; padding-left: 10px; }

.g-select select[multiple]::-webkit-scrollbar { width: 3px; }

.wrapper-banner-ins { background-color: #F1F3F5; }

.wrapper-filter-result { margin-top: 30px; margin-bottom: 30px; }

.wrapper-filter-result .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.filter-result-aside { position: relative; background-color: #F1F3F5; border-radius: 10px; }

.filter-result-aside h3 { color: #5F2C8E; }

.result-filter h3 { color: #5F2C8E; }

.result-filter .title { margin-bottom: 20px; }

.d-range { position: relative; }

.g-double-range { position: relative; margin-bottom: 15px; }

.g-double-range .label { font-size: 18px; color: #5F2C8E; padding: 0; }

.filter-result-aside .g-select, .filter-result-aside .g-autocomplete { margin-bottom: 10px; }

.filter-result-aside .g-select label, .filter-result-aside .g-autocomplete label { font-size: 14px; }

.filter-result-aside .g-datepicker { margin-bottom: 10px; }

.filter-result-aside .g-datepicker label { font-size: 14px; }

.filter-result-aside .filter-select, .filter-result-aside .datepicker, .filter-result-aside .autocom { padding-top: 24px; font-size: 14px; }

.filter-result-aside form label { font-size: 14px; }

.filter-result-aside .range-value { font-size: 14px; }

.c-muti-select { position: relative; background-color: #fff; margin-bottom: 15px; border-radius: 5px; }

.c-muti-select label { padding-left: 10px; margin-bottom: 0; }
/*# sourceMappingURL=product-filter.min.css.map */