@font-face {
  font-family: "RailwayRegular";
  src: url("railway.woff2") format("woff2"), url("railway.woff") format("woff");
}
.actionsPane{visibility: hidden; display: none}
.arcgisSearch .searchBtn { position: absolute !important; right: 0 !important;top: 0 !important; z-index: 100; }
.arcgisSearch .searchClear { right: 50px; }
.arcgisSearch .searchGroup .searchInput { box-sizing: border-box !important; height: 34px !important; }
.arcgisSearch .searchGroup .searchInput,.arcgisSearch .searchBtn { border-color: #999 !important; }
.arcgisSearch .searchInputGroup,.arcgisSearch .searchExpandContainer { float:none !important; }
.arcgisSearch .searchMenu { top: 32px !important; }
.box {font: 10px sans-serif;background-color: #eee;border: #fff solid 1px;padding: 0 .5em;}
.box line, .box rect, .box circle { fill: #fff; stroke: #000; stroke-width: 1.5px; }
.box .center { stroke-dasharray: 3,3; }
.esriSimpleSliderTL { right:22px !important; left: auto !important;}
.findme .zoomLocateButton { background: url(https://maps.london.gov.uk/common/img/locate.png); width: 24px; height: 24px; }
.findme { position: absolute; top: 5px; z-index: 10; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; right: 3em; left: -webkit-calc(100% -75px); left: -moz-calc(100% - 75px); }
.findme span { display: none; }
.findme:active { margin-top: 1px; }
@-moz-document url-prefix()  {  #filters select { -moz-appearance: none; }  #filters select { background: url(../images/dropdown_arrow.png) right 7px top  #15px no-repeat; } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }  to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }  to { -webkit-transform: rotate(360deg); } }
@font-face { font-family: 'P22JohnstonUnderground'; src: url('P22JohnstonUnderground.eot?#iefix') format('embedded-opentype'), url('P22JohnstonUnderground.woff') format('woff'), url('P22JohnstonUnderground.ttf')  format('truetype'), url('P22JohnstonUnderground.svg#P22JohnstonUnderground') format('svg'); font-weight: normal; font-style: normal; }
@keyframes spin { from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
/* @media only screen and (max-width: 600px) { #panel { left: 0; top: 0; width:100%; border-radius: .0; }  #white_panel { border-radius: 0; }  #mayor_logo img { display: none; }  #mayor_logo div { display: inline-block; }  #clear_filters_button { display: none !important; }  body.min #filters { display: none !important; }  #panel { width: 100% !important; }  body.min #mayor_holder,  body.min #logo_holder { display: none; }  .arcgisSearch .searchClear { background-color: transparent; }  .findme .zoomLocateButton { background:  url(/common/img/locate.png); width: 24px; height: 24px;  background-size: 24px; margin-left: 2px; }  #filters > div { padding: 13px 12px 15px; }  #height_setting { margin-top: 12px !important; } } */
#address_holder:hover #magnifying_glass { visibility: visible; }
#address_holder:hover #pin { visibility: hidden; }
#basemap_picker { right:64px !important;}
#basemap_picker > div { width: 95px !important }
#basemap_picker > div > div > div > div { height: 90px !important }
#buttons {position:absolute; top:80px; right:20px; z-index:35;}
#buttons > div { width:30px; height:30px; background:white; color:#4C4C4C; border:1px solid #57585A; border-radius:5px; text-align:center; font-size:24px; line-height:25px; margin:4px; cursor:pointer; font-family:Arial, Helvetica; float:left; background:white center center no-repeat; position:relative;}
#buttons > div:hover, .HomeButton .home:hover { background-color:#e5e5e5 !important;}
#buttons > div.menu { border-radius:0 5px 5px 0;}
#filter_property_type {border-radius: 4px 4px 4px 4px !important;margin-bottom: 0.75em !important;}
#filters > div { padding: 16px 15px 18px; }
#footer { position: relative; padding: 10px; color: #f5f5f5; font-weight: bold; font-size: 14px; border-radius: 0 0 4px 4px; text-align: center; }
#footer a { color: unset; text-decoration: unset; cursor: pointer;}
#footer a:hover {text-decoration: underline;}
#further_details_table { width: auto; background-color: #ddd; margin: 0 auto; text-align:center; }
#further_details_table td { vertical-align: middle; background-color:#eee; padding:.2em }
#further_details_table th { vertical-align: middle; background-color:#ddd; padding:.2em }
#further_details_chart { width: auto; background-color: #ddd; margin: 0 auto; text-align:center; }
#further_details_chart .boxes_details { display: inline-block; width: 32%; vertical-align: middle; font-weight: 700; }
#further_details_chart #boxes_caption {width:240px;font-size:0.8em;text-align: center;margin: 0 auto;}
#height_setting { margin-top: 14px; overflow-y: hidden; overflow-x: hidden;margin-right: -10px; padding-right: 10px; }
#height_setting.scroll { overflow-y: auto; }
#legend_body{margin: 0 0 1em 0;}
#legend_body img { position: relative; top: 0.7em; }
#logo_holder { border-bottom: 1px solid #d5d5d5; padding: 1rem 15px; background: #e3e3e3; text-align: center; }
#map_zoom_slider { border-radius: 5px 5px 0 0;}
#mayor_holder { padding: 10px 15px 5px; text-align: center; }
#mayor_logo { text-decoration: none; }
#mayor_logo div { background: #url(https://www.london.gov.uk/sites/all/themes/gla/images/svg/logo-mayoral.svg?1464853888) #no-repeat; width: 207px; height: 16px; background-size: contain; margin: 1px 0; #display: none; }
#panel { left: 1em; top: 1em; width: 19em; border-radius: 4px; font-family: #Arial; position: absolute; background: #353d42; z-index: 10; box-shadow: 0 0 #6px #666; z-index: 55; }
#panel select {width: 100%;font-size: 14px;padding: 7px;color: #666;position: relative;border: 1px solid #A8A8A8;border-radius: 0;margin: 0.5em 0 -1px 0em;}
#panel select option:first-child { color: #999 !important; }
#panel select:focus { background-color: rgba(158, 0, 89, 0.05); color: black; }
#panel select:hover,#panel select:focus { z-index: 10; color: black; }
#search .findme:hover,.findme:hover { opacity: 0.85; filter: alpha(opacity=85); }
#search .hasValue .findme { display: none !important; }
#search { min-height: 35px; }
#search input:-moz-placeholder { color: #777; }
#search input:-ms-input-placeholder { color: #777; }
#search input::-moz-placeholder { color: #777; }
#search input::-webkit-input-placeholder { color: #777; }
#search_input { width: 100%; }
#search:hover .findme { opacity: 0.6; filter: alpha(opacity=60); }
#share { position: absolute; top: 7px; right: 7px; }
#share > div, #share > a { cursor: pointer; width: 23px; height: 23px; float:right; margin-left: 6px; border-radius: 2px; -webkit-filter: saturate(0); -moz-filter: saturate(0); filter: saturate(0); display: block; }
#share > div:hover, #share > a:hover { -webkit-filter: saturate(1.2) brightness(1.1); -moz-filter: saturate(1.2) brightness(1.1); filter: saturate(1.2) brightness(1.1); opacity: 1; filter: alpha(opacity=100); }
#title { font-size: 22px; }
#transparency_button { border-radius:0 0 5px 5px;background-image:url(/common/img/transparency.png);clear:left }
#transparency_holder { position:absolute;right: 30px;border:1px solid #57585A;top:-1px;z-index:1;display:none;width:204px;height:100%;background:white;border-radius:5px 0 0 5px;overflow:hidden; }
#transparency_item { width: 100%; height: 100%; color:black;text-shadow: white 0px 1px 2px; line-height: 30px; text-indent: 10px; font-size: 14px; font-family: Arial; background:#E068A9 }
#type_filter_holder > div { margin-bottom: 5px; }
#white_panel { background: white; }
a img { border: 0; }
a.hidden_link { color: #222; }
a.hidden_link:hover { color: #9e0059; }
body {font-family: Arial, Helvetica;}
/* body.loading * { cursor: progress !important; } */
body.min #footer { display: none; }
html, body, #map {padding: 0;margin: 0;height: 100%; }
input, select { outline: none; }
select { border-width: 1px; }
select::-ms-value { background: white; color: #444; }
var { font-style: normal; cursor: pointer; }
var:hover { text-decoration: underline; }
.esriPopup .titleButton.maximize { display:none; }
div.tooltip {
  position: absolute;
  text-align: center;
  width: auto;
  height: 1em;
  padding: .5em;
  font: 12px sans-serif;
  background: #717174;
  color: #FFFFFF;
  border: 0px;
  border-radius: .2em;
  pointer-events: none;
}

@media only screen and (min-width: 800px) {
	html, body, #map {
		min-height: 520px;
	}
}
@media only screen and (max-width: 600px) {
	html, body, #map {
		min-height: 320px;
	}
  body .esriPopup {
  	display:block;
  }
	#mayor_holder, #logo_holder {
		display: none;
	}
	/* mobile.css overrides */
	#legend_holder {
		bottom: 1em !important;
		right: 1em !important;
		top: auto !important;
	}
	#basemap_picker {
    	display: none;
	}
	#map_zoom_slider {
		display: none;
	}
}
.esriPopup .sizer {
  width: 330px
}
#sliderContainer {
  font-family: system-ui;
  text-align: center;
  color: #666666;
}

#sliderBudget {
  line-height: 2em;
}

fieldset {
  border-color: #eee;
  border-width: thin;
  padding: 0 1rem 1rem;
}
#slider{margin: 0 0.5em}