@charset "UTF-8";
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
  width: auto;
  max-width:100%;}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*
	/* OLD background styles 
	
	background-image: url(../images/background.png);
    background-repeat: no-repeat;
    background-size: cover;*/
}

html, body {
    /*height: 100%;*/
    background-color:white;
}
/*
html{
overflow: hidden;
}*/

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

* {
  box-sizing: border-box; }
 
 
 h1 {
  font-size: 2em;
  /* 2x body copy size = 32px */
  line-height: 1.25;
  /* 45px / 36px */
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }
}

@media (min-width: 56.25em) {
  h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.05;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }
}

h2 {
  font-size: 1.625em;
  /* 1.625x body copy size = 26px */
  line-height: 1.15384615;
  /* 30px / 26px */
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  /* 1.375x body copy size = 22px */
  line-height: 1.13636364;
  /* 25px / 22px */
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em;
  /* 1.125x body copy size = 18px */
  line-height: 1.11111111;
	margin:0;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }
}

body{
	margin: 0;
    /*font-size:10pt;*/
	font-size: 12pt;
    line-height:1.3;
    font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color:#161717;
}

.flex-row{
	-webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
    width: 100%;
}

/* button reset */
button {
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #055568;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus {
    background: #056B9B;
}

button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

button:active {
    transform: scale(0.99);
}
/* button reset end */

/* login page */

#loginPage{
	background-color: #0B617B;
	padding:75px 20px;
	min-height: 100vh;
}

#loginPage .validation-summary-valid{
	color: #FA777C;
}

#loginPage .section-wrapper{
	max-width: 480px;
	width: 100%;
	margin: auto;
}

#loginPage .section-wrapper>img{
	max-width: 141px;
}

#loginPage form{
	background-color: #36393F;
	padding: 32px;
	/*border: 1px solid rgb(163, 166, 170);*/
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 10px 0px;
	color: rgb(163, 166, 170);
	margin-top: 38px;
}

#loginPage form .field-validation-valid{
	color: red;
	padding-left: 4px;
}

#loginPage .form-header h3{
	color: white;
	margin: 0 0 8px 0;
	text-align: center;
}

#loginPage .form-header p{
	line-height: 1.25;
	margin: 0;
	text-align: center;
}

#loginPage .form-field{
	margin: 0 0 20px 0;
	width: 100%;
}

#loginPage .form-field label,
#loginPage .form-field input,
#loginPage .form-field select{
	width: 100%;
}

#loginPage .form-field label{
	color: rgb(185, 187, 190);
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#loginPage .form-field input[type=text],
#loginPage .form-field input[type=password]{
	padding: 10px;
	border-radius: 4px;
	background-color: #303339;
	border:1px solid #222428;
	color: rgb(220, 221, 222);
	font-size: 16px;
	font-weight: 400;
}

#loginPage .form-field select{
	height: 39px;
	border: none;
	background-color: #202225;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	color: rgb(220, 221, 222);
}

#forgotpass a{
	color: rgb(0, 175, 244);
	text-decoration: none;
}

#loginPage input[type="submit"]{
	width: 100%;
	color: white;
	background-color: #0B617B;
	border-radius: 3px;
	border:none;
	padding: 2px 0;
	height: 44px;
	font-weight: 500;
}

/* end login page styles */

/* Header styles */

header,#switcher{
	width:100%;
	font-size: 10pt;
	color: #424242;
}

header{
	/*background: #055568;*/
	background: #FFF;
	font-size: 10pt;
}

#switcher{
	background: #F0F0F0;
	font-size: 13.5pt;
}

#header-wrapper, 
#switcher-wrapper,
#footer-wrapper{
	padding: 10px 5%;
	max-width: 1600px;
	max-width: calc(1600px + 10%);
	margin: auto;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}

@media screen and (max-width: 1280px) {
	#header-wrapper, 
	#switcher-wrapper,
	#footer-wrapper{
		padding: 10px;
	}
}

#header-wrapper, 
#footer-wrapper{
	justify-content: space-between;
}

#switcher-wrapper{
	justify-content: flex-start;
}

#switcherControls{
	padding:0 10px;
}

#switcherControls>*{
	display: inline-block;
	margin-right: 7px;
	color: #333;
}

#switcherControls>a{
	font-size: 10pt;
	text-decoration: underline;
}

#header-wrapper>*{
	padding: 0 10px;
}

#header-wrapper nav{
	display: flex;
	flex-wrap:wrap;
	align-content: center;
}

#header-wrapper nav a{
	display: inline-block;
	margin: 0 4px;
	color: #424242;
	text-decoration: none;
}

#header-wrapper nav a:first-child{
	margin-left: 0;
}

#header-wrapper nav .active>span{
	text-decoration: underline;
}

#header-wrapper nav span{
	display: inline-block;
	padding: 0 5px;
	line-height: 30px;
}

#header-wrapper nav a:first-child span{
	padding-left: 0;
}

#homeBtn{
	font-size: 13.5pt;
	font-weight: 700;
}

#header-wrapper .divider{
	border: 1px solid #424242;
	height: 20px;
	margin-top: 5px;
	margin-left: 9px;
	margin-right: 9px;
	width: 2px;
	display: inline-block;
}

#accountOptions>button{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding:0 2px;
	border: none;
	background-color: transparent;
	color: inherit;
}

#accountOptions span{
	margin-right: 4px;
}

#accountOptions span a{
	color: #161717;
}

#accountOptions>button:hover>span{
	text-decoration: underline;
}

#accountOptions img{
	max-height: 30px;
	margin-left: 4px;
	width: 30px;
}

/* end header styles */

/* OLD school select dropdown */

/*.selectSchool{
	width: 50%;
	max-width:500px;
	float: left;
}

.page-wrapper>section>form{
	overflow: hidden;
}

.selectSchool .form-field{
	width:100%;
}

.selectSchool .form-row>label{
	color:black;
}*/

/* end OLD school select dropdown */


/* Disclaimer styles */

#disclaimer { 
	background: transparent; 
	max-width:712px; 
	padding:30px 0; 
	overflow: hidden;
}

#disclaimer section{
	background: rgba(255, 255, 255, 0.8);
	padding:15px;
	float:left;
	max-width: 100%;
	width:calc(100% - 15px);
}

@media screen and (max-width: 768px) {
	#disclaimer { 
		max-width:100%; 
		padding:0 7.5px;
	}

	#disclaimer section{
		padding:15px;
		float:none;
		max-width: calc(100% - 15px);
		width:100%;
		margin:30px 7.5px;
	}
}

#disclaimer span{
	display: block;
	margin: 0 auto 15px auto;
	width:127.5px;
}

#disclaimer img{
	vertical-align: bottom;
	margin-right:7.5px;
}

#disclaimer h3{
	margin:0;
	text-align: center;
	display: inline-block;
	line-height: 34px;
	font-weight: 100;
}

#disclaimer form{
	max-width: 90%;
	margin:auto;
}

#disclaimer input{
	width:100%;
	margin: 5px 0;
	text-align: center;
	padding:9px 0;
	font-size: 1.6em;
}

#disclaimer input[type="submit"]{
	background-color:#1D5A1D;
	color:white;
	border: solid 1px rgba(29,90,29,1.00);
}

/* end Disclaimer styles */

/* OLD school badge */

/*#institute-block{
	float:left;
	margin: 0;
}

#instituteBadge{
	vertical-align: middle;
	max-height:63px;
	height: auto;
}

#instituteName{
	color:white;
	margin:0 7.5px;
	text-align: left;
	line-height: 63px;
	display: inline;
	font-weight: 100;
	vertical-align: middle;
}*/

/* end OLD school badge */

.page-wrapper{
	background: white;
	margin:auto;
	position: relative;
    overflow: hidden;
	/*max-width: 1280px;
	padding:18px 7.5px;*/
}

.featurePanel{
	text-align: center;
}

#schoolSearchPage .featurePanel,
#supportHomepage .featurePanel{
	background-color: #055568;
	color: white;
}

#searchPanel *{
	color: inherit;
}

section{
	padding-left:  5vw;
	padding-right: 5vw;
	margin:0 !important;
}

@media screen and (max-width: 1280px) {
	section{
		padding-left:  20px;
		padding-right: 20px;
	}
}

section>.section-wrapper{
	max-width: 1600px;
	margin: auto;
}

#schoolSearchPage{
	position: relative;
}

/* feature panel styles */

.featurePanel>.section-wrapper{
	padding-top: 64px;
	padding-bottom: 136px;
}

.featurePanel .section-wrapper-container{
	max-width: 780px;
	margin: auto;
}

.featurePanelImage{
	
}

.featurePanelTitle>h2{
	margin-top: 32px;
	margin-bottom: 30px;
	line-height: 1;
	text-transform: uppercase;
}

.featurePanelSearchbar{
	position: relative;
	max-width: 600px;
	margin: auto;
}

.featurePanelSearchbar input[type=text]{
	font-size: 10.5pt;
	line-height: 18px;
	padding:11px 20px 11px 40px;
	color: #666666;
	font-family: "Work Sans Light";
	font-weight: 400;
	width: 100%;
	border-radius: 40px;
	border: 1px solid #fff;
}

.featurePanelSearchbar input[type=submit]{
	position: absolute;
	left:14px;
	top: 10px;
	width:22px;
	height: 22px;
	background-color: transparent;
	color: transparent;
	border: none;
	padding: 2px;
	background-image: url("../images/SearchIcon.svg");
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
}

.featurePanelSearchbar input:focus{
	border-color: #666;
}

/* end feature panel styles */

/* school search page */

#allSchools #pageTitle{
	padding-top: 50px;
}

#allSchools #pageTitle>h1{
	margin-top: 0px;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 300;
	color: #424242;
	font-size: 3.5em;
	padding:0 10px;
}

#searchResultsContainer{
	margin-top: 42px;
	align-items: flex-start;
	text-align: left;
	margin-bottom: 42px;
}

#searchResultsContainer>div{
	padding:0 10px;
}

#searchFilter{
	width: 25%;
	max-width: 285px;
	padding-right: 20px !important;
}

#searchFilter .filterTitle{
	padding: 0px 15px 16px 15px;
}

#searchFilter .filterTitle>h3{
	margin: 0;
	line-height: 1;
	font-size: 1.3em;
}

#searchFilterContainer{
	background-color: #F0F0F0;
	color: #333333;
}

#searchFilterContainer .radiobutton,
#searchFilterContainer label{
	float: none;
}

#searchFilter .filterCategory{
	padding: 18px 15px 14px 15px;
	background-color: rgba(11,97,123,0.30);
}

#searchFilter .filterCategory>h4{
	margin:0;
	line-height: 1;
}

#searchFilter .filterOptions{
	font-weight: 300;
	padding: 0 15px 0.1px 15px;
}

.container {
  	display: block;
  	position: relative;
  	padding-left: 35px;
  	margin-top: 14px;
  	margin-bottom: 14px;
	min-height: 24px;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	font-size: 10.5pt;
}

/* Hide the browser's default checkbox */
.container input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}

.checkmark {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 24px;
  	width: 24px;
  	background-color: #fff;
	border: 1px solid #727272;
}

input[type="radio"] ~ .checkmark{
	border-radius:24px;
}

input[type="radio"] ~ .checkmark::after{
	height: 10px;
	width: 10px;
	background-color: #055568;
	top: 6px;
	left: 6px;
	border-radius: 100%;
}

.container:hover input ~ .checkmark {
  background-color: #f9f8f8;
}

.container input:checked ~ .checkmark {
  /*background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #055568;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#schoolSearchResults{
	width: 75%;
	padding-left: 20px !important;
}

#searchReturn{
	font-size: 13.5pt;
	margin-top: 1px;
	font-weight: 300;
}

#searchReturn #searchReturnTotal{
	font-weight: bold;
}

#searchResultList{
	list-style: none;
	margin-top: 16px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}

#searchResultList li{
	margin-left: 0;
	padding-left: 0;
	padding-top: 20px;
	padding-bottom: 13px;
	border-bottom: 1px solid #E3E3E3;
}

#searchResultList li:first-child{
	border-top: 1px solid #E3E3E3;
}

.searchItem .schoolDetails{
	font-size: 10.5pt;
	padding:8px 0;
}

.searchItem .schoolDetails>span{
	display: inline-block;
	padding-right: 7px;
	line-height: 1;
}

.searchItem .schoolDetails>span:not(:first-child){
	border-left: 1px solid #727272;
	padding-left: 7px;
}

.searchItem .schoolDetails .schoolSector{
	font-weight: 700;
	text-transform: uppercase;
}

.searchItem .schoolDetails .localAuthority,
.searchItem .schoolDetails .lastUpdated{
	color: #727272;
}

.searchItem .schoolName{
	margin:0;
	color: #055568;
	padding:8px 0;
}

.searchItem .schoolName a{
	color: #055568;
}

/* search page navigation */
.page-navigation{
	width: 100% !important;
	margin-top:24px;
	justify-content: center !important;
	padding:0 12px 24px 12px !important;
	list-style: none;
	font-weight: 700;
}

.page-navigation>li{
	margin-right: 12px;
}

.page-navigation li>a,
.page-navigation li>span {
	display: inline-block;
	padding: 6px 12px;
	color: #055568;
	white-space: nowrap;
	outline: 0;
}

.page-navigation li.active>a, 
.page-navigation li.active>span{
	border: 1px solid #000;
}

/*.page-navigation li>a{
	text-decoration: none;
}*/

.page-navigation li>a:focus, 
.page-navigation li>a:hover {
	color:#055568;
}

.page-navigation li:first-child .glyph:before{
	content: "<";
	vertical-align: 1px;
	margin-right: 8px;
	display: inline-block;
}

.page-navigation li:last-child .glyph:after{
	content: ">";
	vertical-align: 1px;
	margin-left: 8px;
	display: inline-block;
}

.glyph:before, .glyph:after, .glyph:hover:before, .glyph:hover:after {
text-decoration: none;
}

/* end search page navigation */

.backToTop{
	top: 100vh;
	display: block;
	pointer-events: none;
	position: absolute;
	right: 8px;
	z-index: 1;
}

.backToTopBtn{
	display: block;
	z-index: 1;
	outline: 0 !important;
	font-size: .875rem;
	background-color: rgba(255,255,255,0.9);
	font-weight: 700;
	margin: 0;
	min-width: 120px;
	pointer-events: all;
	padding: 8px 32px 8px 16px;
	position: -webkit-sticky;
	position: sticky;
	top:0;
	color:#055568;
}

@media screen and (min-width: 768px) {
	.backToTopBtn{
		font-size: 1em;
		line-height: 1.5;
	}
}

/* end school search page */

#controlIcons{
	display: flex;
	flex-wrap: wrap;
}

#controlIcons>span{
	margin: 7.5px 10px;
	background-color: transparent;
	color: #055568;
	text-align: center;
	max-width: 83px;
	padding: 0;
}

#controlIcons .iconImg{
	width: 45px;
	height: 45px;
	margin: 7.5px auto 5px auto;
}

#controlIcons .iconText{
	font-size: 10.5pt;
	margin: 5px 0 7.5px 0;
	display: inline-block;
}

.chart{
	min-height: 500px;
}

/* School and Local athority bold text on x-axis */
#comparatorsPage .chart svg>g:nth-child(5n)>g:nth-child(4n)>g:nth-child(1),
#comparatorsPage .chart svg>g:nth-child(5n)>g:nth-child(4n)>g:nth-child(2){
	font-weight: bold;
}

/* Support pages styles */

#supportHomepage .featurePanel>.section-wrapper{
	padding-top: 10px;
	padding-bottom: 62px;
}

#supportHomepage section{
	padding-left: 10vw;
	padding-right: 10vw;
	padding-top: 50px;
	padding-bottom: 40px;
}

#supportLinks #pageIntro,
#supportLinks #getInTouch{
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
	max-width: 780px;
	margin: auto;
}

#supportLinks #pageTitle{
	
}

#supportLinks #pageTitle>h2,
#supportLinks .heading2>h2{
	font-weight: 300;
	margin:10px 0;
}

#supportLinks .pageSummary{
	font-weight: 300;
	line-height: 1.75;
	margin:10px 0;
}

.pageSummary a{
	color: #0B617B;
	text-decoration: none;
}

#supportCards{
	list-style: none;
	font-weight: 300;
	text-align: center;
	justify-content: center;
	margin-top: 28px;
	padding-left: 0;
	width: 100%;
}

#supportCards a{
	text-decoration: none;
	display: inline-block;
	/*max-width: 25%;*/
	padding: 10px;
}

#supportCards a:visited,
#supportCards a:active{
	
}

#supportCards li{
	padding: 6px;
	height: 260px;
	width: 240px;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

#supportCards .supportCardImage{
	margin: 9px auto;
}

#supportCards .supportCardTitle{
	color: #0B617B;
}

#supportCards .supportCardTitle>h3{
	font-weight: inherit;
	font-size: 16.5pt;
	margin: 9px auto;
}

#supportCards hr{
	max-width: 75px;
	margin: 9px auto;
	border:none;
	background: #23272A;
	height: 1px;
}

#supportCards .supportCardSummary{
	color: #23272A;
	font-size: 10.5pt;
	margin-top: 11px auto 9px auto;
}

#supportPage .section-wrapper{
	max-width: 780px;
	padding-top: 80px;
	padding-bottom: 60px;
	color: #23272A;
}

#supportPage #pageTitle>h1{
	font-weight: bold;
	font-size: 3.5em;
}

#supportPage #lastUpdated{
	font-size: 18pt;
	line-height: 1;
	margin:40px 0;
}

#supportPage #lastUpdated,
#supportPage #pageBody{
	font-weight: 300;
}

#supportPage h1,
#supportPage h2,
#supportPage h3,
#supportPage h4{
	margin-top: 40px;
	margin-bottom: 22px;
	font-weight: inherit;
}

#supportPage #pageBody{
	line-height: 1.5;
}

#supportPage #pageBody a{
	color: #0B617B;
}

#supportPage #pageBody ol{
	padding-left: 30px;
	line-height: inherit;
}

/* end support pages styles */

/* old styles for icons */

/*.icon{
	display: inline-block;
	text-align: center;
	max-width: 60px;
}

.icon img{
	vertical-align: bottom;
}

header .icon, .menu .icon{
	margin:0 7.5px;
	color:white;
}

header .icon img, 
.menu .icon img{
	height: 45px;
	width:45px;
	display: inline-block;
	background-size: contain;
}

#LogoutBtn img{
	margin-left:11px;
}

header .iconText{
	color: white;
	font-size: 1em;
	text-decoration: none;
}

#filterBtn .iconImg{
	background-image: url(../images/FilterIconGreen.png);
}

#tableBtn .iconImg{
    background-image: url(../images/TableIcon.png);
}

#printBtn .iconImg{
    background-image: url(../images/PrintIcon.png);
}

.icon .iconText{
	font-size:0.7em;
}

.help.icon{
	margin: 6px 0;
	top: 25px;
	margin-top:-25px;
	position: relative;
}

.help.icon img{
	width:40px;
}

.help.icon .iconText{
	color:#A11A59;
}*/

/* end old styles for icons */

/* old section style */

/*section{
	margin:0 7.5px;
}*/

/* end old section style */

#login { 
	background: transparent; 
	max-width:712px; 
	padding:30px 0; 
	overflow: hidden;
}



#login section{
	background: rgba(255, 255, 255, 0.8);
	padding:15px;
	float:left;
	max-width: 393px;
	width:calc(50% - 15px);
}

@media screen and (max-width: 768px) {
	#login { 
		max-width:100%; 
		padding:0 7.5px;
	}

	#login section{
		padding:15px;
		float:none;
		max-width: calc(100% - 15px);
		width:100%;
		margin:30px 7.5px;
	}
}

#login span{
	display: block;
	margin: 0 auto 15px auto;
	width:127.5px;
}

#login img{
	vertical-align: bottom;
	margin-right:7.5px;
}

#login h3{
	margin:0;
	text-align: center;
	display: inline-block;
	line-height: 34px;
	font-weight: 100;
}

#login form{
	max-width: 265px;
	margin:auto;
}

#register{
	padding: 7px 0;
	float:left;
}

#forgotpass{
	padding:7px 0;
	float: right;
}

/*#forgotpass a, #register a{
	color: #1D5A1D;
	text-decoration: none;
}*/

#login input{
	width:100%;
	margin: 5px 0;
	text-align: center;
	padding:9px 0;
	font-size: 1.6em;
}

#login input[type="submit"]{
	background-color:#1D5A1D;
	color:white;
	border: solid 1px rgba(29,90,29,1.00);
}

#menubackground{
	position: absolute;
	height:100%;
	width:100%;
	background: rgba(51,51,51,0.6);
	z-index:1;
}

#searchmenubackground{
	position: absolute;
	height:990px;
	width:100%;
	background: rgba(51,51,51,0.6);
	z-index:1;
}

.menu{
	/* width:452px; 
	padding:7.5px 10px;*/
	padding: 15px 20px;
	background: rgba(12,102,124,0.95);
	z-index:2;
	position: relative;
	max-width: 700px;
	width: 100%;
}

@media screen and (min-width: 1280px) {
	.menu{
		margin:100px 5vw;
	}
}

fieldset{
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

/* .menu .icon{
	display: inline-block;
	text-align: center;
	color: white;
}

.menu .icon>img{
	width: 45px;
	height: 45px;
}

.menu .icon>.iconText{
	font-size: 10.5pt;
	margin: 5px 0 7.5px 0;
} */

#filterHeader{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.closeFilter>img{
	cursor: pointer;
}
.closeFilter>.iconText{
	display: none;
}

.resetFilter{
	padding: 0.8em;
	background-color: transparent;
	text-decoration: underline;
	color: white;
}

	.resetFilter:hover {
		background-color: transparent;
		color: white;
	}

.form-field, label{
	position:relative;
}

.form-row{
	margin:15px 0;
	overflow:hidden;
}

.menu .form-row{
	padding: 15px 0 0 0;
	border-top: 2px solid #fff;
}

.form-row>label{
	margin:0 7.5px;
	font-size: 13pt;
	color: white;
	font-weight: bold;
}

label{
	width:100%;
	float:left;
	display:inline-block;
	vertical-align:top;
}

.form-row select{
	width:100%;
	margin:6px 0;
	color: white;
	height: 38px;
}

.selectSchool{
	border-radius: 0;
	padding-left:9px;
	margin: 6px 0px;
}

.required::after{
	content: ' *';
	color: #A11A59;
}

.form-field{
	width:calc(33% - 15px);
	min-width:130px;
	float:left;	
	overflow: hidden;
	margin:0 7.5px;
}

.form-note{
	font-size:90%;
	padding:3px 0;
}

.checkbox, .radiobutton{
	margin:6px 0px;
	position:relative;
	float:left;
	text-align:center;
	width:100%;
	
}

.checkbox input[type=checkbox], .radiobutton input[type=radio] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

.checkbox label, .radiobutton label, .menu input, select { 
  	display: inline-block;
  	padding:9px 0;
  	background-color: #0C667C;
  	cursor: pointer;
  	min-width:130px;
  	border: solid 1px white;
  	color: white;
}

.checkbox label:hover, .radiobutton label:hover, .menu input:hover { 
  	background-color: #237588;
}

/* Default State */
.checkbox span, .radiobutton span {
   	color: green !important;
   	display: inline-block;
   	float:right;
   	visibility: hidden;
}

/* Toggled State */
.checkbox input[type=checkbox]:checked ~ label, .radiobutton input[type=radio]:checked ~ label{
  	color:#0C667C;
  	background-color:white;
	border: 1px solid #0C667C;
}

.checkbox>input, .radiobutton>input{
	width:auto;
	margin:2px 0 0 0 !important;
	font-size:140%;
	min-height:auto;
	padding-top:1px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.menu input[type="submit"]{
	margin-top:24px;
	width:100%;
	border-radius: 8px;
	font-weight: bold;
}

input.required:invalid{
	background: white !important;
}

/* The side navigation menu */
.sidenav {
    height: 100vh; 
    width: 0; 
    position: fixed; 
    z-index: 2; 
    top: 0;
    left: 0;
    overflow-x: hidden; 
    transition: 0.25s;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.google-visualization-controls-label{
	float:none!important;
}

.hide{
	display: none;
}

.google-visualization-table-table td{
	padding:4px !important;
}

.google-visualization-table-table td:nth-child(3),.google-visualization-table-table td:nth-child(4),.google-visualization-table-table td:nth-child(5),.google-visualization-table-table td:nth-child(6),.google-visualization-table-table td:nth-child(7),.google-visualization-table-table td:nth-child(8),.google-visualization-table-table td:nth-child(9),.google-visualization-table-table td:nth-child(10),.google-visualization-table-table td:nth-child(11),.google-visualization-table-table td:nth-child(12){
	text-align: center;
}

#page-title h3{
	color:white;
}

.cell-list{
	width:100%;
	overflow: hidden;
	color: white;
}

.cell{
	float:left;
	width:25%;
	padding:10px;
	text-align: center;
}

.cell-icon{
	padding:10px 0;
}

.cell-icon>img{
	width:auto;
	max-width: 100%;
}

.cell-desc, .cell-num{
	font-size: 130%;
}

#ep-container{
	position: relative;
	font-family:'Helvetica Neue', Arial, sans-serif;
	width:825px;
	margin: auto;
}

#ep-container>img{
	width: 805px;
}

#ep-container h2, #ep-container h4{
	margin: 0;
}
#ep-container h2{
	font-size: 2.25em;
}

#ep-data{
	position: absolute;
	width: calc(100% - 65px);
	height: 100%;
	top:64px;
	left: 30px;
	/*border: 1px solid red;*/
	color:white;
}

.ep-row{
	/*border: 1px solid red;*/
	overflow: hidden;
	margin-bottom:8px;
}

.ep-row h2{
	line-height: 1;
}

.ep-row span{
	display: block;
	/*margin: 3px 0;*/
}

.ep-row.schoolRoll{
	text-align: center;
	margin-bottom:50px;
	padding: 3px 30px 6px 10px;
}

.ep-row.attendance .ep-left-title, .ep-row.attendance .ep-right-title{
	line-height: 45px;
}

.ep-row.ethnicity{
	line-height: 0.9;
}

.ep-row.ethnicity h2{
	line-height: 1.2;
}

.ep-row.ethnicity span{
	margin: 14px 0;
	font-size: 0.75em;
}

.ep-row.ethnicity span:first-child{
	font-size: 1.15em;
	margin:12px 0;
}

.ep-left-title, .ep-right-title{
	width:215px;
	padding:14px 8px;
	font-size: 1.15em;
	line-height: 1.4;
	/*border: 1px red solid;*/
	min-height: 75px;
}

.ep-left-title{
	float:left;
	text-align: right;
}

.ep-right-title{
	float:right;
	margin-right: 10px;
}

.ep-data-container{
	float: left;
	width:290px;
	/*border: 1px solid red;*/
	margin-left: 10px;
	margin-top:31px;
	padding: 28px 20px 0 20px;
}

.ep-left-data, .ep-right-data{
	width:100px;
	text-align: center;
}

.ep-left-data{
	float: left;
}

.ep-right-data{
	float:right;
}

/* Equity Profile */
#ipad-container {
    border: red solid 2px;
    max-width: 768px;
    width: 100%;
    margin: -100px auto auto auto;
    height: 1024px;
    position: absolute;
    left: 0;
    right: 0;
    color: red;
    display: none;
}

#pageHeader{
	
}

#equityProfilePage #pageTitle,
#dashboard #pageTitle{
	padding-top: 50px;
}

#equityProfilePage #pageTitle h1,
#dashboard #pageTitle h1{
	margin-top: 0px;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 300;
	font-size: 3.5em;
	padding:10px;
	color:#424242;
}

#equityProfilePage #pageTitle h3,
#dashboard #pageTitle h3{
	margin-top: 0px;
	line-height: 1;
	margin-bottom: 0;
	font-weight: 300;
	font-size: 2em;
	padding:10px;
}

#noticeMessage{
	margin-top: 22px;
	padding: 10px 10px 0 10px;
}

#pageHeader ul{
	padding-left:20px
}

#equity-container {
    display: flex;
    flex-wrap: wrap;
    font-family: 'Helvetica Neue Bold', Arial, sans-serif;
    width: 755px;
    margin: auto;
    position: relative;
}

    #equity-container.school-template {
        margin-top: 100px;
    }

    #equity-container.nursery-template {
        margin-top: 60px;
    }

    #equity-container .row {
        width: 100%;
        position: relative;
        display: flex;
    }

    #equity-container .cell, #titles .cell:first-child {
        padding: 0;
        border-width: 1px;
        border-style: solid;
        background-color: white;
        z-index: 2;
        position: relative;
        display: flex;
        transform: rotate(0deg);
        left: 0;
        align-items: center;
        height: 40px;
        justify-content: center !important;
        font-weight: bold;
    }

    #equity-container.nursery-template .cell {
        width: 65px;
        min-width: 65px;
        margin: 7px 7px;
    }

    #equity-container.school-template .cell {
        width: 50px;
        min-width: 50px;
        margin: 5px 5px;
    }

#titles .cell {
    border: none;
    transform: rotate(-45deg);
    color: black;
    white-space: nowrap;
    justify-content: flex-start !important;
    padding-left: 25px;
    font-family: 'Helvetica Neue Regular', Arial, sans-serif;
    font-weight: normal;
}

.nursery-template #titles .cell {
    left: 34px;
    margin-bottom: 23px !important;
}

.school-template #titles .cell {
    left: 25px;
    margin-bottom: 11px !important;
}

#titles .cell:first-child {
    border-width: 1px;
    border-style: solid;
}

#equity-container .row .cell:first-child {
    justify-content: flex-start;
    text-align: center;
    transform: rotate(0);
    left: 0;
    padding-left: 0;
    font-family: 'Helvetica Neue Bold', Arial, sans-serif;
}

#equity-container.nursery-template .row .cell:first-child {
    width: 119px;
    min-width: 119px;
}

#equity-container.school-template .row .cell:first-child {
    width: 82px;
    min-width: 82px;
}

.school-template #titles > .cell:first-child {
    top: 5px;
}

.nursery-template #titles > .cell:first-child {
    top: 15px;
}

#titles > .cell:first-child::before {
    top: auto;
    bottom: 0;
    left: 56px;
    position: absolute;
    width: 6px;
    height: 6px;
}

#equity-container .cell::before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    z-index: 0;
}

#equity-container.nursery-template .cell::before {
    left: -16px;
    width: 16px;
}

#equity-container.school-template .cell::before {
    left: -11px;
    width: 10px;
}

#equity-container .cell::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    z-index: 0;
}

#equity-container.nursery-template .cell::after {
    top: -16px;
    height: 16px;
}

#equity-container.school-template .cell::after {
    top: -12px;
    height: 12px;
}

#equity-container.school-template #vertical .cell::after {
    top: -5px;
}

.school-template #angle {
    top: 6px;
}

#capacity {
    width: 134px !important;
    position: absolute;
    top: 15px;
}

.nursery-template #capacity::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 1px;
    height: 16px;
    z-index: 0;
}

#equity-container .cell:first-child::before, #capacity .ep-capacity::after {
    display: none;
}

/* Nusery's registered places */
#ep-local {
}

#registered-places::after {
}

/*Equity Profile colours */

#ep-local.ep-level .cell, #titles .ep-capacity, #capacity .ep-capacity, #registered-places {
    border-color: #1D0A7F;
}

    #ep-local.ep-level .cell::before, #titles .ep-capacity::after, #ep-local .ep-name::after, #capacity .ep-capacity::after, #capacity::after {
        background-color: #1D0A7F;
    }

#ep-local .ep-name, #titles #registered-places, #capacity .ep-capacity {
    color: #1D0A7F !important;
}

#ep-city.ep-level .cell {
    border-color: #0D5E23;
}

    #ep-city.ep-level .cell::before {
        background-color: #0D5E23;
    }

#ep-city .ep-name {
    color: #0D5E23;
}

#ep-national.ep-level .cell {
    border-color: #BD2D44;
}

    #ep-national.ep-level .cell::before {
        background-color: #BD2D44;
    }

#ep-national .ep-name {
    color: #BD2D44;
}

#ep-west.ep-level .cell {
    border-color: #0C7B6F;
}

    #ep-west.ep-level .cell::before {
        background-color: #0C7B6F;
    }

#ep-west .ep-name {
    color: #0C7B6F;
}

.cell.ep-simd {
    color: #BD2D44;
}

    .cell.ep-simd::after, #titles .cell.ep-simd::before, #angle.aesthetics .cell.ep-simd::before {
        background-color: #BD2D44;
    }

.cell.ep-fsm {
    color: #C98E00;
}

    .cell.ep-fsm::after, #titles .cell.ep-fsm::before, #angle.aesthetics .cell.ep-fsm::before {
        background-color: #C98E00;
    }

.cell.ep-attendance {
    color: #754A88;
}

    .cell.ep-attendance::after, #titles .cell.ep-attendance::before, #angle.aesthetics .cell.ep-attendance::before {
        background-color: #754A88;
    }

.cell.ep-exclusions {
    color: #0C7B6F;
}

    .cell.ep-exclusions::after, #titles .cell.ep-exclusions::before, #angle.aesthetics .cell.ep-exclusions::before {
        background-color: #0C7B6F;
    }

.cell.ep-lac {
    color: #6CA12B;
}

    .cell.ep-lac::after, #titles .cell.ep-lac::before, #angle.aesthetics .cell.ep-lac::before {
        background-color: #6CA12B;
    }

.cell.ep-eal {
    color: #F15A24;
}

    .cell.ep-eal::after, #titles .cell.ep-eal::before, #angle.aesthetics .cell.ep-eal::before {
        background-color: #F15A24;
    }

.cell.ep-bme, .cell.ep-white-other, .cell.ep-white-british, .cell.ep-undisclosed {
    color: #4D72A3;
}

    .cell.ep-bme::after, #titles .cell.ep-bme::before, #angle.aesthetics .cell.ep-bme::before, .cell.ep-white-other::after, #titles .cell.ep-white-other::before, #angle.aesthetics .cell.ep-white-other::before, .cell.ep-white-british::after, #titles .cell.ep-white-british::before, #angle.aesthetics .cell.ep-white-british::before, .cell.ep-undisclosed::after, #titles .cell.ep-undisclosed::before, #angle.aesthetics .cell.ep-undisclosed::before {
        background-color: #4D72A3;
    }

/*.row .ep-name::before,*/ #titles .cell::after, #angle.aesthetics .cell::after {
    content: '';
    position: absolute;
    top: 12.5px !important;
    left: 0;
    width: 15px !important;
    height: 15px !important;
    z-index: 0;
}

#vertical.aesthetics .cell, #angle.aesthetics .cell {
    border: none;
    /*height: 0;*/
    background-color: transparent
}

#vertical.aesthetics .cell {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.nursery-template #vertical .cell::after {
    top: -8px;
}

.school-template #vertical .cell::after {
}

#angle .cell {
    transform: rotate(-45deg);
}

.nursery-template #angle .cell {
    left: -30px;
    top: 9px;
}

.school-template #angle .cell {
    left: -25px;
}

#equity-container #angle .cell::before {
    left: auto;
    right: -10px;
    /*transform: rotate(-90deg);
	left:16px !important;*/
}

#equity-container #angle .cell::after {
    left: auto;
    right: 0;
    /*transform: rotate(-90deg);
	left:16px !important;*/
}

@media print{ 
	body{
		background-image: none;
	}
	
	header, section, .cc-cookies, .sidenav{
		display:none;
	}
}

.dashChart, .chart-wrapper a .dashChart {
    float: left;
    width: 627px;
    height: 402px;
}

.dashChart .loadingBox{
    text-align:center;
    padding-top:120px;
}

    .dashChart .loadingBox img{
        display:inline-block;
    }

#chartView .loadingBox {
	text-align: center;
	padding-top: 200px;
}

	#chartView .loadingBox img {
		display: inline-block;
	}

/* Updated styles
*/

.searchDashboard, #aslDashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 16px 0 0 0;
	padding: 0 16px;
}

.searchDashboard > .chart-wrapper:nth-child(2n+1) {
    margin-left: 0;
}

.searchDashboard > .chart-wrapper:nth-child(2n) {
    margin-right: 0;
}

.chart-wrapper {
    margin: 0 8px 16px 8px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    border-radius: .375rem;
    background-color: transparent;
    width: 45%;
    width: calc(50% - 8px);
    flex-wrap: wrap;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: column!important;
}

#aslDashboard .chart-wrapper {
    width: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .chart-wrapper {
        border: 1px solid rgba(37,32,31,.3);
    }
}

.chart-title {
    font-size: 1.5em;
    background-color: white;
    font-weight: bold;
}

.chart-title-wrapper {
    padding: 10px 59px 0 calc(5vw - 6px);
    position: relative;
}

.dashChart, a .chart-wrapper .dashChart {
    width: 100%;
    height: 400px;
    margin-bottom: 0px;
    float: none;
    z-index: -0;
    background-color: transparent !important;
}

    .dashChart svg > rect, a .chart-wrapper .dashChart svg > rect {
        fill: transparent !important;
    }

@media screen and (max-width: 768px) {
    .chart-wrapper {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}


/* 
End updated styles */

.searchDashboard:after {
    content: "";
    display: table;
    clear: both;
}

/* Equity Profile */
#equity-wrapper{
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%; 
	/*max-width: 1280px;*/
	min-width: 755px;
	padding: 0 10px 24px 10px;
}

#equityProfilePage .flex-row{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column !important;
	/*text-align: center;*/
	/*align-items: center;*/
	margin:5px;
	width:33.3%;
	width:calc(33.3% - 10px);
	min-width: 236px;
	position: relative;
}

#equityProfilePage .flex-row:first-child, #equityProfilePage .flex-row:last-child{
	width: 100% !important;
	flex-direction: row !important;
	margin:5px auto;
	flex-wrap: nowrap;
}

#equityProfilePage .flex-row:last-child{
	flex-wrap: wrap;
}

#equityProfilePage .flex-row:first-child .equity-title {
	font-family: 'Helvetica Neue Regular', Arial, sans-serif;
}

#equityProfilePage .flex-row:first-child .equity-text-wrapper{
	background-color: transparent;
 }

#equityProfilePage .flex-row:first-child .equity-text, .flex-row:last-child .equity-title{
	font-size: 18pt;
	color: white;
	border: 1px solid transparent;
	flex-direction: row !important;
}

#equity-wrapper #school-roll{
	background-color: #0B617B;
	align-items: center;
}

#school-roll>.equity-thumb,
#school-roll>.equity-text-wrapper{
	width:50%;
}

#attendance>.equity-thumb, #attendance .additional-info.equity-text-wrapper, #attendance .additional-info .equity-text, #attendance.clickable .equity-text-wrapper{
	background-color: #754A87;
}

#attendance>.equity-text-wrapper{
	border:3px solid #754A87;
}

#exclusions>.equity-thumb, #exclusions .additional-info.equity-text-wrapper, #exclusions .additional-info .equity-text, #exclusions.clickable .equity-text-wrapper{
	background-color: #0C7B6F;
}

#exclusions>.equity-text-wrapper{
	border:3px solid #0C7B6F;
}

#fsm>.equity-thumb, #fsm .additional-info.equity-text-wrapper, #fsm .additional-info .equity-text, #fsm.clickable .equity-text-wrapper{
	background-color: #C98E00;
}

#fsm>.equity-text-wrapper{
	border:3px solid #C98E00;
}

#eal>.equity-thumb, #eal .additional-info.equity-text-wrapper, #eal .additional-info .equity-text, #eal.clickable .equity-text-wrapper{
	background-color: #F05A24;
}

#eal>.equity-text-wrapper{
	border:3px solid #F05A24;
}

#simd>.equity-thumb, #simd .additional-info.equity-text-wrapper, #simd .additional-info .equity-text, #simd.clickable .equity-text-wrapper{
	background-color: #BD2D44;
}

#simd>.equity-text-wrapper{
	border:3px solid #BD2D44;
}

#lac>.equity-thumb, #lac .additional-info.equity-text-wrapper, #lac .additional-info .equity-text, #lac.clickable .equity-text-wrapper{
	background-color: #6CA12B;
}

#lac>.equity-text-wrapper{
	border:3px solid #6CA12B;
}

.flex-row:last-child{
	justify-content: space-between
}

.flex-row:last-child .equity-thumb{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.flex-row:last-child .equity-icon{
	width:100%;
}

.flex-row:last-child .equity-title{
	width:100%;
}

#ethnicity>.equity-thumb, #ethnicity .additional-info.equity-text-wrapper, #ethnicity .additional-info .equity-text, #ethnicity.clickable .equity-text-wrapper{
	background-color: #4D72A3;
}

#ethnicity .wrapper-titles{
	width: 100%;
	display: flex;
	padding: 7.5px 7.5px 15px 7.5px;
	background-color: #4D72A3;
	color: white;
	text-align: center;
}

#ethnicity .wrapper-titles>div{
	width: 25%;
	border-right: 1px solid white;
	font-size: 13pt;
	padding: 0 7.5px;
}

#ethnicity .wrapper-titles>div:last-child{
	border-right: none;
}

#ethnicity>.equity-text-wrapper{
	border:3px solid #4D72A3;
	width:calc(25% - 7.5px);
	min-width: 173px;
}

#ethnicity .equity-text{
	font-size: 10.5pt;
}

.equity-thumb, .equity-text-wrapper, .wrapper-titles{
	width:100%;
	padding: 7.5px;
}

.equity-thumb{
	flex-grow: 1;
	text-align: center;
	/*height: auto;
	max-height: 214px;*/
}

.equity-icon{
	vertical-align: top;
	line-height: 1;
	height:122px;
	padding:7.5px;
	display: flex;
	width: 100%;
	align-content: center;
	justify-content: center;
}

.equity-icon img{
	max-height: 107px;
}

.equity-title{
	padding: 7.5px;
	font-family: 'Helvetica Neue Medium', Arial, sans-serif;
	font-size: 14.5pt;
	color: white;
	text-align: center;
}

.equity-text-wrapper{
	padding: 7.5px;
	margin-top:-3px;
	background-color: white;
}

.equity-text{
	font-size: 14.5pt;
	padding:7.5px;
	/*background-color: white;*/
	color: #4A4A4A;
	width:100%;
}

.equity-text>div{
	display: flex;
	justify-content: space-between;
}

.clickable .equity-text, .clickable .equity-text span{
	color: white !important;
}

.equity-text span, .equity-title span{
	font-family: 'Helvetica Neue Bold', Arial, sans-serif;
}

.additional-info-wrapper{
	position: relative;
	width: 100%;
}

#ethnicity .additional-info-wrapper{
	width:calc(25% - 7.5px);
}

.additional-info{
	position: absolute;
	z-index: 1;
	/*box-shadow: 0 3px 20px rgba(0,0,0,0.16);*/
	-webkit-box-shadow: 3px 3px 3px #777;
    		box-shadow: 3px 3px 3px #777;
}

.additional-info .spacer{
	padding:15px;
}

.additional-info .equity-text{
	font-size: 11pt;
	padding-bottom: 22.5px;
}

.additional-info .equity-text, .additional-info .equity-text span{
	color: white;
}

@media screen and (min-width: 1024px) {		
	.equity-title, .equity-text{
		font-size: 18pt;
	}
	
	.flex-row:first-child .equity-text, .flex-row:last-child .equity-text{
		font-size:22pt;
	}
	
	#ethnicity .wrapper-titles>div{
		font-size: 16pt;
	}
	
	#ethnicity .equity-text{
		font-size: 12pt;
	}
}

/*#equity-container .cell::before, #angle.aesthetics .cell::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -16px;
	width: 16px;
	height: 1px;
	z-index: 0;
}

#equity-container .cell::after, #titles .cell:first-child::after {
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	width: 1px;
	height: 16px;
	z-index: 0;
}*/

/*Equity Profile colours */

#ep-local.ep-level .cell, #titles .ep-capacity, #capacity .ep-capacity{
	border-color: #1D0A7F;
}

#ep-local.ep-level .cell::before, #titles .ep-capacity::after, #ep-local .ep-name::after, #capacity .ep-capacity::after, #titles .cell:first-child::after{
	background-color: #1D0A7F;
}

#ep-local .ep-name, #titles #registered-places, #capacity .ep-capacity{
	color: #1D0A7F !important;
}

#ep-city.ep-level .cell{
	border-color: #0D5E23;
}

#ep-city.ep-level .cell::before{
	background-color: #0D5E23;
}

#ep-city .ep-name{
	color: #0D5E23;
}

#ep-national.ep-level .cell{
	border-color: #BD2D44;
}

#ep-national.ep-level .cell::before{
	background-color: #BD2D44;
}

#ep-national .ep-name{
	color: #BD2D44;
}

#ep-west.ep-level .cell{
	border-color: #0C7B6F;
}

#ep-west.ep-level .cell::before{
	background-color: #0C7B6F;
}

#ep-west .ep-name{
	color: #0C7B6F;
}

.cell.ep-simd{
	color: #BD2D44;
}

.cell.ep-simd::after, #titles .cell.ep-simd::before, #angle.aesthetics .cell.ep-simd::before{
	background-color: #BD2D44;
}

.cell.ep-eal{
	color: #C98E00;
}

.cell.ep-eal::after, #titles .cell.ep-eal::before, #angle.aesthetics .cell.ep-eal::before{
	background-color: #C98E00;
}

.cell.ep-attendance{
	color: #754A88;
}

.cell.ep-attendance::after, #titles .cell.ep-attendance::before, #angle.aesthetics .cell.ep-attendance::before{
	background-color: #754A88;
}

.cell.ep-bme, .cell.ep-white-other, .cell.ep-white-british, .cell.ep-undisclosed{
	color: #4D72A3;
}

.cell.ep-bme::after, #titles .cell.ep-bme::before, #angle.aesthetics .cell.ep-bme::before, .cell.ep-white-other::after, #titles .cell.ep-white-other::before, #angle.aesthetics .cell.ep-white-other::before, .cell.ep-white-british::after, #titles .cell.ep-white-british::before, #angle.aesthetics .cell.ep-white-british::before, .cell.ep-undisclosed::after, #titles .cell.ep-undisclosed::before, #angle.aesthetics .cell.ep-undisclosed::before{
	background-color: #4D72A3;
}

.row .ep-name::before, #titles .cell::after, #angle.aesthetics .cell::after{
	content: '';
	position: absolute;
	top: 12.5px;
	left: 0;
	width: 15px;
	height: 15px;
	z-index: 0;
}

/* end Equity Profile */

/* OLD footer */

/*footer {
    padding: 25px 15px;
    color: white;
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
}

footer>div{
	margin: auto;
	padding:0 7.5px;
	overflow: hidden;
}

#login footer {
    width: calc(100% - 15px);
    margin: 0 7.5px 0 7.5px;
}

footer > div div:first-child {
    float: left;
}


footer > div div:last-child {
    float: right;
}

footer a {
    color: white;
    text-decoration: none;
    font-family: 'Helvetica Neue Bold', Arial, sans-serif;
}*/

/* end old footer */

/* footer styles */

footer{
	background: #F0F0F0;
	font-size: 8.5pt;
	color: #333;
	width: 100%;
}

footer a{
	color: #333;
	text-decoration: none;
}

footer a:hover{
	color: #222;
	text-decoration: underline;
}

footer ul{
	list-style: none;
	padding-left: 0;
}

footer img{
	min-height: 123px;
	height: 123px;
}

#footer-wrapper{
	height: auto;
	padding-top: 18px;
	padding-bottom: 18px;
}

#footer-wrapper>div{
	padding-top: 18px;
	padding-bottom: 18px;
}

#footer-nav{
	width: 60%;
}

#footer-options{
	width: 40%;
}

#footer-nav,
#footer-options{
	display: flex;
	flex-wrap: wrap;
}

#footer-nav .footer-nav-column{
	width: 33.333%;
	padding: 10px;
}

#footer-nav h4{
	font-size: 11.25pt;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1;
}

#footer-nav li{
	padding-top:8px;
	padding-bottom: 8px;
}

#footer-options{
	align-items: center;
	font-size: 11.25pt;
}

#footer-user-options>li:first-child{
	padding-right:7px;
	border-right: 1px solid #333;
}

#footer-user-options>li:last-child{
	padding-left:7px;
}

#footer-logos>div{
	margin-left: 5px;
}

#footer-logos>div:not(:first-child){
	margin-left: 25px;
}

#footer-user-options,
#footer-options,
#footer-logos,
#footer-additional-links{
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
	padding-right: 10px;
}

#footer-options,
#footer-additional-links{
	justify-content: flex-end;
}

#footer-additional-links{
	width: 100%;
	margin: 0;
	padding-top: 18px;
	padding-bottom: 18px;
}

#footer-additional-links>li:not(:first-child){
	margin-left: 24px
}
/* end footer styles */