/* 2023/08/12*/
/*###############################*/
/*RESPONSIVE DESIGN*/
/*###############################*/

@media screen and (min-width: 2520px)
{
  .product-info-box
  {
    max-height: 650px;
  }
}
@media screen and (min-width: 2000px)
{
  .product-info-box
  {
    max-height: 650px;
  }
}

@media screen and (max-width: 1366px) {
  :root{
    --spacing-6:1rem;
    --spacing-4:0.5rem;
    --FooterHeight: 32px;
    --ToggleWidth:1.25rem;
    --ToggleHeight:1.25rem;
    --Widthrightmenu: 14rem; 
    --Widthdropdown:14rem;
    --boxprofile:30px;
    --menuicon: 18px;
    --MainDistance:0.75rem;
    --Heightrightmenulink: 36px;
    --FontRightMenu: 12px;
    --FontSmallRightMenu:11px;
    --FontWeightRightMenu:300;
    --largefont:14px;
    --normalfont: 12px;
    /*--smallfont: 10px;*/
    --xsmallfont: 8px;
    --xlargeradius: 1rem;
    --xlargefont: 14px;
    --xxlargefont: 18px;
    /*--borderradiusrightmenulink: 0 1.25rem 1.25rem 0;
    --borderradiusrightmenutitle: 1.25rem 0 0 1.25rem;*/
    --xxlargeradius:1.25rem;
    --normalradius:0.5rem;
    --rightmenugap: 0.5rem;
    --CurrentDocumentWidth:calc(100% - 0.75rem);
    --DoctabWidth:120px;
    --paddingMaintabparent:1.5rem;
    --LineheightCode:22px;
    --WidthCode:75px;
    --TabHeight: 28px;
    --TabItemMargin:2px 0.25rem 0;
    --DocumentHeight: 306px;
    --MarginRow: 0.5rem;
    --InputHeight: 26px;
    --widthtitle: 72px;
    --EnterFormPadding:0.25rem 0.5rem 0.25rem 0.25rem;
    --InputPadding: 0.5rem;
    --MarginTabright:24px;
    --DocDistance:2rem;
    --FormContentBorder:1px;
    --middlewidth:100%;
    --GridDistance:0.75rem;
    --exlarge: 182px;
    --DocBtnWidth: 36px;
    --HeightBtn: 28px;
    --RemainHeight:60px/* 108px*/;
    --RemainMinHeight:60px;
    --RemainBoxGap:0.5rem;
    --docbtnMargin:0.75rem;
    --Imagewidth: 140px;
    --Imageheight: 140px;
    --minibtnwidth:16px;
    --minibtnleft:0.25rem;
    --MainPicWidth:92px;
    --Widthbtn: 110px;
    --SellWidth:16px;
    --smallwidth: 66%;
    /*  --smallwidth: 80%;*/
    --HeaderCellHeight:32px;
    --GridCellHeight:28px;
    --SeparateGridCellHeight:28px;
    --SeparateHeaderHeight:30px;
    --HeaderCellHeight: 30px;
    --Gridremainwidth:336px/*336px*/;
    --normallwidth: 138px;
    --marginboxheight: 0.5rem;
    --checkboxheight: 16px;
    --TextPadding:0.5rem;
    --icongridwidth:20px;
    --icongridbtnwidth:14px;
    --btnmarginleft:1rem;
    --btnadddistance:0.5rem;
    --infowidth:20px;
    --TitleIcon:16px;
    --normalbtnwidth:20px;
    --largewidth: 180px;
    --DocItemWidth:16px;
    --LastRowMargin:0.75rem;
    --RemainPadding:0.5rem 0.5rem;
    --DashboardRemainHeight:182px;
    --remainSymbolWidh:24px;
    --noteboxpadding:0.5rem;
    --mediumsize:16px;
    --tablineheight:1.75rem;
    --docgridlistpadding:2px 1px 1px;
    --largeradius:14px;
    --chartbanksize:100px;
    --advancewidth:200px;
    --rateitemheight:48px;
    /*--Pagewidthtitle:80px;*/
    --progressparentdistance:0.75rem;
    --rfidwidth:calc(33% - 0.29rem);
    --Fontcodeinput:11px;
    --ProductImgparentwidth: 220px;
    --ProductImgparentheight: 200px;
    --multigridbtnHeight:20px;
    --smallBtnwidth:100px;
    --ReportRemainheight:32px;
    --trremaingap:0.75rem;
    --bankremainHeight:28px;
    --ReportRemainRowGap:0.75rem ;
    --ReportRemainColumnGap: 1.25rem;
    --tablineheight:1.5rem;
    --paddingreport:0.75rem;
    --GapCaratlist:0.75rem;
    --xlargeBtnwidth: 148px;
    --HeightSelectedBtn:26px;
    --xsmallBtnwidth:48px;
    --Margineditspecification:0.5rem;
    --bilanpadding: 0.25rem;
    --bilanheight:100px;
    --bilanboxpadding:1rem;
    --ProductionRemain:180px;
    --productionopItemWidth:calc(100% - 0.75rem);
    --productionopItemHeight:90px;
    --productionopItemMinHeight:90px;
    --prstatus:20px;
    --SeparateHeaderMargin:0.5rem;
    --midWidthbtn: 140px;
    --RfidMainBtnWidth:205px;
    --operationheaderHeight:90px;
    --ChartNoPicWidth:150px;
    --tabsearchWidth: 160px;
    --tabsearchHeight: 32px;
    --ultralarge: 230px;
    --exlargeBtnwidth: 200px;
    --HeightLargerightmenulink:48px;
    --smallWidthrightmenu: 4.5rem;
    --productionRemain:180px;
    --pagingHeight: 30px;
    --themelistheight:32px;
    --exlargefont:20px;
    --mlarge: 200px;
    --switchwidth: 48px;
    --switchheight: 26px;
    --switchtransform: 22px;
    /*   --distancerightmenu: calc(var(--smallWidthrightmenu) + 2rem);*/
  }
  .zr-rfid-history ,  :is(.zr-grid-seperate.zr-grid-headerseperate:not(.zr-grid-lightseperate) ,.zr-grid-new) .sp-g-header{
    --SeparateGridCellHeight:28px;
    --SeparateHeaderHeight:30px;
    --HeaderCellHeight: 30px;
  }
  /*.zr-rightmenu:not(:hover) :is(.zr-rightmenu-item,.zr-program-title,.zr-shortmenu-item , .zr-shortmenu-hidden), .zr-rightmenu:not(:hover) :is(.zr-shortmenu-visible) ,  .zr-rightmenu:not(:hover) .sp-menu-active .zr-rightmenu-link::after,  .zr-rightmenu:not(:hover) .sp-menu-active .zr-rightmenu-link::before ,.zr-rightmenu-togglebox,*/.sp-f-row:not(.sp-g-cell .sp-f-row).sp-invalidated:not(.sp-d-checkbox,.sp-f-readonly)::after ,.sp-f-row:not(.sp-g-cell .sp-f-row).sp-validated:not(.sp-d-checkbox,.sp-f-readonly)::after ,.zr-responsive-tab + .zr-tabline , .zr-res-none{
    display: none !important;
  }
  .zr-rightmenu-togglebox{
    right: calc(100% + 6px);
  }
  /*     .zr-rightmenu:not(:hover) .zr-program-logo {
  margin-left: 0;
}
  .zr-programtitle-box{
  --Heightrightmenulink:48px;
  margin: 0 auto 1.5rem;
}
  .zr-main-logo{
  max-width:106px;
}*/
  .zr-bilan-chartline-parent{
    height:80px;
  }
  .zr-bilan-title-m{
    margin-bottom:0.25rem !important;
  }
  .toptitle {
    margin-bottom: 0.5rem !important;
  }
  .sp-font-xlarge {
    font-size: 14px !important;
  }
  .sp-font-large ,.zr-row-category .sp-font-normal {
    font-size: 14px !important;
  }
  .sp-font-xxlarge {
    font-size: 18px !important;
  }
  .sp-font-normal ,.sp-font-lg-normal.sp-font-small{
    font-size: 12px !important;
  }
  .sp-font-small ,.sp-font-lg-small{
    font-size: 10px !important;
  }  

  .zr-doc-specificarion ,.zr-remaintile,.sp-font-mlarge , .zr-RaminBox .sp-font-xxlarge{
    font-size: 16px !important;
  }
  .zr-RaminBox  .sp-fw-600 {
    font-weight: 500;
  }
  .zr-tab-item.zr-selected, .zr-tab-item.sp-tab-active, .sp-tab-item.sp-tab-active{
    --xxlargefont: 16px;
  }
  .zr-bilan-main .sp-f-button{
    --HeightBtn:24px;
  }
  .zr-box-totalbilan.sp-mt-3{
    margin-top: .5rem !important;
  }
  .zr-tab-item, .sp-tab-item{
    font-size: 15px;
    font-weight: 400;
  }
  .zr-menu-userbox {
    padding: 0.75rem 0 0.25rem;
  }
  .zr-badge-online{
    width: 8px;
    height: 8px;
  }
  .zr-menu-settingbox .zr-rightmenu-dropdown {
    bottom: calc(var(--FooterHeight) + 0px + 64px);
  }
  .zr-themelist {
    border-radius: 32px;
  }
  .zr-theme-darkimg , .zr-theme-lightimg{
    max-width: 20px;
  }
  .zr-themelist{
    padding: 2px;
  }
  .zr-profit-parent {
    gap: 0.5rem 0.75rem;
  }

  /*  .zr-rightmenu:not(:hover), .zr-leftside{
  --Widthrightmenu: 4.25rem;
  --MarginRightMenuItem: 0;
}
  .zr-rightmenu:hover {
  z-index:51;
}
  .zr-rightmenu:hover ~ .zr-responsive-overlay {
  display: flex; 
}
  .zr-rightmenu:not(:hover) .zr-rightmenubox.sp-menu-active  .zr-rightmenu-boximg{
  background: var(--white);
  width: 32px;
  height: 32px;
  margin:0.5rem 0;
  border-radius: 0.5rem;
}
  .zr-rightmenu:not(:hover) .zr-rightmenubox:not(.sp-menu-active) .zr-rightmenu-boximg {
  width: 100%;
}

  .zr-rightmenu:not(:hover) .zr-programtitle-box{
  background: transparent;
}
  .zr-rightmenu:not(:hover) :is(.zr-program-boxlogo){
  --menuicon: 28px;
  border-radius: var(--smallradius);
  width: 40px;
  height: 40px;
  overflow: hidden;
  min-height: 40px;
  /* background: var(--Primary70LIGHT); 
  margin-top: auto;
}*/
  .zr-CurrentDocument :is(.sp-f-title, [class*="sp-f-row"] .sp-f-title){
    justify-content: center;
  }
  .zr-CurrentDocument .sp-f-row:not(.zr-input-maintheme) .sp-f-title {
    padding-right: 0.5rem;
  }
  .zr-program-logo {
    max-width: 20px;
  }
  .sp-font-exxlarge {
    font-size: 20px;
  }
  .zr-profit-box{
    flex: calc((100% / 3) - 0.34rem);
    max-width: calc((100% / 3) - 0.33rem);
    padding: 0.5rem 0.5rem !important;
  }
  .sp-gap-6 {
    gap: 0.5rem;
  }
  .zr-profit-parent {
    gap: 0.5rem;
  }
  .zr-profit-box .sp-mb-3.sp-mt-3{
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .zr-income-chartparent,.zr-cost-chartparent,.zr-profit-chartparent{
    padding: 0.5rem !important;
    border-radius: 0.5rem !important;
  }
  :is(.zr-income-chartparent,.zr-cost-chartparent,.zr-profit-chartparent) .sp-lh-9 {
    line-height: 1.75rem !important;
  }
  /* .zr-rightmenu:not(:hover)  :is(.zr-rightmenu-item,.zr-program-title,.zr-shortmenu-item , .zr-shortmenu-hidden) , .zr-rightmenu:not(:hover)  :is(.zr-shortmenu-visible) {
  display:none !important;
}
  .zr-rightmenu:not(:hover) :is(.zr-shortmenu-visible), .zr-rightmenu:not(.zr-small-menu):not(:hover) :is(.zr-shortmenu-visible){
  display:flex !important;
}
  .zr-rightmenu:not(:hover)  .zr-shortmenu-invisible{
  visibility: hidden;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
}
  .zr-rightmenu:not(:hover)  .zr-program-logo,.zr-shortkey-img{
  /* margin-right: 0.5rem; 
}
  ..zr-rightmenu:not(:hover) .zr-shortmenu-link{
  justify-content: center;
}

  /*.zr-shortkey-menu .zr-shortmenu-link:hover .zr-shortkey-img  ,.zr-rightmenu:not(:hover)  .zr-shortkey-menu   .zr-shortkey-img {
  filter: invert(0.9);
} ,.zr-programtitle-box:hover .zr-program-logo , .zr-programtitle-box.zr-mainprogram-box .zr-program-logo 
  .zr-rightmenu:not(:hover) :is(.zr-rightmenu-link,.zr-programtitle-box){
  width:100%;
  padding-right: 0rem;
  --Marginrightmenulink:0;/*1.25rem 0rem 1.25rem 0;0 
  justify-content: center;
}
  .zr-rightmenu:not(:hover) :is(.sp-menu-active .zr-rightmenu-link,.zr-programtitle-box)
  {
  /* width: calc(100% - 0.5rem); 
  width: 100%;
}
  .zr-rightmenu  .sp-menu-active  .zr-rightmenu-link
  {
  padding-left: 0rem;
  --Heightrightmenulink: 36px !important;
  /* padding-left: 0.75rem; 
}
  .zr-rightmenu:not(:hover) .sp-menu-active .zr-rightmenu-link{
  box-shadow: none !important;
  padding-right: 0px !important;
  background-color: unset !important;
  margin: auto !important;
  justify-content: center !important;
  --Heightrightmenulink: 36px;

}
  .zr-rightmenu:not(:hover) :is(.zr-rightmenu-arbox , .zr-rightmenu-userbox)  {
  visibility: hidden;
  white-space: nowrap;
} 
  .zr-rightmenu:not(:hover)   .zr-hmenu-toggle{
  justify-content:center;
}
  .zr-menu-userbox {
  margin: 0.5rem 0 0rem;
}
  .zr-leftside {
  height: calc(100vh - var(--HeaderHeight) - 1.5rem + 0px);
}
  .zr-logo-box{
  margin-bottom:1rem;
}
  .zr-rightmenu .zr-first-item .zr-shortkey-boximg::before {
  width: 20px;
  height: 20px;
}
  .zr-rightmenu:hover .sp-menu-active .zr-rightmenu-link{
  --Heightrightmenulink: 36px !important; 
}

  .sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
  font-size: 16px !important;
}
  li.zr-shortmenu-box {
  margin-bottom: 1.75rem;
}

  .zr-shortmenu-link, .zr-headermenu-link {
  --Heightrightmenulink: 28px;
}
  .zr-rightmenu:not(:hover)  .zr-shortmenu-link:not(:hover),  .zr-rightmenu:not(:hover)   .zr-headermenu-link:not(:hover) {
  justify-content: center;
}
  .zr-rightmenu:not(:hover) .zr-shortkey-boximg:not(.zr-first-item .zr-shortkey-boximg), .zr-rightmenu:not(.zr-small-menu:not(:hover)) .zr-shortkey-boximg:not(.zr-first-item .zr-shortkey-boximg) {
  min-width: 28px;
  height: 28px;
}
  .zr-rightmenu:not(:hover) .zr-shortmenu-box/*:not(.zr-first-item)  .zr-shortkey-boximg::before  {
  display:none;
}
  .zr-rightmenu:hover   .zr-shortmenu-link .zr-shortkey-boximg::before,.zr-rightmenu.zr-small-menu:hover  .zr-shortmenu-link  .zr-shortkey-boximg::before {
  width: 18px;
  height: 18px;
}
  .zr-rightmenu:not(:hover) .zr-shortkey-menu {
  background: transparent;
  padding: 1.5rem 0;
}
  .zr-rightmenu:not(:hover)  .zr-shortmenu-link:not(:hover) .zr-shortkey-boximg/*:not(.zr-first-item .zr-shortkey-boximg)   {
  background: transparent !important;
}
  .zr-rightmenu:not(:hover)  .zr-shortkey-menu .zr-shortmenu-box/*:not(.zr-first-item)  .zr-shortmenu-link:not(:hover) .zr-shortkey-img{
  filter: unset !important;
  display: flex !important;
}   
  .zr-rightmenu:not(:hover)  .zr-shortkey-menu .zr-first-item  {
  padding: 0;
  background: transparent !important;
  /* width: 32px;
  margin-left: auto;
  margin-right: auto; 
}
  .zr-rightmenu-userbox , .zr-CurrentDocument .zr-docbtn-list  /* , .zr-tab-green {
  margin-bottom:0.75rem !important;
}
  .zr-rightmenu-list:not(:hover)  .sp-menu-active .zr-rightmenu-link :is(img,i){
  margin-left: 0;
}
  .zr-rightmenu:not(:hover)  .zr-mainbox-logo.sp-platform .zr-main-logo::before {
  content: url(/themes/manager/icons/mainlogo/MiniLogoLight2.svg) !important;
}
  .zr-rightmenu:not(:hover) .zr-mainbox-logo.sp-platform.sp-platform-error .zr-main-logo::before{
  content: url(/themes/manager/icons/mainlogo/MiniLogoError1.svg) !important;
}
  .zr-rightmenu:not(:hover)  .zr-mainbox-logo.sp-platform.sp-platform-warning .zr-main-logo::before{
  content: url(/themes/manager/icons/mainlogo/MiniLogoWarning.svg) !important;
}
  .zr-rightmenu:not(:hover)  .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-logo::before{
  content: url(/themes/manager/icons/mainlogo/MiniLogoWhite.svg) !important;
}
  */
  .zr-rightmenu-dropdown :is(.zr-menu-userdetails , .zr-menu-userbox:hover .zr-menu-userdetails){
    min-height: 64px;
  }
  .zr-rightmenu :is(.zr-rightmenubox,.zr-rightmenu-dropdown-link):hover .zr-rightmenu-dropdown {
    --boxprofile: 40px;
  }
  /*current document  */
  .zr-codeinput, input[type=text].zr-codeinput {
    border-radius: 0.5rem;
  }
  .zr-tab-item-code {
    width: 20px;
    height: 20px;
    font-size: var(--xlargefont);
    padding-top: 3px;
  }
  .zr-Main-tab-list .zr-selected .zr-tab-item-code{
    padding-top: 0px;
  }
  .zr-tab-item-col {
    min-width: 80px;
    min-height: 24px;
    margin: 2px 0 2px;
  }
  .zr-tab-item-col .zr-tab-item-code {
    width: 13px;
    height: 13px;
  }
  .zr-tab-item-col.zr-selected .zr-tab-item-code {
    min-width: 16px;
    font-size: var(--largefont);
    min-height: 16px;
  }
  .sp-f-title, [class*="sp-f-row"] .sp-f-title, .zr-CurrentDocument :is(.sp-f-title, [class*="sp-f-row"] .sp-f-title) {
    padding: 0 0 0;
  }
  .sp-f-row:has(.sp-f-append input,button) .sp-f-title.sp-justify-right{
    padding-right: 4px;
  }
  .sp-f-title.sp-pr-2{
    padding-right: 2px !important;
  }
  .zr-FormContent {
    padding: 0 1rem;
    border-radius: 18px !important;
  }
  .zr-tab-item-col.zr-selected::after, .zr-tab-item-col.zr-selected::before {
    right: calc(100% - 6px);
    width: calc(0.75rem + 2px);
    height: 0.6rem;
  }
  .zr-tab-item-col.zr-selected::before{
    box-shadow: -6px 8px 0px 5px var(--bgForm);
  }
  .zr-tab-item-col.zr-selected::after {
    box-shadow: -7px -8px 0px 5px var(--bgForm);
  }
  .sp-f-note, .sp-validated .sp-f-note, .sp-invalidated .sp-f-note, .sp-validated:not(.zr-edited-row ,.zr-edited-form .sp-f-row) .sp-f-note {
    top: calc(100% + 2px);
  }
  .CashForm, .CardForm, .CurrencyForm, .RawGold, .zr-CurrentDocument {
    --widthtitle: 96px;
  }
  .RawGold.RateToRate{
    --widthtitle: 72px;
  }
  .zr-Remainitem/*:not(.zr-production .zr-Remainitem)*/ {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .zr-SubmitDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button) {
    min-height: 30px;
    border-radius: 0.5rem !important;
  }
  .zr-CurrentDocument :is(.sp-f input[type=button].zr-btn-edit ,.zr-btn-edit){
    height: 30px;
  }
  /*  .zr-CurrentDocument .zr-itemicon, .zr-itemicon {
  max-width: 16px;
  height: 16px;
}*/
  .zr-CurrentDocument.sp-d-form{
    padding: 0.25rem 0.75rem 0 !important;  
  }
  .zr-frame-plastic{
    --widthtitle: 88px;
  }
  .zr-btn-docdescription  , .zr-frame-plastic{
    --Widthbtn: 106px;
  }
  .sp-form .sp-f-button, .sp-f .sp-f-button, .sp-form .sp-f-button, .sp-f input[type=button], .sp-f-button{
    padding: 0 0.25rem !important;
  }
  .zr-CurrentDocument :is(.zr-RemainBoxTitle,.zr-RemainBoxValue) , .zr-inventory-total , .zr-return-btn .sp-lh-9{
    line-height: 1.5rem !important;
  }
  .zr-inventory-total{
    font-weight: normal;
  }
  .zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent .zr-Docitem-border ,.zr-invoice-parent {
    padding: 0.25rem 0;
  }
  .zr-CurrentDocumentInfoParent .zr-tab-list {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .zr-ProductImgParent.sp-rp-6, .sp-d-image.sp-rp-6 , .zr-box-totalbilan , .zr-box-innderbilan ,.zr-box-bilan , .zr-tabinner-green, .zr-tabinner-pink ,.zr-rp-lg-6{
    border-radius: 0.75rem !important;
  }
  .zr-box-bilan{
    /* padding: 0.75rem 1rem !important;*/
    padding:0.25rem 0.5rem !important;
  }
  .zr-bilan-gap{
    margin-top: .5rem !important;
  }
  .zr-bilan-framechart {
    margin-top: 0.25rem !important;
  }
  .zr-boxtitle-totalbilan , .zr-sale-progresstitle , .zr-buy-progresstitle {
    font-size: 16px !important;
  }
  .zr-hasimg.sp-c-9{
    flex: 0 0 78%;
    max-width: 78%;
  }
  .zr-hasimg.sp-c-9 + .sp-c-3{
    flex: 0 0 20%;
    max-width: 20%;
  }
  .zr-tab-item-col.zr-selected{
    margin: 0.25rem 0 0.25rem;
  }
  .zr-maingrid{
    --TabItemMargin: 0px 0.25rem 0;
  }
  .zr-maingrid .zr-RemainBox {
    padding: 0.25rem 0;
  }
  .zr-GridRemain .zr-RemainItem .zr-remain-title{
    line-height: 1.25rem !important;
  }

  .zr-InvoiceFormBox .zr-remain-number, .zr-GridRemain .zr-RemainItem .zr-remain-number, :is(.zr-symbolparent , .zr-remainbank ,.zr-remaindoc) .zr-remain-number, .zr-remain-number {
    border-radius: 0.5rem 0 0.5rem 0.5rem;
  }
  .Invoice-tab-item {
    flex-direction: row !important;
    display: flex;
  }
  .zr-InvoiceFormBox, :is(.zr-GridRemain) .zr-RemainItem, .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
    border-radius: 0.5rem !important;
    --rameinwidth: 92px;
  }
  .zr-responsive-tab.zr-tabparent-btn{
    position: absolute;
    left: calc(var(--MarginRow)*2);
    flex-direction: column;
    width: 140px;
    z-index: 21;
  }
  .zr-parenttab-img.sp-c-3,  .zr-parenttab-distance{
    margin-top:42px;
  }
  .zr-responsive-tabcontent:is(.zr-divStone, .zr-divCurrency, .zr-divBank, .zr-Divjewel) {
    min-height: 100%;
  }
  .zr-sales{
    --DocumentHeight:312px;
  }
  .zr-production{
    --RemainHeight: 68px;
    --DocumentHeight: 320px;
  }
  .zr-responsive-tab.zr-tabparent-btn:not(.zr-open) .zr-btn-tab{
    display: none !important;
  }
  .sp-mb-8 {
    margin-bottom: 1.5rem !important;
  }
  .zr-responsive-tab.zr-tabparent-btn:not(.zr-open) .zr-tabparent-close ,   .zr-responsive-tab.zr-tabparent-btn.zr-open .zr-tabparent-open{
    display:flex;
  }
  .zr-tabparent-titlebox {
    padding: 0 0.5rem;
    height: 30px;
  }
  .zr-RemainItem .sp-lh-8 {
    line-height: 1.75rem !important;
  }
  .zr-responsive-tab.zr-tabparent-btn.zr-open .zr-tabparent-btnlist{
    padding: 0.75rem 1rem;
    border: 1px solid var(--MainThemeColor);
    background: var(--white);
    flex-direction: column;
    row-gap: 0.75rem;
  }
  .zr-responsive-tab.zr-tabparent-btn.zr-open {
    background: var(--MainThemeColor);
    border-radius: 0.5rem;
  }
  .zr-btn-setting-ratesave.sp-f-button {
    --Widthbtn: 160px;
  }
  .zr-responsive-tab :is(.zr-btn-tabitem, .zr-btn-tab) {
    min-width: 100%;
  }
  .zr-responsive-tab  .zr-btn-tabitem:is(.zr-Selected,.sp-tab-active), .zr-btn-tab:is(.zr-Selected,.sp-tab-active) ,:is(.zr-btn-tabitem, .zr-btn-tab):not(.zr-Selected,.sp-tab-active):hover{
    background: var(--primary70);
  }
  .zr-InvoiceFormBox{
    --rameinwidth: 80px;
  }
  .zr-InvoiceFormBox .zr-remain-title{
    padding: 0;
    line-height: 1.75rem !important;
  }
  .zr-tabparent-content.zr-responsive-tabcontent .sp-row:not(:nth-last-child(2),.sp-row .sp-row){
    --middlewidth: 80%;
    --smallwidth: 60%;
    margin-left: auto;
    margin-right: 0;
  }
  .zr-tabline {
    margin: 0.25rem 0 0.25rem;
  }
  .zr-tabparent-btn:not(.zr-responsive-tab)  .zr-btn-tabitem, .zr-btn-tab {
    min-width: 124px;
    min-height: 24px;
    max-height: 22px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: var(--smallradius);
    font-size: 14px;;
  }
  .zr-cheque-remainder .sp-f-append .sp-f-group :is(input[type=text],input[type=number],textarea) {
    padding: 0 0.25rem !important;
  }
  .sp-f-append :is(.sp-f-label,select,.sp-f-link) {
    margin: 0 0.25rem;
  }
  .sp-select-icon, .sp-drop-button:after {
    border: solid var(--gray95) !important;
    border-width: 0 1px 1px 0 !important;
    padding: 2px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
  }
  .sp-select-items , .sp-drop-items{
    max-height: 192px;
  }
  :is(.zr-divContent,.zr-divForm,.zr-dataForm,.zr-hasfilter) .sp-f-append .sp-drop .sp-drop-button:after {
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    border-top: 4px solid var(--dark) !important;
  }
  .sp-f button.sp-drop-button, :is(.zr-divContent,.zr-divForm,.zr-dataForm,.zr-hasfilter) :is(.sp-drop-button) {
    padding-left: 1rem;
  }
  :is(.zr-divContent,.zr-divForm,.zr-dataForm,.zr-hasfilter) .sp-drop-button:after {
    left: 0.25rem;
  }
  .sp-btn-save::before, .zr-btn-msginfo::before {
    width: 20px;
    height: 20px;
    background-size: contain;
  }
  .sp-f .sp-f-button.sp-btn-savedate, .sp-f .sp-f-button.sp-btn-canceldate{
    --HeightBtn: 20px;
    border-radius: 4px !important;
  }
  .zr-date-box .sp-d-datepicker{
    margin-left: 0rem;
  }
  .sp-icon-calendar, .sp-icon-clear {
    /*max-width: 0.75rem;
    max-height: 0.75rem;*/
  }
  .sp-icon-delete:is(:hover,:focus):not(.sp-g-cell)::before, button.sp-icon-delete:is(:hover,:focus):not(.sp-g-cell)::before {
    background-size: 14px 14px;
  }
  .zr-DIsabledGridError{
    min-height: 100px;
  }
  .sp-f .sp-invalidated .sp-f-message::before {
    width: 12px;
    height: 12px;
    bottom: calc(100% - 5px);
    left: 14px;
  }
  .sp-invalidated .sp-error-message, .sp-invalidated .sp-f-message {
    height: 1.75rem;
    top: calc(100% + 0.75rem);
    left: 0;
    min-width: 150px;
    width: 150px;
  }
  .zr-addPicItem-icon {
    max-width: 12px;
  }
  .sp-btn-fish, .sp-f :is(input[type=button],button).sp-btn-fish {
    min-height: 18px!important;
  }
  :is(.zr-dataForm , .zr-EnterForm):not(.zr-datalist-form) :is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5,.sp-col, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5,.CashForm .sp-c-6) :is(.sp-btn-search,button.sp-ultra-active.sp-btn-search) {
    left: calc(100% + 2px);
  }
  .zr-searchbox, .zr-searchheader-input{
    line-height: 23px !important;
  }
  .sp-icon-itemdetail:not(.sp-g-cell)::before {
    width: 4px;
    height: 14px;
  }
  .zr-TrustChildParent {
    z-index: 13;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
  }
  .sp-grid-button a, .sp-g-button a{
    margin:0;
  }
  .sp-grid-button, .sp-g-button{
    min-width: 1rem;
  }
  .zr-tab-box {
    padding-top: 0.5rem !important;
  }
  .zr-EnterForm{
    --TabHeight:30px;
  }
  .zr-large-btn:is(.sp-btn-add, .sp-f input[type=button].sp-btn-add, .sp-f button.sp-btn-add) {
    background-size: 10px 10px;
  }
  .zr-large-btn:is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone, .sp-f button.sp-btn-stone) {
    background-size: 12px 12px;
  }
  .tlt-half .zr-totalgrid .sp-g-body{
    max-height: calc(var(--DocumentHeight) - var(--TabHeight) - 1.5rem);
  }
  .tlt-half .zr-totalgrid.zr-jewel-grid .sp-g-body {
    max-height: calc(var(--DocumentHeight) - var(--TabHeight) - 1.5rem - 2rem);
  }
  .tlt-half .zr-totalgrid .sp-g-header{
    padding: 0 0 0 0.5rem;
  }
  .zr-grid-parent.zr-totalgrid :is(.sp-g-row,.sp-g-header) .sp-g-cell{
    min-width: auto !important;
  }
  .tlt-half .sp-g-row .sp-g-cell {
    padding: 2px 0.25rem !important;
  }
  .sp-g-cell :is(input[type=text],input[type=number],textarea,select):not(.zr-Carat-text input), :is(.zr-hasfilter) :is(.sp-drop,.sp-select){
    margin: 0;
  }
  .sp-board{
    --InputPadding: 0.375rem;
  }
  .sp-board .zr-RaminParent {
    margin: 0 0 0.5rem !important;
  }
  .zr-support-parrent{
    margin: 0.75rem 0 0 !important;
  }
  .zr-note-box , .zr-parent-rate ,.sp-card .zr-RaminBox , .zr-docgridlist ,.zr-docgridlist .zr-grid-seperate :is(.sp-g , .sp-grid) , .zr-accdashboardgrid ,.sp-board .sp-tab-body{
    border-radius: 1rem !important;
  }
  .zr-tab-analys{
    width: calc(100% - 1rem);
    padding: 0 0 0.75rem !important;
  }
  .zr-analys-parent  .zr-row-details{ 
    margin-top: 0 !important;
    padding: 0.75rem 0.25rem 0.25rem !important;
  }
  .zr-analys-parent .sp-gap-3{
    gap:0.25rem;
  }
  .zr-tab-analys .zr-tab-analys-item{
    max-width: 120px;
    line-height: 30px;
  }
  .zr-box-analys{
    padding: .5rem !important;
    flex: 0 0 calc((100% / 3) - (0.5rem / 3));
    max-width: calc((100% / 3) - (0.5rem / 3));
    max-height: calc(50% - 4px);
    height: calc(50% - 4px);
  }
  .zr-box-analys .sp-mt-3{
    margin-top: .25rem !important;
  }
  .zr-Grid-check, .zr-square-mini.sp-ml-2 {
    margin-left: .25rem !important;
  }
  .zr-analysis-list{
    margin-top:0.25rem !important;  
    gap: 0.25rem;
  }
  .zr-analysis-item .sp-font-large{
    font-size: 12px !important;
  }
  .zr-rate-item{
    border-radius: 0.5rem !important;
    padding: 0.3125rem 0.75rem !important;
  }
  .zr-SalesAmount  .zr-rate-item{
    border-radius: 0.75rem !important;
  }
  .zr-docgridlist .sp-tab-header {
    --TabHeight: 28px;
  }
  .sp-icon{
    max-width: 20px !important;
    max-height: 20px;
  }
  .zr-rate-title {
    margin: 2px 0 3px;
  }
  .zn-rate-upgrad:not(.zr-btn-rate){
    margin-bottom: 0.75rem !important;
  }
  .zr-remain-list, .zr-grid-category, .zr-grid-category-body{
    gap: 0.5rem;
  }
  .zr-print-buttonrow{
    gap: 0.25rem;
  }
  .zr-remainbank-list {
    row-gap: 0.25rem;
    max-height: 118px;
    padding: 0 0;
  }
  /*.zr-grid-seperate :is(.sp-g-footer ) ,*/ .zr-balance-contant{
    margin-top: 0.5rem !important;
  }
  .zr-remainbank-item{
    min-height: 26px;
  }
  .zr-Carat-Btn ,.zr-Carat-text input {
    min-height: 18px;
  }
  .zr-carat-form {
    --InputHeight: 18px;
  }
  .sp-grid-header .sp-grid-cell a, .sp-g-header .sp-g-cell a, .sp-grid-header .sp-grid-cell, .sp-g-header .sp-g-cell, .sp-g:not(.zr-grid-globalseperate .sp-g) .sp-g-header .sp-g-cell{
    font-size: 12px !important;
  }
  .sp-g-cell:is(.sp-g-sorting,.sp-g-sorting-desc,.sp-g-sorting-asc) a::before {
    width: 14px;
    height: 14px;
    background-size: 100% 100% !important;
  }
  .sp-g-row .sp-g-cell.zr-cell-right {
    padding: 0 0.25rem 0 0;
  }
  .zr-rate-list{
    row-gap: 0.5rem;
  }
  .zr-grid-seperate.zr-hasfilter .sp-g-cell :is(input[type=text],input[type=number],textarea,select):not(.zr-Carat-text input), :is(.zr-hasfilter) :is(.sp-drop,.sp-select) {
    margin: auto;
    line-height: 22px;
    min-height: 20px;
    height: 20px;
  }
  .zr-sales-dashboard .zr-Product-Search {
    margin-left: 0.75rem;
  }
  .zr-Product-Search{
    --Pagewidthtitle: 178px !important;
    --widthtitle: 178px !important;
  }
  .zr-Producttitle.sp-font-xxxlarge ,.sp-font-exlarge {
    font-size: 18px !important;
  }
  .sp-font-xxxlarge{
    font-size: 26px !important;
  }
  .zr-chartbox-imgPrice {
    max-width: 68px;
  }
  .zr-chartbox-img {
    margin-top: -16px;
  }
  .zr-chartbox-imgSold {
    max-width: 105px;
    object-fit: cover;
    margin-top: -32px;
  }
  .zr-chartbox-imgPopular {
    max-width: 116px;
  }
  .zr-chartbox-count {
    font-size: 48px;
    line-height: 64px;
  }
  .zr-chartboxParent {
    margin: 0.75rem 1rem !important;
  }
  .zr-chartbox-Gold:nth-child(3) .zr-chartbox-img {
    max-width: 115px;
  }
  .sp-icon-large, .sp-i-large, .sp-il {
    max-width: 24px !important;
    max-height: 24px;
  }
  .zr-SalesAmount {
    border-radius: 1rem !important;
    padding: 0.75rem !important;
  }
  .zr-chartFilter{
    min-width:auto;
  }
  .zr-ChartTab{
    width: 100% !important;
    max-width: 100%;
    column-gap: 0.75rem;
  }
  .zr-Chartsales-list ,  .zr-SalesRate-list , .zr-balance-frame  , .zr-inventory-list , .zr-dashboard-cardlist {
    row-gap:0.75rem;
  }
  .zr-cash-list{
    row-gap:0.5rem;
  }
  .zr-bilandetail{
    margin-bottom:0.5rem !important;
  }
  .zr-toptitle{
    max-height: 122px; 
  }
  .zr-toptitle .sp-chart{
    height: 100%;
  }
  .zr-chartFilter .sp-lh-8{
    line-height: 1.5rem !important;
  }
  .zr-productionop-img {
    max-width: 52px;
  }
  .zr-productionop-cuimg {
    max-width: 40px;
  }
  .zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
    max-width: 80px;
  }
  .zr-prcustomer .zr-productionop-link:is(:hover, :focus)   .zr-productionop-cuimg {
    max-width: 60px !important;
  }
  .zr-productionop-link:is(:hover, :focus) .zr-productionop-hover{
    box-shadow: 0px 2px 2px rgba(21, 34, 55, 0.12);
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
  }
  .zr-productionop-item ,   .zr-productionop-link:is(:hover, :focus) .zr-productionop-hover{
    border-radius: 1rem !important;
  }
  .zr-productionop-item{
    flex: 1;
  }
  .zr-productionop-list{
    margin-left:0  !important;
    row-gap: 0.5rem;
  }
  .sp-g-cell img.zr-prstatus-check ,.sp-g-cell img.zr-drop-icon {
    width: 16px;
    height: 16px;
    max-width: 16px !important;
  }
  .zr-btn-saveprocess::before {
    width: 16px;
    height: 16px;
  }
  button.sp-menu-active::after {
    width: 4px;
  }
  button.sp-menu-active {
    max-width: 180px;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .zr-drop-item .zr-drop-link{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .zr-btn-box{
    margin-bottom: 0 !important;
    height: 20px;
  }
  .zr-btn-box {
    --HeightBtn: 20px;
  }
  .zr-btn-box button{
    border-radius:0.25rem !important;
  }
  .zr-accounting , .zr-sales{
    /*  --RemainHeight: 70px;*/
  }
  .zr-sales #divAccountSymbols{
    margin-top:0px !important;
  }
  .zr-Dociteminfo .sp-lh-8 {
    line-height: 1.75rem !important;
  }
  .sp-font-xxsmall {
    font-size: 8px;
  }
  .zr-sales .zr-docbtn-list {
    margin-top: 0.25rem !important;
  }
  .zr-progress-parent{
    margin-bottom:0.75rem;
  }
  .zr-rfid-parent {
    padding:0rem 0 0 !important;
  }
  .zr-page-title , .zr-box-innerlink , .sp-tab.sp-tab-separaterfid{
    padding:0 !important;
  }
  .zr-btn-mlarge.sp-lh-10 {
    line-height: 2rem !important;
  }
  .zr-box-innernumber.sp-lh-10 {
    line-height: 1.5rem !important;
  }

  .zr-maintitle , .zr-bilandetail , .zr-bilansum{
    font-size:16px !important;
  }
  :is(.zr-page-parent,.zr-dialog-parent).zr-report-parent .sp-d-form:not(.sp-d-form .sp-d-form) {
    padding: 1rem 0.75rem 0;
    width: calc(100% - (0.75rem) * 2);
    border-radius: 1rem;
  }
  .sp-icon-print:not(.sp-g-cell)::before {
    width: 14px;
    height: 15px;
  }
  :is(.zr-page-parent,.zr-dialog-parent).zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) {
    outline: 1rem solid var(--Mainprimary);
  }
  .zr-AddPicture{
    width: 60%;
  }
  .zr-dialog-box .zr-MainPic {
    max-width: 120px;
  }
  .zr-dialog-box .zr-btn-addPicItem{
    line-height: 2rem !important;
  }
  .zr-img-operation {
    max-width: 20px;
    max-height: 20px;
  }
  :is(.zr-dialog-box,.zr-page-box) :is(.sp-d-form:not(.sp-d-form .sp-d-form)) {
    padding: 0 1rem;
  }
  :is(.zr-page-box,.zr-dialog-box) .sp-d-image {
    --Imagewidth: 130px;
    --Imageheight: 120px;
  }
  .sp-widget{
    justify-content: center;
  }
  .zr-addcategory .zr-category-icon, .sp-f-button .zr-category-icon {
    width: 12px;
    min-height: 12px;
  }
  /*.zr-leftside.sp-main-loading:before {
  top: calc( var(--HeaderHeight) + 10px);
  left: 12px;
  height: calc(100% - var(--HeaderHeight) - 20px);
  width: calc(100% - var(--Widthrightmenu) - 24px);
}*/
  .zr-InvoiceFormBox .zr-remain-title, .zr-GridRemain .zr-RemainItem .zr-remain-title, :is(.zr-symbolparent,.zr-remainbank ,.zr-remaindoc) .zr-remain-title, .zr-remain-title{
    line-height: 1.5rem !important;
  }
  :is(.zr-page-parent,.zr-dialog-parent).zr-report-parent :is(.zr-dialog-box ,.zr-page-box) :is(.zr-report-box , .sp-p-data) {
    padding: 0.5rem !important;
  }
  .zr-remain-border {
    flex-direction: row;
    justify-content: space-around;
  }
  .zr-toggle-operation {
    min-width: 5rem;
    min-height: 50px;
    margin-left: 0.75rem;
    border-radius: 0.75rem;
  }
  .zr-toggle-ioperation {
    width: 28px;
    height: 10px;
    --Pos: -6px;
    border-radius: 1rem;
  }
  .zr-toggle-operation.zr-small-operations {
    min-height: 32px;
    min-width: 3.5rem;
  }
  .zr-remain-border>p {
    flex: 1;
    text-align: right;
    justify-content: center;
    align-items: baseline;
  }
  .zr-chartFilter, .sp-d-tab.sp-tab-simple .sp-tab-item{
    min-width: 88px;
  }
  .SalesAmountDateSelectorParent .zr-chartFilter{
    min-width: 80px;
  }
  .zr-ChartTab, .sp-d-tab.sp-tab-simple .sp-tab-header {
    --TabHeight: 24px;
  }
  .sp-rp-8 ,.zr-CurrentDocumentInfoParent ,.zr-CurrentDocument ,.zr-EnterForm , .zr-divContent{
    border-radius: 1.25rem !important;
  }
  .zr-popup-rate{
    min-width: 180px;
    min-height: 100px;
  }
  .zr-popup-rate ul {
    max-height: 200px;
    min-height: 100px;
  }
  .zr-popup-title {
    background: var(--link60);
    padding: 0.25rem 0 !important;
    margin-bottom: 0.25rem !important;
  }
  .zr-popup-row{
    min-height: 24px;
    margin: 0.25rem 0 0 !important;
    border-radius: 0.25rem !important;  
  }
  .zr-melted-item {
    padding: 0.25rem 0.5rem !important;
  }
  .zr-melted-square , .zr-remain-square{
    border-radius: 5px !important;
  }
  :is(.zr-tooltip-error,.zr-tooltip-info) .zr-popup-rate{
    min-height: 28px;
  }
  .zr-toggle-parent {
    padding: 0 0;
  }
  .zr-remaindoc {
    margin-top: 0.75rem !important;
    padding-top:0 !important;
  }
  .zr-coin-square {
    width: 14px;
    height: 14px;
    min-width: 14px;
    margin-left: 0.25rem !important;
  }
  .zr-Grid-check, .zr-square-mini {
    width: 10px;
    min-width: 10px;
    height: 10px;
  }
  .zr-coin-cell{
    padding-right: 0.5rem !important;
  }
  .zr-carat-list{
    padding: 0.25rem 0;
  }
  .zr-chart-distanse {
    padding:0px !important;
  }
  .zr-inventoryhistory-parent{
    padding:1px !important;
  }
  .zr-chart-largenopic{
    max-width:180px !important;
  }
  .zr-switch.zr-switch-mini {
    --switchwidth: 40px;
    --switchheight: 20px;
    --switchtransform: 20px;
  }
  .zr-switch.zr-switch-ultramini {
    --switchwidth: 32px;
    --switchheight: 16px;
    --switchtransform: 16px;
  }
  /*
  .zr-switch.zr-switch-mini {
  width: 42px;
  height: 26px;
}
  .zr-switch {
  width: 42px;
  height: 24px;
}
  .zr-switch-slider:before {
  height: 20px;
  width: 20px;
}
  .zr-switch-input:checked + .zr-switch-slider:before {
  transform: translateX(18px);
}*/
  .zr-tab-switch>p{
    line-height: 1.75rem !important;
  }
  .zr-tab-switch.zr-tab-selected{
    border-radius: 0.5rem !important;
  }
  .zr-tab-switch>.sp-mr-2{
    margin-right: 0.25rem !important;
  }
  .zr-remainused {
    --Gridremainwidth: 200px;
  }
  /*  .sp-dialog{
  max-height: calc(100% - 3rem + 1px);
}*/
  .zr-contact-distance {
    padding: 0.75rem 1.5rem;
    --Pagewidthtitle: 98px;
  }
  .zr-form-small{
    --Pagewidthtitle:90px;
  }
  .zr-title-box {
    min-height: 40px;
  }
  .zr-contact-form {
    width: 90%;
  }
  .zr-contact-title {
    margin-bottom: 0.75rem !important;
  }
  .zr-return-btn.sp-my-3{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .zr-parent-editdoc{
    --HeightBtn: 24px;
  }
  .zr-editdoc-btn{
    --Widthbtn: 120px;
  }
  .zr-btn-crdoc {
    margin: auto 0 28px;
  }
  .zr-tabinner-green ,.zr-tabinner-pink , .zr-tabinner-gray{
    padding: 0.75rem 1rem !important;
  }
  .zr-grid-simple .sp-g-header{
    --HeaderCellHeight: 20px;
    padding-bottom: 0.25rem;
  }
  .zr-grid-simple .sp-g-body {
    --GridCellHeight: 16px;
    line-height: 16px;
  }
  :is(.zr-grid-simple) .sp-g-row .sp-g-cell{
    margin: 0.25rem 0 !important;
  }
  .zr-tab-pinklist, .zr-tab-greenlist {
    row-gap: 0.5rem;
  }
  .zr-tabparent-greenlist ,   .zr-tabparent-pinklist{
    flex: 1 1 110px !important;
    min-height: 110px;
  }
  .zr-tabparent-gray{
    padding-right: 0.75rem !important;
  }
  .zr-balance-text{
    line-height: 1.5rem !important;
  }
  .zr-buy-progress , .zr-sale-progress{
    min-height: 8px;
    margin-top: 0.25rem !important;
  }
  .zr-balance-text .sp-font-xxlarge {
    font-size: 16px !important;
  }
  .sp-form-radio:checked:after, .sp-f-radio:checked:after {
    top: 3px;
  }
  .zr-label-title {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .zr-label-btns{
    --Widthbtn: 100px;
    --FontBtn:12px;
    --minibtnwidth: 14px;
  }
  .zr-label-productitem {
    flex: 1 0 12.33333%;
    max-width: 12.33333%;
  }
  .zr-label-form{
    --BtnMinwidth:30px;
  }
  .sp-form-check:checked:after, .sp-f-check:checked:after {
    left: 7px;
    transform: translateX(-50%) rotate(45deg) !important;
    width: 5px;
  }
  .zr-btn-unselect.sp-f-button {
    padding: 0 0rem !important;
  }
  .zr-tabparent-btn, .zr-tabparent-btnlist {
    column-gap: 1rem;
  }
  .sp-icon-small:not(.zr-itemicon), .sp-i-small, .sp-is{
    max-width: 12px !important;
    max-height: 12px;
  }
  .zr-Productsearch-btn {
    min-height: 32px !important;
  }
  .zr-errorimg {
    max-width: 350px;
  }
  .zr-permissionerrorimg {
    max-width: 450px;
  }
  .zr-sales-dashboard .zr-Product-Search {
    min-height: 36px !important;
  }
  .zr-sales-dashboard .zr-Product-Search  .sp-font-xxxlarge {
    font-size: 24px !important;
  }
  .zr-operation-item .zr-img-operation + p.sp-mr-3 {
    margin-right: 0.5rem !important;
  }
  .zr-operation-item a{
    padding:0.25rem 0.5rem !important;
  }
  .zr-operation-item{
    margin:0 0.75rem 0.75rem !important;
    border-radius: 0.5rem !important;
  }
  .zr-ramain-list:is(.zr-five-item ,.zr-four-item) .zr-RemainItem {
    max-width: calc(25% - 0.75rem);   
    --Gridremainwidth: 282px;
  }
  .zr-divStone, .zr-divCurrency, .zr-divBank, .zr-Divjewel {
    min-height: calc(100% - 42px);
  }
  .zr-processbar {
    line-height: 16px !important;
  }
  .zr-tab-rfidsection , .zr-tab-rfidinventory{
    --TabHeight: 32px;
  }
  .zr-toolbar-input{
    --inputrp:0.5rem;
  }
  .sp-toolbar-item{
    --HeightBtn: 26px;
  }
  .zr-tab-rfidsection .sp-section-body , .sp-section-body ,  .sp-g-buttons{
    gap: 0.75rem;
  }
  .sp-tab.sp-tab-separaterfid .sp-tab-item{
    line-height: 36px;
  }
  .zr-rfidinventory-tab{
    margin:0.25rem;
    border-radius: 0.5rem !important;
    padding: 0.5rem !important;
    --HeightBtn: 35px;
  }
  .zr-rfidinventory-tabparent.sp-rp-6{
    border-radius: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .sp-tab.sp-tab-separaterfid .sp-tab-body {
    padding: 1rem 0.5rem ;
  }
  .zr-inventory-box{
    padding: 0.25rem 0.5rem !important;
  }
  .zr-rfid-progress {
    min-height: 0.5rem;
    margin-bottom:0 !important;
  }
  .zr-badge-metal {
    width: 8px;
    height: 8px;
  }
  .zr-rfidinventory-title{
    padding: 0 0.25rem 0 0 !important;
  }
  .zr-rfid-progressparent{
    margin-top: 0.5rem !important;
  } 
  .sp-font-xxlarge.zr-rfidinventory-title{
    font-size: 16px !important;
    font-weight: 500;
  }
  .zr-vitrin-list , .zr-vitrin-parent{
    padding: 0 !important;
  }
  .zr-vitrin-item{
    padding: 0.5rem 0.5rem !important;
    border-radius: 0.75rem !important
  }
  .zr-vitrin-item :is(.sp-col-8, .sp-c-8) {
    flex: 0 0 67.66667%;
    max-width: 68.66667%;
  }
  .zr-tab-rfidinventory .sp-section-body {
    padding: 0.25rem 0.75rem 0.75rem;
    gap: 0.5rem;
  }
  .zr-rfid-meditem:not(.zr-rfid-meditem .zr-rfid-meditem) {
    flex: 1 1 calc(33% - 0.5rem);
    max-width: calc(33% - 0.25rem);
  }
  .zr-rfid-meditem .zr-rfidtitle-meditem{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .zr-rfid-meditem  .zr-rfidimg-meditem{
    max-width: 18px !important;
    max-height: 18px;
    border-radius: 0.25rem !important;
  }
  .sp-f-button.zr-btn-simple{
    min-width: 138px;
  }
  .zr-rfid-innerbox{
    padding: 0.25rem !important;
  }
  .zr-rfidsave-list , .zr-rfid-detail ,.zr-vitrin-list{
    row-gap: 0.5rem;
  }
  .zr-rfidsave-list {
    margin-bottom: 0.5rem !important;
  }
  .zr-rfidmain-pic  {
    margin-right: 0.5rem !important;
  }
  .sp-section-paging .sp-paging , .zr-rfidinventory-parent .zr-rfid-parent {
    padding: 0 !important;
  }
  .zr-inventoryhistory-tab{
    padding: 0.5rem 0 0 !important;
  }
  .zr-rfidinventory-parent {
    padding-right: 0.75rem !important;
  }
  .zr-rfidinventory-btnparent{
    margin-bottom: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .sp-toolbar-item :is(.zr-btn-rfidproduct , .zr-btn-rfidtest){
    --Widthbtn: 42px;
    --mediumsize: 20px;
  }
  .sp-toolbar-item :is(.zr-btn-rfidproduct , .zr-btn-rfidtest)::before{
    margin-left: 0 !important;
  }
  .zr-inventoryhistory-innertab{
    margin-bottom: 0.25rem !important;
  }
  .zr-menu-userbox .zr-menu-userdetails{
    padding:0.25rem 0;
  }
  .zr-rfid-row{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    border-radius: 0.5rem !important;
  }
  .zr-btn-formsearch.sp-mr-6 {
    margin-right: 0.75rem !important;
  }
  .zr-main-logo{
    max-width: 120px;
  }
  .zr-rightmenu{
    --xxlargeradius:0.75rem;
  }
  .zr-rightmenu.zr-small-menu .zr-main-logo{
    max-width: 34px;
  }
  .zr-production-chartlist{
    display: flex !important;
    justify-content: space-around;
    flex-direction: column;
  }
  .sp-card .zr-RaminBox{
    padding: var(--RemainPadding) !important;
  }
  .zr-global-list {
    gap: 0.5rem;
    padding: 0.25rem 0;
    margin: 0 0.25rem;
  }
  .zr-global-li {
    padding: 0.25rem 0.5rem !important;
  }
  .zr-closebtn-simple {
    max-width: 28px;
    right: -28px;
  }
  .zr-globalsearch-gif {
    max-width: 180px;
  }
  .zr-mainglobal .sp-my-9{
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
  }
  .zr-rfid-parent .sp-section-body{
    padding: 0.5rem 0.5rem !important;
  }
  .zr-tab-rfidsection.sp-d-tab:not(.sp-tab-simple) .sp-tab-body {
    padding: 0 0 0rem!important;
  }
  .zr-btn-unchecked::before , .zr-btn-checked::before , .zr-location-move::before , .zr-location-delete::before{
    width: 16px;
    height: 16px;
  }
  .zr-rfid-btnlist{
    padding-bottom: 0.75rem  !important;
  }
  .zr-rfid-parent.zr-rfid-detaillist .sp-section-body {
    padding:0 !important;
  }
  .sp-f-button:is(.zr-btn-magnification,.zr-btn-minification), .zr-btn-magnification, .zr-btn-minification{
    min-width: 50px;
    font-size: 12px;
  }
  .zr-print-rightside {
    --MarginRow: 0.5rem;
  }
  .zr-btn-printpr.sp-f-button, .zr-btn-printpr ,.sp-btn-cancel.zr-btn-printcl{
    --Widthbtn: 150px;
  }
  .sp-g-filter .sp-g-cell :is(input[type=text],input[type=number],textarea,select):not(.zr-Carat-text input), :is(.zr-hasfilter) :is(.sp-drop,.sp-select){
    min-height: 20px;
    padding: 0rem 0.5rem;
    line-height: 20px;
    width: calc(100% - 0.25rem ) !important;
  }
  :is(.zr-hasfilter) :is(.sp-drop,.sp-select){
    height: 20px;
    --InputHeight: 20px;
  }
  :is(.zr-hasfilter) :is(.sp-drop,.sp-select) ,   :is(.zr-hasfilter) :is(.sp-drop-button){
    padding: 0 2px !important;
  }
  .zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) .sp-g-cell{
    padding-top: 0.25rem;
  }
  /*.sp-drop-button:after{
  top: 0.4rem;
}*/
  .zr-input-global{
    min-height: 32px;
  }
  .zr-filter-border{
    padding: 0.25rem 0 !important;
    border-radius: 0.5rem !important;
  }
  :is(.zr-page-box , .zr-dialog-box) .zr-tr-tab .sp-tab-body {
    min-height: 140px;
  }
  .zr-hasremain-toggle .zr-ramainbox-parent:not(.zr-printbox .zr-ramainbox-parent) {
    max-height: 30vh;
  }
  .main-advance-group {
    margin-top: 0;
    padding: 0 !important;
  }
  .zr-app-rate-bar {
    padding: 0.5rem 1rem;
    margin-top: 0;
  }
  .zr-advance-body
  {
    margin: 0.25rem 0 0;
  }
  .zr-advance-btn{
    gap: 1rem;
  }
  .zr-advance-item {
    border-radius: 0.5rem;
    min-height: 32px;
  }
  .zr-webapp.sp-mt-6  , .zp-app-framesearch{
    margin-top: 0.5rem !important;
  }
  .zr-advance-bottom button {
    padding: 2px;
    border-radius: 0.5rem;
  }
  .advance-price-bar {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .advance-price {
    margin-bottom: 0.75rem;
  }
  .zr-advance-imgitem {
    gap: 0.5rem 0.75rem;
  }
  .advance-imgitem-box{
    min-height: 80px;
    flex: 1 1 calc(33% - 0.5rem);
    max-width: calc(33% - 0.5rem);
  }
  .zr-webapp .advance-imgitem-box.advance-stone-item{
    min-height: 88px;
  }
  .advance-imgitem-img img {
    max-width: 62px;
  }
  .advance-imgitem-box >div{
    padding: 0.25rem 0 0.25rem;
    border-radius: 0.75rem;
  }
  .advance-search-input input ,  .advance-exist , .advance-price-input input{
    min-height: 32px !important;
  }
  .zr-advance-item p {
    --xlargefont: 14px;
  }
  .advance-imgitem-box.advance-stone-item img {
    max-height: 50px;
    border-radius: 0.75rem;
  }
  .advance-imgitem-active:after {
    width: 16px;
    height: 16px;
    font-size: 14px;
    top: 4px;
    right: 0.5rem;
  }
  .advance-result-list{
    gap: 0.75rem;
    margin-top: 0.75rem;
  }
  .advance-result-img img{
    max-height: 106px;
  }
  .body-stone-info{
    margin: 0.25rem 0.25rem 0.25rem;
  }
  .body-cart-info .code{
    margin: 0.25rem 0;
  }
  .advance-result-footer{
    min-height: 32px;
  }
  .advance-result-item {
    --xxlargefont: 14px;
    width: calc(16.66% - 0.7rem);
  }
  .app-result-menu-item {
    padding: 4px 10px;
    border-radius: 0.5rem;
    min-width: 200px;
    min-height: 36px;
  }
  :is(.app-result-more-btn , .app-result-less-btn) {
    margin: 0;
    position: absolute;
    bottom: 1rem;
    right: 50%;
    transform: translateX(50%);
  }
  .app-result-box {
    margin-top: 0.75rem;
  }
  .app-result-image {
    margin: 0px auto 0.75rem;
  }
  .result-item-body{
    min-height: 48px;
    border-radius: 1rem;
    margin-top: 0.25rem;
  }
  .app-result-more section {
    gap: 1.75rem 1.5rem;
  }
  .app-result-value{
    min-height: 48px;
    --xxlargeradius: 0.75rem;
  }
  .app-result-value > div{
    border-radius: 1rem 1rem 1rem 0;
  }
  .app-result-value > div img {
    width: 28px;
  }
  .zr-app-result .swiper-slide{
    width: 230px;
    height: 230px;
  }
  .zr-app-result .swiper-wrapper .swiper-slide img {
    width: 230px !important;
    margin: auto;
    height: 230px !important;
    border-radius: 44px;
  }
  .zr-app-result .swiper {
    width: 700px;
  }
  .result-item-image img {
    width: 24px;
  }
  .zp-result-icon-img{
    width: 18px !important;
  }
  .zp-stone-icon img
  {
    width: 28px;
  }
  .zp-alert-red {
    width: 20px;
    top: -8px;
  }
  .advance-imgitem-active.advance-imgitem-box >div, .advance-imgitem-active.zr-advance-stone .advance-imgitem-box >div {
    border: 1px solid var(--Link70);
  }
  .product-footer-price {
    padding: 5px;
    --exlargefont: 20px;
  }
  .product-info-box{
    padding: 0rem;
  }
  .product-item-image img {
    width: 20px;
    margin-left: 0.5rem;
  }
  .info-advance-button > div{
    max-width: 250px;
  }
  .zp-dialog-wrapper {
    width: calc(100% - 2rem);
  }
  .app-terminal-parent {
    border-radius: 0.75rem !important;
    min-height: 40px;
  }
  .zp-termianl-input input {
    min-height: 40px;
    line-height: 40px !important;
    border-radius: 0.75rem 0 0.75rem 0.75rem !important;
  }
  .app-terminal-image {
    margin-bottom: 0.25rem;
  }
  .app-terminal-btn-advance {
    margin: 24px;
  }
  .app-terminal-btn button {
    --HeightBtn: 36px;
    font-size: 18px;
  }
  .zr-salesterminal {
    --terminalimagewidth: 340px;
  }
  .swiper-slide img {
    width: 200px !important;
    height: 200px !important;
    max-height: 200px;
  }
  .info-image-arrow > div {
    min-height: 40px;
    min-width: 20px;
  }
  .product-body-footer {
    display: flex;
    margin-top: 0.5rem;
  }
  .product-body-item {
    padding: 0.5rem 0.25rem ;
  }
  .product-info-close{
    width: 36px;
    height: 36px;
  }
  .zp-no-product > img {
    width: 250px;
  }
  .zp-no-product h1{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .update-auto-btn button , .update-hand-btn button{
    min-width: 240px;
    min-height: 32px;
    border-radius: 0.5rem;
  }
  .zr-update-btn {
    padding: 1.5rem 0;
    gap: 6%;
  }
  .divUpdate{
    max-height: calc(80% - 2rem);
  }
  .zr-rate-bar-box {
    border-radius: 0.5rem;
    padding: 0.25rem 1rem 0.25rem;
  }
  .zr-page-content .update-item-input input {
    min-height: 36px;
  }
  .zr-page-content .update-item-title {
    min-width: 130px;
  }
  .zr-page-content .update-item-title p {
    --xlargefont: 15px;
  }
  .zr-page-content .zp-update-packlist {
    --exlargefont: 18px;
  }
  .update-header-title p{
    --exlargefont: 20px;
  }
  .zr-inventory-documentparent{
    border-radius: 1.25rem !important;
    margin-bottom: 0.75rem !important;
  }
  .zr-inventory-document{
    margin: 0.25rem !important;
  }
  .sp-tab-separaterfid.zr-inventory-tabs .sp-tab-header {
    margin: 0rem 0 0.75rem;
  }
  .sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-body{
    padding:0.25rem 0 !important;
  }
  .zr-inventory-list {
    padding: 0.25rem 0.5rem;
  }
  .zr-inventory-list .zr-inventory-title{
    margin-bottom: 0.25rem !important;
  }
  .zr-vitrinlist-title{
    padding: 0 0.5rem  0.5rem !important;
  }
  .zr-global-specific {
    --InputHeight: 30px;
    --Pagewidthtitle: 92px;
  }
  .zr-btn-globalsearch, .sp-f-button.zr-btn-globalsearch{
    --HeightBtn: 30px;
    margin-top: 0 !important;
  }
  .zr-tab-searchparent , .zr-formrow-global{
    margin-top: 0 !important;
  }
  .zr-global-specific :is(.sp-f-title, [class*="sp-f-row"] .sp-f-title)  {
    padding: 0 1rem 0 0;
  }
  .zr-global-specific{
    --inputminrp: 0.5rem;
  }
  :is(.zr-dialog-box,.zr-page-box,.zr-maingrid,.sp-board,.zr-printbox,.zr-payroll-grid,.zr-grid-parent):is(.zr-grid-seperate-multicolor) {
    --HeaderCellHeight: 32px;
  }
  .zr-global-specific-res {
    --InputPadding: 0.75rem;
  }
  .zr-global-specific-res>.sp-d-form{
    max-width: calc(100% - 2rem);
  }
  .zr-global-specific {
    margin-top:0 !important;
  }
  .zr-global-specific-formparent form , .zr-global-specific-formparent .sp-d-form{
    overflow: auto;
    padding: 1px;
  }
  .zr-global-specific-formparent .sp-d-custom.sp-f-row:last-child, .zr-row-btn:not(.zr-row-btn .zr-row-btn){
    margin-bottom: 0;
  }
  .zr-productinfo-item{
    min-height: 40px;
  }
  .zr-tabparent-content  .sp-my-5 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .zr-productinfo-parent {
    gap: 1rem;
  }
  :is(.zr-dialog-box,.zr-page-box , .zr-maingrid , .zp-app) :is(.sp-tab-content,.zr-tabparent-content).sp-block.sp-px-7 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .zr-grid-globalseperate {
    --HeaderCellFont:var(--largefont);
    --largefont:13px;
    --pagingHeight: 32px;
  }
  .zr-global-info  .zr-btn-tab {
    min-width: 132px;
    min-height: 28px;
    max-height: 28px;
    margin-bottom: 0.75rem;
  }
  .app-result-total{
    margin-bottom: 0.75rem !important;
    margin-top: 0.75rem !important;
  }
  .product-info-mainweb .app-result-value {
    min-height: 40px;
    max-width: 400px;
  }
  .sp-pt-3.sp-pb-3.zr-global-info{
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .zr-input-global.sp-font-exlarge {
    font-size: 15px !important;
  }
  .zr-global-contact-cardparent {
    max-height: 100px;
  }
  .zr-globalremain-arrow {
    margin-right: 1rem !important;
    margin-top: 1.5rem !important;
  }
  .zr-global-contact-remainparent ,.zr-global-contact-cardparent{
    gap: 1.5rem;
  }
  .zr-global-contact-remain {
    padding: 0 0 0.5rem;
  }
  .sp-icon-print:not(.sp-g-cell)::before{
    background-size: 100% 100%;
  }
  .zr-rightmenu.zr-small-menu .zr-rightmenubox{
    max-width:unset;
    min-width: var(--HeightLargerightmenulink);
    width:100%;
  }
  .zr-rightmenu.zr-small-menu :is(.zr-rightmenu-link, .zr-programtitle-box){
    gap: 0.25rem;
  }
  .zp-rate-main{
    gap:0.75rem;
  }
  .zp-rate-item {
    width: calc(33% - 0.5rem);
  }
  .zp-rate-info-icon img{
    max-width: 60px;
    max-height: 60px;
  }
  .zp-rate-info-row li {
    margin-left: 0.75rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
  }
  .zp-rate-info-btn p{
    height:32px;
  }
  .zr-CurrentDocument {
    padding-top: 0.25rem !important;
  }
  .zr-box-totalbilan .zr-px-xs-6 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .zr-box-bilan-rial .toptitle{
    margin-bottom: 0px !important;
  }
  /*.zr-rightmenu.zr-small-menu :is(.zr-rightmenu-item):not(.zr-shortkey-menu .zr-rightmenu-item , .zr-rightmenu-dropdown .zr-rightmenu-item){
  white-space: normal;
}*/
}
@media screen and (max-width: 1280px) {
  :root{
    --Widthrightmenu: 13rem;
    --Widthdropdown: 13rem;
    --DoctabWidth: 112px;
    --Fontcodeinput:10px;
    --Gridremainwidth: 320px;
    --ProductImgparentwidth: 200px;
    --ProductImgparentheight: 180px;
    --exlarge: 150px;
    --infowidth: 16px;
    --TitleIcon: 16px;
    --DocDistance: 1.75rem;
    --DocumentHeight:310px;
    /*  --Heightrightmenulink:36px;
    --FontRightMenu:12px;*/
    --CurrentDocumentWidth: 100%;
    --docbtnMargin: 0.5rem;
    --xsmallBtnwidth:32px;
    --Widthbtn: 106px;
    --remainSymbolWidh: 20px;
    --HeightBtn: 26px;
    --icongridbtnwidth: 12px;
    --advancewidth: 142px;
    --productionopItemHeight:94px;
    --productionopItemMinHeight:94px;
    --pagingHeight:30px;
    --prstatus:16px;
    --SeparateHeaderMargin:0.25rem;
    /*  --DashboardRemainHeight: 194px;*/
    --xxlargeradius:1rem;
    --Pagewidthtitle: 96px;
    --PageTitleHeight:36px;
    --RfidMainBtnWidth:170px;
    --operationheaderHeight:70px;
    --largewidth: 150px;
    --BtnMinwidth: 40px;
    --GapCaratlist: 0.5rem;
    --productionRemain:170px;
    --DashboardRemainHeight: 178px;
  }
  .zr-rightmenu-dropdown :is(.zr-menu-userdetails , .zr-menu-userbox:hover .zr-menu-userdetails){
    min-height: 64px
  }
  .SalesAmountDateSelectorParent .zr-chartFilter {
    min-width: 70px;
  }
  .zr-rightmenu :is(.zr-rightmenubox,.zr-rightmenu-dropdown-link):hover .zr-rightmenu-dropdown {
    --boxprofile: 40px;
  }
  .zr-progress-green, .zr-progressfill-green, .zr-progress-red, .zr-progressfill-red {
    min-height: 0.25rem;
  }
  .zr-res-xs-none{
    display:none !important;
  }
  .zr-production-dashboard{
    --ProductionRemain:160px;
  }
  .sp-font-xxlarge {
    font-size: 16px !important;
  }
  .zr-RaminBox .sp-font-xxlarge{
    font-size: 14px !important;
  }
  .zr-doc-specificarion, .zr-remaintile, .sp-font-mlarge, .zr-RaminBox .sp-font-xxlarge ,   .zr-rfidinventory-title ,  .sp-font-xxlarge.zr-rfidinventory-title ,.zr-return-btn .sp-fw-500{
    font-weight: 400;
  }
  /* .sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
  font-size: 14px !important;
  font-weight: 500;
}*/
  .sp-font-xxlarge.zr-rfidinventory-title , .sp-font-mlarge {
    font-size: 14px !important;
  }
  .zr-CurrentDocument.sp-d-form  {
    padding: 0.25rem 0.5rem 0 !important;
  }
  .zr-CurrentDocumentInfoParent .zr-tab-list {
    margin-left: 1.5rem !important;
    margin-right: 0.75rem !important;
  }
  .zr-frame-plastic {
    --widthtitle: 68px;
    --FontFormTitle: 10px;
    --smallfont: 10px;
  }
  /* .zr-programtitle-box{
  --Heightrightmenulink: 40px;
  margin: 0 auto 1.25rem; 
}
  .zr-rightmenu:not(:hover) :is(.zr-program-boxlogo) {
  width: 32px;
  height: 32px;
  min-height: 32px;
}*/
  /*  .zr-divForm {
  width: 25%;
}
  .zr-divContent {
  width: 74%;
}*/
  /* .zr-program-title{
  font-size: 14px !important;
  font-weight: normal !important;
}
  .zr-logo-box {
  margin-bottom: 0.75rem;
}
  .zr-version , .zr-tab-switch .sp-font-xlarge{
  font-size: 12px !important;
  font-weight: normal !important;
}
  .zr-version ,.zr-menu-datebox{
  margin:0 !important;
}*/
  .sp-rp-6  , .sp-rp-8{
    border-radius: 1rem !important;
  }
  .zr-ProductImgParent.sp-rp-6, .sp-d-image.sp-rp-6, .zr-box-totalbilan, .zr-box-innderbilan, .zr-box-bilan, .zr-tabinner-green, .zr-tabinner-pink, .zr-rp-lg-6{
    border-radius: 0.75rem !important;
  }
  .zr-grid-tab {
    padding-right: 4.5rem;
  }
  /*  .zr-placeholder-input{
  padding: 0 1px 0px 0px !important;
}*/
  .zr-CurrentDocument #SearchDocument.zr-btn-detail:is(:hover, :focus) {
    left: auto;
    min-height: 28px !important;
    z-index: 2;
    right: calc(100% - 20px);
    top: -1px;
    text-align: center;
    background-position: calc(100% - 1rem) !important;
  }
  /*.zr-CurrentDocument #SearchDocument.zr-btn-detail*/
  .zr-CurrentDocument :is(.zr-btn-detail ,.sp-f input[type=button].zr-btn-detail) ,   .zr-CurrentDocument :is(.zr-btn-detail ,.sp-f input[type=button].zr-btn-detail):is(:hover, :focus){
    padding: 0 1.5rem 0 0!important;
    background-size: 20px 20px !important;
  }
  .zr-CurrentDocument :is(.zr-btn-detail ,.sp-f input[type=button].zr-btn-detail):is(#SearchDocument,#Search):is(:hover, :focus) {
    min-width: 110px;
  }
  .zr-CurrentDocument :is(.zr-btn-detail ,.sp-f input[type=button].zr-btn-detail):is(#SearchContact,#Search):is(:hover, :focus) {
    min-width: 120px;
    text-align: center;
  }
  .zr-CurrentDocument .zr-docbtn-list{
    --DocBtnWidth: 36px;
    --Widthbtn: 36px;
    --infowidth: 20px;
  }
  .zr-CurrentDocument {
    padding: 0 1rem;
  }

  .zr-dialog-box .zr-btn-addPicItem ,.zr-melted-item .sp-lh-8 {
    line-height: 1rem !important;
  }
  .zr-dialog-box .zr-MainPic {
    max-width: 100px;
  }
  .zr-Dociteminfo {
    padding: 0 !important;
  }
  .zr-date-box .sp-d-datepicker {
    --widthtitle: 80px;
  }
  .zr-date-box  .sp-f-title{
    font-size: 11px;
  } 
  .zr-divContent {
    width: 74%;
  }
  .zr-SubmitDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button) {
    min-height: 28px;
  }
  .zr-CurrentDocumentInfoParent .sp-font-large {
    font-size: 12px !important;
  }
  .zr-FormContent {
    padding: 0 1rem 0 0.5rem;
  }
  .zr-cell-mix {
    margin-left: 0.25rem !important;
    flex: 1;
  }
  .sp-icon-large, .sp-i-large, .sp-il {
    max-width: 20px !important;
    max-height: 20px;
  }
  .zr-tab-item-col.zr-selected::after, .zr-tab-item-col.zr-selected::before{
    height: 0.5rem;
  }
  .sp-btn-add, .sp-f input[type=button].sp-btn-add, .sp-f button.sp-btn-add, .sp-btn-currencyjew, .sp-f input[type=button].sp-btn-currencyjew, .sp-f button.sp-btn-currencyjew{
    left: calc(100% + 0.25rem);
  }
  .sp-f-title.sp-font-small{
    font-size: 9px !important;
  }
  .zr-responsive-tab.zr-tabparent-btn{
    width: 124px;
  }
  .zr-sales {
    --DocumentHeight: 312px;
  }
  /*  .zr-rightmenu-userbox{
  margin-bottom: 0.5rem !important;
}
  .zr-main-logo {
  min-height: 28px;
  max-width: 90px;
}
  .zr-main-logosmall{
  max-width: 28px;
}
  .zr-rightmenu:not(:hover) .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-logo::before{
  max-width: 28px;
}
  .zr-rightmenu:not(:hover) .zr-rightmenubox.sp-menu-active .zr-rightmenu-boximg{
  margin: 0.25rem 0;
}
  .zr-rightmenu-ar {
  width: 20px;
  height: 20px;
  font-size: 8px !important;
}
  .zr-rightmenu-arbox {
  width: 24px;
  height: 24px;
}
  li.zr-shortmenu-box {
  margin-bottom: 1.25rem;
}
  .zr-mainbox-logo.sp-platform .zr-main-logo{
  max-width:100%;
}*/
  .zr-btn-docdescription, .zr-frame-plastic {
    --Widthbtn: 72px;
  }
  .sp-btn-savedate::before , .sp-btn-canceldate::before{
    content: "";
    background-repeat: no-repeat;
    background-position: center;
  }
  .sp-btn-savedate::before {
    width: 20px;
    height: 20px;
  }
  .sp-btn-canceldate::before{
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
  }
  .zr-dashboard-guid{
    padding:0 !important;
  }
  .zr-remainbank-list .zr-label-rial{
    margin-left:0.25rem !important;
  }
  .zr-rate-item .sp-mr-2{
    margin-right:0.25rem !important;
  }
  .sp-g-cell:is(.sp-g-sorting,.sp-g-sorting-desc,.sp-g-sorting-asc) a::before {
    width: 10px;
    height: 14px;
    margin-left: 2px;
  }
  .zr-sales-dashboard .zr-Product-Search ,.zr-img-symbol  ,.zr-toggle-operation{
    margin-left: 0.5rem  !important;
  }
  .zr-sales-dashboard .zr-Productsearch-btn{
    font-size: 14px !important;
  }
  .zr-SalesTitle{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0.5rem !important;
  }
  .zr-SalesRate-list , .zr-productionop-list , .zr-inventory-list , .zr-carat-list{
    row-gap:0.5rem !important;
  }
  .zr-saleschart-title{
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
  }
  .zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
    max-width: 80px;
  }
  .zr-prcustomer .zr-productionop-link:is(:hover, :focus) .zr-productionop-cuimg {
    max-width: 60px !important;
  }
  .zr-productionop-cuimg {
    max-width: 40px;
  }
  .sp-paging-item , .sp-paging-item div{
    font-weight: 300;
  }
  .sp-dialog-main>.zr-closebtn-simple {
    top: -16px;
  }
  .zr-production-chartlist .sp-font-bold {
    font-weight: 500;
  }
  .zr-production-gridbox{
    justify-content:center;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .zr-grid-titlebox{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sp-menu-body, .sp-menu-items{
    padding: 0.25rem;
  }
  .zr-drop-link{
    padding-right: 0.25rem !important;
    border-radius: 0.5rem !important;
  }
  :is(.zr-dialog-box,.zr-page-box,.zr-maingrid,.sp-board,.zr-printbox) .sp-g-row .sp-g-cell   .zr-drop-link p{
    font-size: 12px !important;
    margin-right: 0.25rem !important;
  }
  .zr-grid-seperate :is(.sp-grid-row, .sp-g-row){
    margin-bottom: 0.25rem;
  }
  .zr-btn-saveprocess{
    padding: 2px 0.5rem !important;
    border-radius: 0.25rem !important;
  }
  .zr-tab-item, .sp-tab-item {
    font-size: 14px;
    font-weight: 400;
  }
  .sp-icon {
    max-width: 16px !important;
    max-height: 16px;
  }
  .sp-icon.sp-rp-2 , .zr-copy-box.sp-rp-2{
    border-radius: 0.25rem !important;
  }
  .zr-rfid-innertitle{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .zr-save-rfid .zr-rfid-img {
    max-height: 124px;
    max-width: 124px;
  }
  .sp-tab.sp-tab-separaterfid .sp-tab-item {
    line-height: 32px;
    border-radius: 0.5rem;
  }
  .sp-tab.sp-tab-separaterfid{
    --TabItemMargin: 0.75rem 0.75rem 0;
  }
  .sp-tab.sp-tab-separaterfid .sp-tab-body {
    padding: 0.75rem 0.5rem;
  }
  .zr-rfidinventory-tab{
    --HeightBtn: 31px;
  }
  .zr-input-rfidrow{
    --inputrp: 0.5rem;
  }
  .zr-rfidinventory-parent , .zr-Title-Box.sp-pr-6{
    padding-right: 0.5rem !important;
  }
  .zr-rfidinventory-tabparent.sp-rp-6 {
    margin-bottom: 0.5rem !important;
  }
  .zr-inventory-total {
    line-height: 1.25rem !important;
  }
  .sp-toolbar-item.zr-toolbar-inputparent {
    min-width: 220px;
  }
  .zr-rfid-meditem:not(.zr-rfid-meditem .zr-rfid-meditem) {
    flex: 1 1 calc(33% - 0.5rem);
    max-width: calc(33% - 0rem);
  }
  .zr-rfidmain-pic {
    margin-right: 0.25rem !important;
  }
  .zr-inventory-box{
    --normalradius: 0.25rem;
  }
  .zr-vitrin-item .sp-font-large , .zr-inventoryhistory-innertab .zr-inventory-box .sp-font-large ,.zr-melted-item .sp-font-xlarge , .zr-carat-table  .sp-font-large , .zr-RemainItem .sp-font-large{
    font-size: 13px !important;
  }
  .zr-vitrin-item  .zr-vitrin-progressbox , .zr-m-switch {
    margin-top: 0.5rem !important;
  }
  .zr-rfid-innerbox .sp-w-8 {
    width: 58.66667% !important;
  }
  .zr-rfidsave-list , .zr-bank-item:not(.sp-mb-0) , .zr-account-item{
    margin-bottom: 0.25rem !important;
  }
  .zr-return-btn.sp-my-3 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  :is(.zr-page-parent,.zr-dialog-parent).zr-report-parent :is(.zr-dialog-box ,.zr-page-box) :is(.zr-report-box , .sp-p-data) , .zr-bilan-framechart{
    margin-top: 0.25rem !important;
  }
  .zr-formrow-global{
    margin-top: 0 !important;
  }
  .sp-col-4 , .sp-c-4 {
    flex: 0 0 33.33333% !important;
    max-width: 33.33333% !important;
  }
  .zr-Carat-Btn, .zr-Carat-text input {
    min-height: 16px;
  }
  .sp-f .sp-f-button.zr-btn-sample, .sp-f-button.zr-btn-sample {
    min-height: 20px;
    height: 20px;
    min-width: 40px;
    border-radius: 5px !important;
  }
  .zr-switch {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  /* .zr-switch {
  width: 32px;
  height: 20px;
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
  .zr-switch-slider:before {
  height: 16px;
  width: 16px;
}
  .zr-switch-input:checked + .zr-switch-slider:before {
  transform: translateX(12px);
}*/
  .zr-tab-switch>p{
    line-height: 1.5rem !important;
  }
  .sp-d-chart.sp-my-3 {  
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .zr-melted-square, .zr-remain-square {
    border-radius: 3px !important;
  }
  .zr-melted-item , .zr-melted-list {
    --minibtnwidth:12px;
  }
  .zr-bank-item ,   .zr-melted-item , .zr-coin-item , .zr-carat-tableheader.sp-rp-3{
    border-radius: 0.5rem !important;
  }
  .zr-remainmin{
    --Gridremainwidth: 270px;
  }
  .sp-mb-6.sp-d-chart{
    margin-bottom: 0.75rem !important;
  }
  .zr-ChartTab.sp-mb-3 {
    margin-bottom: 0.15rem !important;
  }
  .zr-box-used , .zr-px-xs-6{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .zr-box-gray.sp-py-6 , .zr-box-used , .zr-box-gray.sp-py-4{
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .zr-bank-item.sp-px-5{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .zr-chart-largenopic{
    max-width:150px !important;
  }
  .zr-tabinner-green, .zr-tabinner-pink {
    padding: 0.25rem 0.75rem !important;
  }
  .zr-InvoiceFormBox .zr-remain-title, .zr-GridRemain .zr-RemainItem .zr-remain-title, :is(.zr-symbolparent,.zr-remainbank ,.zr-remaindoc) .zr-remain-title, .zr-remain-title{
    padding: 0 0.25rem;
  }
  .zr-ChartTab, .sp-d-tab.sp-tab-simple .sp-tab-header{
    column-gap: 0.75rem;
  }
  .zr-box-bilan  .zr-cash-list{
    row-gap: 0rem;
  }
  .zr-box-bilan {
    padding: 0.5rem 0.75rem !important;
  }
  .zr-boxtitle-totalbilan{
    font-weight: normal;
  }
  .zr-bilan-ratebox{
    margin-left: 0.25rem !important;
  }
  .zr-salesterminal {
    --terminalimagewidth: 300px;
  }
  .zp-termianl-input input {
    min-height: 36px;
    line-height: 36px !important;
  }
  .app-terminal-parent {
    min-height: 36px;
  }
  .advance-result-list {
    margin-top: 0.5rem;
  }

  .advance-filter-body li {
    padding: 2px 12px;
    --largefont: 13px;
  }
  .advance-result-footer .message {
    font-size: 13px;
    font-weight: 500;
  }
  .body-cart-info .code {
    margin: 2px 0;
  }
  .advance-result-head{
    padding: 0.5rem 0.5rem 0rem;
  }
  .info-image-arrow > div {
    border-radius: 8px;
    min-height: 34px;
    min-width: 18px;
    font-size: 14px;
  }
  .zr-webapp.sp-mt-6, .zp-app-framesearch {
    margin-top: 0.25rem !important;
  }
  .zr-advance-item {
    border-radius: 0.5rem;
    min-height: 28px;
  }
  .advance-price {
    margin-bottom: 0.25rem;
  }
  .advance-imgitem-img img {
    max-width: 75px;
  }
  .zp-no-product-btn{
    margin-top: 1.5rem;
  }
  .zr-rfid-progressparent {
    margin-top: 0.25rem !important;
  }
  .zr-inventory-list {
    padding: 0rem 0.25rem;
  }
  .zr-globalsearch-gif {
    max-width: 160px;
  }
  .zr-global-specific {
    --InputHeight: 28px;
    --Pagewidthtitle: 90px;
  }
  .zr-tab-searchparent.sp-mb-4 {
    margin-bottom: 0.5rem !important;
  }
  .zr-global-specific-res>.sp-d-form {
    max-width: 100%;
  }
  .zr-btn-globalsearch, .sp-f-button.zr-btn-globalsearch {
    --HeightBtn: 28px;
  }
  .app-result-value > div {
    border-radius: 0.75rem 0.75rem 0.75rem 0;
  }
  .product-body-item {
    padding: 0.25rem 0.25rem;
  }
  .product-body-item{
    --xlargefont: 15px;
  }
  .zr-global-productinfo.sp-mr-2 {
    margin-right: 0.25rem !important;
  }
  .zr-productinfo-parent {
    gap: 0.7rem;
  }
  .zr-productinfo-item.sp-px-3{
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .zr-tabparent-btn:not(.zr-responsive-tab) .zr-btn-tabitem, .zr-btn-tab{
    padding: 0 !important;
  }
  :is(.zr-page-parent,.zr-dialog-parent).zr-report-parent :is(.zr-dialog-box ,.zr-page-box) .zr-analys-parent :is(.zr-report-box , .sp-p-data){
    padding: 0.75rem 0.25rem 0.25rem !important;
  }
}

/* 
body{
zoom:71%;
}*/ 
@media screen and (max-width: 1280px) {
  :root{
    --mlarge:calc(50% - 0.75rem);
  }
  .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;
  }
    .sp-dialog{
    width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1200px) {
  .sp-dialog{
    width: 100% !important;
    height: 100% !important;
  }
}