/* Guardian styled toggle buttons */

body {
        margin:0px;
        padding:0px;
        font-family:'Guardian Egyptian Web', 'Egyptian Display', Georgia, serif;
        font-size:1em;
}

.toggleButton button.active {
	background: #D5D5D5;
}

.toggleButton button {
	background: #F5F5F5;
	height: 23px;
	padding: 1px 5px 0;
	outline: 0;
	font-size: 10px;
	font-family: 'Guardian Text Sans Web',Arial;
	line-height: 1em;
	cursor: pointer;
	display: inline-block;
	margin: 0;
}

.toggleButton button:first-child {
	border-radius: 99999px 0 0 99999px;
	border-top: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-right: none;
}

.toggleButton button:last-child {
	border-radius: 0 99999px 99999px 0;
	border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	border-left: none;

}

.chartTitle {
			margin: 0 auto;
			margin-bottom: 15px;
			font-size: 1.2rem;
			font-family: 'Guardian Egyptian Web', EgyptianHeadline, Georgia, serif;
			font-weight: 900;
			text-align: left;
			color: #005689;
			}

.btn {
				width:auto;
			margin-left:5px; 		
			  border-radius: 16px;
			  text-align: center;
			  padding: 5px 10px;
			  line-height:1em; 
			  font-family: "Guardian Agate Sans", Arial, sans-serif;
			  overflow:hidden;
			  color: #FFFFFF;
			  background-color: #bdbdbd;
			  cursor:pointer;
			  display: inline-block;
			}
.btn:hover {
	background-color: #767676;
}			

.row:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

@media (max-width: 600px) {
	
	}


/* Guardian striped table */

.stripedTable {

font-family: "Guardian Agate Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
background: #f6f6f6;
border-top: 1px solid #4bc6df;
border-top: 0.0625rem solid #4bc6df;
border-collapse: inherit;
display: table;

}

.stripedTable th {
	
	font-weight: 800;
	line-height: 1.375rem;
	padding: 0.75rem 0.75rem 0.5rem;
}

.stripedTable td {
	line-height: 1.375rem;
	padding: 0.75rem 0.75rem 0.5rem;
}


.stripedTable tr:nth-child(odd)>td {
background-color: #ececec;
}