.events .event-card {
	box-shadow: 0 4px 8px 0 rgba(217, 217, 217, 0.5);
	border-radius: 3px;
	padding: 16px;
	border: solid 1px rgba(217, 217, 217, 0.5);
	color: var(--grey-85);
	margin: 0;
	font-size: 0.875rem;
}

.events .event-card .card-section-label {
	font-size: 0.75rem;
	color: var(--grey-70);
	margin-bottom: 2px;
}

.events .details-card.event-card {
	padding: 0;
}

.events .progress {
	height: 6px;
	border-radius: 4px;
	border: solid 1px var(--grey-15);
	background-color: var(--grey-5);
	max-width: 200px;
	margin: 4px 0;
}

	.events .progress > .progress-bar.bg-info {
		background-color: #5ebfe7 !important; /*TODO create variable*/
	}

.events .event-card > .book-btn-container {
	display: flex;
	justify-content: center;
	flex-grow: 1;
}

.events .filter-label {
	font-size: 14px;
	font-weight: 600;
	color: var(--grey-85);
}

@media (max-width: 767.98px) {
	.events .event-card {
		padding: 16px 0;
	}
}

@media (min-width: 1200px) {
	.events .event-card .event-card-border {
		border-right: 1px solid var(--grey-25);
	}
}

@media (max-width: 575.98px) {
	.custom-popup-adaptivity .ist-dialog-footer {
		flex-direction: column-reverse;
	}

	.events .dxbs-tabs-scrollable:not(.dxbs-tabs-scrollbuttons) > .dxbs-scroll-viewer {
		padding-left: 0;
	}
}

/*teacher details*/

.photo-section {
	width: 200px;
	height: 200px;
	background-color: var(--grey-15);
}

.image-box img {
	width: 200px;
	height: 200px;
}

.empty-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: var(--grey-5);
	border: 1px dashed var(--grey-15);
	padding: 10px;
	font-size: 12px;
	color: var(--grey-45);
}

.ist-btn.teacher-details {
	vertical-align: unset;
	font-weight: normal;
	height: unset;
	padding: unset;
}