.range_picker {
	flex: 1;
	overflow: hidden;
	margin: 0;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	border: 1px solid #a6a6a6;
}

.range_picker_body {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.range_months {
	flex: 1;
	display: flex;
	margin: 5px 0 1px 0;
	overflow: hidden;
	position: relative;
}

.range_cell {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.range_header {
	flex: 1;
	color: white;
	background-color: cornflowerblue;
}

.range_name {
	position: absolute;
	padding: 3px 0 3px 5px;
	border-left: 1px solid white;
	white-space: nowrap;
}

.range_dash {
	color: transparent !important;
	background-color: cornflowerblue;
	padding: 3px 0 3px 5px;
}

.range_body {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	border-left: 1px solid white;
	padding: 2px 0 3px 0;
	margin: 1px 0 0 0;
}

.range_body:hover {
	color: white !important;
	background: silver !important;
}

.range_dow {
}

.range_day {
}

.range_today {
	border-color: black;
}

.range_disabled {
	color: rgb(166, 166, 166);
	cursor: default;
}

.ranges {
	border-top: 1px solid #0078d7;
	margin: 0 0 5px 0;
}

.range_value {
	color: #0078d7;
}

.range_comma {
	margin-right: 2px;
}

.range_empty {
	color: rgb(164, 38, 44);
}

.range_error {
	border-color: rgb(164, 38, 44);
}