.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: 50%;
	background-color: #02b875;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 32px;
	height: 32px;
	font-size: 12px;
	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;
}
.recent-order-card,
.new-users {
	background-color: #fff;
	border-radius: 6px;
	transition: 0.18s linear all;
}
.recent-order-card > a,
.new-users > a {
	color: #2d3748;
}
.recent-order-card:hover,
.new-users:hover {
	transition: 0.18s linear all;
	transform: translateY(-3px);
}
.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;
}
.foodomaa-helper-docs-btn {
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
}
.foodomaa-helper-docs {
	position: fixed;
	right: 0;
	top: 0;
	height: 100vh;
	background-color: #fff;
	width: 0;
	transition: 0.2s linear all;
	overflow-x: hidden;
	overflow-y: scroll;
}
.foodomaa-helper-docs .active {
	width: 30%;
	box-shadow: -250px 0px 100px 100px rgb(40 64 85 / 20%);
	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;
}