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

blockquote {
  font-size: 1.25em;
  /* 20px / 16px */
  line-height: 1.25;
  /* 25px / 20px */
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}

@font-face {
	font-family: 'Helvetica Neue Regular';
	src: url('../fonts/Regular/HelveticaNeue.eot');
	src: url('../fonts/Regular/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Regular/HelveticaNeue.woff2') format('woff2'),
		url('../fonts/Regular/HelveticaNeue.woff') format('woff'),
		url('../fonts/Regular/HelveticaNeue.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue Bold';
	src: url('../fonts/Bold/HelveticaNeue-Bold.eot');
	src: url('../fonts/Bold/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Bold/HelveticaNeue-Bold.woff2') format('woff2'),
		url('../fonts/Bold/HelveticaNeue-Bold.woff') format('woff'),
		url('../fonts/Bold/HelveticaNeue-Bold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

body{
	margin: 0;
    font-size:10pt;
    line-height:1.3;
    font-family:'Helvetica Neue Regular', Arial, sans-serif;
	color:#161717;
}

header{
	overflow: hidden;
	width:100%;
	padding:10px 7.5px;
	background: #A11A59;
    border-bottom:1px solid white;
}

header>div, footer>div{
	/*max-width: 1280px;*/
	margin: auto;
	padding:0 7.5px;
	overflow: hidden;
}

header form{
	float:left;
    line-height: 63px;
}

header nav{
    float: right;
}

header nav a {
    color: transparent;
}

header a:hover h3{
	text-decoration: underline;
}

header nav a:last-child .icon {
    margin-right: 0;
}

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

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

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

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

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

.icon img{
	vertical-align: bottom;
}

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

header .icon img, .menu .icon img, #controlIcons .icon .iconImg{
	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;
}

#controlIcons{
	margin:15px -15px;
}

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

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

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

section{
	margin:0 7.5px;
}

#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:15px 7.5px;
	background: rgba(29,90,29,0.95);
	z-index:2;
	position: relative;
}

@media screen and (min-width: 1280px) {
	.menu{
		margin-left:calc((100% - 1280px)/2);
	}
}

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

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

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

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

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% - 20px);
	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: #A11A59;
  	cursor: pointer;
  	min-width:130px;
  	border: solid 1px white;
  	color: white;
}

/* 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:#A11A59;
  	background-color:white;
	border: 1px solid #A11A59;
}

.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:40px;
	width:50%;
}

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

/* The side navigation menu */
.sidenav {
    height: calc(100% - 85px); 
    width: 0; 
    position: fixed; 
    z-index: 2; 
    top: 85px;
    left: -20px;
    overflow-x: hidden; 
    transition: 0.5s;
}

/* 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 */
#equity-wrapper {
    margin: 7.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

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

    .flex-row:first-child, .flex-row:last-child {
        width: 103%;
        width: calc(100% + 15px);
        flex-direction: row;
        margin: 7.5px -7.5px;
        flex-wrap: nowrap;
    }

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

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

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

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

#school-roll {
    background-color: #1D5A1C;
}

#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-row:last-child .equity-icon {
        width: 30%;
    }

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

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

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

.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%;
    display:flex;
    flex-wrap:wrap;
}

 .equity-text>div{
     display:flex;
     width:100%;
 }

#simd .equity-text > div:first-child>span {
    color: #BD2D44;
}

#fsm .equity-text > div:first-child > span {
    color: #C98E00;
}

#attendance .equity-text > div:first-child > span {
    color: #754A87;
}

#exclusions .equity-text > div:first-child > span {
    color: #0C7B6F;
}

#lac .equity-text > div:first-child > span {
    color: #6CA12B;
}

#eal .equity-text > div:first-child > span {
    color: #F05A24;
}

#ethnicity .equity-text > div:first-child > span {
    color: #4D72A3;
}

.equity-text > div > div {
    flex-grow: 2;
}

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

.PrimarySchoolRoll{
    background-color: #532457 !important;
}

.SecondarySchoolRoll{
    background-color: #160850 !important;
}

.NurserySchoolRoll{
    background-color: #A11A59 !important;
}

.GaelicSchoolRoll {
    background-color: #C98E00 !important;
}

/* End Equity Profile styles*/



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

.dashChart, .chart-wrapper a .dashChart {
    height: 402px;
}

.chart-wrapper a{
    width:100%;
}

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

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

/* Updated styles
*/

.searchDashboard, #ashDashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 0 7.5px;
}

#aslDashboard {
    display: flex;
    flex-wrap: wrap;
    margin: 0.7;
}

.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% - 8.5px);
    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: row !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 59px;
    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;
}

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

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