.calYear {
	font-size: 14px;
}

#calLinks {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.calendarEntry .calendarDate {
	padding-left: 5px;
	width: 75px;
}

	.calendarEntry .calendarDate .calDate {
		font-size: 22px;
	}

	.calendarEntry .calendarDate .calDay {
	}

	.calendarEntry .calendarDate.isToday {
		border: 1px solid darkorange;
		/*margin-right:5px*/
	}

.calButton {
  flex:1; 
	font-size: 9px;
	padding: 2px;
	background-color: #698cb1;
	color: white !important;
	margin: 2px 1px;
	/*margin-top: 2px;*/
	display: block;
	/*width: 65px;*/
	text-align: center;
	text-decoration: none;
	transition: all .2s;
}

	.calButton:hover {
		background-color: #ffb81e;
	}

.insideContentHolder #calendarHolder{
	max-width: unset !important;
}

#calendarHolder {
	max-width: 900px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#calendarBody {
	box-sizing: border-box;
	flex: 1;
	order: 1;
}

#calendarRightMargin {
	width: 220px;
	margin-left: 30px;	
	box-sizing: border-box;
	order: 2;
}

#aCats {
	display: none;
}

.panCategories {
	display: block;
}

#calendarContainer {
	border: 1px solid #698cb1;
	margin-top: 4px;
}

#calendarNavigation {
	background-color: #698cb1;
	padding: 0 5px 5px 5px;
}

	#calendarNavigation A:link, #calendarHeader A:visited {
		color: White;
		font-weight: bold;
		font-size: 12pt;
		text-decoration: none;
	}

	#calendarNavigation A:hover {
		color: #EAA103;
		font-weight: bold;
		font-size: 12pt;
		text-decoration: none;
	}

.calendarEntry {
	border-bottom: 1px solid silver;
	margin: 15px 0;
	padding: 5px 0 10px 0;
}

.calendar-event {
	border: 1px solid #E4E4E4;
	padding: 3px;
	box-sizing: border-box;
	margin-bottom: 3px;
	border-radius: 2px;
	line-height: 1.5;
	border-radius:3px;
}

.calendar-event .view{
	position:absolute;
	right:3px;
	bottom:3px;	
}

.cal-categories {
	float:right;
}
.cal-categories > div {
	display:inline-block;
	font-size:10px;
	padding:2px
}

.viewHolder > div{
	margin-bottom:15px;
}

.catCheckboxes span {
	padding:1px 4px 1px 2px;
	display:block;
	margin-bottom:2px;
	border-radius:3px;
}

/* CALENDAR UI ==================================================== */

table.calendar {
	border-collapse: separate;
}

	table.calendar .calendarTitle td {
		font-size: 15px;
	}


	table.calendar th, table.calendar td {
		padding: 3px;
		font-size: 13px;
		text-align: center;
	}

.calendarDayHeader {
	color: #698cb1;
	background-color: #FFFFFF;
	font-weight: bold;
}

.calendarWeekendDay {
	background-color: #FFFFFF;
}

.calendarSelector a:link, .calendarSelector a:visited {
	color: #698cb1;
	text-decoration: none;
	font-weight: bold;
}

.calendarSelector a:hover {
	text-decoration: underline;
}

.calendarDay {
	background-color: #FFF;
	border-collapse: separate;
}

	.calendarDay a:link, .calendarDay a:visited {
		color: #B1B1B1;
		text-decoration: none;
	}

	.calendarDay a:hover {
		color: #B1B1B1;
		text-decoration: underline;
	}

.calendarOtherMonthDay {
	background-color: #E4E4E4;
}

	.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited {
		color: #CFCFCF;
		text-decoration: none;
	}

		.calendarOtherMonthDay a:hover {
			color: #CFCFCF;
			text-decoration: none;
		}

.calendarToday {
	font-weight: bold;
}

	.calendarToday a:link, .calendarToday a:visited {
		color: darkorange;
		text-decoration: none;
	}

	.calendarToday a:hover {
		text-decoration: underline;
	}

.calendarHasContent {
	background-color: #698cb1;
	padding: 3px;
}

	.calendarHasContent a:link, .calendarHasContent a:visited {
		color: white;
		text-decoration: none;
	}

	.calendarHasContent a:hover {
		text-decoration: underline;
	}

.calendarHasContentToday {
	background-color: orange;
	font-weight: bold;
}

	.calendarHasContentToday a:link, .calendarHasContentToday a:visited {
		color: #FFF;
		text-decoration: none;
	}

	.calendarHasContentToday a:hover {
		color: #FFF;
		text-decoration: underline;
	}

	

/* ------------------------------------- */
@media screen and (max-width: 600px) {
	#calendarHolder {
		display: block;
	}

	#calendarRightMargin {
	margin-left: 0;	
	margin-bottom:30px;
}

	.panCategories {
		display: none;
	}

	#aCats {
		display: block;
	}
}