.mod_shop_filters {
	border				:1px solid #EBEBEB;
	border-radius		:2px;
}

.mod_shop_filters_title {
	padding-bottom		:10px;
	font-size			:18px;
	font-weight			:bold;
}

.mod_shop_filters_section {
	padding				:20px;
	background-color 	:#f5f5f5;
	border-bottom		:1px solid #EBEBEB;
}

.mod_shop_filters_section:hover {
	background			:#F8F8F8;
}

/**/

.mod_shop_filters_scroll {
	max-height			:210px;
	overflow-y			:auto;
}

.mod_shop_filters_scroll > div {
	padding				:3px 3px 3px 0;
}

.mod_shop_filters_scroll::-webkit-scrollbar {
	width				:8px;
	background			:#EBEBEB;
}

.mod_shop_filters_scroll::-webkit-scrollbar-thumb {
	background			:#D4D4D4;
}

/**/

.mod_shop_filters_buttons {
	display				:flex;
	padding				:10px;
	background-color 	:#f5f5f5;
}

.mod_shop_filters_search, .mod_shop_filters_reset {
	cursor				:pointer;
	flex-grow			:1;
	padding				:8px 15px;
	margin				:0 5px;
}

.mod_shop_filters_search {
	color				:#FFFFFF;
	background			:#338EFF;
	border				:1px solid #2F84EE;
}

.mod_shop_filters_search:hover {
	background			:#4D9DFF;
	border				:1px solid #468FE8;
}

.mod_shop_filters_reset {
	color				:#434343;
	background			:#E3E3E3;
	border				:1px solid #DCDCDC;
}

.mod_shop_filters_reset:hover {
	background			:#EEEEEE;
	border				:1px solid #E8E8E8;
}

/**/

.mod_shop_filters table {
	border-width		:0;
	border-collapse		:collapse;
	border-spacing		:0;
}

.mod_shop_filters table td {
	vertical-align		:middle;
	padding				:0 5px;
}

.mod_shop_filters table td:first-child {
	padding-left		:0;
}

.mod_shop_filters table td:last-child {
	padding-right		:0;
}

/**/

.mod_shop_filters input[type="text"] {
	height				:30px !important;
	width				:50px;
}

#mod_shop_filters_popup_button {
	position 			:absolute;
	margin-top 			:-14px;
    padding 			:10px 20px;
    font-size 			:18px;
	background-color 	:#ffffff;
	box-shadow 			:3px 3px 3px RGBA(0, 0, 0, 0.5);
	border 				:1px solid #EBEBEB;
	cursor 				:pointer;
	z-index 			:1000;
}

.mod_shop_filters_popup_button_left {
	margin-left			:200px;
}

.mod_shop_filters_popup_button_right {
	margin-left 		:-130px;
}

.mod_shop_filters_icon_container{
	display 			:flex;
	justify-content     :space-between;
}

.mod_shop_filters_icon{
	margin 				:5px;
	width 				:40px;
    height 				:40px;
    fill 				:#999999;
}

@media screen and (max-width: 767px){
	#mod_shop_filters_wrap{
		position 		:absolute;
		z-index			:100;
		right 			:0px;
		padding			:0px 0px 5px 5px;
		overflow 		:hidden;
	}

	#mod_shop_filters_form{
		max-width 		:300px;
		display 		:block;
		float 			:right;
		background-color:#f5f5f5;
		margin-right 	:-300px;
    	border 			:1px solid #EBEBEB;
    	box-sizing 		:border-box;
		box-shadow 		:-3px 3px 5px RGBA(0,0,0,0.3);
		transition 		:0.3s;	
	}

	.mod_shop_filters_form_expand {
		margin-right 	:0px !important;
	}
}