/* @override 
	https://www.cemalpha.com/static/frontend/CEM/2021/en_US/css/calendar-gc.min.css */

/*@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);.gc-calendar {
	font-family: Inter,sans-serif;
	background-color: #fff;
	padding: 1rem
}*/

a.eventCalTitle {
	white-space: normal!important;
}

table.calendar thead {
	background-color: #006fba;
	padding: 2rem;
	color: #ffffff;
}

a.btn-gc-cell {
	border: 0!important;
	border-radius: 0!important;
}

.gc-calendar .gc-calendar-header {
	background-color: #fff;
	padding: 2px;
	height: max-content;
	display: flex;
	align-items: center;
	margin-bottom: 40px
}

.gc-calendar .gc-calendar-header button.next, .gc-calendar .gc-calendar-header button.prev {
	height: 36px;
	left: 0;
	top: 0;
	border-radius: 100px;
	background: #fff;
	border-radius: 100px;
	position: relative;
	display: inline-block;
	border: 0;
	padding: 4px 15px;
	font-size: 18px;
	box-shadow: inset 0 -1px 0 #edf2f7;
	cursor: pointer;
	color: #7a7a9d;
	font-weight: 700;
	margin-right: 10px
}

.gc-calendar .gc-calendar-header button.next:hover, .gc-calendar .gc-calendar-header button.prev:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,.08),0 7px 14px rgba(50,50,93,.1)
}

.gc-calendar .gc-calendar-header button.next:focus, .gc-calendar .gc-calendar-header button.prev:focus {
	box-shadow: 0 3px 6px rgba(0,0,0,.08),0 7px 14px rgba(50,50,93,.1);
	outline: 0;
	border: 0
}

.gc-calendar .gc-calendar-header button.prev {
	margin-left: 20px
}

.gc-calendar .gc-calendar-header .gc-calendar-month-year {
	font-style: normal;
	font-weight: 600;
	font-size: 28px;
	color: #38385c;
	line-height: 136.02%;
	min-width: 220px
}

.gc-calendar table.calendar {
	width: 100%
}

.gc-calendar table.calendar th {
	text-align: start;
	font-weight: 600;
	font-size: 14px;
	line-height: 136.02%;
	padding: 2rem 1rem;
	text-transform: uppercase;
	color: #fff;
	position: relative;
}

.gc-calendar table.calendar td {
	height: 150px;
	position: relative;
	padding-top: 3px;
	vertical-align: top;
	/*width: calc(100% / 7);
	max-width: calc(100% / 7)!important;*/
	white-space: normal;
	border: 1px solid #ccc;
}

.gc-calendar table.calendar td.next-month .day-number, .gc-calendar table.calendar td.prev-month .day-number {
	color: #b5b5bd
}

.gc-calendar table.calendar td .day-number {
	font-size: 24px;
	font-weight: 800;
	line-height: 38.09px;
	overflow-y: auto;
}

.gc-calendar table.calendar td .today .day-number {
	color: #4c6fff
}

.gc-calendar table.calendar a {
	text-decoration: none;
	display: block;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.gc-calendar table.calendar a:hover {
	background-color: #006fba;
}

.gc-calendar table.calendar a:hover .day-number {
	color: #fff
}

.gc-calendar table.calendar th::before, .gc-calendar table.calendar tr:not(:last-child) td::before {
	/*content: "";
	display: block;
	width: 90%;
	height: 2px;
	background-color: #8f8f93;
	bottom: 0;
	left: 0;
	position: absolute*/
}

.gc-calendar table.calendar td:hover {
/*	background: linear-gradient(90deg,#e1e8ff 90%,transparent 50%);
	padding-left: 10px;
	padding-right: 10px;
	transition: .3s*/
}

.gc-calendar .gc-event {
	display: block;
	width: auto;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
	padding-top: 1rem;
}

.slide-in-left {
	-webkit-animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both
}

.slide-in-right {
	-webkit-animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;
	animation: slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both
}

.slide-out-left {
	-webkit-animation: slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both;
	animation: slide-out-left .5s cubic-bezier(.55,.085,.68,.53) both
}

.slide-out-right {
	-webkit-animation: slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both;
	animation: slide-out-right .5s cubic-bezier(.55,.085,.68,.53) both
}@-webkit-keyframes slide-in-left {
0% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}@keyframes slide-in-left {
0% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}@-webkit-keyframes slide-in-right {
0% {
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}@keyframes slide-in-right {
0% {
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
}@-webkit-keyframes slide-out-left {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0
}
}@keyframes slide-out-left {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100% {
	-webkit-transform: translateX(-1000px);
	transform: translateX(-1000px);
	opacity: 0
}
}@-webkit-keyframes slide-out-right {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100% {
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0
}
}@keyframes slide-out-right {
0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

100% {
	-webkit-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0
}
}

@media only screen and (min-width: 801px) {
.gc-calendar table.calendar td {
	height: 150px;
	position: relative;
	padding-top: 3px;
	vertical-align: top;
	width: calc(100% / 7);
	max-width: calc(100% / 7)!important;
	white-space: normal;
	border: 1px solid #ccc;
}

}


@media only screen and (max-width: 800px) {
		/* Force table to not be like tables anymore */
	table.calendar, table.calendar thead, table.calendar tbody, table.calendar th, table.calendar td, table.calendar tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.calendar thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.calendar tr { border: 1px solid #ccc; }
	
	table.calendar td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.calendar td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
		table.calendar td.day:not(.event) {
  display: none;
}
	
	/*
	Label the data
	*/
	table.calendar td:nth-of-type(1):before { 
		content: "Sun"; 
		margin: 0 auto;
		padding: 0 3rem;
	}
	table.calendar td:nth-of-type(2):before { 
	content: "Mon";
margin: 0 auto;
		padding: 0 3rem;	}
	table.calendar td:nth-of-type(3):before { content: "Tues";
margin: 0 auto;
		padding: 0 3rem;	}
	table.calendar td:nth-of-type(4):before { content: "Wed";
margin: 0 auto;
		padding: 0 3rem;	}
	table.calendar td:nth-of-type(5):before { content: "Thur";
margin: 0 auto;
		padding: 0 3rem;	}
	table.calendar td:nth-of-type(6):before { content: "Fri";
margin: 0 auto;
		padding: 0 3rem;	}
	table.calendar td:nth-of-type(7):before { content: "Sat";
margin: 0 auto;
		padding: 0 3rem;	}
	
	

	
	}
