body {
			background:#323248;
			/* margin-top: 30px;
			padding: 30px 0; */
		}

		#calendar-container {
			float: left;
		}

		#external-events {
			border-radius:5px;
			float: left;
			width: 100%;
			padding: 0;
			text-align: left;
			margin-bottom:20px;
		}

		#external-events h4 {
			font-size: 14px;
			margin-top: 0;
			padding:0 10px;
			padding-top: 1em;

		}

		#external-events .fc-event {
			margin: 10px 0;
			cursor: pointer;
			padding: 4px 5px;
			border-radius: 3px;
			background: #afafaf;
			border: none;
			font-size: 12px;
			color:#ffffff;
		}

		#external-events p {
			margin: 1.5em 0;
			font-size: 11px;
			color: #666;
			float:right;
		}

		#external-events p input {
			margin: 0;
			vertical-align: middle;
		}

		#external-events-main {
			border-radius:5px;
			float: left;
			padding: 0;
			text-align: left;
			margin-bottom:0;
		}

		#external-events-main h4 {
			font-size: 14px;
			margin-top: 0;
			padding:0 10px;
			padding-top: 1em;
		}

		#external-events-main .fc-event {
			margin: 0 0 0 10px;
			cursor: pointer;
			padding: 8px 20px;
			border-radius: 3px;
			border: none;
			font-size: 12px;
			color: #ffffff;
			width: 80px;
			float: left;
			text-align:center;
		}

		#external-events-main p {
			margin: 1.5em 0;
			font-size: 11px;
			color: #666;
			float:right;
		}

		#external-events-main p input {
			margin: 0;
			vertical-align: middle;
		}

		#calendar {
			position: relative;
			z-index: 2;
			float: right;
			width: 100%;
		}

		.fc-license-message {display:none;}
		.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {box-shadow: none;}
		.calendar-container {
			width: 100%;
			border-radius: 5px;
			border: 1px solid var(--fc-border-color);
			background: var(--bs-body-bg);
		}
		 
		.calendar-container header {
			display: flex;
			align-items: center;
			padding: 5px 15px 10px;
			justify-content: space-between;
		}
		 
		header .calendar-navigation {
			display: flex;
			padding-right: 0;    
		}
		 
		header .calendar-navigation span {
			height: 38px;
			width: 38px;
			margin: 0 1px;
			cursor: pointer;
			text-align: center;
			line-height: 38px;
			border-radius: 50%;
			user-select: none;
			color: #aeabab;
			font-size: 1.1rem;
		}
		 
		.calendar-navigation span:last-child {
			margin-right: 0;
		}
		 
		header .calendar-navigation span:hover {
			background: #f2f2f2;
		}
		 
		header .calendar-current-date {
			font-weight: 500;
			padding-top: 14px;
			font-size: 1rem;
		}
		 
		.calendar-body {
			padding: 5px;
		}
		 
		.calendar-body ul {
			list-style: none;
			flex-wrap: wrap;
			display: flex;
			text-align: center;
		}
		 
		.calendar-body .calendar-dates {
			margin-bottom: 20px;
		}
		 
		.calendar-body li {
			width: calc(100% / 7);
			font-size: 0.9rem;
		}
		 
		.calendar-body ol, ul {
			padding-left: 0;
		}

		.calendar-body dl, ol, ul {
			margin-top: 0;
			margin-bottom: 0rem;
		}

		.calendar-body .calendar-weekdays li {
			cursor: default;
			font-weight: 500;
		}

		.calendar-dates li.closed {
		    background-color: #f5f5f5;
		    color: #ccc;
		    pointer-events: none;
		    cursor: not-allowed;
		}

		.calendar-body .calendar-dates li {
			margin-top: 15px;
			position: relative;
			z-index: 1;
			cursor: pointer;
		}
		 
		.calendar-dates li.inactive {
			color: #aaa;
		}
		 
		.calendar-dates li.active {
			color: #fff;
		}
		 
		.calendar-dates li::before {
			position: absolute;
			content: "";
			z-index: -1;
			top: 50%;
			left: 50%;
			width: 33px;
			height: 33px;
			border-radius: 50%;
			transform: translate(-50%, -50%);
		}
		 
		.calendar-dates li.active::before {
			background: #3E97FF;
		}
		 
		.calendar-dates li:not(.active):hover::before {
			background: #e4e1e1;
		}

		.fc {
			--fc-today-bg-color: var(--bs-body-bg);
			background:  var(--bs-body-bg);
		} 

		.fc-timegrid-event .fc-event-time {display:none;}

		.fc-direction-ltr .fc-timegrid-col-events {margin: 0px;}

		.hidden {display: none;}

		#fade-out-background {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.5);
			z-index: 1050; /* Ensure it appears above other content */
			display: none;
		}

		.spinner {
			border: 8px solid #f3f3f3;
			border-top: 8px solid #3498db;
			border-radius: 50%;
			width: 60px;
			height: 60px;
			animation: spin 2s linear infinite;
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -30px 0 0 -30px; /* Center the spinner */
		}

		@keyframes spin {
			0% { transform: rotate(0deg); }
			100% { transform: rotate(360deg); }
		}

		.btn-pad{margin-left:0px;}
			.selected-item {
			  width: 100%;
			  display: inline-block;
			  margin: 8px 0 0 0;
		}

		.selected-item input {
			  width: 85%;
			  display: inline-block;
			  background-color: var(--tag-bg);      
			  margin-right: 5px;
		}

		.modal-open .select2-container--bootstrap5 .select2-dropdown {
			z-index: 110800000000000000000000000000;
		}    

		.sheight {height:45px!important}

		.select2-container--bootstrap5 .select2-dropdown .select2-search {
		    padding: 0.5rem 1.25rem;
		    margin: 0 0 0.5rem 0;
			display:none!important;
		}
		.calendar-dates li.selected::before {
			border-radius: 50%;
			background-color: var(--bs-gray-400);
		}