#filter {
	border: 0px dotted red;
	margin-top: 20px;
	margin-bottom: 10px;
}

#filter form {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	justify-content: center;
	align-content: stretch;
	padding-bottom: 0px;
}

#filter form .item {
	position: relative;
}

#filter form .ui-widget {
	flex-grow: 1;
}

#filter form select {
	width: 160px;
	width: auto;
	margin-right: 10px;
	margin-right: 0px;
}

#filter form select.location {
	width: 180px;
	width: auto;
}

#filter form input.submit {
	color: #FFF;
	background-color: #999;
	cursor: pointer;
	display: block;
	margin-top: 10px;
}

#filter form .item.address .button {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 3px;
	top: 8px;
	right: 6px;
	cursor: pointer;
}

#filter form .item.address .button.delete {
	border-radius: 3px;
	background-image: url('../images/button-clear3.png');
}

#filter form .item.address .button.go {
	display: none;
	background-image: url('../images/button-go.png');
}

#filter .ui-widget {
	font-family: "FuturaLTRegular";
	font-family: "futura_ltregular";
	font-size: 14px;
	color: #777;
}

#filter .ui-button {
	vertical-align: top;
	margin-right: 6px;
	margin-bottom: 6px;
	height: 20px;
}

#filter .ui-button:active {
	border: 1px solid #999;
	background-color: #BBB;
}

#filter #usage-button {
	width: 110px;
	width: auto;
}

#filter #type-button {
	width: 110px;
	width: auto;
}

#filter #location-button {
	width: 160px;
	width: auto;
}

#filter #size-button {
	width: 160px;
	width: auto;
}

#filter #tenants-button {
	display: none;
}

#filter input#address {
	display: block;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	font-size: 14px;
	margin: 0px 0px;
	padding-top: 0px;
	padding-left: 12px;
	width: 140px;
	width: 99.2%;
	height: 33px;
	background-color: #F6F6F6;
	border-radius: 3px;
	border-width: 1px 1px 1px 1px;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-right-color: #777;
	border-bottom-color: #777;
	color: #444;
	font-family: "FuturaLTRegular";
	font-family: "futura_ltregular";
}

.ui-selectmenu-text {
	font-family: "FuturaLTRegular";
	font-family: "futura_ltregular";
}

.ui-selectmenu-text .count {
	display: none;
}

.ui-selectmenu-text strong {
	color: #444;
}

.ui-selectmenu-menu {
	-webkit-box-shadow: 2px 5px 5px -4px rgba(0,0,0,0.44);
	-moz-box-shadow: 2px 5px 5px -4px rgba(0,0,0,0.44);
	box-shadow: 2px 5px 5px -4px rgba(0,0,0,0.44);
}

.ui-selectmenu-menu .ui-widget-content {
	background-color: #F5F5F5;
	color: #777;
	font-family: "FuturaLTRegular";
	font-family: "futura_ltregular";
}

.ui-selectmenu-menu .ui-menu-item-wrapper {
	padding-left: 14px;
	padding-right: 10px;
}

.ui-selectmenu-menu .ui-menu-item-wrapper .count {
	color: #BBB;
	float: right;
	font-family: "FuturaLTRegular";
	font-family: "futura_ltregular";
	font-size: 12px;
	letter-spacing: 1px;
}

.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active .count {
	color: #bbd7ef;
}

.ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
	background-color: #549ad8;
	border: 1px solid #549ad8;
}

@media screen and (max-width: 940px) {
	
	#filter #location-button {
		width: 190px;
		width: auto;
	}
	
	#filter input#address {
		/* width: 140px; */
	}
}

@media screen and (max-width: 920px) {
	
	#filter #location-button {
		width: 180px;
		width: auto;
	}
	
	#filter input#address {
		/* width: 135px; */
	}
}

@media screen and (max-width: 500px) {
	
	#filter #type-button {
		width: 95px;
		width: auto;
	}

	#filter #usage-button {
		width: 95px;
		width: auto;
	}

	#filter #location-button {
		width: 226px;
		width: auto;
	}

	#filter #size-button {
		width: 226px;
		width: auto;
	}
	
	#filter input#address {
		/* width: 241px; */
	}
}

@media screen and (max-width: 430px) {
	
	#filter.fixed {
		background-color: #777;
		background-color: #2d405c;
		box-shadow: 0 -4px 10px rgba(0, 0, 0, 1.0)  ; 
		-webkit-box-shadow: 0 -4px 10px rgba(0, 0, 0, 1.0)  ; 
		-moz-box-shadow: 0 -4px 10px rgba(0, 0, 0, 1.0)  ; 
		position: fixed;
		margin: 0px;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 50px;
		z-index: 101;
	}
	
	.ui-selectmenu-menu.ui-front {
		z-index: 102;
	}
	
	#filter.fixed form {
		padding: 5px;
		padding-top: 11px;
		padding-left: 10px;
	}
	
	#filter.fixed .ui-button {
		padding: 3px;
		margin: 0px;
	}
	
	#filter.fixed #usage-button,
	#filter.fixed #type-button,
	#filter.fixed #location-button,
	#filter.fixed #size-button {
		width: 21%;
		width: auto;
	}
	
	#filter.fixed #usage-button {
		
	}
	
	#filter.fixed #type-button {
		
	}

	#filter.fixed #location-button {
		
	}

	#filter.fixe #size-button {
		
	}
	
	#filter.fixed input#address {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	
	#filter.fixed #usage-button,
	#filter.fixed #type-button,
	#filter.fixed #location-button,
	#filter.fixed #size-button {
		width: 21%;
		width: auto;
	}
}