.locationInput-left{
	background-color: #2d4b1e !important;
	border-width: 0;
}

.locationInput-left:hover{
	background-color: #1f3415 !important;
}

.locationInput-right{
	background-color: #2d4b1e !important;
	border-width: 0;
}

.locationInput-right:hover{
	background-color: #1f3415 !important;
}

@media screen and (max-width: 720px){
	.locationInput-left{
		width: 100%;
		margin: 0;
	}
	
	.locationInput-right{
		width: 100%;
		margin: 0;
	}
}

@media screen and (min-width: 721px){
	.locationInput-left{
		width: 97.5%;
		margin: 0 2.5% 0 0 !important;
	}
	
	.locationInput-right{
		width: 97.5%;
		margin: 0 0 0 2.5% !important;
	}
}

#chartOpener{
	width: 80px;
	height: 30px;
	border-radius: 0 0 40px 40px;
	background-color: #333;
	position: fixed;
	left: calc(50vw - 40px);
	top: 90px;
	z-index: 100;
	line-height: 25px;
	transition: .25s;
}
		
#chartOpener:hover{
	width: 90px;
	left: calc(50vw - 45px);
	transition: .25s;
}
		
#closerContainer{
	width: 100%;
	position: fixed;
}
		
#chartContainer{
	width: 100vw;
	background-color: #ddd;
	z-index: 99;
	position: fixed;
	top: 90px;
	transition: height 1s;
	overflow: scroll;
	border-style: solid;
	border-color: #2d4b1e;
	border-width: 0 0 3px 0;
}

.dashboardCardCol{
	width: 100%;
}

.dashboardCardNoCol{
	width: 50%;
	margin-left: 25%;
}

@media screen and (max-width: 720px){
	.dashboardCardCol{
		width: 80%;
		margin-left: 10%;
	}
	
	.dashboardCardNoCol{
		width: 80%;
		margin-left: 10%;
	}
}