.cal {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	z-index: 3;
}
.cal-title {
	color: #fff;
	line-height: 60px;
	margin-bottom: 0;
	padding: 0 15px;
}

.cal-sub-title {
	color: #fff;
	line-height: 60px;
	margin-bottom: 0;
	padding: 0 15px;
}
.cal-title-right {
	float: right;
	margin-top: -60px;
	line-height: 62px;
	height: 50px;
	padding-right: 20px;
}
.cal-title-left {
	float: left;
	margin-top: -60px;
	line-height: 62px;
	height: 50px;
	padding-left: 20px;
}
.cal-days .cal-anchor {
	position: relative;
	width: 14.28%;
	float: left;
	text-align: center;
	height: 35px;
	line-height: 35px;
	color: #fff;
	position: realtive;
	z-index: 3;
	font-weight: 800;
}
.cal-disabled {
	color: #ced4da !important;
}
.cal-selected span, .cal-current span {
	z-index: 2;
	position: relative;
	color: #fff;
}
.cal-selected span {
	color: inherit;
}
.cal-selected .cal-selected-icon, .cal-current .cal-current-icon {
	/*color: #000;*/
	z-index: 0;
	opacity: 1;
	font-size: 32px;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	text-align: center;
	line-height: 32px;
}
.cal-has-event-icon {
	display: none;
}
.has-event .cal-has-event-icon {
	display: inline;
	position: absolute;
	transform: translate(-50%, -50%);
	top: 75%;
	left: 50%;
}
.cal-dates .cal-anchor {
	position: relative;
	width: 14.2857142857%;
	float: left;
	text-align: center;
	line-height: 45px;
	color: #1f1f1f;
	font-weight: 500;
}
.theme-dark .cal-dates .cal-anchor {
	color: #fff;
}
.theme-dark .cal-disabled {
	opacity: 0.3;
}
.cal-dates-border .cal-anchor {
	overflow: hidden;
	border-right: solid 1px rgba(0, 0, 0, 0.05);
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
}
.cal-schedule {
	min-height: 80px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.055);
}
.cal-schedule em {
	line-height: 20px;
	padding: 20px 0 0 20px;
	position: absolute;
	font-size: 11px;
	font-style: normal;
}
.cal-schedule strong {
	color: #000;
	display: block;
	padding: 17px 0 0 100px;
	font-size: 14px;
}
.cal-schedule span {
	display: block;
	font-size: 10px;
	color: #adb5bd;
	margin-top: 0;
}
.cal-schedule span i {
	width: 50px;
	display: inline-block;
	text-align: center;
	padding: 0 20px 0 102px;
}
.theme-dark .cal-schedule strong {
	color: #fff !important;
}
.theme-dark .cal-schedule span {
	color: #fff !important;
	opacity: 0.5;
}
.cal-message {
	display: block;
}
.cal-message i {
	position: absolute;
	height: 40px;
	line-height: 43px;
	font-size: 27px;
	right: 20px;
}
.cal-message strong {
	display: block;
	line-height: 20px;
	font-weight: 400;
	font-size: 11px;
	padding-left: 20px;
}
.cal-anchor {
	display: inline-block;
}
.cal-anchor:hover {
	pointer-events: cursor;
}

/*.cal .day.has-event:after {
content: '';
position: absolute;
top: calc(50% + .6em);
left: calc(50% - 2px);
width: 5px;
height: 5px;
border-radius: 50%;
background: #6691CC;
}*/
.events {
    max-height: 368px;
	margin-top: -32px;
	padding-top: 48px;
}
@media (max-width: 480px){
	.calendar>.days-grid>.day {
		max-height: 37px!important;
	}
}