@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

html{
	font-size: 62.5%;
	overflow: hidden !important;
}
body{	
	font-size: 1.6rem; 
	font-weight: 400;
	overflow-x: hidden !important;
	font-family: "Heebo", sans-serif;
	user-select: none;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li a,a{
	text-decoration: none;
}
/*======================  Start Page  ======================*/

.login_img img {
	width: 100%;
}

.login_img {
	width: 100%;
	max-width: 405px;
	margin: 10px auto;
}

.login_body{
	background-color: #E0E0E0;
}

/* .right_content_items {
	height: 400px;
	overflow-y: scroll;
} */

.login_form {
	background: #37474F;
	position: fixed;
	margin-top: 52px;
	padding: 80px 0 10px 0;
	border-radius: 20px 20px 0 0;
	width: 100%;
	bottom: -100%;
	left: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}

.login_logo img {
	width: 110px;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: -56px;
	left: 0;
	right: 0;
}

.main_container {
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.login_form_form {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}

.login_form_form h3 {
	font-size: 18px;
	color: #01B15A;
	font-weight: 700; 
}

.form_group { 
	margin-top: 20px;
}
.form_group input {
	width: 100%;
	background: #263238;
	border: none;
	padding: 9px 25px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
}

.form_group input::-webkit-input-placeholder { 
	color: #37474f;
}

.form_group input::-moz-placeholder { 
	color: #37474f;
}

.form_group input:-ms-input-placeholder { 
	color: #37474f;
}

.form_group input::-ms-input-placeholder { 
	color: #37474f;
}

.form_group input::placeholder { 
	color: #37474f;
}

.form_group input:focus:focus-visible {
	color: #fff;
	outline: none;
}

.form_group_txt {
	color: #cf9b00;
	text-align: right;
	margin-top: 7px;
}

.form_group button {
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1)));
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	border: none;
	width: 100%;
	padding: 11px 0;
	font-size: 26px;
	font-weight: 700;
	border-radius: 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.form_group button:hover {
	opacity: 0.83;
}

.login_footer {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.login_footer img {
	width: 115px;
}

.login_footer p {
	color: #e0e0e0;
}

.left_search_area ul li div img,.left_search_area ul li a img {
	width: 44px;
}

.order_list_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.right_content_items {
	height: 91vh;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-top: 60px;
	box-shadow: 0 9px 10px #ddd;
}


/* Optional: Customize input field style */
.custom-date {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
}

/* Optional: Customize Pikaday calendar container */
.pika-single {
    z-index: 999999 !important;
}
 

.is-selected .pika-button, .has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #02EC78;
    box-shadow: inset 0 1px 3px #02EC78;
    border-radius: 3px;
}

.is-today .pika-button {
    color: #02EC78;
    font-weight: bold;
}

.pika-button:hover, .pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #02EC78;  
}

.verify_area_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:transparent;
	z-index: 1;
}

.printer,
.barcode_info{
	position: relative;
	z-index: 9;
}

.right_content_items::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

.btn_wtp img {
	width: 21px;
}


.right_content_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-start;
	gap: 5px !important;
	/* justify-content: space-between; */
	overflow: auto;
	white-space: nowrap;
	flex-wrap: nowrap !important;
}

.right_content {
	/* -webkit-box-flex: 0;
	    -ms-flex: 0 0 83%;
	        flex: 0 0 83%; */
	/* height: 100vh; */
	position: relative;
	overflow-y: scroll;
	width: calc(100% - 44px);
}

.right_logo img {
	width: 165px;
}

.right_logo {
	text-align: right;
}

.right_content_box div {
	background: #263238;
	padding: 5px 6px;
	border-radius: 5px;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
}
.add_st_scanner.barcode_product_with_scan {
	width: 80%;
	margin: 15px auto;
}


.barcode_product_with_scan .scan_product {
	max-width: 72% !important;
	max-height: 135px;
	width: auto !important;
}
.barcode_product_with_scan.barcode_product_with_scan2 {
	width: 100% !important; 
}
.order_list_area {
	padding: 5px;
	overflow: hidden;
}

.right_content_item {
	background: #fff;
	margin-top: 15px;
	padding: 10px 10px;
	border-radius: 15px;
}

.right_content_top{ 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.content_order_item_name h4 {
	color: #263238;
	font-size: 14px;
	font-weight: 700;
	max-width: 110px;
	max-height: 30px;
	overflow: hidden;
}

.content_order_item_name {
	text-align: right;
	min-width: 90px;
}

.content_order_item_name span {
	color: #263238; 
}

.right_content_item p {
	color: #263238;
	font-size: 16px;
	display: flex;
    gap: 5px;
}

.right_content_item p > div, .right_content_item p > div img{
	max-height: 20px;
}

.btn_red{ 
	background: #E04D38;
	color: #fff;
	padding: 3px 12px;
	border-radius: 8px;
}

.order_list_body{ 
	background: #E0E0E0;
}

.search_order_green,
.search_order_yellow,
.search_order_red,
.search_order_blue,
.search_order_home,
.search_order {
	width: 44px;
	height: 44px; 
	background: #263238;
	border-radius: 100%;
	color: #fff;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: 700;
	position: relative;
}



.search_order_green{ 
	background: #02EC78;
	margin-top: 5px; 
	color: #000;
}
.search_order_yellow{ 
	background: #D8C100;
	margin-top: 5px; 
	color: #000;
}
.search_order_red{ 
	background: #E04D38;
	margin-top: 5px; 
}
.search_order_blue{ 
	background: #8dcfff;
	margin-top: 5px;
	color: black;
}

.right_hide_content ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.right_hide_content {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}

.btn_green {
	background: #02EC78;
	color: #000;
	width: 100px;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0;
	border-radius: 20px;
	padding: 4px 10px;
	font-weight: 700;
	font-size: 14px;
	height: 30px;
}

.btn_green:hover { 
	color: #000;
}

.cart_popup_box .btn_green {
	width: 89px;
	font-size: 15px;
}

.cart_popup_box .btn_yellow {
	padding: 5px 8px;
	border-radius: 20px;
	width: 80px;
}

.bold_tag{
	font-weight: 500;
}

.btn_dark {
	background: #37474F;
	color: #fff;
	width: 100px;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	border-radius: 20px;
	padding: 4px 10px;
	font-weight: 700;
	font-size: 14px;
}

.btn_dark:hover {
	 
	color: #fff;
}


.right_hide_content .btn_dark span {
	background: #02EC78;
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 100%;
	color: #000;
	flex:  0 0 auto;
}

.right_hide_content .btn_dark {
	width: 95px; 
}

input:focus-visible {
	outline: none;
}

.btn_wtp {
	color: #37474f;
	font-size: 18px;
	font-weight: 400;
}

.btn_wtp:hover { 
	color: #37474f;
}

.btn_wtp i{
	color: #02EC78; 
}

.right_hide_content{
	display: none;
}

.btn_red:hover {
	color: #fff;
}

.right_content_footer img {
	width: 100px;
}
.right_content_footer p{
	font-size: 12px;
}

.right_content_footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 17px 0 3px 0;
	background: linear-gradient(0deg, rgba(224, 224, 224, 1) 0%, rgba(224, 224, 224, 1) 60%, rgba(255, 255, 255, 0) 100%);
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9;
	max-width: 450px;
}

/* checbox custom css  */

.checkbox-wrapper-12 {
	position: relative;
  }
  .checkbox-wrapper-12 > svg {
	position: absolute;
	top: -130%;
	left: -170%;
	width: 110px;
	pointer-events: none;
  }
  .checkbox-wrapper-12 * {
	box-sizing: border-box;
  }
  .checkbox-wrapper-12 input[type="checkbox"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	margin: 0;
  }
  .checkbox-wrapper-12 input[type="checkbox"]:focus {
	outline: 0;
  }
  .checkbox-wrapper-12 .cbx {
	width: 24px;
	height: 24px;
	top: calc(50vh - 12px);
	left: calc(50vw - 12px);
  }
  .checkbox-wrapper-12 .cbx input {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #bfbfc0;
	border-radius: 50%;
  }
  .checkbox-wrapper-12 .cbx label {
	width: 24px;
	height: 24px;
	background: none;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-filter: url("#goo-12");
	filter: url("#goo-12");
	transform: trasnlate3d(0, 0, 0);
	pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg {
	position: absolute;
	top: 5px;
	left: 4px;
	z-index: 1;
	pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg path {
	stroke: #fff;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 19;
	stroke-dashoffset: 19;
	transition: stroke-dashoffset 0.3s ease;
	transition-delay: 0.2s;
  }
  .checkbox-wrapper-12 .cbx input:checked + label {
	animation: splash-12 0.6s ease forwards;
  }
  .checkbox-wrapper-12 .cbx input:checked + label + svg path {
	stroke-dashoffset: 0;
  }
  @-moz-keyframes splash-12 {
	40% {
	  background: #01BA5F;
	  box-shadow: 0 -18px 0 -8px #01BA5F, 16px -8px 0 -8px #01BA5F, 16px 8px 0 -8px #01BA5F, 0 18px 0 -8px #01BA5F, -16px 8px 0 -8px #01BA5F, -16px -8px 0 -8px #01BA5F;
	}
	100% {
	  background: #01BA5F;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @-webkit-keyframes splash-12 {
	40% {
	  background: #01BA5F;
	  box-shadow: 0 -18px 0 -8px #01BA5F, 16px -8px 0 -8px #01BA5F, 16px 8px 0 -8px #01BA5F, 0 18px 0 -8px #01BA5F, -16px 8px 0 -8px #01BA5F, -16px -8px 0 -8px #01BA5F;
	}
	100% {
	  background: #01BA5F;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @-o-keyframes splash-12 {
	40% {
	  background: #01BA5F;
	  box-shadow: 0 -18px 0 -8px #01BA5F, 16px -8px 0 -8px #01BA5F, 16px 8px 0 -8px #01BA5F, 0 18px 0 -8px #01BA5F, -16px 8px 0 -8px #01BA5F, -16px -8px 0 -8px #01BA5F;
	}
	100% {
	  background: #01BA5F;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }
  @keyframes splash-12 {
	40% {
	  background: #01BA5F;
	  box-shadow: 0 -18px 0 -8px #01BA5F, 16px -8px 0 -8px #01BA5F, 16px 8px 0 -8px #01BA5F, 0 18px 0 -8px #01BA5F, -16px 8px 0 -8px #01BA5F, -16px -8px 0 -8px #01BA5F;
	}
	100% {
	  background: #01BA5F;
	  box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
	}
  }

.right_content_btn_red{
	background: #E04D38 !important;
}

.right_logo a,.right_logo div {
	font-size: 20px;
	color: #000;
	position: relative;
	z-index: 9;
}

.overlay_click_hide_search,.footer_detail_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff26;
	z-index: 555555;
	display: none;
}

.right_logo a span,.right_logo div span {
	font-weight: 700;
}

.right_logo_position{
	position: relative;
}

.right_logo_position img {
	width: 115px;
	position: absolute;
	right: 29px;
	top: 0;
	z-index: 1;
}



.table_search_slide_box {
	position: absolute;
	top: 0;
	background: #37474F;
	right: -100%;
	width: 72%;
	height: 100vh;
	padding: 25px 20px 25px 20px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	z-index: 999999999;
	box-shadow: 0 56px 21px 20px #596571A8;
}

.barcode_product_with_scan img {
	width: 100%;
}

.search_group select::-webkit-inner-spin-button,
.search_group select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.search_group select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Chrome, Safari, Edge */
    appearance: none; /* Standard */
    background: transparent; /* Remove background */
    background-image: none; /* Remove arrow */
}



.search_group input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

.search_group select ,
.search_group input {
	width: 100%;
	margin-bottom: 11px;
	background: #263238;
	border: none;
	padding: 9px 10px;
	border-radius: 10px;
	color: #fff;
}

#dateInput{
	text-align: right;
}

.search_group {
	position: relative;
}
 
/* Firefox */
.search_group input[type="date"]::-moz-focus-inner {
	border: 0;
}

.search_group input[type="date"]::-moz-clear {
	display: none;
}

.search_group input[type="date"]::-moz-placeholder {
	color: transparent;
}

/* Remove Firefox calendar icon */
.search_group input[type="date"]::-moz-calendar-picker-indicator {
	display: none;
}

/* Internet Explorer */
.search_group input[type="date"]::-ms-clear {
	display: none;
}

.search_group input[type="date"]::-ms-reveal {
	display: none;
}

.search_group img {
	font-size: 20px;
	position: absolute;
	left: 9px;
	top: 7px; 
	width: 21px;
}

.search_group_radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 13px;
}

.search_group_radio label {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0;
}

.search_group_btn button {
	width: 100%;
	border: none;
	padding: 10px 0;
	margin-top: 35px;
	font-size: 24px;
	font-weight: 700 !important;
	color: #263238 !important;
	font-size: 21px !important;
	border-radius: 40px !important;
	background: -webkit-gradient(linear, left top, right top, from(rgb(1, 165, 84)), to(rgb(1, 235, 119)));
	background: -o-linear-gradient(left, rgb(1, 165, 84) 0%, rgb(1, 235, 119) 100%);
	background: linear-gradient(90deg, rgb(1, 165, 84) 0%, rgb(1, 235, 119) 100%);
}

.position_fixed_order {
	position: fixed;
	width: 100%;
	background: linear-gradient(180deg, rgba(224, 224, 224, 1) 0%, rgb(224 224 224) 60%, rgb(224 224 224 / 0%) 100%);
	padding-bottom: 5px;
	max-width: calc(100% - 55px);
	z-index: 1;
	margin-top: -5px;
	margin-right: -5px;
	padding-top: 5px;
	padding-right: 5px;
}

.search_group_btn button img {
	width: 28px;
}

.search_box_slide h3 {
	font-size: 25px;
	color: #fff;
	margin-bottom: 23px;
	font-weight: 100;
}

.search_group_radio input {
	accent-color: #02EC78;
}

.btn_arrow_search_cart2,
.btn_arrow_search_cart, .btn_arrow_search {
	position: absolute;
	left: -23px;
	top: 53%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1)));
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 1px solid #37474F;
	font-size: 29px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #000;
}


.btn_arrow_search_cart {
	position: absolute;
	left: -23px;
	top: 53%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1)));
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 1px solid #37474F;
	font-size: 29px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.single_order_collection {
	background: #fff;
	margin: 7px 0;
	padding: 10px 10px;
	border-radius: 15px;
	/* box-shadow: 0 9px 10px #ddd; */
}
.single_order_collection:last-child {
    margin-bottom: 15vh;
}

.single_product_box img {
	width: 65px;
}

.single_product_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	        position: relative;
}

.collection_product_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.collection_product_top h5 {
	font-size: 16px;
	width: 35px;
    text-align: left;
}

.collection_product_content {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 81%;
	        flex: 0 0 81%;
}

.collection_product_bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.collection_product_top .for_for_card {
	background: #02EC78;
	width: 100px;
	padding: 5px 0;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #000;
	font-weight: 400;
	font-size: 12px;
	height: 30px;
	min-width: 85px;
}

.search_group_btn button { 
	height: 40px;
	padding: 10px;
}
 

/* Hide scrollbar for Chrome, Safari and Opera */
.right_content::-webkit-scrollbar {
  display: none;
}



/* Hide scrollbar for IE, Edge and Firefox */
.right_content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}  

/* Hide scrollbar for Chrome, Safari and Opera */
.right_content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.right_content_items {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 
.no_orders{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
} 
.no_orders img{
	max-height: 200px;
	max-width: 200px;
} 
  


.order_collection_box {
	margin-top: 50px;
	height: calc(100vh - 100px);
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.btn_green.btn_back_popup_2 {
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1)));
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
}


.order_collection_box::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}


.collection_barcode img {
	width: 38px !important;
	cursor: pointer;
}

.collection_product_top h4 {
	font-size: 14px;
	font-weight: 700;
	text-align: right;
}

.collection_product_bottom.order_collection_border {
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #8c8c8c;
	padding-bottom: 5px;
}
.collection_product_bottom {
	padding-top: 10px;
}

.collection_product_bottom a {
	width: 144px;
	padding: 10px 8px;
}

.collection_barcode img { 
	width: 52px;
}

.collection_barcode p {
	font-size: 12px;
	color: #000;
}

.cart_popup_box .btn_yellow {
	padding: 5px 8px;
	border-radius: 20px;
	font-weight: 700;
	font-size: 15px;
}

.collection_ex p {
	background: #D8C100;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	gap: 6px;
	margin-top: 15px;
	font-size: 14px;
}

.collection_product_top .for_for_card span {
	font-size: 16px !important;
	font-weight: 500;
}

.collection_ex p i {
	font-size: 26px;
}

.order_collection_top_menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;   
	right: 0;
	top: 0; 
	z-index: 999;
	gap: 10px;
	overflow-x: auto;
}
.collection_barcode {
	align-items: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	        align-items: baseline;
}
.collection_product_bottom.order_collection_border .collection_barcode{
	flex-direction: row-reverse;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: center;
	gap: 14px;
}
.btn_collection_green, .btn_collection_dark {
	border-radius: 8px !important; 
	font-weight: 400 !important;
}

.btn_collection_dark {
	background: #bbbbbb;
	color: #263238;
	width: 100px;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	border-radius: 20px;
	padding: 4px 10px;
	font-weight: 700;
}

/* .btn_collection_dark:hover {
	color: #02EC78;
} */

.btn_collection_dark span {
	background: #37474f;
	color: #bbbbbb;
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 100%;
	font-size: 12px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.btn_collection_green {
	background: #02EC78;
	color: #000;
	width: 100px;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 15px;
	border-radius: 20px;
	padding: 4px 10px;
	font-weight: 700;
}

.btn_collection_green:hover {
	color: #000;
}

.btn_collection_green span {
	background: #37474F;
	color: #02EC78;
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 100%;
	font-size: 12px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

.order_collection_top_menu {
	position: absolute;
	right: 0;
	width: 100%;
	background: #dddddd70;
	padding: 3px 6px;
	background: linear-gradient(179deg, rgba(224, 224, 224, 1) 0%, rgb(224 224 224) 60%, rgba(255, 255, 255, 0) 100%);
    	height: 35px;
}

.left_search_area {
	position: relative;
	z-index: 99999;
	padding-right: 5px;
}

.order_collection_box {
	margin-top: 28px;
}

.cart_product_popup {
	position: fixed;
	bottom: -100%;
	left: 0;
	background: #37474F;
	width: 100%;
	z-index: 99999;
	padding: 12px;
	/* display: none; */
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	border-radius: 15px 15px 0 0;
	max-width: 450px;
	margin: 0 auto;
	width: 100%;
	right: 0;
	box-shadow: 0 -14px 18px #596571A8;
	z-index: 666666;
}

.cart_scan_calculate {
	position: fixed;
	bottom: 0%;
	left: 0;
	background: #37474F;
	width: 100%;
	z-index: 99999;
	padding: 12px; 
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	border-radius: 15px 15px 0 0;
	max-width: 450px;
	margin: 0 auto;
	width: 100%;
	right: 0;
	box-shadow: 0 -14px 18px #596571A8;
}

.cart_product_popup_2 {
	position: absolute;
	bottom: -100%;
	left: 0;
	background: #37474F;
	width: 100%;
	z-index: 99999;
	padding: 12px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	display: none;
	border-radius: 15px 15px 0 0;
}

.cart_product_popup_3 {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #37474F;
	width: 100%;
	z-index: 99999;
	padding: 12px 8px;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	border-radius: 15px 15px 0 0;
	max-width: 450px;
	margin: 0 auto;
	width: 100%;
	right: 0;
}

.popup_box_text_box h4 {
	color: #f3f4f4;
	font-size: 16px;
	margin-top: 42px;
	font-weight: 700;
}

.cart_product_item {
	background: #fff;
	margin-top: 15px;
	padding: 10px 10px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	position: relative;
}
.cart_product_item .show_discount_types{
	position: absolute;
    top: -8px;
    font-size: 12px;
    background: #d8c100;
    border-radius: 18px;
    padding: 3px 8px;
}
.cart_product_item .content_wrap{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.cart_product_item .content_wrap .short_description{
	font-size: 12px;
    line-height: 12px;
}
.order_calculate_tap a { 
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1))); 
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%); 
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
}


.popup_box_text_box ul li p {
	font-size: 16px;
	color: #f3f4f4;  
}

.popup_box_text_box ul { 
	margin: 10px 0;
}

.popup_black_box {
	background: #263238;
	border-radius: 10px;
	padding: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  	gap: 10px;
	margin-top: 10px;
	align-items: center;
}

.popup_black_box i {
	color: #D8C100;
	font-size: 22px;
}

.popup_black_box p {
	font-size: 14px;
	color: #f3f4f4;  
}

.cart_product_item .image_name_wrap {
	display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.cart_product_item .image_wrap {
	height: 60px;
    width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart_product_item img {
	max-height: 60px;
    max-width: 55px;
}

.cart_quantity_count {
	/* background: #01EB77; */
	padding: 3px 0px;
	border-radius: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	display: flex;
	flex-direction: column;
	min-width: 80px;
	margin: 0;
	padding: 0;
	font-size: 13px;
}
.cart_quantity_count .left-qty{
	font-size: 10px;
}
.cart_quantity_count .kg_button{
	background: #01EB77;
    padding: 6px 0px;
    border-radius: 50px;
    min-width: inherit;
    color: black;
}
.cart_quantity_count .kg_button.btn_red{
	background: #e56856;;
    color: white;
}
.cart_quantity_count .unit_button{
	background: #d8c100;
    padding: 6px 0px;
    border-radius: 50px;
    min-width: inherit;
}

.cart_product_item p {
	font-size: 12px;
	font-weight: 700;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.cart_product_item p span {
	font-size: 15px;
	font-weight: 700;
}

.cart_quantity_count p {
	font-size: 10px;
}

.cart_popup_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	        gap: 5px;
}

.cart_popup_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
}

.cart_product_search {
	position: relative;
	margin: 15px 0 15px 0;
}

.cart_product_search input {
	width: 100%;
	border: none;
	background: #263238;
	padding: 16px;
	border-radius: 10px;
	color: #fff;
	border: 1px solid transparent;
}
.ui-datepicker-trigger {
	display: none;
}
.cart_product_search input:focus {
	border: 1px solid #ddd;
}

.cart_product_search i {
	position: absolute;
	font-size: 20px;
	left: 16px; 
	top: 19px;
	color: #02EC78;
	cursor: pointer;
}

.btn_green_order {
	background: #02EC78 !important;
	color: #000 !important;
}

.btn_green_order,
.btn_yellow {
	background: #D8C100; 
	color: #fff;
	padding: 3px 12px;
	border-radius: 8px;
	font-size: 12px;
}

.btn_yellow {
	color: #000;
}

.btn_green_order:hover{ 
	color: #fff;
}
.btn_yellow:hover { 
	color: #000;
}

.left_search_area ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.cart_more_info span {
	background: #D8C100;
	padding: 1px 5px;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 700;
	max-width: 100px;
	overflow: hidden;
	max-height: 38px !important;
	display: block;
}

.cart_more_info {
	text-align: right;
}

.cart_more_info p {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
}

.card_add_more i {
	color: #fff;
}

.card_add_more button {
	border: none;
	background: #3ca6f3;
	font-weight: 700;
	font-size: 15px;
	padding: 5px 8px;
	border-radius: 20px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	line-height: 12px;
	color: #000000;
}

.cart_quantity_count button {
	background: transparent;
	border: none;
}

.cart_product_lists {
	width: 93%;
	margin: 0 auto;
	height: 350px;
	overflow-y: scroll; 
	scrollbar-width: none;
	-ms-overflow-style: none; 
}

.cart_product_lists::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}


.order_calculate_popup {
	position: absolute;
	top: 0;
	background: #37474F;
	right: -100%;
	width: 66%;
	height: 100%;
	padding: 12px;
	z-index: 999999;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	box-shadow: 0 56px 21px 20px #596571A8;
}

.site_menu_popup {
	position: absolute;
	top: 0;
	background: #37474F;
	right: -100%;
	width: 66%;
	height: 100%;
	padding: 25px;
	z-index: 999999;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	box-shadow: 0 56px 21px 20px #596571A8;
}

  

.card_product_left a,.card_product_left>div {
	border-radius: 15px;
}

.order_calculate_tap {
	background: #253137;
	padding: 10px 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.order_card_cal_dis {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 6px;
	justify-content: flex-end;
    width: 100%;
    margin: 0 7px 0 10px;
	max-width: 100%;
    overflow-y: hidden;
}

.order_card_cal_dis h3 {
	font-size: 44px;
	color: #fff;
	font-weight: 700;
}

.order_card_cal_dis p {
	font-size: 18px;
	color: #01C463;
}

.order_calculate_btn {
	margin: 10px auto;
	width: 100%;
}
.order_calculate_btn ul li.cal_dot_li {
	color: #fff !important;
	background: #263238 !important;
}

.order_calculate_btn ul li.cal_close_li {
	background: #E04D38 !important;
	color: #fff !important;
}
.order_calculate_btn ul li {
    width: 46px;
    height: 46px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
}
.order_calculate_btn ul li.simple_keypad_li {
    background: #CDD0D1;
	color: #253137;
}
.order_calculate_btn ul li button {
	border: none;
    background: inherit;
    /* width: 1.8em; */
    /* height: 1.8em; */
    /* font-size: 40px; */
    font-weight: 900;
    color: inherit;
    font-size: 30px;
    border-radius: 45px;
    /* margin-bottom: 8px; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.order_calculate_btn ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; 
	gap: 8px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}



.single_card_product img {
	width: 80px;
}

.single_card_product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 9px;
	padding-bottom: 15px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	flex-direction: column;
}
.keyboard_confirm{
	width: 100%;
	min-width: 100%;
	height: 35px;
	font-size: 20px;
	line-height: 20px;
}
.keyboard_confirm.less_quantity{
	background: #d4bf03;
}
.keyboard_confirm.exeed_quantity{
	background: #02ec41;
}
.card_product_left .product_name {
	font-size: 22px;
	color: #fff;
	font-weight: 500;
}

.btn_red.cart_btn_red {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between; 
	width: 100px;
}
.cart_btn_green{
	background: #02EC78;
	color:#000;
}
.cart_btn_yellow{
	background: #D8C100;
	color:#000;
}
.btn_red{ 
	font-size: 12px;
}

.verify_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
	background-color: #D8E1DCF0;
}

.barcode_btn a,.barcode_btn button.btn_green {
	background: -webkit-gradient(linear, left top, right top, from(rgba(1,165,84,1)), to(rgba(1,235,119,1)));
	background: -o-linear-gradient(left, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
}

.barcode_area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
	background-color: #D8E1DCF0;
	overflow: auto;
}

.barcode_area .collection_product_content {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
}
.dec_link_collection {
	width: auto !important;
	font-size: 14px;
	color: #E04D38;
	text-decoration: underline;
}

.for_for_card.for_for_red {
	background: #E04D38;
	color: #fff !important;
}
.for_for_card{
	min-width: 60px;
    max-width: 85px;
}

.barcode_main_product_area {
	background: #fff;
	width: calc(100% - 24px);
	margin: 12px;
	padding: 5px;
	border-radius: 10px;
}

.barcode_info {
	background: #263238;
	width: 85%;
	margin: 0 auto;
	padding: 13px 5px;
	border-radius: 10px;
}
.barcode_area .not_found{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	height: 100%;
}

.barcode_btn a,.barcode_btn button.btn_green {
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	border: none;
	min-width: 180px;
}

.barcode_title p {
	font-size: 16px;
	color: #fff;
}


.barcode_title i {
	color: #D8C100;
	font-size: 22px;
}

.barcode_title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 12px;
}

.barcode_info {
	margin-top: 0;
}

.verify_area .barcode_info {
	margin-top: 55px;
}

.barcode_back_btn button {  
	background: #02EC78;
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	border: 1px solid #37474F;
	font-size: 29px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 auto;
}

.barcode_back_btn {
	margin-top: 32px;
	text-align: center;
}

.verify_code {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	        gap: 12px;
	overflow-x: scroll;
	overflow-y: hidden;
}

.verify_code li p {
	background: #37474F;
	width: 50px;
	cursor: pointer;
	height: 50px;
	border-radius: 100%;
	font-size: 42px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-weight: 700;
	color: #263238;
}


.verify_code li p.active {
	background: #02EC78;
}

.verify_code {
	margin: 25px 0;
}

.btn_for_yellow {
	font-weight: 700;
	color: #000 !important;
	background-color: #D8C100 !important;
}

.side_tooltip_5,
.side_tooltip_4,
.side_tooltip_3,
.side_tooltip_2,
.side_tooltip_1 {
	background: #263238;
	font-size: 14px;
	padding: 3px 10px;
	color: #E04D38;
	font-weight: 300;
	position: absolute;
	left: 55px;
    top: 10px;
    display: none;
    width: max-content;
    border-radius: 0 15px 15px 0;
}

.side_tooltip_6 {
	color: #8dcfff;
}
.side_tooltip_5 {
	color: #3ca6f3;
}
.side_tooltip_4 {
	color: #c5c5c5;
}
.side_tooltip_3 {
	color: #02EC78;
}

.side_tooltip_2 {
	color: #D8C100;
}
.search_order_black{
	background: #c5c5c5;
    color: black;
}
.for_for_card.btn_for_grey {
    background: #c5c5c5;
    color: black;
}
.for_for_card.btn_for_blue {
	background: #8dcfff;
	color: black;
}
.side_tooltip_6::after ,
.side_tooltip_5::after ,
.side_tooltip_4::after ,
.side_tooltip_3::after ,
.side_tooltip_2::after ,
.side_tooltip_1::after {
	content: '';
	position: absolute;
	left: -29px;
	top: 0px;
	border-top: 13px solid transparent;
	border-left: 13px solid transparent;
	border-right: 16px solid #263238;
	border-bottom: 14px solid transparent;
}
.missing_report_page .side_tooltip_6::after ,
.missing_report_page .side_tooltip_5::after ,
.missing_report_page .side_tooltip_4::after ,
.missing_report_page .side_tooltip_3::after ,
.missing_report_page .side_tooltip_2::after ,
.missing_report_page .side_tooltip_1::after {
	content: '';
	position: absolute;
	left: 7px;
	top: -18px;
	border-top: 11px solid transparent;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #263238;
}
.missing_report_page .side_tooltip_5,
.missing_report_page .side_tooltip_4,
.missing_report_page .side_tooltip_3,
.missing_report_page .side_tooltip_2,
.missing_report_page .side_tooltip_1 {
	position: relative;
	top: 4px;
	right: 3px;
	writing-mode: vertical-rl;
	display: block;
	width: max-content;
	border-radius: 11px;
	writing-mode: vertical-rl;
	padding: 14px 8px;
	color: white !Important;
}

/* .logo_anima{
	animation: arrowUpDown 1s infinite;
} */



.barcode_product_with_scan {
	position: relative;
}

.barcode_scanner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 72%;
	height: 6px;
	background: #E72323;
	position: absolute;
	left: 0;
	top: -101px;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 99;
	-webkit-animation: arrowUpDown 4s infinite;
	        animation: arrowUpDown 4s infinite;
}

.add_st_scanner .barcode_scanner{ 
	width: 95%;
}


@-webkit-keyframes arrowUpDown {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}


@keyframes arrowUpDown {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

.cart_quantity_count button i {
	font-size: 22px;
	color: #000;
}



button:focus-visible, [type="button"]:focus-visible, [type="reset"]:focus-visible, [type="submit"]:focus-visible {
	outline: none;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    outline: none;
}

.site_menu_title h3 {
	font-size: 22px; 
	color: rgb(224, 224, 224);
	line-height: 1.2; 
	font-weight: 300;
	margin-bottom: 5px;
}


.site_menu_title h3 span {
	color: #02EC78;
}

.site_input_group{
	position: relative;
}

.site_input_group input {
	width: 100%;
	margin-bottom: 11px;
	background: #263238;
	border: none;
	padding: 9px 10px;
	border-radius: 25px;
	color: #495053;
}
 
  
.first_site_menu_field {
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%) !important;
	box-shadow: 0px 0px 76px 0px rgba(38, 50, 56, 0.35);
	color: #000 !important;
	font-weight: 700;
}

.site_input_group img {
	/* position: absolute;
	left: 11px;
	top: 8px; */
	width: 25px;
}

 
.add_st_scanner{
	position: relative;
}
.add_st_scanner img {
	width: 100%;
}

.add_stock_scanner_text {
	width: 100%;
	max-width: 65%;
	margin: 56px auto;
}
 
.add_stock_scanner_text h3 {
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
	margin: 14px 0;
	font-weight: 300;
	color: #566268;
	max-width: 198px;
	margin: 0 auto;
	width: 100%;
}
 
 
.add_stock_input h3 {
	font-size: 25px;
	color: #566268;
	line-height: 1.2;
	text-align: center;
	margin: 14px 0;
	font-weight: 300;
	margin-left: 45px;
}

.add_stock_input_group input {
	width: 100%;
	padding-left: 136px;
}

.add_stock_input_group{
	position: relative;
}

.add_stock_input{ 
	width: 95%;
	margin: 0 auto;
	position: relative;
}

.add_stock_input {
	width: 88%;
	position: absolute; 
	left: 0;
	right: 0;
	top: 40%;
	margin: 0 auto;
	z-index: 999;
}

.add_stock_main {
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	z-index: 99;
}

.add_stock_input_group input {
	width: 64%;
	box-shadow: 0px 0px 76px 0px rgba(38, 50, 56, 0.35);
	background: #fff;
	border: none;
	padding: 10px 15px;
	border-radius: 17px;
	height: 35px;
	font-size: 20px;
	color: #000; 
}
.add_stock_input_group.add_stock_after_scan {
	text-align: right;
}
.add_stock_input_group.add_stock_after_scan input{
	text-align: center;
}

.add_btn_stock.btn_green {
	position: absolute;
	border: none;
	left: 0;
	top: 0;
	height: 35px;
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%);
	/* color: #fff; */
	font-weight: 300;
	border-radius: 12px;
}
  
.add_stock_select {
	border-radius: 17px;
	box-shadow: 0px 0px 76px 0px rgba(38, 50, 56, 0.35);
	background: #fff;
	padding: 8px;
	position: relative;
	display: none;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
 
	text-align: right;
}

.add_stock_select li > span {
	font-size: 14px;
	color: #e04d38;
}

.add_stock_select input {
	width: 100%;
	margin-bottom: 4px;
	border: none;
}

.add_stock_select li {
	display: flex;
	justify-content: space-between;
	padding: 2px 0;
	transition: 0.3s;
	cursor: pointer;
}

.add_stock_input_group.add_stock_input_group_input_script.full_width_add input {
	width: 100% !important;
	font-size: 14px;
}

.add_stock_select li:hover { 
	background: #ddd;
}
 
.add_stock_select  p {
	font-size: 14px; 
}
  
.add_stock_select option {
	display: flex;
	justify-content: space-between;
	padding: 2px 8px;
}

.add_stock_select option > span {
	font-size: 14px;
	color: #e04d38;
}

.add_stock_select option p span {
	font-weight: 700;
}

.add_slect_p {
	margin-bottom: 10px;
	padding-top: 8px;
}

.add_stock_select option.active ,
.add_stock_select option:hover { 
	background: #e0e0e0;
} 

.add_stock_main.after_scan_stock {
	left: 72px;
}

.add_stock_scan_box{ 
	background: #fff;
}

.add_stock_after_scan{
	display: block !important;
}

.after_scan_stock_price {
	display: flex;
	justify-content: space-between;
	padding: 0 10px 0 10px;
	align-items: center;
	margin-top: 30px;
}

.after_scan_last {
	display: flex;
	gap: 2px;
	position: relative;
	margin: 0 9px;
}

.after_scan_last sub {
	position: absolute;
	top: 16px;
	font-size: 16px;
	right: -9px;
}

.after_scan_last span {
	position: absolute;
	left: -11px;
	bottom: 7px;
	font-size: 18px;
}

.after_scan_middle {
	text-align: center;
}

.after_scan_middle img {
	width: 45px;
}

.after_scan_middle p {
	font-size: 12px;
	color: #000;
}

.after_scan_last p {
	font-weight: 400;
	font-size: 32px;
	padding: 0  8px 0 0;
}

.scan_after_first a {
	display: flex;
	gap: 16px;
	align-items: center;
	font-size: 12px;
	border-radius: 15px;
}

.scan_after_first a span{ 
	font-size: 15px;
}

.border_virticle {
	display: block;
	width: 1px;
	height: 41px;
	background: #ddd;
}
.add_stock_input {
	text-align: center;
}

.add_stock_input a {
	text-align: center;
	color: #e04d38;
	font-size: 14px;
	display: inline-block;
	margin: 4px 0 25px 0;
	text-decoration: underline;
}

.add_stock_after_scan{
	position: relative  !important;
}

.add_stock_scan_box .add_stock_scanner_text {
 
	margin: 0 auto;
}

.after_scan_stock { 
	/* top: -14px;  */
}

.add_stock_scanner_text h4 {
	font-size: 12px; 
	padding-top: 42px;
	padding-bottom: 15px;
}

.scan_product {
	position: absolute;
	width: 67px !important;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9;
	top: -15px;
}

.scan_scanner {
	position: relative;
	z-index: 9;
	opacity: 0.2;
}

.after_scan_stock  .add_stock_input h3 {
	font-size: 20px;  
	margin-left: 0;
}

.after_scan_stock .add_btn_stock.btn_green {
    width: 135px;
    font-size: 14px;
    font-weight: 500;
}

/* .add_stock_input_group.add_stock_after_scan button {
	position: inherit;
	width: 200px !important;
}

.add_stock_input_group.add_stock_after_scan {
	display: flex !important;
} */

.add_stock_input_group input { 
	border-radius: 13px; 
}

.cart_scan_box_cal_flex {
	display: flex;
	align-items: center;
	width: 82%;
	margin: 0 auto;
}

.cart_scan_box_cal {
	display: flex;
	flex: 0 0 75%;
}

.cart_scan_box_left button {
	width: 100%;
	border-radius: inherit;
	border: none;
	height: 72px;
	text-align: center !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 400;
}

.cart_scan_box_left {
	flex: 0 0 25%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: space-between;
}

.cart_scan_box_cal_flex .order_calculate_btn ul li button {
	height: 30px;
	font-size: 20px;
}

.order_list_right_content_items{
	height: calc(95vh) !important;
    position: relative;
    /* margin-bottom: 8%; */
    /* margin-bottom: 16vh; */
}
.right_content_item:last-child {
    margin-bottom: 15vh;
}

.site_input_group button ,.site_input_group a{
	width: 100%;
	margin-bottom: 11px;
	background: #263238;
	border: none;
	padding: 9px 10px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	transition: 0.3s;
	height: 35px;
	color: white;
}


.site_input_group button:hover,
.site_input_group button.active,
.site_input_group a:hover ,
.site_input_group a.active {
	background: linear-gradient(90deg, rgba(1,165,84,1) 0%, rgba(1,235,119,1) 100%) !important;
	box-shadow: 0px 0px 76px 0px rgba(38, 50, 56, 0.35);
	color: #000 !important;
	/* font-weight: 700; */
}

.red_color_btn {
	color: #e04d38 !important;
}



/* Hide default arrow in Webkit browsers (Chrome, Safari) */
.search_group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;   
  }
  
  /* Hide default arrow in Internet Explorer */
  .search_group select::-ms-expand {
	display: none;
  }
  
  .cart_scan_calculate .order_calculate_btn ul { 
	gap: 12px; 
}


/* select css test  */


.select2.select2-container {
	width: 100% !important;
  }
  .select2.select2-container .select2-selection {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 34px;
	margin-bottom: 15px;
	outline: none !important;
	transition: all 0.15s ease-in-out;
  }
  .select2.select2-container .select2-selection .select2-selection__rendered {
	color: #333;
	line-height: 32px;
	padding-right: 33px;
  }
  .select2.select2-container .select2-selection .select2-selection__arrow {
	background: #f8f8f8;
	border-left: 1px solid #ccc;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	height: 32px;
	width: 33px;
  }
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
	background: #f8f8f8;
  }
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
  }
  .select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
	border: 1px solid #34495e;
  }
  .select2.select2-container .select2-selection--multiple {
	height: auto;
	min-height: 34px;
  }
  .select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
	margin-top: 0;
	height: 32px;
  }
  .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block;
	padding: 0 4px;
	line-height: 29px;
  }
  .select2.select2-container .select2-selection--multiple .select2-selection__choice {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 4px 4px 0 0;
	padding: 0 6px 0 22px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	position: relative;
  }
  .select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
	position: absolute;
	top: 0;
	left: 0;
	height: 22px;
	width: 22px;
	margin: 0;
	text-align: center;
	color: #e74c3c;
	font-weight: bold;
	font-size: 16px;
  }
  .select2-container .select2-dropdown {
	background: transparent;
	border: none;
	margin-top: -5px;
  }
  .select2-container .select2-dropdown .select2-search {
	padding: 0;
  }
  .select2-container .select2-dropdown .select2-search input {
	outline: none !important;
	border: 1px solid #34495e !important;
	border-bottom: none !important;
	padding: 4px 6px !important;
  }
  .select2-container .select2-dropdown .select2-results {
	padding: 0;
  }
  .select2-container .select2-dropdown .select2-results ul {
	background: #fff;
	border: 1px solid #34495e;
  }
  .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
	background-color: #3498db;
  }
  .btn_collection_green .icon, .btn_collection_dark .icon{
	max-width: 20px;
	max-height: 20px;
}
.btn_collection_green, .btn_collection_dark {
	width: auto;
	gap: 11px;
	padding: 4px 4px;
	font-size: 14px;
}
.card_product_left{
	display: flex;
    gap: 10px;
	justify-content: space-between;
    width: 100%;
	position: relative;
	
}
.card_product_left .product_name {
	font-size: 15px;
    line-height: 15px;
	/* min-width: calc(100% - 80px);
    width: calc(100% - 80px); */
}
.card_product_left .btn_red span{
	font-size: 16px !important;
    font-weight: 500;
}
.card_product_left .btn_red .collect_qty{
	font-size: 20px !important;
    font-weight: 500;
}
.card_product_left .btn_red {
    /* min-width: 88px; */
    max-height: 30px;
    /* height: 24px; */
	border-radius: 0;
    margin-left: -12px;
    min-width: 10px;
    background: none;
    
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    line-height: 10px;
    height: auto;
	justify-content: flex-end;
    gap: 5px;
	color: #e04d38;
	position: absolute;
    left: -4px;
    top: -17px;
    width: 100%;
}
.card_product_left .btn_red.cart_btn_green {
    color: #02ec78;
}
.card_product_left .btn_red.cart_btn_yellow {
    color: #d8c100;
}
.single_card_product > .image_card{
	border-radius: 100px;
    height: 100px;
    width: 100px;
    overflow: hidden;
    background: white;
	display: flex;
}
.single_card_product > .image_card img{
	max-width: 200px;
    max-height: 200px;
    min-width: 100px;
    object-fit: contain;
}
.product_missing{
	color: #c5c5c5;
    margin-top: 6px;
    text-align: center;
    text-decoration: underline;
}
.error_message{
	color: #d4bf03;
    font-weight: bolder;
    text-align: center;
    margin-bottom: 0px;
    font-size: 17px;
} 
.btn_for_keypad{
	font-size: 12px;
	width: auto;
	min-width: 70px !important;
}
.in_stock_in_keypad strong{
    font-size: 15px;
}
.in_stock_in_keypad{
	color: #02ec78;
    font-size: 12px;
    min-width: 53px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 6px;
    border-left: 1px dashed #02ec78;
	line-height: 12px;
    text-align: center;
}
.in_stock_in_keypad.with_red_color{
	color: #e04d38;
	border-left: 1px dashed #e04d38;
}
.order_calculate_tap{
	position:relative;
	border-radius: 17px;
}
.order_calculate_tap .show_discount_types{
	position: absolute;
	top: -11px;
    left: 12px;
    font-size: 12px;
    background: #d8c100;
    border-radius: 18px;
    padding: 0px 4px;
}
.product_description_left{
	font-size: 12px;
    color: white;
    margin-top: -6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(12px* 2);
    line-height: 12px;
	width: 100%;
}
.no_product_found{
	color: white;
	text-align: center;
}
.bg_red{
	background: #e04d38 !important;
	color: white !important;
}
.bg_yellow{
	background: #d8c100 !important;
    color: black !important;
}
.bg_green{
	background: #02ec78 !important;
    color: black !important;
}
.bg_grey{
	background: #c5c5c5 !important;
	color: black !important;
}
.clr_grey{
	color: #c5c5c5 !important;
}
.clr_blue{
	color: #8dcfff !important;
}
.support_buttons{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.support_buttons button, .support_buttons a {
	display: flex;
	align-items: center;
	height: 30px;
	min-width: 30%;
	border-radius: 50px;
	font-weight: bold;
	color: #000000;
	border: none;
	width: auto;
	font-size: 15px;
	line-height: 6px;
	padding: 5px 8px;
	justify-content: space-between;
	box-shadow: 0 1px 4px #ffffff17;
}
.support_buttons .wa-button {
	background: white;
}
.support_buttons .print-button {
	background: #263238;
	color: white;
}
.support_buttons .print-button span{
	background: #00ec77;
	height: 20px;
	width: 20px;
	display: flex;
	justify-content: center;
	border-radius: 31px;
	align-items: center;
	font-size: 14px;
	color: #263238;
}
.support_buttons .invoice-button{
	background: #2057f1;
	color: white;
}
.support_buttons .charge-button {
	background: #00ec77;
}
.btn_with_underline{
	display: flex;
	justify-content: center;
	margin-top: 10px;
	font-size: 15px;
	color: white;
	text-decoration: underline;
}


/*======================  End Page  ======================*/



.custom_modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
	background-color: #D8E1DCF0;
}
.custom_modal .custom-modal-body{
	background: #263238;
	width: 85%;
	margin: 0 auto;
	padding: 13px 19px;
	border-radius: 10px;
	margin-top: 55px;
	position: relative;
	z-index: 9;
}
.custom_modal .custom-modal-body h3{
	font-weight: bold;
}
.custom_modal .custom-modal-footer{
	background: #37474F;
	margin: 10px;
	border-radius: 15px;
	padding: 20px 25px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 15px;
}
.custom_modal .custom-modal-footer div.btn_green{
	width: 100%;
}
.custom_modal .custom-modal-footer button.skip_collection{
	background: none;
	border: none;
	color: white;
	font-weight: 400;
	text-decoration: underline;
	font-size: 12px;
}
.collection_sure_modal.custom_modal .custom-modal-body{
	margin-top: 25px;
}
.custom_modal .barcode_back_btn button{
	background: #c8c8c8;
	border: 1px solid #5a5a5a;
	color: #263238;
}
.success_msg{
	color: #01e574;
	text-align: center;
	text-decoration: underline;
	padding: 10px;
	font-size: 12px;
}
.error_msg{
	color: #eb6565;
	text-align: center;
	text-decoration: underline;
	padding: 10px;
	font-size: 12px;
}
.order_detail_wrapper{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 15px;
	padding: 15px 0;
	color: white;
	font-size: 14px;
}
.order_detail_wrapper .left_side, .order_detail_wrapper .right_side{
	width: 50%;
}
.order_detail_wrapper .left_side{
	border-left: 1px solid #717171;
}
.comment_detail{
	display: flex;
	gap: 7px;
	align-items: center;
}
.comment_detail .asteric{
	height: 24px;
	font-size: 21px;
	color: #deca26;
}
.phone_with_dash, .phone_with_dash:hover{
	color: white;
	border-bottom: 1px dotted;
}
.close_cart_product_popup{
	height: 30px;
	width: 30px;
	border: none;
	display: flex;
	justify-content: center;
	font-size: 20px;
	line-height: 20px;
	align-items: center;
	border-radius: 17px;
	margin-right: 30px;
}
.barcode_main_product_area .single_order_collection {
	/* margin: 7px 0 !important; */
	margin: 0 0 !important;
	padding-bottom: 0;
}
.order_is_paid{
	background: #BCE4F6 !important;
}

@-webkit-keyframes MOVE-BG {
	from {
		-webkit-transform: translateX(0);
	}
	to { 
		-webkit-transform: translateX(46px);
	}
}

@keyframes MOVE-BG {
	from {
		transform: translateX(0);
	}
	to { 
		transform: translateX(46px);
	}
}


.loading {
    height: auto;
    text-align: center;
    color: #4c3f2e;
    position: relative;
    overflow: hidden;
    font-style: italic;
    width: 99%;
    position: absolute;
    height: 57px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    margin-right: -9px;
}

.loading .bg{
    position: absolute;
    left: -46px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
	
  background: -webkit-repeating-linear-gradient(
    145deg,
    #e0e0e0 1px,
    #d2d1d1 2px,
    #d2d1d1 11px,
    #e0e0e0 12px,
    #e0e0e0 20px
  );
  background: repeating-linear-gradient(
    -55deg,
    #e0e0e0 1px,
    #d2d1d1 2px,
    #d2d1d1 11px,
    #e0e0e0 12px,
    #e0e0e0 20px
	);
    
    -webkit-animation-name: MOVE-BG;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	
    animation-name: MOVE-BG;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
    opacity: 0.85;
}
.loading span {
    background: #d8c100;
    padding: 3px 14px;
    border-radius: 40px;
}
.order_in_progress_already{
	text-align: center;
	color: #4c3f2e;
	overflow: hidden;
	font-style: italic;
	width: calc(100% - 54px);
	position: absolute;
	height: 89.2vh;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	z-index: 1;
}
.order_in_progress_already span{
	background: #d8c100;
	padding: 3px 14px;
	border-radius: 40px;
}
.order_in_progress_already .bg{
	position: absolute;
	left: -46px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: repeating-linear-gradient(-55deg, #e0e0e0 1px, #d2d1d1 2px, #d2d1d1 11px, #e0e0e0 12px, #e0e0e0 20px);
	-webkit-animation-name: MOVE-BG;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: MOVE-BG;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	opacity: 0.85;
}
.collection_product_top .empty_with_background{
	background: none !important;
	color: black !important;
	padding: 0;
	margin: 0;
	min-width: 85px;
	justify-content: flex-end;
}
.marker_location{
	background: yellow;
	color:#000;
}
.single_product_image_area{
	width: 58px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.single_product_image_area img{
	width: 58px;
	margin-left: 3px;
	margin-right: -7px;
	max-height: 80px;
	width: auto;
	max-width: 58px;
}
.original_qty{
	color: #000000;
	position: absolute;
	left: 64%;
	top: 50px;
	background: #deca26;
	border-radius: 19px;
	font-size: 16px;
	font-weight: 900;
	height: 30px;
	min-width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order_number_button{
	height: 24px;
	border: none;
	line-height: 12px;
}
.original_qty_single_product{
	color: #000000;
	position: absolute;
	background: #deca26;
	border-radius: 19px;
	font-size: 16px;
	font-weight: 900;
	height: 30px;
	min-width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	top: 0px;
}
.single_order_collection.removeBoxShadow {
	box-shadow: none;
}
.modal-title-h3{
	font-size: 26px;
	line-height: 1.2;
	text-align: center;
	font-weight: 300;
	color: #566268;
	max-width: 198px;
	margin: 0 auto;
	width: 100%;
}
.add_barcodes {
	padding-top: 0;
	padding-bottom: 0;      
}
.add_barcodes .collection_product_top{
	background: #f4f5f5;
	padding: 5px;
	border-radius: 40px;
	margin-bottom: 5px;
}
.add_barcodes .collection_product_top h4{
	overflow: hidden;
	padding-right: 7px;
}
.add_barcodes .collection_product_top .for_for_card.for_for_red{
	min-width: 30px;
	width: auto;
	font-size: 19px;
}
.add_barcode_to_product .barcode_info {
	margin-top: 10px;
	width: 90%;
	background: #37474F;
}
.add_barcode_to_product .barcode_info .card_popup_first_tab h3 {
	color: white;
	padding: 0 15px;
	text-align: center;
	font-size: 20px;
}
.add_barcode_to_product .barcode_info .card_popup_first_tab .cart_product_search{
	margin: 15px 10px 15px 10px;
}
.edit_barcodes_with_detail .barcode_back_btn,
.add_barcode_to_product .barcode_back_btn{
	margin-top: 10px;
}
.edit_barcodes_with_detail .barcode_main_product_area{
	margin-bottom: 10px;
	margin-top: 10px;
}
.edit_barcodes_with_detail .modal-title-h3{
	max-width: fit-content;
}
.edit_barcodes_with_detail .scan_for_add_barcodes{
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	font-weight: 300;
	color: #566268;
	margin: 0 auto;
	width: 100%;
}
.product_missing_temprary{
	text-align: center;
	background: #8dcfff;
	width: fit-content;
	margin: 0 auto;
	margin-top: 10px;
	padding: 4px 13px;
	border-radius: 20px;
	color: black;
	font-size: 14px;
}
.charge_data .right_side{
	color: white;
	max-width: 100%;
	padding-bottom: 0;
	border-bottom: 1px solid white;
}
.charge_data .right_side .order_number .record{
	font-size: 25px;
    	line-height: 10px;
}
.charge_data .right_side .charge_amount {
	padding-top: 10px;
}
.charge_data .right_side .charge_amount .record{
	font-size: 40px;
	font-weight: 700;
}
.charge_data .right_side .charge_amount .record .currency{
	font-size: 22px;
}
.charge_data .right_side .charge_amount{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.charge_data .right_side .order_number{
	display: flex;
	justify-content: center;
	gap: 20px;
	background: #1c262b;
	padding: 9px 5px 5px 5px;
	align-items: center;
	margin-top: 15px;
}
.charge_data  .side_records{
	display: flex;
	margin: 10px;
	border-bottom: 1px solid #3c515b;
	padding-bottom: 4px;
}
.side_records .charge_label, .side_records .record{
	width: calc(100% / 2) !important;
	color: white;
	font-size: 14px;
}
.side_records .record{
	direction: ltr;
	text-align: end;
}
.charge_sure_modal  .barcode_btn button.btn_green{
	min-width: 200px;
}
.missing_image_area{
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.missing_image_area img{
	max-width: 60px;
	max-height: 60px;
}
.missing_products .content_order_item_name{
	min-width: calc(100% - 120px);
	max-width: calc(100% - 120px);
}
.missing_products .button_area{
	width: 50px;
}
.missing_products .button_area .btn_site{
	min-width: 50px;
	border: none;
	background: #263238;
	border-radius: 10px;
	color: #ffffff;
	font-size: 18px;
	height: 30px;
	font-weight: 800;
	line-height: 19px;
}
.missing_products .right_content_item{
	padding: 0px 10px;
	border-radius: 15px;
	height: 60px;
}
.missing_products .right_content_top{
	gap: 5px;
}
.content_order_item_name span:nth-child(1) {
	color: #263238;
	display: flex;
	justify-content: space-around;
	height: 36px;
	overflow: hidden;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	padding: 0 0;
	flex-direction: column;
}
.missing_order_area{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}
.missing_order_area .order_details .order_number{
	font-size: 13px;
	line-height: 12px;
	font-weight: 900;
}
.missing_order_area .order_details .order_customer_name{
	font-size: 13px;
	max-width: 130px;
	overflow: hidden;
	height: 17px;
	line-height: 17px;
}
.missing_order_area .inputArea{
	max-width: 95px;
	height: 35px;
	font-size: 16px;
	border-radius: 11px;
}
.missing_order_area .input_to_edit{
	display: flex;
	position: relative;
}
.missing_order_area .input_to_edit > i{
	position: absolute;
	height: 25px;
	width: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #02ec78;
	background: black;
	border-radius: 11px;
	top: 5px;
	left: 6px;
}
.missing_order_area .save_quantity{
	height: 35px;
	border: none;
	background: #02ec78;
	color: black;
	margin-right: -1px;
	width: 35px;
	border-radius: 11px 0 0 11px;
}
.missing_order_area .edit_quantity{
	border-radius: 11px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 95px;
	height: 35px;
	border: none;
	background: #02ec78;
	color: black;
	padding: 0 10px;
}
.missing_order_area .edit_quantity span{
	font-size: 16px;
	line-height: 18px;
}
.missing_products .right_content_item {
	padding: 5px 5px;
}

.missing_products .right_hide_content {
	margin-top: 0;
	padding-top: 0;
	
}
.missing_products .content_order_item_name span:nth-child(2) {
	color: #df0000;
}
.color-red-and-bold{
	color: #df0000;
	font-weight: bold;
}
.missing_temprary_cube{
	background: #8dcfff;
	width: fit-content;
	padding: 2px 5px;
	border-radius: 11px;
}
.missing_cube{
	background: #c5c5c5;
	width: fit-content;
	padding: 2px 5px;
	border-radius: 11px;
}
.badge-toast{
	height: auto;
	position: absolute;
	width: 90%;
	top: 8px;
	z-index: 111;
	padding: 10px;
	display: flex;
	justify-content: center;
	left: 5%;
	border-radius: 11px;
	text-align: center;
	z-index: 111111111111111;
}
.badge-progress{
	background: #263238f2;
	color: white;
}
.badge-success{
	background: #02EC78;
	color: black;
}
.badge-failed{
	background: #ff1111d4;
	color: white;
}
.rest_of_products{
	max-width: 100%;
	width: 100%;
	display: flex;
	gap: 5px;
	justify-content: flex-start;
	overflow-x: auto;
	padding-bottom: 10px;
}
.rest_of_products .single_item_show{
	width: calc(100% / 1.5);
	display: flex;
	flex-direction: column;
	gap: 2px;
	position: relative;
	background: #f2efef;
	padding: 4px;
	border-radius: 11px;
	min-height: 120px;
}
.rest_of_products .single_item_show .product_image{
	width: 100%;
	height: 120px;
	min-width: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rest_of_products .single_item_show .product_image img{
	max-width: 100%;
	max-height: 120px;
	mix-blend-mode: multiply;
}
.rest_of_products .single_item_show .product_name > span{
	display: flex;
	flex-direction: column;
}
.rest_of_products .single_item_show .product_name > span .marker_location{
	display: block;
    	width: fit-content;
}
.rest_of_products .single_item_show .product_name > span > .marker_location{
	font-size: 15px;
	line-height: 15px;
	max-height: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rest_of_products .single_item_show .product_name > span > .product_name_span{
	font-size: 16px;
	line-height: 16px;
	max-height: 32px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.barcode_area .barcode_back_btn{
	margin-top: 8px;
}
.rest_of_products .single_item_show .icons{
	display: flex;
	height: 22px;
	gap: 4px;
	position: absolute;
    	flex-direction: column;
}
.rest_of_products .single_item_show .icons div{
	background: #d8c100;
	border-radius: 35px;
	height: 30px;
	min-height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rest_of_products .single_item_show .icons div.qty_area_rest{
	flex-direction: row;
	margin: 0;
	line-height: 2px;
	width: auto;
	padding: 0;
	font-weight: 500;
	min-width: 70px;
	font-size: 15px;
	height: 13px !important;
	min-height: 20px;
	gap: 3px;
}
.rest_of_products .single_item_show .icons img{
	max-height: 20px;
}

.upcoming_products{
	width: auto !important;
	font-size: 14px;
	font-weight: 700;
	color: #02ec78;
}
.order_count_in_single_order {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 2px !important;
	line-height: 14px;
}
.order_count_in_single_order .missing{
	color: red;
}
.release_order_message{
	position: absolute;
	z-index: 11111111;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #bfbfbf91;
}
.release_order_message .release_order_modal{
	background: white;
	padding: 13px;
	border-radius: 13px;
}
.release_order_message .release_order_modal h3{
	margin-bottom: 10px;
	margin-top: 5px;
}
.blue_background{
	background: #3ca6f3 !important;
}
.collected_product_log{
	max-height: 100px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 5px;
}
.collected_product_log .single_log{
	background: #e7dc7d;
	padding: 0px 0px 0px 5px;
	border-radius: 15px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.collected_product_log .single_log .delete_log{
	background: #E04D38;
	color: white;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
    	border-radius: 34px;
}
.collected_product_log .single_log .qty_unit{
	font-size: 18px;
	line-height: 18px;
	min-width: 60%;
}
.special_distance{
	background: #d8c100;
	color: #263238;
	padding: 0 15px;
	border-radius: 23px;
	font-weight: 900;
}
.name_in_order{
	display: flex;
	align-items: center;
	gap: 3px;
}
.name_in_order span{
	color: #d8c100 !important;
	font-size: 22px !important;
	margin: 0 !important;
	position: relative !important;
	line-height: 0px !important;
	padding: 0 0 0 4px !important;
}
.times_in_reserved{
	background: red;
	color: white;
	border-radius: 11px;
	height: 22px;
	font-size: 18px;
	width: 22px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.wrap_button_on_grid{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	position: relative;
}
.wrap_button_on_grid .driver_distance_number{
	background: rgb(55, 71, 79);
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: 24px;
	min-width: 24px;
	font-size: 11px;
	line-height: 11px;
	border-radius: 60px;
	top: -28px;
	left: 0px;
	padding: 5px;
	position: absolute;
	margin: 0;
}
.backup_qty_keypad {
	background: #deca26;
	color: black;
	border-radius: 19px;
	padding: 0 10px;
	animation: bblinker 1.5s linear infinite;
	position: relative;
	top: -2px;
}
@keyframes blinker {
	50% {
		opacity: 0.3;
	}
}
@keyframes bblinker {
	50% {
		opacity: 0.5;
	}
}
.selected_weight_device li.simple_keypad_li{
	width: auto;
	background: #f9ab1c !important;
	color: #253137 !important;
}
.selected_weight_device li.simple_keypad_li button{
	min-width: 150px;
	background: unset;
	font-size: 16px;
	font-weight: 600;
}
.selected_weight_device li.simple_keypad_li button span.weight_div{
	font-size: 22px;
	font-weight: bold;
}
.scale_list{
	margin-bottom: 8px;
}
.scale_list label{
	color:#cacaca;
	font-size: 14px;
	margin-right: 5px;
}
.scale_list .search_group select{
	margin-bottom: 2px;
	border-radius: 32px;
}
.all_weight_modal .custom-modal-body .barcode_btn .btn_green img{
	height: 25px;
	width: 25px;
}
.weighted_body .card_popup_first_tab{
	width: 100%;
}

.weighted_body .right_content {
	overflow-y: hidden;
}
.weighted_body .cart_product_search {
	position: relative;
	margin: 15px 0 0px 0;
}
.weighted_body .show-weight {
	margin-top: 5px;
	display: flex;
	justify-content: center;
}
.weighted_body .show-weight .weighted_area span{
	font-size: 30px;
	font-weight: bolder;
	padding:0 5px;
}
.weighted_body .show-weight .weighted_area{
	background: #bcbbbb;
	display: flex;
	justify-content: center;
	font-size: 25px;
	border-radius: 9px;
	width: 100%;
	align-items: center;
	height: 40px;
	font-weight: bold;
}
.weighted_products.cart_product_lists{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	overflow-y: scroll;
	max-height: calc(100vh - 100px);
	scrollbar-width: none;
	height: calc(100vh - 100px);
	padding-top: 15px;
	padding-bottom: 180px;
}
.weighted_products.cart_product_lists .cart_product_item{
	display: flex;
	width: 48%;
	flex-direction: column;
	margin: 0;
	margin-top: 0;
	height: fit-content;
	max-height: 255px;
	min-height: 255px;
	min-width: 48%;
	gap: 0;
}
.weighted_products.cart_product_lists .cart_product_item .image_name_wrap {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.weighted_products.cart_product_lists .cart_product_item .image_wrap {
	height: 150px;
	width: calc(100% + 20px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.weighted_products.cart_product_lists .cart_product_item img {
	max-width: 150px;
	max-height: 150px;
	width: 100%;
}
.weighted_products.cart_product_lists .cart_product_item .content_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	justify-content: flex-start;
	width: 100%;
}
.weighted_products.cart_product_lists .cart_product_item p {
	font-size: 14px;
	line-height: 15px;
	max-height: 30px;
	overflow: hidden;
	align-items: flex-start;
	min-height: 30px;
}
.weighted_products.cart_product_lists .cart_product_item .content_wrap .short_description{
	font-size: 12px;
	line-height: 12px;
	padding: 5px 0px;
}
.weighted_products.cart_product_lists .cart_product_item .show_discount_types{
	left: 2px;
	top: 2px;
}
.over-wrap{
	position: absolute;
	width: 100%;
	height: 95%;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 14px;
	display: flex;
	justify-content: center;
	align-items: center;	
}
.weighted_products.cart_product_lists .cart_product_item .over-wrap img{
	max-width: 60%;
	max-height: 60%;
	opacity: 0.9;
}
.weighted_products.cart_product_lists .cart_product_item.barcode_length_error{
	opacity: 0.7;
	filter: grayscale(1);
}
.weighted_products.cart_product_lists .cart_product_item .cart_quantity_count .kg_button{
	padding: 6px 12px;
}
.box_types_div {
	margin: 10px 0;
}
.box_types_div ul.verify_code {
	margin: 10px 0 0 0;
}
.box_types_div .box_type_name {
	color: white;
	font-size: 18px;
}
.popup_black_box.opposite {
	background: #d8c100;
}
.popup_black_box.opposite i{
	color: #263238;
}
.popup_black_box.opposite p {
	color: #263238;
}
span.status_cubes {
	padding: 2px 7px;
	border-radius: 15px;
	margin: 0 3px;
}