@font-face {
    font-family: CalvertBold;
    src: url(../fonts/CalvertMTStd-Bold.WOFF);
}

@font-face {
    font-family: CalvertLight;
    src: url(../fonts/CalvertMTStd-Light.WOFF);
}

@font-face {
    font-family: GothamMed;
    src: url(../fonts/Gotham-Medium.WOFF);
}

@font-face {
    font-family: GothamBook;
    src: url(../fonts/Gotham-Book.WOFF);
}

@font-face {
    font-family: GothamBold;
    src: url(../fonts/Gotham-Bold.WOFF);
}

body {
	background: #E9ECEF;
	margin: 0;
	font-family: GothamBook;
	font-size: 0.9rem;
}

.container {
	background: #FAFAFA;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 600px;
}

a, a:active, a:link, a:hover, a:focus, a:visited{ text-decoration:underline}
 a.nav-link,a.nav-link:active, a.nav-link:link, a.nav-link:hover, a.nav-link:focus, a.nav-link:visited{ text-decoration:none}
a.nav-link.link{padding:0px; display: inline; text-decoration: underline}

strong {font-family: GothamBold;}

h1, h2, h3, h4, .intro .title {
	font-family: CalvertBold;
}

.intro {font-size: 1.1rem; color: #333;}
.intro .title {font-size: 1.3rem;}
.purple { color: #A11E72;}
.dark-purple { color: #70064A;}
.orange { color: #E14A34;}
.yellow { color: #E8891B;}

h1 {
	color: #111c3e;
	padding: 20px 0 0 0;
}

h1 span {
	color: #455eab;
	font-size: 1.7rem;
}

h3 {
	color: #455eab;
	font-size: 1.4rem;
}

h4 {
	color: #111c3e;
	font-size: 1.2rem;
	margin: 1.4rem 0 0.5rem 0;
}

hr {
	background: url(../images/hr.gif) top left repeat-x;
	height: 10px;
	margin: 20px 0;
	width: 100%;
	border: 0;
}

.delay1 {animation-delay: 0.2s;}
.delay2 {animation-delay: 0.3s;}
.delay3 {animation-delay: 0.4s;}
.delay4 {animation-delay: 0.5s;}
.delay5 {animation-delay: 0.6s;}
.delay6 {animation-delay: 0.7s;}
.delay7 {animation-delay: 0.8s;}

.nav-pills .nav-link {
	/*padding: .5em 1em .5em .5em;*/
}

.nav-pills .nav-link.active {
	background: none;
	/*border-bottom: 1px dashed #fff;*/
}

.nav {
	flex-wrap: wrap;
}
.nav-item {
	width: 50%;
	padding: 0;
	min-height: 80px;
	display: flex;
    align-items: center;
}



.nav-pills .nav-link {
	color: #fff;
	line-height: 1.1rem;
	justify-content: center;
}

.nav-pills .nav-link.black,.nav-pills .nav-item .nav-link.black.active{ color:#000}
.nav-pills .nav-item.active .nav-link.black,.nav-pills .nav-item:hover .nav-link.black{ color:#fff}


.nav-pills .nav-link.black:hover,.nav-pills .nav-link.black.active,.nav-pills .nav-link.black> li:hover{ color:#fff}

.nav-pills>li:nth-of-type(1) {
	background: #ffc000 /*#111c3e*/;
}
.nav-pills>li:nth-of-type(1) a:link{ color:#000}

.nav-pills>li:nth-of-type(2) {
	background: #455eab;
}

.nav-pills>li:nth-of-type(3) {
	background: #70064a;
}

.nav-pills>li:nth-of-type(4) {
	background: #a11e72;
}

.nav-pills>li:nth-of-type(5) {
	background: #e14a34;
}
.nav-pills>li:nth-of-type(5) a:link{ color:#000}

.nav-pills>li:nth-of-type(6) {
	background: #e8891b;
}

.nav-pills>li:nth-of-type(6) a:link{ color:#000}

.nav-pills>li:nth-of-type(7) {
	background: #ffc000;
}
.nav-pills>li:nth-of-type(7) a:link{ color:#000}

.nav-pills>li:nth-of-type(8) {
	background: #455eab;
}


.nav-pills>li:hover {
	background: #333;
}
.nav-pills>li.active{ background:#000}
.nav-pills .nav-link.active> li{ background-color:#fff}

li.nav-item.active{ background-color: #000; color: #fff}

.leftPic, .leftPicText{width:95%; margin: 10px}
.bottomPic{width:60%; margin: 10px; background-color: #fafafa}

/*tables*/
tr.thead-dark td { background-color:#000; color:#fff; border: #000}
.table-hover tr:hover{ background-color:#fcf8e3;}

.card {
	margin-bottom: 40px;
}

.card-body {
	padding: 20px;
}

.chart {
    height: 90px;
    width: 330px;
    margin: 10px 0;
}

    .chart .legendLabel {
        line-height: 16px;
        padding-left: 10px;
    }

.report {
	cursor: pointer;
	margin: 20px 0 0 0;
}

	.report h4 {
		text-decoration: underline;
	}

	.report:hover h4{
		text-decoration: none;		
		color: #455EAB;
	}

	.report .card-body.collapsed h4:after {
		content: " \f067";  
   	    font-family: "Font Awesome 5 Free";
   	    font-weight: 900;
   	    text-decoration: none;
	}

	.report .card-body h4:after {
		content: " \f068";  
   	    font-family: "Font Awesome 5 Free";
   	    font-weight: 900;
   	    text-decoration: none;
	}

figure.figure-p {
	width: 250px;
    float: right;
    padding-left: 10px;
}

figure.figure-l {
	width: 500px;
    float: right;
    padding-left: 10px;
}

/*tables*/

table td.indented{ padding-left:10%}
/**/
footer.bottom {
	background: #455eab url(../images/footer-bg.gif) top right repeat-y;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-size: 0.7rem;
	line-height: 1rem;
}

	footer.bottom img {width: 100px;}

	footer.bottom p {padding: 20px 0 ; margin: 0; }

	footer.bottom a:link, footer a:active, footer a:visited {
		color: #fafafa;
		text-decoration: underline;
	}

	footer.bottom a:hover{
		color: #fff;
		text-decoration: none;
	}

@media (min-width: 1200px) {
	
	footer.bottom {
	    width: 90%;
	    max-width: 100%;
	}
}

@media all and (min-width:1200px) {
.container{max-width:90%}
}

/*
@media (min-width: 992px) {
	footer {
	    width: 960px;
	    max-width: 100%;
	}
}

@media (min-width: 768px) {
	footer {
    	width: 720px;
    	max-width: 100%;
	}

}

@media (min-width: 576px) {
	footer {
	    width: 540px;
	    max-width: 100%;
	}
}
*/