.navbar-brand img {
	width: 150px;
	height: auto;
	margin-top: -12px;
	margin-bottom: -12px;
	display: block;
}
.hidden {
	display: none !important;
}
.pointer-none {
	pointer-events: none;
}
.dashboard-display {
	position: relative;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.04);
	z-index: 9;
}
.stacked::before {
	content: "";
	width: 85%;
	background: #fafafa;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.04);
	height: 100%;
	margin-top: 0.5rem;
	position: absolute;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	left: 0;
	z-index: 1;
}
.dashboard-display-icon {
	font-size: 1.2rem;
}
.dashboard-display-number {
	font-size: 1.3rem;
	font-weight: 700;
}
.dashboard-main-col {
	border-radius: 4px;
	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.05);
	background-color: #fff;
}
.translation-section-btn {
	margin-bottom: 2rem;
	background-color: rgba(245, 245, 245, 0.7);
	color: #37474f;
	font-size: 1.2rem;
	border: 3px dotted #02b875;
	padding: 0 25px;
}
.alert-update {
	color: #ff9800;
	background-color: #ffffff;
	border-color: #d8d8d8;
	border-radius: 0.275rem;
	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.05);
}
@media (min-width: 320px) and (max-width: 767px) {
	.navbar-collapse.collapse {
		z-index: 9999999;
		background-color: #fff;
		box-shadow: 0 5px 20px 0 #ccc;
	}
}
.gllpMap {
	width: 100%;
	height: 350px;
}
@media only screen and (max-width: 600px) {
	.gllpMap {
		width: 100%;
		height: 200px;
	}
	.location-search-block {
		display: none !important;
	}
}
.gllpSearchField {
	border-radius: 20px 0 0 20px;
	box-shadow: 0 2px 5px 2px #ccc;
}
.gllpSearchButton {
	border-radius: 0px 20px 20px 0px;
	box-shadow: 0 2px 5px 2px #ccc;
}
.gm-fullscreen-control {
	display: none;
}
.location-search-block {
	position: relative;
	top: -26rem;
	z-index: 999;
}
.animated-bell {
	font-size: 4.5rem;
	color: rgba(131, 96, 195, 0.3);
	-webkit-animation: alert-notify-bell 8s 1s ease-in-out infinite;
	animation: alert-notify-bell 8s 1s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	transform-origin: 50% 4px;
}
@-webkit-keyframes alert-notify-bell {
	0% {
		-webkit-transform: rotateZ(0);
	}
	1% {
		-webkit-transform: rotateZ(30deg);
	}
	3% {
		-webkit-transform: rotateZ(-28deg);
	}
	5% {
		-webkit-transform: rotateZ(34deg);
	}
	7% {
		-webkit-transform: rotateZ(-32deg);
	}
	9% {
		-webkit-transform: rotateZ(30deg);
	}
	11% {
		-webkit-transform: rotateZ(-28deg);
	}
	13% {
		-webkit-transform: rotateZ(26deg);
	}
	15% {
		-webkit-transform: rotateZ(-24deg);
	}
	17% {
		-webkit-transform: rotateZ(22deg);
	}
	19% {
		-webkit-transform: rotateZ(-20deg);
	}
	21% {
		-webkit-transform: rotateZ(18deg);
	}
	23% {
		-webkit-transform: rotateZ(-16deg);
	}
	25% {
		-webkit-transform: rotateZ(14deg);
	}
	27% {
		-webkit-transform: rotateZ(-12deg);
	}
	29% {
		-webkit-transform: rotateZ(10deg);
	}
	31% {
		-webkit-transform: rotateZ(-8deg);
	}
	33% {
		-webkit-transform: rotateZ(6deg);
	}
	35% {
		-webkit-transform: rotateZ(-4deg);
	}
	37% {
		-webkit-transform: rotateZ(2deg);
	}
	39% {
		-webkit-transform: rotateZ(-1deg);
	}
	41% {
		-webkit-transform: rotateZ(1deg);
	}
	43% {
		-webkit-transform: rotateZ(0);
	}
	100% {
		-webkit-transform: rotateZ(0);
	}
}
@keyframes alert-notify-bell {
	0% {
		-webkit-transform: rotateZ(0);
	}
	1% {
		-webkit-transform: rotateZ(30deg);
	}
	3% {
		-webkit-transform: rotateZ(-28deg);
	}
	5% {
		-webkit-transform: rotateZ(34deg);
	}
	7% {
		-webkit-transform: rotateZ(-32deg);
	}
	9% {
		-webkit-transform: rotateZ(30deg);
	}
	11% {
		-webkit-transform: rotateZ(-28deg);
	}
	13% {
		-webkit-transform: rotateZ(26deg);
	}
	15% {
		-webkit-transform: rotateZ(-24deg);
	}
	17% {
		-webkit-transform: rotateZ(22deg);
	}
	19% {
		-webkit-transform: rotateZ(-20deg);
	}
	21% {
		-webkit-transform: rotateZ(18deg);
	}
	23% {
		-webkit-transform: rotateZ(-16deg);
	}
	25% {
		-webkit-transform: rotateZ(14deg);
	}
	27% {
		-webkit-transform: rotateZ(-12deg);
	}
	29% {
		-webkit-transform: rotateZ(10deg);
	}
	31% {
		-webkit-transform: rotateZ(-8deg);
	}
	33% {
		-webkit-transform: rotateZ(6deg);
	}
	35% {
		-webkit-transform: rotateZ(-4deg);
	}
	37% {
		-webkit-transform: rotateZ(2deg);
	}
	39% {
		-webkit-transform: rotateZ(-1deg);
	}
	41% {
		-webkit-transform: rotateZ(1deg);
	}
	43% {
		-webkit-transform: rotateZ(0);
	}
	100% {
		-webkit-transform: rotateZ(0);
	}
}
.popup-order {
	border: 1px solid #e0e0e0;
	padding-bottom: 2rem;
}
.popup-order-processing {
	pointer-events: none;
	filter: grayscale(0.8);
}
.dataTables_filter input {
	width: 290px;
}
@media (min-width: 768px) {
	.dataTables_filter input {
		width: 30rem;
		height: calc(2em + 1.125rem + 2px);
	}
}
.dataTables_filter {
	margin: 0;
}
.dataTables_paginate,
.dataTables_info {
	margin-top: 1rem;
}
.dataTables_info {
	color: #7e8299;
}
.order-badge {
	min-width: 120px;
	border-radius: 2px;
}
.badge-color-1 {
	color: #fff;
	background-color: #02b875;
}
.badge-color-2,
.badge-color-3,
.badge-color-4,
.badge-color-7 {
	color: #fff;
	background-color: #00bcd4;
}
.badge-color-5 {
	color: #fff;
	background-color: #4caf50;
}
.badge-color-6,
.badge-color-9 {
	color: #fff;
	background-color: #ff7043;
}
.badge-color-8 {
	color: #fff;
	background-color: #ff9800;
}
.buttons-csv,
.buttons-print {
	background-color: #ececec !important;
	border-radius: 3px !important;
}
.buttons-print {
	margin-right: 5px !important;
}
.custom-processing-banner {
	position: absolute;
	top: 63px;
	left: 50%;
	width: 100%;
	height: 3rem;
	margin-left: -50%;
}
.dataTables_processing {
	position: absolute;
	margin-top: -25px;
	padding-top: 8px;
	text-align: center;
	color: #181c32;
	font-size: 1rem;
	background: #f7f8fb;
	border-radius: 8px;
	z-index: 9999;
}
.order-dashboard-time {
	background-color: #f7f8fb;
	padding: 0 12px;
	border-radius: 2px;
	color: #757575;
}
.first-letter-icon {
	border-radius: 0.275rem;
	background-color: #02b875;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 37px;
	height: 37px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6666667;
	color: #fff;
}
.custom-bg-1 {
	background-color: #1abc9c !important;
}
.custom-bg-2 {
	background-color: #2ecc71 !important;
}
.custom-bg-3 {
	background-color: #3498db !important;
}
.custom-bg-4 {
	background-color: #9b59b6 !important;
}
.custom-bg-5 {
	background-color: #34495e !important;
}
.custom-bg-6 {
	background-color: #e74c3c !important;
}
.custom-bg-7 {
	background-color: #d35400 !important;
}
.custom-bg-8 {
	background-color: #f39c12 !important;
}
.custom-color-1 {
	color: #1abc9c !important;
}
.custom-color-2 {
	color: #2ecc71 !important;
}
.custom-color-3 {
	color: #3498db !important;
}
.custom-color-4 {
	color: #9b59b6 !important;
}
.custom-color-5 {
	color: #34495e !important;
}
.custom-color-6 {
	color: #e74c3c !important;
}
.custom-color-7 {
	color: #d35400 !important;
}
.custom-color-8 {
	color: #f39c12 !important;
}
a.nav-link.active .settings-icon {
	color: #284055 !important;
}
.min-fit-content {
	min-width: fit-content;
}
.min-fit-content {
	min-width: fit-content;
}
.btn-xs {
	padding: 4px;
	font-size: 14px !important;
}
.dashboard-recent-orders-block,
.dashboard-new-users-block,
.dashboard-top-stores,
.dashboard-latest-reviews,
.dashboard-todoNotes {
	box-shadow: 0 3px 20px rgb(0 0 0 / 4%);
	background-color: #fff;
	border-radius: 6px;
}
.recent-order-card:not(:last-child),
.new-users:not(:last-child),
.top-store:not(:last-child),
.top-review:not(:last-child),
.single-transaction:not(:last-child) {
	border-bottom: 1px solid #ebe9f1;
}

.recent-order-card,
.new-users {
	background-color: #fff;
}
.recent-order-card > a,
.new-users > a {
	color: #2d3748;
}

.cursor-move {
	cursor: move;
}
.rating-green {
	background-color: #3cb854;
}
.rating-orange {
	background-color: #e6b601;
}
.rating-red {
	background-color: #ee5159;
}

.settings-ul .nav-item {
	margin-bottom: 10px;
}
.dashboard-display-icon-block {
	display: flex;
	border-radius: 50%;
	height: 48px;
	width: 48px;
	background-color: rgba(115, 103, 240, 0.12);
	align-items: center;
	justify-content: center;
}
.block-bg-1 {
	background-color: rgba(115, 103, 240, 0.12);
}
.block-bg-2 {
	background-color: rgba(0, 207, 232, 0.12);
}
.block-bg-3 {
	background-color: rgba(234, 84, 85, 0.12);
}
.block-bg-4 {
	background-color: rgba(40, 199, 111, 0.12);
}
.color-purple {
	color: #7367f0;
}
.color-cyan {
	color: #00cfe8;
}
.color-red {
	color: #ea5455;
}
.color-green {
	color: #02b875;
}
.btn-action {
	color: #7e8299;
	background-color: #f5f8fa;
	font-weight: 500;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.btn-action:hover {
	color: #03b875;
	background-color: rgb(3 184 117 / 20%);
	box-shadow: none !important;
}
.btn-action--hover {
	color: #03b875;
	background-color: rgb(3 184 117 / 20%);
	font-weight: 500;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.btn-action-primary {
	color: #fff;
	background-color: #03b875;
	font-weight: 500;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.btn-action-primary:hover {
	color: #fff;
	background-color: #04aa6d;
}
.btn-action-secondary {
	color: #7e8299;
	background-color: #fff;
	font-weight: 500;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.btn-action-secondary:hover {
	color: #fff;
	background-color: #04aa6d;
}
.btn-icon {
	color: #7e8299;
	font-weight: 500;
	border-radius: 4px !important;
	box-shadow: none !important;
	max-width: fit-content;
}
.btn-icon:hover {
	color: #03b875;
	background-color: rgb(3 184 117 / 20%);
}
.editItem-slide-content-block,
.newItem-slide-content-block {
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	background-color: #fff;
	width: 0;
	transition: 0.2s linear all;
	overflow-x: hidden;
	overflow-y: scroll;
}
.editItem-slide-content-block.active,
.newItem-slide-content-block.active {
	width: 65%;
	box-shadow: -250px 0px 100px 100px rgb(40 64 85 / 20%);
	transition: 0.2s linear all;
}
@media (max-width: 768px) {
	.editItem-slide-content-block.active,
	.newItem-slide-content-block.active {
		width: 100%;
	}
}
.edit-item-sticky-header {
	position: sticky;
	top: 0px;
	position: -webkit-sticky;
	background-color: #f7f8fb;
	z-index: 999999;
}
.select2-results__options--nested {
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
}
.google-serp-preview-block {
	max-width: 630px;
	padding: 20px 15px;
	border: 1px solid #eee;
	border-radius: 1rem;
}
.google-serp-url {
	font-size: 14px;
	line-height: 1.3;
	color: #202124;
	width: 600px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px !important;
}
.google-serp-title {
	color: #1a0dab;
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 2px !important;
}
.google-serp-description {
	max-width: 600px;
	color: #4d5156;
	line-height: 1.58;
	margin-bottom: 2px !important;
}
.cursor-pointer {
	cursor: pointer;
}
.btn-meta-helper {
	transition: 0.2s linear transform;
}
.btn-meta-helper:active {
	transform: scale(0.9);
	transition: 0.2s linear transform;
}
.side-nav-link:active {
	transform: scale(0.8);
	transition: 0.2s linear transform;
}
.table-datatable th,
.table-datatable td {
	text-align: center;
}
.cropper-crop-box {
	background-color: white;
}
.original-image,
.new-image {
	border-radius: 0.275rem;
	transition: 0.2s linear all;
}
.original-image:hover,
.new-image:hover {
	width: 200px !important;
	transition: 0.2s linear all;
}
.img-on-table-list {
	width: 50px;
	border-radius: 8px;
	transition: 0.2s linear all;
}
.img-on-table-list:hover {
	width: 150px;
	transition: 0.2s linear all;
}
#fullScreenOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(40, 65, 85, 0.5);
	z-index: 999999;
}
#fullScreenLoadingOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(40, 65, 85, 0.5);
	z-index: 999999;
}
#fullScreenLoadingOverlay > #loadingMessage {
	position: absolute;
	border-radius: 8px;
	top: 50%;
	left: 50%;
	color: #181c32;
	padding: 1rem;
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.bg-notification {
	background-color: #284155;
	padding: 15px;
}
.btn-media-action {
	opacity: 0.9;
}
.btn-media-action:hover {
	opacity: 1;
}
.media-container {
	height: 180px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-size: cover;
	background-position: center;
	transition: 0.1s linear all;
	/*cursor: zoom-in;*/
}
.media-selector:hover {
	cursor: pointer;
	box-shadow: 0 4px 8px 1px #c0c0c0;
	transition: 0.2s linear all;
}
.media-selector:active {
	transform: scale(0.95);
	transition: 0.1s linear all;
}
.media-actions {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	transition: 0.2s linear all;
	width: 100%;
	bottom: 0;
	opacity: 0;
	transition: 0.2s linear all;
}
.media-container:hover .media-actions {
	opacity: 1;
	transition: 0.2s linear all;
}
.select-filter-dropdown {
	width: 100%;
	min-width: 130px;
	border-radius: 4px;
	border: 1px solid #ddd;
	padding: 8px;
}
#orderUpdatesFloat {
	position: absolute;
	transform: translate(-50%, -50%);
	padding: 10px;
	background-color: #fff;
	border-radius: 25px;
	box-shadow: 0px 2px 10px 2px #d5d5d5;
	border: 1px solid #d5d5d5;
	bottom: 0;
	right: 40%;
	left: 50%;
	text-align: center;
	font-size: 1rem;
	min-width: 180px;
	height: 3.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	cursor: pointer;
}
.assigning-checkboxes label {
	margin-right: 10px;
	background-color: rgba(250, 250, 250, 0.3);
	border-radius: 25px;
	margin-bottom: 1.2rem;
}
.assigning-checkboxes label span {
	text-align: center;
	display: block;
	padding: 8px 15px;
	border: 1px solid #eee;
	border-radius: 25px;
}
.assigning-checkboxes label input {
	position: absolute;
	top: -20px;
	display: none;
}
.assigning-checkboxes input:checked + span {
	background-color: #2ebf91;
	padding: 8px 15px;
	color: #fff;
	border: 1px solid #eee;
}
span[aria-labelledby="select2-storesDatatable_length-zh-container"] {
	width: 80px;
}
.daterange-blur > *:not(.daterangepicker) {
	filter: grayscale(0.8);
	transition: 0.1s linear all;
}
.daterangepicker-inputs {
	display: none;
}
.range_inputs {
	display: none;
}

.navSearchUl {
	list-style: none;
	padding: 8px 12px;
	background-color: #fff;
	transition: 0.2s linear all;
}
.navSearchUl li {
	padding: 12px;
	border-radius: 4px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.navSearchUl li:hover {
	background-color: #f7f8fb;
	cursor: pointer;
	transition: 0.2s linear all;
}

.navSearchUl--hover li {
	padding: 12px;
	border-radius: 4px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #f7f8fb;
}

.navSearchUl--hover li:hover {
	background-color: #f5f5f5;
	cursor: pointer;
	transition: 0.2s linear all;
}

.text-truncate-custom-width {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-truncate-220 {
	width: 220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-truncate-300 {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-drag {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

.scroll-x {
	overflow: auto;
	white-space: nowrap;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.scroll-x::-webkit-scrollbar {
	width: 0;
	height: 0;
}

@media (min-width: 1025px) and (max-width: 1280px) {
	.promo-sliders-view-block {
		width: calc(100% - 270px);
	}
}
.nav-zone-selection .select2-selection--single:not([class*="bg-"]):not([class*="border-"]) {
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.2);
}
.nav-zone-selection .select2-selection--single:not([class*="bg-"]) {
	width: 200px;
	margin-top: 0.4rem;
	background-color: transparent;
	color: #fff;
}

.assigning-checkboxes label {
	margin-right: 10px;
	background-color: rgba(250, 250, 250, 0.3);
	border-radius: 8px;
	margin-bottom: 1.2rem;
}
.assigning-checkboxes label:hover {
	cursor: pointer;
}
.assigning-checkboxes label span {
	text-align: center;
	display: block;
	padding: 4px 7.5px;
	border: 1px solid #e0e0e0;
	border-radius: 25px;
}
.assigning-checkboxes label input {
	position: absolute;
	top: -20px;
	display: none;
}
.assigning-checkboxes input:checked + span {
	background-color: #2ebf91;
	padding: 8px 15px;
	color: #fff;
	border: 1px solid #e0e0e0;
}

.manager-nav-role {
	height: 2.4rem;
	border-color: transparent;
	background-color: rgba(0, 0, 0, 0.2);
	margin-top: 5px;
	min-width: 120px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
}

.modal-content {
	background-color: #fafafa;
}
.modal-header {
	padding: 15px 25px !important;
	background-color: #f5f5f5;
}
.modal-body label {
	font-weight: bold;
	text-align: right;
	font-size: 13.3px;
}
@media (min-width: 320px) and (max-width: 767px) {
	.modal-body label {
		text-align: left;
	}
}

.form-group.row {
	align-items: center !important;
}

.navbar-nav-link {
	display: flex;
	align-items: center;
}

@media (min-width: 1200px) {
	.container {
		max-width: 95%;
	}
}

.div-celebration {
	background-repeat: repeat-x;
	background-position: top -10px center;
	background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='6' height='10'/%3E%3Crect x='84' y='0' width='6' height='10'/%3E%3Crect x='126' y='0' width='5' height='13'/%3E%3Crect x='168' y='0' width='5' height='13'/%3E%3Crect x='210' y='0' width='6' height='10'/%3E%3Crect x='252' y='0' width='5' height='13'/%3E%3Crect x='294' y='0' width='6' height='10'/%3E%3Crect x='336' y='0' width='5' height='13'/%3E%3Crect x='378' y='0' width='5' height='13'/%3E%3Crect x='420' y='0' width='6' height='10'/%3E%3Crect x='462' y='0' width='6' height='10'/%3E%3Crect x='504' y='0' width='5' height='13'/%3E%3Crect x='546' y='0' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E");
}

#filledTodoNotes {
	list-style: none;
	padding: 0px;
}
#filledTodoNotes li {
	padding: 12px;
}
#filledTodoNotes li:not(:last-child) {
	border-bottom: 1px solid #ebe9f1;
}
.deleteTodoNote {
	float: right;
}

input#todo_data {
	border: 0;
	width: 100%;
	background-color: #f7f8fb;
	border-radius: 5px;
	height: 2.5rem;
	padding: 10px;
}

input#todo_data:focus-visible {
	outline: none;
}

.todoSingleLi > .deleteTodoNote {
	visibility: hidden;
}
.todoSingleLi:hover > .deleteTodoNote {
	visibility: visible;
}
.todoSingleLi > div {
	line-break: anywhere;
}
.dashboard-drag-toggle {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #fefefe;
	box-shadow: 0 3px 16px 3px rgb(235 231 242);
	height: 50px;
	width: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.my-handle {
	cursor: move;
	cursor: -webkit-grabbing;
}

.eagleViewSingleOngoingOrder:not(:last-child) {
	border-bottom: 1px solid #ebe9f1;
}
.eagleViewSingleOngoingOrder:hover > a {
	color: #8360c3 !important;
}

.ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #cccccc;
	bottom: 28px;
	left: -47px;
	width: fit-content;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
}

.ol-popup:after,
.ol-popup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ol-popup:after {
	border-top-color: white;
	border-width: 10px;
	left: 48px;
	margin-left: -10px;
}

.ol-popup:before {
	border-top-color: #cccccc;
	border-width: 11px;
	left: 48px;
	margin-left: -11px;
}

.blink-soft {
	animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}


.bannerButton {
	padding: 0.5rem 2rem;
	background-color: #fff;
	color: #293a50;
	font-weight: 500;
	border-radius: 4px;
	transition: 0.2s linear all;
}

.bannerButton:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.18);
	transition: 0.2s linear all;
}

.newsViewBannerBlock {
	background: linear-gradient(to right, #f29492, #f5af19);
	color: #fff;
	border-radius: 8px;
	position: fixed;
	bottom: 0;
	right: 10px;
	z-index: 9999;
	width: fit-content;
	box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 15%);
}

@media (min-width: 320px) and (max-width: 767px) {
	.newsViewBannerBlock {
		width: calc(100% - 20px);
		margin: 0 auto;
	}
}

.newsViewButton {
	text-align: center;
	width: 120px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid #fff;
	padding: 4px;
	margin-top: 5px;
	color: #fff;
	border-radius: 3px;
	margin-top: 22px;
	font-weight: 500;
	transition: 0.2s linear all;
}

.newsViewButton:hover {
	cursor: pointer;
	background: rgba(255, 255, 255, 0.35);
	transition: 0.2s linear all;
}

.newsViewBannerBlock img {
	width: 95px;
	border-radius: 4px;
	box-shadow: 0px 4px 6px 4px rgb(0 0 0 / 8%);
	transition: 0.2s linear all;
}

/* ── Store Owner Bottom Navigation (mobile) ── */
.so-bottom-nav {
	display: none;
	position: fixed;
	bottom: 7px;
	left: 2.5%;
	z-index: 1050;
	background-color: #fff;
	border-radius: 0.6rem;
	box-shadow: 0px 2px 25px 12px rgba(0, 0, 0, 0.09);
	justify-content: space-around;
	align-items: center;
	width: 95%;
	padding: 8px 0;
	padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
}
@media (max-width: 768px) {
	.so-bottom-nav {
		display: inline-flex;
	}
	body.has-bottom-nav {
		padding-bottom: 80px;
	}
	body.has-bottom-nav .navbar.navbar-expand-md.navbar-light.navbar-sticky {
		display: none !important;
	}
	body.has-bottom-nav .content,
	body.has-bottom-nav .page-content {
		padding-bottom: 80px;
	}
	body.has-bottom-nav .modal-content {
		margin-bottom: 80px;
	}
}
.so-bottom-nav__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 4px 4px 2px;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	transition: color 0.2s;
	-webkit-tap-highlight-color: transparent;
}
.so-bottom-nav__item svg {
	margin-bottom: 2px;
}
.so-bottom-nav__item--active {
	color: #8e1841;
	font-weight: 600;
}
.so-bottom-nav__item:hover,
.so-bottom-nav__item:focus {
	color: #8e1841;
	text-decoration: none;
}

/* ── Store Owner Navbar Color ── */
body.has-bottom-nav .navbar-dark,
.has-bottom-nav .navbar-dark {
	background: #8e1841 !important;
}

/* ── Store Status Toggle Card (dashboard) ── */
.so-status-card {
	background: #fff;
	border-radius: 12px;
	padding: 16px 20px;
	margin-bottom: 16px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	border: 1px solid #f0f0f0;
}
.so-status-card__header {
	font-size: 1.2em;
	font-weight: 700;
	color: #333;
	margin-bottom: 12px;
}
.so-status-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}
.so-status-row + .so-status-row {
	border-top: 1px solid #f5f5f5;
}
.so-status-row__name {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.so-status-row__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.so-status-row__badge .dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
}
.so-status-row__badge .dot--open { background: #22c55e; }
.so-status-row__badge .dot--closed { background: #ef4444; }
.so-status-row__badge span {
	font-size: 13px;
	font-weight: 700;
}
.so-toggle-switch {
	position: relative;
	width: 48px;
	height: 26px;
	display: inline-block;
}
.so-toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.so-toggle-switch__slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background: #ccc;
	border-radius: 26px;
	transition: 0.3s;
}
.so-toggle-switch__slider::before {
	content: '';
	position: absolute;
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background: #fff;
	border-radius: 50%;
	transition: 0.3s;
}
.so-toggle-switch input:checked + .so-toggle-switch__slider {
	background: #8e1841;
}
.so-toggle-switch input:checked + .so-toggle-switch__slider::before {
	transform: translateX(22px);
}

/* ── Store Owner Summary Pills (Resumen de Hoy) ── */
.so-summary-pill {
	flex: 1;
	background: #fafafa;
	border: 1px solid #f0f0f0;
	border-radius: 10px;
	padding: 10px 8px;
	text-align: center;
}
.so-summary-pill__value {
	font-size: 20px;
	font-weight: 800;
	color: #333;
	line-height: 1.2;
}
.so-summary-pill__label {
	font-size: 10px;
	color: #999;
	margin-top: 2px;
	font-weight: 500;
}

/* ── Store Owner Realtime Orders ── */
.so-realtime-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #f5f5f5;
	font-size: 14px;
}
.so-realtime-row:last-child {
	border-bottom: none;
}
.so-realtime-time {
	font-weight: 700;
	color: #333;
	min-width: 40px;
}
.so-realtime-id {
	font-weight: 600;
	color: #8e1841;
}
.so-realtime-status {
	margin-left: auto;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
	border-radius: 100px;
	white-space: nowrap;
}
.so-realtime-status--1,
.so-realtime-status--10 {
	background: rgba(59,130,246,0.1);
	color: #1e40af;
}
.so-realtime-status--2,
.so-realtime-status--11 {
	background: rgba(245,158,11,0.1);
	color: #92400e;
}
.so-realtime-status--3 {
	background: rgba(139,92,246,0.1);
	color: #5b21b6;
}
.so-realtime-status--4 {
	background: rgba(249,115,22,0.1);
	color: #9a3412;
}
.so-realtime-status--5 {
	background: rgba(5,150,105,0.1);
	color: #065f46;
}
.so-realtime-status--7 {
	background: rgba(16,185,129,0.1);
	color: #047857;
}

/* ── Menu tabs (Alimentos | Categorías | Extras) ── */
.so-menu-tabs {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	background: #f9fafb;
	border-bottom: 1px solid #e5e7eb;
}
.so-menu-tab {
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 0.95rem;
	font-weight: 600;
	color: #374151;
	text-decoration: none;
	transition: all 0.2s;
}
.so-menu-tab:hover {
	color: #8e1841;
	text-decoration: none;
}
.so-menu-tab.active {
	background: #8e1841;
	color: #fff;
}
.so-menu-tab-sep {
	color: #d1d5db;
	font-weight: 300;
}

/* ── FAB (Floating Action Button) ── */
.so-fab-btn {
	position: fixed;
	bottom: 90px;
	right: 20px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #8e1841;
	color: #fff;
	border: none;
	box-shadow: 0 4px 16px rgba(142,24,65,0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99;
	transition: transform 0.2s, box-shadow 0.2s;
}
.so-fab-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 24px rgba(142,24,65,0.45);
}
.so-fab-btn:active {
	transform: scale(0.95);
}
/* ══ Order Tabs ══ */
.so-order-tab {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 12px;
	border: 1.5px solid #e5e7eb;
	background: #fff;
	font-size: 0.88rem;
	font-weight: 600;
	color: #6b7280;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s;
}
.so-order-tab--active {
	background: #8e1841;
	color: #fff;
	border-color: #8e1841;
}
.so-order-tab__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #ef4444;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	padding: 0 5px;
}
.so-order-tab--active .so-order-tab__badge {
	background: rgba(255,255,255,0.3);
}
/* ══ Zen Mode ══ */
body.zen-mode .navbar,
body.zen-mode .so-bottom-nav,
body.zen-mode .navbar-light {
	display: none !important;
}
body.zen-mode .content {
	padding-top: 8px !important;
}
body.zen-mode .so-fab-btn {
	bottom: 16px !important;
}

/* ── Select2: brand color override ── */
.select2-results__option--highlighted {
	background-color: #8e1841 !important;
	color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #8e1841 !important;
	color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: rgba(142, 24, 65, 0.08) !important;
	color: #8e1841 !important;
}