.filter-wrap { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; height: 44px;}
.search-form~.filter-wrap { top: 44px;}
.filter-wrap .mui-btn { padding: 0; border-radius: 0; border: none; line-height: 44px;}
.filter-wrap .mui-btn.active { color: #f04e45;}
.filter-wrap .mui-btn .mui-icon { transform-origin:center center; -webkit-transform-origin:center center; vertical-align: middle;}
.filter-wrap .mui-btn .mui-icon.active { transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.filter-popover { position: fixed; left: 0 !important; width: 100%; height: 300px; box-shadow: none; border-radius: 0; background-color: #fff; border-top: 1px solid #eee;}
.filter-popover .mui-popover-arrow { display: none;}
.filter-popover .mui-scroll-wrapper { margin: 0;}
.filter-popover .mui-table-view { background-color: #fff; border-radius: 0;}
.filter-popover .mui-table-view .mui-table-view-cell, .filter-popover .mui-table-view .mui-table-view-cell a { border-radius: 0 !important;}
.selected a { color: #dd524d !important;}

.filter-popover > .mui-row { height: 100% !important;}
.filter-popover > .mui-row > [class*=mui-col-] { height: 100% !important;}
.filter-popover .mui-control-content { position: absolute; border-radius: 0;}
.filter-popover .mui-control-item.mui-active { background-color: transparent !important; color: #dd524d;}
.filter-popover [class*=mui-col-] + [class*=mui-col-] { border-left: 1px solid #eee;}
.filter-popover [class*=mui-col-] .mui-bar-tab { padding-left: 15px;}
.filter-popover [class*=mui-col-] .mui-bar-tab .mui-tab-item { display: block; padding: 11px 15px 10px 0; width: 100%; text-align: left; border-bottom: 1px solid #e0dfe2; height: auto; color: #333;}
.filter-popover [class*=mui-col-] .mui-bar-tab .mui-tab-item.mui-active { color: #dd524d;}
.filter-popover [class*=mui-col-] .mui-bar-tab .mui-tab-item { white-space: normal; word-break: break-all; touch-action: none;}
.filter-popover [class*=mui-col-] .mui-scroll .mui-table-view-cell a { white-space: normal; word-break: break-all;}