html { height: 100%; }

body{
	height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed;
	background-color: #1e1f21;
}


.gradient-blue {
	background-image: linear-gradient(to bottom, #1e252d, #1B2229);
}


.blue1{
background-color:#1e252d;
}

.blue2{background-color:#1B2229;}

.left-45{
	position:relative; 
	left:-45px; 
}
	
.number{font-size: 28px;}
.text-secondary{font-size: 20px;}
.variation-number{font-size: 20px;}  

input{
	border:1px solid #2d4438;!important;
	background-color:#2d4438;
	border-radius: 5px; 
	width:2ch;
	}
	

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



@media only screen and (max-width: 990px) {
	.number {font-size: 50px;}
	.text-secondary{font-size:30px;}
	.variation-number{font-size:3em!important;}
	.graph-div{
		height:80px !important;
		width:80% !important;
	}
	.top-50{
		position:relative; 
		top:20px !important; 
		left: -45px;
	}
	  
	.desktop-display {
		display:none!important;
	} 

	.section-title {
		font-size:4em;
	}

	.bottom-margin {
		margin-bottom:120px !important;
	}
	.section-title{font-size:5em};
}

@media only screen and (min-width: 990px) {
.mobile-display {
	display:none!important;
} 
}

.header-row {
	 background-image: linear-gradient(to bottom right, #1e252d, #283f59);
	 
}

.nodisplay{
	display : none;
}

.subtitle-color {
	color: #99a3aa;
}


.footer-row {
	background-color: #1e1f21;
}


.chart-div {
	width: 100% !important; 
	min-height: 100% !important;	
}


.button-group {
	top: -48px !important;
	position: relative;
	left: 130px;
}

.button-group-tests {
	top: 0px !important;
	position: relative;
	left: 130px;
}

a.footer-links{
	text-decoration: none;
}

a.logo:link {
	color: #e55400;
	text-decoration: none;
}

/* visited link */
a.logo:visited {
  	color: #e55400;
}

/* mouse over link */
a.logo:hover {
  	color: #e55400;
}

/* selected link */
a.logo:active {
  	color: #e55400;
}

.content-box{
	box-sizing:content-box;
}


.graph-div{
	height:50px;
	width:50%;
}


div.google-visualization-tooltip { 
background-color: gray;
border: none;
color: white;}


.percentage{
	font-size:0.8em;
}