/*
Theme Name: Suls - We Make Magic DEV
Theme URI: https://suls.co.il/
Description: liberty WordPress theme example child theme.
Author: Nick
Author URI: https://suls.co.il/
Template: hello-elementor
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/*.sold-out-overlay {
background: gainsboro;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 50px;
top: 10px;
}*/
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}
button, 
input{
    touch-action: manipulation;
	border: unset;
}
.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
	border-color: transparent;
}
body{
	overflow-x:hidden;
	transition:background 0.3s ease;
}

/* Barcode user_pname check button styles */
.barcode-user_pname-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
}

#barcode-user_pname {
	width: 90px;
	padding-left: 30px;
}

.section.scan .barcode-user_pname-wrapper .barcode-check-btn {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	/* background: #4CAF50; */
	border: none;
	border-radius: 2px 0 0 2px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 10;
	position: absolute;
	left: 1px;
	right: initial;
}

.section.scan .barcode-user_pname-wrapper .barcode-check-btn:hover {
	background: #45a049;
}

.section.scan .barcode-user_pname-wrapper .barcode-check-btn:active {
	background: #3d8b40;
}

.section.scan .barcode-user_pname-wrapper .barcode-check-btn svg {
	width: 20px;
	height: 20px;
}

.section.scan .barcode-user_pname-wrapper .barcode-check-btn svg path {
	stroke: white;
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	/* fill: white; */
}

.section.scan .barcode-user_pname-wrapper:has(#barcode-user_pname:not(:placeholder-shown)) .barcode-check-btn,
.section.scan.barcode-user_pname-wrapper:has(#barcode-user_pname[value]:not([value=""])) .barcode-check-btn,
.section.scan #barcode-user_pname:not(:placeholder-shown) ~ .barcode-check-btn,
.section.scan #barcode-user_pname[value]:not([value=""]) ~ .barcode-check-btn {
	opacity: 1;
}



label {
    width: 100%;
    margin-bottom:2px;
}
p{
    margin:0;
}

a{
	color:black;
}
a:-webkit-any-link:focus,:focus{
    outline: none!important;
}
#logo .logo {
    display: none;
}
.elementor-sticky--effects #logo .logo-white {
    display: none;
}

.elementor-sticky--effects #logo .logo {
    display: block;
}

.elementor-sticky--effects {
    background: white;
}

form#search-filter-form-252 input[type="text"] {
    border-width: 1px;
    border-color: rgb(6, 23, 43);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 887px;
    max-width:100%;
    height: 53px;
    z-index: 67;
    border-radius:60px;
}
form#search-filter-form-252 input[type="submit"]{
    background-image: url(/wp-content/uploads/2023/07/search.svg);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 0;
}
form#search-filter-form-252 ul {
    display: flex;
    flex-direction: row;
}

form#search-filter-form-252 li.sf-field-submit {
    margin: 11px -63px 0 0;
}

.elementor-location-header{
	z-index: 999;
    position: relative;
}

/*.elementor-element.elementor-element-d05854f.catalogggcart.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    z-index: -99999;
}*/

.woocommerce-message,
.woocommerce-error{
    border: 2px solid var(--e-global-color-primary);
    border-radius: 15px;
    background: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after {
    clear: both;
    position: absolute;
}
.woocommerce-message::before{
	color:var(--e-global-color-primary);
	    top: 1em;
	
}
.woocommerce-page .woocommerce-message .button {
    display: none;
}
.woocommerce-error {
    border-color: #b81c23;
}

form#search-filter-form-294 select.sf-input-select,
#catalog-procuts-filter select {
    margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
    border-width: 1px;
    border-color: rgb(6, 23, 43);
    border-style: solid;
    width: 174px;
    height: 54px;
    z-index: 37;
      border-radius:50px;
      font-size:26px;
      font-weight:600;
    background-color:transparent;
    z-index: 1;
    position: relative;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path transform="rotate(90)" transform-origin="center" d="M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293 7.293 4.707z"/></svg>');
    background-repeat:no-repeat;
    background-position: 5px center;
  }

  /*form#search-filter-form-294 [data-sf-field-input-type="select"] label:after {
    content: ">";
    position: absolute;
    top: 50%;
    left: 15px;
    transform: rotate(-90deg);
    font-weight: 600;
    font-size: 21px;
    margin-top: -10px;
    z-index: 0;
}*/
#cats-open{
    display: none;
}
ul#catalog-categories {
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 30px;
    padding: 0;
    flex-wrap: wrap;

}

ul#catalog-categories>li {
    width: 205px;
    height: 179px;
    border: 1px solid #ddd;
    border-radius: 32px;
    transition: border,background .2s ease;
    position: relative;
    z-index: 9;
}
.subcat-box h2 {
    font-weight: bold;
}
ul#catalog-categories>li:hover .cat-img {
    text-align: center;
}

ul#catalog-categories>li>a>.name {
    font-size: 25px;
    font-weight: 500;
    color: var(--e-global-color-primary);
    transition: all .2s ease;
    text-align: center;
    line-height: 1em;
    padding: 0 16px;
}

ul#catalog-categories>li:hover {
    background-color:var(--e-global-color-secondary);
    border-color:var(--e-global-color-secondary);
    z-index: 10;
}

ul#catalog-categories>li:hover>a>.name {
    color: white;
}
ul#catalog-categories>li:hover .cat-img {
    filter:brightness(50);
}
ul#catalog-categories>li>a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.subcat-box {
    position: absolute;
    border: 1px solid #ddd;
    border-radius: 32px;
    background-color: white;
    padding: 20px;
    bottom: 0;
    transform: translateY(100%);
    display: none;
    min-width: 250px;
    z-index: 5;
}
.subcat-list h3 {
    font-size: 21px;
    font-weight: bold;
    margin: 0;
}
.subcat-list-box {
    display: flex;
    flex-wrap: wrap;
    width: max-content;
}

.subcat-list-box .subcat-list {
    width: max-content;
    border-right: 2px solid #ccc;
    padding: 0 25px;
    
}
.subcat-list-box.col6 .subcat-list {
    width: 16.6%;
}

.subcat-list-box .subcat-list:first-child {
    /* border: 0; */
    /* padding-right: 0; */
}
.subcat-list-box.col6 {
    max-width: 1160px;
}
.subcat-item {
    font-size: 18px;
}

@media (min-width:601px){
   .subcat-list-box.col6 .subcat-list:nth-child(n+6) {
        margin-top: 15px;
    } 
ul#catalog-categories>li:hover .subcat-box {

    display: block;
}
}
.searchandfilter .sf-field-taxonomy-catalog-cat>ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    position: relative;
}

.searchandfilter .sf-field-taxonomy-catalog-cat>ul li>input {
    width: 4%;
    cursor: pointer;
}

.searchandfilter .sf-field-taxonomy-catalog-cat>ul li>label {
    width: 90%;
    position: relative;
}

.searchandfilter .sf-field-taxonomy-catalog-cat>ul>li ul.children {
    padding: 0;
    width: 100%;
    margin: 0;
    height: 0;
    overflow: hidden;
}

.searchandfilter .sf-field-taxonomy-catalog-cat>ul>li {
    border-bottom: 1px solid #ccc;
    padding: 11px 0;
}

.searchandfilter .sf-field-taxonomy-catalog-cat ul li.filter-parent>label:after {
    content: ">";
    width: 8px;
    height: fit-content;
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}
.searchandfilter .sf-field-taxonomy-catalog-cat .open~ul.children {
    height: 100%;
}

body .product-check svg {
    position: absolute;
    z-index: 1;
    left: 23px;
    top: 20px;
    cursor: pointer;
    fill: #C7C7C7;
    width: 26px;
}
.catalog-procuts-loop .prod-item {
    border: 1px solid #D6D6D6;
    border-radius: 32px;
    overflow: hidden;
    padding-top: 23px;
    /* width: 33.3%; */
    position: relative;
	display: flex;
    flex-direction: column;
}
.catalog-procuts-loop .prod-item img {
    width: 100%;
    height: 157px;
    object-fit: contain;

}
.prod-title {
    font-size: 16px;
    font-weight: bold;
    min-height: 37px;
    line-height: 18px;
}
.prod-details {
    background-color: var(--e-global-color-75193d0 );
    padding: 15px;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
}
.prod-details .prod-sku {
    height: 24px;
    color: var(--e-global-color-primary);
	    margin-top: auto;
}
.prod-inf {
    font-size: 16px;
    font-weight: 500;
}

.catalog-procuts-loop {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 10px;
}

.catalog-pagination {
    grid-column: 1 / -1;
    margin: 20px 0 0;
    text-align: center;
}
.catalog-pagination .page-numbers {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.catalog-pagination .page-numbers li {
    display: inline-block;
}
.catalog-pagination .page-numbers a,
.catalog-pagination .page-numbers span {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: inherit;
}
.catalog-pagination .page-numbers a:hover {
    border-color: var(--e-global-color-accent, #333);
    background: rgba(0,0,0,.04);
}
.catalog-pagination .page-numbers .current {
    background: var(--e-global-color-accent, #333);
    color: #fff;
    border-color: var(--e-global-color-accent, #333);
}
.catalog-pagination .page-numbers .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.catalog-procuts-loop .prod-item .product-check:hover svg {
    fill: #5BCF3C;
}
.catalog-procuts-loop .prod-item .product-check.checked svg {
    fill: var(--e-global-color-accent);
}
.prod-addtocart:hover {
    color: var(--e-global-color-primary );
    background-color: white;
}

.prod-addtocart {
    font-size: 19px;
    background-color: var(--e-global-color-primary );
    padding: 5px 30px 5px 30px;
    text-align: center;
    color: white;
    cursor: pointer;
}

form.eui-inline-form input#quantity_change {
    width: 100% !important;
    max-width: calc(100% - 245px) !important;
    margin-left: 10px !important;
}
.filter-cat-cat {
    list-style: none;
    font-size: 23px;
    font-weight: 500;
    padding: 0;
}

.filter-cat-cat>li a {
    position: relative;
}

.filter-cat-cat>li .filt-subcat {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.filter-cat-cat>li a.open~.filt-subcat,
.filter-cat-cat .current>.filt-subcat{
    max-height:1000px;
}
.filter-cat-cat>li {
    border-bottom: 2px solid #ccc;
    padding: 15px 0;
}


.filter-cat-cat>li a .arrow {
    content: ">";
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.2s ease;
}
.filter-cat-cat>li a.open .arrow,
.filter-cat-cat>li.current a .arrow {
    transform: rotate(-90deg);
}
.filter-cat-cat .current>a {
    font-weight: bold;
}
.ccart-icon {
    cursor: pointer;
}
.ccart-icon .ccart-num {
    border-radius: 50%;
    background-color: rgb(41, 171, 225);
    color: white;
    position: absolute;
    right: -2px;
    top: 1px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 12px;
    z-index: 1;
}

/**Cart**/

div#cart {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999999999;
    height: 0;
    overflow: hidden;
    transition: height 0s 0.6s ease;
    background-color: rgb(204 204 204 / 36%);
}

div#cart .cart-box {
    background-color: white;
    width: 450px;
    max-width: 99%;
    margin-right: auto;
    height: 100%;
    height: 85vh;
    padding: 10px 10px;
    box-shadow: 0px 0px 21px -17px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition:all 0.3s 0.3s ease;
    transform:translateX(-300px);
}
div#cart.open{
    height: 100vh;
    transition: height 0s 0s ease;
}
div#cart.open .cart-box{
    transform:translateX(0px);
}
div#close-cart {
    position: absolute;
    font-size: 25px;
    margin-top: 2px;
    cursor: pointer;
}
div#cart .cart-box a {font-size: 22px;background-color: var(--e-global-color-primary );color: white;width: 100%;display: block;padding: 7px;text-align: center;margin-top: 10px;border-radius: 50px;}

div#cart .cart-box div#cart-items {
    height: 81vh;
    background-color: #f9f9f9;
    overflow: auto;
}

div#cart .cart-box h2 {
    margin: 0 0 10px;
    padding-right: 30px;
}
.cart-item {
    position:relative;
    margin:10px 0 ;
    padding:10px 0 ;
    border-bottom:2px solid #ddd;
}
div#cart .cart-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    background-color: white;
}

.cart-item .item-details {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align:top;
}

.cart-item .item-remove {
    position:absolute;
    top:5px;
    left:5px;
    color:#aaa;
    border:2px solid;
    border-radius:10px;
    height:21px;
    width:21px;
    line-height:1em;
    text-align:center;
    cursor:pointer;
}
.cart-item .item-remove:hover {
    color:red;
}

.cart-item .item-title {
    font-weight:bold;
    width: 95%;
}
.cart-item input.ccart-price {
    width: 100px;
    padding: 2px;
    border-color: gainsboro;
    position: absolute;
    left: 5px;
    bottom: 12px;
}
.woocommerce-MyAccount-content .cart-item input.ccart-price {
    position: relative;
    left: 0;
    bottom: 0;
}
/** Page Cart**/
.cart-header-item,
div#cart-page-table .cart-item,
div#history-cart-page-table .cart-item{
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 2px;
    margin: 0;
    justify-content: space-between;
	text-align:center;
}
div#history-cart-page-table .cart-item{
    padding: 10px 2px;
}
div#cart-page-table .cart-item:nth-child(even),
div#history-cart-page-table .cart-item:nth-child(even){
    background-color:#f8f8f8;
}

.item-download {
    width: 24px;
    margin: auto;
    height: 24px;
    border: 1px solid;
    border-radius: 50px;
    line-height: 1em;
    cursor: pointer;
}
.cart-item .item-download a {
    text-decoration: none;
}
.item-download:hover {
    color:rgb(140, 228, 10)
}
.cart-header-item>div,
div#cart-page-table .cart-item>div,
div#history-cart-page-table .cart-item>div{
    padding-left: 8px;
}

div#cart-page-table .cart-item>div.item-price {
    width: 100px;
    flex-grow: 0;
    padding: 0;
}
div#cart-page-table .cart-header-item>div:first-child,
div#cart-page-table .cart-item>div:first-child{
    width: 10%;
    flex-grow: 0;
}
div#cart-page-table .cart-item>div:nth-child(2),
div#cart-page-table .cart-header-item>div:nth-child(2){
    width: 30%;
    flex-grow: 0;
    text-align: center;
}
div#cart-page-table .cart-item>div:nth-child(3),
div#cart-page-table .cart-header-item>div:nth-child(3){
    width: 30%;
    flex-grow: 0;
    text-align: center;
}
div#cart-page-table .cart-item>div:nth-child(4),
div#cart-page-table .cart-header-item>div:nth-child(4){
    width: 10%;
    flex-grow: 0;
    text-align: center;
}
div#cart-page-table .cart-item>div:nth-child(5),
div#cart-page-table .cart-header-item>div:nth-child(5){
    width: 10%;
    flex-grow: 0;
    text-align: center;
}
div#cart-page-table .cart-item>div:nth-child(6),
div#cart-page-table .cart-header-item>div:nth-child(6){
    width: 10%;
    flex-grow: 0;
    text-align: center;
}
/* .cart-header-item>div:last-child,
div#cart-page-table .cart-item>div:last-child,
div#history-cart-page-table .cart-item>div:last-child{
    width:10%;
    text-align:center;
    flex-grow: 0;
} */
div#cart-page-table .cart-item img{
    width:50px;
    height:50px;
    object-fit:contain;
    background-color: white;
}

div#cart-page-table .cart-item .item-remove {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    flex-shrink: 1;
    flex-grow: 0;
    margin: 0 auto;
}

div#cart-stats {
    padding-bottom: 10px;
    border-bottom: 3px solid var(--e-global-color-primary);
    margin-bottom: 20px;
}
div#cart-stats>div {
    display: inline-block;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid var(--e-global-color-primary);
}
div#cart-stats b {
    color: var(--e-global-color-primary);
}

.cart-header-item {
    font-weight: bold;
    color: var(--e-global-color-primary);
}

a#export-cart {
    margin-top: 25px;
    width: 100%;
}
#genFiles { 
	display:flex;
	margin-top:30px;
	flex-wrap:wrap;
	justify-content: space-between;
}
#genFiles a{
	font-size: 22px;
    background-color: var(--e-global-color-primary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 50px 50px 50px 50px;
    padding: 13px 30px 13px 30px;
	color:white;
	width:48%;
	text-align:center;
	cursor:pointer;
	position:relative;
}
#genFiles a:nth-child(1) {
	background: green;
}
#genFiles a:nth-child(2) {
	background: red;
}
.popComments {
    bottom: 100%;
    background: aliceblue;
    padding: 20px;
    width: 95%;
    left: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    display:none;
    margin: 10px auto;
}
.popComments label{
	color:black;
}
.popComments input[type="submit"] {
	margin-top:15px;
	display:inline-block;
	width:100%;
	color:white;
}
#statusBar {
	position: absolute;
	top: 6px;
    left: 40px;
}
#statusBar div {
	width:80px; 
}
#statusBar div span {
	width:auto;
	height:auto;
	border-radius:5px;
	border: 2px solid black;
	background:gray;
	display:inline-block;
	color: white;
    height: auto;
    font-size: 14px;
    padding: 5px;
}
#statusBar div.greenLight span:nth-child(1) {
	background:green;
}
#statusBar div.greenLight span:nth-child(2) {
	background:gray;
}
#statusBar div.redLight span:nth-child(1) {
	background:gray;
}
#statusBar div.redLight span:nth-child(2) {
	background:red;
}
.stt-content {
	position:relative;
}



nav.woocommerce-MyAccount-navigation ul {
    padding: 0 10px;
    list-style: none;
}

li.woocommerce-MyAccount-navigation-link a {
    display: block;
    padding: 5px 20px;
    /* box-shadow: 1px 0 5px -4px; */
    margin: 0 0 10px 0;
    text-decoration: none;
    color: var(--e-global-color-primary);
    background-color: #f5f5f5;
    border-radius: 50px;
    font-weight: bold;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
}

li.woocommerce-MyAccount-navigation-link.is-active a,
li.woocommerce-MyAccount-navigation-link:hover a{
    background-color: var(--e-global-color-primary);
    color:white
}
li.woocommerce-MyAccount-navigation-link a:empty {
    height: 15px;
     background-color:transparent;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 70%;
}
.close-subcat-box {
    display: none;
}
ul#catalog-categories>li.parent a:hover {
    color: var(--e-global-color-primary);
}



.filter-cat-cat>li a.current {
    color: var(--e-global-color-primary);
}



div#catalog-procuts-filter-side {}

div#catalog-procuts-filter-side .f-title {
    font-weight: bold;
}

div#catalog-procuts-filter-side .f-item {
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 0 8px;
}
div#catalog-procuts-filter-side .f-item:hover {
    background-color: #f5f5f5;
}
div#catalog-procuts-filter-side .f-item.selected {
    background-color: #f4f4f4;
    font-weight: bold;
}
div#catalog-procuts-filter-side .f-box {
    max-height: 110px;
    overflow: hidden;
    transition:all 0.3s ease;
}
div#catalog-procuts-filter-side .filter-type.open .f-box {
    max-height:1500px;
}
.filter-more:after {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path transform="rotate(90)" transform-origin="center" d="M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293 7.293 4.707z"/></svg>');
    width: 15px;
    height: 15px;
    background-size: contain;
}
div#catalog-procuts-filter-side .filter-type.open .filter-more:after {
    transform: rotate(180deg);
}
div#catalog-procuts-filter-side .remove-filter {
    position: absolute;
    left: 5px;
    top: 0;
    color: var( --e-global-color-primary );
    font-weight: bold;
    display:none
}
div#catalog-procuts-filter-side .f-item.selected .remove-filter {
   display:block; 
}

.filter-more {
    text-align: left;
    font-weight: bold;
}
div#catalog-procuts-filter-side .f-title .clear-filter {
    font-weight: normal;
    display: inline-block;
    margin-right: auto;
    float: left;
    color: var(--e-global-color-primary);
    cursor: pointer;
}

.filter-type {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
}
.notefilter-item {
    background-color: #f4f4f4;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 5px;
}

.remove-filter-note {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    color: var(--e-global-color-primary);
    cursor: pointer;
}
.filter-close {
    display: none;
}

div#statics-myaccount {
    background-color: #f4f4f4;
    padding: 10px;
}

div#statics-myaccount .stt-item {
    display: inline-block;
    padding: 0 13px;
}

div#statics-myaccount .stt-item:nth-child(n+2) {
    border-right: 3px solid var(--e-global-color-primary);
    padding-right: 16px;
}

div#statics-myaccount .stt-item b {
    color: var(--e-global-color-primary);
    margin-left: 4px;
}
.u-column2.col-2.woocommerce-Address {
    display: none;
}
.note {
    width: fit-content;
    padding: 5px 15px;
    border-radius: 10px;
    background-color: #ccc;
}
.note-wrap {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.note.error-note {
    background-color: #bb3434;
    color: white;
}
html .woocommerce .woocommerce-MyAccount-content .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none;
}

div#imp_b-wrap {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 199;
    width: 100vw;
    height: 100vh;
    background-color: rgb(204 204 204 / 36%);
    align-items: center;
    justify-content: center;
    display: none;
}
div#imp_b-wrap.open {
    display:flex;
}
div#imp_b-content {
    background-color: white;
    padding: 20px 40px 30px;
    border-radius: 15px;
    position: relative;
}

div#imp_b-content h3{
    text-align: center;
}
div#imp_b-close {
    position: absolute;
    left: 20px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
}
div#imp_b-note {
    text-align: center;
    margin-top: 7px;
    color: #59a911;
}
div#imp_b {
    padding: 12px 5px 16px;
    border: 3px dashed #ccc;
    border-radius: 10px;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 250px;
    font-weight: 500;
    font-size: 16px;
    color: #06172B;
}
div#imp_b sub {
    display: block;
    line-height: 0.5em;
    margin-bottom: 10px;
    margin-top: 6px;
    font-weight: 400;
    font-size: 16px;
    color: #747474;
}
div#imp_b input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

div#imp_b:hover {
    background-color: #eee;
}

div#cart-itemsbq-note {
        color: #a41414;
        font-size: 15px;
}
.cart-bmenu {
    display: flex;
    justify-content: space-between;
}

div#add-bulk-cart {
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}
div#clear-cart {
    text-align: left;
    color: #9a1f1f;
    text-decoration: underline;
    cursor: pointer;
}
.lists-content .item-inlist .remove-item-list {
    position: absolute;
    left: 4px;
    top: 0;
}

.lists-content .item-inlist {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
	justify-content: start;
	flex-wrap:wrap;
	border-bottom: 1px solid black;
	padding: 10px 0;
}

.lists-content .item-inlist input {
	width:100%;
	border: 1px solid #666;
    border-radius: 3px;
    padding: .5rem 0.3rem;
    transition: all .3s;
}
.lists-content .item-inlist span {
	word-break: break-all;
}
.lists-content .item-inlist span:nth-child(1) {
	width: 45%;
}
.lists-content .item-inlist span:nth-child(2) {
	width: 45%;
}
.lists-content .item-inlist span:nth-child(3) {
	width: 20%;
	margin-left:3%;
}
.lists-content .item-inlist span:nth-child(4) {
	width: 20%;
	margin-left:3%;
}
.lists-content .item-inlist span:nth-child(5) {
	width: 20%;
	margin-left:3%;
}
.lists-content .item-inlist span:nth-child(6) {
	width: 20%;
	margin-left:3%;
}
.lists-content .item-inlist input.slidt-price {
    display: inline-block;
}
.item-inlist span div {
	font-weight: bold;
    font-size: 10px;
}
.item-inlist  input.updated{
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="512" height="512" fill="green"><path d="M22.319,4.431,8.5,18.249a1,1,0,0,1-1.417,0L1.739,12.9a1,1,0,0,0-1.417,0h0a1,1,0,0,0,0,1.417l5.346,5.345a3.008,3.008,0,0,0,4.25,0L23.736,5.847a1,1,0,0,0,0-1.416h0A1,1,0,0,0,22.319,4.431Z"/></svg>');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.list_items_buttons {
	display:flex;
	margin: 10px 0;
	padding:0; 
	justify-content: center;
}
.buttonWrapper {
	display: flex;
    justify-content: center;
}
.list_items_buttons [type=button]:not(:disabled), .popComments [type=button]:not(:disabled){
	font-size: 15px;
    padding: 0 7px;
    line-height: 25px;
    height: auto;
    border-radius: 5px;
    color: white;
    height: 40px;
	margin: 0 7px;
	background:#29ABE1;
	
}

div#close-scanlist {
    position: absolute;
    left: 16px;
    top: 10px;
    font-size: 20px;
    font-weight: 100;
}
div#s-clear {
    position: absolute;
    top: 16px;
    left: 80px;
    font-size: 25px;
    font-weight: 100;
    cursor: pointer;
}
div#stockt-list {
    height: fit-content;
    overflow: auto;
    background-color: #f8f8f8;
    margin: 15px 0;
    padding: 15px;
}
div#stockt-btn-scan .wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

input#stockt-barcode-text {
    width: 80%;
    flex: 1 0 70%;
}
input#stockt-qty-text:focus,
input#stockt-barcode-text:focus{
    border: 2px solid #29abe1;
}

input#stockt-qty-text,
input#stockt-barcode-text{
    transition: none;
}
div#stockt-list .item-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div#stockt-list .item-list>.name-list {
    width: 70%;
    position: relative;
}

div#stockt-list .item-list>.name-list::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    vertical-align: middle;
}

div#stockt-list .item-list>.items-list {
    width: 20%;
}
div#stockt-list>.item-list {
    font-weight: bold;
}

.stockt-btn-scan-container{
    padding: 15px 0;
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 justify-content: space-between;       
}

input#employer-name {
    width: 110px;
    background: #00000017;
    border: none;
    color: #0693E3;
    font-weight: 600;
}

.search-form-container, .upload-form-container{
    padding: 25px 0;
}
.upload-form-container{
	margin-top: 0;
}

.search-form-container h2, .upload-form-container h2{
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 22px;
}

.invantory_text-highlight{
    font-size: 12px;
    width: 80%;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 20px;
}

.upload-form-container input[type="submit"], .add-product-btn{
    font-size: 15px !important;
    color: #fff !important;
}

.search-form-main input[type="submit"]{
    border-radius: 13px !important;
    color: #fff;
    border: 1px solid #666;
    background-color:  #06172B !important;
    position: absolute;
    left: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.upload-form-container input[type="submit"]:hover, .add-product-btn:hover, .search-form-main input[type="submit"]:hover{
    color: #fff !important;
}
.search-form-main input[type="text"],
.search-form-main input[type="tel"]{
    border-radius: 13px !important;
    width: 100%;
    height: 50px;
    margin-left: 10px;
    border: inherit !important;
    box-shadow: 0px 4px 8.3px 0px #4B4B4B14;
    background: #F5F5F5;
    text-align: right;
}

.search-form-main{
    display: flex;
    gap: 10px;
}

.form-table label{
    font-size: 22px;
    margin-top: 10px;
    color: #29ABE1;
}

table.form-table tbody>tr:nth-child(odd)>th {
background-color: #f5f5f5;
}
form.eui-inline-form input[type="text"] {
    width: 100% !important;
    max-width: calc(100% - 129px) !important;
    margin-left: 10px !important;
}
form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
    width: 100% !important;
    max-width: calc(100% - 129px) !important;
    margin-left: 10px !important;
}
@media (max-width:1200px){
form#search-filter-form-252 input[type="text"] {
    width: 100%;
    height: 40px;
}
}

@media (max-width:767px){
    #scanner_info{
        margin-bottom: 30px;
    }
    body div#cart-page-table .cart-item>div,
div#history-cart-page-table .cart-item>div,
div#cart-page-table .cart-item>div:last-child{
    flex-shrink: 1;
    width: 10%;
}

body .cart-item input.ccart-price{
    width: 100%;
}
body .cart-box .cart-item input.ccart-price{
    width: 100px;
}

    body .pkg-content {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: max-height 0.3s ease;
    }

    body .pkg-item.open .pkg-content {
        max-height: 100%;
        padding: 30px 15px 70px;
    }

    div#statics-myaccount {
        /* margin: 25px 0 0; */
    }

    
    .filter-close {display: block;}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
}

nav.woocommerce-MyAccount-navigation ul {
    overflow: auto;
    white-space: nowrap;
}

nav.woocommerce-MyAccount-navigation ul>li {
    display: inline-block;
    padding: 5px;
}

li.woocommerce-MyAccount-navigation-link a:empty {
    height: 0;
    padding: 0;
    margin: 0;
}

form#search-filter-form-252 li.sf-field-submit {
    margin: 6px -56px 0 0;
}
form#search-filter-form-252 input[type="submit"] {
    background-size: 22px;
    padding: 0;
}
div#s-clear {
    top: 9px;
    left: 11px;
}
ul#catalog-categories {
    position: fixed;
    top: 80px;
    left: 0;
    background-color: white;
    z-index: 100;
    gap: 0;
    display: none;
    overflow: auto;
    height: 100vh;
    padding: 10px 5px 210px;

}
ul#catalog-categories>li {
    width: 94%;
    margin: auto;
    border-radius: 15px;
    height: 74px;
    overflow: hidden;
    z-index: auto;
}
ul#catalog-categories>li>a {
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
ul#catalog-categories>li>a>.name {
    font-size: 20px;
    display: flex;
    background-color: #f4f4f4;
    align-items: center;
    width: 70%;
    color: black;
    font-size: 15px;
}
ul#catalog-categories>li>a>.cat-img {
    width: 64px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalog-procuts-loop {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 20px;
}
body .product-check svg {
    left: 13px;
    top: 10px;
}
.catalog-procuts-loop .prod-item .e-gallery-image {
    /* height: 95px; */
    align-self: center;
    width: 30%;
    flex-grow: 1;
    flex-shrink: 0;
}
.prod-details {
    padding: 15px;
    height: 143px;
    display: flex;
    width: 55%;
    flex-direction: column;
}
.prod-addtocart {
    font-size: 18px;
    padding: 13px;
    display: flex;
    align-items: center;
    font-weight: bold;
    line-height: 1em;
}
.prod-title {
    font-size: 15px;
    min-height: auto;
    font-weight: 800;
}
.prod-inf {
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: normal;
}
ul#filter-catalog-categories {
    display: none;
}
div#cats-open {
    border-radius: 0px;
    padding: 10px 20px;
    background-color: var(--e-global-color-accent);
    width: 100%;
    margin: auto;
    color: white;
    position: fixed;
    bottom: 0;
    z-index: 2;
    text-align: center;
    display: none;
    
}
div#cats-open.open {
    z-index: 100;
    display: block;
}
ul#catalog-categories.open {
    display: flex;
    row-gap: 5px;
}
#catalog-categories li:after {
    content: ">";
    /* background-image: url(http://supercatalog.co.il/wp-content/themes/suls/assets/img/iarr.png); */
    width: 51px;
    height: 100%;
    display: flex;
    position: absolute;
    background-color: var(--e-global-color-primary);
    top: 0;
    left: 0;
    color: white;
    font-size: 25px;
    align-items: center;
    justify-content: center;
}
.subcat-box.open {
    display: block;
}
.subcat-list-box .subcat-list,
.subcat-list-box.col6 .subcat-list {
    width: 100%;
    border: 1px solid #ccc;
    padding: 0;
    background-color: white;
    padding: 8px 15px;
    border-radius: 10px;
    max-height: 35px;
    overflow: hidden;
}
.subcat-list-box .subcat-list.open {
    max-height: 1500px;
}
.subcat-box {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 100;
    bottom: auto;
    transform: translateY(0px);
    border-radius: 0;
    height: calc(100vh - 140px);
    background: #f9f9f9;
    overflow: auto;
	padding-bottom: 200px;
}

.subcat-list-box {
    overflow: auto;
    
    flex-direction: column;
    flex-wrap: nowrap;
    width: 97%;
    row-gap: 7px;
}
.close-subcat-box {
    font-size: 25px;
    position: absolute;
    top: 1px;
    display: block;
}
.catalog-procuts-loop .prod-item {
    display: flex;
    padding-top: 0;
    height: 143px;
    border-radius: 15px;
	flex-direction: row;
}

.prod-sku {
    margin-top: auto;
    font-size: 13px;
    
}
button#enable-toolbar-trigger {
    left: auto!important;
    right: 15px;
}
body .product-check svg{
    left: 110px;
    bottom: 5px;
    top: auto;
}
.subcat-list h3 {
    font-size: 16px;
}

.subcat-box h2 {
    font-size: 18px;
    margin-top: 16px;
}
ul#catalog-categories>li:hover>a>.name {
    color: inherit;
}
div#catalog-procuts-filter-side .filter-content {
    transform: translateX(-100%);
    position: fixed;
    top: 80px;
    left: 0;
    width: 80%;
    background-color: #f4f4f4;
    padding: 20px;
    height: 100%;
    overflow: auto;
    z-index: 999;
    padding-bottom: 100px;
    transition: all 0.3s ease;
}
div#catalog-procuts-filter-side.open .filter-content {
    transform: translateX(0%);
}
div#catalog-procuts-filter-side {
    opacity: 0;
    transition: all 0s 0.3s;
    position: relative;
    z-index: 999;
    visibility: hidden;
}
div#catalog-procuts-filter-side:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 52%);
    position: fixed;
    top: 80px;
    left: 0;
    padding-bottom: 100px;
    transition: all 0.3s ease;
}
div#catalog-procuts-filter-side.open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
div#catalog-procuts-filter-side>div {
    z-index: 3;
    position: relative;
}
html body.trigger-position-left #enable-toolbar-trigger, body.trigger-position-right #enable-toolbar-trigger {
    -webkit-transform: translateY(-130px) scale(1.3);
    -ms-transform: translateY(-130px) scale(1.3);
    transform: translateY(-130px) scale(1.3);
}
}


div#popup_scanlist {
    display: none;
}

div#popup_scanlist.show {
    display: block;
}
div#popup_scanlist.show .popup-cont {
    display: block;
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    top: 0;
    background-color: white;
    padding: 20px 10px;
    width: 100%;
    height: 90%;
    border: 1px solid gainsboro;
    border-radius: 0;
    overflow-y: scroll;
}
#scan-barcode-btn-list {
    width: 100%;
    background: #29ABE1;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 10px;
	height:50px; 
}
#scan-barcode-btn-list img {
	margin: 0 10px;
	max-width: 30px;
}
div#popup_scanlist .section {
    display: none;
}

div#popup_scanlist[data-show="lists"] .section.lists {
    display: block;
}
div#popup_scanlist[data-show="scan"] .section.scan {
    display: block;
}
div#popup_scanlist .section h2 {
    margin: 0 0 7px;
}
.section.scan button {
    font-size: 16px;
    color: white;
    border: 0;
    padding: 5px 30px;
}
#html5-qrcode-button-camera-stop{
    display: none!important;
}
.section.lists .lists-content {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid gainsboro;
	height: calc(100% - 200px);
    overflow: auto;
    margin-bottom: 10px;
}

.section.lists {}

div#btn-move-products {
    background-color: var(--e-global-color-primary);
    color: white;
    padding: 5px 15px;
    
    border-radius: 50px;
    text-align: center;
}
.section.lists .lists-content .name-list {
    font-weight: bold;
    background-color: whitesmoke;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.section.lists .lists-content .name-list::after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 5px;
}
.section.lists .lists-content .item-list.open .name-list::after{
    transform: rotate(180deg);
}

.section.lists .lists-content .item-list .items-list {
    display: none;
}

form#add_list input[type=text] {
    width: 60%;
    border-radius: 70px;
    padding: 4px;
}

form#add_list input[type="submit"] {
    padding: 4px 12px;
    font-size: 17px;
    margin-right: 2%;
    color: white;
    border: 0;
}

.section.lists .lists-content .item-list {
    margin-top: 7px;
}
.noti {
    background-color: #ccc;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    color: white;
    letter-spacing: 2px;
    box-shadow: 0px 0px 7px -2px #00000029;
    margin-top: 2px;
    border-radius: 3px;
}

.noti.error {
    background-color: #b76767d1;
}
.noti.suc {
    background-color: #6ab16ae0;
}
.choose_list>div {
    display: inline-block;
    font-weight: bold;
    color: var(--e-global-color-primary);
}

.choose_list select#lists_scan {
    width: 73%;
    display: inline-block;
    border-radius: 20px;
    padding: 3px;
}

.choose_list .field-settings {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-color: #29abe1bd;
    border-radius: 50%;
    padding: 5px;
}

.choose_list {
    text-align: right;
    margin-bottom: 7px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

.field-settings-panel {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    display: none;
}

.field-settings-header {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.field-settings-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.field-settings-content .field-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
}

.field-settings-content .field-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.field-settings-content .field-checkbox-label span {
    user-select: none;
}
form#add_list input[type="submit"]:hover {
    background-color: var(--e-global-color-primary);
}
#reader video{
    height: 200px;
    object-fit: none;
}
canvas#qr-canvas-visible {
    height: 100%!important;
    object-fit: cover;
    width: 100%!important;
}
.filter-cat-cat>li> .filt-subcat>.filt-subcat-list>.filt-subcat-item>a {
    color: var(--e-global-color-primary);
}
.filter-cat-cat>li> .filt-subcat .filt-subcat a {
    font-size: 21px;
    font-weight: normal;
}
h4#wc_checkout_add_ons-title {
    margin: 0;
    color: black;
    font-size: 18px;
    font-weight: bold;
}

div#wc_checkout_add_ons {
    border-radius: 20px;
    border: 2px solid var(--e-global-color-primary);
    padding-top: 7px;
}

.main-container-quentity-info {
    margin-top: 10px;
}

.main-container-quentity-info  .main-container{
    margin-bottom: 7px !important;
}

.quentity-info button{
    border-radius: 8px !important;
}
#scan_fields input {
	width:100% !important;
	margin-bottom: 5px;
}
/*div#product-suggestions {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    background: #fff;*/
/*    z-index: 999;*/
/*    border: 1px solid black;*/
/*    top: 100%;*/
/*    margin-top: 10px;*/
/*    padding: 10px;*/
/*    border-radius: 14px;*/
/*}*/
.cart-header-item,.cart-item {
	flex-wrap:wrap;
}

.lists-content .item-inlist span {
	
}
[type=button].genPDF {
	background:red  !important;
	color:white;
	border: unset;
	line-height:40px;
	margin-top: 20px !important;
}
[type=button].genCSV {
	background:green !important;
	color:white;
	border: unset;
	line-height:40px;
	margin-top: 20px !important;
}
.startOrder  {
	background:green !important;
}
.finishOrder   {
	background:red !important;
}
#add-barcode-btn-list {
	font-size: 16px;
    color: white;
    border: 0;
    padding: 5px 30px;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    border-radius: 5px;
	background:#24A900;
}

/* Field group styles for conditional fields */
.popComments .field-group {
	margin-bottom: 15px;
}

.popComments .field-checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-weight: normal;
	gap: 8px;
	margin-bottom: 5px;
}

.popComments .field-checkbox {
	margin: 0;
	cursor: pointer;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.popComments .conditional-field {
	display: block;
	width: 100%;
}

.popComments .conditional-field:not(:checked) + .conditional-field {
	display: none;
}

.popComments input {
	font-size:17px; 
}



.barcode-search {
    font-family: Rubik; /* Better for barcode display */
    letter-spacing: 1px;
    font-size: 16px;
    padding: 8px 12px;
}
.barcode-search:focus {
    outline: 2px solid #007bff;
    box-shadow: 0 0 5px rgba(0,123,255,0.5);
}

/* Hide number input spinners */
.barcode-search::-webkit-outer-spin-button,
.barcode-search::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.barcode-search[type=number] {
    -moz-appearance: textfield;
}

/*.search-type-btn:hover{*/
/*    color: #29ABE1 !important;*/
/*}*/

.search-type-btn.active:hover {
    background-color: #29ABE1;
    color:#ffffff;
}
button#search-by-barcode:hover {
    background-color: #29ABE1;
}

button#search-by-name:hover {
    background-color: #29ABE1;
   
}

.search-input {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.suggestion-container {
    position: absolute;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.product-suggestion {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.product-suggestion:hover {
    background-color: #f5f5f5;
}

.search-type-btn {
    /*padding: 8px 15px;*/
    margin-right: 5px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    padding: 10px 20px !important;
    color: #fff !important;
    border-radius: 10px !important;
    
}

button#search-by-barcode.active {
    color:  #29ABE1 !important;
    background: transparent !important;
}

.search-type-btn.active {
    background-color: transparent !important;
    color:  #29ABE1 !important;
    border:1px solid  #29ABE1;
    border-radius: 10px;

}

.error-message {
    color: red;
    padding: 5px;
    font-size: 0.9em;
}

button#search-by-barcode {
    color: white;
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding: 10px 20px;
    border-radius: 10px;
}
.search-type-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.search-form-container {
    padding: 0px 0 10px 0;
}
.search-type-btn.active {
    background-color: transparent;
    color: white;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 10px 20px;
}

a#export-stockt, #delete-all-products {
        
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 500 !important;
        font-style: normal !important;
        text-decoration: none;
    }
    
    button#scan-barcode-btn{
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 700 !important;
        font-style: normal !important;
    }
    
    button#open-upload-popup {
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 700 !important;
        font-style: normal !important;
    }
    
    input.button {
        font-size: 15px !important;
        line-height: 22px !important;
        font-family: 'Rubik' !important;
        font-weight: 700 !important;
        font-style: normal !important;
        border: 1px solid #000 !important;
    }
    
#scan-barcode-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Space between text and image */
    padding: 10px 15px; /* Adjust padding as needed */
    border-radius: 10px;
    background: #29abe1;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

#scan-barcode-btn .button-icon {
    width: 30px; /* Adjust as needed */
    height:30px; /* Adjust as needed */
    margin-right: 5px; /* For right-to-left languages, use margin-right instead of margin-left */
       /*filter: invert(1);*/
}

#scan-barcode-btn:hover {
    background-color: #FFFFFF;
    color: #29ABE1;
}

#open-upload-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* Space between text and image */
}

#open-upload-popup .button-icon {
    width: 30px; /* Adjust as needed */
    height: 25px; /* Adjust as needed */
    margin-left: 5px; /* For right-to-left languages, use margin-left instead of margin-right */
    /*filter: invert(1);*/
}

/*popup upload file*/

.upload-popup {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.upload-popup-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 95% !important;
  max-width: 600px;
}

 body .close {
	 position: absolute;
	left: 10px;
	top: 5px;
	right: auto;
  color: #000 !important;
  float: left;
  font-size: 28px;
  font-weight: 400 !important;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

button#open-upload-popup {
    border-radius: 10px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    padding: 10px !important;
    color: #ffffff !important;
    background: #29abe1;
}
/*/// alphabet and number virtual keyboard css//*/
#virtual-keyboard {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    padding: 10px;
    box-sizing: border-box;
}

.keyboard-row {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

#virtual-keyboard button {
    margin: 2px;
    padding: 10px;
    font-size: 16px;
    background-color: #555;
    color: white;
    border: none;
    border-radius: 5px;
    min-width: 30px;
}

#virtual-keyboard button.wide {
    min-width: 60px;
}

#virtual-keyboard button.ultra-wide {
    min-width: 120px;
}

#virtual-keyboard button:active {
    background-color: #777;
}

/*/// end alphabet and number virtual keyboard css//*/


#counted-products-title {
        text-align: center;
        margin: 0;
        font-size: 18px;
        font-weight: 400;
        color: #333;
    }
.easy-numpad-frame {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.easy-numpad-container {
    background: white;
    padding: 10px;
    border-radius: 10px;
    width: 250px; /* Decreased from 300px */
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.easy-numpad-output-container {
    text-align: right;
    margin-bottom: 10px;
}
.easy-numpad-output {
    font-size: 20px; /* Decreased from 24px */
    padding: 8px;
    background: #F0F0F0;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    height: 48px;
}
.easy-numpad-number-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px;
}
.easy-numpad-number-container td {
    padding: 0;
}
.easy-numpad-number-container button {
    display: block;
    width: 100%;
    padding: 10px 0;
    background: #F0F0F0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px; /* Decreased from 18px */
    cursor: pointer;
    transition: background 0.3s;
}
.easy-numpad-number-container button:hover {
    background: #E0E0E0;
}
.easy-numpad-number-container .del,
.easy-numpad-number-container .clear,
.easy-numpad-number-container .cancel,
.easy-numpad-number-container .done {
    background: #007BFF;
    color: white;
}
.easy-numpad-number-container .del:hover,
.easy-numpad-number-container .clear:hover,
.easy-numpad-number-container .cancel:hover,
.easy-numpad-number-container .done:hover {
    background: #0056B3;
}
.mobile-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.popup-content {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
    max-width: 300px;
}
.numeric-keypad {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 20px;
}
.keypad-btn {
    padding: 10px;
    font-size: 18px;
    border: 1px solid #ccc;
    background: #F0F0F0;
    cursor: pointer;
}
.editable-quantity {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    margin-bottom: 10px;
}
.blue_updatebut {
    width: 100%;
    padding: 10px;
    background: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}














#focus-camera, #zoom-control {
    margin: 10px;
    padding: 5px;
}
#zoom-control {
    width: 200px;
}



#scanner-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#interactive.viewport {
    width: 100%;
    max-width: 640px;
    height: 400px;
}

#interactive.viewport > canvas, #interactive.viewport > video {
    max-width: 100%;
    width: 100%;
}

#close-scanner {
    margin-top: 20px;
    padding: 10px 20px;
    background: #f44336;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}


button#scan-barcode-btn {
    border-radius: 10px;
    width: 100%;
    max-width: fit-content;
    height: 50px;
    font-size: 16px;
    padding: 10px !important;
    color: #ffffff !important;
}

button#scan-barcode-btn:hover {
    color: #29ABE1 !important;
    background-color: #FFFFFF;
}


.notice-success p {
    margin: 20px;
    background-color: green;
    color: white;
    text-align: center;
}


#delete-all-products {
    background-color: #ff4343;
    color: #fff;
    border-radius: 10px;
    width: 100%;
    right:70px;
    max-width: 139px;
    height: 50px;
    font-size: 20px;
    padding: 10px !important;
}

#delete-all-products:hover {
    background-color: #c82333;
}

.notice-error p{
    margin: 20px;
    background-color: red;
    color: white;
}
.main-container {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        border: 2px solid black;
        margin: 0 auto;
        justify-content: space-between;
        padding: 15px;
        position: relative;
        margin-bottom: 7px;
    }

    .main-container p {
        font-size: 18px;
    }
    .quentity-meta-info {
    width: 50% !important;
    border-radius: 0 !important;
    display: inline-block;
    border: 1px solid black !important;
    padding:  8px;
}

.quentity-meta form {
    display: flex;
    gap: 5px;
}

input.quentity-meta-info {
    border: none;
}

.quentity-info {
    width: 33.33%;
    padding: 20px;
}

.product-info {
    width: 33.33%;
}

.product-actions {
    width: 33.33%;
}

.quentity-info button {
    width: 100%;
    padding: 10px;
    background-color: #007bff;
    color: #fff;
    margin-top: 15px;
    border-radius: 0;
    border: 1px solid #000;
}
.quentity-info button:hover{
       color: #fff;
}
.product-info > * {
    text-align: center;
    margin: 5px;
}

p.product-name {
    color: green;
}
.product-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    margin-top: -95px;
}

.product-actions form{
    width: 100%;

}

.product-actions button {
    width: 100%;
    padding: 10px;
    border: none;
    background-color: #ffff7e;
    margin-top: 8px;
    border: 1px solid transparent;
}

.autocomplete-container {
    position: relative;
    width: 100%;
    margin-left: 10px;
}
/* #product-suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    border: 1px solid #ddd;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}
.product-suggestion {
    padding: 5px 10px;
    cursor: pointer;
}
.product-suggestion:hover {
    background-color: #f0f0f0;
} */
.wrapper-box {
    display: block !important; 
    flex-wrap: nowrap;
    justify-content: center;
    align-items: end;
}

/*.wrapper-box .upload-form-container {*/
/*    width: 100%;*/
/*    max-width: calc(100% - 40%);*/
/*    text-align: end;*/
/*}*/
.wrapper-box input[type="file"]{
    width: 100%;
    max-width: calc(100% - 59%);
    text-align: end;
}
.wrapper-box h2 {
    font-size: 24px;
    line-height: 30px;
}
.wrapper-box form {text-align: -webkit-right !important;}

button.yellow_updatebut {
    background-color: #AA0000;
    color: #fff;
    border-radius: 0;
    border: 1px solid #000;
    position: absolute;
    bottom: 35px;
    max-width: 200px;
    right: 16px;
}

/*  */
.wrap {
    position: relative;
}
a#export-stockt{
    /*position: absolute;*/
    position:relative;
    left: 70px;
    bottom: 0;
    border-radius: 10px;
    width: 100%;
    max-width: 139px;
    height: 50px;
    font-size: 20px;
    padding: 16px !important;
    background: #5ED344;
}
form.eui-inline-form input[type="text"] {
    width: 100% !important;
    max-width: calc(100% - 183px) !important;
    margin-left: 10px !important;
}
form.eui-inline-form input#quantity_change {
    width: 100% !important;
    max-width: calc(100% - 140px) !important;
    margin-left: 10px !important;
}
#scan_fields {
	position:relative;
}

.product_name_container{
    position: relative;
}

#suggestionsList.activeList {
	position: absolute;
    background: white;
    width: 100%;
    max-height: 360px;
    top: 44px;
    overflow: scroll;
	border: 1px solid #ddd;
    border-top: none;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#suggestionsList ul {
	list-style:none;
	padding: 0;
}
#suggestionsList  li {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.cart-item .download-link, .cart-item .pdf-download-link{
    text-decoration: none!important;
}
form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
    width: 100% !important;
    max-width: calc(100% - 50px) !important;
    margin-left: 10px !important;
}


@media only screen and (max-width: 768px) {
    #order-history-page-table .order-history-csv, #order-history-page-table .order-history-pdf{
        font-size: 12px;
        padding: 5px;
    }
    .cart-item .download-link, .cart-item .pdf-download-link {
        padding: 5px;
       
    }    
    .cart-item > div{
        font-size: 14px;
    }
    .cart-header-item>div,
    div#cart-page-table .cart-item>div{
        padding: 6px;
        font-size: 14px;
    }
    div#history-cart-page-table .cart-item>div {
        padding: 0px;
        font-size: 14px;
    }
    
    .search-type-buttons {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    #virtual-keyboard {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        padding: 10px;
        box-sizing: border-box;
        z-index: 9999;
    }

    .keyboard-row {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

    #virtual-keyboard button {
        margin: 2px;
        padding: 10px;
        font-size: 16px;
        background-color: #555;
        color: white;
        border: none;
        border-radius: 5px;
        min-width: 30px;
    }

    #virtual-keyboard button.wide {
        min-width: 60px;
    }

    #virtual-keyboard button.ultra-wide {
        min-width: 120px;
    }

    #virtual-keyboard button:active {
        background-color: #777;
    }
}


@media (max-width: 480px){
    .quentity-info {
    width: 100%;
}

.product-info {
    width: 100%;
}

.product-actions {
    width: 100%;
    padding: 0;
}

.main-container {
    flex-direction: column;
    margin-bottom: 7px;
}

.main-container p{
    font-size: 14px !important;
    margin: 0 !important;
}
.quentity-info button{
    font-size: 14px !important;
    padding: 5px !important;
}
    .quentity-info {
        order: 3;
        padding-bottom: 58px !important;
        padding-top: 10px !important;
    }
    
    form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"]{
        padding: 0 12px !important;
    }
    
   a#export-stockt, #delete-all-products {
        height: auto !important;
        bottom: 0 !important;
        width: 100px !important;
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 500 !important;
        font-style: normal !important;
        text-decoration: none;
        padding: 15px !important;
        width: 30% !important;
    }
    
    a#export-stockt{
        left:50px;
    }
    
    #delete-all-products{
        right:50px;
    }
    
    button#scan-barcode-btn{
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 500 !important;
        font-style: normal !important;
    }
    
    button#open-upload-popup {
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 500 !important;
        font-style: normal !important;
    }
    button.cancelButton{
        border-radius: 8px !important;
        color: #fff !important;
        border-color: #000;
        font-size: 15px !important;
        margin-top: 20px !important;
        font-weight: 700;
        margin: 0 auto;
        width: 100%;
        max-width: max-content;
        display: block;
    }
    input.button {
        font-size: 15px !important;
        line-height: 15px !important;
        font-family: 'Rubik' !important;
        font-weight: 700 !important;
        font-style: normal !important;
        border: 1px solid #000 !important;
    }
    .wrap h3 {
        font-size: 20px !important;
    }
    
    form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
        max-width: 100px !important;
        text-align: center;
    }
    div#statics-myaccount .stt-item{
        margin-top: 6px;
    }
    div#statics-myaccount .stt-content {
        margin-top: 0;
    }
    
    div#eui-search-results {
     margin-bottom: 30px;
    }
    div#eui-search-results .main-container .quentity-info {
        padding-bottom: 10px !important;
    }
    form.eui-inline-form input[type="text"] {
        padding: 0 12px;
        max-width: calc(100% - 245px) !important;
        margin-left: 0 !important;
        border: 0;
    }
    
    button#scan-barcode-btn{
        max-width: 100%;
    }
    input#quantity_change {
        width: 100px;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 15px;
    }
    
        #virtual-keyboard button {
        margin: 3px;
        padding: 4px 13px;
        font-size: 18px;
        background-color: #555;
        color: white;
        border: none;
        border-radius: 5px;
        min-width: 25px;
    }
    #virtual-keyboard button.wide {
        min-width: 36px;
    }
    #virtual-keyboard {
        padding-bottom: 30px;
    }
    
    .easy-numpad-number-container .clear{
        background-color: #000 !important;
    }
    
    .easy-numpad-number-container .done{
        background-color: #0051a7 !important;
    }
    
    .easy-numpad-number-container .cancel{
        background-color: red !important;
    }
    
    .easy-numpad-container {
        width: 90%;
    }
    
    .easy-numpad-number-container table {
        margin-bottom: 0;
    }
    
    .easy-numpad-number-container td {
        border: none;
    }
    .easy-numpad-number-container .del{
        background-color: #F0F0F0;
        color: #000;
    }
    
    .easy-numpad-number-container table tbody tr td button {
        color: #000;
    }
    
    #counted-products-title {
     padding: 10px 0;
     margin-bottom: 60px;
    }
   .search-type-buttons {
        padding-top: 30px;
    }
}

@media(max-width:380px){
     form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
        max-width: calc(100% - 200px) !important;
    }
    
    form.eui-inline-form input[type="text"] {
        max-width: calc(100% - 170px) !important;
    }
}


@media(max-width: 1080px){
    form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
        width: 100% !important;
        max-width: calc(100% - 50px) !important;
        margin-left: 10px !important;
    }
    
    .main-container p {
        font-size: 14px !important;
    }
    button.yellow_updatebut {
        padding: 10px !important;
    }
    .quentity-info button{
        font-size: 16px !important;
    }
    div#statics-myaccount .stt-item{
        padding: 0px 6px;
    }
}
@media(max-width: 1024px){
    .quentity-info button{
        max-width: fit-content !important;
    }
}

@media(max-width: 480px){
    div#eui-search-results:has(.updated-product-item){
       display: none;   
    }
    .wrapper-box{
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }
    .product-actions{
        margin-top: 0 !important;
        order: 1;
        align-items: center !important;
        padding: 0;
        padding-bottom: 0px  !important;
    }
    .main-container p {
        font-size: 18px !important;
    }
    .product-info{
        order: 2;
    }
    .quentity-info{
        order: 3;
        padding-bottom: 80px !important;
    }
    .quentity-info button{
        max-width: 80% !important;
        background-color:#29ABE1 !important;
        border-radius: 8px !important;
        border: inherit !important;
    }
    button.yellow_updatebut {
        right: 50% !important;
        transform: translateX(50%);
        max-width: calc(83% - 69px) !important;
        background-color: #FF3E3E !important;
        color: #fff !important;
    }
    .quentity-info form {
        text-align: center;
    }
    form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
        max-width: calc(100% - 260px) !important;
    }
    .wrapper-box .upload-form-container{
		max-width: 90% !important;
        margin: auto;
    }
    .invantory_text-highlight {
        width: 100%;
    }
    .wrapper-box .upload-form-container{
        padding: 0;
		/* margin-top: 35px;
		margin-bottom: 50px; */
    }
    .wrapper-box input[type="file"] {
        width: 100%;
        max-width: calc(100% - 40%) !important;
    }
    .search-form-main {
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        gap: 10px;
    }
    
    .search-form-container {
        padding-top: 0;
    }
    .stockt-btn-scan-container {
        padding: 0;
		justify-content: center;
    }
    
    .search-form-main input.button{
        order: 3;
    }
    .autocomplete-container {
        order: 2;
    }
    input#product_barcode {
        order: 1;
    }
    div:has(#employer-name){
        margin-top: 0px;
    }
    .wrap h3 {
        font-size: 24px;
    }
    /*a#export-stockt{*/
    /*    left: unset !important;*/
    /*}*/
    
    input.button.button-primary{
        border-radius: 13px !important;
    }
    .add-product-form form input {
        border-radius: 8px;
    }
    
    .add-product-form form input[type="submit"]{
        border-radius: 8px !important;
        color: #fff !important;
        border-color: #000;
        font-size: 15px !important;
        margin-top: 20px !important;
        font-weight: 700;
        margin: 0 auto;
        width: 100%;
        max-width: max-content;
        display: block;
    }
    .add-product-form {
        margin-bottom: 40px;
    }
    .search-form-main input[type="submit"]{
        position: unset;
        border-top-right-radius: 13px !important;
    border-bottom-right-radius: 13px !important;
    }
	
	a#export-stockt, #delete-all-products {
		position:static !important;
		margin:0 10px;
    }
}
@media(max-width: 375px){
        form.eui-inline-form input[type="tel"], form.eui-inline-form input[type="number"] {
        max-width: calc(100% - 160px) !important;
    }
}
.mainHeader {
    z-index: 1 !important;
}
@media(max-width: 1024px){
    .mainHeader {
        background: #29abe1;
    }
    .mainHeader .main-header-logo {
        display: none;
    }    
    .mainHeader .ccart-icon img {
        filter: brightness(500) !important;
    }
}

.noteForm .save_note{
    background: green !important;
    color: white;
    border: unset;
    line-height: 40px;
    margin-top: 20px !important;

}


.product-card {
  border: 2px solid #000;
  border-radius: 20px;
  padding: 0 10px;
  width: 100%;
  font-family: 'Rubik', sans-serif;
  position: relative;
  text-align: center;
  direction: rtl;
  background: #fff;
  margin-bottom:10px;
/*   background: url(https://supercatalog.co.il/wp66/wp-content/uploads/2025/07/Screenshot_11.png) center no-repeat;
  background-size:contain; */
}

.product-card .product-note{
    text-align: right;
    font-size: 14px;
    color: red;
}


.product-card .note-icon img{
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 20px;
    height: auto;
    margin-bottom: -3px;
}


.card-header {
  margin-bottom: 10px;
}

.remove {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
}

.product-title {
  font-weight: bold;
  font-size: 16px;
  margin: 5px 0;
  text-align:right;
}
.product-title input {
	width:90%;
}

.product-subtitle {
  font-size: 14px;
  color: #333;
  margin: 0;
}

.product-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}

.product-image {

  color: white;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: bold;
}

.product-card .product-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  flex-grow: 1;
}

.meta-field {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.meta-field input {
  font-size: 14px;
  padding: 5px;
  border: 2px solid #156082;
  border-radius: 8px;
  text-align: center;
}
.meta-field > div {
    font-size: 9px;
}

.barcode {
  margin-top: 10px;
  font-size: 14px;
  color: #156082;
  display: inline-block;
  margin-bottom: 6px;
}
#scan_fields {
	height: 450px;
    overflow: auto;
}

#backtoorder {
    width: 100%;
    background: #000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 10px;
    height: 50px;
}
.search-type-btn,#scan-barcode-btn {
	border: unset;
}
#inventory-file-name-display{
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 20px;
    color:green;
}
#inventory-upload-form-button {
	background: rgba(245, 245, 245, 1);
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    width: 150px;
    display: flex;
    height: 50px;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
	color: rgba(41, 171, 226, 1);
	cursor:pointer; 
}
#inventory_file {
	display:none;
}
#inventory-upload-form-button img {
	padding: 0 10px; 
}
#scanner_info {
	color: white;
    background: rgba(6, 23, 43, 1);
    padding: 40px 0 100px 0;
    text-align: center;
    border-radius: 21px;
    max-width: 100%;
    width: 100%;
}
#scanner_info h3{
	font-size: 25px;
	font-weight:500;
}
#scanner_info h4{
	font-size: 18px; 
	font-weight:400;
}
#scanner_info #close-scanner{
	background: rgba(41, 171, 225, 1);
}

.product_meta_wrap .product-title span {
	display: block;
    padding-left: 15px;
}
[name="upload_inventory"] {
	color:white;
}