@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;
}

html, body, #mapDiv {
padding:0;
margin:0;
height:100%;
}
body.loading * {
	cursor:progress !important;
}

.arcgisSearch .searchMenu {
	top:32px !important;
}

#legendDiv_locations_0, #legendDiv_locations, #legendDiv_layer3 {
	display:none !important;
}

#popularity > div, #home_distance > div {
	padding-left:37px;
}

#distance_units {
	display:inline;
	cursor:pointer;
}
h2 span {
	cursor:pointer;
}
/*#mapDiv_graphics_layer {
	display:none !important;
}*/
#mapDiv {
position: relative;
}
#info {
background: #fff;
box-shadow: 0 0 5px #888;
left: 1em;
padding: 0.5em;
position: absolute;
top: 1em;
z-index: 40;
}
a img {
	border:0;
}
.esriAttribution a {
	color:#666;
}
.esriControlsBR {
display:none;
}

#mapDiv_gc {
	z-index:500;
}
#locations_hover_layer path {
	cursor:pointer;
}

#mapDiv_gc path {
	stroke-linecap:round;
}

#popup {
	cursor:pointer;position:absolute;left:0;top:-10000px;z-index:1000;opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.5)
}
#popup_inner {
	cursor:default !important;pointer-events:none;position:absolute;left:0;width:100%;margin-top:25px;
}
#popup_inner > div {
	cursor:auto;
	pointer-events:all;overflow:hidden;color:#333;font-family:Segoe UI, Arial, Helvetica;background:white;width:605px;padding:25px;position:relative;margin:0 auto;box-shadow:0 0 10px #444;border-radius:10px
}
#popup_img {
	width:605px;
}
#info_holder {
	margin-top:10px
}
#info1 {
	float:left;width:60%;margin-right:5%;
}
#info2 {
	float:right;width:35%;font-size:14px;margin-top:5px;
}

#title {
	font-size:22px;
}
#title.small {
	font-size:17px;
	font-weight:bold;
}

#popup.landscape #popup_img {
	width:340px;
	float:left;
}
#popup.landscape #info_holder {
	margin-top:0;
	float:right;
	width:250px;
}
#popup.landscape #info1, #popup.landscape #info2 {
	float:none;
	width:auto;
	margin-right:0;
	margin-top:0;
}
#popup.landscape #info1 {
	margin-bottom:15px
}

.esriSimpleSliderTL {
	top: 3px !important;
	right: 90px !important;
	left: unset !important;
}

body {
	font-family:Arial,Helvetica;
}

#thumb {
	position:absolute;
	z-index:200;
	max-width:280px;
	display:none;
	/*white-space:nowrap;*/
	background:white;
	font-size:14px;
	background:rgba(256,256,256,0.95);
	border:1px solid #9E0059;
	padding:8px;border-radius:3px;box-shadow:0 0 6px #555;
}

#thumb .poptit {
	font-weight:bold;
	font-size:14px;
	display:block;
}
#thumb i {
	font-size:12px;
}

#thumb .warning {
	font-style:italic;font-weight:normal;color:red;margin-top:3px;font-size:13px;
}
#thumb .info {
	color:#9E0059;
	margin-top:3px;
	display:inline-block;
}
#thumb .info.blue {
	color:#00577D;
}

#thumb .info span {
	color:#444;
	font-weight:normal;
}


#search input::-webkit-input-placeholder {
   color: #777;
}
#search input:-moz-placeholder {
   color: #777;  
}
#search input::-moz-placeholder {
   color: #777;  
}
#search input:-ms-input-placeholder {  
   color: #777;  
}

.arcgisSearch .searchGroup .searchInput {
	box-sizing:border-box !important;
	height:34px !important;
}

.subtitle {
	font-weight:bold;
	margin-bottom:3px;
	display:block;
	font-size:12px;
	color:#555;
	margin-top:10px;
	display:none;
}
#panel select {
	width:100%;
	font-size:14px;
	padding:7px;
	color:#666;
	position:relative;
	border:1px solid #A8A8A8;
	border-radius:0;
	margin:0 0 -1px;
}
#panel select:hover, #panel select:focus {
	z-index:10;
	/*border:1px solid #888;*/
	color:black;
	/*background:#f9f9f9;*/
}
#panel select:focus {
	background-color:rgba(158, 0, 89, 0.05);
	color:black;
}
#panel select option:first-child {
	color:#999 !important;
}
#panel select.selected {
	font-weight:bold;
	color:#9E0059;
}
#search {
	min-height:35px;
	background:url(../images/dummy_locator2.jpg) no-repeat
}
#search_input {
	width:100% !important;
}
.arcgisSearch .searchInputGroup, .arcgisSearch .searchExpandContainer {
	float:none !important;
}
.arcgisSearch .searchBtn {
	position:absolute !important;
	right: 0 !important;
	top: 0 !important;
	z-index:100;
}
.arcgisSearch .searchGroup .searchInput, .arcgisSearch .searchBtn {
	border-color:#999 !important;
}
.arcgisSearch .searchGroup .searchInput {
	border-radius:4px !important;
}
.arcgisSearch .searchClear {
	right:50px;
}


#search.found #search_input {
	/*color:#9e0059;*/
	font-weight:bold;
	padding-left:28px;
}
#search #pinny {
	display:none;
	position:absolute;
	left:8px;
	top:10px;
	z-index:10;
	cursor:pointer;
	opacity:0.8;
	background:url(../images/home_icons/redball2.png);
	width:15px;
	height:14px;
}
#search.found #pinny {
	display:block;
}
#search #pinny:hover {
	opacity:1;
}

.noselect {
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}

#filters #transport {
	margin-left:30px;margin-top:17px;
	margin-bottom:-5px;
	display:none;
}

#filters.transport #transport {
	display:block;
}

#filters.transport #filter_travel {
	border-radius:0 0 4px 4px;
}

#filters #filter_advanced {
	border-radius:0 0 4px 4px;
	margin:0;
	background:#eee
}
#filters.transport #filter_advanced {
	border-radius:4px;
}


/* Firefox Specific */
@-moz-document url-prefix() {
	/* Default dropdown styling is horrible */
	#filters select {
		-moz-appearance:none;
	}
	#filters select {
		background: url(../images/dropdown_arrow.png) right 7px top 15px no-repeat;
	}
}

.findme {
	position:absolute;
	top:5px;
	z-index:10;
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:pointer;
	left:191px;
	left:-webkit-calc(100% - 75px);
	left:-moz-calc(100% - 75px);
}

#search:hover .findme {
	opacity:0.6;
	filter:alpha(opacity=60);
}

#search .findme:hover, .findme:hover, .findme.searching {
	opacity:0.85;
	filter:alpha(opacity=85);
}

#search .hasValue .findme {
	display:none !important;
}
.findme:active {
	margin-top:1px;
}
.findme .zoomLocateButton {
	background:url(../images/locate.png);
	width:24px;
	height:24px;
	
}
.findme.searching .zoomLocateButton {
	-webkit-animation: spin .6s linear infinite;
	animation: spin .6s linear infinite;
}
.findme span {
	display:none;
}
					

.esriControlsBR {
	display: block !important;
	opacity:0.2;
	filter:alpha(opacity=20);
}
.esriControlsBR:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.esriPopupWrapper v {
	color:#888;
}
#clusters_layer circle, #clusters_layer text {
	cursor:pointer;
}

path.animate, image.animate {	
  transition: 100ms;
  transition-timing-function: ease-out;
  -webkit-transition: 100ms;
  -webkit-transition-timing-function: ease-out;
  -moz-transition: 100ms;
  -moz-transition-timing-function: ease-out;
}
path.animate.slow, image.animate.slow { 
  transition: 2500ms;
  -webkit-transition:2500ms;
  -moz-transition: 2500ms;
}
path.animate.fast, image.animate.fast { 
  transition: 50ms;
  -webkit-transition: 50ms;
  -moz-transition: 50ms;
}
#home_symbol_layer image {
	pointer-events:none;
	cursor:pointer;
}
#helper {
	position:absolute;top: 20px;width:100%;z-index:10;text-align:center;
	display:none;
}
#helper > div {
	background:white;padding: 15px 15px 14px 10px;display:inline-block;
	margin-left:355px;
	margin-right:135px;
	border-radius:8px;box-shadow: 0 0 6px #666;
	cursor:pointer;
}
@media screen and (min-width: 1450px) {
	#helper > div {
		margin-right:355px;
	}
}


a.hidden_link {
	color:#222;
}
a.hidden_link:hover {
	color:#9e0059;
}

.big_button {
	cursor:pointer;
	display:none;margin-top:15px;
	border-radius:4px;margin-bottom:-2px;padding: 8px;text-align:center;
	background: #9E0059;font-weight:bold;color: white;font-size: 16px;
}

input, select {
	outline:none;
}

#type_filter_holder > div {
	margin-bottom:5px;
}

#type_filter_holder label {
	width:95px;
}

.sweet-alert.skinny {
	width:280px !important;
	margin-left:-125px !important;
	margin-top:-170px !important;
}

.sweet-alert input:focus {
	box-shadow: 0px 0px 3px #B7AAB1 !important;
	border: 1px solid #D4ACC2 !important;
}

#address_holder #magnifying_glass {
	position:absolute;left: 4px;top: 2px;visibility:hidden;
}
#address_holder:hover #magnifying_glass {
	visibility:visible;
}
#address_holder:hover #pin {
	visibility:hidden;
}

#transport, #route {
	overflow:hidden;
	margin-top:10px;
	padding-bottom:4px;
}
#transport > div, #route > div {
	width:40px;
	height:40px;
	float:left;
	margin-right:10px;
	cursor:pointer;
	border:1px solid #555;
	border-radius:4px;
}
#transport > div:hover, #route > div:hover {
	background:#e5e5e5;
}
#transport > div.selected, #route > div.selected {
	background:#9E0059;
	background-position:bottom left;
}
a {
	color: #9E0059;
}
v {
	color: #999;
}
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; 
	clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:25px;
	height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:14px;
	vertical-align:middle;
	cursor:pointer;
	color:#222;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}

#distance_year {
	display:none;
}
.css-checkbox:checked + label #distance_year {
	display:inline;
}

label.css-label {
	background-image:url(../images/checkboxes_smaller.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.noselect {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#popgraph {
	margin-top:20px;
	margin-left:7px
}
#pop_desc {
	text-align:center;
	margin-top:5px;
	font-size:14px;
	color:#aaa;
	display:none;
	padding:0 15px;
}
#advanced_layer path:hover {
	stroke: #9E0059;
	stroke-width:4px;
	stroke-opacity:1;
	z-index:100;
}

.esriLegendService {
	display:none !important;	
}
#legendDiv_advanced.esriLegendService, #legendDiv_advanced_static.esriLegendService {
	display:block !important;
}

/*#legendDiv_advanced > div .esriLegendLayer:nth-child(2) {
	display:none !important;
}*/
#legendDiv_advanced > div .esriLegendLayer {
	display:none;
}
#legendDiv_advanced > div .esriLegendLayer:last-child {
	display:table;
}

.esriLegendServiceLabel, .esriLegendLayerLabel {
	display:none;
}
.esriLegendService {
	padding-bottom:0 !important;
}
#num_schools_holder {
	position:relative;background:#E2E2E2;padding:7px;text-align:center;font-size:16px;font-weight:bold;
	border:1px solid #bbb;
	border-width:1px 0;
	margin-top:15px;
	margin-bottom:2px;
}
#num_schools_holder img {
	cursor:pointer;position:absolute;top: 8px;
}
#num_schools_holder img:active {
	top: 9px;
}

#popularity a {
	display:none;
}
#popularity:hover a {
	display:inline;
}
.help {
	display:inline-block;
	cursor:help;
	background:url(../images/help2.png);
	width:16px;height:16px;vertical-align:middle;
	opacity:0.8;
	margin-right:-25px;
}
#school_options .css-checkbox ~ .help {
	visibility:hidden;
}
#school_options .css-checkbox:checked ~ .help {
	visibility:visible;
}


select::-ms-value {
	background: white;
	color:#444;
}
select {
	border-width:1px;
}


#distance_layer path {
	cursor:pointer;
	stroke-width:8px;
	transition: 200ms;
	transition-timing-function: ease-in-out;
	-webkit-transition: 200ms;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition: 200ms;
	-moz-transition-timing-function: ease-in-out;
}

#distance_layer.thin path {
	stroke-width:4px;
}

#distance_layer path:hover {
	stroke-width:13px;
}
#distance_layer.thin path:hover {
	stroke-width:6px;
}

#distance_layer image, #locations_layer {
	pointer-events:none;
	opacity:1;
}

#catchment_info, #feeder_info, #route_info {
	display:none;
}
#distance_year span, #catchment_info, #feeder_info, #route_info {
	color:#999;
}

.ui-slider-handle {
	background:#9E0059 !important;
	border:1px solid #CE80AC  !important;
	outline:none;
}
.ui-slider-handle:hover {
	border:1px solid #89004E !important;
}
.ui-slider-handle:active {
	background:#89004E !important;
}


#badges {
	position:absolute;
	right:-11px;
	bottom:-11px;
}
#badges.shift {
	right:-4px;
	bottom:auto;
	top:-9px;
}
#badges.push {
	right:auto;
	bottom:auto;
	top:15px;
	left:-8px;
	position:relative;
	padding-bottom:12px;
}

#badges img {
	cursor:pointer;
	margin-left:7px;
}

#height_setting {
	margin-top:14px;overflow-y:hidden;overflow-x:hidden;margin-right:-10px;padding-right:10px;
}
#school_height_setting {
	overflow-x:hidden;
	overflow-y:hidden;
}
#height_setting.scroll, #school_height_setting.scroll {
	overflow-y:auto;
}


#school_det a {
	text-decoration:none;
}
#school_det a:hover {
	text-decoration:underline;
}
#school_mini_info {
	overflow:hidden;margin:0px 17px 22px;border-radius:4px;background:#FFF3F9;padding:10px;text-align:center;font-size:16px;font-weight:bold;border:1px solid #E4D8DF
}
#school_mini_info > div {
	float:left;
	font-size:14px;
	position:relative;
	font-weight:normal;
}
#school_mini_info img {
	position:absolute;
	left:0;
	top:1px;
}
#school_mini_info > div > div {
	padding-left:43px;
	text-align:left;
}
#school_mini_info > div > div > div:first-child {
	color:#A58D99; /*#92677C*/
	margin-bottom:3px;
	font-weight:bold;
}
#contact > div > div {
	position:relative;
}
#contact > div > div img {
	position:absolute;
}
.title {
	border-radius:4px;padding:14px 12px 13px 12px;text-align:center;font-size: 22px;font-weight:bold;
	font-size:21px;
	color:#888;
}
.title::first-line {
	font-size:27px;
	color:black;
}
#actual_ages, #age_holder:hover #ages {
	display:none;
}
#age_holder:hover #actual_ages {
	display:block;
}

#gender_ratio, #gender_holder:hover #gender {
	display:none;
}
#gender_holder:hover #gender_ratio {
	display:block;
}
#gender_holder div span:last-child {
	display:none;
}
#gender_holder:hover div span:last-child {
	display:block;
}
#gender_holder:hover div span:first-child {
	display:none;
}




/*#contact > div:first-child {
	width:64%;
}
#contact.has_phone > div:first-child {
	width:58%;
}*/
#contact #phone_holder {
	display:none;
}
#contact.has_phone #phone_holder {
	display:block;
}
#distance_units:hover {
	text-decoration:underline;
}
#big_stats > div > div {
	float:left;
	font-size:12px;
	position:relative;
	width:49%;
	padding:10px;
}
#big_stats > div > div:last-child {
	width:50%;
}
#big_stats img.bigicon {
	position:absolute;
	left:0;
	top:-1px;
	width:43px;
	opacity:0.85;
	filter:alpha(opacity=85);
}
#big_stats span {
	font-weight:bold;
	font-size:19px;
	margin-bottom:1px;
	display:block;
	color:#222;
}
#big_stats > div > div div {
	padding-left:56px;
	color:#999;
	margin-right:-10px;
}
#big_stats * {
	box-sizing: border-box;
}
#big_stats > div {
	overflow:hidden;
}
#big_stats {
	border-radius:4px;
	margin-top:27px;
	background:#F5f5f5;
}
.minihelp {
	width:13px;
	margin-bottom:-3px;
	cursor:help;
	opacity:0.7;
	filter:alpha(opacity=70);
}
#big_stats em:after {
	content:'Unknown';
	font-style:normal;
	font-size:17px;
	color:#ccc;
}
#big_stats > div > div.disabled img {
	opacity:0.25;
	filter:alpha(opacity=25);
}
#big_stats > div > div.disabled div {
	color:#ccc;
}



#big_stats > div > div a.hover {
	display:none;
}
#big_stats > div > div:hover var {
	display:none;
}
#big_stats > div > div:hover a.hover {
	display:block;
}
#big_stats > div > div.disabled a.hover {
	display:none !important;
}
#big_stats > div > div.disabled var {
	display:block !important;
}
var {
	font-style:normal;
	cursor:pointer;
}
var:hover {
	text-decoration:underline;
}

body.min #footer {
	display:none;
}

#swal_content {
	overflow:auto;
	height:300px;
	text-align:left;
	font-size:14px;
	padding-right:10px;
	color:#222;
}

#swal_content b {
	margin-bottom:0;
	margin-top:20px;
	display:block;
}

#facebook {
	background:#5A6D92 url(../images/facebook.png) center center no-repeat;
}
#twitter {
	background:#4D768F url(../images/twitter.png) center center no-repeat;
}
#email {
	background:#A09675 url(../images/email2.png) center center no-repeat;
}

#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);
}



#big_stats span.disabled {
	color:#ccc;
}

.loader {
	margin:50px 0;
	text-align:center;
}
.loader div {
	display:inline-block;
	background:url(https://www.london.gov.uk/sites/all/themes/gla/images/svg/throbber.svg);
	width:50px;height:50px;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}
@-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); }
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}



.pop_thumb {
	position:relative;font-weight:bold
}
.pop_thumb > div {
	position:relative;margin-top:7px;
}
.pop_thumb > div img {
	position:absolute;
}
.pop_thumb .text {
	padding-left:35px;
}
.pop_thumb .text div:first-child {
	color:#9e0059
}
.pop_thumb .text div:last-child {
	margin-top:4px;font-size:13px;color:#666;font-weight:normal;
}



#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;
}

.bingLogo-lg {
	display:none;
}

#panel {
	position:absolute;
	left:20px;
	top:40px;

	width:295px;
	border-radius:4px;
	font-family:Arial;
	background:#353d42;
	box-shadow:0 0 6px #666;
	z-index:55;
}

#white_panel {
	background:white;
}

.back_panel {
	position:relative;
	text-shadow:0px 1px 1px #420025;cursor:pointer;background:#9E0059;font-size:24px;font-weight:bold;color:white;text-align:center;line-height:49px;
}
.back_panel.blue {
	background:#1f4da5;
	text-shadow:0px 1px 1px #000842;
}
.back_panel img {
	position:absolute;width:30px;left: 9px;top: 9px;
}

#unminimise, #more_school_info, #back_to_map {
	display:none;
}

#contact .left {
	float:left;margin-right:5%;
	width:58%;
}

.checkboxes {
	margin-top:25px;position:relative;
}

#main_school_det {
	padding:0px 17px 17px 17px;
	position:relative;
}

#route_info br {
	display:none;
}

#filters > div {
	padding:16px 15px 18px;
}

#logo_holder {
	border-bottom:1px solid #d5d5d5;
	padding:16px 15px 11px;
	background:#e3e3e3;
	text-align:center
}

#gender_holder img {
	margin-left:7px;
}

.checkboxes.independent .hide_independent {
	display:none;	
}
.checkboxes #independent_warning {
	display:none;
}
.checkboxes.independent #independent_warning {
	display:block;
}

.checkboxes.independent #badges {
	bottom:38px;
}

#route_prompt {
	display:none !important;
}


/**** MOBILES ****/

@media only screen and (max-width: 600px) { 
	#panel {
		left:0;top:0;width:100%;border-radius:.0;
	}
	#white_panel {
		border-radius:0;
	}
	.sa-icon {
		display:none !important;
	}
	.sweet-alert {
		/*top:11px !important;*/
		margin-top:-220px !important;
	}
	.esriSimpleSliderTL {
		top:auto !important;
		right:auto !important;
		bottom:5px;
		left:5px !important;
	}
	#swal_content {
		height:auto;
	}
	#mayor_logo img {
		display:none;
	}
	#mayor_logo div {
		display:inline-block;
	}
	#clear_filters_button {
		display:none !important;
	}
	#show_schools_button {
		display:block !important;
	}
	body.min #filters {
		display:none !important;
	}
	body.min #unminimise {
		display:block;
	}
	body.min #extra_school_data {
		display:none;
	}
	
	body.school_mode #back_to_map {
		display:block;
	}
	body.min #back_to_map {
		display:none;
	}
	
	#thumb {
		display:none !important;
	}
	#panel, #school_det {
		width:100% !important;
	}
	
	#school_det .back_panel {
		display:none !important;
	}
	
	body.min #more_school_info {
		display:block !important;
		margin:0 10px 10px;
		background:#1f4da5;
	}
	
	.esriSimpleSlider div {
		width:25px;
		height:25px;
	}
	#basemap_picker > div, #basemap_picker > div > div > div > div {
		width:49px;
		height:49px;
	}
	
	body.school_mode.min .title {
		font-size:18px;
		color:black;
	}
	body.school_mode.min .title::first-line {
		font-size:18px;
	}
	
	body.min #mayor_holder, body.min #logo_holder, body.school_mode #mayor_holder, body.school_mode #logo_holder {
		display:none;
	}
	.arcgisSearch .searchClear {
		background-color:transparent;
	}
	#helper > div {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	#helper {
		margin-top:45px;
	}
	#contact {
		padding-top:5px;
		padding-bottom:2px;
		margin:0 -6px;
	}
	#contact .left {
		width:52%;
		margin-right:5%;
	}
	#school_height_setting a {
		color:#204690;
	}
	#school_mini_info {
		margin:0 -1px 18px;
		border-radius:0;
		padding:7px 10px 9px;
	}
	#school_options.checkboxes > div:not(:last-child) {
		-webkit-filter:hue-rotate(290deg);
		-moz-filter:hue-rotate(290deg);
		filter:hue-rotate(290deg);
	}
	#school_mini_info {
		-webkit-filter:grayscale(1);
		-moz-filter:grayscale(1);
		filter:grayscale(1);
	}
	#big_stats {
		margin:22px -18px 0;
		border-radius:0;
	}
	#big_stats > div > div  {
		font-size:11px;
	}
	#big_stats > div > div div {
		padding-left:48px;
	}
	
	#school_mini_info > div {
		font-size:14px;
	}
	#school_mini_info > div > div {
		text-align:center;
		padding-left:0;
	}
	#school_mini_info > div > div > div:first-child {
		display:none;
	}
	#school_mini_info img {
		position:relative;
		padding-bottom:2px;
	}
	
	.findme .zoomLocateButton {
		background:url(../images/crosshairs@2x.png);
		width:24px;
		height:24px;
		background-size:24px;
		margin-left:2px;
	}
	
	#gender_holder img {
		margin-left:0;
	}
	
	#main_school_det {
		padding:0px 15px 17px 16px;
	}
	.checkboxes {
		margin-top:20px;
	}
	#route_info br {
		display:block;
	}
	#route_extra {
		margin-top:25px;
	}
	#num_schools_holder {
		margin-top:10px;
	}
	#helper {
		bottom:65px;
		top:auto;
		width:96%;
		left:2%;
	}
	#filters > div {
		padding:13px 12px 15px;
	}
	
	.help {
		background:url(../images/question@2x.png);
		background-size:16px;
	}
	
	#popularity {
		margin-left:-5px;
	}
	
	label.css-label {
		background-image:url(../images/checkboxes.png);
		background-repeat:none;
		background-size:17px;
	}
	
	#search #pinny {
		opacity:0.8;
		background:url(../images/redball@2x.png);
		background-size:15px;
		height:15px;
	}
	
	#independent_warning span {
		display:none;
	}
	
	#route_prompt {
		display:block !important;
	}
	
	#height_setting {
		margin-top:12px !important;
	}
	#filter_advanced {
		margin-top:14px !important;
	}
	#show_schools_button {
		margin-top:13px !important;
	}
	
	.sweet-alert > p {
		max-height:195px;
		overflow-y:auto;
	}
			
}


#swal_content a {
	text-decoration:none;
}
#swal_content a:hover {
	text-decoration:underline;
}

#helper_text {
	max-width:300px;font-size:18px;padding-left:45px;font-weight:bold;color:#333
}
#helper_img {
	position:absolute;left:0;top: 50%;margin-top:-18px
}
#mayor_holder {
	padding:10px 15px 5px;text-align:center
}
#mayor_logo {
	text-decoration:none;
}
#main_logo img {
	width:253px;height:24px
}

#filter_age {
	border-radius:4px 4px 0 0 !important
}
#filter_travel {
	border-radius:0 0 4px 4px !important
}
#filter_advanced{
	margin-top:18px !important;
	border-radius:4px !important;
}

#legendHolder {
	display:none;font-size:13px;color:#555;padding-bottom:5px;margin:0 5px;
}

#heatmap_transparency {
	display:none;margin-left:25px;margin-bottom:20px;
}

.transcontrol {
	cursor:pointer;border:1px solid #57585A;z-index:1;height:22px;line-height: 22px; background:white;border-radius:3px;overflow:hidden;
	margin-top:10px;
}

.transcontrol div {
	width: 85%; height: 100%; color:black;text-shadow: white 0px 1px 2px; text-indent: 10px; font-size: 14px; font-family: Arial;
	background:#D1D1D1 url(../images/chequer2.jpg);
}

#route_prompt {
	margin-top:5px;color:#a9256f;
}

#independent_warning {
	font-size:14px;margin-top:22px;color:#555;border-top:1px dashed #bbb;padding-top:8px
}

#footer {
	position:relative;padding:10px;color:white;font-weight:bold;font-size:14px;border-radius:0 0 4px 4px
}

#route_extra {
	display:none;margin-left:25px;cursor:pointer
}

/** Target mobile webkit **/
@media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio:0) { 
	#filters select {
		-webkit-appearance:none;
	}
	#filters select {
		background: url(../images/dropdown_arrow.png) right 7px top 15px no-repeat;
	}
	#search {
		background:none;
	}
}



/** Extra for eAdmissions **/
body.eadmissions #average_distance_holder, body.eadmissions #pupil_teacher {
	display:none !important;
}
body.eadmissions #eadmissions_eligible {
	display:block !important;
}
body.eadmissions #heatmap_transparency {
	margin-bottom:10px !important;
}

#eadmissions_eligible span.disabled, #eadmissions_eligible.disabled span {
	display:none !important;
}
#eadmissions_eligible.disabled span.disabled {
	display:block !important;
}
#eadmissions_eligible var img {
	display:none;
}
#eadmissions_eligible.disabled var img {
	display:inline;
}

#service_outdated_message {
	border: 4px dashed black;
	background: #FFEF00;

	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}

#service_outdated_message p {
	margin: 4px;
}