:root {
	--darkForeGround: #839794;
	--lightBackGround: #AD9E3C;
}

.ButtonBar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 20px 10px;
}

	.ButtonBar span {
		font-weight: bold;
		font-size: 20px;
		color: #165A87
	}

input.YearSelector,
input.MonthSelector {
	border: solid 2px var(--darkForeGround);
	background-color: var(--darkForeGround);
	padding: 5px 20px;
	margin: 5px;
	color: white;
	border-radius: 5px;
}

	input.YearSelector.Selected,
	input.MonthSelector.Selected {
		background-color: var(--lightBackGround);
	}

@media screen and (min-width: 768px) {
	.ButtonToolTipImage {
		display: none !important;
	}

	.ButtonBar {
		width: 400px;
		display: flex;
		justify-content: space-between;
	}
}