.fc-resource div span:hover {
cursor: pointer;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-top: .5em;
  margin-bottom: .5em;
}

.fc-toolbar-chunk {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1; /* Ensure center title takes space */
}

.fc .fc-toolbar-title:hover {
	color: #ccc;
	cursor: pointer;
}

.fc .fc-toolbar-title {
	font-size:14px;
	margin: 0px;
	padding: 0px;
}

#datepicker {
	display: none;
	position: absolute;
	background: white;
	border: 1px solid #ddd;
	padding: 5px;
	z-index: 1000;
}

#fc-dom-1 {
	display: none;
}
.flatpickr-input[readonly] {
	cursor: pointer;
	width: 200px;
	text-align: center; 
}

/*
.rescheduled-event {
	background-color: #ffcc00 !important;
	color: black !important;
	border-left: 4px solid red;
}
*/

.tooltip {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	display: none;
}

/* Increase z-index of select2 dropdown to appear above modal */
.select2-dropdown {
	z-index: 9999 !important; /* Or any value higher than your modal */
}

/* In case select2 is in a modal */
.swal2-modal .select2-dropdown {
	z-index: 9999 !important;
}

.swal2-modal {
	overflow: visible !important;
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

label {
    display: inline-block;
    margin-top: .5rem;
}

/*		
.eventFilter {
    display: flex;         
    flex-wrap: wrap;       
    gap: 20px;           
}	
		
.employee-slots {
    flex: 1 1 calc(33.33% - 20px); 
    box-sizing: border-box;         
    background-color: lightblue;
    padding: 20px;
    margin-bottom: 20px;   
}
*/

.eventFilter {
    box-sizing: border-box;         
    background-color: lightblue;
    padding: 20px;
    margin-bottom: 0px;   
}

.service-slots::after {
    content: "";
    display: table;
    clear: both;
}

.employee-slots {
    box-sizing: border-box;         
    background-color: lightblue;
    padding: 0px;
    margin-bottom: 0px;   
}

.employee-slots::after {
    content: "";
    display: table;
    clear: both;
}

.category_button_label, .service_button_label, .available_slot_button_label, .staff_button_label {
	font-size: 14px;
}

/* Set a maximum height and enable scroll 
.select2-container--default .select2-selection--multiple {
  height: 200px;  
  min-width: 100%;  
}
*/


div:where(.swal2-container) div:where(.swal2-html-container) {
	font-size: 14px !important;
}

.form-control {
	font-size: 14px !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
	font-size: 14px !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
	font-size: 14px !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
	font-size: 14px !important;
}