/*
	Overwrite select2 styles
*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
	border-radius: 10px;
	padding: 12px;
	padding-top: 16px;
	margin-bottom: 10px;
	background-color: #F9F9F9;

	display: block;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;


	&::placeholder {
		color: #30323366;
	}
	&:focus {
		border-color: #003264;
		outline: 0;
		box-shadow: none;
	}
}

.select2-container--default .select2-selection--single {
	background-color: none;
	border: none;
	border-radius: none;
}

.select2-container .select2-selection--single .select2-selection__arrow {
	display: none; /* Hide the down arrow */
}

.styled-select {
	img {
		z-index:10;
	}
}

.modal-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
	border:none !important;
}

/*
	End overwrite select2 styles
*/

/*
	Overwrite bootstrap styles
*/
.inlineLink {
	display:inline;
}

.table td:first-child {
	width: 10.0%;
	font-weight: 600;
}
.table, .table th {
	cursor: default;
}
.table th.sortable {
	cursor: pointer;
}
.table td {
	padding-top:5px;
	padding-bottom:5px;
}
/* Ensure the cursor is set to default for the modal and its contents */
.modal, .modal * {
	cursor: default;
}

/* Specific styles for clickable elements within the modal */
.modal .btn, .modal .btn *, .modal .modal-header, .modal .modal-footer {
	cursor: pointer;
}

.linkHover {
	cursor: pointer;
}

.downloadLink {
	cursor: pointer;
	color: #003264;
	display: inline-block;
}

.downloadLink:hover {
	color:#011223;
}
/*
	End overwrite bootstrap styles
*/

/*
	Overwrite livewire styles
*/
.livewire-loading {
	display: none; /* Default hidden */
}

.livewire-loading[data-loading] {
	display: flex; /* Show only when loading */
}
/*
	End overwrite livewire styles
*/

/*
	Overwrite hero svg
*/
.sortable-svg-icon {
	width: 1.2em;
	height: 1.2em;
}
.sortable-icon {
	visibility: hidden;
}
.sortable:hover .sortable-icon {
	visibility: visible;
}
/*
	End overwrite hero svg
*/

/*
	Overwrite alerts
*/
.error-icon {
	background-color: rgba(255, 0, 0, 0.1) !important;
}

.successfully-added-card {
	min-width: 341px;
	max-width: 500px !important;
}
/*
	End overwrite alerts
*/

/*
	Customer details
*/
.notes-section {
	.note-item {
		font-size: 16px;

		textarea {
			font-size: 16px;
		}
	}
}
/*
	End customer details
*/

/*
	Categories
*/
.dropdown-options {
	display:  block !important;
}

.image-preview-wrapper {
	border: 1px solid #f6f7f9;
	border-radius: 5px;
	height: 94px;
	width: 94px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	margin-right: 30px;
}

.image-preview {
	border: 1px solid #f6f7f9;
}

.add-category-description  {
	padding:13px 12px 11px 10px;
}
/*
Products
*/
.step-indicator:hover {
	cursor: pointer;
}

.hover {
	cursor: pointer;
}

.formDropdownHeight {
	height: 48px;
}

.year-schedule-units .close {
	margin-top:0px !important;
	background-color: transparent !important;
}
.noFormBorder {
	border: 0 !important;
}
.noFormBorder:focus {
	border: 1px solid #003264 !important;
	background-color: #F9F9F9 !important;
}
.radioLabel {
	font-weight: 400 !important;
	padding-left: 10px;
}
input.radioBtns {
	width: 20px;
	height: 20px;
}

input.radioBtns:checked {
	background-color: #003264;
	border-color: #003264;
	accent-color: #003264;
}

.set-default-img {
	position: absolute;
	bottom: -30px;
	background: none;
	border: none;
	width: 100px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	cursor: pointer;
}
.set-default-img:hover {
	color: #0d3b66;
}

span.status-active {
	background-color: #06a60e0f;
	border-radius: 50px;
	color: #06a60e;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}

span.status-inactive {
	border-radius: 50px;
	color: #DC1313;
	background-color: #DC13130F;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}

span.status-disable {
	background-color: #6e88a20f;
	border-radius: 50px;
	color: #6e88a2;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}


span.status-terminated {
	color: #DC1313;
  	background-color: #DC13130F;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}


span.status-draft {
	background-color: #0032640f;
	border-radius: 50px;
	color: #003264;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}

span.status-workshop {
	background-color: #ff98000f;
	border-radius: 50px;
	color: #ff9800;
	font-size: 12px;
	font-weight: 600;
	line-height: 15.6px;
	padding: 5px 12px 3px;
}

.noCursor {
	cursor: default !important;
}

.addCursor {
	cursor: pointer !important;
}

.smaller-image-preview {
	width: 50px;
	height: 50px;
}

.ql-editor-wrapper > .ql-toolbar:nth-child(n+2) {
	display: none !important;
}

.font-600-14-18 {
	font-weight: 600;
	font-size: 14px;
	line-height: 18.2px;
}

.seasonTableTabs {
	.nav {
		padding-top: 0px !important;
		.nav-item {
			.nav-link {
				font-size:14px !important;
				line-height: 15px !important;
				padding-bottom: 10px !important;

				&.active {
					font-size: 14px;
					border-bottom: 1px solid #303233;
				}
			}
		}
	}
}

.remove-alert {
	position: absolute;
	top: -3px;
	left: 0;
	background: white;
	border: 1px solid #ddd;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.remove-alert:hover {
	background: #f9f9f9;
}

.supplierLogoSidebar {
	max-width:32px;
	max-height:32px;
	border-radius: 15px;
}

/*
	End Products
*/

/*
	Settings
*/

.settings-content-wraper input {

	&:focus {
		border: 1px solid #003264 !important;
	}
}

/*


/*
	Bookings
*/
.booking-checkout {
	background-color: white;
}

.timeSelect {
	margin: 12px 0;
	height: 48px;
	background-color: white;
}

.timeSelectInput,
.timeSelectInput:focus {
	background-color: white !important;
}

.blank-booking-btn {
	font-weight: 400 !important;
	background-color: #0d3b66 !important;
}

.blank-booking-btn:hover {
	background-color: #0b2e4a !important;
}

.add-participant-canvas {
	.customer-info, .add-participant-form {
		position: relative;
		width: 100%;
		margin-bottom: 20px;
	}
	.remove-alert {
		top: -10px;
	}
}

.products .col-md-3 {
	max-width: 25%;
	flex: 0 0 25%;
}

.booking-checkout {
	height: 100%;
}

.bookingNoteBox textarea {
	scrollbar-color: initial; /* Resets scrollbar color */
	scrollbar-width: auto; /* Uses default width */
}

.bookingNoteBox  {
	textarea:disabled::-webkit-scrollbar {
		width: auto; /* Default width */
	}

	textarea:disabled::-webkit-scrollbar-track {
		background: initial; /* Reset to default */
	}

	textarea:disabled::-webkit-scrollbar-thumb {
		background: initial; /* Reset to default */
		border: none;
	}
}

body, .table-responsive {
	overflow: auto;
	scrollbar-color: initial; /* Resets scrollbar color */
	scrollbar-width: auto; /* Uses default width */
}

body::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
	width: 1px; /* Default width */
}

body::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
	background: inherit; /* Reset to default */
}

body::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
	background: initial; /* Reset to default */
	border: none;
}

.product-card:hover {
	border: 1px solid #003264;
	cursor: pointer;
}

.productModalImages img.image-preview {
	padding: 0 !important;
}

.productModalImages .btn-close {
	margin-right: 5px !important;
	margin-top: 5px !important;
}

.productModalPriceWrapper .product-personel-details-data {
	font-weight: 400 !important;
	font-size: 16px !important;
}

.productModalPriceWrapper .priceBox {
	width: 33.3333% !important;
}

.productModalQuantity {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 8px 0;

	button {
		background: #F6F7F9;
		border-radius: 4px;
		border: none;
		padding: 8px;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: opacity 0.3s ease;
	}

	.product-count {
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	button:hover {
		opacity: 0.7;
		cursor: pointer !important;
	}

	button img:hover{
		cursor: pointer !important;
	}
}

.secDepositInput {
	width: 200px;
	padding: 0 10px 0 10px;
	border-radius: 10px;
	line-height: 22px;
}

.table .btn-sm {
	border-color: #0032640f;
}

.table .btn-sm:hover {
	border-color: #6E88A2;
}

.noRowHover:hover {
	cursor: default;
}

.newNoteBookingDetail {
	height:60px;
	padding: 10px;
	border: 1px solid #003264;
	border-radius: 10px;
}

.status-pill-returned {
	background-color: #0032641f;
	color: #003264;
}

.tags-section {
	overflow: hidden;
}

.viewTxLink:hover {
	color: #003264;
}

/*
	End Bookings
*/

/*
	Policy settings
*/
.settingsRadio {
	padding-left: 0;
	min-height: 30px;

	input[type="radio"],
	input[type="checkbox"] {
		border: 1.4px solid #6E88A27A;
	}

	label {
		color: #3A393D;
		font-weight: 400;
	}
}

input.radioBtns[type="checkbox"] {
	width: 20px;
	height: 20px;
}

input.radioBtns[type="checkbox"]:checked {
	background-color: #003264;
	border-color: #003264;
}

input.radioBtns[type="checkbox"]:disabled {
	opacity: 0.5;
}
/* Ticket Details */
.ticket-grid-container {
	display: grid;
	grid-template-columns: 2fr 2fr 5fr 3fr;
	/* Different widths for columns */
	gap: 10px;
	/* Space between columns */
	padding: 20px;

	.ticket-grid-item {
		text-align: center;
	}

}

.ticket-image-screenshot {
	border: 1px solid #F6F7F9;
	border-radius: 8px;
	overflow: hidden;
}

.ticket-details-divider {
	width: 100%;
	border-bottom: 1px solid #DFDFDFCC;
}

.ticket-details-header {
	padding: 16px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;

	.ticket-heading {
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0%;
		color: #303233;

	}
}

.ticket-details-date {
	font-weight: 500;
	font-size: 12px;
	line-height: 15.6px;
	letter-spacing: 0%;
	color: #303233CC;
}

.ticket-details-description {
	font-weight: 400;
	font-size: 14px;
	line-height: 18.2px;
	letter-spacing: 0%;
	padding-bottom: 16px;
	color: #303233CC;

}

.ticket-textarea {
	border-radius: 12px;
	/* padding: 13px 12px 11px; */
	border: 1px solid rgba(0, 0, 0, 0);
	transition: border-color 0.3s ease;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	resize: none;
}

.add-attachment-btn {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0%;
	color: #003264;
	border: none;
	background-color: transparent;

}

@media screen and (max-width: 768px) {
	.ticket-grid-container {
		grid-template-columns: 1fr;
		/* 1 column for small screens */
	}
}

a.add-btn-text {
	color: #003264cc;
}
a.add-btn-text:hover {
	color: white;
}
a.add-btn-text:focus {
	color: white;
}
.content {
	.main {
		.availability-by-products-calendar {
			.time-slot-bar {
				gap: 20px;
				height: 72px;
				padding: 8px 16px;
				border-top: 0.5px solid #f5f5f5;

				.flex-base-1 {
					flex-basis: 3.555%;
				}
				.flex-base-2 {
					flex-basis: 7.9389%;
				}
				.flex-base-3 {
					flex-basis: 12.3227%;
				}
				.flex-base-4 {
					flex-basis: 16.7066%;
				}
				.flex-base-5 {
					flex-basis: 21.0905%;
				}
				.flex-base-6 {
					flex-basis: 25.4743%;
				}
				.flex-base-7 {
					flex-basis: 29.8582%;
				}
				.flex-base-8 {
					flex-basis: 34.242%;
				}
				.flex-base-9 {
					flex-basis: 38.6259%;
				}
				.flex-base-10 {
					flex-basis: 43.0098%;
				}
				.flex-base-11 {
					flex-basis: 47.3936%;
				}
				.flex-base-12 {
					flex-basis: 51.7775%;
				}
				.flex-base-13 {
					flex-basis: 56.1614%;
				}
				.flex-base-14 {
					flex-basis: 60.5452%;
				}
				.flex-base-15 {
					flex-basis: 64.9291%;
				}
				.flex-base-16 {
					flex-basis: 69.313%;
				}
				.flex-base-17 {
					flex-basis: 73.6968%;
				}
				.flex-base-18 {
					flex-basis: 78.0807%;
				}
				.flex-base-19 {
					flex-basis: 82.4645%;
				}
				.flex-base-20 {
					flex-basis: 86.8484%;
				}
				.flex-base-21 {
					flex-basis: 91.2323%;
				}
				.flex-base-22 {
					flex-basis: 95.6161%;
				}
				.flex-base-23 {
					flex-basis: 100.0%;
				}

				.time-slot {
					text-align: center;
					padding: 16px 16px;
					border-radius: 10px;
					cursor: pointer;
					height: 56px;
				}

				.time-slot.available {
					background-color: #d4edda;
					color: #155724;
				}

				.time-slot.unavailable {
					background-color: #f8d7da;
					color: #721c24;
				}
			}
		}
		.availability-by-experience-calendar {
			.book-slot-bar {
				gap: 20px;
				padding: 8px 16px;
				border-top: 0.5px solid #f5f5f5;

				.flex-base-1 {
					flex-basis: 4.1667%;
				}
				.flex-base-2 {
					flex-basis: 7.9389%;
				}
				.flex-base-3 {
					flex-basis: 12.3227%;
				}
				.flex-base-4 {
					flex-basis: 16.7066%;
				}
				.flex-base-5 {
					flex-basis: 21.0905%;
				}
				.flex-base-6 {
					flex-basis: 25.4743%;
				}
				.flex-base-7 {
					flex-basis: 29.8582%;
				}
				.flex-base-8 {
					flex-basis: 34.242%;
				}
				.flex-base-9 {
					flex-basis: 38.6259%;
				}
				.flex-base-10 {
					flex-basis: 43.0098%;
				}
				.flex-base-11 {
					flex-basis: 47.3936%;
				}
				.flex-base-12 {
					flex-basis: 51.7775%;
				}
				.flex-base-13 {
					flex-basis: 56.1614%;
				}
				.flex-base-14 {
					flex-basis: 60.5452%;
				}
				.flex-base-15 {
					flex-basis: 64.9291%;
				}
				.flex-base-16 {
					flex-basis: 69.313%;
				}
				.flex-base-17 {
					flex-basis: 73.6968%;
				}
				.flex-base-18 {
					flex-basis: 78.0807%;
				}
				.flex-base-19 {
					flex-basis: 82.4645%;
				}
				.flex-base-20 {
					flex-basis: 86.8484%;
				}
				.flex-base-21 {
					flex-basis: 91.2323%;
				}
				.flex-base-22 {
					flex-basis: 95.6161%;
				}
				.flex-base-23 {
					flex-basis: 100.0%;
				}

				.book-slot {
					text-align: center;
					padding: 10px 16px;
					border-radius: 10px;
					cursor: pointer;
					height: 74px;
					background-color: #f7f7f7;
					display: flex;
					flex-direction: column;
					justify-content: space-between;

					.book-title {
						font-weight: 600;
						font-size: 16px;
						line-height: 20px;
						color: #303233;
						align-items: center;

						span {
							font-weight: 600;
							font-size: 12px;
							line-height: 15.6px;
							color: #26af51;
							padding: 5px 10px 3px;
							height: 24px;
							border-radius: 20px;
							background-color: #26af5114;

							&.failed {
								color: #dc1313;
								background-color: #dc131314;
							}
						}
					}

					.detail {
						img {
							margin-top: -2px;
							position: relative;
						}

						.name {
							color: #303233;
							font-weight: 400;
							font-size: 12px;
							line-height: 16px;
						}

						.time {
							color: #303233;
							font-weight: 400;
							font-size: 12px;
							line-height: 16px;
						}
					}

					&.gap {
						cursor: default;
					}

					.detail {
						flex-direction: column;
					}
				}

				.small.book-slot {
					height: 96px;
				}

				.book-slot.gap {
					background: none;
					color: #721c24;
				}
			}
		}
	}
}
.availability-by-products-calendar-calendar {
	.time-slot-bar {
		gap: 20px;
		height: 72px;
		padding: 8px 16px;
		border-top: 0.5px solid #f5f5f5;

		.flex-base-1 {
			flex-basis: 3.555%;
		}
		.flex-base-2 {
			flex-basis: 7.9389%;
		}
		.flex-base-3 {
			flex-basis: 12.3227%;
		}
		.flex-base-4 {
			flex-basis: 16.7066%;
		}
		.flex-base-5 {
			flex-basis: 21.0905%;
		}
		.flex-base-6 {
			flex-basis: 25.4743%;
		}
		.flex-base-7 {
			flex-basis: 29.8582%;
		}
		.flex-base-8 {
			flex-basis: 34.242%;
		}
		.flex-base-9 {
			flex-basis: 38.6259%;
		}
		.flex-base-10 {
			flex-basis: 43.0098%;
		}
		.flex-base-11 {
			flex-basis: 47.3936%;
		}
		.flex-base-12 {
			flex-basis: 51.7775%;
		}
		.flex-base-13 {
			flex-basis: 56.1614%;
		}
		.flex-base-14 {
			flex-basis: 60.5452%;
		}
		.flex-base-15 {
			flex-basis: 64.9291%;
		}
		.flex-base-16 {
			flex-basis: 69.313%;
		}
		.flex-base-17 {
			flex-basis: 73.6968%;
		}
		.flex-base-18 {
			flex-basis: 78.0807%;
		}
		.flex-base-19 {
			flex-basis: 82.4645%;
		}
		.flex-base-20 {
			flex-basis: 86.8484%;
		}
		.flex-base-21 {
			flex-basis: 91.2323%;
		}
		.flex-base-22 {
			flex-basis: 95.6161%;
		}
		.flex-base-23 {
			flex-basis: 100.0%;
		}
		.time-slot {
			text-align: center;
			padding: 16px 16px;
			border-radius: 10px;
			cursor: pointer;
			height: 56px;
		}

		.time-slot.available {
			background-color: #d4edda;
			color: #155724;
		}

		.time-slot.unavailable {
			background-color: #f8d7da;
			color: #721c24;
		}
	}

	.book-slot-bar {
		gap: 20px;
		padding: 8px 16px;
		border-top: 0.5px solid #f5f5f5;

		.flex-base-1 {
			flex-basis: 4.1667%;
		}
		.flex-base-2 {
			flex-basis: 7.9389%;
		}
		.flex-base-3 {
			flex-basis: 12.3227%;
		}
		.flex-base-4 {
			flex-basis: 16.7066%;
		}
		.flex-base-5 {
			flex-basis: 21.0905%;
		}
		.flex-base-6 {
			flex-basis: 25.4743%;
		}
		.flex-base-7 {
			flex-basis: 29.8582%;
		}
		.flex-base-8 {
			flex-basis: 34.242%;
		}
		.flex-base-9 {
			flex-basis: 38.6259%;
		}
		.flex-base-10 {
			flex-basis: 43.0098%;
		}
		.flex-base-11 {
			flex-basis: 47.3936%;
		}
		.flex-base-12 {
			flex-basis: 51.7775%;
		}
		.flex-base-13 {
			flex-basis: 56.1614%;
		}
		.flex-base-14 {
			flex-basis: 60.5452%;
		}
		.flex-base-15 {
			flex-basis: 64.9291%;
		}
		.flex-base-16 {
			flex-basis: 69.313%;
		}
		.flex-base-17 {
			flex-basis: 73.6968%;
		}
		.flex-base-18 {
			flex-basis: 78.0807%;
		}
		.flex-base-19 {
			flex-basis: 82.4645%;
		}
		.flex-base-20 {
			flex-basis: 86.8484%;
		}
		.flex-base-21 {
			flex-basis: 91.2323%;
		}
		.flex-base-22 {
			flex-basis: 95.6161%;
		}
		.flex-base-23 {
			flex-basis: 100.0%;
		}

		.book-slot {
			text-align: center;
			padding: 10px 16px;
			border-radius: 10px;
			cursor: pointer;
			height: 74px;
			background-color: #f7f7f7;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.book-title {
				font-weight: 600;
				font-size: 16px;
				line-height: 20px;
				color: #303233;
				align-items: center;

				span {
					font-weight: 600;
					font-size: 12px;
					line-height: 15.6px;
					color: #26af51;
					padding: 5px 10px 3px;
					height: 24px;
					border-radius: 20px;
					background-color: #26af5114;

					&.failed {
						color: #dc1313;
						background-color: #dc131314;
					}
				}
			}

			.detail {
				img {
					margin-top: -2px;
					position: relative;
				}

				.name {
					color: #303233;
					font-weight: 400;
					font-size: 12px;
					line-height: 16px;
				}

				.time {
					color: #303233;
					font-weight: 400;
					font-size: 12px;
					line-height: 16px;
				}
			}

			&.gap {
				cursor: default;
			}

			.detail {
				flex-direction: column;
			}
		}

		.small.book-slot {
			height: 96px;
		}

		.book-slot.gap {
			background: none;
			color: #721c24;
		}
	}
}
.product-popup-image {
	border: 1px solid #ececec;
	width: 48px;
	height: 48px;
	object-fit: contain;
	object-position: center;
	padding: 2px;
}
.availability-by-products-calendar-calendar {
	& .time-slots-wrapper {
		& .main-time-slots,
		& .main-time-slots::-webkit-scrollbar {
			-ms-overflow-style: none;
			scrollbar-width: none;
		}
	}
}
.min-product-height{
	min-height: 80px;
}
& .current-time {
	transform: unset !important;
	bottom: 50% !important;
	width: 65px;
	text-align: center;
}
.current-time-line {
	width: 100% !important;
}

.filterDate {
	border:1px solid #E0E0E0;
	border-radius: 12px;
}
.filterDate input:focus {
	border:1px solid #003264 !important;
}
.link-area td{
	cursor: pointer !important;
}
.spinner-border-sm.dashboard-filter{
	--bs-spinner-width: 1.5rem;
	--bs-spinner-height: 1.5rem;
	--bs-spinner-border-width: 0.12em;
}
.dashboard-tooltip-style {
	background-color: #334454 !important;
	color: #ffffffcc;
	transform: translateX(40%);
	font-weight: 400;
	line-height: 16px;
	border-radius: 8px;
	text-align: left;
	width: 287px;
	z-index: 1080;
	position: absolute;
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
}
.custom-tooltip-dashboard{
	overflow: visible !important;
}
.calendar-modal-content::before {
	top: unset !important;
	bottom: 20px !important;
}
.performance-snapshot {
	& .content {
		& .card {
			& .card-text {
				& .text-danger {
					display: flex;
					gap: 2px;
					padding: 4px 0;
					color: #dc3545;
					font-weight: 500;
					font-size: 14px;
					line-height: 18.2px;
				}
			}
		}
	}
}

.modal-custom {
	width: 462px;
	@media (max-width: 992px) {
		width: 100%;
	}
}
& .table th, & .table td a{
	color: unset !important;
}

.clear-filter-btn:hover {
	color:#a21414;
}
.bulkEdit {
	color:#003264;
}
.bulkEdit:hover {
	color:#0b2e4a;
}

.custom-date-input-container {
	max-width: 100% !important;
	margin: none !important;
}

.custom-date-input-container .calendar-wrapper {
	left: auto;
	transform: none;
	top: 100%;
}
.roster-check {
	background: white;
}
.roster-check.checked {
	background-color: #0032641A;
	border: 1px solid #00326433;
}
.one-week-container .week-day.active {
	background: #003264;
}
.one-week-container .week-day.active .date {
	color: #ffffff;
}
.one-week-container .week-day.active .day {
	color: #ffffff;
}
.two-week-container .week-day.active {
	background: #003264;
}
.two-week-container .week-day.active .date {
	color: #ffffff;
}
.two-week-container .week-day.active .day {
	color: #ffffff;
}
.month-container .week-day.active {
	background: #003264;
}
.month-container .week-day.active .date {
	color: #ffffff;
}
.month-container .week-day.active .day {
	color: #ffffff;
}
.form-control.shift_notes:focus {
	border-color: #003264 !important;
	background-color: #F9F9F9 !important;
	outline: 0 !important;
	box-shadow: none !important;
}
.experienceTimes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adds consistent spacing between elements (horizontal and vertical) */
    margin-bottom: 16px;
}

.experienceTimes span.availableTime {
    font-size: 12px;
    background-color: #F6F7F9;
    border-radius: 12px;
    padding: 5px 5px;
}
.select-staff-accordion{
	background-color: white !important;
}

.ellipsis-dropdown {
	display: none;
	width: 30px;
	.ellipsis-icon {
		rotate: 90deg;
	}
	.btn {
		width: 30px;
		height: 30px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: unset;
		border-radius: unset;
		float: right;
		&:hover{
			background-color: transparent;
		}
	}
	.dropdown-menu {
		 padding: 12px;
		 border-radius: 12px;
		 border: none;
		 background-color: white;
		 overflow: hidden;
		 box-shadow: 0 1px 8px #0000001a;
		 width: 200px;
		inset: 0px 0px auto auto !important;
	 }
	.dropdown-item {
		  padding: 8px;
		  color: #003264cc;
		  display: flex;
		  align-items: center;
		  gap: 8px;
		&:hover {
			background-color: #e8f0fe;
		}
	  }
}
.hidden-ellipsis-dropdown:hover{
	background-color: #F5F5F5;
	.ellipsis-dropdown{
		display: block;
	}
}
.team-bar-scroll {
	max-height: 550px;
	overflow-y: scroll;
}
.calendar-label {
	& .name {
		white-space: pre !important;
	}
}
.calender-slots {
	width: 100% !important;
	min-width: 600px; !important;
}

.day-by-team {
	.sync-scroll {
		overflow-y: scroll;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.sync-scroll::-webkit-scrollbar {
		display: none;
	}
}
.timeline-scroll-width {
	height: 1px;
	visibility: hidden;
	pointer-events: none;
}
.form-icon-button{
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.25rem;
	margin-left: auto;
	&.btn-danger{
		margin-top: 11px;
	}
}
.copy-link-input
{
	border-radius: 12px !important;
	padding: 13px 12px 11px !important;
}
.share-link-text {
	font-weight: 600 !important;
	font-size: 14px !important;
	letter-spacing: 0% !important;
	color: #6E88A2 !important;
}
.qr-code-img {
	padding: 0px !important;
	width: 175px !important;
	height: 175px !important;
}
.qr-code-title {
	text-align: start;
}
.qr-code-textarea {
	text-align: start;
}
.publish-modal-textarea {
	height: 126px;
	border-radius: 16px;
	border: none;
	padding: 16px;
	outline: none;
	text-align: left;
	background-color: #B1BFCD1A;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #003264CC;
}
.download-qr-code-btn {
	border-radius: 50px;
	padding: 6px 16px;
	color: white;
	border: none;
	outline: none;
	background-color: #003264;
	transition: all 0.3s ease-in-out;
}
.copy-publish-link-btn {
	border-radius: 50px;
	padding: 6px 16px;
	color: #003264;
	background-color: #E2E7ED;
	border: none;
	outline: none;
	transition: all 0.3s ease-in-out;
}
.copy-publish-link-btn img {
	padding: 0px !important;
}
.open-new-tab-btn img {
	padding: 0px !important;
}
#form-preview-container {
	padding: 32px 24px !important;
	background-color: white !important;
}
.form-builder-input-wrapper {
	border-radius: 16px !important;
	padding: 16px !important;
	position: relative !important;
	transition: all 0.3s ease-in-out !important;
	border: 1px solid #CBD5DE66 !important;
}
::-webkit-scrollbar {
	width: 0px !important;
	height: initial !important;
}

::-webkit-scrollbar-track {
	background: transparent !important;
	border: none !important;
}

::-webkit-scrollbar-thumb {
	background: transparent !important;
	border: none !important;
}
.dropdown-menu {
	width: auto !important;
}
.dropdown-filter .menu-items {
	max-height: 88% !important;
}
.dropdown-filter .dropdown-menu.v1 {
	overflow-x: unset;
}
.calendar-label {
	& .opened {
		color: #003264;
		background-color: #0032641f;
		padding: 4px 10px;
		border-radius: 40px;
	}
}
.calendar-label {
	& .opened {
		&.v1 {
			font-size: 9px;
		}
	}
}

.calendar-label {
	& .pending {
		color: #F7581F;
		background-color: #F7581F0F;
		padding: 4px 10px;
		border-radius: 40px;
	}
}
.calendar-label {
	& .pending {
		&.v1 {
			font-size: 9px;
		}
	}
}

#pickupDetailModal .modal-content .pickup-detail-modal-content-scroll{
	overflow: scroll;
	max-height: 50vh !important;
}
.content {
	& .main {
		& .availability-by-products-calendar {
			& .time-slots-wrapper {
				#inventoryModal{
					& img {
						position: unset;
					}
				}
			}
		}
	}
}
form{
	.form-group{
		.dropdown {
			& .dropdown-menu {
				width: 100% !important;
			}
		}
	}
}
.staff-profile-img {
	width: 100px !important;
	height: 100px !important;
	border-radius: 8px;
	object-fit: cover;
	border: 0 !important;
}

.schedule-summary {
	justify-content: end;
	display: flex;
	width: 100%;
	gap: 2rem;
	position: fixed;
	bottom: 0;
	left: auto;
	right: 0;
	height: auto;
	padding: .75rem 1.5rem .7rem;
	border-top: 1px solid #DADADA;
	background-color: white;
	.status-pill{
		display: flex;
		align-items: center;
		color: #6E88A2;
		font-size: 13px;
		padding: 0;
		.pill-circle{
			display: block;
			width: 12px;
			height: 12px;
			border-style:solid;
			border-width: 1px;
			border-color: inherit;
			background-color: white;
			border-radius: 20px;
			margin-right: 4px;
			margin-bottom: 3px;
		}
		&.status-dot-pill-opened{
			.pill-circle{
				border-color: #003264 !important;
				background-color: #0032641f !important;
			}
		}
		&.status-dot-pill-pending{
			.pill-circle{
				border-color: #26AF51 !important;
				background-color: #26AF5114 !important;
			}
		}
		&.status-dot-pill-status{
			.pill-circle{
				border-color: #F7581F !important;
				background-color: #F7581F0F !important;
			}
		}
	}
}
.table#shiftsTable td {
	padding: 11px 12px 9px 12px;
	background-color: #ffffff;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #303233;
	border-width: 0;
	border-left-width: 1px;
}
.week-day-slot {
	padding: 4px 4px 0 4px;
}
.add-new-shift-plus{
	display: block;
	margin-top: auto;
	cursor: pointer;
	line-height: 0;
	width: 100%;
	text-align: center;
	padding: 4px 4px;
	i{
		font-size: 12px;
		color: #6c6a72;
	}
	i:hover{
		color: #003eaa;
	}
}
.dropdown{
	width: auto;
}
.add-team-member {
	position: sticky;
	bottom: 0;
	border-bottom-left-radius: 20px;
	background-color: white;
	overflow: hidden;
	.left-team-bar {
		border-bottom: unset !important;
		.staff-profile-schedule {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #e4e6e7;
			border-radius: 20px;
			img{
				width: 20px;
				height: 20px;
			}
		}
	}
}
.add-new-for-area {
	position: sticky;
	bottom: 0;
	border-bottom-left-radius: 20px;
	background-color: white;
	.staff-profile-schedule {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #e4e6e7;
		border-radius: 20px;
		img{
			width: 20px;
			height: 20px;
		}
	}
}
.team-bar-scroll{
	.calendar-row{
		&:not(:first-child, :last-child){
			.left-team-bar {
				border-bottom: unset !important;
				border-top: 1px solid #DADADA !important;
			}
			.right-team-bar {
				border-bottom: unset !important;
				border-top: 1px solid #DADADA !important;
			}
		}
		&:last-child{
			border-top: 1px solid #DADADA;
		}
	}
}
& .left-team-bar {
	 border-bottom: unset !important;
}
& .right-team-bar {
	border-bottom: unset  !important;
}
.calender-left-side{
	overflow: hidden;
}
.staff-profile-schedule {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 20px;
	background-color: #e4e6e7;
}
.modal-content {
	.search-staff-area {
		.modal-body {
			padding-top: 24px;
			button{
				padding: 9px 20px 7px 20px;
			}
			img {
				padding: 9px 4px;
			}
			.form-group{
				.dropdown {
					.dropdown-menu{
						input{
							padding: unset !important;
							border-radius: 0 !important;
							width: 100%;
							&:focus {
								background-color: unset !important;
							}
						}
					}
				}
			}
		}
		.btn-confirm{
			width: fit-content !important;
		}
	}
}
form {
	.condition-type-inputs {
		/*noinspection CssInvalidPropertyValue*/

		.row{
			width: -moz-available !important;
			width: -webkit-fill-available !important;
		}
	}
}
.one-week-container, .two-week-container, .month-container, .day-container{
	.btn-custom{
		background-color: #fff !important;
		width: 20px !important;
		height: 20px !important;
		z-index: 100;
		img{
			height: 12px !important;
		}
		&.btn-custom-prev {
			margin-left: -10px !important;
			margin-top: 26px !important;
			padding: 0 !important;
		}
		&.btn-custom-next{
			right: 23px !important;
			margin-top: 25px !important;
			padding: 0 !important;
		}
	}
}
.day-container {
	.btn-custom.btn-custom-prev {
		margin-left: -27px !important;
		margin-top: 1px !important;
	}
	.btn-custom.btn-custom-next {
		margin-top: 1px !important;
	}
}

.availability-by-products.product-partial {
	padding-top: 10px !important;
}
.modal-sidebar {
	& .responses-section-title {
		font-weight: 600;
		font-size: 20px;
		line-height: 26px;
		padding-top: 6px;
	}
}
#editFormResponseCanvas {
	& .navigation-buttons {
		& button {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			background-color: #003264;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease-in-out;
			outline: none;
			border: none;
		}
	}
}
#editFormResponseCanvas {
	& .data-wrapper {
		background-color: #6E88A21A;
		border-radius: 16px;
		padding: 16px;
	}
}
.preview-template-flex-row{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
#form-preview-container, #editFormResponseCanvas{
	.form-group{
		.form-check {
			display: flex;
			min-height: auto;
			margin-bottom: 0;
			align-items: center;
			.form-check-input{
				margin-top: 0;
				margin-right: .25rem;
				&:checked {
					border-color: #003264 !important;
					&:focus {
						background-color: #003264 !important;
					}
				}
			}
			label {
				line-height: normal;
			}
		}
	}
}
.right-canvas .form-preview-container, .form-preview-container{
	.form-group{
		.form-check{
			display: flex;
			min-height: auto;
			margin-bottom: 0;
			align-items: center;
			input{
				margin-top: 0;
				margin-right: .25rem;
				border: 1px solid #dee2e6;
				&:checked {
					border-color: #003264 !important;
					&:focus {
						background-color: #003264 !important;
					}
				}
			}
			label {
				line-height: normal;
			}
		}
	}
}
.form-builder-wrapper {
	& .form-content {
		& .dropdown {
			& input[type="checkbox"] {
				&:focus {
					background-color: #bac6d3;
					border: none;
				}
				&:checked:focus {
					background-color: #003264 !important;
				}
			}
		}
	}
}
.template-drag-logo{
	width: auto;
	height: 40px;
}
.form-content-wrapper{
	.element-handle, .dragging,
	.sortable-chosen.dragging {
		display: flex;
		align-items: center;
		gap: 12px;
	}
}
.elements-nav-tabs{
	display: flex;
	flex-wrap: nowrap;
	overflow: visible;
	.nav-item{
		width: 50%;
	}
}
@media (min-width: 768px) {
	.waiver-form-content {
		.elements{
			position: sticky;
			top: 1.5rem;
		}
	}
}
@media (max-width: 767px) {
	.mb-4 {
		min-width: unset;
	}
}
@media (max-width: 480px) {
	.mb-4 {
		min-width: unset;
	}
}
.form-builder-wrapper {
	& .form-content {
		& .form-builder-input-wrapper {
			&.selected {
				border: 1px solid #003264 !important;
			}
		}
	}
}
.form-builder-wrapper {
	& .elements {
		height: fit-content;
		overflow: unset;
	}
}
.list-scroll{
	height: 70vh;
	overflow: auto;
}
form {
	input[type="radio"]{
		border-radius: 20px !important;
	}
}
.modal-sidebar input {
	 border: 1px solid var(--bs-border-color);
}
#waiverFormTableBody{
	td{
		&:last-child{
			a.btn-sm{
				padding: .3rem .4rem .255rem;
				line-height: revert;
				border-radius: .312rem;
				border-color: #EBEBEB;
				i{
					&.fa-edit{
						font-size: .89rem;
						line-height: 1.25;
					}
				}
			}
			button.btn-sm{
				padding: .375rem .52rem;
				line-height: revert;
				border-radius: .312rem;
				border-color: #EBEBEB;
				i{
					&.fa-edit{
						font-size: .89rem;
						line-height: 1.25;
					}
				}
			}
		}
	}
}

.waiver-form-content {
	overflow-x: unset;
	& .title {
		padding-right: .8rem !important;
		padding-left: .8rem !important;
	}
}
.current-clear-signature{
	img{
		max-width: 200px;
		border-color: var(--bs-border-color);
	}
}

.phone-number-input::-webkit-outer-spin-button,
.phone-number-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.phone-number-input {
	-moz-appearance: textfield;
}
.experience-list-item.active {
	background-color: #F6F7F9;
}

.experience-list-item:hover {
	cursor: pointer;
}
.timeline {
	overflow-x: auto;
	white-space: nowrap;
	scroll-behavior: smooth;
}

#experience-calendar-load-more {
	font-size: 1rem;
	font-weight: 400;
}
.calendar-overflow-unset.content {
	overflow-x: unset;
	#experience-section-list{
		position: sticky;
		top: 1.5rem;
		max-height: 90vh !important;
	}
}
.small-status-pill{
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
	align-items: center;
}
#availability-by-experience{
	overflow: hidden;
	& .header {
		 height: unset;
	}
}
.experience-list-table-view-wrapper {
	padding: 0;
}
.empty-experience-card{
	height: 650px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.content {
	& .main {
		& .availability-by-experience-calendar {
			& .book-slot-bar {
				& .book-slot {
					padding: 10px 10px;
					.book-slot-header,
					.book-slot-name{
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
				}
			}
		}
	}
}
.font-400-10-18 {
	font-weight: 400;
	font-size: 10px;
	line-height: 18px;
}