.cleanup {
	clear: both;
}
#floorSwitcher {
	display: block;
	font-size: 17px;
	height: 36px;
	margin-top: 1px;
	padding: 6px 5px;
	width: 100%;
}

#generalMap {
	/*margin: -10px 0 60px;*/
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
	#generalMap #mapLegend {
		/*padding: 0;*/
	}
	#generalMap #map {
	   background-color: #fff;
	   height: 500px;
		position: relative;
	   width: 100%;
	}

.ol-change-floor,
.ol-change-floor:hover {
   background-color: transparent;
	height: 40px;
	left: auto !important;
	right: 60px !important;
	top: 10px !important;
	width: 125px;
}

#placeTypesList {
	margin-top: 30px;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
	#placeTypesList .item {
		cursor: pointer;
		float: left;
		margin-bottom: 5px;
		width: 50%;
	}
		#placeTypesList .item .color {
			border-radius: 50%;
			display: block;
			float: left;
			border: 1px solid white;
			height: 30px;
			margin-right: 5px;
			width: 30px;
			vertical-align: middle;
		}
			#placeTypesList .item .color span {
				border-radius: 50%;
				display: inline-block;
				height: 24px;
				margin: 2px;
				vertical-align: middle;
				width: 24px;
			}
			#placeTypesList .item.hover,
			#placeTypesList .item.active {
				color: #000;
				font-weight: 400;
			}
				#placeTypesList .item.hover .color {
					border: 1px solid #C8C8C8;
				}
				#placeTypesList .item.active .color {
					border: 1px solid #1B90BE !important;
				}
		#placeTypesList .item .title {
			display: table-cell;
			font-size: 15px;
			height: 30px;
			vertical-align: middle;
			white-space: normal;
		}

#utilityList {
	margin-top: 30px;
	-webkit-user-select: none;  
	-moz-user-select: none;    
	-ms-user-select: none;      
	user-select: none;
}
	#utilityList .item {
		cursor: pointer;
		float: left;
		width: 50%;
	}
		#utilityList .item.hover,
		#utilityList .item.active {
			color: #000;
			font-weight: 400;
		}
		#utilityList .item .icon {
			background-image: url(/images2/kingcross/map-icons.png);
			background-repeat: no-repeat;
			border: 1px solid white;
			border-radius: 50%;
			display: block;
			float: left;
			height: 43px;
			margin-right: 5px;
			vertical-align: middle;
			width: 43px;
		}
			#utilityList .item.hover .icon {
				border: 1px solid #C8C8C8;
			}
			#utilityList .item.active .icon {
				border: 1px solid #1B90BE !important;
			}
			#utilityList .item .icon.administration {
				background-position: -5px -5px;
			}
			#utilityList .item .icon.atm {
				background-position: -55px -5px;
			}
			#utilityList .item .icon.stairs {
				background-position: -105px -5px;
			}
			#utilityList .item .icon.escalator {
				background-position: -155px -5px;
			}
			#utilityList .item .icon.lift {
				background-position: -205px -5px;
			}
			#utilityList .item .icon.wc {
				background-position: -355px -5px;
			}
			#utilityList .item .icon.mother-child {
				background-position: -305px -5px;
			}
			#utilityList .item .icon.surgery {
				background-position: -255px -5px;
			}
		#utilityList .item .title {
			display: table-cell;
			font-size: 15px;
			height: 43px;
			vertical-align: middle;
		}
	
@media screen and (max-width: 400px) {
	#generalMap #map {
	   height: 360px;
	}
	#generalMap #mapLegend {
		padding-right: 10px;
		padding-left: 10px;
	}
	#placeTypesList .item .color {
		height: 26px;
		width: 26px;
	}
		#placeTypesList .item .color span {
			height: 20px;
			margin: 2px;
			margin-top: -1px;
			width: 20px;
		}
	#placeTypesList .item .title {
		font-size: 14px;
		height: 26px;
		line-height: 13px;
		width: 80%;
	}
	#utilityList .item .title {
		font-size: 14px;
		line-height: 14px;
		width: 75%;
	}
}