/* 
2018 styles
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat');


body {
 font-family: 'Montserrat', Helvetica, Arial, sans-serif; 
}

#search-box{
	margin: 10px 0px;
}
.menu-btn .sectionMenu-cont{
	padding-left: 1.5vw;
	text-align:center;
}
.menu-btn #search-box{
	margin:0px;
	margin-left: -0.7vw;
}
#search-box input{
	width: 100%;
}
#search-box button{
	width: 35%;
}
/*
Bootstrap modal over-write styling
*/

.modal-content{
	background-color: transparent;
	border: none;
}

.modal .modal-header button{
	color: #fff;
}

.modal-dialog{
	max-width: 100%;
}

.modal-header.close{
	
}

.slick-dots{
	position: absolute;
    bottom: -65px;
    border-radius: 7px;
    right: 0;
    left: 0;
    display: block;
    width: 40%;
    margin: auto;
    list-style: none;
    text-align: center;
    padding: 0px 0px 7px 0px;
}

.slick-dots li button:before {
    color: white;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}

.slick-prev{
	left: 16vw;
    height: 100%;
    width: 60px;
    z-index: 2;
    color: #000;
}
.slick-next{
	right: 16vw;
    height: 100%;
    width: 60px;
    z-index: 2;
    color: #000;
}
/*
End Bootstrap modal over-write styling
*/

/*
Section menu styles
*/

.section-menu--image-cont{
	padding: 0px;
} 
ul.section-list{
	padding-left: 0px;
} 
.sectionMenu--container{
	position: absolute;
	width: 100%;
}
.inner a:hover{
	text-decoration: none;
}
.index-homepage--image-fullpage{
	min-height: 60vh;
	height: auto;
}
#menu--section{
	padding: 5.5% 18%;
}

.outer{
	perspective: 40px;
	margin: 0 20vw;
}
.sectionMenu-info{
	background-color: #fff;
	height: 100%;
}
.sectionMenu-info h2, .sectionMenu-info h4{
	margin: 10px;
}

.inner{
	transition: transform 0.5s;
	width: 100%;
}
/*
End Section menu styles
*/

@keyframes slideIn{
	0%{
		width: 0%;
	}
	100%{
		width: 110%;
	}
}

@keyframes showContent{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.report-content{
	padding-top: 5vw;
	padding-right: 20vw;
	padding-bottom: 50px;
}

.design-ele{
	position: relative;
	height: 125px;
	top: 22vh;
	background-color: rgba(0, 123, 189, 0.6);
	animation: slideIn 1.4s linear 0s forwards;
	 -webkit-animation: slideIn 1.4s linear 0s forwards;
	 -moz-animation: slideIn 1.4s linear 0s forwards;
	 -o-animation: slideIn 1.4s linear 0s forwards;
	border-radius: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}.design-ele__light-blue{
	background-color: rgba(0, 123, 189, 0.6);
}.design-ele__purple{
	background-color: rgba(110, 38, 123, 0.6);
}.design-ele__dark-blue{
	background-color: rgba(0, 53, 145, 0.6);
}.design-ele__grey{
	background-color: rgba(88,88,88,0.81);
}
.section-homepage__infoGraph{
	border-left: 5px dotted #fff;
    padding: 0px 1vw 0px 1vw;
	opacity: 0;
    animation: showContent 1s linear 1.4s forwards;
 	-webkit-animation: showContent 1s linear 1.4s forwards;
 	-moz-animation: showContent 1s linear 1.4s forwards;
 	-o-animation: showContent 1s linear 1.4s forwards;
	color: #fff;
	font-size: 1.1em;
	font-weight: 100;
	min-height: 80px;
}
.section-homepage__infoGraph .section-homepage__infoGraph-lead{
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 0px;
	font-weight: 600;
	margin-top: -10px;
}
.section-banner{
	margin-right: 0px!important
}
.section-info{
	padding: 0vw 4vw;
	opacity: 0;
	animation: showContent 1.4s linear 0.6s forwards;
 	-webkit-animation: showContent 1.4s linear 0.6s forwards;
 	-moz-animation: showContent 1.4s linear 0.6s forwards;
 	-o-animation: showContent 1.4s linear 0.6s forwards;
}


.section-info h1{
	font-size: 2rem
}

.section-info h1::before{
	display: block;
	font-size: 0.7em;
}

.section-info.section-1 h1::before{
	content: 'Section 1';
	color: #007ddb;
}.section-info.section-2 h1::before{
	content: 'Chapter 1';
	color: #007ddb;
}.section-info.section-3 h1::before{
	content: 'Chapter 2';
	color: #007ddb;
}.section-info.section-4 h1::before{
	content: 'Chapter 3';
	color: #007ddb;
}.section-info.section-5 h1::before{
	content: 'Chapter 4';
	color: #007ddb;
}.section-info.section-6 h1::before{
	content: 'Chapter 5';
	color: #007ddb;
}.section-info.section-7 h1::before{
	content: 'Chapter 6';
	color: #007ddb;
}.section-info.section-8 h1::before{
	content: 'Chapter 7';
	color: #007ddb;
}.section-info.section-9 h1::before{
	content: '';
	color: #007ddb;
}.section-info.section-10 h1::before{
	content: 'Appendix 2';
	color: #007ddb;
}.section-info.section-11 h1::before{
	content: 'Appendix 3';
	color: #007ddb;
}


.section-info.section-home--heading h1::before{
	content: '2017\2013 18';
    color: #000;
    border-bottom: 1px solid #efefef;
    padding-left: 8px;
	padding-bottom: 5px;
    margin-bottom: 0px;
}
.section-info.section-home h1{
	font-size: 3.5em;
}
.section-info h2{
	font-size: 2.5rem
}

.section-info .section-info--blurb{
	padding: 40px 0px;
    max-width: 70%;
    font-size: 1.3em;
}
.section-homepage--image{
	min-height: 100vh;
	height: auto;
}
.sectionMenu-innerContainer .section-homepage--image-5{
	background: url(../files/section-5-hero.png) 0px -100px no-repeat
}
.sectionMenu-innerContainer .section-homepage--image-7{
	background: url(../files/section-7-hero.png) top no-repeat
}
.section-homepage--image-1{	background: url(../files/section-1-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-2{	background: url(../files/section-2-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-3{	background: url(../files/section-3-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-4{	background: url(../files/section-4-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-5{	background: url(../files/section-5-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-6{	background: url(../files/section-6-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-7{	background: url(../files/section-7-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-8{	background: url(../files/section-8-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-9{	background: url(../files/section-9-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-10{background: url(../files/section-10-hero.png) center no-repeat;	background-size: cover;}
.section-homepage--image-11{background: url(../files/section-11-hero.png) center no-repeat;	background-size: cover;}

.section__on-this-page p{
	padding: 0px 15px;
	font-size: 1.3em;
	font-weight: 600;
	background-color: #007ddb;
	width: 192px;
	color: #fff;
	border-radius: 3px;
	text-transform: uppercase;
	
}
.section__on-this-page ul{
	list-style: none;
	padding-left:0;
}
.section__on-this-page li{
	padding-top:5px;
}
.section__on-this-page li a{
	color: #000;
	transition: 0.5s;
	border-bottom: 2px dotted #efefef;
	padding: 5px 10px 5px 0;
}
.section__on-this-page li a:hover{
	text-decoration: none;
	color: #007ddb;
	transition: 0.5s;
}
ul {
}
ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "–";
  padding-right: 5px;	
}

ol.footnotes{
	font-size: 0.8em;
}

.menu-btn{
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 999;
	width:25%;
}

.btn-sectionChoice:active{
	outline: none;
}

.menu-mobile__content .btn-sectionChoice{
	width: 100%;
	margin-bottom: 2vw;
}
.menu-mobile__content{
	background-color: #ffffff;
	border: 2px solid #efefef;
	padding: 10px;
	overflow-y: auto;
	max-height: 450px;
	min-width: 250px;
}

.menu-mobile__content #sectionChoice{
	max-width: 250px;
	
}
.menu-mobile__content .on-this-page p{
	font-size: 1.3em;
	color: #afafaf;
	width: 100%;
	border-bottom: 4px dotted #efefef;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#sectionChoice ul li{
	padding: 5px 0px;
    font-size: 1.2em;
    margin: 2px 0px;
    background-color: #f9f9f9;
}
	
.btn-primary:hover{
	background-color: #6e267b;
	border: none;
	box-shadow: hsl(292, 58%, 22%) 0px 4px;
}
.btn-primary{
	background-color: #007ddb;
	border: none;
}
#page-nav--container{
	display: none;
	position: fixed;
    top: 20vh;
    left: 4vh;
    width: 20%;
    overflow-y: auto;
    max-height: 75vh;
}
#page-nav--container.menu-btn{
	display: none;
	position: fixed;
	top: 20vh;
	left: 4vh;
	width: 20%;	
}
#page-nav--spy .list-group-item{
	border: none;
	font-size: 1em;
	transition: 0.3s;
	background-color: #fff
}
#page-nav--spy .list-group-item.active{
	color: #007cde;
	background-color: #f9f9f9;
	
}
.page-nav--sub-heading{
	font-size: 1.3em;
	color: #afafaf;
	width: 100%;
	border-bottom: 2px dotted #efefef;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.page-nav--page-heading{
	border-bottom: 2px dotted #efefef;
	padding-bottom: 10px;
}
 h1.page-nav--page-heading{
	/* font-size: 2.2rem; */
}

.page-nav--page-heading::before{
	content: 'ECSA Election Report 2017\2013 18';
	display: block;
	font-size: 0.6em;
	border-bottom: 2px dotted #efefef;
	color: #B8B8B8;
	padding-bottom: 10px;
}


.table td .table-square{
	background-color: #6e267b;
    padding: 10px;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 10px;
	text-align: center;
	border-radius: 10%;
	display:inline-block;
	
	
}.table td .table-square__green{
	background-color: #81BC00
}.table td .table-square__blue{
	background-color: #007ddb;
}.table td .table-square__grey{
	background-color: #585858;
}
.table td .table-square__transparent{
	background-color: transparent;
}
.table.performance td:nth-child(1){
	background-color: #efefef;
}
.table.performance tr:nth-child(1) td{
	background-color:#e2f1f9;
}

/*
Keyframes
*/



/* index pages */
body.report-index::before {
    background-size: cover;
    background-attachment: fixed;
    content: '';
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
}
.report-index .report-title {
	position:absolute;
	top:calc(100vh - 350px);
	right:25vw;
	opacity:0;
	-webkit-transition: all 2s;
			transition: all 2s;	
}
.contentsList{
	list-style: none;
}
.contentsList ul{
	list-style: none;
}
.contentsList li{
	margin: 3px 0px;
}
.contentsList>li{
	font-size: 1.3em;
	color: #6e267b;
}
.contentsList>li a{
	color: #6e267b;
}
.contentsList ul>li{
	font-size: 0.8em;
}
.contentsList ul>li a{
	font-size: 0.8em;
	color: #007cde;
}
.report-index .report-title.animate {
	right:20vw;
	opacity: 1;
}
.report-index h1 {
	text-transform: uppercase;
	font-size: 2.5em;
	font-weight: 500;
	margin-bottom: 0;
}
.report-index h1 span {
	font-size:2em;
	display: block;
	font-weight: 800;
}
.report-index p {
	font-size: 1.2em;
}
@media screen and (max-width: 839px) {
	.report-index h1 {font-size: 1.8em;}
	.report-index .report-title.animate {right:30vw;}
}
@media screen and (max-width: 700px) {
	.report-index h1 {font-size:1.2em;}
}
.report-index--review .report-title {width:340px;}
.report-index--review .report-title h1 {
	text-align: right;
	color:#007cde;
}
.report-index--review .report-title h1 span{
	color:#fff;
	line-height: 0.9em;
}
.report-index--review .report-title p {
	color:#fff;
	text-align: right;
}
.report-index--about .report-title {width:340px;}
.report-index--about .report-title h1 {
	text-align: left;
	color:#007cde;
}
.report-index--about .report-title h1 span{
	color:#6e267b;
	line-height: 0.9em;
}
.report-index--about .report-title p {
	color:#333;
	text-align: left;
}
.report-index--reporting .report-title {width:550px;}
.report-index--reporting .report-title h1 {
	text-align: right;
	color:#fff;
}
.report-index--reporting .report-title h1 span{
	color:#fff;
	line-height: 0.9em;
}
.report-index--reporting .report-title p {
	color:#fff;
	text-align: right;
}
.report-index--managing .report-title {width:440px;}
.report-index--managing .report-title h1 {
	text-align: right;
	color:#000;
}
.report-index--managing .report-title h1 span{
	color:#fff;
	line-height: 0.9em;
}
.report-index--managing .report-title p {
	color:#fff;
	text-align: right;
}
.report-index--financials .report-title {
	width:440px;
	left:calc(10vw - 100px);
}
.report-index--financials .report-title.animate {left:10vw;}
.report-index--financials .report-title h1 {
	text-align: left;
	color:#007cde;
}
.report-index--financials .report-title h1 span{
	color:#fff;
	line-height: 0.9em;
}
@media screen and (max-width: 839px) {
	.report-index .report-title {width:60%;}
}
@media screen and (max-width: 479px) {
	.report-index .report-title {
		position:static;
		padding:20px;
	}
	.report-index .report-title {width:auto;}
	.report-index .report-title h1 {color:#007cde}
	.report-index .report-title h1 span{color:#6e267b}
	.report-index .report-title p {color:#333;}
}
@media only screen and (min-width: 565px) {
	.report-content h1 {font-size: 60px;}
}
@media only screen and (min-width: 863px) {
	.report-content h1 {font-size: 70px;}
}
@media only screen and (min-width: 1199px) {
	.report-content h1 {font-size: 80px;}
}
@media only screen and (min-width: 1810px) {
	.report-content h1 {font-size: 90px;}
}
h2, h3, h4, h5 {
    margin: 24px 0 12px;
}
h2{
	color: #007cde;
	font-weight: 200;
}
h2.about-page--h2{
	color: #6e267b;
	font-weight: 200;
	font-size: 2.5em;
}
h3{
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
}
h4, h4 a{
	color: #6e267b;
	font-weight: 400;
	font-size: 1.2em;
}
.report-header .mdl-layout__header-row {
  padding-left: 40px;
}
.report-container {
  max-width: 1400px;
  width: calc(100% - 16px);
  margin-top: -90px;
}
.report-text {
  	border-radius: 2px;
  	padding: 40px 28px;
	padding-top: 0px;
}
.report-text img {
  	width: 100%; 
}
.report-text img.result-key{
	width: 30%;
	margin-bottom: -20px;
}
.report-text .lead-text{
	font-size: 1.2em;
	color: #6e267b;
}
.report-text__bottom-util{
	text-align: center;
	padding-top: 40px;
}
.report-layout.is-small-screen .report-text {
	padding: 40px 28px;
}
/*not sure why .report-content h3 {
  	margin-top: 48px;
}*/
.report-content--pbs h3 {
	color:#0b98d8;
	font-size: 2em;
	border-bottom: 2px solid #0b98d8;
}

footer{
	height: 50px;
	width: 100%;
	background: #626262;
	color: #fff;
	text-align: center;
	padding: 10px;
}

.report-footer {
  	padding-left: 40px;
}
.report-footer .mdl-mini-footer--link-list a {
  	font-size: 13px;
}
.report-crumbs {
	margin: 20px 0px;
	color: #afafaf;
}
.report-crumbs a {
	margin: 20px 0px;
	color: #4D4D4D;
}
#backTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.report-stats {
	text-align:center;
	opacity: 0;
	margin-top:-50px;
	-webkit-transition: all 0.5s;
			transition: all 0.5s;
}
.report-stats.animate {
	opacity: 1;
	margin-top:0;
}
.report-stats svg {
	max-width:50%;
	max-height:50%;
	border-bottom:1px dotted #666;
	padding:20px 40px;
}
.report-stats.animate:nth-child(3){
	-webkit-transition-delay: 1s;
			transition-delay: 1s
}
.report-stats.animate:nth-child(4) {
	-webkit-transition-delay: 2s;
			transition-delay: 2s
}
.report-stats.animate:nth-child(5) {
	-webkit-transition-delay: 3s;
			transition-delay: 3s
}
.report-stats--links {
	text-align: left;
	padding:20px 20px 20px 40px;
	font-family:"Roboto","Helvetica","Arial",sans-serif;
	font-weight: 500;
}
.report-stats--links ul {
	padding-left:20px;
}
.report-stats--links ul li a:link, .report-stats--links ul li a:focus, .report-stats--links ul li a:visited {
	color:#007cde;
	text-decoration: underline;
}
.report-stats--links ul li a:hover {
	color:#666;
	text-decoration: none;
}

/*TABLES */
.table-responsive {min-height: .01%;}
@media screen and (max-width: 767px) {
	.table-responsive {
    	width: 100%;
    	overflow-y: hidden;
    	-ms-overflow-style: -ms-autohiding-scrollbar; 
		overflow-x: auto; 	
	}
}
table thead th{
	background-color: #6e267b;
	color: #fff;
	padding: 5px;
}

table tr{
	border-bottom: 1px solid #efefef;
}
.modal table {width:100%;}


.table {
  	max-width: 100%;
	width: 100%;
  	background-color: #fff;
  	border-collapse: collapse;
  	border-spacing: 0;
  	margin: 20px 0;
  	font-size:.89em;
 
}
.table th,
.table td {
 	line-height: 1.3em;
  	text-align: left;
  	vertical-align: top;
  	border-right: 1px solid #F2F2F2;
}
.table th{
	padding-left: 10px;
}
.table td {border-bottom: 1px solid #7c7c81;}
.table td.row-right,
.row-right {
	text-align:right!important;
}.row-center {
	text-align:center!important;
}
.table tbody + tbody {border-top: 2px solid #ddd;}
.table tbody tr:hover td,
.table tbody tr:hover th {
  	background-color: #f5f5f5;
}
.table .highlight {
	background-color:#b5d1e6;
}
.table td.Body-header-L2 {background-color:#efefef!important;}
.table td.highlight2 {background-color:#efe7f2!important;}
.table caption, .figure-title {
	text-align:left;
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:1.2em;
	caption-side: top;
}
.table .appendices th {
	background-color:#c8dff5;
}.modal table {width:100%;}
.table {
  	max-width: 100%;
	width: 100%;
  	background-color: #fff;
  	border-collapse: collapse;
  	border-spacing: 0;
  	margin: 20px 0;
  	font-size:.89em;
}
.table td {border-bottom: 1px solid #7c7c81;}
.table td.row-right,
.row-right {
	text-align:right!important;
}
.table thead th {
  	vertical-align: bottom;
  	background-color:#E7E7E8;
  	color:#000;
  	font-weight:bold;
}
.table.table-staff thead th, .table.table-staff thead tr {
  	border: none;
} 
.table p {line-height:18px;margin:10px 0px}
.table td p:first-child {line-height:18px;margin:0}
.table tbody + tbody {border-top: 2px solid #ddd;}
.table tbody tr:hover td,
.table tbody tr:hover th {
  	background-color: #f5f5f5;
}
.table .highlight {
	background-color:#e3e2e4;
}
.table .highlight--blue {
	background-color:#e2f1f9;
}.table .highlight--grey {
	background-color:#f3f2f3;
}
.table td.Body-header-L2 {background-color:#efefef!important;}
.table td.highlight2 {background-color:#efe7f2!important;}

.table .appendices th {
	background-color:#c8dff5;
}
.table-responsive{
	display:table;
}
/* 9. FINANCIALS */
.financial-statement p {
	margin: 10px;
}
.financial-statement thead th {
	background-color:#c2c2c5;
	color:#000;
  	font-weight:normal;
	margin: 0px 5px;
	border-right: 1px solid white;
}
.table td.fs-row-text-1 p{
	text-transform:uppercase;
	font-weight:bold;
}
.table td.fs-row-text-2 p {font-weight:bold;}
.table td.fs-row-text-4 {padding-left: 2em;}
.table td.fs-row-text-5 {padding-left: 4em;}
.table td.fs-row-text-6 {padding-left: 6em;}
.table td.fs-value, .table td.fs-total {text-align:right;}
.fs-condense th, table.fs-condense td{padding: 12px 6px;}
.note-condense th, table.note-condense td {padding: 12px 6px;}
.note-condense {font-size:.75em;}
.note-condenserer {margin-left:-50px;}
.note-condense td p, .content table.note-condense p {font-size:12px;}
.table td.fs-col-value-2, .table th.col-text-2 {
	background-color: #e0e0e2;
	color:#333;
	font-weight:bold;
}
.table td.col-text-2 {
	background-color: #e0e0e2;
	color:#333;
	border-bottom:1px solid #e0e0e2;
}
.table td.col-text-3 {background-color: #efefef;}
.table th.fst-head2 {background-color: #666;}
.table th.fst-head3 {
	background-color: #ccc;
	color: #333!important;
}
.table td.fst-table tbody td {background-color: #f1eaf2;}
.table td.fs-row-total-1, .fs-total-title-2{color: #6e267b;}
.table td.fs-total {
	border-bottom: 3px solid #6e267b;
	border-right: 3px solid #fff;
	color: #6e267b;
}
.table td.fs-total-title-2 {padding-left:2em;}
.table td.fst-note {text-transform: uppercase;}
.fst-table tbody td.hover, .staffing tbody td.hover {background-color:#cdcdcd;}
.fst-table tbody td.hovercell, .staffing tbody td.hovercell {background-color:#eaeaea;}
p + .table-responsive .table {margin-top:0;}
.variances {
	background-color:#f1f1f2;
	margin:0 0 2px;
	padding: 10px;
	color:#333;
	line-height:1.3em;
}
.variances .variances-heading {
	text-transform:uppercase;
	font-size:.9em;
	color:#333;
	font-weight:800;
	font-family: 'Roboto', sans-serif;
	margin:0;
}
.variances h3 {
	font-size:1.3em;
	color:#333;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	margin:10px 0 0;
}
.table.table-list-req td.sub-head{
	border-bottom: none;
}

.table.table-list-req td.italic{
	font-style: italic;
}

.table.table-administered tbody{
	background-color:#EFEFEF;
}h4.fs-notes-h4{
	color: #6e267b;
	font-weight: 600;
}
.fs-list-heading, .fs-list-sub, .fs-list-sub-1{
	margin: 0px;
	color: #000;
}
.fs-list-last{
	padding-bottom: 10px;
}
.fs-list-heading{
	font-weight: 800;
}
.fs-list-sub-1{
	padding-left: 10px;
}
.fs-accom-notes{
	background-color: #efefef;
	padding: 10px;
	margin: 2px 0px
}
.report-text ol li:first-child{
	margin-top: 10px;
}
.ol-bold ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

.ol-bold ol > li {
  margin: 0;
  padding: 0 0 0 35px;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

.ol-bold ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item, lower-alpha) ".";
}
ol{
	padding-left: 15px;
}
.fs-para-padding{
	margin-left: 20px;
}
.fs-accom-notes .table tbody td{
	background-color: #efefef
}
.fs-accom-notes ol{
	margin-bottom: 20px;
}
.fs-accom-notes p.lead-heading, .fs-accom-notes p.second-heading{

}
.fs-accom-notes p.lead-heading{
	font-weight: 800;
	color: #AAAAAA;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 0px;
}
.fs-accom-notes .second-heading{
	font-weight: 300;
	font-size: 1.6em;
	margin-bottom: 10px;
}

.interesting-fact {
	margin:0 -36px 20px 20px;
	padding:20px 20px 0;
	background-color:#6e267b;
	border-radius:10px;
	color: #fff;
}
@media only screen and (max-width: 863px) {
	.interesting-fact {
		float:none;
		display:block;
		width:auto;
		margin:20px 0;
	}
}


.spotlight {
	margin:20px 0px;
	padding: 20px 26px 20px 26px;
	background: #e8f5f8;
}
.spotlight h2:before {
	content:'SPOTLIGHT';
	text-align: center;
	display:block;
	padding:5px 0;
	font-weight:800;
	background-color: #007cde;
	border-radius: 2px;
	width: 100px;
	font-size: .5em;
	font-family: 'Roboto', sans-serif;
	color: #fff;
}
.spotlight h2,
.spotlight h3 {
	color:#007cde;
}
.spotlight h2 {
	margin-top:0;
	padding-bottom:0;
	font-weight: 200;
}
.spotlight ul {
	list-style:disc;
	margin-left:20px;
}
.spotlight ul li {
	background:none;
	padding:0;
}
.spotlight blockquote {
	padding:10px 20px;
	background:#efefef;
	border-radius:10px;
	font-size:1.05em;
	color: #000;
}
.spotlight blockquote p {
	color: #000;
}
.spotlight blockquote p:first-of-type{
	margin-top:0;
}
.spotlight blockquote p:last-of-type{
	margin-bottom:0;
}.spotlight--image > img{
	margin: 10px;
}



figure {position: relative;}
figure img {
	max-width:100%;
	width:100%;
}
figcaption{
	font-size: 0.8em;
}
figure figcaption {
	position: absolute;
	bottom:0;
	right:50px;
	color:#000;
	padding:1px 5px;
}
.img-border {
	border-radius: 2px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	margin:20px 0;
}
.pbs {
	background-color: #009fe3;
}
.pbs table {
	margin:0;
	max-width: 100%;
  	background-color: #fff;
  	border-collapse: collapse;
  	border-spacing: 0;
}
.pbs table th,
.pbs table td {
  	padding: 5px;
 	line-height: 1.3em;
  	text-align: left;
  	vertical-align: top;
}
.pbs p {margin:10px 0;}
.pbs table td {
	border-bottom: 1px solid #7c7c81;
}
.pbs table td:not(:first-child) {
	border-left:1px solid #7c7c81;	
}
.pbs table thead th {
	color:#fff;
	background-color: #009fe3;
	vertical-align: bottom;
	font-weight:bold;
}
.pbs table thead tr.highlight-row th{
	background-color:#49aae0;
	border-top:1px solid #fff;
	font-size:.9em;
	font-weight:normal;
}
.pbs ul {margin-left:0;}
.pbs table td.tick {
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}
.blank {
	background-color:#e3e2e4;
}
.tick:before{
	content:'\2713';
	color:#6e267b;
	font-size:1.8em;
}
.direction {margin:20px 0;}
.direction h3 {
	background-color:#f1f1f2;
	color:#0096d7;
	text-transform:uppercase;
	margin:0 -56px 0 -30px;
	padding: 10px 30px;
	font-size: 1.1em;
	font-weight: 800;
	border-bottom:none;
}
.direction h4 {
	color:#333;
	font-size:1.5em;
	font-weight: 300;
	margin:20px 0;
}
.direction h5 {
	color:#0096d7;
	border-bottom:2px solid #0096d7;
	margin-bottom:10px;
}
.direction table {
	max-width: 100%;
	border-collapse: collapse;
  	border-spacing: 0;
}
.direction th,
.direction td {
  	padding: 12px;
 	line-height: 18px;
  	text-align: left;
  	vertical-align: top;
}
.direction thead th {
  	vertical-align: bottom;
  	font-weight:bold;
	padding-bottom:5px;
}
.direction .results {
  	background-color:#fff;
	color:#333;
	min-width:150px;
	border-bottom:1px solid #0096d7;
}
.direction .result {
	position:relative;
	height:12px;
	margin-top:5px;
	padding-right:15px;
	padding-top:3px;
}
.result:after, .result:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(194,225,245,0);
	border-left-color: #ae127f;
	border-width: 10px;
	margin-top: -10px;
}
.result {
	background-image:-webkit-linear-gradient(left, #6e267b, #ae127f 100%);
	background-image:linear-gradient(to right, #6e267b, #ae127f 100%);
}
.met-10 {	
	width:80%;
}
.met-9 {
	width:70%;
}
.met-8 {
	width:60%;
}
.met-7 {
	width:50%;
}
.met-6 {
	width:45%;
}
.met-5 {
	width:40%;
}
.criteria {
	background-color: #009fe3;
	color:#fff;
}
.criteria, .explanation, .pbs {
  	margin:20px 0;
	padding: 10px 18px 18px;
	border-radius: 10px;
}
.criteria tr {border-bottom: 1px solid #fff;}
.criteria thead th {border-bottom:2px solid #fff;}
.criteria tbody td:first-child, .criteria tbody td:nth-child(4) {background:#49aae0;}
.criteria tbody td:nth-child(2) {
	width:40%;
	background:#49aae0;
}
.explanation {background-color: #f1f1f2;}
.explanation tr {border-bottom: 1px solid #0b98d8;}
.explanation thead th {border-bottom:2px solid #0b98d8;color:#0b98d8;}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
	margin-right:10px;
}
.mdl-list__item--indent {
	padding:0 0 0 40px;
}
@media print {
	.mdl-switch,
	header,
	.mdl-layout__drawer,
	.mdl-layout__drawer-button,
	.report-crumbs,
	.mdl-card__supporting-text,
	#backTop,
	.mdl-tooltip {
		display:none!important;
	}
	.report-content .mdl-grid--primary-background {
		background-image:none;
		height:auto;
	}
	h1 {
		font-size:22px!important;
	}
	.report-content h1 {
		color:#333!important;
		font-size:24px!important;
		margin-top:0!important;
	}
	.report-content h1.focus {
		margin-left:0!important;
	}
	table tbody tr td:before,
    table tbody tr td:after {
        content : "" ;
        height : 4px ;
        display : block ;
    }
}
.img-left {
	float:left;
	padding-right:20px;
	max-width:25%;
}
.img-right {
	float:right;
	padding-left:20px;
	max-width:25%;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
.letterTrans img{
	width: 50%;
}
blockquote {
    margin: 20px 0;
	font-style: normal;
	font-weight: 200;
	padding-right: 10vw;
}
blockquote:before, blockquote:after {
	content:'';
	margin-left:0;
}
blockquote p {
	font-size: 1.4em;
	line-height: 1.5em;
	color:#8F8F8F;
	margin:0;
	font-weight: 400;
}
.bookmarks + p {
	margin-top:20px;
}
.bookmarks {
	border-bottom:1px solid #efefef;
}
.bookmarks-list {
	padding:0 16px;
	min-height:16px;
	line-height: 1.4em;
}

@media screen and (max-width: 1670px){
	.page-nav--page-heading{
		font-size: 1.5rem;
	}
	.report-content{
		padding-right: 0vw;
	}
	.report-text__bottom-util{
			margin-right: 0px!important;
	}
}


@media screen and (max-width: 1366px){
	.index-homepage--image-fullpage{
		min-height: 90vh;
		height: auto;
	}
}


@media screen and (max-width: 1199px){
		.report-content{
			padding-top: 0px;
		}
		.section-info .section-info--blurb{
			padding: 10px 0px;
			max-width: 100%;
		}
		.section-homepage--image{
			min-height: 5vh;
		}
		.section-innerContainer .section-homepage--image-1{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-2{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-3{
			background: rgba(0, 53, 145, 0.6);
		}.section-innerContainer .section-homepage--image-4{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-5{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-6{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-7{
			background: rgba(0, 67, 124, 0.6)
		}.section-innerContainer .section-homepage--image-8{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-9{
			background: rgba(0, 67, 124, 0.6);
		}.section-innerContainer .section-homepage--image-10{
			background: rgba(0, 67, 124, 0.6);
			
			
		}
		.section-info{
			padding-left: 30px;
			background-color: #F3F3F3;
			margin-bottom: 10px;
		}
	
		.section-info h1{
			font-size: 2.4rem;
			padding-top: 20px;
			padding-bottom: 5px;
			border-bottom: 1px solid #9A9A9A;
		}
		.report-content{
			padding-right: 0px;
		}
		.report-text {
			padding-left: 0px;
			margin-bottom: 0px;
		}
		.section__on-this-page,.design-ele{
			display: none!important;
		}
	#backTop{
		bottom: 10px;
		right: 10px;
	}
}
@media screen and (max-width: 960px){
	.report-text img.result-key{
		width: 40%;
	}
}
@media screen and (max-width: 715px){
	.table-responsive{
		display: block;
	}
	.report-text img.result-key{
		width: 100%;
	}
}

@media screen and (max-width: 611px){
	.section-home--mobile h1{
		font-size: 2rem;
	}
	.section-home--mobile h2{
		font-size: 2rem
	}
}

.alert-primary {
    color: #004085;
    background-color: #65CAD5;
    border-color: #b8daff;
}

.alert-secondary {
    color: #004085;
    background-color: #FEF5E4;
    border-color: #b8daff;
}

.alert-light {
    color: #004085;
    background-color: #F1F4F6;
    border-color: #b8daff;
}


.bg-primary {
    color: #004085;
    background-color: #FAA61A !important;
    border-color: #b8daff;
}

.Large
{
	font-size: large;
	line-height:24px;
}

.XLarge
{
	font-size: x-large;
	line-height:24px;
}

.text-primary {
    color: #0066FF!important;
}


.RecHeader {
	color: #325A8F;
}
.RecGrey {
	color: #A0A0A0;
}
.RecItalic {
	color: #5E76A4;
}

.RecBlue {
	color: #10BBEC;	
}

.RecOrange {
	color: orange;	
}