#oCalendar {
	width:           100%;
	margin:          0vh 0;
	border-collapse: collapse;
	}

#oCalendar td {
	width:  14.2%;

	}

#oCalendar th {
	text-transform: uppercase;
	text-align:     center;
	margin:0;
	line-height: 1em;
	text-transform: uppercase;
	padding: 20px 0 60px;
	}

#oCalendar th.month span{
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family:    'ReplicaBold', sans-serif;
	font-size: 200%;
	width: 100%;
	}

#oCalendar td.oDays {
	text-transform: uppercase;
	font-size:      80%;
	text-align:     center;
	}

.calendar-day.today {
	border: 2px solid #333;
	}

.calendar-day {
	border:         1px solid silver;
	vertical-align: top;
	padding:        .2em;
	height: 10vw;
	}

#oCalendar .busy {
	background: maroon;
	color:      white
	}

#oCalendar .hours {
	/*position:   relative;*/
	/*z-index:    10;*/
	/*margin-top: -1.4em;*/
	}

#oCalendar .hours div {
	min-height: 1.2px;
	/*margin-bottom: .5px;*/
	}

#oCalendar .hours div.busy {
	background: maroon;
	
	}

.arrow {
	height: 2em;
	}

.arrow.right {
	transform: rotateZ(180deg);
	}