.modal-dialog.modal-dialog-slideout {
	width : 28%
}
@media (max-width : 576px) {
	.modal-dialog.modal-dialog-slideout {
		width : 100%
	}
}
#filter-panel-modal .modal-dialog-slideout {
	min-height : 100%;
	margin     : 0 auto 0 0;
	background : #FFF;
}
#filter-panel-modal.modal.fade .modal-dialog.modal-dialog-slideout {
	-webkit-transform : translate(0%, 0);
	transform         : translate(0%, 0);
}
#filter-panel-modal.modal.fade.show .modal-dialog.modal-dialog-slideout {
	-webkit-transform : translate(0, 0);
	transform         : translate(0, 0);
	flex-flow         : column;
}
#filter-panel-modal .modal-dialog {
	margin   : 0 !important;
	right    : 0;
	position : fixed;
}
#filter-panel-modal .modal-dialog .modal-body {
	min-height : calc(100vh - 130px);
	max-height : calc(100vh - 130px);
}
#filter-panel-modal .modal-open .modal {
	overflow : hidden !important;
}
#filter-panel-modal .modal-dialog-slideout .modal-header {
	padding-bottom: 5px;
}
#filter-panel-modal .modal-dialog-slideout .modal-content {
	border : 0;
}
#filter-panel-modal .modal-dialog-slideout .modal-content {
	height        : 100%;
	border-radius : 0;
}
#filter-panel-modal .modal-dialog-slideout .modal-footer {
	bottom : 0;
	width  : 100%;
}
#filter-panel-modal h2.modal-title {
	font-size : 1.5em !important;
}
#filter-panel-modal .modal-body .filter-group {
	padding-bottom : 15px;
	border-bottom  : 1px solid #F4F4F4;
}
#filter-panel-modal .message-contain:after {
	margin-top : 10px;
}
#current-filters .linked-filter {
	position: relative;
	z-index: 2;
	margin: 0 -10px;
}
#current-filters {
	word-wrap  : break-word;
	max-height : 300px;
	overflow   : auto;
	font-size: 18px;
}
#current-filters .current-filter-item {
	display : inline-block;
	font-size: 14px !important;
	padding: 5px 10px;
	margin:2px 0;
}
#current-filters .current-filter-item:hover {
	cursor: pointer;
	background-color: #dd4b39 !important;
}