:root{
	--primary-cariton-color: #13131A;
	--transparent-primary-cariton-color: #13131a17;
	--secondary-cariton-color:#D3AD7F;
	--light-cariton-color: #FBFCFF;
	--dark-cariton-color: #211F1F;
  
	--secondary-dark-cariton-color: #515151;
	--success-cariton-color: #008000;
	
	--page-bg-cariton-color: #F8F8F8;
  }

.h4.icon_text {
	color: #212121;
	font-size: 32px;
	font-weight: 700 !important;
	line-height: 130% !important;
	letter-spacing: -0.64px !important;
	margin: 0 !important;
}
.header-banner{
    margin-bottom: 20px;
}
 
@media screen and (max-width: 991px) {
    .header-banner{
        padding: 0 16px !important;
    }
}
.login_text {
	color: var(--light-cariton-color);
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1.44px;
}

.login_text_sub {
	color: var(--light-cariton-color);
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: inherit;
  text-align: center;
	/* 62.5% */
	letter-spacing: 1.44px;
}

.special-text {
	color: var(--light-cariton-color);
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 15px;
	letter-spacing: 1.44px;
}

.reserved-text {
	color: #FBFCFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	/* 207.143% */
	letter-spacing: 0.28px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px; /* 207.143% */
  letter-spacing: 0.28px;
}

.pass-sent-text {
  color: var(--dark-cariton-color);
  font-size: 19px;
  font-style: normal;
  font-weight: 300;
  line-height: 38px; /* 200% */
  letter-spacing: 0.76px;
}

.login-style {
	border-radius: 4px;
	background: #FBFCFF;
	box-shadow: 0px 2px 29px 0px rgba(48, 50, 51, 0.08);
	border: none !important;
	user-select: none;
}


.emercado-button.btn-orange.disc-btn{
	font-size: 13px;
    font-weight: 400;
    padding: 8px 10px;
	border: 1px solid #D8DADF !important;
	background: none !important;
	border-radius: 8px !important;
    white-space: nowrap;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.emercado-button.btn-orange.disc-btn:hover,
.emercado-button.btn-orange.disc-btn.active {
	border-color: #F5B553;
	background: #F5B553 !important;
	color: var(--dark-cariton-color) !important;
	font-weight: 500;
}
.modal-open {
	overflow: hidden !important;
}

li.breadcrumb-item.active {
	color: var(--primary-cariton-color);
}

input:-webkit-autofill {
	background-image: none !important;
	background-color: transparent !important;
	color: inherit !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

input:-moz-autofill {
	background-image: none !important;
	background-color: transparent !important;
	color: inherit !important;
}

.form-group.edit {
	position: relative;
}

.form-group {
	margin-bottom: 0 !important;
}

.form-group.edit input {
	width: 100%;
	padding: 20px;
	transition: border-color 0.3s ease;
	background: #fbfcff;
	color: rgba(33, 31, 31, 0.76);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.56px;
	border-radius: 8px;
	border: 1px solid rgba(33, 31, 31, 0.76);
}

.form-group.edit label {
	color: rgba(33, 31, 31, 0.76);
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 38px;
	/* 200% */
	letter-spacing: 0.76px;
	position: absolute;
	left: 12px;
	top: 12px;
	transition: top 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}

.form-group.edit input:focus {
	border: 2px solid #1FA5FF;
	outline: none;
}

.form-group.edit input:focus+label,
.form-group.edit input:not(:placeholder-shown)+label {
	top: -18px;
	font-size: 12px;
	color: #1FA5FF;
	background-color: #fbfcff;
	padding: 0 4px;
	border-radius: 4px;
	left: 8px;
	font-weight: 400;
}

.text-forget-pass, .text-login-merchant {
	color: #1FA5FF;
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 46px;
	/* 328.571% */
	letter-spacing: 0.28px;
}

a.text-forget-pass:hover,
a.text-forget-pass:focus {
	color: #1FA5FF !important;
}

.text-sign-up {
	color: rgba(33, 31, 31, 0.76);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 46px;
	/* 328.571% */
	letter-spacing: 0.28px;
}

.text-login-using {
	color: rgba(33, 31, 31, 0.76);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 46px;
	letter-spacing: 0.28px;
}

.text-empty-icon {
	color: rgba(88, 88, 88, 0.86);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	/* 150% */
	letter-spacing: 0.96px;
}

.place_order {
	border-radius: 11px;
	background: var(--primary-cariton-color);
	color: #FBFCFF;
	padding: 14px 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-red {
	color: #990011;
	font-family: "Poppins", sans-serif !important;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.28px;
}

.border_bottom_dashed {
	border-bottom: 0.5px rgb(177 176 174 / 41%) dashed !important;
}

* {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border: none;
	text-decoration: none;
	text-transform: inherit;
	/* transition:all .2s linear; */
}

.category_md .text-secondary {
	cursor: not-allowed;
}

button.pagination-number-2, button.pagination-number-1 {
	font-size: 13px !important;
	font-weight: 600 !important;
}

div#pagination-numbers-1,
div#pagination-numbers-2 {
	display: flex;
	gap: 8px;
}

button.pagination-number-1 {
	border: 1px solid transparent !important;
	background-color: initial !important;
}

button.pagination-number-2 {
	border-radius: 8px;
	width: 32px;
	height: 32px;
	padding: 6px;
	border-radius: 8px;
	border: 1px solid #F1F1F1;
	background: #FAFAFA;
}

.disabled-button {
	color: #ccc !important;
	cursor: not-allowed;
}

/* Add your custom CSS styles for focusing on the pagination content */
@keyframes focusOnContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.paginated-content {
	/* Set the transition property for the paginated content */
	transition: opacity 0.3s ease-out;
}

/* button#pagination-btn-prev-2, button#pagination-btn-next-2:hover, button#pagination-btn-prev-1, button#pagination-btn-next-1:hover {
  background-color: initial !important;
  color: var(--dark-cariton-color) !important;
} */

button.pagination-number-2.active,
button.pagination-number-1.active {
	color: #FFF !important;
	background: #2F88FF !important;
	border-color: transparent !important;
}

button.pagination-number-2.active,
button.pagination-number-1.active:focus {
	box-shadow: none !important;
}

.pagination-button {
	font-size: 13px!important;
	font-weight: 600 !important;
}

.button.pagination-number-1,
.button.pagination-number-2:hover {
	border-bottom: 1px solid var(--dark-cariton-color) !important;
	color: var(--dark-cariton-color) !important;
}

.button.pagination-number-1,
.button.pagination-number-2:focus {
	border-bottom: 1px solid var(--dark-cariton-color) !important;
	color: var(--dark-cariton-color) !important;
}


button#pagination-btn-prev-2,
button#pagination-btn-next-2,
button#pagination-btn-prev-1,
button#pagination-btn-next-1 {
	margin: 0 10px 0 !important;
	background-color: initial !important;
}

.button-effect {
	border: 1px solid var(--dark-cariton-color) !important;
	color: var(--dark-cariton-color) !important;
	background-color: var(--light-cariton-color);
	transition: all .3s ease-in-out;
}

.button-effect:hover,
.button-effect:focus {
	scale: 1;
	transition: all .3s ease-in-out;
	border: calc(100vw * 1/1440) solid var(--light-cariton-color);
	background-color: var(--dark-cariton-color) !important;
	border: 1px solid var(--dark-cariton-color) !important;
	color: var(--light-cariton-color);
}

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


.fa {
	font: normal normal normal 14px/1 FontAwesome;
}

ol.breadcrumb.bg-white {
	background-color: var(--light-cariton-color);
}

.breadcrumb.bg-white {
	background-color: var(--light-cariton-color);
}

.t-dropdown-block {
	width: 200px;
	height: 28px;
	position: relative
}

.t-dropdown-list {
	display: none;
	background-color: var(--light-cariton-color);
	border: 1px solid #DDD;
	z-index: 10;
	box-shadow: 4px 4px 5px rgba(0, 0, 0, .3);
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	position: absolute;
	margin-top: 10px;
}

.t-dropdown-item {
	padding: 5px 20px;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
}

.t-dropdown-title {
	padding: 5px 20px;
	margin: 0;
	cursor: pointer;
	background-color: #e2e2e2b5;
}

.t-dropdown-item:hover {
	background-color: #F1F1F1;
}

.t-dropdown-select {
	border: 1px solid #DDD;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	background-color: var(--light-cariton-color);
	box-sizing: content-box;
}

.t-dropdown-select:active {
	border-color: var(--primary-cariton-color) !important;
	outline: 0;
	box-shadow: 0 0 0 0.25rem var(--primary-cariton-color)30 !important;
}

.t-dropdown-select:focus {
	border-color: var(--primary-cariton-color) !important;
	box-shadow: 0 0 0 0.25rem var(--primary-cariton-color)30 !important;
}

.t-dropdown-input {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	border: 0;
	height: 100%;
	width: 100%;
	padding: 0 3px 0 10px;
	box-sizing: border-box;
}

.t-select-btn {
	background-image: url(https://cdn4.iconfinder.com/data/icons/ui-indicatives/100/Indicatives-26-128.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 7px 7px;
	position: absolute;
	width: 30px;
	top: 0;
	right: 0;
	height: 100%;
	border-left: 1px solid #DDD;
}

.t-select-btn:active {
	background-color: #F1F1F1;
}

header,
main {
	position: relative !important;
}


.hero-container .store_container {
	padding-top: 25px;
}

.name {
	color: var(--light-cariton-color);
	text-transform: capitalize;
}

.store_product_name {
	font-size: 15px;
	color: #393c45;
	font-weight: 700;
}

.store_product_price {
	color: var(--dark-cariton-color);
	font-size: 22px;
	font-weight: 600;
}

/* .store_sidebar {
	border-right: 1px solid #eee;
} */

.store_sidebar h4 {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 14px;
}

.store_sidebar p {
	margin: 0;
	color: #676a74;
	font-size: 12px;
}

.store_sidebar .table-number-container {
	background-color: #13131A;
	padding: 30px 0;

}

.table-number-container .table-number {
	color: var(--light-cariton-color);
	font-weight: 700;
	letter-spacing: 1px;
}

.store_sidebar .rounded-3 {
	height: 100px !important;
	object-fit: contain;
	width: 100%;
}

.store_sidebar .order_price {
	color: var(--primary-cariton-color) !important;
	font-size: 14px;
	font-weight: 500;
}

.store_sidebar .checkout_btn,
.checkout_btn {
	cursor: pointer;
	border-radius: 3px;
	border: 2px solid var(--primary-cariton-color);
	font-size: 13px;
	font-weight: 700;
	padding: 3px 9px;
	color: var(--primary-cariton-color);
	height: 40px !important;
	background-color: transparent;
}

button.emercado-button {
	font-size: 13px;
	font-weight: 700;
	padding: 8px 10px;
	background: var(--dark-cariton-color);
	white-space: nowrap;
}

.store_sidebar .no_items_in_cart {
	font-style: italic;
	color: #a0a3ab;
	font-size: 14px;
	letter-spacing: 1px;
}

#pagination-numbers-2 {
	overflow: auto;
}

.heading {
	text-align: center;
	padding-bottom: 2rem;
	color: var(--text-color-1);
	font-size: 4rem;
}


.heading span {
	position: relative;
	z-index: 0;
}


.heading span::before {
	content: '';
	position: absolute;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	clip-path: polygon(0 90%, 100% 83%, 100% 100%, 0% 100%);
}


.btn .btn-primary,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: none;
	outline: 0px auto -webkit-focus-ring-color !important;
	outline-offset: -2px;
}


.btn-primary:focus {
	color: var(--light-cariton-color);
	background-color: var(--dark-cariton-color);
}


.btn-primary:hover {
	color: var(--light-cariton-color);
	background-color: #5c19da;
}


.btn .btn-primary,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
	background-color: #212121 !important;
	border-color: transparent !important;
}


.btn-primary {
	color: var(--light-cariton-color);
	background-color: none;
	border-color: var(--dark-cariton-color);
}


a.checkout-btn {
	display: inline-block;
	padding: 6px 12px !important;
	/* margin-bottom: 0 !important; */
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.42857143 !important;
	text-align: center !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	-ms-touch-action: manipulation !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
}

button.checkout-btn {
	display: inline-block;
	padding: 6px 12px !important;
	/* margin-bottom: 0 !important; */
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.42857143 !important;
	text-align: center !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	-ms-touch-action: manipulation !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
	border-radius: 3px !important;
}


button.set-btn {
	padding: 6px 12px !important;
	/* margin-bottom: 0 !important; */
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.42857143 !important;
	text-align: center !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
	-ms-touch-action: manipulation !important;
	touch-action: manipulation !important;
	cursor: pointer !important;
	border: 1px solid transparent !important;
	border-radius: 4px !important;

}

/* For Erase */
a.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: var(--dark-cariton-color);
	color: var(--light-cariton-color);
}

/* For Erase */


a.btnn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #dc3545;
	color: var(--light-cariton-color);
}

a.btnn:hover {
	color: var(--light-cariton-color);
	background-color: #c82333;
}

a.btnn.btns:hover {
	background-color: var(--dark-cariton-color) !important;
	color: white !important;
}


a.btn.btns:hover {
	background-color: var(--dark-cariton-color) !important;
	color: white !important;
}


a.btn:hover,a.btn:focus-visible {
	color: var(--light-cariton-color) !important;
	background-color: var(--primary-cariton-color) !important;
}


button.btn.btn-secondary:hover {
	color: white !important;
}


i.fa.fa-map-marker {
	color: #FE294D;
	background: var(--light-cariton-color);
	padding: 4px 5px;
	border-radius: 5px;
}


/* ----------------------- */
/* ------------------- */

i#theme-btn {
	font-size: 2rem;
	color: var(--text-color-1);
	padding: 5px;
	margin-right: 14px;
}


i#menu-btn {
	font-size: 2rem;
	color: var(--text-color-1);
	padding: 5px;
	cursor: pointer;
}


.header {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #FFF;
	box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.06);
}
.box-holder {
	border-radius: 6px;
	background: #FFF;
	box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.06);
}
.header_profile {
	object-fit: cover;
}

.head-tag {
	color: #212121;
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	letter-spacing: -0.52px;
}

.header_landing {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	z-index: 999 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-moz-transition: background-color .4s ease-in-out !important;
	-webkit-transition: background-color .4s ease-in-out !important;
	transition: background-color .4s ease-in-out !important;
	background-color: #FFF;
}

.text_checkout {
	font-family: 'Poppins', sans-serif;
	margin-left: -3px;
	font-size: 25px;
	font-weight: 600;
}

.emercado_transparent_background {
	background-color: #FFF;
}

.cheqout_half_transparent {
	background-color: #FFF;
}

.emercado_gradient_background {
	background-color: var(--dark-cariton-color) !important;
}

.emercado_black_background_50 {
	background: rgb(0 0 0 / 50%) !important;
}


.emercado_a_hover_background_color:hover {
	background: var(--dark-cariton-color) !important;
	color: var(--light-cariton-color);
}

.cheqout_a_hover_landing_bg:hover {
	background-image: linear-gradient(to top, rgba(255, 0, 0, 0), var(--dark-cariton-color)) !important;
	color: var(--light-cariton-color);
}

.hover-underline-animation {
	display: inline-block;
	position: relative;
}

.hover-underline-animation:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: var(--light-cariton-color);
	transform-origin: bottom center;
	transition: transform 0.25s ease-out;
}

.cheqout_settings .container-lg .cheqout_a_hover_landing_bg:hover .hover-underline-animation:after {
	transform: scaleX(1);
	transform-origin: bottom center;
}

.header .logo {
	font-size: 2.5rem;
	color: var(--light-cariton-color);
}

section {
	padding: 0;
}

.page-title {
	padding-top: 20px;
}

.header .search-form {
	background: var(--light-cariton-color);
	border-radius: .5rem;
	display: flex;
	align-items: center;
	height: 4.5rem;
	width: 50vh;
}


#searchBox_dropdwn {
	background: var(--light-cariton-color);
	top: 16px !important;
	display: flex !important;
	width: 100% !important;
	animation: fadeIn ease-in 0.2s !important;
	border-radius: 0px;
}


.search-form-dropdown {
	display: none;
}


.header .search-form input {
	height: 100%;
	width: 100%;
	background: none;
	text-transform: none;
	font-size: 14px;
	color: var(--text-color-1);
	padding: 1rem;
}


.header .search-form label {
	font-size: 2rem;
	margin-right: 14px;
	color: var(--text-color-1);
	cursor: pointer;
}


.header .search-form label:hover {
	color: var(--orange);
}


.header .icons div {
	/* width:2.5rem; */
	line-height: 4.5rem;
	font-size: 2rem;
	border-radius: .5rem;
	margin-left: 14px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
}


#search-btn {
	display: none;
}


.header .navbar {
	position: absolute;
	top: 115%;
	right: 1%;
	background: var(--bg-color-1);
	border-radius: .5rem;
	box-shadow: var(--box-shadow);
	width: 20rem;
	transform: scale(0);
	transform-origin: top right;
	background-color: var(--light-cariton-color);
}


.header .navbar::after {
	content: "";
	border-width: 9px 10px;
	border-style: solid;
	border-color: transparent transparent var(--white-color) transparent;
	position: absolute;
	right: 2rem;
	top: -8px;
	transform: rotate(45deg);
	color: var(--light-cariton-color);
	cursor: pointer;
}


.header .navbar.active {
	transform: scale(1);
}


.header .navbar a {
	display: block;
	margin: 0rem;
	padding: 1rem;
	font-size: 14px;
	color: var(--text-color-1);
	border-radius: .5rem;
	text-decoration: none
}


.header .navbar a:hover {
	color: var(--dark-cariton-color);
}


/* media queries  */
/* @media (max-width:991px){
  html{
      font-size: 55%;
  }


  .header{
      padding: 14px 2rem;
  }


  section{
      padding:1rem;
  }
} */


@media (max-width:768px) {
	.header .navbar {
		right: 2rem;
	}
	.header .login-form {
		right: 2rem;
	}
	#search-btn {
		display: inline-block;
	}
	.header .search-form {
		position: absolute;
		top: 115%;
		right: 2rem;
		background: var(--bg-color-1);
		border-radius: .5rem;
		width: 90%;
		box-shadow: var(--box-shadow);
		transform: scale(0);
		transform-origin: top right;
	}
}

@media screen and (min-width: 768px) {
	#search-btn {
		display: none !important;
	}

	.search-form-dropdown {
		display: none !important;
	}

	form#searchBox_dropdwn {
		display: none !important;
	}

	div#searchBox_dropdwn {
		display: none !important;
	}
}

/*
  @media (max-width:450px){


    html{
        font-size: 50%;
    }
    .contact form .inputBox input{
        width: 100%;
    }
  } */

/* QR Code Section */

.video-container {
	position: relative;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	overflow: hidden;
}

#preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#camera-feed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(3px);
}

.qr-code-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70%;
	height: 70%;
	max-width: 500px;
	max-height: 500px;
	overflow: hidden;
	z-index: 1;
}

#qrCodeFrame {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	animation: scanAnimation 2s infinite linear;
}

.corner-edge {
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: transparent;
	border: 4px solid var(--dark-cariton-color);
}

.corner-edge.top-left {
	top: 0;
	left: 0;
	border-bottom: none;
	border-right: none;
}

.corner-edge.top-right {
	top: 0;
	right: 0;
	border-bottom: none;
	border-left: none;
}

.corner-edge.bottom-left {
	bottom: 0;
	left: 0;
	border-top: none;
	border-right: none;
}

.corner-edge.bottom-right {
	bottom: 0;
	right: 0;
	border-top: none;
	border-left: none;
}

.qr-code-text {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	color: var(--dark-cariton-color);
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 14px;
}

.prevent-select {
	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */
}

.wrappers {
	position: relative;
	border-radius: 7px;
	background: var(--dark-cariton-color);
	padding: 10px;
	transition: height 0.2s ease;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	margin: 0 !important;
	top: 50%;
}

.wrappers.active {
	height: 100px;
}

img#qrCodeImage {
	display: none;
	max-width: 100px;
}

.wrappers form {
	display: flex;
	cursor: pointer;
	user-select: none;
	text-align: center;
	border-radius: 7px;
	background: var(--light-cariton-color);
	align-items: center;
	justify-content: center;
	transition: height 0.2s ease;
}

.wrappers.active form {
	height: 80px;
	pointer-events: none;
}

.wrappers.active form img {
	display: block;
}

.wrappers.active form .content {
	display: none;
}

form .content i {
	color: var(--dark-cariton-color);
	/* font-size: 10px; */
}

form .content p {
	color: var(--dark-cariton-color);
	margin-top: 1px;
	/* font-size: 10px; */
}

/* End QR Code */
.footer-title {
	color: var(--dark-cariton-color);
	font-weight: 900;
	font-family: 'Poppins', sans-serif;
	font-size: calc(8px + 100vw * 8/1906);
}

.footer-option {
	color: var(--dark-cariton-color);
	font-size: calc(7px + 100vw * 7/1906);
}

.footer_img {
	max-width: 30px;
}

.iconSocialMedia_img {
	max-width: 30px;
}

.home {
	display: flex;
	overflow: scroll;
	grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
	gap: 1.5rem;
}

.home .image {
	flex: 1 1 15rem;
	padding-right: 0rem;
}

.home .image img {
	width: 100%;
}

.home .content {
	flex: 1 1 15rem;
	padding-left: 0rem;
}

.home .content h3 {
	color: var(--text-color-1);
	font-size: 4rem;
}

.home .content p {
	color: var(--text-color-2);
	font-size: 1.7rem;
	line-height: 1.7;
	padding: 1rem 0;
}


/* badge */
.icon-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #333333;
	background: #dddddd;
	border: none;
	outline: none;
	border-radius: 50%;
}


.icon-button:hover {
	cursor: pointer;
}


.icon-button:active {
	background: #cccccc;
}


.icon-button__badge {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 25px;
	height: 25px;
	background: red;
	color: var(--light-cariton-color);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}


hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid rgb(0, 0, 0);
}


/* image sa card */
img.card-img-top {
	width: 100%;
	height: 25rem !important;
}


.dropdown-divider {
	height: 0;
	margin: 0px !important;
	overflow: hidden;
	border-top: 1px solid #eaecf4 !important;
}


.row .stall .store .image>h6 {
	position: absolute;
	top: 3.5rem;
	left: 2.3rem;
	color: var(--light-cariton-color);
	background: rgba(0, 0, 0, .5);
	border-radius: .5rem;
	font-weight: lighter;
	padding: .5rem 14px;
}


.row .stall .store .image .a img {
	border-radius: 10%;
	width: 100%;
	min-width: -moz-available;
	min-width: -webkit-fill-available;
	width: fill-available;
	box-shadow: 0 2rem 2rem rgba(0, 0, 0, .175) !important;
}


.back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 0;
	z-index: 1000;
	background: var(--light-cariton-color);
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
}


.back-to-top i {
	font-size: 28px;
	color: var(--primary-cariton-color);
	line-height: 0;
}


.back-to-top:hover {
	background: var(--primary-cariton-color)d6;
	color: var(--light-cariton-color);
}


.span.d-none.d-lg-inline.text-white {
	padding-left: 10px !important;
}


.product_badge {
	font-size: 14px;
    font-weight: 700;
    color: #F5B451 !important;
	background-color: var(--light-cariton-color);
    border-radius: 50%;
    position: absolute;
    right: -6px;
    top: -10px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
	z-index: 4;
}

.product_badge:empty {
    display: none;
}
.wishlist-desktop{
	display: block;
}
@media (max-width: 575px) {
	.product-badge-mobile{
		display: flex;
		flex-direction: column;
		position: absolute;
		z-index: 4;
		left: 9px;
		top: 15px;
		gap: 12px;
	}
	.product-order-mobile, .product-price-mobile{
		background: #F5B451;
		display: flex;
		gap: 4px;
		padding: 4px 6px;
		width: fit-content;
		border-radius: 20px;
	}
	.product-order-mobile p,span, .product-price-mobile p,span{
		/* font-size: 12px; */
		font-style: normal;
		font-weight: 500;
		line-height: 140%;
		letter-spacing: -0.12px;
	}
}

.box {
	border: 1px solid #ccc;
	position: relative;
	border-radius: 15px;
	transition: box-shadow 0.3s ease;
}
.col-6.col-sm-4.col-md-4.col-lg-3.mb-3.px-0.product_item {
	position: relative !important;
}

.box .image .product-container{
	padding-top: 10px;
}

@media (max-width: 575px) {
	.box .image .product-container{
		padding-top: 0 !important;
	}
	.header_logo.w-100 {
		height: 201px !important;
		object-fit: cover !important;
	}
}

.box:hover {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.store .box-container .box .image {
	height: 25rem;
	width: 100%;
	padding: 14px;
	position: relative;
}


.store .box-container .box .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10%;
}


.store .box-container .box:hover .image img {
	transform: scale(1.2);
}

.box:hover .image div .header_logo{
	transform: translateY(-5px);
}

.header_logo{
	object-fit: contain !important;
    transition: transform 0.2s ease;
}

.box:hover .image .button-holder_2 {
	background-color: var(--primary-cariton-color);
	border-radius: 0 0 14px 14px;
}

.box:hover .image .button-holder_2 button {
	color: #FBFCFF;
}

.box:hover .image .button-holder_1 {
	background-color: var(--primary-cariton-color);
}

.box:hover .image .button-holder_1 button {
	color: #FBFCFF;
}


.button-holder_1, .button-holder_2 {
    -webkit-transition: background-color 350ms linear;
    -moz-transition: background-color 350ms linear;
    -o-transition: background-color 350ms linear;
    -ms-transition: background-color 350ms linear;
    transition: background-color 350ms linear;
	border-radius: 0 0 14px 14px;
}

.product-name {
    color: #212121;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0.56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.5;
   
}
.product-price {
    color: #212121;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 10px;
    letter-spacing: 0.24px;
}

.product-name-mod {
	color: #212121 !important;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 130% !important; 
	letter-spacing: -0.52px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin-bottom: 0 0 8px;
	
}
.product-price-mod {
	color: #212121;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	line-height: 140%; 
	font-size: 16px;
	letter-spacing: -0.16px;
	margin-bottom: 0 0 8px;
}

.total-payment-mod {
	color: #212121;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%; 
	letter-spacing: -0.16px;
	text-align: start;
}

.emercado_color_4.product-total-price-mod {
	color: #212121;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.16px;
}

/* .button-holder_1:hover {
	border-radius: 10px;
	background-color: var(--primary-cariton-color);
}

.button-holder_2:hover {
	border-radius: 10px;
	background-color: var(--primary-cariton-color);
} */

.station_name1 {
    position: absolute;
    background: var(--secondary-cariton-color);
    top: 0;
    right: 0;
    font-style: italic;
    color: #FBFCFF !important;
	padding: 5px 10px;
    border-bottom-left-radius: 10px;
}

.station_name2 {
    position: absolute;
    background: var(--primary-cariton-color);
    top: 0;
    right: 0;
    font-style: italic;
    color: #FBFCFF !important;
	padding: 5px 10px;
    border-bottom-left-radius: 10px;
}

.station_name {
    position: absolute;
    top: 0;
    right: 0;
    font-style: italic;
	padding: 5px 10px;
    border-bottom-left-radius: 10px;
}


.store .box-container .box .image h3 {
	position: absolute;
	top: 2.5rem;
	left: 2.5rem;
	font-size: 2rem;
	color: var(--light-cariton-color);
	background: rgba(0, 0, 0, .5);
	border-radius: .5rem;
	font-weight: lighter;
	padding: .5rem 14px;
}


.store .box-container .box .content {
	padding: 14px;
	padding-top: 0;
}


.store .box-container .box .content p {
	font-size: 14px;
	padding: .5rem 0;
	color: var(--text-color-2);
	line-height: 1.7;
}


section.form-container.pt-2 {
	background: rgb(231 231 231 / 50%);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	padding: 2px 0;
	border-radius: 10px;
}


button.btn.btn-light {
	border-color: var(--dark-cariton-color);
	width: 210px;
	background-color: var(--dark-cariton-color);
	color: var(--light-cariton-color);
}


button.btn.btn-light:hover {
	background-color: var(--primary-cariton-color);
}

.box.emercado_item_box.test.active {
	border: 1px solid #F5B451 !important;
    border-radius: 8px !important;
}

.menus .box-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}


.menus .box-container .box:hover,
.emercado_category_hover:hover {
	border: 1px solid var(--dark-cariton-color) !important;
	box-shadow: var(--box-shadow);
	overflow: auto;
}

.menus .box-container .store_box:hover .shop_product_settings {
	opacity: 1 !important;
}

.menus .box-container .box {
	background: var(--bg-color-1);
	border-radius: .5rem;
}


.menus .box-container .box .image {
	height: 150px;
	width: 100%;
	position: relative;
	overflow: hidden;
}


.menus .box-container .box .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.menus .box-container .box .image h3 {
	top: 5px !important;
	right: 5px;
	margin: 0 !important;
	position: absolute;
	font-size: 10px;
	color: var(--light-cariton-color);
	background: #d7d7d780 !important;
	font-weight: lighter;
	padding: .5rem !important;
	text-transform: uppercase;
}

.menus .box-container .box .image .product_settings,
.product_settings,
.menus .box-container .box .image .shop_product_settings,
.shop_product_settings {
	margin: 0 !important;
	position: absolute;
	font-size: 14px;
	background: var(--dark-cariton-color)80 !important;
	width: 100%;
	font-weight: lighter;
	padding: 8px !important;
	bottom: 0px !important;
}

.menus .box-container .box .image .shop_product_settings,
.shop_product_settings {
	opacity: 0;
	transition: .5s ease;
}

.menus .box-container .box .image h3 i,
.store .box-container .box .image h3 i {
	color: #9400d3 !important;
	background: var(--light-cariton-color);
	padding: 5px;
	border-radius: 5px;
}


.menus .box-container .box .content {
	padding: 10px 10px 0;
}


.menus .box-container .box .content .price {
	font-weight: 600;
	color: var(--text-color-1);
	font-size: 2.5rem;
}


.menus .box-container .box .content .price span {
	font-weight: lighter;
	color: var(--text-color-2);
	font-size: 12px;
	text-decoration: line-through;
}


.menus .box-container .box .content p {
	font-size: 14px;
	padding: .5rem 0;
	color: var(--text-color-2);
	line-height: 1.7;
}

.ribbon1 {
	width: fit-content;
	padding: 2px 5px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	background: var(--dark-cariton-color) !important;
	color: var(--light-cariton-color);
	font-size: 12px !important;
}

.ribbon2 {
	position: absolute;
	bottom: 0px;
	right: 0;
}

.qr_code_image {
	height: 75px !important;
}

a.btn.menu {
	display: block;
}


/* POP UP ORDER */
@media (min-width: 768px) {
	.grid-divider {
		position: relative;
		padding: 0;
	}

	.grid-divider>[class*='col-'] {
		position: static;
	}

	.grid-divider>[class*='col-']:nth-child(n+2):before {
		content: "";
		border-left: 1px solid #DDD;
		position: absolute;
		top: 0;
		bottom: 0;
	}

	.col-padding {
		padding: 0 28px;
	}
}


section.form-container.pt-4 {
	background: var(--light-cariton-color);
	border-radius: 0.5rem;
	box-shadow: var(--box-shadow);
}


div.btn.btn-popup {
	background-color: var(--dark-cariton-color);
	display: inline;
	width: auto;
	margin: auto;
	width: 210px;
}


#carousel {
	display: -webkit-inline-box;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 0 auto 0 auto;
	width: -webkit-fill-available;
	height: fit-content;
	border: solid #F3E6FF 0.5px;
	color: var(--dark-cariton-color);
}


#carousel::-webkit-scrollbar {
	display: visible;
	/* Hide the scrollbar on Webkit based browsers (Chrome, Safari, etc) */
	-webkit-overflow-scrolling: touch;
	/* On touch screens the content continues to scroll for a while after finishing the scroll gesture */
}


.item .pad15>img {
	min-width: 120px;
	min-height: 10vh;
	margin: 15px;
	font-size: 5em;
	text-align: center;
	line-height: 300px;
	background-color: var(--light-cariton-color);
	border-radius: 7px;
	margin-top: auto;
}


.carousel .item .pad15 .badge {
	display: block;
	position: absolute;
	top: 140px;
	line-height: 16px;
	height: 16px;
	padding: 0 5px;
	font-family: 'Poppins', sans-serif;
	color: var(--light-cariton-color);
	text-shadow: 0 1px rgba(0, 0, 0, 0.25);
	border: 1px solid;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px var(--dark-cariton-color);
	box-shadow: inset 0 1pxvar(--dark-cariton-color);
}


.control-section {
	overflow: auto;
}


@media only screen and (max-width: 400px) {
	.sample_container.badge-default .e-btn-group {
		left: calc(50% - 111px);
	}

	.sample_container.badge-default #task {
		display: none;
	}
}


.sample_container.badge-default {
	max-width: 328px;
	margin: auto;
	margin-top: 130px;
}


.badge-default .e-btn {
	position: relative;
}


.badge-default .e-bigger .e-btn {
	padding: 3px 10px;
}


/* Group Button Customization */
.badge-default .e-btn-group {
	width: auto;
	position: relative;
	left: calc(50% - 164px);
}


.e-btn-group.e-custom-button {
	box-shadow: none;
}


.highcontrast .e-btn-group.e-custom-button .e-btn:focus {
	outline: 0px;
	color: var(--light-cariton-color);
}


.fabric .e-btn-group.e-custom-button .e-btn,
.material .e-btn-group.e-custom-button .e-btn,
.bootstrap .e-btn-group.e-custom-button .e-btn {
	background: #F6F7F9;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	text-transform: initial;
}


#update.e-btn {
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-right: 1px dotted #aaa;
	width: 100px;
}


#task.e-btn {
	border-right: 1px dotted #aaa;
	width: 100px;
}


#notify.e-btn {
	padding-left: 24px;
	padding-right: 24px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
}


.default .e-badge.e-badge-overlap {
	transform: translateX(-110%);
	z-index: 100;
}


.badges {
	display: initial;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: var(--light-cariton-color);
	text-align: center;
	white-space: nowrap;
	vertical-align: bottom;
	background-color: var(--dark-cariton-color);
	border-radius: 10px;
	margin-left: 120px;
	margin-top: 10px;
	position: relative;
}


button.btn.btn-prima.rightLst {
	background-color: var(--dark-cariton-color);
	color: var(--light-cariton-color);
	border-color: unset !important;
}


button.btn.btn-prima.leftLst {
	background-color: var(--dark-cariton-color);
	color: var(--light-cariton-color);
	border-color: unset !important;
}


.container.add {
	width: 50rem !important;
}


.product-name {
	margin-top: 40px;
}


.order {
	padding: 14px;
	margin-right: 0;
	margin-left: 0;
	border-width: 0.2rem;
}


a.btn.btn-warning.float-left:active {
	color: var(--bs-btn-active-color);
	background-color: var(--dark-cariton-color) !important;
	border-color: var(--dark-cariton-color);
}

.emercado_border_1 {
	border: solid 1px var(--dark-cariton-color) !important;
}

.emercado_border_white {
	border: solid 1px var(--light-cariton-color);
}

.checkout_cursor_pointer {
	cursor: pointer;
}

.checkout_close_modal {
	/* float: left !important;
  position: absolute; */
	padding: 5px 10px !important;
	z-index: 10;
	background: rgba(0, 0, 0, .5) !important;
	color: #fafafa !important;
	opacity: 1 !important;
}


.checkout_zoom_image {
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
}

.checkout_zoom_image:hover {
	transform: scale(1.2);
}

input.checkout_chk_btn {
	display: none;
}

input.checkout_chk_btn+label {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	width: -webkit-fill-available;
	height: auto;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 400;
	background: var(--light-cariton-color);
	cursor: pointer;
}

input.checkout_chk_btn+label:active,
input.checkout_chk_btn:checked+label {
	color: var(--dark-cariton-color);
	border-color: var(--dark-cariton-color);
}

.emercado_name_category {
	color: var(--dark-cariton-color);
	font-weight: 500;
	font-size: calc(10px + 100vw * 5/1906);
}

.emercado_hover_1:hover {
	color: var(--dark-cariton-color) !important;
}

.emercado_hover_2:hover {
	transform: translateY(-0.5rem);
}

.emercado_color_1,
.emercado_price {
	color: #5d5f68 !important;
}

.emercado_color_2 {
	color: #9400d3 !important;
}

.emercado_color_3 {
	color: #bebebe !important;
}

.emercado_color_4 {
	color: var(--primary-cariton-color);
}

.emercado_color_5 {
	color: rgba(0, 176, 18, 1) !important;
}

/* .emercado_color_4:hover{
  color: white !important;
} */
.emercado_background_color_1 {
	background-color: var(--primary-cariton-color) !important;
}

.emercado_background_color_2 {
	border-radius: 2px !important;
	background: #FBFCFF !important;
	box-shadow: 0px 2px 10px 0px rgba(85, 85, 85, 0.04) !important;
}

.emercado_background_color_3 {
	background-color: #f5f5f5 !important;
}

.voucher_header {
	position: relative;
	height: 202px;
	background-repeat: no-repeat;
    background: url("/static/img/icons/voucher_header.png");
    background-size: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.voucher-container {
	position: relative;
	background-repeat: no-repeat;
    background: url("/static/img/icons/subtract.png");
    background-size: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* --------- */

.main-container {
	overflow: hidden;
  }
  
  .main-container,
  .main-container * {
	box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
	outline: 0;
  }
  
  .main-container {
	position: relative;
	width: fit-content;
	margin: 0 auto;
  }
  /* .subtract {
	position: absolute;
	width: 380px;
	height: 116px;
	top: -0.45px;
	left: 0;
	background: url("/static/img/icons/subtract.png")
	  no-repeat center;
	background-size: cover;
  } */
  .vector {
	position: absolute;
	width: 2px;
	height: 98px;
	top: 8.551px;
	left: 123px;
	background: url("/static/img/icons/vector1.png")
	  no-repeat center;
	background-size: cover;
	z-index: 1;
  }
  .frame {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 6px;
	position: absolute;
	width: 161px;
	height: 98px;
	top: 9px;
	left: 139px;
	z-index: 4;
	user-select: none;
  }
  .off-selected-product {
	align-self: stretch;
	flex-shrink: 0;
	flex-basis: auto;
	position: relative;
	min-width: 0;
	height: 12px;
	color: rgba(0, 0, 0, 0.30);
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	text-align: left;
	white-space: nowrap;
	z-index: 5;
  }
  .group {
	flex-shrink: 0;
	position: relative;
	width: 161px;
	height: 49px;
	font-size: 12px;
	z-index: 6;
  }
  .dollar-off {
	display: block;
	position: relative;
	height: 29px;
	margin: 0 0 0 0;
	color: var(--dark-cariton-color);
	font-size: 14px;
	font-weight: 600;
	line-height: 29px;
	text-align: left;
	white-space: nowrap;
	z-index: 7;
  }
  .min-spend {
	position: relative;
	width: 161px;
	height: 20px;
	margin: 0 0 0 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 19.504px;
	text-align: left;
	text-overflow: initial;
	white-space: nowrap;
	z-index: 8;
  }
  .min-spend-1 {
	position: relative;
	color: var(--dark-cariton-color);
	font-size: 14px;
	font-weight: 500;
	line-height: 19.504px;
	text-align: left;
  }
  .dollar {
	position: relative;
	color: var(--dark-cariton-color);
	font-size: 16px;
	font-weight: 700;
	line-height: 19.504px;
	text-align: left;
  }
  .three-hundred {
	position: relative;
	color: var(--dark-cariton-color);
	font-size: 16px;
	font-weight: 500;
	line-height: 19.504px;
	text-align: left;
  }
  .frame-2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-shrink: 0;
	gap: 1px;
	position: relative;
	width: 140px;
	z-index: 9;
  }
  .valid-until {
	align-self: stretch;
	flex-shrink: 0;
	flex-basis: auto;
	position: relative;
	min-width: 0;
	height: 12px;
	color: rgba(0, 0, 0, 0.30);
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	text-align: left;
	white-space: nowrap;
	z-index: 10;
  }
  .am {
	align-self: stretch;
	flex-shrink: 0;
	flex-basis: auto;
	position: relative;
	min-width: 0;
	height: 12px;
	color: rgba(0, 0, 0, 0.30);
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	text-align: left;
	white-space: nowrap;
	z-index: 11;
  }
  .vector-3 {
	position: absolute;
	width: 45px;
	height: 45px;
	top: 34.551px;
	left: 60px;
	background-size: 100% 100%;
	z-index: 3;
	border-radius: 50%;
    object-fit: cover;
  }

  .voucher-button,
  .shop-voucher-btn {
	padding: 5px;
	position: absolute;
	right: 0;
	cursor: pointer;
	transition: background-color 0.3s ease, border-color 0.3s ease;
	margin-top: 35px;
	z-index: 999;

	border: 2px solid rgba(0, 0, 0, 0.30); /* Default border color */
	border-radius: 50%; /* Ensures a perfect circle */
	background-color: #fff; /* Default background */
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box; /* Ensures consistent sizing */
	appearance: none; /* Remove default button styles */
  }
  
  .voucher-button.active,
  .shop-voucher-btn.active {
	border-color: var(--primary-cariton-color); /* Highlight border */
	background-color: #fff; /* Keep background white when active */
  }
  
  .voucher-button::after,
  .shop-voucher-btn::after {
	content: '';
	width: 12px; /* Inner circle size */
	height: 12px;
	background-color: var(--primary-cariton-color); /* Inner circle color */
	border-radius: 50%; /* Inner circle is perfectly round */
	transform: scale(0); /* Hidden by default */
	transition: transform 0.3s ease;
  }
  
  .voucher-button.active::after,
  .shop-voucher-btn.active::after {
	transform: scale(1); /* Show inner circle when active */
  }
  
  .voucher-button:hover,
  .shop-voucher-btn:hover {
	border-color: var(--primary-cariton-color); /* Highlight border on hover */
  }
  
  .flex-container {
	display: flex;
	align-items: center;
  }
  
/* -------- */

/* Button Color */
/* violet */
.checkout_btn_color_1 {
	background-color: var(--dark-cariton-color) !important;
	color: var(--light-cariton-color);
}

.checkout_btn_color_1:hover {
	background-color: var(--primary-cariton-color) !important;
	color: var(--light-cariton-color);
}

/* blue */
.checkout_btn_blue {
	color: #1FA5FF;
	line-height: 24px;
	letter-spacing: 0.56px;
	background-color: transparent;
}

/* red */
.checkout_btn_color_2 {
	background-color: var(--primary-cariton-color) !important;
	color: var(--light-cariton-color);
}

/* .checkout_btn_color_2:hover {
	background-color: #c82333 !important;
	color: var(--light-cariton-color);
} */

/* gray */
.checkout_btn_color_3 {
	background-color: #6c757d !important;
	color: var(--light-cariton-color);
}

.checkout_btn_color_3:hover {
	background-color: #5a6268 !important;
	color: var(--light-cariton-color);
}

/* green */
.checkout_btn_color_4 {
	background-color: rgba(0, 176, 18, 1) !important;
	color: var(--light-cariton-color);
}

.checkout_btn_color_4:hover {
	background-color: rgb(25, 255, 48) !important;
	color: var(--light-cariton-color);
}

/* bluegreen */
.checkout_btn_color_5 {
	background-color: #17a2b8 !important;
	color: var(--light-cariton-color);
}

.checkout_btn_color_5:hover {
	background-color: #138496 !important;
	color: var(--light-cariton-color);
}

/* End Button Color */


.emercado_background_color_whitesmoke {
	background-color: whitesmoke !important;
}

.store_background_color_1 {
	background-color: var(--dark-cariton-color) !important;
}

.emercado_transparent_border {
	border: 1px solid transparent;
}

.emercado_border_1 {
	border: 1px solid var(--dark-cariton-color) !important;
}

.emercado_border_2 {
	border: 1px solid var(--dark-cariton-color) !important;
}

.emercado_border_white {
	border: 1px solid var(--light-cariton-color);
}


/* .emercado_border_2{
  border: 1px solid var(--dark-cariton-color) !important;
  border-radius: 15px;
} */

.emercado_border_3 {
	border: none
}

.emercado_category_option {
	background-color: white !important;
	margin-top: 7px;
	height: 50px !important;
	width: 50px !important;
	padding: 5px;
	border-radius: 50%;
	object-fit: contain;
}

.category_option {
	width: 90px;
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
	padding: 0 5px !important;
}

.category_option:hover {
	transform: translateY(-0.5rem);
}

.emercado_sub_price {
	text-decoration: line-through;
	vertical-align: middle;
	color: var(--dark-cariton-color)80 !important;
	/* padding-right: 10px; */
	padding-left: 0;
}


.emercado_menu_sub_pic {
	object-fit: cover;
	height: 70px;
}


.emercado_add_to_cart_btn {
	color: var(--dark-cariton-color) !important;
	background-color: #9688FE24 !important;
	border: 1px solid rgba(255, 108, 32, .2) !important;
}


.emercado_add_to_cart_btn:hover {
	background-color: var(--primary-cariton-color) !important;
}


.emercado_marker_address {
	top: 0;
	color: var(--light-cariton-color);
	background: rgba(0, 0, 0, .5);
	border-radius: .5rem;
	font-weight: lighter;
}


.emercado_marker_address1 {
	position: absolute;
	bottom: 2px;
	color: var(--light-cariton-color);
	background: rgba(0, 0, 0, .5);
	border-radius: .5rem;
	font-weight: lighter;
	width: 220px;
	padding-left: 10px;
}


.emercado_marker_address2 {
	position: absolute;
	bottom: 2px;
	color: var(--light-cariton-color);
	background: rgba(0, 0, 0, .5);
	border-radius: .5rem;
	font-weight: lighter;
	width: 220px;
	padding-left: 10px;
}


.emercado_sides_0 {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.emercado_sold_out_container,
.emercado_sold_out_container .emercado_sold_out {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}


.emercado_sold_out {
	background-color: rgba(0, 0, 0, .7);
	color: var(--light-cariton-color);
	text-align: center;
	font-size: .75rem;
	height: 2.75rem;
	min-width: 95% !important;
}

img {
	width: 100%;
}

/* width and height */
.w-5 {
	width: 5% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-25 {
	width: 25% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-50 {
	width: 50% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-75 {
	width: 75% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.w-100 {
	width: 100% !important;
}

.w-max {
	width: max-content !important;
}

.h-5 {
	height: 5% !important;
}

.h-10 {
	height: 10% !important;
}

.h-15 {
	height: 15% !important;
}

.h-20 {
	height: 20% !important;
}

.h-25 {
	height: 25% !important;
}

.h-30 {
	height: 30% !important;
}

.h-35 {
	height: 35% !important;
}

.h-40 {
	height: 40% !important;
}

.h-45 {
	height: 45% !important;
}

.h-50 {
	height: 50% !important;
}

.h-55 {
	height: 55% !important;
}

.h-60 {
	height: 60% !important;
}

.h-65 {
	height: 65% !important;
}

.h-70 {
	height: 70% !important;
}

.h-75 {
	height: 75% !important;
}

.h-80 {
	height: 80% !important;
}

.h-85 {
	height: 85% !important;
}

.h-90 {
	height: 90% !important;
}

.h-95 {
	height: 95% !important;
}

.h-100 {
	height: 100% !important;
}

/* Bootstrap Carousel customization */


.emercado_carousel {
	width: 100%;
	height: calc(100vw * 350/1906) !important;
	min-height: 200px;
}


.emercado_carousel_index {
	width: auto;
	height: calc(100vw * 400/1906) !important;
}

#show_len,
#show_len_pending,
#show_len_decline,
#show_len_cancel,
#show_len_received,
#show_len_complete,
#show_len_preparing,
#show_len_prepared,
#show_len_dine_complete,
#show_len_dine_cancel,
#show_len_pick_complete,
#show_len_pick_cancel {
	margin: -5px 10px;
}

.object-fit-cover {
	object-fit: cover !important;
}


.object-fit-contain,
.swal2-image {
	object-fit: contain !important;
}

.object-fit-fill {
	object-fit: fill !important;
}


.carousel-control {
	width: 5% !important;
}


.carousel-indicators {
	z-index: 1 !important;
}


.carousel-indicators .active {
	background-color: var(--dark-cariton-color) !important;
}


.carousel-indicators li {
	background-color: rgb(0 0 0 / 50%) !important;
}


.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgb(255 255 255 / 20%) 0, rgba(0, 0, 0, .0001) 100%) !important;
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .0001) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgb(255 255 255 / 20%)), to(rgba(0, 0, 0, .0001))) !important;
	background-image: linear-gradient(to right, rgb(255 255 255 / 20%) 0, rgba(0, 0, 0, .0001) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='var(--dark-cariton-color)', GradientType=1);
	background-repeat: repeat-x;
}


.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgb(255 255 255 / 20%) 100%) !important;
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(255 255 255 / 20%) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgb(255 255 255 / 20%))) !important;
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgb(255 255 255 / 20%) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--dark-cariton-color)', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}


.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
	color: var(--dark-cariton-color) !important;
}


/* coupons */
.coupon {
	margin: 2;
	border: 0;
}

.emercado_reward_image {
	min-height: 100px;
	max-height: 100px;
	max-width: 100%;
}


.custom-icon,
.coupon_icon {
	font-size: calc(16px + 100vw * 18/1906);
	color: var(--primary-cariton-color);
	display: contents;
	transition: .5s;
}


.custom-icon:hover {
	background: rgba(230, 119, 16, 0.548);
}

.coupons_image {
	border-radius: 20px;
	box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
	max-width: 176px !important;
	min-width: 120px !important;
	max-height: 122px !important;
	min-height: 120px !important;
	object-fit: cover;
}


.fix-editor {
	display: none;
}


.icon-wrapper {
	display: inline-block;
}


.content {
	padding: 16px;
}


.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}


.sticky+.content {
	padding-top: 60px;
}


#navbar {
	overflow: hidden;
	background-color: #E0DFDF;
}


.images {
	background-color: #E0DFDF;
}


.bg_color_content.col-8.col-sm-8.col-md-8.col-lg-8.col-xl-8 {
	background-color: #E0DFDF;
}


.claim {
	color: var(--dark-cariton-color);
	float: right;
	text-decoration: none;
	font-weight: 800;
	font-size: 15px;
}


a.claim.mt-3 {
	color: #ee964b;
}


img.img-fluids {
	border-radius: 3rem;
	height: 50%;
	width: 50%;
	margin-top: 53px;
}


hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid var(--transparent-primary-cariton-color) !important;
}


section#featured {
	padding: 0;
}


.featured.voucher {
	/* grid-row-gap: 5.875rem; */
	row-gap: 1.875rem;
	margin: 2.875rem 0.25rem;
}


.featured {
	display: grid;
}


.fcolor {
	background: var(--dark-cariton-color);
}


.colorf {
	background-color: #E0DFDF;
}


a.btn.btns {
	background-color: var(--light-cariton-color);
	border-color: var(--dark-cariton-color) !important;
	color: var(--dark-cariton-color) !important;
}


.column {
	width: 80%;
	margin: auto;
	border: 1px solid var(--dark-cariton-color) !important;
}


.col--1of6 {
	@media only screen and (min-width: 640px) {
		flex-basis: 16.6666667%;
		max-width: 16.6666667%;
	}
}


.category img {
	max-width: 50px;
	max-height: 75px;
}


.col-sm-2.catlist:hover {
	transform: scale(1);
}


.col-sm-2.catlist {
	transform: scale(.99);
	transition: .1s;
	border-style: solid;
	border-width: 1px;
	color: rgb(196, 196, 196);
}

/* 
.categs{
  height: 75px !important;
} */

/* CAROUSEL SA CATEGORY */

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
	display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

	.carousel-inner .carousel-item-end.active,
	.carousel-inner .carousel-item-next {
		transform: translateX(25%);
	}

	.carousel-inner .carousel-item-start.active,
	.carousel-inner .carousel-item-prev {
		transform: translateX(-25%);
	}
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
	transform: translateX(0);
}

.list {
	height: 100%;
	position: relative;
}

.list_category {
	background: transparent !important;
	object-fit: contain;
	border-radius: 10px;
}

.list_category:hover {
	background: var(--light-cariton-color);
}

.navbar-fixed-top {
	top: 35px !important;
	padding: inherit !important;
}


.navbar-fixed-top,
.navbar-fixed-bottom {
	position: fixed;
	right: 0 !important;
	left: 0 !important;
	z-index: 1000 !important;
}


a.col-6.col-sm-6.col-md-4.col-lg-2.col-xl-2.box.emercado_item_box.border.mt-0 {
	text-decoration: none !important;
}

.tagify__dropdown {
	z-index: auto !important;
}

.bell-item {
	padding: 5px 10px;
	margin: 12px 10px;
	background: #ccc;
	border-radius: 4px;
}


.bell-heading {
	padding: 17px 14px;
	text-align: center;
}


.dropdown-notif.divider {
	margin: 5px 0;
}


.dropdown-menu .divider {
	height: 1px;
	overflow: hidden;
	background-color: #e5e5e5;
}


.item-title {
	font-size: 1.3rem;
	color: #000;
	display: contents;
}


.notification-item {
	padding: 5px 10px;
	margin: 12px 10px;
	background: #ccc;
	border-radius: 4px;
}

.notif_read {
	background-color: var(--light-cariton-color);
}

.notif_unread {
	background-color: rgba(0, 0, 0, 0.125);
}


/*end notif show
start cart show */


.cart-heading {
	padding: 13px 14px;
	text-align: center;
}


.cart-item {
	padding: 22px 10px;
	margin: 12px 10px;
	border-radius: 4px;
}


.dropbtn {
	color: var(--light-cariton-color);
	padding: 16px;
	font-size: 2rem;
	border: none;
	cursor: pointer;
}

.badge_cart {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    position: absolute;
    top: -8px;
    border-radius: 50%;
    border: 1px solid #dc3545;
    background-color: #ff0018;
    color: var(--light-cariton-color);
    font-weight: bolder;
    padding: 1px;
    left: 11px;
    cursor: pointer;
    font-size: 9px;
    display: block;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}

.badge_cart_not_login {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	position: absolute;
	top: -3px;
	border-radius: 50%;
	border: 1px solid #dc3545;
	background-color: #ff0018;
	color: var(--light-cariton-color);
	font-weight: bolder;
	padding: 1px 1px;
	right: 0px;
    left: 17px;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 18px;
}

.badge_bell {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    position: absolute;
    top: -7px;
    border-radius: 50%;
    border: 1px solid #dc3545;
    background-color: #ff0018;
    color: var(--light-cariton-color);
    font-weight: bolder;
    padding: 1px;
    left: 9px;
    cursor: pointer;
    font-size: 9px;
    display: block;
    align-items: center;
    justify-content: center;
    min-width: 17px;
}

.dropdown-content a {
	color: var(--dark-cariton-color);
	text-decoration: none;
	display: flex;
}

.header__cart-list-item {
	padding-left: 0;
	list-style: none;
	overflow: auto;
	min-height: 0 !important;
	margin-bottom: 5px !important;
}

@media (min-width: 992px) {
	.header__cart-list-item {
		max-height: 400px !important;
	}
}

@media (max-width: 992px) {
	.header__cart-list-item {
		max-height: 200px !important;
	}
}

.header__cart-item {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin: 3px 0px;
}


a.header__cart-item:hover {
	background-color: whitesmoke;
}


.header__cart-img {
	max-width: 50px;
	max-height: 50px;
	min-width: 50px;
	min-height: 50px;
	margin: 0px 15px;
	object-fit: contain;
}


.header__cart-item-info {
	width: 100%;
	margin-right: 12px;
}

.btn_notif {
	font-size: calc(9px + 100vw * 2/1906) !important;
	padding-right: 15px;
}


.header__cart-item-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	white-space: normal;
}

.header__cart-item-head_notif {
	display: flex;
	align-items: center;
	white-space: normal;
	justify-content: flex-start;
}


.header__cart-item-name {
	font-size: calc(10px + 100vw * 2/1906) !important;
	font-weight: 500;
	line-height: 2rem;
	overflow: hidden;
	flex: 1;
	padding-right: 16px;
	max-height: 4rem;
	color: var(--text-color);
	margin: 3px 0px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	padding-right: 5px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
}


.header__cart-item-price {
	font-size: 12px;
	color: var(--dark-cariton-color) !important;
	font-weight: 400;
}


.header__cart-item-multiply {
	font-size: calc(10px + 100vw * 3/1906);
	margin: 0 4px;
	color: #757575;
}


.header__cart-item-qnt {
	font-size: calc(10px + 100vw * 3/1906);
	color: #757575;
}


.header__cart-item-body {
	display: flex;
	justify-content: space-between;
}


/* .header__cart-item-description {
  color: #757575;
  font-size: calc(10px + 100vw * 3/1906);
  font-weight: 300;
} */


.header__cart-item-remove {
	color: var(--text-color);
	font-size: calc(10px + 100vw * 3/1906);
}


.header__cart-item-remove:hover {
	color: var(--primary-color);
	cursor: pointer;
}


.header__cart-view-cart {
	float: right;
	margin: 5px !important;
}


.header__cart-view-cart:hover {
	background-color: #947ada69;
}

.dropdown-menu {
	border-radius: 4px;
	padding: 0 !important;
	-webkit-animation-name: dropdown-animate;
	animation-name: dropdown-animate;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border: 0;
	box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
	width: 300px !important;
	top: 7px !important;
	transition: auto !important;
	min-width: 240px;
	max-height: 520px;
}

.dropdown-menu-arrow_car {
	border-radius: 4px;
	padding: 10px 0;
	-webkit-animation-name: dropdown-animate;
	animation-name: dropdown-animate;
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	border: 0;
	box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
	width: 300px !important;
	top: 7px !important;
	transition: auto !important;
	min-width: 240px;
	max-height: 500px;
}

.tooltip {
	z-index: 1000 !important;
}

.tooltip-inner {
	background-color: #6b6f81 !important;
	color: var(--light-cariton-color);
}

.tooltip.bs-tooltip-top .arrow {
	border-top-color: #6b6f81 !important;
}


.modal-backdrop.in {
	opacity: 0;
	z-index: 0 !important;
}

.modal-open .modal {
	padding: 0 !important;
}

.modal-body {
	padding: 10px !important;
	position: relative;
}

.dropdown-qr {
	transform: translate(-30px, 28px) !important;
	width: 220px !important;
	z-index: 1 !important;
	-webkit-transform: translate(-30px, 28px) !important;
	-moz-transform: translate(-30px, 28px) !important;
	-ms-transform: translate(-30px, 28px) !important;
	-o-transform: translate(-30px, 28px) !important;
}

.scrollable-table-container {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px; 
}

.scrollable-table-container::-webkit-scrollbar {
    width: 6px;
}
.scrollable-table-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}


.dropdown-menu-arrow_cart {
	padding: 0 !important;
	border-radius: 8px !important;
    border: 1px solid #E5E5EA !important;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10) !important;
	transform: translate3d(0px, 30px, 0px) !important;
}

.dropdown-menu-arrow_notif {
	padding: 0 !important;
	border-radius: 8px !important;
    border: 1px solid #E5E5EA !important;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10) !important;
	transform: translate3d(0px, 30px, 0px) !important;
}

.dropdown-menu-arrow_profile {
	padding: 0 !important;
	border-radius: 8px !important;
    border: 1px solid #E5E5EA !important;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10) !important;
	transform: translate3d(0px, 30px, 0px) !important;
}

.dropdown-menu-arrow_profile span {
	color: #32363E;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: -0.12px;
}


.dropdown-content-profile {
	border-radius: 8px !important;
	font-size: 14px;
	padding: 10px 15px;
	color: var(--dark-cariton-color);
}
.dropdown-content-profile:hover .prof-log path {
	stroke: var(--primary-cariton-color);
}

.dropdown-content-profile:hover {
	color: var(--primary-cariton-color);
	background-color: whitesmoke;
}

.cheqout_border_bottom {
	border-bottom: 1px solid #eee;
}


.cheqout_merchant {
	height: 150px !important;
	object-fit: cover;
	object-position: right;
}
.mobile_cart_total{
	display: none;
	justify-content: space-between;
	padding: 12px 24px;
	border-radius: 6px 6px 0px 0px;
	background: #1A1A1A;
	box-shadow: 0px -2px 12px 0px rgba(0, 0, 0, 0.10), 0px -2px 2px 0px rgba(0, 0, 0, 0.02);
}
.mobile_cart_total p{
	color: #F7F7F7;
	font-size: 14px;
	font-weight: 400;
}

.top_custom {
	position: absolute; 
	top: -20px; 
	background: var(--light-cariton-color); 
	width: calc(100vw * 90/1906); 
	height: calc(100vw * 90/1906); 
	min-width: 65px !important; 
	min-height: 65px !important; 
	display: flex; 
	justify-content: center; 
	flex-direction: column; 
	border-radius: 50% !important; 
	cursor:pointer
}
.cart-label {
    align-items: center;
    gap: 8px;
}

.dot-separator {
    color: #F7F7F7;
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-1px); /
}


.cheqout_footer_container {
	min-height: 85px !important;
	padding: 20px 0 0 0;
	box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.02), 0px -2px 12px 0px rgba(0, 0, 0, 0.10);
}
.icon-default, .icon-active{
	width: 35px;
	height: 35px;
}


@media (max-width: 456px) {
	.icon-default, .icon-active{
		width: 28px !important;
		height: 28px !important;
	}

	.cheqout_footer_container {
		min-height: 75px !important;
		padding: 20px 0 0 0;
		box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.02), 0px -2px 12px 0px rgba(0, 0, 0, 0.10);
	}
	
	.dropdown-menu-arrow_cart {
		width: 200px !important;
	}

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

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

	.btn-orange,
	.btn-secondary {
		font-size: 12px !important;
	}

	.header__cart-item-head {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column !important;
	}

	.header__cart-item-head_notif {
		flex-direction: row !important;
		justify-content: flex-start;
	}

	.header__cart-item-info {
		width: 100% !important;
		margin: 0;
	}
}

@media (max-width: 361px) {
	.dropdown-menu-arrow_notif {
		width: 209px !important;
	}

	.dropdown-menu-arrow_cart {
		width: 160px !important;
	}
}

table caption {
	margin-top: 2rem;
}
.main_tile_height {
	height: 100vh;
	display: flex;
	align-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}

.columns {
	border: unset;
	padding: 0px;
	overflow-y: auto;
	height: 65vh;
	margin: 0px;
	border-radius: 8px;
}

.columns.scroll_style {
	background-color: #F5F3F3 !important;
}

.card.card-col.checkout_cursor_pointer {
	margin: 0px !important;
}

.col_card-header {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding: 6px 0 12px;
}

.col.col_tile {
	min-width: 24rem !important;
	padding: 10px;
	border-radius: 12px;
	border: 0.7px solid #F8F8F8;
}

.col.col_tile:hover {
	border-radius: 12px;
	border: 0.7px solid rgba(0, 0, 0, 0.05);
}

span.badge.count_num {
	color: rgba(0, 0, 0, 0.40);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.card-body.order_container {
	border-radius: 8px;
	border: 0.7px solid rgba(0, 0, 0, 0.10);
}

.card-body.order_container:hover {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);
}


.noPadding,
.noPadding span {
	font-weight: 600;
}

.noPadding {
	color: #eeeeee !important;
}

.noPadding span {
	color: var(--light-cariton-color);
}

.active_status {
	border: 2px solid var(--primary-cariton-color) !important;
}

@media (min-width: 0px) {
	.close {
		position: static;
		margin-bottom: 10px;
	}
}

@media (min-width: 576px) {
	.close {
		right: -55px !important;
		position: absolute;
	}

}


.close {
	top: 0;
	display: flex;
	opacity: 1 !important;
	border-radius: 50% !important;
	font-weight: 400 !important;
	padding: 3px 12px !important;
	font-size: 20px !important;
	background-color: var(--dark-cariton-color) !important;
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* Checkbox and Radio Box */
input[type=radio],
input[type=checkbox] {
	accent-color: var(--primary-cariton-color);
	transform: scale(1.2);
}

/* QUANTITY */

.qty-input {
	border-radius: 50px;
    border: 1px solid #D8DADF;
    background: #FFF;
    padding: 6px;
}

.qty-input .product-qty,
.qty-input .qty-count {
	background: transparent;
	color: inherit;
	font-weight: normal;
	font-size: 14px;
	border: none;
	display: inline-block;
	min-width: 0;
	height: 18px;
}

.qty-input .product-qty:focus,
.qty-input .qty-count:focus {
	outline: none;
}

.qty-input .product-qty {
	width: 16px;
	min-width: 0;
	display: inline-block;
	text-align: center;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

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

.qty-input .qty-count {
	padding: 0;
	cursor: pointer;
	width: 18px;
	font-size: 17px;
	text-indent: -100px;
	overflow: hidden;
	position: relative;
	background-color: none;
}

.qty-input .qty-count:before,
.qty-input .qty-count:after {
	content: "";
	height: 2px;
	width: 10px;
	position: absolute;
	display: block;
	background: #212121;
	opacity: 0.8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.qty-input .qty-count--add:after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.qty-input .qty-count:disabled {
	color: #ccc;
	background: transparent;
	cursor: not-allowed;
	border-color: transparent;
}

.qty-input .qty-count:disabled:before,
.qty-input .qty-count:disabled:after {
	background: #ccc;
}

.qty-input.borders {
	width: max-content;
	height: 30px !important;
}


.order-variations {
	display: flex;
	align-items: center;
}


.order-variations-cs {
	display: flex;
	align-items: center;
}


.cart-item3 {
	display: flex;
	align-items: center;
}

.cart-item4 {
	font-size: calc(14px + 100vw * 2/1906) !important;
	color: #222;
	line-height: 19px;
}


.qty-input.border {
	width: fit-content;
	margin: auto;
}


.color-top {
	height: 3px;
	width: 100%;
	background-position-x: -30px;
	background-size: 116px 3px;
	background-image: repeating-linear-gradient(45deg, var(--dark-cariton-color), #0f0f0f33 33px, transparent 0, transparent 41px, var(--dark-cariton-color) 0, #fa5808f5 74px, transparent 0, transparent 82px);
}


.checkout {
	padding: 28px 30px 24px;
}


.delv {
	display: flex;
	align-items: center;
}


i.fa.fa-map-marker.loc {
	color: var(--dark-cariton-color);
	background: var(--light-cariton-color);
	font-size: 20px;
}


.for-location .location {
	display: flex;
	margin-right: 9px;
}


.loca-add {
	display: flex;
	align-items: center;
}


.cart-item1 {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}


.cart-item2 {
	margin-right: 20px;
	display: flex !important;
}


.cart-item5 {
	font-size: calc(14px + 100vw * 1/1906) !important;
	line-height: 28px;
	margin-left: 5px;
	color: var(--dark-cariton-color);
}

.address1 {
	font-size: 1rem;
	word-break: break-word;
}


.name1 {
	font-weight: 700;
	color: #222;
	font-size: 14px;
}


.addr {
	word-break: break-word;
	font-size: 14px;
}


.def {
	padding: 2px 5px;
	color: var(--dark-cariton-color);
	border-radius: 1px;
	border: 0.5px solid;
	font-size: 10px;
	text-transform: capitalize;
	display: inline-block;
}


.change {
	color: #f08127;
	text-transform: capitalize;
	cursor: pointer;
	font-size: 14px;
	display: contents;
}


.vr {
	margin-left: 10px;
	border-left: 1px solid rgba(0, 0, 0, .09);
	height: 1px;
	align-self: center;
}


i.bi.bi-chat-fill {
	align-items: center;
	cursor: pointer;
	user-select: none;
	display: inline-flex;
	color: #00bfa5;
	margin-left: 10px;
	white-space: nowrap;
}


.vouch {
	border: 1px dashed rgba(0, 0, 0, .09);
	display: flex;
}


.cher {
	font-size: 14px;
	text-align: center;
	color: var(--dark-cariton-color);
}


.vouchr {
	border: 1px dashed rgba(0, 0, 0, .09);
	background: #f0f7ff9e;
	text-align: center;
}


form.msg {
	margin-top: 15px;
}


.msg {
	margin-top: 15px;
}


.msgs {
	text-align: initial;
	padding: inherit;
}


.hr {
	border-top: 1px dashed rgba(0, 0, 0, .09);
}


.vou {
	text-align: center;
}

.borders {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}


.star-rating {
	display: flex;
	flex-direction: row-reverse;
	font-size: 2.5em;
	justify-content: space-around;
	padding: 0 .2em;
	text-align: center;
	width: 5em;
}

.star-rating input {
	display: none;
}

.star-rating label {
	color: #ccc;
	cursor: pointer;
	font-size: 21px;
}

.star-rating :checked~label {
	color: var(--dark-cariton-color);
}

.star-rating label:hover,
.star-rating label:hover~label {
	color: #5c19da;
}

/* sweet alert */
.swal2-icon.swal2-question {
	border-color: var(--dark-cariton-color) !important;
	color: var(--dark-cariton-color) !important;
}

.swal2-styled.swal2-confirm {
	border: 0;
	border: none !important;
	background-color: var(--dark-cariton-color);
	color: var(--light-cariton-color);
	font-size: 1em;
}

.swal2-styled.swal2-deny {
	border: 0;
	border-radius: 0.25em;
	background: initial;
	background-color: var(--dark-cariton-color) !important;
	color: var(--light-cariton-color);
	font-size: 1em;
}
.swal2-styled.swal2-confirm:hover, 
.swal2-styled.swal2-deny:hover {
    background-color: var(--primary-cariton-color);
}
.swal2-styled.swal2-confirm:focus {
	box-shadow: none !important;
}

.swal2-styled:hover {
	background-color: var(--primary-cariton-color) !important;
	color: white !important;
}

.swal2-deny .swal2-styled {
	background-color: #757575;
	color: var(--light-cariton-color);

}

.swal2-deny:hover {
	background-color: #ccc;
	color: white;
}

  .small_scroll_style::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

.small_scroll_style::-webkit-scrollbar-button {
    background: transparent;
}

@media (min-width: 320px) {
    .small_scroll_style::-webkit-scrollbar-button {
        width: 50px !important;
    }
}

@media (min-width: 685px) {
    .small_scroll_style::-webkit-scrollbar-button {
        width: 80px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .small_scroll_style::-webkit-scrollbar-button {
        width: 120px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .small_scroll_style::-webkit-scrollbar-button {
        width: 100px !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .small_scroll_style::-webkit-scrollbar-button {
        width: 150px !important;
    }
}

.small_scroll_style::-webkit-scrollbar-track-piece {
    background: #d3d3d3;
    border-radius: 5px;
}

.small_scroll_style::-webkit-scrollbar-thumb {
    background: #1f1b1bb5;
    border-radius: 5px;
}


.scroll_style::-webkit-scrollbar {
	width: 8px;
}

.scroll_style::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
	border-radius: 10px;
}

.scroll_style::-webkit-scrollbar-thumb {
	background-color:#1f1b1bb5;
	border-radius: 10px;
	border: none;
}

.scroll_style::-webkit-scrollbar-thumb:vertical {
	background-color:#1f1b1bb5;
}

.scroll_style::-webkit-scrollbar-thumb:horizontal {
	background-color:#1f1b1bb5;
}

.scroll_style::-webkit-scrollbar-button {
	background-color:#1f1b1bb5;
	display: none;
}

#sticky_purchase {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	display: flex;
	justify-content: center;
	background: transparent;
}


.did-floating-label-content {
	position: relative;
	align-items: center;
	border-radius: 100px;
	background: #F7F7F7;
	padding: 0 12px;
}

.did-floating-input:focus,
.did-floating-select:focus {
	outline: none;
	border: 1px solid transparent !important;
}

.did-floating-input,
.did-floating-select {
	border-radius: 20px;
	background: #F7F7F7;
	color: #6B7680;
	border: none;
	font-size: 12px;
	display: block;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 14px;
}

.did-floating-input:focus~.did-floating-label,
.did-floating-select:focus~.did-floating-label {
	top: -8px;
	font-size: 13px;
}
.did-floating-input::placeholder{
	color: rgba(33, 33, 33, 0.40);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.12px;
}

.did-floating-label {
	color: #777;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: 10px;
	padding: 0 5px;
	background: #F7F7F7;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	font-size: 14px;
}

.img_store {
	border-radius: 50%;
	position: absolute;
	top: 41px;
	bottom: 0;
	left: 44px;
	right: 0;
	width: 72%;
}

.plate {
	position: relative;
	box-sizing: border-box;
	border-radius: 50% !important;
	box-shadow: inset 0 5px 3px 0 rgba(255, 255, 255, 0.5), inset 0 0px 3px 0 rgba(0, 0, 0, 0.78), inset 3px 0 2px 0 rgba(0, 0, 0, 0.25), inset -3px 0 2px 0 rgba(0, 0, 0, 0.25), inset 0 5px 46px 0 rgba(0, 0, 0, 0.4), 0 0px 9px 0 rgba(0, 0, 0, 0.75);
	width: 22em;
	height: 22em;
	background: var(--light-cariton-color);
}

.plate:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 33px;
	right: 33px;
	bottom: 33px;
	left: 33px;
	border-radius: 50%;
	box-shadow: inset 0 0 4px 3px white, inset 0 8px 16px 4px rgba(0, 0, 0, 0.25);
}

/* find_nearby_stores_button */
.dedcription-btn {
	width: 100%;
	min-width: 250px !important;
	max-width: 600px !important;
	position: relative;
	display: inline-block;
	border-radius: 30px;
	background-color: #fcfcfc;
	color: var(--dark-cariton-color);
	text-align: center;
	font-size: 18px;
	padding: 9px 0;
	transition: all 0.3s;
	padding-right: 40px;
	margin: 20px 5px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06);
}

.dedcription-btn .btn-icon {
	background-color: var(--dark-cariton-color);
	width: 92px;
	height: 44px;
	float: right;
	position: absolute;
	border-radius: 30px 30px 30px 0;
	;
	right: 0px;
	top: 0px;
	transition: all 0.3s;
}

.name-descripeion {
	position: relative;
	z-index: 1;
}

.btn-icon::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 45px solid #fcfcfc;
	border-right: 40px solid transparent;
	position: absolute;
	top: 0px;
	left: 0px;
}

.dedcription-btn:hover .btn-icon {
	width: 100%;
	border-radius: 30px;
}

.dedcription-btn:hover .btn-icon::after {
	display: none;
	opacity: 0.1;
}

.btn-icon i {
	position: absolute;
	right: 25px;
	top: 13px;
	color: var(--light-cariton-color);
	font-size: 16px;
}

.dedcription-btn:hover {
	color: var(--light-cariton-color);
}

.store {
	background-color: var(--dark-cariton-color) !important;
}

.hover-box {
	display: flex;
	width: 100%;
	height: 100vh;
	justify-content: center;
	align-items: center;
}
.back_button{
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: rgba(251, 252, 255, 0.94);
	border-radius: 50%; 
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px;
	box-shadow:  8px 0 16px -9px rgba(0, 0, 0, 0.3);
}
.consumer_back_button{
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: rgba(251, 252, 255, 0.94);
	border-radius: 50%; 
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 20px;
}
/* end for button */

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border: none !important;
}

.draggable-card{
	transition: background-color 1s ease-out;
}
@media (max-width: 575px) {
	.product-name {
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
		letter-spacing: -0.33px;
	}

	.product-price {
		margin: 0 0 15px;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 130%;
		letter-spacing: -0.24px;
	}
}

@media (max-width: 456px) {
	.dropdown-menu-arrow_cart {
		width: 200px !important;
	}

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

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

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

	.header__cart-item-head {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: column !important;
	}

	.header__cart-item-head_notif {
		flex-direction: row !important;
		justify-content: flex-start;
	}

	.header__cart-item-info {
		width: 100% !important;
		margin: 0;
	}

	.scroll_style::-webkit-scrollbar {
		width: 0;
	}

	
}

@media (max-width: 361px) {
	.station_name{
		font-size: 12px !important;
	}
	.dropdown-menu-arrow_notif {
		width: 210px !important;
	}

	.dropdown-menu-arrow_cart {
		width: 210px !important;
		transform: translate3d(44px, 34px, 0px) !important;
	}

	.dropdown-menu-arrow_cart::before {
		right: 61px !important;
	}
}

.required {
	color: #FE294D !important;
	font-weight: 800;
}

.tooltip-inner {
	z-index: 1;
	position: relative;
}

.dropbtn_cart,
.dropbtn_bell {
	cursor: pointer;
	-webkit-text-fill-color: var(--light-cariton-color);
}s

.text-cancel-modal {
	color: #1FA5FF;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.56px;
	padding: 5px 8px;
}
.text-cancel-modal:hover{
	padding: 5px 8px;
	border-radius: 6px;
	background: rgba(31, 165, 255, 0.03);
}

.banner_flex{
	display: flex;
	justify-content: space-between;
}

@media (max-width: 768px){
	.consumer_back_button{
		margin: 15px 10px;
		width: 40px !important;
		height: 40px !important;
	}
	.card-variants{
		padding: 15px 10px !important;
	}
	.custom-popup-content{
		padding: 10px !important;
	}
	.custom-popup {
		display: none; /* Hidden by default */
		width: 100% !important;
		overflow: auto;
		position: initial !important;
		bottom: 0;
		z-index: 999 !important;
	}
	label.cart_bundled_variant, label.bundled_variant{
		border-radius: 10px !important;
	}
}
@media (max-width: 576px){
	.h4.icon_text {
		font-size: 21px !important;
	}
	h1.h4.icon_text{
		font-size: 14px;
		line-height: 15px;
	}
	i.fa.fa-angle-left{
		font-size: 12px !important;
	}
	.consumer_back_button{
		margin: 5px;
		width: 20px !important;
		height: 20px !important;
	}
	.modal-content.modal_product{
		border-radius: 0;
	}
	.modal-dialog.modal-dialog-scrollable.modal-lg{
		margin: 0;
		height: 100%;
		max-height: 100%;
		border-radius: 0;
	}
	.banner_flex{
		display: flex;
		justify-content: space-between;
		flex-direction: column-reverse;
		align-items: start;
	}
	.icon_banner{
		width: 22px;
	}
	.icon_text{
		font-size: 16px !important;
	}
	.back_button{
		width: 40px !important;
		height: 40px !important;
	}
	.login_text_sub{
		display: none !important;
	}
	.special-text{
		font-size: 20px !important;
	}
	.password_msg{
		bottom: 200px !important;

	}
	.pass-sent-text{
		font-size: 14px !important;
	}
	.login-style{
		box-shadow: none !important;
		background: var(--light-cariton-color);
		padding:  0 !important;
	}
}


@media (max-width: 991px) {
    ul#myTab{
      justify-content: normal !important;
    }
} 
select.form-select {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.empty-heading {
	color: #212121;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px; 
	letter-spacing: -0.16px;
}

.empty-subheading {
	color: #535862;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px; 
	letter-spacing: -0.14px;
}

.empty-btn {
	height: 48px;
	padding: 10px 24px;
	cursor: pointer;
	border-radius: 10px;
	background: #1A1A1A;
	color: #F7F7F7;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.14px;
	width: 250px;
}

button#confirm_discount {
	border-radius: 8px !important;
}

/* Shrink modal */
.narrow-modal {
	max-width: 320px !important;
	width: 100%;
}

/* Widen modal */
.wide-modal {
	width: auto !important;
}

div#apply_discount {
	background-color: rgba(0, 0, 0, .5) !important;
}

#apply_discount .modal-content {
	border-radius: 24px;
	background: #FFF;
	box-shadow: 0px 20px 24px 20px rgba(10, 13, 18, 0.10), 0px 8px 8px 8px rgba(10, 13, 18, 0.04);
	border: none;
	padding: 24px;
}

#apply_discount .modal-header {
	border: none !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#apply_discount .modal-header h4 {
	color: #212121;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px; 
	margin: 0;
}

#apply_discount .discount-type-cont {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

@media(max-width: 575px) {
	#apply_discount .discount-type-cont {
		grid-template-columns: repeat(1, 1fr);
	}
	#apply_discount .modal-header h4 {
		font-size: 14px;
	}
	.disc-btn {
		width: 50% !important;
	}
	.narrow-modal {
		width: 100% !important;
	}
}

#clickOverride .modal-content {
	border-radius: 24px;
	background: #FFF;
	box-shadow: 0px 20px 24px 20px rgba(10, 13, 18, 0.10), 0px 8px 8px 8px rgba(10, 13, 18, 0.04);
	border: none;
	padding: 24px;
}