/* carousel start */
.carousel__prev,
.carousel__next {
	font-size: 1.5rem !important;
	height: 2.5rem !important;
	width: 2.5rem !important;
	border-radius: 30px !important;
	color: rgb(110 113 145 / var(--tw-text-opacity)) !important;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
		0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
		0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
		var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.carousel__prev:hover,
.carousel__next:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
	--tw-bg-opacity: 1;
	background-color: rgb(252 77 37 / var(--tw-bg-opacity)) !important;
}

/* carousel end */

/* Select code start */
.vue-select.no-radius {
	border-radius: 0 !important;
}

.vue-select {
	width: auto !important;
	border: 1px solid rgb(229 231 235 / var(--tw-border-opacity)) !important;
	border-radius: 0.375rem !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	flex-direction: column !important;
}

.vue-select.invalid {
	border: 1px solid rgb(252 165 165 / var(--tw-border-opacity)) !important;
}

.vue-input {
	padding: 0.1rem 0rem !important;
}

.vue-input input {
	font-size: 0.9375rem !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}

.vue-input input::placeholder {
	color: #697a8d !important;
}

.vue-dropdown {
	border: 1px solid #dceaff !important;
	box-shadow: 0 0.25rem 1rem rgb(229 231 235 / 45%) !important;
}

.vue-select.direction-top .vue-dropdown {
	border-top-left-radius: 0.375rem !important;
	border-top-right-radius: 0.375rem !important;
	z-index: 100000;
}

.vue-select.direction-bottom .vue-dropdown {
	border-bottom-left-radius: 0.375rem !important;
	border-bottom-right-radius: 0.375rem !important;
	z-index: 100000;
}

.vue-select[aria-expanded="true"].direction-top {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.vue-select[aria-expanded="true"].direction-bottom {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.vue-select[aria-expanded="true"] {
	border-color: #dceaff !important;
}

.vue-dropdown-item.highlighted {
	background-color: rgba(67, 89, 113, 0.04) !important;
}

.vue-dropdown-item.selected.highlighted {
	background-color: rgba(105, 108, 255, 0.08) !important;
	color: rgb(252 77 37 / var(--tw-text-opacity)) !important;
}

.vue-dropdown-item.selected {
	background-color: rgba(105, 108, 255, 0.08) !important;
	color: rgb(252 77 37 / var(--tw-text-opacity)) !important;
}

.vue-dropdown-item {
	font-size: 15px;
	padding: 0.4375rem 0.875rem !important;
}

/* Select code close */

/* Map code start*/
.map-height {
	height: 24rem;
}

/* Map code close*/

/* Date picker code start*/

.dp__input_focus {
	border-color: rgb(180 209 255 / 0.2) !important;
}

.custom-datepicker > .dp__main > div {
	width: 240px !important;
}

.dp__input {
	border: 1px solid #e5e7eb !important;
	height: 40px !important;
	border-radius: 0.375rem !important;
}

.dp__input:hover {
	border-color: inherit !important;
}

/* Date picker code close here*/

/* custom height start*/
.c-h-30 {
	height: 7.5rem;
}

.c-h-25 {
	height: 6.75rem;
}

/* custom height end*/

/* Font size and color start */
.db-table-action.qr-code i {
	background-color: rgb(246 166 9 / 0.1);
	--tw-text-opacity: 1;
	color: rgb(246 166 9 / var(--tw-text-opacity));
}

.db-table-action.qr-code i:hover {
	background-color: rgb(246 166 9 / 0.2);
}

.font-fill-primary-toggle {
	color: #e30613;
}

@media (max-width: 639px) {
	.font-fill-primary-toggle {
		color: #ffffff !important;
	}
}

.font-fill-paragraph-toggle {
	color: #ffffff;
}

@media (max-width: 639px) {
	.font-fill-paragraph-toggle {
		color: #e30613 !important;
	}
}

.lab-margin-top-minus-20 {
	margin-top: -20px;
}

.lab-font-display-block {
	display: block;
}

.font-fill-primary {
	color: #e30613;
}

.font-fill-paragraph {
	color: #6e7191;
}

.font-fill-danger {
	color: #fb4e4e;
}

.font-fill-black {
	color: #1f1f39;
}

.font-fill-pos {
	color: #ff8a26;
}

.add-btn:hover .font-fill-primary {
	color: #ffffff;
}

.info-btn:hover .font-fill-paragraph {
	color: #e30613;
}

.lab-font-bold {
	font-weight: bold !important;
}

.lab-font-size-12 {
	font-size: 12px !important;
}

.lab-font-size-13 {
	font-size: 13px !important;
}

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

.lab-font-size-15 {
	font-size: 15px !important;
}

.lab-font-size-16 {
	font-size: 16px !important;
}

.lab-font-size-17 {
	font-size: 17px !important;
}

.lab-font-size-20 {
	font-size: 20px !important;
}

.lab-font-size-22 {
	font-size: 22px !important;
}

.lab-font-size-24 {
	font-size: 24px !important;
}

.lab-font-size-30 {
	font-size: 30px !important;
}

.lab-font-size-32 {
	font-size: 32px !important;
}

.lab-font-color-1 {
	color: #dee2e5 !important;
}

.lab-font-color-2 {
	color: #a0a3bd !important;
}

.lab-font-color-3 {
	color: #27282a !important;
}

.lab-color-pink {
	color: #e30613 !important;
}

.lab-color-portage {
	color: #fcd44c !important;
}

.lab-color-cornflower-blue {
	color: #fc9139 !important;
}

.lab-color-heliotrope {
	color: #eaebeb !important;
}

.lab-color-yellow {
	color: #f5a83b !important;
}

.lab-color-green {
	color: #5ec869 !important;
}

.lab-color-blue {
	color: #008bba !important;
}

.lab-color-blue-2 {
	color: #4d7cf7 !important;
}

.lab-color-delivered {
	color: #797ef8 !important;
}

.lab-color-red {
	color: #f74d4d !important;
}

.lab-font-weight-600 {
	font-weight: 600;
}

/* Font size and color close*/

/* Variation size start */
.variation-margin-right {
	margin-right: 10px;
}

/* Variation size close */

/* branch start */
.branch-margin-right {
	margin-right: 10px;
}

/* branch close */

/* time start */
.time-margin-right {
	margin-right: 10px;
}

/* time close */

/* day take start */
.day-take-margin-right {
	margin-right: 10px;
}

/* day take close */

/* Margin - 6 top start*/
.margin-top-6 {
	margin-top: 1.5rem;
}

.margin-top-5-px {
	margin-top: 5px;
}

/* Margin - 6 top close*/

/* payment custom font size start */
.payment-font-size {
	font-size: 12px;
}

/* payment custom font size end */

/* POS code start */
.pos-card-height {
	height: 250px !important;
}

.pos-image-height {
	height: 68% !important;
}

.pos-add-button:hover .font-fill-primary {
	color: white;
}

/* POS code end */
/* Advance order code start */
.advance-order {
	background-color: #1ab759;
	color: #ffffff;
}

/* Advance order code close */

/* Language conde start */
.font-color-danger {
	color: rgb(239 68 68 / var(--tw-text-opacity));
}

.language-note-font-size {
	font-size: 12px;
}

.strong-left-tab {
	margin-left: 40px;
}

/* Language conde end */

.cashfree-logo {
	display: flex;
	justify-content: center;
}

/* cds conde start */
.db-main-customer {
	padding: 80px 16px 20px 16px;
	height: 100vh;
	overflow: auto;
	transition: all;
	background: #f7f7fc;
	transition: all 0.5s ease-in-out;
}

.db-main-customer.hiddenHeader {
	padding-top: 20px;
}

.kitchen-board.db-tab-btn.active {
	background-color: #e30613 !important;
	color: white !important;
	border-radius: 8px;
}

/* cds conde end */

.dropdown-list {
	transform: scaleY(0) !important;
}

.dropdown-list.active {
	transform: scaleY(1) !important;
	transform-origin: top !important;
}