
.container {
	font-size: var(--lib_fsize_16);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 3px;
	background-color: var(--lib_base_calendarview_container_bg);
}
.header {
	min-height: var(--lib_size_36);
	text-align: center;
	background-color: var(--lib_base_calendarview_header_bg);
	border-radius: 0 0 2px 2px;
	border-bottom: 1px solid var(--lib_base_calendarview_header_border);
}

.grid {
	width: var(--lib_size_28);
	height: var(--lib_size_28);
	line-height: var(--lib_size_28);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 50%;
}

[dir=ltr] .navigation {
	margin-left: var(--lib_size_2);
}

[dir=rtl] .navigation {
	margin-right: var(--lib_size_2);
}
.dateContainer {
	padding: var(--lib_size_6) 0 var(--lib_size_10) 0;
}
.separator {
	border-bottom: 1px dotted var(--lib_base_calendarview_seperator_border);
}
.days {
	min-height: var(--lib_size_36);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.daysStr {
	font-size: var(--lib_fsize_10);
	color: var(--lib_base_calendarview_daysStr_color);
	text-transform: uppercase;
}
.dateRow {
	height: var(--lib_size_28);
	/* -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; */
	margin: var(--lib_size_1) 0 var(--lib_size_5);
}
.dateRow:last-child {
	margin-bottom: 0;
}
.sunday,
.sunday:hover,
.invalidDate.sunday:hover {
	color: var(--lib_base_calendarview_sunday_color);
}
.invalidDate,.invalidDate:hover {
	color: var(--lib_base_calendarview_invalidDate_color);
}
.invalidDate, .invalidDate:hover {
	background-color: transparent;
}
.invalidDate.sunday {
	color: var(--lib_base_calendarview_invalidDate_sunday_color);
}

.timesection {
	padding-top: var(--lib_size_5);
	padding-bottom: var(--lib_size_10);
}
.dropDownContainer {
	padding: 0 var(--lib_size_5);
}
.dropDown {
	width: var(--lib_size_60);
	display: inline-block;
	position: relative;
	margin: 0 var(--lib_size_4);
}
.footer {
	margin-top: var(--lib_size_10);
	padding-bottom: var(--lib_size_12);
}
.space {
	display: inline-block;
	width: var(--lib_size_15);
}

.downArrow {
	color: var(--lib_base_calendarview_downArrow_color);
}

[dir=ltr] .downArrow {
	margin-left: var(--lib_size_2);
}

[dir=rtl] .downArrow {
	margin-right: var(--lib_size_2);
}
.dateText {
	cursor: pointer;
}
.dateText:hover .downArrow {
	color: var(--lib_base_calendarview_downArrow_hover_color);
}
.text {
	font-size: var(--lib_fsize_11);
	text-transform: uppercase;
	color: var(--lib_base_calendarview_text_color);
	display: block;
	margin-top: var(--lib_size_14);
}
.yearContainer {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
[dir=ltr] .yearContainer {
	left: 0;
}
[dir=rtl] .yearContainer {
	right: 0;
}
.subContainer {
	position: relative;
}