*
{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
:root {
  --BlueMobile:#203353;
  --GreenMobile:#697D7E;
  --loading: url(/themes/mobile/images/Tabletloading.gif);
  --sending: url(/themes/mobile/images/Tabletloading.gif);
  --marginInline:24px;
  --widthDetail:24px;
  --widthimg:20px;
  --FontItem:14px  ;
}

html
{
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}
.sp-f .zr-textarea-no-validate .sp-invalidated:not(input, .sp-drop-button),
.sp-f .zr-textarea-no-validate .sp-validated:not(input, .sp-drop-button){
  padding-right: var(--TextPadding) !important;
}
.zr-scanner {
  display:none !important;
}

.zr-shortmsg-parent {
  min-width: clamp(100px, 500px, calc(100% - 1rem));
  bottom: 100px;
  right: 0.5rem;
}

.zm-customer-search-img
{
  width:24px
}
.zm-customer-info
{
  border: 1px solid var(--quaternary50);
  background-color: var(--quaternary5);
  border-radius: 12px;
  align-items: center;
  padding: 11px 0;
}
.zm-customer-accounting
{
  margin-top: 61px;
}
.zm-customer-insert
{
  border-right: 1px solid #BFCDCD;
}
.zm-customer-insert-img
{
  margin-right: 14px;
}
.zm-customer-filter-image img
{
  width: 24px;
}
.zm-customer-extra
{
  display:none;
}
.zm-customer-item
{
  border: 1px solid var(--gray70);
  border-radius: 18px;
  margin-bottom: 14px;
  display:flex;
  flex-direction: column;

}
.zm-customer-title
{
  width:45%;
}
.zm-customer-mobile
{
  width:45%;
  display: flex;
  justify-content: end;
  padding-left: 12px;
}
.zm-customer-arrow
{
  width:5%;
  display: flex;
}
.zm-customer-title p
{
  font-size: 16px;
  font-weight: 500;
  margin-right: 18px;
  white-space: nowrap;
}
.zm-customer-mobile p
{
  font-size: 16px;
  font-weight: 500;
}
.zm-customer-head
{
  padding: 12px 0;
}
.zm-customer-arrow img
{
  width: 22px;
}
.zm-vitrin-input img
{
  width:18px;
  position: absolute;
  top: 16px;
  right: 12px;
}
.zm-vtrin-input-main
{
  background-color: #ECEFEF;
  border: 1px solid #697D7E;
  border-radius: 12px;
  margin-top: 12px;
}
.zm-vitrin-input
{
  display: flex;
  border: 1px solid #697D7E;
  width: 98%;
  margin: 2px auto;
  border-radius: 12px;
  position:relative;
  background-color:#ECEFEF;
  overflow: hidden;
}
.zm-vitrin-input input
{
  border-radius:12px;
  text-indent: 24px;
  line-height: 48px;
}
.zm-vitrin-main-list
{
  background: linear-gradient(90deg, var(--greensecond) 0.01%, #697D7E 100%);
  border-radius: 18px 18px 18px 18px;
  margin-top: 14px;
}
.zm-vitrin-list-body
{
  border-radius: 18px;
  border: 2px solid #7F6F93;
  background: #FFF;
}
.zm-vitrin-item-check img
{
  width:16px;
}
.zm-vitrin-item-cancel img
{
  width:16px;
}
.zm-vitrin-list-head-arrow img
{
  width: 18px;
  margin-top: 6px;
}
.zm-vitrin-item
{
  background-color: var(--gray10);
  width: 90%;
  margin: auto;
  border: 1px solid #A09E9F;
  border-radius: 12px;
  padding: 6px;
  margin-bottom: 8px;
}
.zm-vitrin-item-box:last-child
{
  border-right: 1px solid var(--gray70);
}
.zm-vitrin-item-box
{
  width: 50%;
  justify-content: center;
}
.zm-vitrin-list-body > div
{
  margin-top: 14px;
  width: 98%;
  height: 130px;
  margin-bottom: 14px;
}
.zm-vitrin-list-head-title
{
  width:50%;
}
.zm-vitrin-list-head-title p
{
  margin-right:8px;
  color:white;
  font-size:16px;
}
.zm-vitrin-list-head-arrow
{
  width:50%;
  display: flex;
  justify-content: left;
  margin-left: 26px;
}
.zm-vitrin-list-head-arrow span
{
  font-size:16px;
  color:white;
}
.zm-vitrin-list-head
{
  padding: 7px 0;
}
.zm-vitrin-button
{
  margin-top: 18px;
}
.zm-vitrin-btn-item p
{
  width: 140px;
  border: 1px solid var(--gray70);
  text-align: center;
  padding: 10px 0px;
  border-radius: 12px;
  font-size: 14px;
  overflow:hidden;
}
.zm-vitrin-btn-item.active p
{
  background-color:var(--salescolor);
  color:white;
  border: 1px solid var(--salescolor);

}
.zm-vitrin-btn-item.disable p
{
  background-color:#C0BFBF;
  color:white;
}
.zm-vitrin-max-box
{
  height: 600px;
}
.zm-vitrin-no-height
{
  height: 530px !important;
}
.zm-update-manual
{
  display:none;
}
.app-menu-page
{
  position: fixed;
}
.zm-customer-input input
{
  background-color: var(--quaternary5);
}
.zm-customer-form-box
{
  width: 85%;
  display: flex;
}
.zm-customer-form-image
{
  margin-right: 16px;
  margin-left: 10px;
  display: flex;
}
.zm-customer-form-title
{
  display: flex;
  align-items: center;
}
.zm-customer-form-title p
{
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 0.36px;
}
.zm-customer-input
{
  width: 100%;
}
.zm-logo-header
{
  align-items: center;
}
.zm-logo-header img
{
  width:30px;
}
.zm-logo-header p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  white-space: nowrap;
  margin-right: 8px;
}
.zm-customer-filter
{
  margin-top: 28px;
}
.zm-customer-filter-box
{
  width: 100%;
}
.zp-customer-filter-title
{
  width: 50%;
}
.zm-customer-filter-top
{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;

}
.zp-customer-filter-bar
{
  height: 2px;
  background-color: var(--AppColor70);
  width:50%;
}
.zp-customer-filter-list-title p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  margin-right: 8px;
}
.zm-customer-filter-bottom .zp-customer-filter-title p
{
  align-items: center;
  color: var(--gray70);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-right: 32px;
}
.zm-customer-filter-bottom 
{
  align-items: center;
  margin: 8px 0;
}
.zp-customer-filter-select select
{
  color: var(--gray70);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%
}
.zm-customer-extra > div
{
  width: 90%;
  margin: auto;
  border-top: 1px solid var(--AppColor70);
  padding: 8px 0;
}
.zp-customer-extra-item-img img
{
  width: 20px;
  height: 20px; 
}
.zp-customer-extra-item-title .title
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  margin-right: 8px;
  white-space: nowrap;

}
.zp-customer-extra-item-value .title
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;

}
.zp-customer-extra-item-value .value
{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.zp-customer-extra-item-title
{
  width: 50%;
  display: flex;
  align-items: center;
}
.zp-customer-extra-item-value
{
  width: 50%;
  justify-content: end;
  display: flex;
  align-items: center;
}
.zm-customer-extra-item
{
  margin-bottom: 12px;
}
.zm-terminal-search
{
  margin: 50px 0;
}
.zm-result-header
{
  display: flex;
  position: absolute;
  right: 14px;
}
.zm-result-center-btn
{
  border: 1px solid var(--AppColor70);
  border-radius: 12px;
  display: flex;
  width: 62%;
  text-align: center;
  justify-content: center;
}
.zm-result-center-btn a
{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: var(--AppColor70);
}
.zm-menu-box
{
  margin-top: 12px;
}
.zm-app-menubar {
  max-width: 32px;
}
.zm-app-menu-close {
  color: white;
  display: flex;
  cursor: pointer;
  padding: 24px 0;
}
.zm-app-menu-close p {
  margin-right: 12px;
  font-size: 17px;
  font-weight: 300;
}
.zm-app-menu-close i {
  font-size: 22px;
  font-weight: 400;
}
.zm-app-menu {
  width: 12%;
}
.history-Result
{
  border: none;
  justify-content: start;
}
.zm-history-search-box
{
  border-radius: 15px;
  border: 0.4px solid var(--AppColor70);
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12);
  margin-top: 18px;
}
.zm-history-search-icon img
{
  width: 24px;
  height: 24px;
}
.zm-history-barcode
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 15%;
  align-items: center;
}
.zm-history-barcode img
{
  width: 24px;
  height: 24px;
}
.zm-history-input-div
{
  display: flex;
  border-radius: 12px;
  border: 0.4px solid var(--Quaternary-Tiber-T50, var(--quaternary50));
  background: var(--Quaternary-Tiber-T5, var(--quaternary5));
  width: 90%;
  margin: 10px auto;
}
.zm-history-input
{
  border-radius: 12px;
  border: 0.4px solid var(--Quaternary-Tiber-T50, var(--quaternary50));
  background: var(--White, #FDFDFD);
  height: 48px;
  margin: 5px;
  width: 100%;
  overflow: hidden;
  display:flex;
}
.zm-history-down-title
{
  text-align: center;
  display: flex;
  justify-content: center;
  margin: 12px 0;
}
.zm-history-down-title > div
{
  margin-right: 12px;
}
.zm-history-down-title p
{
  color: #var(--BlueMobile);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%
}
.zm-history-down-title img
{
  width: 14px;
}
.zm-history-search-icon
{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  margin-left: 16px;
  width: 10%;
  height: 48px;
}
.zm-advance-box
{
  border: 1px solid var(--AppColor70);
  border-radius: 15px;
  margin-bottom: 12px !important;
}
.zm-advance-title
{
  color:var(--greensecond);
}
.zm-advance-arrow  img
{
  width: 14px;
}
.zm-advance-box-active
{
  background-color: var(--AppColor5);
}
.zm-advance-box-active .zm-advance-body
{
  background-color: white;
  width: 98%;
  margin: auto;
  border: 1px solid var(--AppColor70);
  border-radius: 12px;
  padding: 6px;
  margin-bottom: 6px;
}
.zm-advance-arrow
{
  position: absolute;
  left: 25px;
}
.zm-advance-price-div
{
  display:flex;
  margin-bottom:8px;
}
.zm-advance-price-div .title
{
  width:33%;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  text-align: center;
  white-space: nowrap;
}
.zm-advance-price-div .value
{
  width:33%;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  text-align: center;
  white-space: nowrap;
}
.zm-advance-price-div .unit
{
  width:33%;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  text-align: center;
  white-space: nowrap;
}
.zm-advance-price-arrow
{
  position: absolute;
  left: 16px;
}
.zm-advance-price-arrow img
{
  width:14px;
}
.zm-advance-price
{
  width:75%
}
.zm-advance-box-active.zm-advance-body-active
{
  display: block !important;
  width: 90%;
  margin: auto;
}
.zm-advance-part.zm-advance-stone-part
{
  background-color: var(--AppColor5);
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 12px;
  border: 1px solid  var(--AppColor70);
  min-height: 100%;
}
.zm-advance-stone-part .zm-advance-stone
{
  border-bottom: 0px;
  border-radius: 15px 15px 0 0;
  border: none !important;
}
.zm-advance-stone-part .zm-advance-body-active
{
  display: block !important;
  width: 90%;
  margin: auto;
}
.zm-advance-stone-div
{
  border-top: none;
  border-radius: 0px 0px 15px 15px;
  margin-top: -12px;
  margin-bottom: 12px;

}

.zm-advance-box-active ~ .zm-advance-stone-div
{
  border-top: 0px;
  margin-bottom: 0px;
}
.zm-advance-exist
{
  border: none;
}
.zm-transfer-btn
{
  border-radius: 12px;
  background-color: var(--salescolor);
  display: flex;
  justify-content: center;
  padding: 12px;
  width: 100%;
  margin: 33px auto 24px;
  align-items: center;
}
.zm-transfer-btn p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: #FFF;
}
.zm-transfer-btn img
{
  width: 20px;
  margin-left: 8px;
  height: 20px;
}
.zm-vitrin-filter-input .first-logo
{
  width:34px;
}
.zm-vitrin-filter-input .last-logo
{
  width:24px
}
.zm-vitrin-filter-input
{
  display:flex;
}
.zm-vitrin-filter-header
{
  background-color: var(--sales5);
  padding: 17px 0;
  width: 100%;
  margin: auto;
  border-radius: 18px;
  border: 1px solid var(--sales60);
  justify-content: center;
  align-items: center;
}
.zm-vitrin-filter-header
{
  display:flex;
}
.zm-vitrin-filter-header >  img
{
  width:20px;
  margin-right: 18px;
  margin-left: 8px;
  height: 20px;
}
.zm-vitrin-filter-header p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  width: 75%;
}
.zm-vitrin-filter-header .arrow img
{
  width: 15.83px;
  height: 9.17px;
}
.zm-vitrin-filter-body
{
  width: 100%;
  margin: auto;
  border: 1px solid var(--salescolor);
  border-radius: 0 0 18px 18px;
  display: none;
}
.zm-vitrin-header-show
{
  display:block;
}
.zm-vitrin-top-show
{
  border-radius: 18px 18px 0 0;
  border-bottom: 0;
}
.zm-vitrin-filter-input-box
{
  background-color: var(--gray10);
  width: 90%;
  margin: auto;
  border: 1px solid #A09E9F;
  border-radius: 12px;
  padding: 6px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.zm-vitrin-type
{
  display:flex;
  justify-content: space-evenly;
  margin-top: 12px;
  margin-bottom: 12px;
}
.zm-vitrin-box-item
{
  width: 140px;
  text-align: center;
  padding: 10px 0;
  border: 1px solid #979797;
  border-radius: 12px;
}
.zm-vitrin-box-item p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  color: #979797;
}
.zm-vitrin-metal
{
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}
.zm-vitrin-metal-item
{
  border: 1px solid var(--salescolor);
  border-radius: 12px;
  padding: 5px;
  text-align: center;
  width: 52px;
  height: 52px;
}
.zm-vitrin-metal-item .title
{
  color:var(--salescolor);
  font-weight: 600;
  font-size: 14px;
}
.zm-vitrin-metal-item .unit
{
  color:var(--salescolor);
  font-weight: 500;
  font-size: 14px;
}
.zm-vitrin-search form
{
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  justify-content: space-evenly;
}

.zm-vitrin-search .search
{
  width:40%;
  background-color: var(--salescolor);
  color: white;
  text-align: center;
  border-radius: 12px;
  padding: 11px;
}
.zm-vitrin-search .search p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.zm-vitrin-search .remove-search
{
  border:1px solid var(--gray70);
  width: 40%;
  color: white;
  text-align: center;
  border-radius: 12px;
  padding: 11px;
}
.zm-vitrin-search .remove-search p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color:var(--gray70);
}
.zm-vitrin-row-box
{
  border-radius: 16px;
  border: 0.4px solid var(--AppColor70);
  background: #FFF;
  width: 100%;
  margin-bottom: 8px;
}
.zm-vitrin-row-box:first-child
{
  margin-top: 8px;
}
.zm-vitrin-row-head
{
  display:flex;
  padding:8px;
  align-items: center;
}
.zm-vitrin-row-head .icon
{
  width: 38px;
  height: 32px;
}
.zm-vitrin-row-head .arrow
{
  width: 15px;
  height: 9px;
}
.zm-vitrin-row-head .title
{
  width: 175px;
  margin-right: 20px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-vitrin-row-head .number
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  width: 60px;
}
.zm-vitrin-row-head .imgs
{
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zm-vitrin-row-body > div
{
  width:90%;
  margin:auto;
  border-top: 1px solid var(--AppColor70);
  padding-top: 8px;
}

.zm-vitrin-row-footer > div
{
  border-radius: 12px;
  border: 1px solid var(--AppColor70);
  background: var(--AppColor5);
  padding: 8px;
  width: 100%;
  margin: 4px auto 8px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zm-vitrin-row-footer > div p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  text-align: center;
}
.zm-vitrin-row-footer
{
  border-top: none !important;
}
.zm-vitrin-row-box:last-of-type
{
  margin-bottom: 42px;
}

.zm-vitrin-row-body
{
  display:none;
}
.zm-vitrin-box-item-active
{
  background-color: var(--salescolor);
  color: white;
  border: 1px solid var(--salescolor);
}
.zm-vitrin-box-item-active p
{
  color:white;
}
.zm-vitrin-metal-active
{
  background-color:var(--salescolor);
  color: white;
  border: 1px solid var(--salescolor);
}
.zm-vitrin-metal-active p
{
  color: white !important;
}
.zm-vitrin-filter-input input
{
  width: 90%;
  margin: 0 10px;
  background: var(--gray10);
}
.zm-vitrin-search
{
  display: flex;
  margin: 36px auto 24px;
  justify-content: space-around;
}
.zm-vitrin-info-first img
{
  width:38px;
}
.zm-vitrin-edit img
{
  width:20px;
  height: 20px;
}
.zm-vitirin-info-top
{
  display:flex;
}
.zm-vitrin-info-half > div
{
  width: 48%;
}
.zm-vitrin-info-box
{
  border-bottom: 1px solid var(--AppColor70);
  width: 100%;
  margin: auto;
  padding-bottom: 12px;
  height:60px;
  overflow: scroll;
  padding-left:6px;
}
.zm-transference-to
{
  display:flex;
  align-items: center;
}
.zm-transference-to img
{
  width: 30px;
}
.zm-transference-delete
{
  display:flex;
}
.zm-transference-delete img
{
  width: 30px;
}
.zm-vitrin-transference
{
  display:flex;
  justify-content: space-evenly;
  margin-top:24px;
  margin-bottom:24px;
}
.zm-transference-item
{
  width: 100%;
  margin-bottom: 8px;
}
.zm-vitrin-transference #SelectBtnList
{
  width: 65%;
}
.zm-vitrin-transference-select
{
  display: flex;
  justify-content: center;
  align-items: center;

}
.zm-vitrin-transference-select input
{
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/CheckedCheckbox.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}
..zm-vitrin-transference-select input:is(:focus,:hover)::before {
  background: url(/themes/manager/icons/baseinformations/checkedCheckboxFocus.svg) no-repeat center;
  background-size: 100% 100%
}
.zm-vitrin-transference-deny
{
  display: flex;
  justify-content: center;
  align-items: center;
}

.zm-rfid-inneritem
{
  width: 100%;
  overflow: hidden;
}
.zm-transference-to .image
{
  background: url(/themes/mobile/images/zm-transfer-empty.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  margin-left: 12px;
  position: relative;
  top: 3px;
  right: -4px;
}
.zm-vitrin-info-img1
{
  width: 18px;
  height: 18px;
}
.zm-vitrin-info-gBox
{
  margin-bottom: 8px;
}
.zm-vitrin-info-gBox p
{
  font-size: 14px;
  font-weight: 500;
  line-height: 18.48px;
  margin-right: 8px;
}
.zm-vitrin-info-gItem
{
  display: flex;
}
.zm-vitrin-info-gValue
{
  font-size: 14px;
  font-weight: 400;
  line-height: 18.48px;
}
.zm-vitrin-info-gUnit
{
  font-size: 10px;
  font-weight: 400;
  line-height: 13.2px;
}
.zm-vitrin-info-gParent
{
  margin-bottom: 8px;
  margin-right: 8px;

}
.zm-transference-to-active .image
{
  background:url('/themes/mobile/images/zm-transfer-active.svg');
  background-repeat: no-repeat;
}
.zm-transference-to p
{
  color:var(--gray60);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  white-space: nowrap;
}
.zm-transference-to-active p
{
  color:var(--BlueMobile);
} 

.zm-transference-delete p
{
  color:var(--gray60);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-transference-delete-active p
{
  color:#var(--BlueMobile);
} 
.zm-transference-delete .image
{
  background: url(/themes/mobile/images/zm-transfer-delete.svg);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  margin-left: 12px;
}
.zm-transference-delete-active .image
{
  background:url('/themes/mobile/images/zm-delete-active.svg');
  background-repeat: no-repeat;
}
.zm-vitrin-choose-list
{
  background-color:var(--sales60);
  border-radius: 12px;
  width: 100%;
  margin: 34px auto 24px;
  overflow: hidden;
}
.zm-vitrin-choose-head
{
  text-align: center;
  display: flex;
  justify-content: center;
  width: 100%;
  color: white;
  padding: 12px 0;
}
.zm-vitrin-choose-head-title p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-vitrin-choose-body
{
  background-color: white;
  border: 2px solid var(--greensecond);
  border-radius: 12px;
  height: 72dvh;

}
.zm-vitrin-choose-item
{
  padding:16px 0;
  border-radius: 18px;
  border: 0.4px solid #E3E3E3;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  margin: 12px 12px;
  text-align: center;
}
.zm-vitrin-choose-item p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px
}
.zm-vitrin-choose-item-active
{
  background-color:var(--sales60);
}
.zm-vitrin-choose-item-active p
{
  color:white;
}
.zm-vitrin-choose-btn .save
{
  border-radius: 12px;
  border: 1px solid var(--Grayscale-Gray-70, var(--gray70));
  text-align: center;
  padding: 12px;
  width: 100%;
  margin: auto;
}
.zm-vitrin-choose-btn .save p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color:var(--greensecond);
}
.zm-vitrin-choose-btn .cancel
{
  border-radius: 12px;
  border: 1px solid var(--Grayscale-Gray-70, var(--gray70));
  text-align: center;
  padding: 12px;
  width: 100%;
}
.zm-vitrin-choose-btn .cancel p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color:var(--gray70);
}
.zm-vitrin-info-first
{
  width: 50%;
  align-items: center;
}
.zm-vitirin-info-top
{
  width:100%;
  margin:8px auto;
  margin-top: 32px;
}
.zm-vitrin-info-first p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  margin-right: 12px;
}
.zm-vitrin-info-count
{
  width: 25%;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}
.zm-vitrin-info-count p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-vitrin-edit
{
  width:25%;
  justify-content: end;
  display: flex;
  align-items: center;
}
.zm-vitrin-input-edit
{
  display:flex;
  border: 1px solid #7F6F93;
  width: 96%;
  margin: 3px auto;
  border-radius: 12px;
  position: relative;
  overflow:hidden;
  margin-bottom: 42px;
}
.zm-vitrin-edit-btn
{
  display:flex;
  border: 1px solid var(--Grayscale-Gray-70, var(--gray70));
  width: 96%;
  margin: 3px auto;
  border-radius: 12px;
  position: relative;
  justify-content: center;
  padding: 12px;
}
.zm-vitrin-edit-btn p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-vitrin-containter
{
  width:100%;
  margin:12px auto;
}
.zm-vitrin-head
{
  text-align: center;
  margin-bottom: 12px
}
.zm-vitrin-head p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
}
.zm-vitrin-image-large
{
  height: 64dvh;
  margin-bottom: 34px
}
.zm-vitrin-image-large img
{
  height: 100%;
}
.zm-vitrin-buttons
{
  position: absolute;
  width: 30px;
  height: 48px;
  left: 15px;
  background: white;
  border-color: rgb(204, 204, 204);
  background-color: var(--InputColor);
}
.zm-vitrin-input form
{
  width:100%;
}
.zm-vitrin-item-code
{
  margin-right: 12px;
  align-items: center;
  display: flex;

}
.zm-vitrin-item-title
{
  margin-left: 12px;
  align-items: center;
  display: flex;
  min-width: 90px;
}
.zm-vitrin-item-check
{
  display: flex;
}
.zm-vitrin-item-cancel
{
  display: flex;
}
.zm-vitrin-list-head-arrow > div
{
  margin-left: 12px;
}
.zm-rfid-last
{
  border-radius: 12px;
  border: 0.4px solid var(--AppColor70);
  background: var(--AppColor5);
  margin-bottom: 12px;
}
.zm-rfid-last-info
{
  display:flex;
  padding: 8px;
  margin: 18px 0 0;
}
.zm-rfid-last-info .icon img
{
  width: 20px;
}
.zm-rfid-last-info > div
{
  width:50%;
  display:flex;
  align-items: center;
}
.zm-rfid-last-item
{
  display: flex;
  border-radius: 12px;
  border: 0.4px solid var(--AppColor70);
  background: #FFF;
  width: 95%;
  margin: 10px auto;
  padding: 10px 8px;
}
.zm-rfid-last-item-part
{
  width: 50%;
  display:flex;
}
.zm-rfid-last-item-part img
{
  width:22px;
}
.zm-rfid-start
{
  background-color: var(--greensecond);
  color: white;
  border-radius: 18px;
  padding: 12px;
  text-align: center;
  margin-bottom:12px;
  margin-top: 12px;
}
.zm-rfid-start p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-rfid-last-more
{
  display: flex;
  justify-content: center;
  padding: 10px;
  align-items: center;
}
.zm-rfid-last-more img
{
  width: 14px;
  height: 9px;

}
.zm-rfid-last-bottom
{
  background-color: white;
  width: inherit;
  margin: auto;
  display: none;
  border: 1px solid var(--AppColor70);
  border-radius: 12px;
  margin:8px;
  overflow: hidden;
}
.zm-rfid-last-item-part .title
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
  margin-right: 10px;
}
.zm-rfid-last-item-part .value
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%
}
.zm-rfid-last-end
{
  justify-content: end;
}
.zm-rfid-last-info .datevalue
{
  justify-content: end;
}
.zm-rfid-last-info .title p
{
  margin-right: 10px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%
}
.zm-rfid-last-info .datevalue span
{
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%; /* 15.84px */
  letter-spacing: 0.6px;
}
.zm-rfid-last-more p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin-left:12px;
}
.vitrin-table-box .first
{
  width:35%;
  flex: inherit;
}
.vitrin-table-box .second
{
  width: 20%;
  flex: inherit;
}
.vitrin-table-box .third
{
  width: 25%;
  flex: inherit;
}
.vitrin-table-box .forth
{
  width: 20%;
  flex: inherit;
}
.vitrin-table-box-header
{
  position: sticky;
  top: 0px;
  right: 0px;
  background-color: white;
}
.vitrin-table-box-header p
{
  font-size: 12px;
  font-weight: 700;
  line-height: 15.84px;
}
.zm-vitrin-head-start
{
  width: 100%;
  margin: 12px auto;
  background-color: var(--AppColor5);
  padding: 4px 8px;
  border-radius: 20px;
}
.zm-rfid-product-main
{
  overflow:hidden;
}
.zm-vitrin-head-start-item 
{
  width:50%;
  text-align: center;
  padding: 8px;
}
.zm-vitrin-head-start-body
{
  width: 100%;
}
.zm-vitrin-head-start-body p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%
}
.zm-vitrin-head-start-item.active
{
  background-color: white;
  border-radius: 20px;
}
.zm-vitrin-start-body
{
  border: 1px solid #C5C5C5;
  width: 100%;
  margin: auto;
  border-radius: 24px;
  margin-bottom: 12px;
}
.zp-app .zr-inventory-list
{
  row-gap: 0px !important;
  padding: 0px 12px 0;
}
.zp-app :is(.zr-rfid-parent .sp-section-body ,.zr-rfidsave-list , .zr-grid-category-body , .zr-grid-category)
{
  gap: 0px;
}
.zm-rfid-bar-item
{
  margin-top:4px;
}
.zm-rfid-bar-item .right
{
  font-size: 14px;
  font-weight: 300;
  line-height: 22.56px;
  color:var(--gray80);
}
.zm-rfid-bar-item .center
{
  font-size: 14px;
  font-weight: 300;
  line-height: 22.56px;
  color:var(--gray80);
}
.zm-rfid-bar-item .left
{
  font-size: 14px;
  font-weight: 300;
  line-height: 22.56px;
  color:var(--gray80);
}
.zr-grid-category-body .zr-row-category:first-child
{
  margin-bottom: 12px;
  margin-top: 8px;
}
.sp-tab-body
{
  padding: 12px 0;
}
.zm-inventory-box
{
  display:none;
}
.zm-vitrin-tab
{
  display:flex;
  justify-content: space-around;
  margin-top: 10px;
  margin-bottom: 10px;
}
.zm-vitrin-tab-item
{
  border-radius: 12px;
  border: 0.4px solid var(--greensecond);
  background: var(--quaternary5);
  width: 35%;
  display: flex;
  padding: 8px;
  justify-content: center;
  min-width: 139px;
}
.zm-vitrin-tab-item p 
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; 
  margin-right:12px;
  white-space: nowrap;
}
.zm-vitrin-tab-item img
{
  width:18px;
}
.zm-vitrin-row-item
{
  border-radius: 12px;
  border: 0.4px solid #A09E9F;
  background: var(--gray10);
  display:flex;
  margin-bottom:12px;
}
.zm-vitrin-row-item-part
{
  width: 50%;
  display: flex;
  margin: 8px;
  justify-content: center;
  align-items: center;
}
.zm-vitrin-row-item-part .information
{
  min-width: 98px;
}
.zm-vitrin-row-item-part:first-child
{
  border-left: 1px solid var(--gray70);
}
.zm-vitrin-row-item-part img
{
  width:18px;
}
.zm-vitrin-row
{
  width: 100%;
  min-height: 420px;
  overflow: scroll;
  overflow-x: hidden;
  margin: 15px auto;
  padding-left: 12px;
  max-height: 420px;
}
.zm-vitrin-row-item-part p
{
  margin-right: 12px;
  margin-left: 12px;
}
.zm-vitrin-row-item-part .information
{
  font-size: 14px;
  font-weight: 400;
  line-height: 18.48px;
  color:var(--gray70);
}
.zm-vitrin-row-item-part .code
{
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color:#364A4B;
}
.zm-rfid-input
{
  border-radius: 12px;
  border: 0.4px solid #584C26;
  background: var(--AppColor5);
  display: flex;
  padding: 3px 0px;
  width: 90%;
  margin: 12px auto;
  justify-content: space-evenly;

}
.zm-rfid-input-form
{
  display: flex;
  background-color: white;
  border-radius: 12px;
  border: 0.4px solid #584C26;
  background:#FDFDFD;
  width: 77%;
  overflow: hidden;
  min-height: 48px;

}
.zm-rfid-input-form form
{
  width: 100%;
}
.zm-rfid-input-form input
{
  line-height: 36px;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.76px;
}
.zm-rfid-input-form input::placeholder
{
  font-size: 18px;
  font-weight: 400;
  line-height: 23.76px;
  text-align: left;
}
.zm-rfid-input-form img
{
  width:30px;
}
.zm-rfid-input-form button
{
  width: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color:#F9F9F9;
}
.zm-rfid-input .barcode
{
  width: 20%;
  display: flex;
  justify-content: center;
}
.zm-rfid-input .barcode img
{
  width:30px;
}
.zp-rfid-toggle img
{
  width:20px;
}
.zm-inventory-box > div
{
  margin-bottom: 10px;
}
.vitrin-finish-table
{
  margin-bottom: 8px;
}
.zm-row-categorybox
{
  width: 95%;
  margin: 15px auto;
}
.zm-row-categorybox-1
{
  background-color: #EAEFF0;
}
.zm-row-categorybox-2
{
  background: var(--AppColor5);
}
.zm-rfid-finish-menu
{
  display: flex;
  width:12%;
  align-items: center;
}
.zm-rfid-finish-menu img
{
  width: 20px;
}
.zm-rfid-finish-menu p
{
  margin-right:8px;
}
.zm-app-menubar
{
  display:flex;
  flex-direction:column;    
}
.zm-rfid-finish-menu p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%; 
  color:var(--approved70);
}
.zr-app-vitrin .vitrin-title p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zr-app-vitrin
{
  margin-top: 12px;
  margin-bottom: 12px;
}
.zr-app-vitrin .vitrin-item p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zp-rfid-vitrin-height {
  height: 69.2dvh;
  padding-left: 9px;
  width: 100%;
  margin: 0 auto 12px;  
}
.zr-vitrin-item
{
  margin-bottom: 8px;
}
.zm-rfid-begin-main
{
  width: 95%;
  margin: auto;
  background-color: var(--greensecond);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 18px;
  border: 2px solid var(--Sales-Color-SC60, var(--greensecond));
}
.zm-rfid-begin-head
{
  text-align: center;
  padding: 14px 0;
}
.zm-rfid-begin-head p
{
  color: #FDFDFD;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%;
}
.zm-rfid-begin-body
{
  border-radius: 18px;
  border: 2px solid var(--Sales-Color-SC60, var(--greensecond));
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  height: 85dvh;
}
.zm-rfid-begin-list
{
  max-height: 76dvh;
  min-height: 76dvh;
}
.zm-rfid-begin-item
{
  display: flex;
  border-radius: 18px;
  border: 0.4px solid #E3E3E3;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  padding: 16px;
  width: 90%;
  margin: 12px auto;
}
.zm-rfid-begin-item p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; 
}
.zm-rfid-begin-item:first-child
{
  margin-top: 24px;
}
.zm-rfid-begin-footer > div
{
  border-radius: 18px;
  border: 0.4px solid var(--Secondary-Sunray-S85, #42391C);
  background: #E4CC7E;
  width: 95%;
  margin: auto;
  padding: 10px;
  text-align: center;
}
.zm-rfid-begin-footer > div p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 132%; 
  color:#42391C;
}
.zm-rfid-information-main
{
  width: 95%;
  margin: auto;
}
.zm-rfid-information-section
{
  display:none;
}
.zm-rfid-information-main-box
{
  background-color: var(--salescolor);
  width: 100%;
  margin:12px auto 0;
}
.zm-rfid-informatio-header p 
{
  color: white;
}
.zm-rfid-information-arrow
{
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 0 !important;
}
.zm-rfid-information-arrow img
{
  width: 20px;
}
.zm-rfid-box-1
{
  border-radius: 12px;
  border: 0.4px solid var(--Sales-Color-SC70, #293738);
  background: #EAEFF0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 12px;
}
.zm-rfid-box-2
{
  border-radius: 12px;
  border: 0.4px solid var(--Secondary-Sunray-S80, #584C26);
  background: var(--AppColor5);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}
.zm-rfid-box-1 .zr-rfid-box-item , .zm-rfid-box-2 .zr-rfid-box-item  
{
  background-color:white;
}
.zm-rfid-box-1 .zr-rfid-box-title p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%; /* 23.76px */
  letter-spacing: -0.036px;
  color:#293738;
}
.zm-rfid-box-2 .zr-rfid-box-title p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%; /* 23.76px */
  letter-spacing: -0.036px;
  color:#584C26;
}

.zm-rfid-information-input
{
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
  width: 93% !important;
  margin-bottom: 12px !important;
}
.zm-rfid-informatio-div
{
  margin-bottom: 80px;
  height: 274px;
  max-height: 380px;
  min-height: 380px;
  margin-right: 8px;
  max-width:96%;
}
.zm-rfid-finish-yellow
{
  border: 1px solid #B9AB86;
  background: linear-gradient(90deg, #C6B581 0.01%, #DFD5B4 100%);
  border-radius: 18px;
  width: 100%;
  margin: 12px auto;
  flex: 1;
  display: flex;
  margin: 36px 0 0;

}
.zm-rfid-finish-list
{
  flex-direction: column;
}
.zm-rfid-finish-list .vitrin-finish-box
{
  width:100%;
}
.zm-rfid-finish-list  .vitrin-finish-box
{
  border-radius: 12px;
  border: 0.4px solid var(--AppColor70);
  background: #FFF;
  margin-bottom: 12px;
}
.zm-rfid-finish-list  .vitrin-finish-box img
{
  width: 20px;
}
.zm-rfid-finish-yellow .pwa-dialog-body
{
  background-color: var(--white);
  width: 100%;
  border-radius: var(--xxlargeradius);
  margin: 0;
  border: 0.4px solid var(--AppColor70);
  position: relative;
  overflow: hidden !important;
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
}
.zm-rfid-finish-yellow .vitrin-finish-btn-finish p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: #0E1213;
  white-space: nowrap;
}
.zm-rfid-finish-yellow .vitrin-finish-btn-finish {
  width: 45%;
}
.zm-rfid-finish-yellow .vitrin-finish-btn-cancel {
  width: 45%;
}
.zm-rfid-finish-yellow .zr-vitrin-finish-title p {
  color: #070909;
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 13px;
  font-weight: 600;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.zm-rfid-save {
  width: 100%;
  margin: 12px auto 0 ;
  height: 90dvh;
  border-radius: 18px;
  border: 1px solid #B9AB86;
  background: linear-gradient(90deg, var(--greensecond) 0.01%, #697D7E 100%);
  margin-top:36px;
}

.zm-vitrin-save-list
{
  flex-direction: column;
}
.zm-rfid-save .vitrin-finish-box
{
  width: 95%;
  margin: 0px auto;
}
.zm-save-back
{
  display:flex;
  justify-content: center;
  margin: 32px 0 28px;
}
.zm-save-back img
{
  width:20px;  
}
.zm-rfid-save .pwa-dialog-header .title p
{
  color: white;
}

.zm-rfid-save .vitrin-finish-box {
  border-radius: 12px;
  border: 0.4px solid var(--AppColor70);
  background: #FFF;
  margin-bottom: 12px;
}
.zm-rfid-save .vitrin-finish-box img {
  width: 20px;
}
.zm-save-box-center
{
  width: 95%;
  margin: 117px auto 89px;
  min-height: 140px;
}
.zm-save-box-center p
{
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 178%;
  text-align: center;
}
.zm-save-back p
{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
  color:var(--gray70);
  margin-left: 12px;
}
.zm-rfid-save .vitrin-finish-btn-finish
{
  width: 45%;
}
.zm-rfid-save .vitrin-finish-btn-finish p
{
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  white-space: nowrap;
}
.zm-rfid-save .vitrin-finish-btn-cancel
{
  width: 45%;
  border: 1px solid var(--Error-E70, #99231D);
}
.zm-rfid-save .vitrin-finish-btn-cancel p
{
  color:#99231D;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%
}
.zm-rfid-save .pwa-dialog-body
{
  background-color: var(--white);
  width: 100%;
  border-radius: var(--xxlargeradius);
  margin: 0;
  border: 0.4px solid var(--AppColor70);
  position: relative;
  overflow: hidden !important;
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  border-radius: 18px;
}
.zm-Close-Update-Rate
{
  background-color: var(--primary70);
  border-radius: 0.75rem;
  min-width: 175px;
  min-height: 42px;
  justify-content: center;
  display: flex;
  color: var(--white);
  align-items: center;
  font-size: var(--largefont);
}
.zm-div-main
{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 12px 22px 0 22px;
  flex: 1;
  max-height: 100dvh;

}
.zp-wrapper
{
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 0px);
  overflow: hidden;
  margin:10px auto 0;
  width: 100%;
}
.zm-customer-main-item
{
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 0px);
  overflow: auto;
  padding-left: 4px;
}
.wrapper
{
  height: inherit;
  flex: 1;
}
.zr-main-app
{
  max-height: calc(100% - 0px);
  padding: 0 0 0 0.5rem;
  min-height: 36px;
}
.zm-dialog-delete
{
  background: linear-gradient(90deg, #8A424E 0.01%, #A16871 100%);
}
.zm-vitrin-more-item
{
  align-items: center;
  padding-bottom: 22px;
  margin: 0 18px;
  display:flex;
}
.zm-vitrin-more-item.red
{
  display:flex;
}
.zm-vitrin-more-item.gray
{
  display:flex;
}
.zm-vitrin-more-item.red img
{
  width:18px;
  height: 18px;
}
.zm-vitrin-more-item.edit img
{
  width:18px;
}
.zm-vitrin-row-more
{
  display:flex;
  justify-content: center;
  border-top: 0px !important;
}
.zm-vitrin-more-item p
{
  margin-right:8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%
}
.zm-vitrin-more-item.gray img
{
  width:18px;
  height: 18px;
}
.zm-vitrin-more-item.gray p
{
  color:var(--gray60);
}
.zm-vitrin-more-item.red p
{
  color:var(--error70);
}
.zm-dialog-edit
{
  border-radius: 18px;
  border: 2px solid #DDBF5E;
  background: #E4CC7E;
}
.zm-vitrin-input-edit .div-title
{
  width: 125px;
  display: flex;
  align-items: center;
  background:var(--AppColor5);
  padding-right: 10px;
}
.zm-vitrin-input-edit .div-title span
{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color: #42391C;
  padding: 13px 0;
}
.zm-vitrin-input-edit .div-input input
{
  border-right: 1px solid var(--AppColor70);
}
.zm-vitrin-edit-btn-main
{
  display:flex;
  justify-content: space-between;
  margin-bottom: 24px;
  margin-top: 79px;
}
.zm-vitrin-edit-btn-main .zm-vitrin-edit-btn
{
  width: 45%;
  align-items: center;
}
.zm-vitrin-edit-btn-main .save
{
  background:  linear-gradient(90deg, var(--quaternary50) 0%, #044 100%);
}
.zm-vitrin-edit-btn-main .save p
{
  color:white;
  margin-right: 8px;
  white-space: nowrap;
}
.zm-vitrin-input-edit
{
  display:flex;
  border: 1px solid var(--AppColor70);
  width: 96%;
  margin: 3px auto;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  background-color:var(--AppColor5);
  margin-bottom: 30px;
}
.zm-vitrin-edit-btn.save img
{
  width: 17px;
}
.zm-vitrin-edit-btn.cancel img
{
  width: 17px;
}
.zm-vitrin-edit-btn.cancel p
{
  margin-right: 8px;
}
.pwa-dialog-header img
{
  width:18px;
}
.zm-dialog-edit .pwa-dialog-header .title
{
  margin-right: 12px;
}
.zm-dialog-delete-img
{
  width: 120px;
  display: block;
  margin: 17px auto;
}
.zm-dialog-delete-title
{
  text-align:center;
}
.zm-dialog-delete-title p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  color:#99231D;
  line-height: 24.8px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.zm-delete-vitrin-info span
{
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color:#1C0D10;
}
.zm-delete-accept-btn .delete
{
  background-color:var(--redDialog);
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  width: 45%;
}
.zm-delete-accept-btn .delete img
{
  width:18px;
}
.zm-delete-accept-btn .delete p
{
  color: white;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  margin-right: 9px;
  white-space: nowrap;
}

.zm-delete-accept-btn .cancel img
{
  width:18px;
}
.zm-delete-accept-btn .cancel
{
  width: 45%;
  justify-content: center;
}
.zm-delete-accept-btn .cancel p
{
  margin-right: 10px;
}
.zm-delete-accept-btn
{
  margin-top:20px;
}
.zm-delete-accept-btn2
{
  margin-top: 33px;
  margin-bottom: 24px;
}
.zm-dialog-delete-wrapper
{
  width: calc(100% - 1rem);
}
.zm-delete-vitrin-info
{
  text-align: center;
  margin-top: 14px;
}
.zm-delete-vitrin-form
{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.zm-vitrin-section
{
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 0px);
  overflow: auto;
  padding-left: 8px;
}
.zm-rfid-last-main
{
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: calc(100% - 0px);
  padding-left: 10px;
}
.zm-cart-logo
{
  width: 25px;
  margin-left: 12px;
}
.zm-btn-checked
{
  border: none !important;
  outline: none !important;
  min-width: 110px !important;
  margin-right: 0 !important;
  font-size: 12px !important;
}
.zm-btn-unchecked
{
  border: none !important;
  outline: none !important;
  min-width: 110px !important;
  margin-right: 0 !important;
  font-size: 12px !important;
}
.zm-rfid-save-body
{
  justify-content: space-around !important;
}
.zm-rfid-save-body section
{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.zm-history-head-item
{
  margin-left: 0 !important;
}
.zm-arrow-info-gold
{   
  width: 18px;
  margin-right: 12px;
}
.history-event-item
{
}
.zm-history-price-title
{
  align-items: center;
}
.zm-product-body-div
{
  overflow: hidden;
}
.zm-product-body-div .zr-advance-prod
{
  overflow: scroll;
  overflow-x: hidden; 
}
.zm-advance-stone-product-show
{
  overflow: unset !important;
}
.zm-filter-search-btn
{
  width: 94% !important;
}
.zm-advance-box-group
{
  margin-top: 22px;
}
.zp-menu-top-btns
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.zm-app-menu-cart
{
  display: flex;
  justify-content: center;
  align-items: center;
}
.zm-acc-search-box
{
  margin:22px 0;
}
.zm-acc-inventory-info
{
  display: flex;
  justify-content: center;
  background-color: white;
  padding: 12px;
  border-radius: 12px;
  margin: 0px 3px 3px ;
  align-items: center;
}
.zp-acc-inventory-item.goldmobile
{
  background: linear-gradient(270deg, var(--AppColor5) 0%, #E9E3CD 100%);
}
.zp-acc-inventory-item.graymobile
{
  background: linear-gradient(270deg, #D9E1EE 0%, #CCD4E2 100%);
}
.zm-acc-inventory-info .zm-acc-inventory-values p
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color:#252525;
  margin-left: 12px;
}
.zm-acc-inventory-info .zm-acc-inventory-values p span
{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color:#252525;
}
.zp-acc-inventory-item.blue .zm-acc-inventory-info p span
{
  color:white;
}
.zm-acc-inventory-info  .zm-acc-inventory-units p
{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  color:#252525;
}

.zp-acc-inventory-item.blue .zm-acc-inventory-info
{
  background: linear-gradient(90deg, #2A446E 0%, #35558A 100%);
  margin:0px;
}
.zp-acc-inventory-item.blue .zm-acc-inventory-info p
{
  color:white;
}
.zp-acc-inventory-item.gold .zm-acc-inventory-info
{
  background: linear-gradient(270deg, #DFD5B4 0%, #C6B581 100%);
  margin:0px;
}
.zp-acc-creditor-item.greenmobile
{
  background:#D9EEE9;
}
.zp-acc-inventory-item.green .zm-acc-inventory-info
{
  background: linear-gradient(90deg, var(--quaternary50) 0%, #497171 100%) !important;
}
.zp-acc-inventory-item.green .zm-acc-inventory-info .zm-acc-inventory-values p
{
  color:white;
}
.zp-acc-inventory-item.green .zm-acc-inventory-units  p
{
  color:white;
}
.zp-acc-debtor-item.redmobile
{
  background:#EED9D9;
}
.zp-acc-inventory-item.red .zm-acc-inventory-info
{
  background: linear-gradient(90deg, #6E353E 0%, #8A424E 100%) !important;
}
.zp-acc-inventory-item.red .zm-acc-inventory-info p
{
  color:white;
}
.zm-acc-search
{
  background:#EBEEF3;
  border-color:#var(--BlueMobile);
}
.zm-acc-search input
{
  background:#EBEEF3;
  color:var(--primary60);
}
.zm-acc-search input::placeholder
{
  color:#var(--BlueMobile);
}
.zp-acc-inventory-item.graymobile
{
  background: linear-gradient(90deg, #AEBBD0 0%, #C2CCDC 100%);
}
.zm-inventory-bank-group
{
  display:none;
}
.zm-inventory-bank-group-show
{
  display: flex;
  flex-direction: column;
  width: 100%;
}
.zp-menu-footer-sub .logo 
{
  min-width: var(--boxprofile);
  min-height: var(--boxprofile);
  background: var(--primary60);
  border: 1px solid var(--primary70);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.zm-result-mobile-center
{
  padding: 12px;
  width: 100%;
}
.zm-progress-bottom
{
  width: 90%;
  margin: 1px auto;
}
.zp-image-result
{
  padding: 16px 0px;
  margin-bottom: 24px;
}
.zp-terminal-scan
{
  display: flex;
  background: var(--Mainprimary);
  color: var(--white);
  width: 203px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin: auto;
  border-radius: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.zp-terminal-scan img
{
  width: 26px;
}
.zp-terminal-scan p
{
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 12px;
}
.zp-rfid-scan-title 
{
  margin: 24px auto 24px;
}
.zp-rfid-scan-title p
{
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
}
.zp-blue-color
{
  color:#004999;
}
.zm-vt-title
{
  font-size: 12px;
  font-weight: 500;
  line-height: 15.84px;
}
.zm-vt-value
{
  font-size: 12px;
  font-weight: 500;
  line-height: 15.84px;
}
.zm-vitrin-edit-div
{
  width: 80%;
}
.zm-vitrin-edit-div input
{
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.zm-acc-search input:placeholder
{
  color:#203353;
}

@keyframes OpenMenu {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
.zm-barcode-refresh
{
  display: flex;
  background: var(--Mainprimary);
  color: var(--white);
  width: 85%;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin: auto;
  border-radius: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.zm-barcode-refresh img
{
  width: 22px;
}
.zm-barcode-refresh p
{
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin-right: 12px;
}
.zm-filter-blue-parent
{
  display: flex;
  width: 100%;
  border: 1px solid #99CAFF;
  border-radius: 18px;
  background: linear-gradient(90deg, rgba(0, 98, 204, 0.05) 0%, rgba(0, 73, 153, 0.05) 100%);
  padding: 8px 12px;
  align-items: center;
}
.zm-filter-blue-img img
{
  width:20px;
  height:20px;
}
.zm-filter-blue-title p
{
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color:#004999;
}
.zm-filter-blue-result
{
  display:flex;
  align-items: center;
  margin-left: 8px;
}
.zm-filter-blue-result .value
{
  font-size: 20px;
  font-weight: 400;
  color:#004999;
}
.zm-filter-blue-result .unit
{
  font-size: 14px;
  font-weight: 500;
  color:#004999;
  margin-right: 8px;
}
.zm-filter-blue-arrow img
{
  width: 16px;
  height: 10px;
}
.zm-filter-blue-title
{
  margin-right: 4px;
  width: 74%;
}
.zm-filter-blue-arrow
{
  margin-left: 0px;
  display: flex;
}
.zm-mobile-filter-parent
{
  display:flex;
}
.zm-mobile-filter-gold p
{
  font-size: 18px;
  font-weight: 500;
  line-height: 16px;
  color:#867940;
}
.zp-acc-main-tablet , .zm-history-father-main-tablet{
  max-width: 100%;
  margin-inline: auto;
  width: 100%;
}

.zm-customer-form-box .title p{
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: #767676;
}

.zm-card-cheque-info {
  width: 100%;
  padding: 8px 12px 8px 12px;
  margin: 0px 0px 12px 0px;
  border-radius: 12px;
  border: 1px;
  background: #F9F9F9;
}
.zm-card-cheque-info .main-info {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0px;
}
.zm-card-cheque-info .main-info img{
  width: 42px;
  height: 42px;
  border-radius: 21px;
  padding: 8px;
  background: #E8E8E8;
  margin: 0px 0px 0px 8px;    
}
.zm-card-cheque-info .main-info .title p{
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: #3B3B3B
}
.zm-card-cheque-info .main-info .value p{
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  color: #767676;
}
.zm-card-cheque-info .detail-info{
  display: flex;
  justify-content: space-between;
}
.zm-card-cheque-info .detail-info div{
  display: flex;
  align-items: center;
}

.zm-card-cheque-info .detail-info .title p{
  font-size: 12px;
  font-weight: 400;
  color: #767676;
  margin: 0px 0px 0px 5px;
}
.zm-card-cheque-info .detail-info .value p{
  font-size: 16px;
  font-weight: 500;
  color: #3B3B3B;
}
.zm-card-cheque-info .border-buttom{
  border-bottom: 0.4px solid #DCDCDC;
  margin: 4px 0px 0;
  padding: 4px 0px;
} 

@keyframes OpenBox {
  from {
    height: 0%;
    opacity: 0.3;

  }
  to {
    height: 100%;
    opacity: 1;
  }
}

.zp-enbale-keyboard {
  position: absolute;
  top: 0px;
  display:none;
}
.zp-enbale-keyboard-only
{
  display:none;
}
/*-----------------------------------------------------------------------Responsive------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px)
{
  .zp-app-framesearch
  {
    margin-bottom: 22px !important;
    padding-bottom: 22px;
  }
  .zm-advance-box
  {
    position: relative;
  }
  .zp-mobile-stone
  {
    display: flex;
    flex-direction: column;
  }
  .zm-advance-stone-box
  {
    border: 1px solid var(--AppColor70);
    border-radius: 15px;
    margin-bottom: 12px !important;
    position: relative;
  }
  .zm-advance-stone-box .zm-stone-search
  {
    width: 96%;
    margin: 0 auto;
  }
  .zm-advance-stone-box  .zm-advance-stone-div
  {
    width: 96%;
    margin: 0 auto;
  }
  .zm-mobile-search-container
  {
    height: calc(85% - 0px);
    overflow: auto;
  }
  .sp-main-loading:after
  {
    background-size: clamp(80px, 160px, 50%) clamp(80px, 160px, 50%);
    z-index: 140;

  }
  .zp-acc-debtor-item .personel
  {
    font-size: 14px;
  }
  .zp-acc-creditor-item .personel
  {
    font-size: 14px;
  }
  .zp-acc-menu-item {
    width: 100%;
    margin-bottom: 21px;
    margin-top: 0px;
    min-height: 136px;
  }
  body
  {
    overflow: hidden;
    height: 100dvh;
    background: var(--MainPrimary);
  }
  .cart-header
  {
    padding: 22px;
  }
  .cart-header .title p
  {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.4px;
  }
  .history-event-item .price {
    align-items: center;
  }
  .history-event-item .price .num {
    font-size: 16px;
  }
  .zm-history-price-title .values p
  {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.4px;
  }
  .histoy-event-item-total .units p
  {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.48px;
  }
  .history-item-more p
  {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
  }
  .history-item-more i
  {
    font-size: 16px;
    font-weight: 900;
  }
  .zm-history-input-group input {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px;
    background-color: white;
  }
  .history-event-bottom
  {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .zr-bar-title
  {
    display: none;
  }
  .app-rate-box
  {
    width: calc(100% );
  }
  .zr-app-login
  {
    flex-direction: column;
  }
  .zr-login-bg {
    width: 100%;
    height: 50dvh;
  }
  .zp-app-form
  {
    width: 100%;
    height: 50dvh;
  }
  .zr-rate-bar-header
  {
    width: 100%;
  }
  .zr-rate-bar-box {
    width: 100%;
    margin-right: 0px;
  }
  .zr-rate-bar-update {
    width: 100%;
  }
  .zr-rate-bar-btn {
    width: 100%;
  }
  .zr-rate-bar-main 
  {
    flex-direction: column;
  }
  .zr-app-rate
  {
    flex-direction: column;
  }

  .app-rate-item {
    margin-bottom: 0.5rem;
    min-height: 40px;
  }
  .app-rate-box .app-rate-item:nth-child(2)
  {
    display: none;
  }
  .app-rate-box .app-rate-item:nth-child(3)
  {
    display: none;
  }
  .zp-appitem-factor
  {
    display:none;
  }
  .zp-changeRate-title
  {
    display: none;
  }
  .zr-bar-update-btn button
  {
    width: 38px;
  }
  .zr-app-appparentlist
  {
    flex-wrap: wrap;
    max-height: 100%;
    padding: 12px;
    overflow:auto;
  }
  .app-applist-item
  {
    width: calc(50% - 10px);
    margin-bottom: 24px;
  }
  .zr-app-rate-bar
  {
    display: none;
  }
  .zm-cart
  {
    display: none !important;
  }
  .app-terminal-label .search-title
  {
    display: none;
  }
  .app-terminal-parent
  {
    max-width: 96%;
  }
  .app-terminal-label {
    min-width: inherit;
    width: 14%;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .app-terminal-input
  {
    width:85%;
  }
  .zp-app .zr-calendar-box
  {
    min-width: 100%;
    width: 100%;
    margin-top: 50px;
  }
  .update-close
  {
    display:none;
  }
  .divUpdate
  {
    max-height: 98%;
    top: 8px;
  }
  .zr-update-last
  {
    display:none;
  }
  .update-auto-btn button
  {
    min-width: 150px;
  }
  .update-hand-btn button
  {
    min-width: 150px;
  }
  .app-menu-page
  {
    display: flex;
    flex-direction: column;
  }
  .app-menu-bar
  {
    width: 100%;
    border:none;
    border-radius: 0px 0px 24px 24px;
  }

  .app-menu-tranparent {
    width: 100%;
  }
  .app-menu-item.active:before
  {
    display:none;
  }
  .app-menu-item.active:after
  {
    display:none;
  }
  .app-menu-item.active
  {
    display: flex;
    width: 329px;
    height: 42px;
    padding: 5px 8px;
    align-items: center;
    border-radius: 12px;
    background-color: var(--Primary70);
    min-height: 10px;
    margin: auto;
  }
  .app-menu-item.active p
  {
    color:white;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    white-space: nowrap;
  }
  .app-menu-list
  {
    width: 90%;
    margin: 22px auto 0;
  }
  .zr-advance-search
  {
    flex-direction: column;
  }
  .app-terminal-btn-advance
  {
    margin:50px 0;
  }
  .app-terminal-label label
  {
    padding-right: 0;
  }
  .app-result-first > section
  {
    flex-direction: column;
  }
  .app-result-item {
    width: 100%;
  }
  .app-result-value
  {
    width: 100%;
  }
  .zp-moreinfo {
    width: 100%;
    text-align: center;
  }
  .result-item-header
  {
    display:none;
  }
  .container
  {
    padding: 0px;
  }
  .zr-app-parentresult
  {
    width: 100%;
  }
  .zp-stone-icon img
  {
    display:none;
  }
  .app-result-menu-item
  {
    min-width: 55px;
  }
  .app-result-menu-item .btn-name
  {
    display:none !important;
  }
  .result-item-value p
  {
    margin-left: 12px;
  }
  .result-item-body {
    justify-content: end;
  }
  .app-result-more-btn
  {
    display:none;
  }
  .app-result-menu {
    margin-top: 1.5rem;
  }

  .zm-result-item .result-item-body
  {
    margin: 0px;
  }
  .app-result-more section
  {
    gap: 1.5rem 1.5rem;
  }


  .pwa-like-right
  {
    display: none !important;
  }
  .pwa-like-left
  {
    width: 100%;
    margin-top: 42px;
    margin-bottom: 56px;
  }
  .zp-app-header
  {
    display: none !important;
  }
  .RegisterCustomer-btn
  {
    direction: ltr;
  }
  .register-customer-btn, .zp-btn-cancel, .zp-btn-save
  {
    min-width: inherit !important;
  }

  .history-result-item {
    width: 100%;
    max-height: initial;
  }
  .history-head-search
  {
    display:none;
  }
  .zr-advance-title p:after
  {
    display:none;
  }
  .zr-advance-body
  {
    display:none;
  }

  .zr-advance-head
  {
    padding: 24px;
  }
  .zm-close-search
  {
    display: none !important;
  }
  .zr-advance-bottom button
  {
    background: var(--Mainsecondary);
    color: var(--primary70);
  }
  .advance-search-footer i
  {
    display: none !important;
  }
  .advance-search-footer 
  {
    border: 1px solid var(--gray70);
    border-radius: 0.75rem;
    color: var(--gray70);
    width: 140px !important;
    margin-left: 12px;
    flex: none !important;
  }
  .zm-filter-search-btn
  {
    width: 140px !important;
    margin-right: 12px !important;
  }
  .zr-advance-search
  {
    display:block;
    overflow:hidden;
    margin-top: 12px;
  }
  .zp-app .advance-result-item {
    width: calc(50.66% - 1.06rem);
  }
  .zr-advance-title p
  {
    white-space: nowrap;
  }
  .zm-advance-box-active ~ .zm-advance-stone-div  > .zm-advance-body-stone
  {
    display: flex;
    border: 1px solid var(--AppColor70);
  }
  .zr-advance-stone
  {
    background-color: white;
    width: 98%;
    margin: 1rem auto;
    border-radius: 12px;
    padding: 6px;
    margin-bottom: 6px;
    overflow: scroll;
    margin: 4px;
    border: 1px solid #a2976a;
    height: 68dvh !important;
  }
  .history-head-body
  {
    width: 100%;
  }
  .history-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    max-height: calc(96% - 0px);
    background-color: #ECEFEF;
    padding: 7px 0;
    margin-right: 8px;
    margin-left: 8px;
    border-radius: 30px;
    margin-top: 12px;
    margin-bottom:12px;
  }
  .history-head-item 
  {
    border-radius: 100px;
  }
  .history-head-item.active
  {
    background-color: white;
    border: none;
    color: var(--salescolor);
  }
  .history-head-item
  {
    border:none;
  }
  .history-head-item p
  {
    color: var(--greensecond);
  }
  .zm-history-code
  {
    display: none;
  }
  .zm-history-price
  {
    border: 1px solid var(--AppColor70);
    border-radius: 12px;
    padding: 7px 12px;
    margin-bottom: 12px;
    justify-content: space-between;
  }
  .zm-history-total
  {
  }
  .history-event-item {
    width: 100%;
  }
  .history-event-top {
    flex-direction: column;
  }
  .history-event-product
  {
    margin: 0px 0;
  }
  .event-customer-search
  {
    display:none;
  }
  .zm-history-customer > div
  {
    flex-direction: column;
    width: 100%;
  }
  .event-customer-top
  {
    display:none;
  }
  .zp-app-terminal-parent {
    width: 100%;
  }
  .history-event {
    width: 100%;
    padding: 0px 8px;
  }
  .event-customer-bottom
  {
    width: 90%;
    margin: auto;
  }
  .result-item-body
  {
    position: relative;

  }
  .zm-result-less-btn
  {
    height: initial;
    margin: 12px 0;
  }
  .zm-result-less-btn p
  {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zm-result-less-btn p i
  {
    font-size: 18px;
  }
  :is(.app-result-more-btn , .app-result-less-btn) .icon
  {
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .history-Result
  {
    background-color: white;
    margin-top: 0px;
  }
  .history-result-item {
    width: 100%;
    margin-bottom: 12px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .history-result-box .image img
  {
    width: 75px;
    height: 75px;
  }
  .zm-result-more-section
  {
    gap: 0rem 0 !important;
  }
  .zm-result-total-price .zp-result-total
  {
    margin-top:8px;
    border: 1px solid var(--AppColor70);
  }
  .zm-history-input-full
  {
    width:100%;
  }
  .zm-customer-history-input
  {
    background-color: white;
    outline:none;
    margin-bottom:0px;
  }
  .zm-customer-history-input .zp-app-terminal-label span
  {
    color:var(--greensecond);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .zm-customer-history-input .zp-terminal-input2 input
  {
    border: 1px solid #8F9D9E;
    border-radius: 16px;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    text-align:center;
  }
  .divSectionCart
  {
    width: 100%;
    left: 0px;
    border-radius: 0px 0 12px 12px;
    position: fixed;
    height: 100dvh;
    top:0px;
  }
  .cart-header .close i
  {
    font-size: 32px;
    font-weight: 300;
  }
  .cart-header .refresh i
  {
    font-size: 26px;
    font-weight: 400;
  }
  .zm-cart-logo {
    width: 28px;
  }
  .cart-item-count
  {
    align-items: center;
    justify-content: center;
  }
  .cart-item-left
  {
    display: flex;
    justify-content: center;
  }
  .cart-count-plus i
  {
    font-size: 24px;
  }

  .cart-item-body
  {
    margin-top: 0;

  }
  .cart-count-title
  {
    font-size: 1.4rem;
    margin: 0 12px;
  }
  .zr-rfid-inneritem
  {
    background-color: var(--AppColor5);
    border: 1px solid var(--AppColor5);
  }
  .vitrin-finish-table {
    border: none;
    margin-top: 0px;
  }
  .zr-rfid-box
  {
    width: 100%;
  }
  .zr-vitrin-finish-main {
    width: 95%;
  }
  .zm-vitrin-border-overflow
  {
    border: 1px solid var(--AppColor70);
    border-radius: 12px;
    padding: 6px 2px;
    overflow: hidden;
  }
  .vitrin-finish-box .title p
  {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    color:var(--greensecond);
  }
  .vitrin-finish-box .icon
  {
    width: 7%;
  }
  .vitrin-finish-box .title {
    width: 73%;
  }
  .vitrin-finish-box .unit p
  {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    color:var(--greensecond);
  }
  .zr-vitrin-finish-main
  {
    margin: 0 auto 8px;
  }
  .zm-rfid-body-dialog
  {
    justify-content: space-around !important;
    padding: 5px;
  }
  .vitrin-finish-box
  {
    padding: 12px 6px;
  }
  .vitrin-finish-btn-cancel p
  {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    color:var(--gray70);
  }
  .zm-rfid-last-info
  {
    margin-top: 12px;
  }
  .zm-cart-no-paadaing
  {
    padding: 0px !important;
  }
  .histoy-event-item-total .titles p
  {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.4px;
  }
  .history-event-item .title p {
    font-size: 16px;
    font-weight: 600;
  }
  .register-customer-btn.active {
    width: 140px;
  }
  .zm-history-cancel
  {
    width: 140px;
  }
  .zm-like-customer
  {
    margin-top: 22px;
  }
  .zm-advance-body-stone .zr-advance-imgitem
  {
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
  }
  .zr-cancel-delete
  {
    width: 140px !important;
    min-width: 140px !important;
  }
  .zr-btn-msginfo
  {
    width: 140px !important;
    min-width: 140px !important;
  }
  .sp-dialog:has(.zr-message-box.zr-msg-info)
  {
    border: 4px solid var(--error60) !important;
  }
  .app-menu-box
  {
    border-bottom: 1px solid white;
  }
  .zp-main-software-item .icon
  {
    position: relative;
    right: -12px;
  }
  .zr-info-title
  {
    color:var(--error60);
  }
  .advance-filter-box
  {
    background-color: white;
  }
  .divFilter
  {
    margin: 0px !important;
    padding: 0 !important;
  }
  .advance-filter-body {
    width: 72%;
  }
  .zm-transference-box-group
  {
    display: flex;
    flex-direction: column;
    height: calc(100% - 0px);
    overflow: auto;
    padding-left: 8px;
  }
  .zr-main-app
  {
    padding: 0px;
  }
  .zp-app .zr-date-shamsi .zr-dashboard-text {
    font-size: 18px;
  }
  .zr-date-shamsi
  {
    min-width: 180px;
  }
  .app-applist-item a
  {
    padding: 0.2rem;
  }
  .app-applist-item img {
    max-width: 130px;
  }
  .app-applist-item img.zp-productlocation-img {
    max-width: 126px;
  }
  .zp-back-item
  {
    position: relative;
    top: 0;
  }
  .zr-app-logo
  {
    align-items: center;
    display: flex;
    width:68%;
  }
  .zr-app-date
  {
    width: 12%;
    flex: inherit;
  }
  .zm-app-menu
  {
    align-items: center;
    display: flex;
  }
  .zr-logo-img
  {
    display:flex;
    align-items: center;
  }
  .update-item-title .title p
  {
    font-size: 14px;
  }
  .zr-update-pack
  {
    display: flex;
    flex-direction: column;
    padding-left: 4px;
  }
  .update-item-title {
    min-width: 126px;
  }
  .update-item-input input
  {
    font-size: 20px !important;
  }
  .zp-update-packlist {
    gap: 1rem;
  }
  .update-item-title img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }
  .zr-update-btn
  {
    gap: 3%;
  }
  .zr-update-list > div
  {
    gap: 2%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: initial;
  }
  .app-menu-box
  {
    margin: 32px auto 10px auto;
    padding-right: 0px;
    justify-content: space-between;
    padding-bottom: 22px;
  }
  .app-menu-list ul
  {
    gap: 22px;
  }
  .app-result-total
  {
    width: 100%;
  }
  .result-item-image img {
    width: 22px;
  }
  .result-item-body
  {
    padding: 0;
    min-height: 48px;
    margin: 0px;
  }
  .app-result-item 
  {
    width: 100%;
    margin-bottom: 12px;
  }
  .result-item-title p
  {
    font-size: 18px;
    font-weight: 500;
    line-height: 23.76px;
  }
  .result-item-value p
  {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px;
  }
  .app-result-value .title
  {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.4px;
  }
  .app-result-value .value
  {
    font-size: 20px;
    font-weight: 500;
    line-height: 26.4px;
  }
  .app-result-value p
  {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.48px;
  }
  .zp-app-terminal-label label
  {
    margin-left: 12px;
  }
  .zm-customer-history-date
  {
    margin: 12px 0;
  }
  .zm-result-less-btn .close
  {
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
  }
  .zm-result-header
  {
    right: 12px;
  }
  .history-head
  {
    min-height: 35px;
  }
  .zp-acc-inventory-sub-item
  {
    width: 100%;
  }
  .zp-acc-inventory-value
  {
    display:none;
  }
  .zp-acc-inventory-unit
  {
    display:none;
  }
  .zp-acc-inventory-logo
  {
    width: 15%;
  }
  .zp-acc-inventory-title
  {
    width: 65%;
  }
  .zp-accounting-tablist
  {
    display:none;
  }
  .zp-accounting-info-group
  {
    width: 100%;
    height: 100dvh;
  }
  .zp-acc-inventory-item
  {
    min-height: initial;
  }
  .zp-inventory-bank-item
  {
    width: 100%;
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .zp-inventory-bank-item-withoutcopy .title {
    width:35%;
  }
  .zp-inventory-bank-item-withcopy .title {
    width: 35%;
  }
  .zp-inventory-bank-item-withcopy .line {
    width: 45%;
  }
  .zp-inventory-bank-item-withoutcopy .title p
  {
    margin-right: 8px;  
  }
  .zp-inventory-bank-item-withcopy .title p
  {
    margin-right: 8px;  
  }
  .zp-inventory-bank-item-top .titlemobile
  {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }
  .zp-image-scanner-btn
  {
    width: 203px;
    padding: 11px;
  }
  .zp-image-choose-main
  {
    width:100%;
  }
  .zp-image-choose-item {
    width: calc(50% - 32px);
  }
  .zp-image-choose-box
  {
    height: 145px;
  }
  .zp-image-full img
  {
    height: 145px;
    max-width: 100%;
  }
  .zp-image-choose-default input:after
  {
    left: 10px;
  }
  .zp-upload-btn
  {
    margin-top:0px;
  }
  .zp-upload-btn button,.zp-upload-btn p
  {
    white-space: nowrap;
    width: 160px;
  }
  .zp-image-dialog
  {
    width: 95%;
    bottom: 0px;
  }
  .zp-rate-item
  {
    width: 100%;
    margin-left: 12px;
  }
  .zp-rate-info-right
  {
    width: 100%;
    flex: 1;
  }
  .zp-rate-info-left
  {
    width: 100%;
    flex: 1;
    overflow: hidden;
  }
  .zp-rate-chart
  {
    margin-top: 0px;
    margin-bottom: 12px;
  }
  .zp-rate-info-icon img
  {
    width: 50px;
    height: 50px;
  }
  .zp-rate-info-icon p {
    font-size: 16px;
    font-weight: 400;
    line-height: 6px;
    margin-top: 12px;
  }
  .zp-rate-info-btn p
  {
    background-color: var(--Mainprimary);
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: white;
    padding: 11px;
    text-align: center;
    border-radius: 9px;
    height: 39px;
    white-space: nowrap;
  }
  .zp-rate-info-right
  {
    padding: 12px 12px;
  }
  .zp-rate-info-price
  {
    width: 96%;
  }
  .zm-logo-img img
  {
    width: 34px;
  }
  .zm-logo-img p
  {
    margin-right: 12px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
  }
  .zm-logo-div 
  {
    align-items: center;
  }
  .zm-logo-main
  {
    width: 124px !important;
  }
  .zm-rfid-input
  {
    width: 100%;
    margin-bottom: 4px;
  }
  .app-result-value p
  {
    font-size:1rem;
  }
  .zr-bar-update-btn button img
  {
    width: 18px;
    height: 18px;
    position: relative;
    margin-left: 0;
  }
  .zp-menu-footer-sub .profile img
  {
    width: 26px;
    height: 26px;

  }
  .app-result-value .title
  {
    white-space: nowrap;
    font-size: 1rem;
  }
  .zm-history-input-div
  {
    width: 96%;
    margin: 0 8px 12px;
  }
  .zm-history-input2
  {
    height: 36px;
    min-height: 47px;
  }
  .zm-history-search-icon2
  {
    height: 100%;
  }
  .zm-history-search-icon2 img
  {
    height: 22px;
    width:22px;
  }
  .zm-history-input-group
  {
    display: flex;
    align-items: center;
  }
  .zm-history-customer
  {
    margin-top:0px;
  }
  .zm-div-main-flex
  {
    flex: initial;
  }
  .zp-history-customer-item
  {
    margin-bottom:12px;
  }
  .zapp-applist-item
  {
    width:100%;
    margin-bottom: 22px;
    box-shadow: none;
  }
  .zp-applist-icon img
  {
    max-width: 115px;
    display: block;
    margin: 10px 0;
    height: 100px;
    margin-left: 16px;
  }
  .zapp-applist-item p
  {
    margin: 0.5em 0;
  }
  .zp-app-wrapper
  {
    height: 100%;
  }
  .zp-acc-menu-big-logo img
  {
    max-height: 110px;
    width: 72px;
    height: 104px;
  }
  .zr-login-input {
    margin-top: 14px;
  }
  .zr-login-logo
  {
    margin-bottom: 12px !important;
  }
  .zr-login-forgot
  {
    display:none;
  }
  .zp-login-input-input input
  {
    min-width: 220px;
  }
  .zr-login-button button
  {
    min-width: 330px;
  }
  .zp-app-form
  {
    justify-content: start;
    padding-top: 32px;
  }
  .zp-applist-mini-icon
  {
    display:flex;
  }
  .zp-applist-item
  {
    display: flex;
  }
  .zp-applist-group
  {
    display: flex;
    flex-direction: row-reverse;
  }
  .zp-applist-mini-icon
  {
    width: 15%;
  }
  .zp-applist-group
  {
    width:85%;
  }
  .zp-applist-mini-icon img
  {
    width: 32px;
    margin-right: 14px;
  }
  .zp-applist-icon
  {
    width: 80%;
    display: flex;
    justify-content: end;
    align-items: center;
    -webkit-justify-content: end;
  }
  .zp-applist-title
  {
    width: 20%;
    display: flex;
    align-items: center;
    margin-right: 22px;
  }
  .zp-applist-title p
  {
    font-size: 22px;
    white-space: nowrap;
  }
  .zr-action-item .zr-app-action img 
  {
    margin-left: 12px;
  }
  .zm-app-menubar img
  {
    margin-right: 12px;
  }
  .zp-acc-debtor-main
  {
  }
  .zm-acc-search-box
  {
    margin-bottom: 25px;
    margin-top: 32px;
  }
  .zp-acc-debtor-main {
    margin-top: 0px;
  }
  .zp-acc-creditor-main
  {
    margin-top: 0px;
  }
  .zp-image-title p
  {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
  }
  .zp-image-title
  {
    margin: 42px auto 36px;
  }
  .zp-image-input
  {
    margin-top:24px;
    padding: 11px 0;
  }
  .zp-image-product-item
  {
    width: 100%;
  }
  .zp-image-product-main
  {
    margin: 0;
    height: 76dvh;
  }
  .zp-image-bycamera
  {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .zp-upload-box-btn
  {
    margin-top: 8px;
  }
  .zp-image-choose-image img
  {
    height: 75px;
  }
  .zp-image-full img
  {
    height: 144px;
  }
  .zp-image-result
  {
    padding: 16px 0;
  }
  .zm-customer-main-item
  {
    padding-left: 12px;
  }
  .zr-advance-part
  {
    padding-left: 0px;
  }
  .swiper
  {
    margin-top: 0px;
  }
  .zr-app-result .swiper-slide img
  {
    border-radius: 24px !important;
  }
  .swiper-slide img
  {
    height: 171px !important;
  }
  .register-customer-btn p
  {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 11px 0;
  }
  .zm-insert-customer .zp-btn-save
  {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 11px 0;
    width: 140px !important;
    margin-right: 12px;
  }
  .zm-insert-customer  #Cancel
  {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    padding: 11px 0;
    width: 140px !important;
    margin-left: 12px;
  }
  .zm-insert-customer .sp-c-12 label
  {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    padding: 12px;
  }
  .register-customer-type
  {
    justify-content: space-between;
    gap: 1rem;
    width: 98%;
    margin: auto;
  }
  .register-customer-type > div p
  {
    padding: 11px 0;
  }
  .zm-terminal-search {
    margin: 32px 0;
  }
  .like-product-item:last-child
  {
    margin-bottom: 0;
  }
  .like-product-item
  {
    margin-bottom: 18px;
  }
  .pwa-like-footer > div
  {
    margin: 10px 0;
  }
  .zr-advance-item
  {
    background-color: white;
  }
  .zm-advance-box-active .zm-advance-body
  {
    background-color: transparent;
    border: none;
    width: 98%;
  }
  .zr-advance-btn
  {
    justify-content: start;
  }
  .advance-item-active
  {
    background-color: var(--Mainprimary) !important;
  }
  .zm-product-body-div
  {
    background-color: white !important;
    border: 1px solid var(--AppColor70) !important;
    margin: 4px !important;
  }
  .advance-imgitem-active:after
  {
    color: #004999;
  }
  .advance-imgitem-active
  {

    border-radius: 12px;
  }
  .register-customer-type > div
  {
    min-width: 140px;
  }
  .register-customer-type > div[data-gender="1"]
  {
    margin-right: 12px;
  }
  .register-customer-type > div[data-gender="2"]
  {
    margin-left: 12px;
  }
  .zm-insert-customer .sp-btnframe
  {
    justify-content: space-between;
  }
  .zp-main-software-item .title
  {
    width: 78%;
  }
  .zp-menu-footer
  {
    border-top:1px solid white;
  }
  .zp-menu-footer > .menu
  {
    justify-content: center;
  }
  .zp-menu-footer > .menu .semat
  {
    color:white;
  }
  .zp-main-software
  {
    width: 92%;
    border-radius: 12px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 12px;
    padding-top: 24px;
  }
  .zp-menu-background.zp-main-software
  {
    margin-top: 12px;
  }
  .zp-menu-sub
  {
    background-color: transparent;
  }
  .zp-menu-background
  {
    background-color: var(--primary70);
    width: 92%;
    border-radius: 12px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
    animation-name: OpenMenu;
    animation-duration: 1s;
  }
  .zp-menu-background > a
  {
    position:relative;
    padding-bottom:24px;
  }
  .zp-menu-background > a:after
  {
    content: '';
    position: absolute;
    width: 100%;
    background-color: var(--primary80);
    height: 2px;
    bottom: 0px;
  }
  .zp-menu-background .zp-main-software-item
  {
  }
  .zr-update-list
  {
    width: calc(100% - 1rem);
  }

  .cart-main
  {
    width: 98%;
    margin: auto;
  }
  .advance-exist input
  {
    margin-left: 0;
  }
  .zp-app .sp-form-check:checked:after, .sp-f-check:checked:after {
    left: 6px;
  }
  .zm-rfid-last-item:last-child
  {
    margin-bottom: 0px;
  }
  .zm-rfid-last-more
  {
    padding:0px;
    margin: 16px;
  }
  .zr-inventory-title
  {
    margin-bottom: 0px !important;
    padding-top: 4px;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 23.76px;
    letter-spacing: -0.002em;
  }
  .zm-grid-category-body
  {
    margin: 0px 8px;
  }
  .zm-row-catagory
  {
    margin-bottom: 4px !important;
  }
  .zm-row2-catagory
  {
    margin-bottom: 4px;
  }
  .zm-rfid-bar-2
  {
    margin-right:8px;
    margin-left:8px;
  }
  .zm-rfid-bar-3
  {
    margin-top:4px;
  }
  .zm-rfid-bar-3 .left
  {
    font-size: 14px;
    font-weight: 300;
    line-height: 22.56px;
    color:#293738;
    margin-right:8px
  }
  .zm-rfid-bar-3 .center
  {
    font-size: 14px;
    font-weight: 300;
    line-height: 22.56px;
    color:#293738;
  }
  .zm-rfid-bar-3 .right
  {
    font-size: 14px;
    font-weight: 300;
    line-height: 22.56px;
    color:#293738;
    margin-left:8px
  }
  .zm-vitrin-lose
  {
    border: 1px solid var(--gray60);
    color: var(--gray60);
  }
  .zm-rfid-finish-list
  {
    margin: 12px 12px 0;
  }
  .vitrin-finish-table
  {
    height: 390px;
  }
  .vitrin-finish-btn
  {
    margin: 12px 0;
    width: 100%;
  }
  .zm-rfid-finish-list .vitrin-finish-box:last-child
  {
    margin-bottom: 0px;
  }
  .zm-vitrin-finish-box
  {
    margin: 0 12px;
  }
  .vitrin-item.vitrin-black p,.vitrin-item.vitrin-green p,.vitrin-item.vitrin-red p
  {
    font-size: 16px;
    font-weight: 500;
    line-height: 21.12px;
  }
  .zr-vitrin-item .vitrin-title {
    width: 50%;
  }
  .zm-vitrin-tab-top
  {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .zr-rfid-box-item li p
  {
    line-height: 18.48px;
    letter-spacing: -0.002em;
  }
  .zr-rfid-information-p p
  {
    font-size: 20px !important;
    font-weight: 300 !important;
  }
  .zm-rfid-information-section
  {
    margin-right: 12px;
    margin-left: 12px;
  }
  .zp-virtin-information-dialog
  {
    padding-top: 12px;
    height: 100dvh;
    justify-content: start;
  }
  .zm-inromation-box-main
  {
    margin-top: 0px;
    height: 82%;
  }
  .zm-rfid-box-information-title
  {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .zm-inform-box
  {
    padding-top: 0px !important;
    margin-bottom: 8px;
  }
  .zm-rfid-inform-bar
  {
    margin-bottom:8px;
    margin-top:8px;
  }
  .zm-rfid-inform-li li
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zm-virin-inp-box
  {
    margin: 24px auto 12px;
    width: 90%;
    margin-right: 17px;
    margin-left: 17px;
  }
  .zm-virin-inp-box input::placeholder
  {
    color:#767676;
  }
  .zm-vitrin-input-edit
  {
    margin-bottom: 42px;
  }
  .zr-rfid-imgs
  {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
  }
  .zp-rate-main
  {
    gap: 1rem;
  }

  .sp-form-check:checked:before, .sp-f-check:checked:before
  {
    border: 1px solid #1F7735;
    --InputColor: #EBF9EE;
  }

  .sp-form-check:checked:after, .sp-f-check:checked:after {
    left: 3px;
    top: 1px;
    transform: rotate(45deg) !important;
    display: inline-block;
    height: calc(var(--checkboxheight) - 7px);
    width: 6px;
    border-bottom: 2px solid  #1F7735;
    border-right: 2px solid  #1F7735;
    border-radius: 1px;

  }
  .zp-acc-menu-item
  {
    box-shadow: none;
  }
  .zr-app-action img
  {
    max-width: 32px;
    width: 32px;
  }
  .zp-image-choose-box
  {
    border: 2px solid #004999;
  }
  .zp-image-input-input p
  {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px;
  }
  .zp-image-title-right p
  {
    font-size: 16px;
    font-weight: 400;
    line-height: 21.12px;
  }
  .zp-image-choose-upload p
  {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.48px;
    color:#35558A;
  }
  .zp-image-choose-main
  {
    height: 70dvh;
    overflow: hidden;
  }
  .zp-rate-row-right img
  {
    width: 24px;
    border-radius: 50%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .zp-rate-more p
  {
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
  }
  .zp-app .zp-rate-main-group
  {
    flex-direction: column;
  }
  .wrapper
  {
    margin: 0 auto !important;
  }
  .zp-accounting-info-box
  {
    margin-bottom: 24px;
  }
  .zp-accounting-remain-item .value
  {
    justify-content: end;
    margin-left: 8px;
  }
  .zp-accounting-info-item .title p
  {
    color:#203353;
  }
  .zp-accounting-info-item .value p
  {
    color: #203353;
    white-space: nowrap;
  }
  .zp-accounting-info-box
  {
    background-color: #35558A;
  }
  .zp-accounting-remain-item .title p
  {
    white-space: nowrap;
  }
  .zp-acc-inventory-item
  {
    box-shadow: none;
  }
  .zp-acc-inventory-logo img
  {
    width: 24px;
    height: 24px;
  }
  .zp-acc-inventory-title p
  {
    margin-right: 8px;
  }
  .zp-acc-inventory-arrow
  {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zp-acc-inventory-arrow img
  {
    width: 18px;
    height: 18px;
  }
  .zp-acc-inventory-title p
  {
    font-size: 18px;
    font-weight: 500;
    line-height: 16px;
  }
  .zp-acc-inventory-item.blue
  {
    background: linear-gradient(90deg, #2A446E 0%, #35558A 100%) !important;
  }
  .zp-acc-inventory-sub-item
  {
    margin-bottom: 12px;
  }
  .zp-acc-inventory-body-show
  {
    padding: 12px;
  }
  .zp-acc-inventory-item.active .zp-acc-inventory-head
  {
    padding-bottom: 0px;
  }
  .zp-acc-inventory-sub-item
  {
    box-shadow: none;
  }
  .zp-acc-inventory-sub-item .icon
  {
    width: 36px !important;
    height: 36px;
    min-width: 36px;
    min-height: 36px
  }
  .zp-acc-inventory-sub-item .icon img
  {
    width: 24px;
  }
  .unit-none
  {
    display:none;
  }
  .zp-acc-debtor-item .title {
    width: 65%;
  }
  .zp-acc-creditor-item .title {
    width: 65%;
  }
  .zp-acc-creditor-item .number p
  {
    font-size: 18px;
  }
  .zp-acc-creditor-item.greenmobile.active .zm-acc-inventory-values p span
  {
    color: white;
  }
  .zp-acc-debtor-item.redmobile.active .zm-acc-inventory-values p span
  {
    color: white;
  }
  .zp-inventory-bank-item-bottom
  {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .zp-inventory-bank-item-bottom > p
  {
    width: 80%;
  }
  .zp-inventory-bank-item-withoutcopy .line
  {
    width: 45%;
    margin-right: 0;
  }

  .zp-inventory-bank-item-withcopy .copy
  {
    margin-left: 24px;
    margin-right: 0px;
    width: 32px;
    height: 32px;
    min-height: inherit;
  }
  .zm-inventory-bank-group-show
  {
    padding-right: 24px;
  }
  .zp-inventory-bank-item-withcopy .copy img {
    width: 16px;
  }
  .zp-inventory-bank-item-withoutcopy .lineplus
  {
    width: 35%;
  }
  .zp-inventory-bank-item-withoutcopy .drop-menu
  {
    margin-right: 8px;
  }
  .zp-inventory-bank-item-withoutcopy .img
  {
    width: 20px;
  }
  .zp-inventory-bank-item-bottom .arrow
  {
    left: 8px;
    top: 6px;
  }
  .zp-inventory-bank-item-bottom .arrow img 
  {
    width: 18px;
  }
  .app-menu-item
  {
    margin-right: 16px;
  }
  .zp-menu-sub-item
  {
    margin-right: 8px;
  }
  .zp-app
  {
    overflow: hidden;
    max-height: 100dvh;
  }
  .app-menu-list ul
  {
    gap: 0px;
  }
  .app-menu-list > ul > li
  {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .zp-acc-debtor-item .title
  {
    width: 20%;
  }
  .Zargar-App-result-Btn
  {
    position: static;
    width: 100%;
    bottom: 1rem;
    right: 50%;
    transform: none;
  }
  .app-result-item
  {
    margin-bottom: 8px;
  }

  .zapp-applist-item
  {
    -webkit-flex-direction: column;
  }

  .advance-exist
  {
    position: relative;
    top: 0;
  }
  .zp-accounting-info-bottom
  {
    flex:none;
    height:45dvh;
  }
}

/*-----------------------------------480--------------------------*/
@media screen and (max-width: 480px)
{
  .history-head-item
  {
    min-width: 165px;
  }
  .advance-price-input span
  {
  }
  .advance-price-input input
  {
    text-align: right !important;
    text-indent: 12px;
  }
  .advance-price-title
  {
    width: 30%;
  }
  .zm-advance-price-div .title {
    width: 20%;
  }
  .zp-menu-sub
  {
    position: inherit;
    border: none;
    right: 0px;
    width: 100%;
    margin-right: 12px;
  }
  .zp-main-software-item
  {
    margin-right: 42px;
  }
  .app-menu-close p
  {
    margin-right:0px;
  }
  .app-menu-icon img
  {
    margin-bottom:0px;
  }
  .zp-menu-footer-sub
  {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0px;
    min-height: 203px;
    overflow: hidden;
    display: flex;
  }
  .zp-menu-footer-sub .item 
  {
    display: flex;
    align-items: center;
    margin: 14px 0px;
    padding: 8px 0;
  }
  .zp-acc-body-big
  {
    display: none;
  }
  .zp-acc-body-box
  {
    display: none;
  }
  .zp-acc-body-box
  {
    display: none;
  }
  .zp-acc-main-menu
  {
    flex-direction: column;
    flex: 1;
    justify-content: start;
    overflow:auto;
  }
  .zp-acc-menu-item {
    width: 100%;
    margin-bottom:21px;
  }
  .zp-acc-inventory-title p
  {
    margin-right: 0px;
  }
  .zp-rate-item:last-child
  {
    margin-bottom: 32px;
  }
  .zr-app-logo
  {
    justify-content: center;
  }
  .zr-app-rate
  {
    margin-top: 5px;
  }
  .app-rate-item
  {
    min-height: 50px;
  }
  .zr-app-appparentlist
  {
    margin-top: 8px !important;
  }
  section:has(> .zp-history-main)
  {
    padding: 0px 8px 8px 8px;
  }
  .zp-enbale-keyboard
  {
    left: 4px;
  }
  .sp-dialog:has(.zr-message-box.zr-msg-info)
  {
    overflow: hidden;
  }
  .divMainCart
  { 
    width: 98%;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
  }

  .cart-main
  {
    margin: 0 auto;
    max-height: 90dvh;
  }
  .zr-vitrin-finish-main
  {
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
  .zr-title-box, .zp-app .vitrin-header {
    min-height: 44px;

  }
  .zr-db-box
  {
    flex: none;
  }
  .zr-db-box
  {
    width: 40%;
  }
  .Zargar-App-result-Btn
  {
    width: 92% !important;
  }
  .zm-customer-history-input
  {
    margin-top: 12px;
  }
  .zp-advance-bar-img
  {
    display:none;
  }
  .zm-logo-img img
  {
    width: 24px;
  }

}


/*-------------------------------390--------------------*/
@media screen and (max-width: 390px)
{
  .zapp-applist-item
  {
    margin-bottom: 8px;
  }
  .zr-app-appparentlist
  {
    margin-top: 0px !important;
    padding-top: 0px;
  }
  .zp-applist-title
  {
    width: 70%;
  }
  .zp-acc-menu-item
  {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .zm-insert-customer #Cancel
  {
    width: 110px !important;
  }
  .advance-exist
  {
    top: 0px;
  }
  .zm-advance-box
  {
    margin-bottom: 6px !important;
  }

  .zr-app-appparentlist
  {
    max-height: initial;
  }
  .zp-acc-inventory-title p
  {
    margin-right: 0px;
  }
  .zm-insert-customer #Cancel
  {
    width: 110px !important;
  }
  .zm-insert-customer .sp-btnframe
  {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .zp-app .sp-dialog-main .sp-calendar-day
  {
    width: 30px;
  }
  .zm-result-center-btn a
  {
    font-size: 16px;
  }
  .zm-history-cancel
  {
    width:120px;
  }
  .register-customer-btn.active
  {
    width:120px;
  }
  .history-head-item {
    min-width: 144px;
  }
  .zm-result-less-btn .close
  {
    margin-left: 12px;
  }
  .zm-customer-history-input .zp-app-terminal-label span
  {
    font-size: 17px;
    white-space: nowrap;
  }
  .advance-exist
  {
    top:0px;
  }
  .update-auto-btn button
  {
    min-width: 100px;
    width: 130px;
  }
  .zr-update-btn
  {
    gap: 0;
  }
  .zm-Close-Update-Rate
  {
    width: 130px;
    min-width: 120px;
    margin-right: 20px;
  }
  .zm-div-main
  {
    padding: 12px;
  }
  .zm-customer-accounting
  {
    margin-top: 16px;
  }
  .zr-app-appparentlist
  {
    margin-top: 0px !important;
    padding: 0 12px;
  }
  section:has(> .zp-history-main)
  {
    padding: 0px;
  }
  .sp-tab-body {
    padding: 4px 0 !important;
  }
  .zm-inventory-box > div
  {
    margin-bottom: 0px;
  }
  .zm-transference-to .image
  {
    margin-left: 0px;
  }
  .zm-vitrin-button {
    margin-top: 12px;
  }
  .zm-vitrin-list-body > div
  {
    margin-top: 8px;
    width: 98%;
    height: 85px;
    margin-bottom: 8px;
  }
  .zm-vitrin-item-title p
  {
    margin-right: 8px;
  }
  .zp-image-input {
    margin-top: 7px;
    padding: 11px 0;
    margin-bottom: 8px;
  }
  .zm-inventory-bank-group-show
  {
    padding-right:0px;
  }
  .zp-inventory-bank-item-withcopy .copy
  {
    margin-left: 0px;
  }
  .zp-inventory-bank-item-withcopy .zp-inventory-bank-item-bottom p
  {
    font-size: 16px;
  }
  .zp-applist-icon img
  {
    height: 90px;
  }
  .zp-acc-menu-item
  {
    margin-bottom: 0px;
  }
  .zp-acc-main-menu
  {
    margin-top: 0px;
  }
  .zm-history-input-div
  {
    margin: 0px 8px 0px;
  }
  .zp-rfid-vitrin-height {
    height: 68.2dvh;
    padding-left: 9px;
    width: 100%;
    margin: 0 auto 0px;
  }
  .zm-rfid-box-information-title {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .zr-rfid-box-item li
  {
    padding: 2px;
  }
  .zp-acc-main-menu
  {
    margin-top: 0px;
  }
  .zm-row-categorybox
  {
    margin: 0px auto;
  }
  .zm-vitrin-button
  {
    margin-top: 8px;
  }
  .zp-rfid-scan-title
  {
    margin: 12px auto 12px;
  }

  .zr-btn-msginfo {
    width: 110px !important;
    min-width: 110px !important;
    margin-left: 0 !important;
  }
  .zr-cancel-delete {
    width: 110px !important;
    min-width: 110px !important;
    margin-left: 10px !important;
  }
  .cart-main-footer
  {
    bottom: 22px;
  }
  .vitrin-finish-table
  {
    height: 346px;
  }
  .zr-vitrin-finish-main {
    margin: 8px auto 8px;
  }


}

/*----------------------320px-----------------------*/
@media screen and (max-width: 375px)
{
  .vitrin-finish-table {
    height: 336px;
  }
}

/*----------------------320px-----------------------*/
@media screen and (max-width: 320px)
{
  .zp-applist-icon img
  {
    height: 75px;
  }
  .zp-applist-title
  {
    margin-right: 12px;
  }
  .zp-applist-title p
  {
    font-size: 18px;
  }
  .zp-acc-menu-item
  {
    margin-top: 16px;
    min-height: 125px;
  }
  .zm-customer-info
  {
    padding: 6px 0;
  }
  .zp-acc-menu-title p
  {
    font-size: 20px;
  }
  .zp-acc-inventory-body-show
  {
    padding: 6px;
  }
  .zapp-applist-item
  {
    min-height: 90px;
  }
  .zapp-applist-item
  {
    margin-bottom: 10px;
  }
  .zp-menu-sub-item
  {
    margin: 16px 0;
  }
}






@media screen and (max-width: 1280px) {
  :root{
    --MarginRow: 0.5rem;
    --LastRowMargin:0.5rem;
  }
  .sm-f-flat .sp-f-title{
    margin-bottom: 0px;
  }
  .sm-f-flat .sp-f-editor, .sm-f-flat .sp-f-editor{
    padding-bottom: 0px !important;
  }
  .zp-app-dataForm{
  }
}
@media screen and (max-width: 1024px) {

  div .zm-insert-customer .sp-row:first-of-type {
    margin-top: 0.5rem !important;
  }

  div .zm-insert-customer .sp-row{
    margin:   0 !important;
  }
  .zm-insert-customer{
    display: flex;
    flex-direction: column;
    overflow: auto;
  }
  div .zm-insert-customer .sp-btnframe{
    margin-top: 0.5rem !important;
  }
  .register-customer-type > div{
    margin-bottom: 0.5rem !important;
  }
  .zm-insert-customer #Cancel{
    padding-bottom: 0.5rem !important;
  }
  .zm-insert-customer button.zr-btn-picture{
    width: auto !important;
    min-width: 160px !important;
  }
}
.zp-slider-gap{
  margin-right: 18px;
}
.app-menu-page-mobile {
  position: absolute;
  overflow: auto;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  border-radius: 0px;
  z-index: 10000;
}


.zr-main-form{
  align-items: center;
  height: calc(100dvh);
  overflow-y: auto;
  overflow-x: clip;
  margin-top: 20px;
}

.radio-tags { gap: 24px; }

.radio-tags input[type="radio"] {
  position: absolute;
  inset: 0; 
  width: 1px; 
  height: 1px; 
  opacity: 0; 
  pointer-events: none;
}

.radio-tags label {
  display: inline-flex;
  align-items: center; 
  justify-content: center;
  gap: .5rem; 
  min-width: 144px; 
  height: 40px;
  padding: 12px 16px;
  border: 1px solid #767676; 
  border-radius: 14px;
  background: transparent; 
  color: #767676;
  cursor: pointer; 
  user-select: none;
}


/* حالت انتخاب شده */
.radio-tags input[type="radio"]:checked + label {
  background: #00426C;
  color: #FDFDFD;
  border-color: #00426C;
  font-size: 18px;
  font-weight: 500;
}
.zr-text-inputs{
  height: 70px;
  margin-top: 32px;
  width: 100%;
}
.zr-text-input-top {
  margin-bottom: 8px;
  margin-right: 16px;
}
.zr-text-input-top img{
  width: 20px;
  margin-left: 4px;
}

.zr-text-input-bottom {
  position:relative;
}
.zr-clear-input-img{
  width: 41px;
  padding: 11px 7px;
  position: absolute;
  left: 2px;
  top: 1px;
}
.zr-text-input-bottom input{
  width: 100%;
  height: 42px;
  border: 1px solid #003556;
  border-radius: 12px;
  padding: 0 12px;
}
.zr-contact-more-btn{
  width: 240px;
  height: 44px;
  border: 1px solid #004999;
  border-radius: 12px;
  margin: 32px 0;
  gap: 12px;
}
.zr-contact-more-btn span{
  line-height: 40px;
  color: #004999;
}

.zr-contact-more-btn img{
  width: 16px;
}

.zr-box-btn {
  display: flex;
  margin: 10px 10px; 
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}
.zr-box-btn .search {
  background: #E4CC7E;
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 12px 0px;
  border-radius: 12px;
}
.zr-box-btn .search p {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #0E1213;
}
.zr-box-btn .clear {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 11px 0px;
  flex-direction: column;
  border-radius: 12px;
  border: 0.2px solid #767676;
  text-align: center;
}
.zr-box-btn .clear p {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #767676;
}
.zr-spacer{
  display: flex;
  flex: 1;
}
.zr-contact-more-box{
  width: 100%;
  display: none;
}
.zr-rotate180{
  transform: rotate(180deg);
}

.zr-slide-box{
  width: 100%;
  min-height: 56px;
  border: 1px solid #003556;
  border-radius: 12px;
  margin-top: 32px;
  align-items: center;
  padding: 0 24px;
}
.zr-slide-box-right img{
  width: 20px;
  margin-left: 4px;
}
.zr-slide-box-right span{
  color: #203353;
  font-size: 16px;
  font-weight: 500;
}
.zr-slide-box-left span{
  color: #203353;
  font-size: 16px;
  font-weight: 500;
}
.zr-text-input-top span{
  color: #203353;
  font-size: 16px;
  font-weight: 500;
}
.zr-slide-box-left img{
  width: 16px;
  margin-right: 4px;
}
.zr-slide-box-title{
  width: 100%;
  height: 56px;
  align-items: center;
}
.zr-slide-box-body{
  width: 100%;
  display: none;
}
.zr-rotate{
  transform: rotate(180deg);
}
.zr-phone-btn{
  width: 144px;
  height: 30px;
  border: 1px solid #767676;
  border-radius: 8px;
  text-align: center;
  line-height: 30px;
  color: #767676;
  font-size: 14px;
  font-weight: 400;
}
.zr-slide-box-row1{
  margin: 12px 0;
}
.zr-slide-info-box{
  width: 100%;
  border: 1px solid #EEEEEE;
  border-radius: 12px;
  background-color: #F9F9F9;
  margin-bottom: 12px;
}
.zr-slide-info-box-title >div:last-child img{
  width: 30px;
  padding: 6px;
}
.zr-slide-info-box-title >div:first-child span{
  color: #1C3A3C;
  font-size: 14px;
  font-weight: 500;
}
.zr-slide-info-box-title >div:last-child {
  display: flex;
  align-items: center;
  gap: 24px;
}
.zr-slide-info-box-title{
  background: linear-gradient(to left,#E5ECF0 ,#CCD9E2);
  height: 44px;
  border: 2px solid #F9F9F9;
  line-height: 37px;
  border-radius: 12px;
  padding: 0 12px;
  align-items: center;
}
.zr-slide-info-box-row{
  margin: 8px 12px;
}
.zr-active-inactive img{
  width: 14px;
  margin-left: 4px;
}
.zr-active-inactive span{
  color: #1F7735;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}
.zr-slide-info-box-row > div > span:first-child{
  font-size: 12px;
  font-weight: 400;
  color: #767676;
}
.zr-slide-info-box-row > div > b{
  font-size: 16px;
  font-weight: 500;
  color: #3B3B3B;
}
.zr-slide-info-box-row > div >*{
  display: flex;
}
.zr-slide-info-box-row:last-child hr{
  display: none;
}
hr{
  border: none;        
  height: 1px;           
  background-color: #DCDCDC; 
}
.zr-accounting-bg-color .zr-accounting-bg-color{
  background: var(--accounting50) !important;
  outline: 1px solid var(--accounting50) !important;
}
.zr-accounting-bg-color .sp-f-title label{
  color:#fff !important;
}
.zr-btn-clear2,   .zr-btn-clear2:focus,  .zr-btn-clear2:hover{
  display: flex  !important;
  flex: 1;
  justify-content: center !important;
  padding: 11px 0px !important;
  flex-direction: column !important;
  border-radius: 12px !important;
  border: 0.2px solid #767676 !important;
  text-align: center !important;
  background:#fff  !important;
}
.zr-btn-search2, .zr-btn-search2:focus, .zr-btn-search2:hover{
  background: #E4CC7E !important;
  display: flex !important;
  flex: 1;
  justify-content: center !important;
  padding: 12px 0px !important;
  border-radius: 12px !important;
}
.zr-input-error{
  background-color:var(--error10) !important;
  border: 1px solid var(--error40) !important;
}
.sp-invalidated .sp-f-message {
  display: none !important;
}
.sp-f-row:not(.sp-g-cell .sp-f-row).sp-invalidated:not(.sp-d-checkbox, .zr-has-noicon)::after {
  display: none !important;
}
/******************************************** بالانس وزنی ************************************/

.zr-balance-main-content{
  overflow: auto;
  padding: 4px 0 12px 0;
  align-items: center;
}
.zr-balance-item{
  height: auto;
  width: 96%;
  border: 1px solid var(--gray20);
  box-shadow: 0 4px  12px 0 #1522371F;
  border-radius: 12px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  align-items: center;
  background-color: #fdfdfd;
}
.zr-balance-title{
  width: 100%;
  height: 40px;
  border: 2px solid var(--gray5);
  border-radius: 12px;
  background: #E5ECF0;    
  align-items: center;
  margin-bottom: 4px;
}
.zr-balance-title img{
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.zr-balance-title p{
  font-size: 16px;
  font-weight: 500;
  color: var(--Shopping70);
}
.zr-balance-content{
  width: 100%;
}
.zr-balance-content-row{
  margin: 4px 12px;
  height: 36px;
  border: 0.4px solid var(--Shopping30) ;
  border-radius: 12px;
  padding: 8px 12px ;
  box-shadow: 0 2px 8px 0 var(--MainBlack)14;
  background-color: #fff;
}
.zr-balance-content-row *{
  color: var(--Shopping70);
}
.zr-balance-content-row b{
  margin-left: 4px;
}
.zr-balance-content-row >div:first-child{
  align-items: center;
}
.zr-spacer16{
  height: 16px;
}
.zr-balance-show-details{
  color: var(--link60);
  width: 141px;
  height: 24px;
  margin-top: 4px;
  text-align: center;
}
.zr-output-item .zr-balance-title{
  background-color: #F2EEEE;
}
.zr-output-item .zr-balance-content-row{
  border: 0.4px solid #E3E3E3;
}
.zr-output-item .zr-balance-content-row p{
  color: #203353;
}
.zr-output-item .zr-balance-content-row b,.zr-output-item .zr-balance-content-row span{
  color: var(--accounting70);
}
.zr-output-item .zr-balance-title p{
  color: var(--branch60);
}


.zr-analytics-item .zr-balance-title{
  background-color: #E5ECF0;
}
.zr-analytics-item .zr-balance-title p{
  color: var(--accounting70);
}
.zr-analytics-item .zr-balance-content-row{
  border: 0.4px solid #E3E3E3;
  height: auto;
  background-color: var(--MainWhite);
}
.zr-analytics-item .zr-balance-content-row p{

}
.zr-skeleton-place-holder{
  width:100px;
  height:24px;
  display:inline-block;
}  
.zr-skeleton-place-holder2{
  width:100%;
  height:24px;
  display:inline-block;
}  



.zr-input-details-main-content{
  overflow: auto;
  padding: 12px 0;
  align-items: center;
}
.zr-input-details-item{
  height: auto;
  width: 96%;
  border: 1px solid var(--gray15);
  border-radius: 12px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  align-items: center;
  background-color: var(--gray5);
}
.zr-input-details-title{
  width: 100%;
  height: 40px;
  border: 2px solid var(--gray5);
  border-radius: 12px;
  background: linear-gradient(to left,#EAEFEF,var(--Shopping10));    
  align-items: center;
  margin-bottom: 4px;
}
.zr-bilan-hr1{
  border: none; 
  height: 1px;             
  background-color: var(--gray30);  
  border-radius: 2px;  
  width:  calc(100% - 24px);
  margin: 8px 12px;
  box-sizing: border-box;
}
.zr-spacer8{
  height: 8px;
}
.zr-input-details-title p{
  font-size: 14px;
  font-weight: 500;
  color: var(--Shopping70);
}
.zr-input-details-content{
  width: 100%;
}
.zr-input-details-content-row{
  margin: 0 12px;
  border-radius: 12px;
}
.zr-input-details-content-row p{
  color: var(--gray70);
}
.zr-input-details-content-row b{
  color: var(--gray85);    
}

/*******bilan items*****/

.zr-bilan-main-content{
  overflow: auto;
  padding: 4px 0;
  align-items: center;
  height: calc(100dvh);
}
.zr-bilan-main-content >div{
  width : 100%; 
  display: flex;
  justify-content: center;
}
.zr-bilan-item{
  height: 176px;
  width: 96%;
  border: 1px solid var(--gray20);
  box-shadow: 0 4px  12px 0 #1522371F;
  border-radius: 12px;
  margin-bottom: 12px;
  align-items: center;
  background-color:var(--MainWhite);
}
.zr-bilan-title{
  width: 100%;
  height: 52px;
  border: 2px solid var(--gray5);
  border-radius: 12px;
  background: #E5ECF0;    
  align-items: center;
}
.zr-bilan-title img{
  width: 24px;
  height: 24px;
  margin-left: 8px;
  border-radius:50%;
}
.zr-bilan-title p{
  font-size: 16px;
  font-weight: 500;
  color: #203353;
}
.zr-bilan-content-row{
  text-align: center;
  align-items: center;
}
.zr-bilan-hr{
  border: none; 
  height: 1px;             
  background-color: var(--gray30); 
  width: 90%;            
  margin: 4px auto;       
  border-radius: 2px;  
}
.zr-bilan-content span ,.zr-bilan-content i{
  color: var(--gray70);
  font-style: normal;
}
.zr-bilan-content b{
  color: var(--gray85);
}
.zr-bilan-rates{
  color: var(--gray80) !important;
  margin-left:4px;
}
.zr-bilan-weight{
  margin-left: 4px;
  display:flex;
  direction:ltr;
}
.zr-bilan-show-details{
  color: var(--link60);
  width: 100%;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin-bottom: 4px;
}
.zr-loading-holder-place1{
  display:block;
  height:30px;
  width:50%;
  margin-left:4px;
}
.zr-loading-holder-place2{
  display:inline-block;
  height:23px;
  width:100px;
  margin-left:4px;
}
.zr-spacer{
  display:inline-block;
  height:1px;
}

.zr-bilan-main-content{
  overflow: auto;
  padding: 12px 0;
  align-items: center;
  height:calc(100dvh);    
}
.zr-bilan-item{
  height: auto;
  width: 96%;
  border: 1px solid var(--gray20);
  box-shadow: 0 4px  12px 0 #1522371F;
  border-radius: 12px;
  margin-bottom: 12px;
  align-items: center;
}
.zr-bilan-title{
  width: 100%;
  height: 40px;
  border: 2px solid var(--gray5);
  border-radius: 12px;
  background: #E5ECF0;    
  align-items: center;
}
.zr-bilan-title img{
  width: 24px;
  height: 24px;
  margin-left: 8px;
  border-radius:50%;
}
.zr-bilan-title p{
  font-size: 16px;
  font-weight: 500;
  color: #203353;
}
.zr-bilan-hr1{
  border: none; 
  height: 1px;             
  background-color: var(--gray30); 
  width: 90%;            
  margin: 12px auto;       
  border-radius: 2px;  
}
.zr-bilan-content{
  width: 100%;
}
.zr-bilan-content-row{
  margin: 0 16px;
}
.zr-bilan-content-row:first-child{
  margin-top: 12px;
}
.zr-bilan-content-row:last-child{
  margin-bottom: 12px;
}
.zr-bilan-content-row div:first-child{
  align-items: center;
}
.zr-square-color{
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 4px;
  margin-left: 4px;
}
.zr-bilan-content-row:nth-of-type(1) .zr-square-color{
  background-color: var(--secondary40);
}
.zr-bilan-content-row:nth-of-type(2) .zr-square-color{
  background-color: var(--sales40);
}
.zr-bilan-content-row:nth-of-type(3) .zr-square-color{
  background-color: var(--branch40);
}
.zr-bilan-content-row:nth-of-type(4) .zr-square-color{
  background-color: var(--rfid40);
}
.zr-bilan-content-row:nth-of-type(5) .zr-square-color{
  display: none;
}
.zr-red-negative{
  color: var(--error70) !important;
}
.zr-bilan-content-row *{
  color: var(--accounting70);
}
.zr-bilan-content-row b{
  margin-left: 4px;
  direction: ltr;
}
.zr-spacer16{
  height: 16px;
}
.zr-bilan-color-negative{
  color:var(--error20) !impotant;
}  
.zr-bilan-color-positive{
  color:var(--accounting40) !impotant;
}
/*******end bilan items*****/