.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%; } }