.wcs-timetable__monthly-schedule{
	text-align: left;

	.wcs-class--canceled{
		text-decoration: line-through;
		opacity: 0.65;
	}

	.fc-bg{
		table, td, th{
			border: 1px solid;
		}

		.fc-day{
			position: relative;

			&::before{
				content:'';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				border-bottom: 1px solid currentColor;
				border-left: 1px solid currentColor;
				opacity: 0.15;
			}

			&:last-child::before{
				border-right: 1px solid currentColor;
			}

		}

	}

	.fc-basic-view .fc-day-number{
		padding: 4px 8px;
	}

	.fc-head th{
		position: relative;
		padding: 6px 0;
		text-align: center;

		&::before{
			content:'';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border-bottom: 1px solid currentColor;
			opacity: 0.15;
		}

	}

	table{
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0
	}

	.fc-toolbar h2{
		font-size: 190%;
		margin: 0;
		padding: 0;
	}

	button{
		border-radius: 0;
		font-size: 80%;
		line-height: normal;
		height: auto;
		padding: 8px;
		font-weight: normal;
		letter-spacing: 0;
		text-transform: capitalize;
	}

	.fc-toolbar.fc-header-toolbar{
		margin-bottom: 2em;
		display: flex;
		width: 100%;

		.fc-left{
			order: 1;
		}
		.fc-right{
			order: 3;
			text-align: right;

			.fc-button-group{
				float: right;
			}
		}
		.fc-left,
		.fc-right{
			float: none;
			flex-basis: 30%;
			flex-grow: 1;
		}
		.fc-center{
			float: none;
			order: 2;
			flex-basis: 40%;
			flex-grow: 2;
			text-align: center;

			h2{
				float: none;
				text-align: inherit;
			}
		}

	}
	table{
		border-bottom: none !important;
	}

	.fc-day-grid-event,
	.fc-time-grid-event{
		padding: 4px 5px;
	}
	.fc-event{
		background-color: transparent;
		border-color: transparent;
		font-size: 75%;
		box-shadow: none;

		&::before{
			content: '';
			display: block;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: currentColor;
			border-radius: 2px;
		}

		.fc-time{
			margin-right: 2px;
		}

		&.wcs-modal-call{
			cursor: pointer;
		}


	}

	.fc-slats{
		tr td{
			border-bottom: 1px solid;
		}
	}

}


.wcs-calendar-loading{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 5;
	background-color: rgba(255,255,255,0.65);
	display: flex;
	align-items: center;
	align-content: center;

	.wcs-spinner > div{
		background-color: rgba(0,0,0,0.75)
	}
}
