/*.esri-legend__layer-row:hover {
	cursor: pointer;
	background-color: #6d6d6d;
}*/



.esri-ui-inner-container {
	top: 65px !important;
}

.esri-popup--is-docked {
	top: 65px !important;
}

.esri-popup__content {
	width: auto !important;
	max-width: 100%;
}

a:hover {
	cursor: pointer;
}

/*.esri-popup__position-container {
	max-height: 500px !important;
	width: 450px !important;
}

.esri-popup__main-container, .esri-popup__content, .esri-popup-renderer__main-container, .esri-popup-renderer__size-contiainer, .esri-popup-renderer {
	max-height: 500px !important;
}*/

#content h4 {
	text-align: center;
}

#pie {
	position: relative;
}

.esri-popup__header {
	background-color: #dbdbdb;
}

#ohioans-served svg {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
}

svg rect {
	fill: grey; 
	stroke-width: 1; 
	stroke: #d5dade;
}

#piechart {
	height: 200px;
}

.esri-legend__layer-cell--info {
	white-space: normal !important;
	max-width: 230px !important;
}

#grid {
	display: grid;
	
	width: auto !important;
	max-width: 100%;

	height:100%;
	max-height: 100%;

	position: relative;
}

#grid #previous, #grid #next {
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	text-align: center;
	display: inline-flex;
}

#grid #previous {
	grid-row: 1;
	grid-column: 1;
}

#grid #content {
	grid-row: 1;
	grid-column: 2;

	width: auto;
	max-width: 100%;

	height: 100%;
	max-height: 100%;

	position: relative;
}

#grid #next {
	grid-row: 1;
	grid-column: 3;
}

#grid #PageIndicator {
	grid-row: 2;
	grid-column: 2;
	text-align: center;
	justify-content: center;
}

#ohioans-served, #ohioans-served svg, #ohioans-served h4 {
	text-align:center;
}

#budget .svg-container {
	margin: auto;
}

@media screen and (min-width: 1200px) {
	#pie {
		width: 340px;
	}
}

@media screen and (max-width: 992px) {
	#grid {
		width: 280px;
	}

	#grid #content {
		width: 280px;
	}

	#ohioans-served svg {
		width: 280px;
	}

}

@media screen and (max-width: 545px) {
	#grid {
		width: 215px;
		/*height: 350px;*/
	}

	#grid #content {
		width: 215px;
		/*height: 350px;*/
	}

	#ohioans-served {
		/*height: 350px;*/
	}

	#ohioans-served svg {
		/*height: 350px;*/
		width: 215px;
	}
}