/* 2023/01/31*/
/*#####Variables#####*/
:root {
  /*Size Root*/
  --exxxlargefont: 36px;
  --exxlargefont: 32px;
  --exlargefont: 24px;
  --xxlargefont: 20px;
  --xlargefont: 18px;
  --largefont: 16px;
  --normalfont: 14px;
  --smallfont: 12px;
  --xsmallfont: 10px;
  --xxsmallfont: 8px;

  --xsmallradius: 0.25rem;
  --smallradius: 0.5rem;
  --normalradius: 0.75rem;
  --largeradius: 1rem;
  --xlargeradius: 1.25rem;
  --xxlargeradius: 1.5rem;
  --exlargeradius: 1.75rem;
  --exxlargeradius: 2rem;

  --inputxminrp: 0.25rem;
  --inputminrp: 0.5rem;
  --inputrp: 0.75rem;

  --InputFontWeight: 500;
  --xlargeBtnheight:48px;
  --BtnMinwidth: 50px;
  --xsmallBtnwidth: 60px;
  --smallBtnwidth: 130px;
  --normallwidth: 168px;
  --xnormalwidth: 158px;
  --largewidth: 192px;
  --DocBtnWidth: 56px;
  --xlargeBtnwidth: 206px;
  --exlargeBtnwidth: 240px;
  --exlarge: 245px;
  --mlarge: 300px;
  --ultralarge: 320px;


  --TitleIcon: 18px;
  --ImageMsg: 130px;
  --checkboxheight: 18px;
  --marginboxheight: 0.75rem;
  --DocumentHeight:440px;
  /*  --DocumentHeight: 420px;*/
  --menuicon: 24px;
  --smallWidthrightmenu: 5.75rem;
  --Widthrightmenu: 16.25rem;
  --Widthdropdown:16.25rem;
  --InputPadding: 1.125rem;
  --LineheightCode: 1.5rem;
  --MarginHeader: 3rem;
  --MargindivContent: 0.75rem;
  --widthtitle: 96px;
  --InputHeight: 30px;
  --MarginRow: 0.75rem;
  --WidthSrchbtn: 10px;
  --Widthbtn: 138px;
  --HeightBtn: 32px;
  --HeightSelectedBtn: 30px;
  --FontBtn: var(--largefont);
  --FontBtnCancel: var(--largefont);
  --FontFormTitle: var(--normalfont);
  --FontInput: var(--smallfont);
  --FontInputColor: var(--gray95);
  --FontRightMenu: 14px;
  --FontSmallRightMenu: 12px;
  --FontWeightRightMenu: 400;
  --Documentwidthtitle: 96px;
  --HeaderHeight: 0px;
  --FooterHeight:40px;
  --TabHeight: 40px;
  --Fontcodeinput: 13px;
  --Fontrightmenulogo: 64px;
  --Heightrightmenulink: 48px;
  --HeightLargerightmenulink: 72px;
  --Marginrightmenulink: 0;
  /*1.25rem 0.5rem 1.25rem 0;   --Heightrightmenulink:48px;*/
  --borderradiusrightmenulink: var(--normalradius);
  --borderradiusrightmenutitle: var(--normalradius);
  --Pagewidthtitle: 112px;
  --Imagewidth: 200px;
  --Imageheight: 192px;
  --MarginRightMenuItem: 0.5rem;
  --font-primary: Vazir;
  --ImgDistance: 0.75rem;
  --rameinwidth: 110px;
  --boxprofile: 40px;
  --MainDistance: 0.75rem;
  --rightmenugap: 0.75rem;
  --CurrentDocumentWidth: clamp(50%, 85%, 100%);
  --DoctabWidth: 152px;
  --paddingMaintabparent: 2.25rem;
  --WidthCode: 100px;
  --TabItemMargin: 0.25rem 0.5rem 0;
  --EnterFormPadding: 0.75rem 0.5rem 0.75rem 0.75rem;
  --FormContentBorder: 2px;
  --MarginTabright: 30px;
  --DocDistance: 2.5rem;
  --middlewidth: 80%;
  --midwidth:65%;
  --smallwidth: 55%;
  --GridDistance: 1rem;
  --RemainHeight: 122px;
  --RemainMinHeight: 122px;
  /*172px;*/
  --RemainBoxGap: 1rem;
  --docbtnMargin: 1rem;
  --minibtnwidth: 20px;
  --minibtnleft: 0.5rem;
  --MainPicWidth: 124px;
  --HeaderCellHeight: 44px;
  --HeaderCellFont: var(--largefont);
  --HeaderCellFontWeight: 500;
  --GridCellHeight: 32px;
  --GridCellFont: var(--normalfont);
  --GridCellFontWeight: 500;
  --SeparateHeaderHeight: 48px;
  --SeparateGridCellHeight: 42px;
  --Gridremainwidth: 340px;
  --TextPadding: 0.75rem;
  --SellWidth: 24px;
  --icongridwidth: 22px;
  --icongridbtnwidth: 16px;
  --btnmarginleft: 1.5rem;
  --btnadddistance: 0.25rem;
  --infowidth: 24px;
  --normalbtnwidth: 24px;
  --DocItemWidth: 16px;
  --LastRowMargin: 1rem;
  --RemainPadding: 1.25rem 1rem;
  --DashboardRemainHeight: 236px;/*242px;*/
  --remainSymbolWidh: 32px;
  /*  --noteboxpadding: 1.5rem 1.25rem 0.75rem;*/
  --noteboxpadding: 0.5rem 0.25rem 0rem;
  --mediumsize: 20px;
  --tablineheight: 2.25rem;
  --docgridlistpadding: 0.25rem 1px 1px;
  --chartbanksize: 130px;
  --advancewidth: 230px;
  --chartbarwidth: 950px;
  --chartbarheight: 380px;
  --rateitemheight: 62px;
  --progressparentdistance: 2rem;
  --rfidwidth: calc(25% - 1.25rem);
  --ProductImgparentwidth: 308px;
  --ProductImgparentheight: 296px;
  --multigridbtnHeight: 24px;
  --ReportRemainheight: 70px;
  --trremaingap: 1rem;
  --bankremainHeight: 42px;
  --ReportRemainRowGap: 1.5rem;
  --ReportRemainColumnGap: 2.5rem;
  --tablineheight: 1.75rem;
  --paddingreport: 1.5rem;
  --GapCaratlist: 1.5rem;
  --bilanfont: 40px;
  --Margineditspecification: 1rem;
  --bilanpadding: 0.75rem;
  --bilanheight: 154px;
  --bilanboxpadding: 1.5rem;
  --midWidthbtn: 180px;
  --productionRemain: 220px;
  --productionopItemWidth: clamp(150px, 210px, 100%);
  --productionopItemHeight: clamp(100px, 180px, 300px);
  --productionopItemMinHeight: 150px;
  --pagingHeight: 40px;
  --prstatus: 28px;
  --SeparateHeaderMargin: 0.75rem;
  --PageTitleHeight: 40px;
  --operationheaderHeight: 120px;
  --rfidMainBtnWidth: 328px;
  --ChartNoPicWidth: 180px;
  --FontBtnradius: var(--smallradius);
  --ValidationWidth: 24px;
  --ValidationHeight: 24px;
  --ValidationTop: 3px;
  --ValidationRight: calc(100% + 4px);
  --tabsearchGap: 1.5rem;
  --tabsearchWidth: 198px;
  --tabsearchHeight: 36px;
  --animationslider: 1200ms;
  --boardrateitem: 8;
  --boardrateitemWidth: 100%;
  --ToggleWidth: 2.625rem;
  --ToggleHeight: 2rem;
  --switchwidth:56px;
  --switchheight:32px;
  --switchtransform:24px;
  --Gridpadding:0 0 0 calc(0.5rem + 3px);
  --distancerightmenu: calc(var(--smallWidthrightmenu) + 0.75rem);

  --bgDoccolor:var(--primary10);
  --TempbgDoccolor:var(--primary10);
}

:root {
  --accounting5: #E6ECF0;
  --accounting10: #CCD9E2;
  --accounting15: #B3C6D3;
  --accounting20: #99B3C4;
  --accounting30: #668EA7;
  --accounting40: #336889;
  --accounting50: #00426C;
  --accounting60: #003556;
  --accounting70: #002841;
  --accounting80: #001A2B;
  --accounting85: #001420;
  --accounting90: #000D16;
  --accounting95: #00070B;
  --accounting70light: #0028416b;
  --accountinggradiant: #00426C00;
  --accountingLight: #00426Cb8; 
  --accounting10Light:#ccd9e236;
  --accountingPreLoading: #00426C7a;


  --secondary5: #F8F6ED;
  --secondary10: #F2EDDB;
  --secondary15: #EBE4CA;
  --secondary20: #E4DBB8;
  --secondary30: #D7CA94;
  --secondary40: #C9B871;
  --secondary50: #BCA64D;
  --secondary60: #96853E;
  --secondary70: #71642E;
  --secondary80: #4B421F;
  --secondary85: #383217;
  --secondary90: #26210F;
  --secondary95: #131108;

  --sales5:#EDF1F1;
  --sales10: #DBE2E2;
  --sales15: #C9D4D4;
  --sales20: #B7C6C5;
  --sales30:#94A9A8;
  --sales40: #708D8B;
  --sales50:#4C706E;
  --sales60:#3D5A58;
  --sales70:#2E4342;
  --sales80:#1E2D2C;
  --sales85:#172221;
  --sales90:#0F1616;
  --sales95:#080B0B;
  --sales70light: #2E43426b;
  --salesgradiant: #4C706E00;
  --salesLight: #4C706Eb8; 
  --salesPreLoading: #4C706E7a;

  --rfid5: #EFEDF1;
  --rfid10: #E0DBE4;
  --rfid15: #D0C8D6;
  --rfid20: #C0B6C8;
  --rfid30: #A192AD;
  --rfid40: #816D91;
  --rfid50: #624976;
  --rfid60: #4E3A5E;
  --rfid70: #3B2C47;
  --rfid80: #271D2F;
  --rfid85: #1D1623;
  --rfid90: #140F18;
  --rfid95: #0A070C;
  --rfid70light: #3B2C476b;
  --rfidgradiant: #62497600;
  --rfidLight: #624976b8; 
  --rfidPreLoading: #6249767a;



  --production5: #E7EDF4;
  --production10: #CFDCE9;
  --production15: #B8CADE;
  --production20: #A0B8D3;
  --production30: #7095BD;
  --production40: #4171A7;
  --production50: #114E91;
  --production60: #0E3E74;
  --production70: #0A2F57;
  --production80: #071F3A;
  --production85: #05172C;
  --production90: #03101D;
  --production95: #02080F;
  --production70light: #0A2F576b;
  --productiongradiant: #114E9100;
  --productionLight: #114E91b8; 
  --productionPreLoading: #114E917a;

  --payroll5: #F2F0EE;
  --payroll10: #E4E1DD;
  --payroll15: #D7D2CC;
  --payroll20: #C9C3BB;
  --payroll30: #AEA69A;
  --payroll40: #938878;
  --payroll50:#786A56;
  --payroll60: #605545;
  --payroll70: #484034;
  --payroll80:#302A22;
  --payroll85: #24201A;
  --payroll90: #181511;
  --payroll95: #0C0B09;
  --payroll70light: #4840346b;
  --payrollgradiant: #786A5600;
  --payrollLight: #786A56b8; 
  --payrollPreLoading: #786A567a;

  --branch5:#F3EEEE;
  --branch10:#E6DCDE;
  --branch15: #DACBCD;
  --branch20: #CDB9BD;
  --branch30: #B4979B;
  --branch40:#9B747A ;
  --branch50:#825159 ;
  --branch60:#684147 ;
  --branch70: #4E3135;
  --branch80:#342024 ;
  --branch85:#27181B ;
  --branch90: #1A1012;
  --branch95: #0D0809;
  --branch70light: #4E31356b;
  --branchgradiant: #82515900;
  --branchLight: #825159b8; 
  --branchPreLoading: #8251597a;

  --tax5:#EEF0ED;
  --tax10:#DEE1DA;
  --tax15: #CDD2C8;
  --tax20:#BCC3B6;
  --tax30:#9BA491;
  --tax40:#79866D;
  --tax50:#586848;
  --tax60:#46533A;
  --tax70:#353E2B;
  --tax80:#232A1D;
  --tax85:#1A1F16;
  --tax90:#12150E;
  --tax95:#090A07;
  --tax70light: #353E2B6b;
  --taxgradiant:#58684800;
  --taxLight: #586848b8; 
  --taxPreLoading: #5868487a;

  --message5:#F5EFED;
  --message10:#EADEDB;
  --message15: #E0CEC9;
  --message20:#D6BDB7;
  --message30:#C19D93;
  --message40:#AD7C6F;
  --message50:#985B4B;
  --message60:#7A493C;
  --message70:#5B372D;
  --message80:#3D241E;
  --message85:#2E1B17;
  --message90:#1E120F;
  --message95:#0F0908;
  --message70light: #5B372D6b;
  --messagegradiant:#985B4B00;
  --messageLight: #985B4Bb8; 
  --messagePreLoading: #985B4B7a;


  --Shopping5:#EAEFF0;
  --Shopping10:#D5DFE0;
  --Shopping15: #C0D0D1;
  --Shopping20:#ABC0C1;
  --Shopping30:#82A0A2;
  --Shopping40:#588183;
  --Shopping50:#2E6164;
  --Shopping60:#254E50;
  --Shopping70:#1C3A3C;
  --Shopping80:#122728;
  --Shopping85:#091314;
  --Shopping90:#101E1C;
  --Shopping95:#050A0A;
  --Shopping70light: #1C3A3C6b;
  --Shoppinggradiant:#2E616400;
  --ShoppingLight: #2E6164b8; 
  --ShoppingPreLoading: #2E61647a;


  --WebApi5: #F2EBEF;
  --WebApi10: #E5D7DF;
  --WebApi15: #D8C3CF;
  --WebApi20: #CBAFBF;
  --WebApi30: #B1869F;
  --WebApi40: #975E7F;
  --WebApi50:#7D365F;
  --WebApi60:#642B4C;
  --WebApi70:#4B2039;
  --WebApi80:#321626;
  --WebApi85:#26101D;
  --WebApi90: #190B13;
  --WebApi95: #0D050A;
  --WebApi70light: #4B20396b;
  --WebApigradiant: #7D365F00;
  --WebApiLight: #7D365Fb8; 
  --WebApiPreLoading: #7D365F7a;


  --quaternary5: #E8EDED;
  --quaternary10: #D1DBDB;
  --quaternary15: #BBCACA;
  --quaternary20: #A4B8B8;
  --quaternary30: #769494;
  --quaternary40: #497171;
  --quaternary50: #1B4D4D;
  --quaternary60: #163E3E;
  --quaternary70: #102E2E;
  --quaternary80: #0B1F1F;
  --quaternary85: #081717;
  --quaternary90: #050F0F;
  --quaternary95: #030808;

  --tertiary5: #F3ECED;
  --tertiary10: #E8D9DC;
  --tertiary15: #DCC6CA;
  --tertiary20: #D0B3B8;
  --tertiary30: #B98E95;
  --tertiary40: #A16871;
  --tertiary50: #8A424E;
  --tertiary60: #6E353E;
  --tertiary70: #53282F;
  --tertiary80: #371A1F;
  --tertiary85: #291417;
  --tertiary90: #1C0D10;
  --tertiary95: #0E0708;


  --link5: #E6F2FF;
  --link10: #CCE4FF;
  --link15: #B3D7FF;
  --link20: #99CAFF;
  --link30: #66AFFF;
  --link40: #3395FF;
  --link50: #007AFF;
  --link60: #0062CC;
  --link70: #004999;
  --link80: #003166;
  --link85: #00254D;
  --link90: #001833;
  --link95: #000C1A;

  --approved5: #EBF9EE;
  --approved10: #D6F4DE;
  --approved15: #C2EECD;
  --approved20: #AEE9BD;
  --approved30: #85DD9B;
  --approved40: #5DD27A;
  --approved50: #34C759;
  --approved60: #2A9F47;
  --approved70: #1F7735;
  --approved80: #155024;
  --approved85: #103C1B;
  --approved90: #0A2812;
  --approved95: #051409;


  --warning5: #FFF4E6;
  --warning10: #FFEACC;
  --warning15: #FFDFB3;
  --warning20: #FFD599;
  --warning30: #FFBF66;
  --warning40: #FFAA33;
  --warning50: #FF9500;
  --warning60: #CC7700;
  --warning70: #995900;
  --warning80: #663C00;
  --warning85: #4D2D00;
  --warning90: #331E00;
  --warning95: #1A0F00;

  --error5: #FFEBEA;
  --error10: #FFD8D6;
  --error15: #FFC4C1;
  --error20: #FFB1AC;
  --error30: #FF8983;
  --error40: #FF6259;
  --error50: #FF3B30;
  --error60: #CC2F26;
  --error70: #99231D;
  --error80: #661813;
  --error85: #4D120E;
  --error90: #330C0A;
  --error95: #1A0605;

  --gray5: #F9F9F9;
  --gray10: #F3F3F3;
  --gray15: #EEEEEE;
  --gray20: #E8E8E8;
  --gray30: #DCDCDC;
  --gray40: #D1D1D1;
  --gray50: #C5C5C5;
  --gray60: #9E9E9E;
  --gray70: #767676;
  --gray80: #4F4F4F;
  --gray85: #3B3B3B;
  --gray90: #272727;
  --gray95: #141414;

}




/*Main Root*/
:root {
  --Mainsecondary: var(--secondary40);
  --Maintertiary: var(--tertiary50);
  --MainTertiary: var(--tertiary50);
  --Mainquaternary: var(--quaternary50);
  --MainWhite: #FFFFFF;
  --MainBlack: #000000;

  --Mainprimary: var(--accounting50);
  --primary5: var(--accounting5);
  --primary10: var(--accounting10);
  --primary15: var(--accounting15);
  --primary20: var(--accounting20);
  --primary30: var(--accounting30);
  --primary40: var(--accounting40);
  --primary50: var(--accounting50);
  --primary60: var(--accounting60);
  --primary70: var(--accounting70);
  --primary80: var(--accounting80);
  --primary85: var(--accounting85);
  --primary90: var(--accounting90);
  --primary95: var(--accounting95);
  --Tempprimary70: var(--accounting70);
  --primary70light: var(--accounting70light);
  --secondgradiant: var(--accountinggradiant);
  --BlueShadow: var(--accountingLight); 
  --LightFirstcolor: var(--accountingLight); 
  --PreLoading: var(--accountingPreLoading);

  --MainThemeColor: var(--Mainprimary);
  --bgcolor:var(--MainWhite) !important;
  /* --primary70LIGHT: #2D4774;*/
  --primary10Light:var(--accounting10Light);
  --primary10Temp: var(--primary10);

  --white: var(--MainWhite);
  --whiteColor: var(--MainWhite);

  --link: var(--link60);

  --bluenight:var(--accounting60);

  --bluemain: var(--accounting70);
  --greenmain: var(--sales70);
  --purplemain:var(--rfid50);

  --bluesecond: var(--accounting60);
  --greensecond:var(--sales60);
  --redsecond: var(--tertiary60);

  --grayColor: var(--accounting5);
  --grayWhite: var(--white);

  --InputTextColor: var(--gray95);

  /*--tertiary5light: #9c878d;*/


  --selectedmenu: var(--grayWhite);


  --secondbgColor: var(--Mainsecondary);
  --ProStar: #C4AC5F;
  --Lightsecondcolor: #DDBF5Eb8;
  --Lightgreen: #D5EBE8;
  --Lightred: #F6E1E1;
  --Lightwhite: #ffffff66;

  --symbolparentborder: #90BAE9;
  --symbolparentbg: #90BAE9;



  --gray: var(--gray20);


  --ActiveMenu:transparent;


  --lightbluegrey: #D5DBE3;

  --red: #DC0000;
  --FirstbgColor: var(--MainThemeColor);
  --darkborder: var(--MainThemeColor);
  --Dark:var(--gray95);
  --dark: var(--Dark);
  --honeycolor: var(--secondary20);
  --primary: #B6C1CF;

  --Approved70:var(--approved70);
  --Error70:var(--error70);

  --bgtitle: var(--MainThemeColor);
  --ShadowColor: #0000003b;
  --hovercolor: #0000003b;
  /* --Ultradarkblue:#002359;*/


  --DarkGreen: var(--Mainquaternary);
  --DarkRed: var(--Maintertiary);
  --midnightbtn: #160A5B;

  --violet: #6d222e;
  --RedWhite: #FFEFEF;
  --YellowWhite: #FFFDF5;
  --GreenWhite: #F0FFFB;

  --bodybgcolor: var(--MainWhite);
  --OperationShadow: #00000026;
  /*--FirstDashboardColor: #35558aba;*/
  --rightmenucolor: var(--MainWhite);
  --blackblue: #00286E;
  --LightBlue: #EFF4FE;
  --bgDoccolor: var(--primary10);
  --TempbgDoccolor: var(--primary10);
  --borderDoccolor: var(--primary30);
  --label: var(--gray95);
  --TitleColor: var(--gray95);
  --InputColor: var(--gray5);
  --DocShadow: #5d77a126;
  --bgForm: var(--primary5);
  --table-border: var(--primary15);
  --table-header-border: var(--primary15);
  --Trbg: var(--gray15);
  --redDialog: #99231dcc;
  --yellowDialog: #705103c7;
  --GreenDialog: #4D847Ec7;
  --RedDelete: var(--error70);
  --CancelColor: var(--gray95);
  --secondary: var(--MainThemeColor);
  --Purewhite:var(--white);
  --DialogBlur: #d7dde833;
  --Dialogbg: var(--Mainprimary);
  --warning: var(--warning70);
  --BlueBox: var(--primary5);
  --line: var(--gray40);
  --primary: var(--gray70);
  --DialogShadow: #101a2980;
  --PlaceholderColor: var(--gray40);


  --primaryGauge:var(--gray20);
  --fillGauge:var(--approved15);
  --bluedashboardgradiant:linear-gradient(90deg, #E8F0F8 0%, #EBEFFA 50%, #F2F4FA 100%);
  --warningdashboardgradiant:linear-gradient(90deg, #EBE4CA 0%, #F2EDDB 50%, #F8F6ED 100%);
  --errordashboardgradiant: linear-gradient(90deg, #FFD8D6 0%, #FFEBEA 50%, #FFEBEA 100%);
  --gaugeStroke:20px;
  --dashboardbg:var(--bluedashboardgradian);

  /*  --grayblue: #F2F6F8;*/

  --loading: url(/themes/manager/images/zargar-logosmall.gif);
  --sending: url(/themes/manager/images/zargar-logosmall.gif);
  --bgDocImg: url(/themes/manager/images/createdocument/bg-Bluedoc.svg);
  --Accountingcolor: var(--accounting50);
  --salescolor:var(--sales50);
  --productioncolor: var(--production50);
  --secondmain: var(--secondary40);
  --themelistheight:40px;



}


/*#####Reset Styles#####*/

body,ul,li,a,p,span,h1,h2,h3,h4,h5,h6,input,button,dialog,pre {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-family: Vazir;
  font-weight: normal;
  line-height: 1.5;
  scrollbar-color: var(--Mainprimary) var(--white);
  scrollbar-width: thin;
  color: var(--Fontcolor);
}
body * {
  font-family: 'Vazir';
}

body {
  background: var(--bodybgcolor);
  min-height: 100vh;
  min-width: 100vw;
  background-attachment: fixed;
  background-size: cover;
  overflow-x: hidden;
}
/*body{
background:red;
}*/
html {
  scroll-behavior: smooth;
}

img {
  width: 100%
}

a,
button,
select,
input[type=button] {
  cursor: pointer;
}

input[type=button][disabled],
button[disabled],
.sp-disabled {
  cursor: not-allowed !important;
  filter: grayscale(1);
  /*  mix-blend-mode: luminosity;*/
}

.sp-disabled:is(.sp-grid-button a, .sp-g-button a, .sp-g-body button) {
  opacity: 0.5;
}

input,
select,
textarea,
button {
  border: 0;
  outline: 0;
}

::placeholder {
  font-size: var(--smallfont);
  font-weight: normal;
  color: var(--PlaceholderColor);
}

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

textarea {
  resize: none !important;
  min-height: 5.375rem !important;
  width: 100% !important;
}

.sp-d-textarea .sp-f-title {
  flex-direction: column;
  justify-content: flex-start;
}

select {
  height: var(--InputHeight) !important;
  background-color: var(--white) !important;
}

/* Firefox */

input[type=number] {
  -moz-appearance: textfield;
}

/* Scrollbar */

body * {
  scrollbar-color: var(--primary30) #E6ECF000;
  scrollbar-width: thin;
}

body ::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: calc(0.5rem + 3px);
}

body ::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #E6ECF000;
}

body ::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: var(--primary30);
  border-radius: var(--largeradius);
  border: 1px solid var(--primary5);
  width: 4px;
  margin: auto;
}

body ::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: var(--MainThemeColor);
}

body ::-webkit-scrollbar-track:hover,
body::-webkit-scrollbar-track:hover {
  background: var(--white);
}

body ::-webkit-.zr-Notification .zr-DropDownList ulbar-thumb:hover {
  background: var(--MainThemeColor);
}

abbr[title] {
  text-decoration: none;
}

/*Custom Styles*/
/*.zr-rfid-parent{
gap: 0.75rem;
padding-right: 0.75rem;
}
*/
.sp-whitespace {
  white-space: nowrap;
}

.zr-theme-sales {
  --primary5: var(--sales5);
  --primary15: var(--sales15);
  --primary20: var(--sales20);
  --primary30: var(--sales30);
  --primary40: var(--sales40);
  --primary60: var(--sales60);
  --primary70: var(--sales70);
}

.zr-rfid-gray {
  --primary10: var(--gray20);
}

.zr-rfid-item:not(.zr-rfid-item .zr-rfid-item) {
  flex: 1 1 var(--rfidwidth);
  max-width: var(--rfidwidth);
  background: var(--primary10);
}

.zr-rfid-inneritem {
  border-color: var(--primary10);
  background-color: var(--primary10);
}

.zr-remain-used {
  --ReportRemainColumnGap: 0.5rem;
}

.zr-remain-used .zr-RemainItem {
  flex: 1 1 calc(33% - 1rem);
  max-width: calc(33% - 1rem);
  min-width: auto !important;
}

.zr-rfid-meditem:not(.zr-rfid-meditem .zr-rfid-meditem) {
  flex: 1 1 calc(33% - 1rem);
  max-width: calc(33% - 1rem);
}

.zr-rfid-miditem:not(.zr-rfid-miditem .zr-rfid-miditem) {
  flex: 1 1 calc(33% - 0.75rem);
  max-width: calc(34% - 0.75rem);
}

.zr-rfid-selected,
.zr-row-selected .sp-f-check {
  --primary10: var(--link20);
  --approved5: var(--link5);
  --approved70: var(--link70);
}

:is(.zr-rfid-selected, .zr-row-selected).sp-g-row {
  background: var(--link5) !important;
}

:is(.zr-rfid-success, .zr-row-success).sp-g-row:not(.sp-bg-darklink,.sp-bg-litelink) {
  background: var(--approved5)  !important;
}

.zr-rfid-innerbox,
.zr-rfid-img {
  border-color: var(--primary10);
}

.zr-save-rfid .zr-rfid-img {
  max-height: 138px;
  max-width: 138px;
  margin-right: auto;
}

.zr-rfid-img {
  max-height: 104px;
  max-width: 104px;
  margin-right: auto;
}

.zr-rfid-detailimg {
  object-fit: contain;
}

.zr-rfid-item .zr-rfid-item {
  flex: 1;
}

.sp-d-paging {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sp-paging {
  width: 100%;
  max-height: var(--pagingHeight);
  margin: auto;
  border: 0;
  /*  margin: auto auto 0;
  margin-left: 0.75rem;
  */
}

.sp-section-paging .sp-paging {
  border-radius: 0 0 var(--normalradius) var(--normalradius);
  border: 0px;
  background: var(--primary10);
  padding: 0.25rem 0;
  max-height: 48px;
}

.zr-flex-unset {
  flex: unset !important;
}

.sp-b-transparent {
  border-color: transparent !important;
}

.sp-font-mlarge {
  font-size: 22px;
}

.zr-dashboard-text,
.sp-font-exxxlarge {
  font-size: var(--exxlargefont);
}

.sp-font-ultralarge {
  font-size: var(--exxxlargefont);
}

:is(.CustomTree, .CustomMultiTree).sp-b.sp-absolute.sp-bg-white.sp-select-items {
  position: absolute;
}

:is(.sp-select-disable, .sp-drop-disable),
:is(.sp-select-disable, .sp-drop-disable) label,
option[disabled] {
  cursor: not-allowed !important;
  color: var(--gray60) !important;
}

.sp-section-body {
  display: flex;
  overflow: auto;
  flex-flow: wrap;
  /*  margin-bottom: 0.5rem;
  row-gap: 0.75rem;*/
  gap: 1.5rem;
  /*  justify-content: space-between;*/
}

.zr-link {
  text-decoration: underline;
  color: var(--link50);
}

.sp-ultra-waiting {
  z-index: 23;
}



.sp-help {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  min-height: 540px;
}

.sp-f-group :is(.sp-f :is(input[type="text"].sp-f-date), .sp-f-editor > .sp-f-label),
.sp-f-date {
  border-radius: var(--inputminrp) var(--inputminrp) var(--inputrp) var(--inputminrp);
}

.sp-f-group .sp-f-append,
.sp-f-group .sp-f-prepend {
  /* background-color: var(--InputColor);*/
  background-color: transparent;
  border-radius: var(--inputminrp) 0rem var(--inputrp) var(--inputminrp);
}

.sp-f-drop[disabled="true"] {
  border-radius: var(--inputrp) 0 0 var(--inputrp);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-readonly :is(.sp-widget, .sp-select .sp-select-input, .sp-drop .sp-drop-button, .sp-drop, .sp-f-date, .sp-d-datepicker .sp-f-group):is([disabled="true"], [readonly=readonly]) {
  border-radius: var(--inputminrp) var(--inputminrp) var(--inputrp) var(--inputminrp) !important;
}

.sp-d-datepicker .sp-f-append .sp-ultra-active:not(.zp-btn-document) {
  justify-content: center;
  display: flex;
  flex-direction: column-reverse;
}

:is(.zr-dialog-box, .zr-page-box) :is([readonly=readonly], [readonly=readonly] ~ * *, [disabled="true"], [disabled="true"] ~ * *, [readonly^], [readonly*], [readonly], [disabled^], [disabled*], [disabled], [disabled="true"] ~ .sp-f-append, [readonly=readonly] ~ .sp-f-append, .sp-f-readonly *),
.sp-f .sp-select .sp-select-input[readonly=readonly],
.sp-form .sp-select .sp-select-input[readonly=readonly],
.sp-f .sp-select[disabled="true"] .sp-select-input {
  color: var(--gray80);
}
.sp-drop-button.sp-f-disabled:not(.sp-f-row.sp-f-readonly .sp-drop-button.sp-f-disabled), :is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop-button.sp-f-disabled):not(.sp-f-row.sp-f-readonly .sp-drop-button.sp-f-disabled) {
  background-color: var(--bgDoccolor) !important;
  outline: 0.5px solid var(--borderDoccolor);
}

.zr-icon-return {
  width: var(--normalbtnwidth);
}

.zr-return-btn,
.zr-btn-printdl {
  padding: 0.25rem 1.25rem;
  color: var(--white);
  min-height: var(--HeightBtn);
  height: auto;
  margin: auto 0;
}

.zr-btn-installment.sp-f-button{
  color: var(--link70);
  outline: 1px solid var(--link70);
  background: transparent !important;
  min-height: 26px;
}

.zr-edited-form .zr-return-btn {
  color: var(--primary60);
  --white: var(--primary60);
}

.zr-return-btn:is(:hover, :focus),
.zr-btn-printdl:is(:hover, :focus) {
  outline: 1px solid var(--white);
}

.zr-edited-form .zr-title-box {
  display: block;
}

/*Messaes*/
.zr-msg-img {
  max-width: var(--ImageMsg);
}

.sp-dialog:has(.zr-message-box) {
  background: var(--white);
  border: 4px solid var(--error60);
  box-shadow: 0px 10px 30px var(--DialogShadow);
  border-radius: var(--largeradius);
}

.sp-dialog:has(.zr-msg-correct) {
  border: 4px solid var(--approved60);
}

.zr-delete-title {
  color: var(--error70);
}

.zr-warning-title {
  color: var(--warning60);
}

.zr-correct-title {
  color: var(--approved70);
}

.zr-info-title {
  color: var(--link70);
}

.sp-dialog:has(.zr-message-box.zr-msg-warning) {
  border-color: var(--warning50);
}

.sp-dialog:has(.zr-message-box.zr-msg-info) {
  border-color: var(--link70);
}

.sp-f-button.zr-confrimdelete {
  background-color: var(--error60);
}

.zr-cancel-delete,
.zr-confrimdelete,
.zr-btn-large {
  width: var(--Widthbtn) !important;
  /* --Widthbtn:172px;*/
  --Widthbtn: var(--midWidthbtn) !important;
}

.zr-btn-normal {
  width: var(--xlargeBtnwidth);
  --Widthbtn: var(--xlargeBtnwidth);
}

.zr-btn-xlarge {
  width: var(--exlargeBtnwidth);
  --Widthbtn: var(--exlargeBtnwidth);
  --BtnMinwidth: var(--exlargeBtnwidth);
}

.zr-btn-xlargeheight {
  min-height: var(--xlargeBtnheight);
  --HeightBtn: var(--xlargeBtnheight);
}

.zr-btn-ultralarge {
  width: var(--ultralarge);
  --Widthbtn: var(--ultralarge);
}

.zr-btn-mlarge {
  width: var(--mlarge);
  --Widthbtn: var(--mlarge);
  min-width: var(--Widthbtn);
}

.zr-error-box {
  background: var(--error5);
  border: 1px solid var(--error60);
}

.zr-deveice-imgparent {
  width: 42px;
  height: 42px;
}

.sp-f-readonly.sp-f-row,
.sp-form-row.sp-f-readonly:last-child,
.sp-f-row.sp-f-readonly:last-child {
  /*--bgDoccolor: var(--gray60);
  --TempbgDoccolor:var(--gray60);
  --borderDoccolor:var(--gray60);
  --InputColor: var(--gray30);
  --TitleColor: var(--gray95) !important;
  ;*/
  --borderDoccolor: var(--primary60);
  --InputColor: var(--bgDoccolor)
}

.zr-btn-box {
  height: 24px;
}

:is(.sp-f-readonly.sp-f-row, .sp-form-row.sp-f-readonly:last-child, .sp-f-row.sp-f-readonly:last-child).sp-row-sum {
  --bgDoccolor: var(--primary70);
  --TempbgDoccolor: var(--primary70);
  --borderDoccolor: var(--primary70);
  --InputColor: var(--bgForm);
  --TitleColor: var(--white) !important;
  --gray95: var(--primary70);
  --widthtitle: 52px;
}

:is(.sp-f-readonly.sp-f-row, .sp-form-row.sp-f-readonly:last-child, .sp-f-row.sp-f-readonly:last-child) .sp-input-sum {
  font-size: var(--xlargefont);
}

.zr-edited-form .sp-f-group:not(.sp-f-readonly .sp-f-group, .sp-invalidated .sp-f-group),
.zr-edited-form .sp-f-row:not(.sp-d-checkbox, .sp-d-division, .sp-d-button, .sp-invalidated, .sp-f-readonly, .sp-validated),
:is(.zr-dialog-box, .zr-page-box) .zr-edited-form .sp-f-row.sp-validated:not(.sp-d-checkbox, .sp-d-division, .sp-d-button, .sp-invalidated, .sp-f-readonly, .sp-d-custom, .sp-validated),
.zr-edited-row {
  --borderDoccolor: var(--secondary60);
  --bgDoccolor: var(--secondary40);
  --TempbgDoccolor: var(--secondary40);
  --InputColor: var(--secondary5);
}

:is(.sp-f-readonly.sp-f-row, .sp-form-row.sp-f-readonly:last-child, .sp-f-row.sp-f-readonly:last-child).zr-edited-row:not(.sp-row-sum) {
  --borderDoccolor: var(--gray80);
  --bgDoccolor: var(--gray30);
  --TempbgDoccolor: var(--gray30);
  --InputColor: var(--gray30);
}

.sp-invalidated,
.sp-validated {
  position: relative;
}

.sp-f-row:not(.sp-d-checkbox, .zr-role-section .sp-d-checkbox, .sp-d-section, .sp-f-readonly):hover *,
.sp-f-row:not(.zr-role-section .sp-d-section, .sp-f-readonly):hover,
.sp-f-row:not(.zr-role-section .sp-d-section, .sp-f-readonly):focus,
.sp-f-row:focus-within,
.zr-cheque-remainder .sp-f-append .sp-f-group:focus-within,
.sp-f-row:not(.sp-f-readonly):focus-within,
.sp-f-row:not(.sp-f-readonly):focus-within,
.zr-edited-form .sp-f-row:not(.sp-f-readonly):focus-within,
:is(.sp-validated, .sp-invalidated, .zr-edited-row).sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-readonly):hover,
:is(.sp-validated, .sp-invalidated, .zr-edited-row).sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-readonly):focus-within,
.zr-edited-form .sp-f-row:not(.sp-d-checkbox, .sp-d-division, .sp-d-button, .sp-invalidated, .sp-f-readonly):hover,
.zr-CurrentDocument .sp-f-row:focus-within,
.zr-CurrentDocument :is([class*="sp-f-row"]:focus-within .sp-f-title) {
  --bgDoccolor: var(--link5);
  --TempbgDoccolor: var(--link5);
  --borderDoccolor: var(--link50);
  --TitleColor: var(--link50) !important;
  --InputColor: var(--gray5);
  --gray95: var(--InputTextColor);
}

.zr-btn-crdoc {
  margin: auto 0 36px;
}

.zr-editdoc-btn {
  --Widthbtn: 158px;
}

.zr-parent-editdoc:hover+li {
  visibility: hidden;
}

.zr-CurrentDocument .zr-btn-item {
  --Widthbtn: var(--DocBtnWidth);
}

:is(.zr-CurrentDocument, .zp-factor-div, .zp-factor-finish-div) .zr-btn-print::before {
  --minibtnwidth: var(--infowidth);
  margin-left: 0rem;
}

.zr-editspecification {
  --MarginRow: var(--Margineditspecification);
}

.sp-f-append:has([readonly], [disabled]) {
  /*  --InputColor: var(--gray30);*/
  border-radius: var(--inputminrp) 0rem 0rem var(--inputminrp);
}

.sp-f-readonly :is(.sp-f-append :is(.sp-f-drop, .sp-f-select)):not(:has([disabled], [readonly])) {
  --InputColor: var(--gray5);
}

.sp-d-checkbox label {
  display: flex;
  flex: 1;
  font-size: var(--FontFormTitle);
  font-weight: 400;
  color: var(--TitleColor);
  line-height: var(--InputHeight);
}

.sp-d-checkbox.sp-checkbox-large,
.sp-d-checkbox.sp-checkbox-bold {
  --checkboxheight: 24px;
}

.sp-d-checkbox.sp-checkbox-large label {
  font-size: var(--largefont);
}

.sp-d-checkbox.sp-checkbox-bold label {
  font-weight: 500;
}

:is(.sp-checkbox-bold, .sp-checkbox-large) .sp-f-check:before {
  margin: -5px !important;
}

:is(.sp-checkbox-bold, .sp-checkbox-large) .sp-f-check:checked:after {
  left: 4px;
  top: -2px;
  height: calc(var(--checkboxheight) - 8px);
}

.zr-role-section .sp-f-row.sp-d-checkbox:not(:focus-within, :hover) span {
  color: var(--gray95);
}

.zr-role-section .sp-r {
  justify-content: unset;
}

@keyframes ValidBackground {
  0% {
    background: var(--bgDoccolor);
  }

  100% {
    background: var(--approved5);
    --bgDoccolor: var(--approved5);
  }
}

.sp-validated.sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-readonly) {
  --borderDoccolor: var(--approved60);
  --bgDoccolor: var(--approved5);
  --TitleColor: var(--gray95);
  --InputColor: var(--gray5);
}

.sp-g-row .sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-result, .zr-carat-form .sp-f-row) {
  background: var(--InputColor);
  --MarginRow: 0;
  --inputminrp: 0.25rem;
  outline: 1px solid var(--primary10);
  width: calc(100% - 24px);
}

.sp-g-row .sp-g-cell .sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-result) :is(input[type=text], input[type=password], input[type=number], textarea, select):not(.zr-Carat-text input),
:is(.zr-hasfilter) :is(.sp-drop) {
  margin: 0 auto;
  line-height: 20px;
  outline: 0;
}

:is(.zr-dialog-box, .zr-page-box) .zr-result-m :is(.sp-d-form, form) .sp-f-result {
  margin-bottom: 0;
}

@keyframes FirstBackground {
  0% {
    --borderDoccolor: var(--approved60);
    --bgDoccolor: var(--approved5);
    --TitleColor: var(--gray95);
    --InputColor: var(--gray5);
  }

  50% {
    --borderDoccolor: var(--approved60);
    --bgDoccolor: var(--approved5);
    --TitleColor: var(--gray95);
    --InputColor: var(--gray5);
  }

  75% {
    --borderDoccolor: var(--secondary60);
    --bgDoccolor: var(--secondary40);
    --TempbgDoccolor: var(--secondary40);
    --InputColor: var(--secondary5);
  }

  100% {
    --borderDoccolor: var(--secondary60);
    --bgDoccolor: var(--secondary40);
    --TempbgDoccolor: var(--secondary40);
    --InputColor: var(--secondary5);
  }
}

.sp-f-row:not(.sp-g-cell .sp-f-row).sp-validated:not(.sp-d-checkbox, .sp-f-readonly, .zr-has-noicon)::after {
  position: absolute;
  content: '';
  display: block;
  background: url(/themes/manager/images/inputimg/Correct.svg);
  width: var(--ValidationWidth);
  height: var(--ValidationHeight);
  right: var(--ValidationRight);
  background-size: 100% 100%;
  margin: auto;
  top: var(--ValidationTop);
  animation: hiddenAnimation 0s 2s forwards;
}

@keyframes InvalidBackground {
  0% {
    background: var(--bgDoccolor);
    --bgDoccolor: var(--bgDoccolor);
  }

  100% {
    background: var(--error20);
    --bgDoccolor: var(--error20);
  }
}

.sp-f-row:not(.sp-g-cell .sp-f-row).sp-invalidated:not(.sp-d-checkbox, .zr-has-noicon)::after {/*, .sp-f-readonly*/
  position: absolute;
  content: '';
  display: block;
  background: url(/themes/manager/images/inputimg/Incorrect.svg);
  width: var(--ValidationWidth);
  height: var(--ValidationHeight);
  right: var(--ValidationRight);
  background-size: 100% 100%;
  margin: auto;
  top: var(--ValidationTop);
}

.sp-invalidated.sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-readonly) {
  --borderDoccolor: var(--error30);
  --bgDoccolor: var(--error20);
  --gray95: var(--primary95);
  --InputColor: var(--error5);
  --TitleColor: var(--primary95);
}

.sp-form .sp-form-important,
.sp-f .sp-f-important,
.sp-form .sp-important,
.sp-f .sp-important {
  position: relative;
  color: var(--error60);
  padding: 0 0 0 0.75rem;
  width: 0.4rem;
  font-size: var(--largefont);
  text-align: center;
}

/*OverLoad Platform*/
.sp-preview {
  max-width: 80%;
  max-height: 80%;
  width: 80%;
  height: 80%;
  margin: calc((100% - 90%)/2) auto;
}

.sp-preview-button img {
  cursor: pointer;
}

.sp-form-check,
.sp-f-check,
.sp-form-radio,
.sp-f-radio {
  margin: auto 0 auto var(--marginboxheight) !important;
  max-width: var(--checkboxheight);
  max-height: var(--checkboxheight);
}

.sp-radio-large{
  --checkboxheight:24px;
}
.sp-radio-large .sp-f-radio:checked:after {
  left: 1px;
  top: 1px;
  height: calc(var(--checkboxheight) - 4px);
  width: calc(var(--checkboxheight) - 4px);
}
.sp-radio-parent{
  border-bottom: 2px solid transparent;

}
.sp-radio-parent.sp-radio-active{
  border-bottom: 2px solid var(--primary60);
}

.sp-loading img {
  max-width: 250px !important;

}

.sp-main-loading:after {
  border-radius: var(--xxlargeradius);
  background-size: clamp(100px, 200px, 50%) clamp(100px, 200px, 50%);
  z-index: 32;
}

.zr-leftside.sp-main-loading:after {
  border-radius: var(--xxlargeradius);
  background-size: 150px;
  z-index: 32;
  top: calc(var(--HeaderHeight) + 22px);
  left: 24px;
  height: calc(100% - var(--HeaderHeight) - 50px);
  width: calc(100% - var(--Widthrightmenu) - 52px);
}

.sp-main-loading:before {
  border-radius: var(--xxlargeradius);
  background: var(--secondgradiant);
  backdrop-filter: blur(3px) brightness(1) saturate(1);
  -moz-backdrop-filter: blur(3px) brightness(1) saturate(1);
  z-index: 30;
}
.sp-main-loading.sp-change-loading{
  --loading: url(/themes/mobile/images/Tabletloading.gif);
  --sending: url(/themes/mobile/images/Tabletloading.gif);
}
.sp-main-loading.sp-change-loading:after{
  background-size: clamp(100px, 120px, 50%) clamp(100px, 120px, 50%);
}
.zr-leftside.sp-main-loading:before {
  top: 0;
  left: 0;
  height: calc(100% - var(--FooterHeight) - 0px);
  width: 100%;
  bottom: calc(var(--FooterHeight) + 0rem);
}

.zr-version {
  color: var(--Lightwhite);
}

.sp-TextIndent-10 {
  text-indent: 10px;
}

.sp-f-row:has(.sp-f-append input, button) .sp-f-title.sp-justify-right {
  justify-content: right !important;
}

.sp-column-reverse {
  flex-direction: column-reverse;
}

.sp-outline-0 {
  outline: 0 !important;
}

.sp-color-bluenight {
  color: var(--bluenight);
}

.sp-color-bluemain {
  color: var(--bluemain);
}

.sp-color-greenmain {
  color: var(--greenmain);
}

.sp-color-redmain {
  color: var(--tertiary50) !important;
}

.sp-color-productionmain {
  color: var(--production50) !important;
}
.sp-color-bluesecond {
  color: var(--bluesecond);
}

.sp-color-greensecond {
  color: var(--greensecond);
}

.sp-color-redsecond {
  color: var(--redsecond) !important;
}

.sp-color-purplemain {
  color: var(--purplemain) !important;
}

.sp-color-BlackBlue {
  color: var(--primary70) !important;
}

.sp-color-success {
  color: var(--approved70) !important;
}

.sp-color-error {
  color: var(--error70) !important;
}

.sp-color-darkbranch {
  color: var(--branch70) !important;
}
.sp-color-blue,
.sp-blue {
  color: var(--link50) !important;
}

.sp-color-ultraDarkRed {
  color: var(--tertiary70);
}

.sp-color-ultraDarkGreen {
  color: var(--quaternary70);
}

.sp-color-brown {
  color: var(--secondary80);
}
.zr-btn-warning{
  background: transparent !important;
  outline: 1px solid var(--warning70);
  color: var(--warning70) !important;
}
.sp-bg-Lightgreen:not(.sp-g-row, .sp-grid-row) {
  background-color: var(--Lightgreen) !important;
}

.sp-bg-Lightred:not(.sp-g-row, .sp-grid-row) {
  background-color: var(--Lightred) !important;
}

.sp-bg-violet {
  background-color: var(--violet) !important;
}

.sp-color-Darkgreen {
  color: var(--DarkGreen) !important;
}

.sp-bg-Darkgreen {
  background-color: var(--DarkGreen) !important;
}

.sp-bg-DarkRed {
  background-color: var(--DarkRed) !important;
}

.sp-bg-grey {
  background: var(--gray5) !important;
}

.sp-color-DarkRed {
  color: var(--DarkRed);
}

.sp-b-gray {
  border-color: var(--gray);
}

.zr-role-section .sp-c-2,
.zr-role-section .sp-c-2:nth-last-child(1) {
  padding-right: 0;
}

.sp-Max-height,
.sp-max-height {
  max-height: calc(100% - 0px) !important;
}

.sp-col,.sp-col-1,.sp-col-2,.sp-col-3,.sp-col-4,.sp-col-5,.sp-col-6,.sp-col-7,.sp-col-8,.sp-col-9,.sp-col-10,.sp-col-11,.sp-col-12,.sp-c,.sp-c-1,.sp-c-2,.sp-c-3,.sp-c-4,.sp-c-5,.sp-c-6,.sp-c-7,.sp-c-8,.sp-c-9,.sp-c-10,.sp-c-11,.sp-c-12 {
  padding-right: var(--InputPadding);
  padding-left: var(--InputPadding);
}

:nth-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9,
.sp-c-10, .sp-c-11, .sp-c-12, .sp-ct, .sp-ct-1, .sp-ct-2, .sp-ct-3, .sp-ct-4, .sp-ct-5, .sp-ct-6, .sp-ct-7, .sp-ct-8, .sp-ct-9, .sp-ct-10) {
  padding-left: var(--InputPadding);
  padding-right: 0px;
}

:nth-last-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9,
.sp-c-10, .sp-c-11, .sp-c-12, .sp-ct, .sp-ct-1, .sp-ct-2, .sp-ct-3, .sp-ct-4, .sp-ct-5, .sp-ct-6, .sp-ct-7, .sp-ct-8, .sp-ct-9, .sp-ct-10) {
  padding-left: 0rem;
  padding-right: var(--InputPadding);
}

:nth-last-child(1):is(.sp-c-12) {
  padding-left: 0rem;
  padding-right: 0;
}

:is(.zr-divContent, .zr-dialog-box, .zr-pwa-dialog) :nth-last-child(1):is(.sp-c-12) {
  margin-top: auto;
}


:nth-child(1):nth-last-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9,
.sp-c-10, .sp-c-11) {
  padding-left: var(--InputPadding);
  padding-right: 0px;
}

.sp-d-frame :is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9,
.sp-c-10, .sp-c-11, .sp-c-12) {
  padding-left: var(--InputPadding);
  padding-right: var(--InputPadding);
}

.sp-d-frame :nth-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9,
.sp-c-10, .sp-c-11, .sp-c-12) {
  padding-right: 0rem;
}

.sp-d-frame.Pictureframe :nth-last-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9, .sp-c-10, .sp-c-11, .sp-c-12) {
  padding-left: var(--InputPadding) !important;
  padding-right: var(--InputPadding);
}

.sp-d-frame :nth-last-child(1):is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col-6, .sp-col-7, .sp-col-8, .sp-col-9, .sp-col-10, .sp-col-11, .sp-col-12, .sp-c, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .sp-c-6, .sp-c-7, .sp-c-8, .sp-c-9, .sp-c-10, .sp-c-11, .sp-c-12) {
  padding-left: 0 !important;
  padding-right: var(--InputPadding);
}

.sp-d-frame :nth-last-child(1):is(.sp-c-12) {
  padding-left: 0 !important;
  padding-right: 0rem !important;
}

/*: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,
.CardForm,
.CurrencyForm,
.RawGold,
.zr-CurrentDocument {
  --widthtitle: 112px;
}

.zr-production .zr-CurrentDocument {
  --widthtitle: 122px;
  --RemainHeight: 96px;
}

.zr-production {
  --DocumentHeight: 422px;
}

.sp-ct,
.sp-ct-1,
.sp-ct-2,
.sp-ct-3,
.sp-ct-4,
.sp-ct-5,
.sp-ct-6,
.sp-ct-7,
.sp-ct-8,
.sp-ct-9,
.sp-ct-10 {
  padding-right: var(--InputPadding);
  padding-left: var(--InputPadding);
}

.Pictureframe {
  margin-left: calc(-1 * var(--InputPadding));
  margin-top: var(--MarginRow);
}

.zr-goldproduct-tab .Pictureframe,
.zr-goldproduct-tab .Pictureframe .sp-row:first-of-type .sp-f-row,
.zr-stoneproduct-tab .sp-row:first-of-type .sp-f-row {
  margin-top: 0 !important;
}

.zr-InfoJewel {
  position: absolute;
  bottom: 100%;
  right: 0;
}

.TrustFrame {
  margin-top: var(--MarginRow);
}

.sp-form,
.sp-f {
  padding: 0;
  background: transparent;
  margin: 0;
}

.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 {
  position: absolute;
  top: calc(100% + 0.25rem);
  font-size: var(--xsmallfont);
  font-weight: 500;
  right: 0.75rem;
  z-index: 5;
  margin-left: 0 !important;
  color: var(--primary70);
  text-align: right;
  white-space: nowrap;
}

.sp-validated .sp-f-note a.sp-red,
.sp-validated .sp-f-note a.sp-red * {
  color: var(--red) !important;
}

.sp-f-note a,
.sp-f-note a *,
.sp-f-note p,
.sp-f-note p * {
  font-size: var(--xsmallfont);
  font-weight: 500;
}

.sp-f-note a,
.sp-f-note a * {
  color: var(--link50) !important;
  cursor: pointer;
}

.sp-f-row:not(.sp-f-result) {
  direction: rtl;
  border-radius: var(--inputminrp);
  margin-bottom: var(--MarginRow);
  margin-top: var(--MarginRow);
  width: auto;
  position: relative;
}

.sp-f-row.sp-f-result {
  border: 0px;
}

.sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-result, .sp-d-label) {
  background: var(--bgDoccolor);
  outline: 1px solid var(--borderDoccolor);
  border: 0;
}

.sp-form input[type=text],
.sp-form input[type=password],
.sp-form input[type=number],
.sp-form textarea,
.sp-f input[type=text],
.sp-f input[type=password],
.sp-f input[type=number],
.sp-f textarea {
  min-height: var(--InputHeight);
  font-size: var(--FontInput);
}

.sp-form .sp-f-button,
.sp-f .sp-f-button,
.sp-form .sp-f-button,
.sp-f input[type=button],
.sp-f-button {
  min-width: var(--BtnMinwidth);
  white-space: nowrap;
  display: flex;
  justify-content: center;
  direction: rtl;
  align-items: center;
  height: auto;
  margin: 0;
  transition: 0s !important;
  min-height: var(--HeightBtn);
  padding: 0 1rem;
  border: 0;
  font-weight: 500;
  border-radius: var(--normalradius);
  background-color: var(--Mainsecondary);
  color: var(--primary70);
}

:is(.sp-form .sp-f-button, .sp-f .sp-f-button, .sp-form .sp-f-button, .sp-f input[type=button], .sp-f-button, .zr-btn-saveFilter, .zr-btn-cancelFilter):hover {
  color: var(--white);
  background-color: var(--primary70);
}

.sp-f-button.zr-btn-process {
  background-color: var(--primary60);
  color: var(--white);
}

:is(.sp-form .sp-f-button, .sp-f .sp-f-button, .sp-form .sp-f-button, .sp-f input[type=button], .sp-f-button, .zr-btn-saveFilter, .zr-btn-cancelFilter):is(:hover, :focus):not(.zr-cashtab-item, .zr-btn-toolbar, .zr-btn-cancelmsg:hover:not(:focus), .sp-btn-cancel:hover:not(:focus), .zr-DeleteDoc:hover:not(:focus), .zr-btn-delete:hover:not(:focus)),
.zr-btn-print:is(:hover, :focus),
.zr-btn-notecancel:focus,
.zr-btn-notesave:is(:hover, :focus),
.zr-btn-user:is(:hover, :focus),
.zr-btn-rate:is(:hover, :focus),
.zr-btn-dialog.zr-btn-active:is(:hover, :focus),
.zr-btn-cancelimg:focus,
.sp-btn-cancel:focus {
  background-color: var(--link5) !important;
  outline: 1px solid var(--link50) !important;
  color: var(--link50) !important;
  --primary5: var(--link50) !important;
}

.sp-f-button.zr-btn-support-blue{
  background-color: var(--link70)  !important;
}
/*,.zr-return-btn:is(:hover,:focus)*/
.sp-btn-clean {
  display: none !important;
}

.sp-btn-product:is(.sp-f input[type=button], button),
.sp-btn-sell:is(.sp-f input[type=button], button),
.sp-btn-frequens:is(.sp-f input[type=button], button),
.sp-btn-sell:is(.sp-f input[type=button], button),
.sp-btn-desc:is(.sp-f input[type=button], button),
.zr-btn-picture:is(.sp-f input[type=button], button),
.zr-btn-jewel:is(.sp-f input[type=button], button),
.zr-btn-docdescription:is(.sp-f input[type=button], button) {
  min-width: var(--Widthbtn);
  color: var(--primary70);
  border-radius: var(--smallradius);
  padding: 0;
  background: transparent;
  margin-left: var(--btnmarginleft);
  background-size: 10px 10px;
  outline: 1px solid var(--primary70);
  font-size: var(--normalfont);
}

.zr-btn-docdescription:is(.sp-f input[type=button], button) {
  min-height: var(--HeightSelectedBtn);
}

.zr-frame-plastic {
  min-width: var(--Widthbtn);
}

.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 {
  min-width: 16px;
  position: absolute;
  padding: 0;
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--xsmallradius);
  min-height: 16px;
  background: url(/themes/manager/icons/accounting/WhitePlus.svg) var(--primary70) center no-repeat;
  height: 16px;
  background-size: 10px 10px;
}

.sp-btn-currencyjew {
  background: url(/themes/manager/icons/baseinformations/jewelleryFeeWhite.svg) var(--primary70) center no-repeat !important;
  background-size: 12px 14px !important;
}

.sp-btn-currencyjew:is(:focus, :hover) {
  background: url(/themes/manager/icons/baseinformations/jewelleryFeelink.svg) var(--primary70) center no-repeat !important;
  background-size: 12px 14px !important;
}

.zr-large-btn:is(.sp-btn-add, .sp-f input[type=button].sp-btn-add, .sp-f button.sp-btn-add) {
  min-width: var(--minibtnwidth);
  min-height: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background-size: 12px 12px;
}

.zr-btn-docdescription:is(.sp-f input[type=button], button)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/baseinformations/Note.svg) center transparent no-repeat;
  background-size: 100%;
}

.zr-btn-docdescription:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/baseinformations/NoteFocus.svg);
}


.sp-btn-product:is(.sp-f input[type=button], button)::before {
  content: "";
  width: var(--SellWidth);
  height: var(--SellWidth);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/accounting/Product.svg) center transparent no-repeat;
  background-size: 100%;
}

.sp-btn-product:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/accounting/linkProduct.svg);
}

.sp-btn-sell:is(.sp-f input[type=button], button)::before {
  content: "";
  width: var(--SellWidth);
  height: var(--SellWidth);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/accounting/Sell.svg) center transparent no-repeat;
  background-size: 100%;
}

.sp-btn-sell:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/accounting/linksalesRate.svg);
}

.sp-btn-frequens:is(.sp-f input[type=button], button)::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/accounting/SerialSave.svg) center transparent no-repeat;
  background-size: 100%;
}

.sp-btn-frequens:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url('/themes/manager/icons/accounting/linkAddDacoument.svg');
}

.zr-btn-rfidproduct:is(.sp-f input[type=button], button)::before {
  content: "";
  min-width: var(--mediumsize);
  height: var(--mediumsize);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/rfid/rfidProduct.svg) center transparent no-repeat;
  background-size: cover;
}

.zr-btn-rfidproduct:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/rfid/rfidProductFocus.svg);
}

.zr-btn-rfidtest:is(.sp-f input[type=button], button) {
  background: transparent;
  color: var(--white);
  outline: 1px solid var(--white);
}

.zr-btn-rfidtest:is(.sp-f input[type=button], button),
.zr-btn-rfidproduct:is(.sp-f input[type=button], button) {
  min-width: var(--Widthbtn);
  max-height: var(--HeightBtn);
  margin: auto;
  border-radius: 0.5rem;
  font-size: var(--normalfont);
}

.zr-btn-rfidtest:is(.sp-f input[type=button], button)::before {
  content: "";
  width: var(--mediumsize);
  height: var(--mediumsize);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/rfid/rfidGun.svg) center transparent no-repeat;
  background-size: 100%;
}

.zr-btn-rfidtest:is(.sp-f input[type=button], button):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/rfid/rfidGunFocus.svg);
}

.zr-maingrid-parent {
  flex: 3;
  max-height: calc(100% - calc(var(--DocumentHeight) + var(--DocDistance)));
}

.zr-maingrid {
  margin-top: var(--GridDistance);
}

.zr-guide-box{
  min-height:40px;
}
.zr-guide-box:hover .zr-guide-item {
  white-space: nowrap;
  color: var(--white) !important;
}

.zr-guide-box:hover{
  background-color:var(--primary70);
}
.zr-guide-box:hover .zr-guide-mainicon , 
.zr-guide-box:not(:hover) .zr-guide-hovericon{
  display:none;
}
.zr-guide-parent  .sp-tooltip-text{
  min-width: 176px;
  max-width: 176px;
  /*  max-height: 60px;
  min-height: 60px;*/
}
.zr-guide-parent  .sp-tooltip-bottom::after{
  left: calc(100% - 2.5rem);
}
/*.zr-guide-parent{
min-height: 32px;
}.zr-CurrentDocument .sp-f-row {
margin-top: 0;
}
.zr-guide-parent:has(.zr-guide-box:hover) .zr-guide-box:not(:hover, :focus) .zr-icon {
opacity: 0.5
}
*/

.zr-CurrentDocument {
  min-height: var(--DocumentHeight);
  padding: 0 1.5rem;
  --InputPadding: 2.25rem;
}

.zr-CurrentDocument .sp-c-3 {
  padding: 0 !important;
}

.zr-CurrentDocument :nth-last-child(1):is(.sp-c-12) {
  flex: 100;
  /* margin-top: var(--MarginRow);*/
}

.zr-CurrentDocument :is(.sp-f-select.sp-select-show, .sp-f-drop.sp-drop-show) {
  /* width: 100% !important;*/
  z-index: 1;
}

.zr-CurrentDocument :is(.sp-f-select.sp-select-show, .sp-f-drop.sp-drop-show)+.sp-f-append {
  /*  display:none;*/
  position: relative;
}

.zr-CurrentDocument .sp-row:not(.zr-CurrentDocument .sp-row .sp-row) {
  width: var(--CurrentDocumentWidth);
  margin-left: auto;
  margin-right: auto;
}

.zr-CurrentDocument :is(.sp-f-select.sp-select-show, .sp-f-drop.sp-drop-show)+.sp-f-append::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.zr-CurrentDocumentInfoParent.zr-ShowInfo:not(.zr-Disabled, .zr-edited-form) {
  --MainThemeColor: var(--primary70);
}

.zr-CurrentDocumentInfoParent.zr-ShowInfo.zr-Disabled {
  --MainThemeColor: var(--gray70);
}

.zr-CurrentDocumentInfoParent.zr-ShowInfo.zr-Disabled .sp-color-darkblue {
  --MainThemeColor: var(--gray80);
}

.zr-CurrentDocumentInfoParent.zr-ShowInfo:not(.zr-Disabled, .zr-edited-form) .zr-CurrentDocument {
  background: var(--white);
}

.zr-CurrentDocumentInfoParent.zr-ShowInfo.zr-Disabled .zr-CurrentDocument {
  background: var(--gray15);
}

.zr-CurrentDocument :is(.sp-f input[type=button].zr-btn-docsave, .zr-btn-docsave) , :is(.sp-f input[type=button].zr-btn-docsave, .zr-btn-docsave) {
  flex: 1 1;
  max-width: var(--xlargeBtnwidth);
  border-radius: var(--smallradius) !important;
  font-size: var(--FontBtn);
}

.zr-CurrentDocument :is(.sp-f input[type=button].zr-btn-edit, .zr-btn-edit) {
  min-width: var(--xlargeBtnwidth);
  height: 36px;
}

.zr-CurrentDocumentInfoParent.zr-edit-document {
  background-color: var(--Mainsecondary) !important;
  --bgDoccolor: var(--secondary15);
  --borderDoccolor: var(--secondary30);
  --InputColor: var(--secondary5);
  --TitleColor: var(--secondary70);
  --gray95: var(--secondary70);
}

.zr-CurrentDocumentInfoParent.zr-edit-document.zr-edited-form {
  --gray95: var(--MainBlack);
}

.zr-CurrentDocumentInfoParent.zr-edit-document .zr-readonly-row {
  --primary70: var(--secondary80);
}

.sp-form input:read-only,
.sp-form select:read-only,
.sp-form textarea:read-only,
.sp-f input:read-only,
sp-f select:read-only,
.sp-f textarea:read-only,
.sp-form-input:read-only,
.sp-form-select:read-only,
.sp-form-textarea:read-only,
.sp-f-input:read-only,
sp-f-select:read-only,
.sp-f-textarea:read-only {
  background-color: transparent;
}

.zr-CurrentDocumentInfoParent.zr-edit-document .zr-CurrentDocument {
  border-color: var(--Mainsecondary) !important;
}

.zr-CurrentDocumentInfoParent.zr-edit-document .sp-white {
  --white: var(--primary70);
}

.zr-CurrentDocument .zr-icon,
.zr-icon {
  max-width: var(--infowidth);
  width: var(--infowidth);
  height: var(--infowidth);
}

.zr-icon-edit {
  max-width: 16px;
}

.zr-CurrentDocumentParent .zr-icon-DocumentNo {
  max-width: var(--DocItemWidth);
  max-height: var(--DocItemWidth);
}

/*.zr-CurrentDocumentParent .zr-icon-DocumentDate{
max-width:18px;
max-height:18px;
}*/
.zr-CurrentDocument .zr-itemicon,
.zr-itemicon {
  max-width: var(--infowidth);
  height: var(--infowidth);
}

.zr-CurrentDocument .zr-Editicon {
  max-width: 16px;
  height: 16px;
}

.zr-CurrentDocument .zr-Cancelicon,
.zr-Cancelicon {
  max-width: 12px;
  height: 12px;
}

.zr-CurrentDocument .zr-itemdocicon {
  max-width: 23px;
  height: 22px;
}

.zr-CurrentDocument .sp-row {
  justify-content: center;
  --InputPadding: 0;
}

.zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent:not(.zr-edit-document, .zr-Disabled) .zr-Docitem-remain {
  /*background: var(--primary10);*/
  color: var(--MainThemeColor);
  border: 0.5px solid var(--primary15);
}

:is(.zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent, .zp-app) .zr-Docitem-border {
  padding: 0.5rem 0;
}

:is(.zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent, .zp-app) .zr-Docitem-border::before {
  content: "";
  background: linear-gradient(90deg, var(--secondgradiant), var(--MainThemeColor), var(--secondgradiant));
  width: 100%;
  min-height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(50%);
}

.zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent.zr-Disabled .zr-Docitem-remain {
  background: var(--gray5);
  color: var(--gray80);
  border: 1px solid var(--gray20);
}

.zr-CurrentDocumentParent .zr-edit-document.zr-CurrentDocumentInfoParent .zr-Docitem-remain {
  background: var(--secondary5);
  border: 1px solid var(--secondary30);
  color: var(--gray80);
}

.zr-CurrentDocument .zr-RemainBox {
  gap: var(--RemainBoxGap);
  /*  max-height: 134px;
  min-height: 134px;*/
  max-height: var(--RemainHeight);
  /* min-height: var(--RemainHeight);*/
}
.zr-CurrentDocument .zr-RemainBoxParent{
  min-height: var(--RemainMinHeight);
}
.zr-CurrentDocument .zr-HasCurrentDocument{
  margin-bottom:var(--RemainBoxGap);
}

.zr-CurrentDocument .zr-docbtn-list {
  gap: var(--docbtnMargin);
}

.zr-btn-docedit:not(:hover, :focus) .zr-btn-doctext {
  display: none;
}

.zr-btn-docedit:is(:hover, :focus) .zr-btn-doctext {
  display: flex;
}

.zr-btn-docedit:is(:hover, :focus) {
  border: 1px solid var(--white);
  padding: 0 0.5rem;
  white-space: nowrap;
  min-width: max-content;
  min-height: var(--HeightBtn);
  background: var(--primary70);
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
}

.zr-edit-document .zr-btn-docedit:is(:hover, :focus) {
  border: 1px solid var(--primary70);
  background: var(--Mainsecondary);
}

.zr-maingrid .zr-RemainBox {
  flex-direction: row-reverse;
  gap: 0.75rem 1.5rem;
  padding: 0.5rem 0;
}

.zr-Remainitem {
  flex: 0 0 calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  height: max-content;
}

.zr-maingrid .zr-GridRemain {
  /*min-height: 40px;
  margin: 1px 0 0;*/
  flex: 1;
}

#divScript {
  display: none;
}

.sp-upload-header {
  display: none;
}

.sp-upload-body {
  background: transparent;
  position: relative;
  flex: 1;
  max-height: 100%;
  display: flex;
}

.sp-d-image {
  border-radius: var(--normalradius);
  overflow: hidden;
  outline: 1px solid var(--Dark);
  margin-top: 1px;
}

.sp-d-form,
.sp-f,
.sp-d-form>form {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-d-form:not(.sp-d-form .sp-d-form)) {
  padding: 0 1.75rem;
}

:is(.zr-dialog-box, .zr-page-box, .zr-pwa-dialog) .sp-d-form .sp-row:first-of-type .sp-f-row,
:is(.zr-dialog-box, .zr-page-box, .zr-pwa-dialog) .sp-d-form .sp-row:first-of-type .sp-row:first-of-type .sp-f-row {
  /*:is(.zr-dialog-box,.zr-page-box) .sp-d-form:not(.zr-searchproduct-remain) .sp-row:first-of-type .sp-f-row,:is(.zr-dialog-box,.zr-page-box) .sp-d-form:not(.zr-searchproduct-remain) .sp-row:first-of-type .sp-row:first-of-type .sp-f-row {*/
  margin-top: 0;
}

/*
:is(.zr-dialog-box,.zr-page-box) .sp-d-form .sp-mrow-0 .sp-row:first-of-type .sp-f-row,:is(.zr-dialog-box,.zr-page-box) .sp-d-form .sp-mrow-0  .sp-row:first-of-type .sp-row:first-of-type .sp-f-row {
margin-top: 0; 
}
*/
.zr-img-ProductLocation {
  max-height: 143px;
  width: 100%;
  margin: 0;
  object-fit: cover;
  height: 100%;
}

.sp-d-form .sp-row:first-of-type .sp-row .sp-f-row,
:is(.zr-dialog-box, .zr-page-box) .sp-d-form .sp-row:first-of-type .zr-gridtab-frame .sp-row:not(:first-of-type) .sp-f-row {
  margin-top: var(--MarginRow);
}

.zr-gridtab-frame , .zr-global-specific-formparent{
  --PlaceholderColor: var(--gray95);
}
.sp-d-form .sp-row:first-of-type .zr-mt-row.sp-f-row {
  margin-top: var(--MarginRow) !important;
}

.zr-Divjewel .sp-f-row.sp-d-custom.zr-img-frame {
  /*margin-top: 0 !important;*/
}

.sp-d-form .sp-row:first-of-type .sp-f-row,
:is(.zr-dialog-box, .zr-page-box) .sp-tab .sp-d-form .sp-row:first-of-type .sp-f-row {
  margin-top: calc(var(--MarginRow) * 2);
}

.sp-f-row.sp-d-custom.zr-img-frame,
.sp-f-row.sp-d-carousel.zr-img-frame {
  margin: calc(var(--MarginRow) * 2) 0 0 !important;
}

.sp-d-button .sp-f-title {
  display: none;
}

.zr-rate-type .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/RateGlobalIcon.svg) center no-repeat;
}

.zr-rate-type:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/RateGlobalIcon-hover.svg);
}

.zr-rate-sort .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/SortRateIcon.svg) center no-repeat;
}

.zr-rate-sort :is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/SortRateIcon-hover.svg);
}
.zr-rate-dollar .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/RatesymbolsSolid.svg) center no-repeat;
}

.zr-rate-dollar :is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/RatesymbolsFocus.svg);
}

.zr-webservice-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/analytics_statistics.svg) center no-repeat;
}

.zr-webservice-title :is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/ManagementofwebservicesFocus.svg);
}

.zr-user-account .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/UserAccount.svg) center no-repeat;
}

.zr-user-account:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/UserAccountHover.svg);
}

.zr-user-access .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/UserAccess.svg) center no-repeat;
}

.zr-user-access:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/UserAccessHover.svg);
}

.zr-search-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/SearchHover.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-searchwhite-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/SearchForm.svg) no-repeat center;
  margin-left: 0.5rem;
}

:is(.zr-search-input, .zr-toolbar-input):is(:hover, :focus, :focus-within):not(.sp-f-readonly, [class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/accounting/Searchlink.svg);
}


.zr-toolbar-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/SearchItemsWhite.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-toolbar-input.zr-toolbar-filter  .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Filter.svg) no-repeat center;
  background-size: 100% 100% !important;
  margin-left: 0rem;
}

.zr-toolbar-input.zr-toolbar-filter:is(:hover, :focus, :focus-within):not(.sp-f-readonly, [class*='sp-c-']) .sp-f-title::after{
  background: url(/themes/manager/icons/baseinformations/FilterLink.svg) no-repeat center;
  background-size: 100% 100% !important;
  margin-left: 0rem;
}

.zr-toolbar-input:is(:hover, :focus, :focus-within):not(.sp-f-readonly, [class*='sp-c-']) .sp-f-title::after {
  background-size: 22px 22px !important;
}

.zr-toolbar-input.sp-f-row:not(:hover, :focus, :focus-within, .sp-f-readonly) {
  background: var(--primary80) !important;
  outline: 0.5px solid var(--primary70) !important;
}

.zr-toolbar-input.sp-f-row {
  border-radius: var(--inputrp);
}

.zr-toolbar-input :is(input, :is(.sp-form-editor, .sp-f-editor)) {
  border-radius: var(--inputrp) 0 var(--inputrp) var(--inputrp) !important;
}

.zr-toolbar-input.sp-f-row {
  --Pagewidthtitle: 32px;
  --widthtitle: 32px;
}

.zr-cash-input .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/CashInput.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-cash-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/CashInputFocus.svg);
}

.zr-rate-input .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/CrSymbols.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-rate-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/CrSymbolsFocus.svg);
}

.zr-productlocation-input .sp-f-title::after {
  background: url(/themes/manager/icons/rfid/ProductLocations.svg) no-repeat center;
  --TitleIcon: 16px;
}

.zr-productlocation-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/rfid/LocationTitleFocus.svg);
}

.zr-date-input:not(:hover, :focus, :focus-within) .sp-f-title::after,
.zp-btn-date::before {
  background: url(/themes/manager/icons/accounting/calenderBlue.svg) center no-repeat;
}

.zr-edit-document .zr-date-input:not(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/calender.svg) center no-repeat;
  background-size: contain;
}

.zr-date-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after,
.zp-btn-date:is(:hover, :focus, :focus-within):not([class*='sp-c-'])::before {
  background-image: url(/themes/manager/icons/accounting/DateFocus.svg);
  background-size: contain;
}

.zr-account-title .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/accountMain.svg) center no-repeat;
}

.zr-edit-document .zr-account-title .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/UserIcon.svg) center no-repeat;
  background-size: contain;
}

.sp-f-row.zr-account-title:not(.sp-f-readonly):is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/accounting/UserFocus.svg);
  background-size: contain;
}

.zr-saler-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/Saler.svg) center no-repeat;
}

.zr-edit-document .zr-saler-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/EditSaler.svg) center no-repeat;
  background-size: contain;
}

.zr-saler-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/accounting/SalerFocus.svg);
}

.zr-stonetype-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Stone.svg) center no-repeat;
  --TitleIcon: 15px;
}

.zr-stonetype-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/StoneFocus.svg);
}

.zr-metaltype-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/MetalType.svg) center no-repeat;
}

.zr-metaltype-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/MetalTypeFocus.svg);
}

.zr-stoneproduct-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Barkhaneh.svg) center no-repeat;
  --TitleIcon: 22px;
}

.zr-stoneproduct-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/BarkhanehFocus.svg);
}

.zr-storeproduct-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Anbar.svg) center no-repeat;
}

.zr-storeproduct-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/AnbarFocus.svg);
}

.zr-groupproduct-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Group.svg) center no-repeat;
}

.zr-groupproduct-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/GroupFocus.svg);
}

.zr-product-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/commodity.svg) center no-repeat;
}

.zr-product-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/commodity.svg) center no-repeat;
}

.zr-product-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/commodityFocus.svg);
}

.zr-document-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/DocNo.svg) center no-repeat;
}

.zr-documentwhite-title .sp-f-title::after {
  background: url(/themes/manager/icons/menu/sals/invoice/DocumentNumber.svg) center no-repeat;
  --TitleIcon: var(--menuicon);
}

:is(.zr-document-title.sp-f-row:not(.sp-f-readonly), .zr-documentwhite-title):is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/menu/sals/invoice/DocumentNumberFocus.svg);
}

:is(.zr-invoiceno-input):is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/accounting/InvoiceNumberFocus.svg);
}

.zr-invoiceno-input .sp-f-title::after {
  background: url(/themes/manager/icons/accounting/InvoiceNumberOutline.svg) center no-repeat;
}

.zr-cheque-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/ChequeBooks.svg) center no-repeat;
}

.zr-cheque-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/ChequeBooksFocus.svg);
}

.zr-amount-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Rialsymbols.svg) center no-repeat;
}

.zr-amount-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/RialsymbolsFocus.svg);
}

.zr-help-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/HelpCircle.svg) center no-repeat;
}

.zr-help-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/HelpCircleFocus.svg);
}

.zr-reciever-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Receiver.svg) center no-repeat;
}

.zr-reciever-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/accounting/RecieversFocus.svg);
}

.zr-orderby-input .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/OrderBy.svg) center no-repeat;
}

.zr-orderby-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/OrderByFocus.svg);
}


.zr-searchprocess-title .sp-f-title::after {
  background: url(/themes/manager/icons/menu/hover/productionOrder.svg) center no-repeat;
}

.zr-searchprocess-title:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/SearchProcessFocus.svg);
}

.zr-bank-input .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/BankInput.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-bank-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/BankInputFocus.svg);
}

.zr-symboltype-input .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/Searchspec.svg) no-repeat center;
  margin-left: 0.5rem;
}

.zr-symboltype-input:is(:hover, :focus, :focus-within):not([class*='sp-c-']) .sp-f-title::after {
  background-image: url(/themes/manager/icons/baseinformations/SearchspecFocus.svg);
}

.zr-phone-title .sp-f-title::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/baseinformations/Phone.svg) center no-repeat;
  background-size: contain;
}

/*.zr-phone-title:is(:hover,:focus,:focus-within):not([class*='sp-c-']) .sp-f-title::after{
background-image:url(/themes/manager/icons/baseinformations/PhoneSvg.svg);
} */


:is(.zr-reciever-title, .zr-document-title, .zr-account-title, .zr-date-input, .zr-search-input, .zr-bank-input, .zr-cash-input, .zr-rate-input, .zr-metaltype-title, .zr-help-title, .zr-amount-title, .zr-cheque-title, .zr-stonetype-title, .zr-stoneproduct-title, .zr-storeproduct-title, .zr-groupproduct-title, .zr-product-title, .zr-searchprocess-title, .zr-user-account, .zr-user-access, .zr-rate-type, .zr-rate-sort, .zr-documentwhite-title, .zr-toolbar-input, .zr-productlocation-input, .zr-saler-input, .zr-invoiceno-input, .zr-symboltype-input , .zr-orderby-input , .zr-rate-dollar , .zr-webservice-title) .sp-f-title::after {
  content: "";
  width: var(--TitleIcon);
  height: var(--TitleIcon);
  margin-left: 0.25rem;
  background-size: contain;
}

.zr-readonly-row {
  background: var(--bgDoccolor);
  outline: 0.5px solid var(--borderDoccolor);
}

.zr-readonly-row .sp-f-editor {
  outline: 0.5px solid var(--borderDoccolor);
  border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
}

.zr-CurrentDocument .sp-f-row:not(.zr-input-maintheme) .sp-f-title {
  --TitleColor: var(--primary70);
  justify-content: right;
  padding-right: 0.75rem;
}

.zr-CurrentDocument .zr-input-maintheme.sp-f-row:not(:hover, :focus, :focus-within, .sp-invalidated, .sp-validated, .zr-edited-form .sp-f-row) {
  --borderDoccolor: var(--Mainprimary);
  --bgDoccolor: var(--Mainprimary);
  --TitleColor: var(--white);
  --InputColor: var(--gray5);
  --gray95: var(--MainBlack);
}

.zr-CurrentDocument .zr-input-maintheme.sp-f-row:is(.zr-edited-form .sp-f-row):not(:hover, :focus, :focus-within),
.zr-CurrentDocumentInfoParent.zr-edit-document .zr-CurrentDocument .zr-input-maintheme.sp-f-row:not(:hover, :focus, :focus-within) {
  --gray95: var(--MainBlack);
}

.zr-CurrentDocument .zr-input-maintheme.sp-f-row:is(.zr-edited-form .sp-f-row):not(:hover, :focus, :focus-within) .sp-f-title {
  color: var(--MainBlack) !important;
  --gray95: var(--MainBlack);
}

.sp-f-row.sp-d-button.sp-justify-center .sp-f-editor {
  justify-content: center;
}

.sp-d-button .sp-f-editor {
  width: 100%;
  min-height: var(--InputHeight) !important;
}

.sp-f-row.sp-d-hidden {
  display: none;
}

.sp-f-group>.sp-drop {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
}

.sp-drop-button:focus {
  background-color: var(--InputColor) !important;
}

.sp-f-append :is(.sp-f-label, select, .sp-f-link, .sp-label,.sp-normal) {
  text-align: center;
  font-size: var(--smallfont);
  font-weight: var(--InputFontWeight);
  background: var(--InputColor);
  justify-content: center;
  display: flex;
  border-radius: var(--inputrp) 0 0 var(--inputrp);
  min-width: max-content;
  margin: 0 0.5rem;
  flex-direction: column;
}

.zr-cheque-remainder .sp-f-append .sp-f-group,
.zr-onlyinput {
  outline: 1px solid var(--borderDoccolor);
  border-radius: var(--inputminrp);
  overflow: hidden;
  background: var(--gray5);
  display: none;
}

.zr-cheque-remainder .sp-f-append .sp-f-group :is(input[type=text], input[type=number], textarea) {
  padding: 0 0.5rem !important;
  background: transparent;
}

.zr-cheque-remainder .sp-f-append .sp-f-append,
.zr-cheque-remainder .sp-f-label {
  border-radius: 0;
  width: auto;
  background: transparent;
}

.sp-f-append :is(input[type=text], input[type=number], textarea) {
  border-radius: 0 !important;
}

.zr-cheque-remainder .sp-f-append {
  background: transparent;
  /*  width: calc(100% - 160px);*/
  flex: 1;
}

.zr-cheque-remainder .sp-f-append:not(.sp-f-append .sp-f-append, label) {
  margin-right: 0.5rem;
}

.ActiveRemainderBtn .sp-f-editor {
  width: 100% !important;
  justify-content: right;
}

.sp-d-blank.sp-f-row,
.sp-d-blank,
.sp-d-button.sp-f-row,
.sp-d-button,
.sp-d-checkbox,
.sp-d-checkbox.sp-f-row,
.sp-f-row.sp-d-checkbox.sp-validated {
  border: 0 !important;
  justify-content: left;
  outline: 0 !important;
}

/*.sp-d-division{
border:0;
outline: 0;
margin-bottom: 1.5rem;
}
.sp-d-division.sp-f-row:last-child ,*/
.sp-d-custom.sp-f-row:last-child,
.zr-row-btn:not(.zr-row-btn .zr-row-btn) {
  border: 0;
  outline: 0;
  margin-bottom: var(--LastRowMargin);
}

.zr-row-btn {
  --MarginRow: 0;
}

/*
.sp-d-division:not(.zr-hastitle) .sp-f-title{
display: none !important;
}

.sp-d-division:not(.zr-hastitle) .sp-f-editor{
width:100% !important;
}*/

.sp-f-title,
[class*="sp-f-row"] .sp-f-title {
  display: flex;
  padding-left: 0 !important;
  width: auto;
  min-width: var(--widthtitle);
  text-align: center;
  align-items: center;
  border-radius: 0 var(--inputminrp) var(--inputminrp) 0;
  font-size: var(--FontFormTitle);
  padding: 0 0.25rem 0 0;
  font-weight: normal;
  justify-content: center;
  flex-direction: row-reverse;
  line-height: var(--InputHeight);
  font-weight: 500;
  color: var(--TitleColor);
  white-space: nowrap;
}

.sp-f-input,
.sp-f-date {
  width: 100%;
  line-height: var(--InputHeight);
  border-radius: var(--inputrp) 0 0 var(--inputrp);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-select {
  width: 100%;
  border-radius: var(--inputminrp) var(--inputminrp) var(--inputrp) var(--inputminrp);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-f-select.sp-select-show, .zr-active-tree .sp-f-select) {
  z-index: 15;
  --InputColor: var(--gray5);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-drop-button:after {
  left: 0.5rem;
  position: absolute;
}

.sp-form-editor,
.sp-f-editor {
  padding: 0;
  /*  width: calc(100% - var(--widthtitle));*/
  flex: 1;
  flex-direction: row;
}

.sp-d-checkbox .sp-f-editor {
  width: 100%;
  padding: 0rem 0.25rem;
  flex: 1 1 auto;
}

.sp-form input[type=text],
.sp-form input[type=password],
.sp-form input[type=number],
.sp-form textarea,
.sp-f input[type=text],
.sp-f input[type=password],
.sp-f input[type=number],
.sp-f textarea,
.sp-f-editor>.sp-f-label,
.sp-drop-button,
.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
  /* color: var(--gray95);*/
  color: var(--FontInputColor);
}

.zr-btn-tabitem,
.zr-btn-tab {
  min-width:var(--xnormalwidth);/* var(--normallwidth)*/
  min-height: var(--HeightBtn);
  max-height: var(--HeightBtn);
  margin-top: auto;
  margin-bottom: auto;
  border-radius: var(--smallradius);
}

.zr-btn-tabitem,
.zr-btn-tab {
  color: var(--MainThemeColor);
  font-size: var(--largefont);
  font-weight: 500;
  outline: 1px solid var(--MainThemeColor)
}

:is(.zr-btn-tabitem, .zr-btn-tab):not(.zr-Selected, .sp-tab-active):hover {
  background: var(--MainThemeColor);
  color: var(--white) !important;
}

:is(.zr-btn-tabitem, .zr-btn-tab):is(.zr-Selected, .sp-tab-active):hover {
  background: var(--primary70);
  color: var(--white) !important;
}

.zr-btn-tabitem:is(.zr-Selected, .sp-tab-active),
.zr-btn-tab:is(.zr-Selected, .sp-tab-active) {
  background: var(--MainThemeColor);
  color: var(--white) !important;
  outline: 1px solid var(--MainThemeColor)
}

.sp-icon{
  --icongridbtnwidth:24px !important;
}

.sp-icon-delete img.sp-icon-medium {
  height: auto;
  width: 11px;
}

.sp-f-group {
  justify-content: space-between;
}

.sp-row,
.sp-r {
  justify-content: space-between;
  flex: 1;
  margin-right: 0px;
  margin-left: 0px;
}

.sp-tab-header {
  background-color: var(--MainThemeColor);
  border-radius: var(--normalradius) var(--normalradius) 0 0;
  border-bottom: none;
  padding-top: 0;
  display: flex;
  justify-content: center;
}

.sp-tab-header:after {
  content: none;
}

:is(.zr-tab-item, .sp-tab-item).sp-tab-thin,
.zr-contract-form .sp-tab-item {
  min-width: auto;
  padding: 0px 0.5rem;
}

.sp-tab-item.sp-tab-active::before,
.sp-tab-item.sp-tab-active::after,
.sp-tab-active.zr-dash-tab::before,
.sp-tab-active.zr-dash-tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 10px;
  width: 20px;
  background: transparent;
  top: auto;
  transform: inherit;
}

.sp-tab-item:hover,
.sp-tab-item:hover::after,
.sp-tab-item:hover::before {
  background-color: transparent;
}

.sp-tab-item.sp-tab-active::after,
.sp-tab-active.zr-dash-tab::after {
  right: -20px;
  border-radius: 0 0 0 1rem;
  box-shadow: -0.5rem 0 0 0 var(--grayWhite);
  left: auto;
}

.sp-tab-item.sp-tab-active::before,
.sp-tab-active.zr-dash-tab::before {
  left: -20px;
  border-radius: 0 0 0.5rem 0;
  box-shadow: 0.5rem 0 0 0 var(--grayWhite);
  right: auto;
}

.sp-tab-body {
  background: var(--white);
  border-radius: var(--xxlargeradius);
  padding: 0.75rem;
  flex: 1;
  align-self: stretch;
  display: flex;
  height: auto;
  flex-direction: column;
  max-height: calc(100% - var(--TabHeight));
  position: relative;
  overflow: hidden;
}

.sp-tab-simple .sp-tab-header,
.sp-tab-separaterfid .sp-tab-header {
  background-color: transparent !important;
  justify-content: flex-start;
}

.sp-tab-separaterfid .sp-tab-header {
  padding-right: 0 !important;
}

.zr-tabparent-btn,
.zr-tabparent-btnlist {
  column-gap: 24px;
}

.InvoiceFormGrid {
  z-index: 5;
  bottom: 0;
  left: 0rem;
  right: 0rem;
  /* min-height: 62px;*/
}

.Invoice-tab-item {
  gap: 0.5rem;
  display: flex;
}

/* .zr-InvoiceFormBox , :is(.zr-GridRemain) .zr-RemainItem , .zr-RemainItem {  */
.zr-InvoiceFormBox,
:is(.zr-GridRemain) .zr-RemainItem,
.zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
  /* box-shadow: inset 3px 3px 3px var(--ShadowColor);
  min-width: 240px;
  min-width: clamp(200px,355px,50%);
  /*max-width: clamp(50%,50%,100%);*/
  min-width: var(--Gridremainwidth);
  background: var(--primary70);
  border: 1px solid var(--primary70);
  border-radius: 0.75rem;
  margin-top: auto;
  margin-bottom: auto;
  /*  max-width: calc(50% - var(--ReportRemainColumnGap)/2);*/
}
.zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem).sp-flex-1{
  flex: 1 1 calc(50% - var(--ReportRemainColumnGap)/2) !important;
}

.zr-details-4  .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem){
  flex: 1;
  max-width: calc(25% - 0.75rem);
}

.zr-ramain-list.zr-five-item .zr-RemainItem {
  width: auto;
  flex: 1 0 calc(19% - 0.5rem);
}

.zr-ramain-list.zr-five-item .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
  min-width: auto;
}

.zr-InvoiceFormBox-list {
  gap: 0.75rem;
}

.zr-InvoiceFormBox {
  flex: 1 1 calc(25% - 0.5rem);
  max-width: calc(25% - 0.5rem);
  --Gridremainwidth: auto;
}

.zr-invoice-parent {
  padding: 0.5rem 0;
  gap: 0.75rem;
}

.zr-remaincoin .zr-RemainItem {
  max-width: clamp(calc(50% - var(--ReportRemainRowGap)), calc(50% - var(--ReportRemainRowGap)), 100%);
}

.zr-symbolparent {
  width: clamp(120px, 388px, 100%);
}

.zr-symbolparent.sp-f-row:not(.sp-f-result) {
  /* min-width: clamp(120px,388px,100%);
  margin-left: auto;
  margin-right: auto;  
  */
  width: 100%;
}

.zr-symbolparent .zr-RemainItem {
  background: var(--symbolparentbg);
  border: 1px solid var(--symbolparentborder);
  border-radius: 0.75rem;
  width: 100%;
}

.zr-symbolparent-list {
  max-height: 180px;
  min-height: max-content;
  overflow: auto;
  --InputPadding: 0;
}

.zr-symbolparent .sp-f-note {
  right: 0;
}

/*.zr-cashchart-parent:not(.zr-cashchart-parent .zr-cashchart-parent){
margin: 0 4rem;
}*/
:is(.zr-cashchart-parent , .zr-row-details) .sp-row:nth-last-child(2) {
  flex: 1 !important;
}

.zr-cashchart-parent  .sp-row:nth-last-child(1) {
  flex: 50;
  margin: 0 4rem;
}
.zr-row-details .sp-row:nth-last-child(1){
  overflow: hidden;
  flex: 50;
}

.zr-symbolparent .sp-f-row {
  padding: 0 0 1.75rem;
}

.zr-symbolparent .sp-f-note a,
.zr-anchor {
  text-underline-offset: 0.25rem;
  text-decoration: underline;
}

.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 {
  width: var(--rameinwidth);
  min-width: max-content;
  white-space: nowrap;
  padding: 0 0.5rem;
}

.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: var(--normalradius) 0 var(--normalradius) var(--normalradius);
  background: var(--white);
  width: calc(100% - var(--rameinwidth));
  color: var(--primary70);
}

.zr-remainbank {
  --rameinwidth: 102px;
}

:is(.sp-g-footer, .zr-hasremain) .zr-RemainItem {
  flex: 1 0 240px;
  margin: auto;
}

.zr-trremain-parent {
  /*  column-gap: 2.25rem;
  padding: 0 0.25rem;*/
  gap: var(--trremaingap);
}

.zr-trremain-item {
  flex: 1 0 calc(50% - 1.5rem);
}

.zr-hasremain-toggle .zr-ramainbox-parent:not(.zr-printbox .zr-ramainbox-parent) {
  max-height: 40vh;
}

.zr-hasremain-toggle .zr-remain-border:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  background: var(--primary60);
  height: 24px;
  transform: translateY(-50%);
  top: 50%;
}

/*.zr-InvoiceGrid{
margin-bottom: 62px;
}  
.zr-divGrid.zr-InvoiceGrid {
max-height: calc(100% - 0px);
min-height: calc(100% - 0px);
}
*/
.zr-InvoiceFormItems,
.zr-tabparent-titlebox {
  display: none;
}

.sp-icon:hover,
.sp-icon-small:hover,
.sp-i-small:hover,
.sp-is:hover,
.sp-icon-medium:hover,
.sp-i-medium:hover,
.sp-im:hover,
.sp-icon-large:hover,
.sp-i-large:hover,
.sp-il:hover {
  transform: unset;
}
.sp-icon-large{
  width:32px;
}
.sp-grid-cell img,
.sp-g-cell img,
.sp-grid-cell i,
.sp-g-cell i {
  max-width: var(--icongridbtnwidth) !important;
  filter: opacity(1) grayscale(0);
  width: auto;
  height: auto;
  margin: auto 0;
  transition: none !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
  z-index: 70015 !important;
}

.zr-toggle-operation {
  min-width: 6.875rem;
  border: 1px solid #070700;
  min-height: 70px;
  border-radius: 1.5rem;
  background: #dcbe5e00;
  /*animation: ChangeBg 3s ease-out 0s infinite;*/
  margin-left: 1.25rem;
}

.zr-toggle-operation.zr-small-operations {
  min-width: 5rem;
  min-height: 32px;
  border-radius: 0.75rem;
  animation: auto;
  border-color: transparent;
}

.zr-small-operations .zr-toggle-ioperation {
  width: 12px;
  height: 12px;
  --Pos: -4px;
}

@keyframes ChangeBg {
  from {
    background: #dcbe5e00;
  }

  to {
    background: var(--Mainsecondary);
  }
}

.zr-toggle-ioperation {
  /*  animation: ChangePos 0.75s ease-out 0s infinite alternate;*/
  width: 32px;
  height: 17px;
  --Pos: -8px;
}

@keyframes ChangePos {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(var(--Pos));
  }
}

.zr-toggle-operation.zr-small-operations+.zr-toggle-parent {
  padding: 0 0 0 0;
}

.zr-toggle-operation+.zr-toggle-parent {
  padding: 0 0 0 4.5rem;
  overflow: auto;
}

.zr-toggle-parent {
  padding: 0 4.5rem;
  overflow: auto;
}

.zr-remain-open .zr-toggle-operation {
  flex-direction: column-reverse;
  animation: unset;
  background: transparent;
  justify-content: center;
}

.zr-remain-open .zr-toggle-ioperation {
  animation: unset;
  transform: rotateX(180deg);
}

.zr-maingrid .sp-g-row .sp-g-group.sp-b-0 .sp-g-cell {
  border: 0 !important;
}

.zr-maingrid .sp-g-row .sp-g-group {
  width: 100%;
}

.sp-g-row :is(.sp-icon-edit, .sp-g-row .sp-icon-delete, .sp-g-row .sp-icon-detail, .sp-g-row .sp-icon-itemdetail, .sp-icon-picture, .sp-icon-print, .sp-g-row button.sp-icon-delete, .sp-g-row button.sp-icon-edit, .sp-g-row button.sp-icon-itemdetail, button.sp-icon-edit, button.sp-icon-delete, .icon-coin-payment, .icon-coin-recieve, .sp-icon-inventory, .sp-icon-newitem, .sp-icon-viewitem, .sp-icon-deletecheque, .sp-iocn-returncheque, .sp-iocn-recievecheque, .sp-icon-returncash, .sp-icon-picture, .sp-icon-info, .sp-icon-date, .sp-icon-rate, .sp-icon-damage, .sp-icon-sale, .sp-icon-recieve, .sp-icon-Processregistration, .sp-icon-Totlaproduction, .sp-icon-copy, .sp-icon-changehistory, .sp-icon-stonesale, .sp-icon-hiddenitem, .sp-icon-kardex, .sp-icon-copy-regular, .sp-icon-docinput, .sp-icon-docoutput, .sp-icon-download, .sp-icon-editrate, .sp-icon-moveinvoice, .sp-icon-sales-moveinvoice, .sp-icon-send , .sp-icon-envelope):not(.sp-g-cell) {
  max-width: var(--icongridwidth);
  max-height: var(--icongridwidth);
  width: var(--icongridwidth);
  min-height: var(--icongridwidth);
  border-radius: var(--xsmallradius);
  overflow: hidden;
  height: var(--icongridwidth);
}
.sp-g-row button.sp-icon-delete,.sp-g-row button.sp-icon-edit,button.sp-icon-edit,button.sp-icon-delete,button.sp-icon-viewitem,button.sp-icon-hiddenitem,button.sp-icon-newitem,button.sp-icon-editsquare,button.sp-icon-zoomout,button.sp-icon-speaker,button.sp-icon-mute {
  background: transparent;
  transition: 0s !important;
  border: 0;
}

.sp-icon-edit:not(.sp-g-cell)::before,button.sp-icon-edit:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/accounting/EditGrid.svg) center no-repeat;
  background-size: 100% 100% !important;
}

.sp-icon-sales-moveinvoice {
  --icongridwidth: 32px;
}

.sp-icon-moveinvoice:not(.sp-g-cell)::before,
button.sp-icon-moveinvoice:not(.sp-g-cell)::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/moadian/OperationsYellow.svg) center no-repeat;
  background-size: 100% 100% !important;
}

.sp-icon-send:not(.sp-g-cell)::before,
button.sp-icon-send:not(.sp-g-cell)::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/moadian/plane_paperDarkblue.svg) center no-repeat;
  background-size: 16px;
}

.sp-icon-envelope:not(.sp-g-cell)::before  {
  content: "";
  width: 28px;
  height: 28px;
  background: url(/themes/manager/icons/sms/Sms-min.svg) center no-repeat;
  background-size: contain;
}


.sp-icon-sales-moveinvoice:not(.sp-g-cell)::before,
button.sp-icon-sales-moveinvoice:not(.sp-g-cell)::before {
  content: "";
  width: 28px;
  height: 28px;
  background: url(/themes/manager/icons/baseinformations/moadian/OperationsBlue.svg) center no-repeat;
  background-size: 100% 100% !important;
}

.sp-icon-edit:is(:hover, :focus):not(.sp-g-cell)::before,
button.sp-icon-edit:is(:hover, :focus):not(.sp-g-cell)::before {
  background-image: url(/themes/manager/icons/accounting/EditGridFocus.svg);
}

.EditLabelItem,
.DeleteLabelItem {
  max-width: 22px !important;
  max-height: 22px !important;
  width: 22px !important;
  min-height: 22px !important;
}

.sp-icon-print:not(.sp-g-cell)::before {
  content: "";
  width: 16px;
  height: 18px;
  background: url(/themes/manager/icons/baseinformations/printer_scanner.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-editrate {
  --icongridwidth: 26px;
}

.sp-icon-editrate:not(.sp-g-cell)::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/themes/manager/icons/baseinformations/EditReports.svg) center no-repeat;
  background-size: cover;
}

:is(.sp-icon-edit, .sp-icon-delete, .sp-icon-detail, .sp-icon-info, .sp-icon-print, .sp-icon-itemdetail, .icon-coin-recieve, .icon-coin-payment, .sp-icon-inventory, .sp-icon-newitem, .sp-icon-viewitem, .sp-icon-hiddenitem, .sp-icon-deletecheque, .sp-iocn-returncheque, .sp-iocn-recievecheque, .sp-icon-returncash, .sp-icon-picture, .sp-icon-date, .sp-icon-rate, .sp-icon-damage, .sp-icon-sale, .sp-icon-recieve, .sp-icon-Processregistration, .sp-icon-Totlaproduction, .sp-icon-copy, .sp-icon-changehistory, .sp-icon-stonesale, .sp-icon-kardexm, .sp-icon-copy-regular, .sp-icon-kardex, .sp-icon-docoutput, .sp-icon-docinput, .sp-icon-download, .sp-icon-editrate, .sp-icon-speaker, .sp-icon-mute, .sp-icon-zoomout, .sp-icon-editsquare, .sp-icon-moveinvoice, .sp-icon-sales-moveinvoice, .sp-icon-send,.zr-btn-taxgrid-min , .sp-icon-envelope , .sp-icon-setting):not(.sp-g-cell) img {
  display: none;
}
.sp-icon-envelope-large{
  --icongridwidth: 32px;
}
.sp-icon-envelope-large::before{
  --icongridwidth: 32px;
  max-height:24px;
}

.zr-btn-link{
  background: transparent;
  color: var(--link70);
  outline: 1px solid var(--link70);
  min-width: 120px;
  --HeightBtn: 28px;
}
.sp-icon-delete:not(.sp-g-cell)::before,
button.sp-icon-delete:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/accounting/DeleteGrid.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-delete:is(:hover, :focus):not(.sp-g-cell)::before,
button.sp-icon-delete:is(:hover, :focus):not(.sp-g-cell)::before {
  background-image: url(/themes/manager/icons/accounting/recycle.svg);
  /*background-size: 15px 15px;*/
}

.sp-icon-detail:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/DocumentDetail.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-kardex:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: calc(var(--icongridbtnwidth) + 4px);
  background: url(/themes/manager/icons/baseinformations/salesreport/kardex.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-changehistory:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/ChangeHistory.svg) center no-repeat;
  background-size: cover;
}

.zr-btn-changehistory:not(.sp-g-cell)::before {
  content: "";
  width: var(--mediumsize);
  height: var(--mediumsize);
  background: url(/themes/manager/icons/baseinformations/HistoryDual1.svg) center no-repeat;
  background-size: cover;
}
.zr-btn-changehistory:not(.sp-g-cell):is(:hover,:focus)::before {
  background: url(/themes/manager/icons/baseinformations/HistoryFocus.svg) center no-repeat;
  background-size: cover;
}

.zr-btn-reportdoc:not(.sp-g-cell)::before {
  content: "";
  width: var(--mediumsize);
  height: var(--mediumsize);
  background: url(/themes/manager/icons/baseinformations/DocumentDetail.svg) center no-repeat;
  background-size: cover;
}
.zr-btn-reportdoc:not(.sp-g-cell):is(:hover,:focus)::before {
  background: url('/themes/manager/icons/accounting/No Dacoumentfocus.svg') center no-repeat;
  background-size: cover;
}
.sp-icon-docinput:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/sanadvoroodi.svg) center no-repeat;
  background-size: cover;
}


.sp-icon-docoutput:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/sanadkhorooji.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-copy:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Copy.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-copy-regular:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/copy-Regular.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-damage:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/StoneDamege.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-stonesale:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/salesreport/salestone.svg) center no-repeat;
  background-size: contain;
}

.sp-icon-recieve:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/StoneReceive.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-sale:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Stonesell.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-Processregistration:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Processregistration.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-Totlaproduction:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Totlaproduction.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-detail:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/DocumentDetail.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-rate:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/SymbolsRate.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-date:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/calendarTitle.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-info:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Info.svg) center no-repeat;
  background-size: cover;
}

.icon-coin-payment:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/accounting/Depositcoin.svg) center no-repeat;
  background-size: cover;
}


.icon-coin-recieve:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/accounting/withdrawcoin.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-inventory:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/accounting/FirstInventory.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-itemdetail:not(.sp-g-cell)::before {
  content: "";
  width: 8px;
  height: 18px;
  background: url(/themes/manager/icons/header/Details.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-newitem:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/AddNewItem.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-download:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/menu/hover/Backup.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-viewitem:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/view.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-hiddenitem:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Hide.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-editsquare:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Edit-f.svg) center no-repeat;
  background-size: 100% 100%;
}


.sp-icon-setting::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/SystemSettings.svg) center no-repeat;
  background-size: 100% 100%;
}
.sp-icon-large.sp-icon-setting{
  --icongridbtnwidth:28px;
}
.sp-icon-zoomout:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Zoom-OUT.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-speaker:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/speaker_music.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-mute:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/speakermute.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-deletecheque:not(.sp-g-cell)::before {
  content: "";
  width: 26px;
  height: 26px;
  background: url(/themes/manager/icons/baseinformations/DeleteCheque.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-iocn-returncheque:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Bargashtchek.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-iocn-recievecheque:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Vosoolechek.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-returncash:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/CashReturn.svg) center no-repeat;
  background-size: 100% 100%;
}

.sp-icon-picture:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/ShowPic.svg) center no-repeat;
  background-size: cover;
}

.sp-g-row :is(.sp-icon-print, .sp-icon-detail, .sp-icon-info, .sp-icon-itemdetail, .icon-coin-payment, .icon-coin-recieve, .sp-icon-newitem, .sp-icon-viewitem, .sp-icon-deletecheque, .sp-iocn-returncheque, .sp-iocn-recievecheque, .sp-icon-returncash, .sp-icon-picture, .sp-icon-date, .sp-icon-rate, .sp-icon-damage, .sp-icon-sale, .sp-icon-recieve, .sp-icon-Processregistration, .sp-icon-Totlaproduction, .sp-icon-copy, .sp-icon-changehistory, .sp-icon-stonesale, .sp-icon-hiddenitem, .sp-icon-kardex, .sp-icon-copy-regular, .sp-icon-docoutput, .sp-icon-docinput, .sp-icon-inventory, .sp-icon-download, .sp-icon-editrate, .sp-icon-speaker, .sp-icon-mute, .sp-icon-zoomout, .sp-icon-editsquare, .sp-icon-moveinvoice, .sp-icon-sales-moveinvoice, .sp-icon-send):is(:hover, :focus):not(.sp-g-cell),
:is(.sp-icon-print, .sp-icon-detail, .sp-icon-info, .sp-icon-itemdetail, .sp-icon-inventory, .sp-icon-newitem, .sp-icon-viewitem, .sp-icon-deletecheque, .sp-iocn-returncheque, .sp-iocn-recievecheque, .sp-icon-returncash, .sp-icon-picture, .sp-icon-date, .sp-icon-damage, .sp-icon-sale, .sp-icon-recieve, .sp-icon-Processregistration, .sp-icon-Totlaproduction, .sp-icon-copy, .sp-icon-changehistory, .sp-icon-stonesale, .sp-icon-hiddenitem, .sp-icon-kardex, .sp-icon-copy-regular, .sp-icon-docoutput, .sp-icon-docinput, .sp-icon-inventory, .sp-icon-download, .sp-icon-editrate, .sp-icon-moveinvoice, .sp-icon-sales-moveinvoice , .sp-icon-setting):not(.sp-g-cell) a:is(:focus, :hover),
:is(button.sp-icon-viewitem, button.sp-icon-hiddenitem, button.sp-icon-speaker, button.sp-icon-mute, button.sp-icon-zoomout, button.sp-icon-editsquare, .sp-icon-send,.sp-icon-envelope , .sp-icon-setting):is(:focus, :hover) {
  background: var(--link20);
  background-color: var(--link20);
  border-radius: var(--xsmallradius);
}

.sp-g-row .sp-icon-edit:is(:hover, :focus):not(.sp-g-cell),
.sp-g-row button.sp-icon-edit:is(:hover, :focus):not(.sp-g-cell),
button.sp-icon-edit:is(:hover, :focus):not(.sp-g-cell) {
  background: var(--Mainsecondary);
}

.sp-g-row .sp-icon-delete:is(:focus, :hover):not(.sp-g-cell),
.sp-g-row button.sp-icon-delete:is(:focus, :hover):not(.sp-g-cell),
button.sp-icon-delete:is(:focus, :hover):not(.sp-g-cell) {
  background: var(--error70);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .zr-printbox, .zr-accdashboardgrid) .sp-g-row .sp-g-cell:last-child {
  border-left: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-d-form, form) .sp-f-result {
  margin-bottom: 0.75rem;
}

.zr-DIsabledGridError {
  background: #767676eb;
  /*var(--BlueShadow);*/
  backdrop-filter: blur(22px) brightness(0.5);
  -moz-backdrop-filter: blur(22px) brightness(0.5);
  min-height: 139px;
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .sp-dialog-overlay , .sp-modal-overlay {
    background-color: #fff0;
  }

  .sp-dialog-overlay::before , .sp-modal-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff7a;
    z-index: 13;
    filter: blur(2.4rem);
  }
}
.sp-modal-button {
  position: absolute;
  right: -42px;
  top: -24px;
  width: 42px;
  height: 42px;
  background: url(/themes/manager/icons/baseinformations/CloseSimple.svg) no-repeat;
  background-size: 100% 100%;
}
.sp-modal-button img{
  opacity: 0;
  width: 100%;
  height: 100%;
}

.sp-tab {
  border-radius: var(--xxlargeradius);
  cursor: inherit !important;
  align-self: stretch;
  flex: 1;
  height: auto;
  display: flex;
  flex-direction: column;
}

.sp-d-tab.sp-tab-simple .sp-tab {
  border-radius: 0;
  background: transparent;
  border: 0;
}

.sp-tab.sp-tab-separaterfid {
  background: transparent !important;
  border: 2px solid var(--Mainprimary) !important;
  --TabItemMargin: 1.25rem 0.75rem 0;
  border-radius: var(--xxlargeradius);
  /*  margin: 2px 2px 2px 0px;*/
  padding: 0 0.75rem !important;
}

.sp-tab.sp-tab-separaterfid.zr-tab-simpleseparate {
  border-width: 0px !important;
  border-radius: 0 !important;
}

.sp-tab.sp-tab-separaterfid .sp-tab-item{
  background: var(--primary15);
  color: var(--primary60);
  border-radius: 0.75rem;
  line-height: 40px;
  flex: 1;
}
.sp-tab.sp-tab-separaterfid .sp-tab-item.sp-tab-active   , .zr-tab-analys .zr-tab-analys-item.sp-tab-active {
  background: var(--primary60);
  color: var(--white) !important;
  font-size: var(--xlargefont);
}

.zr-rfidinventory-tab {
  margin: 0.75rem;
}

.sp-tab.sp-tab-separaterfid .sp-tab-item::before,
.sp-tab.sp-tab-separaterfid .sp-tab-item::after {
  display: none;
}

.sp-tab.sp-tab-separaterfid .sp-tab-body {
  padding: 1.25rem 0.5rem;
}

.sp-tab-content {
  margin: 0.75rem;
  background: var(--bgForm);
  padding: 1rem 2rem;
  border-radius: var(--largeradius);
}
.zr-tab-analys .zr-tab-analys-item{
  max-width:180px;
}
.zr-tab-analys .zr-tab-analys-item.sp-tab-active {
  background: var(--primary70);
  font-weight: 700;
}

.zr-tab-analys .zr-tab-analys-item {
  background: var(--primary10);
  color: var(--gray70);
  border-radius: var(--normalradius);
  line-height: 40px;
  flex: 1;
  font-size: var(--largefont);
  font-weight: 500;
}
.sp-g-body .sp-g-row:nth-child(even) {
  background: var(--Trbg);
}

.sp-grid-row:not(.zr-grid-tree .sp-g-row, .sp-g-footer .sp-g-row):hover,
.sp-g-row:not(.zr-grid-tree .sp-g-row, .sp-g-footer .sp-g-row):hover,
.sp-grid-row,
.sp-g-row:not(.zr-grid-tree .sp-g-row, .sp-g-footer .sp-g-row):hover,
.sp-g-body .sp-g-row:not(.zr-grid-tree .sp-g-row, .sp-g-footer .sp-g-row):nth-child(even):hover {
  background: var(--link5) !important;
  transition: none !important;
  --secondary70: var(--link60);
  --secondary10: var(--link5);
}

.zr-grid-tree :is(.sp-grid-row, .sp-g-row, .sp-grid-row, .sp-g-row, .sp-g-body .sp-g-row:nth-child(even)):not(.zr-selected-row)>.zr-DetailBox:hover,
.sp-g-row.zr-EmptyRow:hover,
.sp-g-row.zr-Empty-row:hover,
.zr-Show .zr-DetailBox:hover,
.zr-rfid-rowselected:hover {
  background: var(--link5) !important;
  transition: none !important;
  --secondary70: var(--link60);
  --secondary10: var(--link5);
  --line: var(--link60);
}
.zr-rfid-rowselected:hover {
  --table-border: var(--link60);
}


.sp-g-row:hover .zr-EditedRow.zr-DetailBox {
  /*  border-bottom: 0 !important;*/
}

.sp-g {
  font-size: var(--normalfont);
  font-weight: 500;
}

.zr-maingrid :is(.sp-grid-footer, .sp-g-footer) , .zr-grid-without-header  :is(.sp-grid-header, .sp-g-header) , .zr-grid-without-footer :is(.sp-grid-footer, .sp-g-footer) {
  display: none !important;
}

:is(.zr-ShowSammery, .zr-grid-sammery) :is(.sp-grid-footer, .sp-g-footer),
.sp-grid-footer,
.sp-g-footer {
  display: flex !important;
  flex: none;
  background: var(--primary10);
  position: sticky;
  min-height: var(--HeaderCellHeight);
  border-top: 0;
  padding: 0;
  margin: 0 !important;
}

.sp-g-footer .sp-g-row {
  border: 0;
  background: transparent;
}

.sp-g-header {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background: var(--primary10);
  color: var(--primary70);
  flex: 0;
  overflow: unset;
  min-height: fit-content;
  position: sticky;
  width: 100%;
  z-index: 10;
  top: 0;
  border-bottom: 0px;
  border-top: 0px;
  padding: var(--Gridpadding);
  font-weight: 500;
}

.sp-g-row .sp-g-cell:not(:last-child) {
  border-left: 1px solid var(--primary30) !important;
  padding: 0.25rem;
  justify-content: center;
  white-space: normal;
}

.sp-grid-rtl sp-grid-row .sp-grid-cell:not(:first-child),
.sp-g .sp-g-row .sp-g-cell:not(:first-child) {
  border-right: 0 !important;
}

.sp-f-row.sp-d-checkbox span {
  white-space: nowrap;
  margin-right: 0;
  line-height: 30px;
  font-weight: bold;
  color: var(--TitleColor);
}

.sp-d-custom .sp-f-title,
.zr-FormContent .sp-d-carousel .sp-f-title  ,.zr-FormContent  .sp-carousel-indicators{
  display: none;
}

.zr-FormContent .sp-carousel img{
  object-fit: contain;
}
.zr-FormContent .sp-d-carousel .sp-f-editor {
  width: 100%;
  border-radius: var(--inputrp);
  max-height: 192px;
}

.zr-FormContent .sp-d-carousel {
  border-radius: var(--xxlargeradius);
  overflow: hidden;
  max-width: 200px;
  margin: calc(var(--MarginRow) * 2) auto 0 !important;
  width: 100%;
}

.zr-FormContent .zr-goldproduct-tab .sp-d-carousel {
  margin: 0 auto 0 0 !important;
}

.zr-FormContent .sp-d-carousel .sp-carousel-item {
  max-height: 192px;
  background: var(--white);
  mix-blend-mode: darken;
}

.sp-carousel-body {
  height: 100%;
}

.sp-f-row.sp-d-custom,
.sp-f-row.sp-d-custom.sp-f-row:last-child {
  border: 0 !important;
  outline: 0 !important;
}

.sp-f-row.sp-d-custom .sp-f-editor {
  width: 100%;
  height: 100%;
}

.zr-AddPicture {
  column-gap: 1.5rem;
  width: 77%;
}

.zr-addPicItem-icon {
  max-width: 14px !important;
}

.zr-btn-addPicItem:is(.sp-f-button) {
  width: calc(100% - 1.5rem);
  margin: 0 0.75rem;
}

.zr-ProductImg {
  object-fit: cover;
}

.sp-form-check:before,
.sp-f-check:before,
.sp-form-radio:before,
.sp-f-radio:before {
  /*top: -3px;
  left: 0;
  bottom: 0px;
  right: -3px;
  height: 18px;
  width: 18px;
  border: 1px solid var(--Mainprimary);
  background-color: var(--InputColor) !important;
  border-radius: 4px;
  */
  height: var(--checkboxheight);
  width: var(--checkboxheight);
  border: 1px solid var(--Mainprimary);
  background-color: var(--InputColor) !important;
  border-radius: 4px;
  position: initial;
  margin: -2px;
}

.sp-form-check:checked:before,
.sp-f-check:checked:before {
  border: 1px solid var(--approved70);
  --InputColor: var(--approved5);
}

.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 var(--approved70);
  border-right: 2px solid var(--approved70);
  border-radius: 1px;
}

.sp-invalidated .sp-form-check,
.sp-invalidated .sp-f-check {
  --approved70: var(--error60);
  --MainThemeColor: var(--error60);
  --approved5: var(--error5);
  --InputColor: var(--error5);
}

.sp-form-check[disabled],
.sp-f-check[disabled],
.sp-form-radio[disabled],
.sp-f-radio[disabled] {
  --approved70: var(--gray60);
  --MainThemeColor: var(--gray60);
  --approved5: var(--gray30);
  --InputColor: var(--gray30);
}

.sp-form-check[disabled]:after,
.sp-f-check[disabled]:after,
.sp-form-radio[disabled]:after,
.sp-f-radio[disabled]:after {
  cursor: not-allowed;
}

.sp-f-append .sp-drop.sp-f-drop.sp-validated {
  border: 0;
  outline: 0 !important;
}

.sp-invalidated .sp-error-message,
.sp-invalidated .sp-f-message {
  display: flex !important;
  background-color: var(--error5);
  backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
  color: var(--gray95) !important;
  position: absolute;
  outline: 1px solid var(--error50);
  width: 100%;
  font-size: var(--smallfont);
  height: 2.25rem;
  justify-content: center;
  border-radius: var(--inputminrp);
  top: calc(100% + 0.75rem);
  left: -36px;
  min-width: 200px;
  width: 200px;
  margin: 0 !important;
  display: flex;
  z-index: 15;
  filter: drop-shadow(-2px 2px 10px rgba(112, 112, 117, 0.3));
  flex-flow: column;
  text-align: center;
  font-weight: 600;
  animation: hiddenAnimation 1000ms 500ms forwards;
}

@keyframes ShowAnimation {
  from {
    opacity: 0;
    visibility: hidden;
  }

  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes hiddenAnimation {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.sp-f .sp-invalidated .sp-f-message::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: calc(100% - 6px);
  left: 15px;
  background: var(--error5);
  line-height: 1rem;
  border-top-right-radius: 5px;
  border: 1px solid red;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
}

.sp-grid-row,
.sp-g-row {
  min-height: max-content;
}

.sp-form input[type=text]:hover,
.sp-form input[type=password]:hover,
.sp-form input[type=number]:hover,
.sp-form textarea:hover,
.sp-f input[type=text]:hover,
.sp-f input[type=password]:hover,
.sp-f input[type=number]:hover,
.sp-f textarea:hover {
  box-shadow: 0 0;
}

.sp-form .sp-invalidated:not(input, .sp-drop-button),
.sp-form .sp-invalid:not(input, .sp-drop-button),
.sp-f .sp-invalidated:not(input, .sp-drop-button),
.sp-f .sp-invalid:not(input, .sp-drop-button),
.sp-form .sp-validated:not(input, .sp-drop-button),
.sp-form .sp-valid:not(input, .sp-drop-button),
.sp-f .sp-validated:not(input, .sp-drop-button),
.sp-f .sp-valid:not(input, .sp-drop-button) {
  background-image: unset !important;
  padding-right: 0 !important;
}

.sp-form input.sp-invalidated,
.sp-form input.sp-invalid,
.sp-f input.sp-invalidated,
.sp-f input.sp-invalid,
.sp-form input.sp-validated,
.sp-form input.sp-valid,
.sp-f input.sp-validated,
.sp-f input.sp-valid {
  background-image: unset !important;
  padding-right: 0.75rem !important;
}

.sp-f-row:not(.sp-d-button, .sp-d-checkbox, .sp-d-custom, .sp-d-division, .sp-d-section, .sp-d-label) :is(.sp-form-editor, .sp-f-editor) {
  background-color: var(--InputColor);
  border-radius: var(--inputminrp) 0rem var(--inputrp) var(--inputminrp);
  outline: 1px solid var(--borderDoccolor);
}

.sp-f-row.sp-d-checkbox:focus-within :is(.sp-form-editor, .sp-f-editor),
.sp-f-row.sp-d-checkbox :is(.sp-form-editor, .sp-f-editor):focus-within,
.sp-f-row.sp-d-checkbox:hover :is(.sp-form-editor, .sp-f-editor),
.sp-f-row.sp-d-checkbox :is(.sp-form-editor, .sp-f-editor):hover {
  --TitleColor: var(--link50);
  --MainThemeColor: var(--link50);
  --InputColor: var(--link5);
  --approved5: var(--link5);
  --approved70: var(--link50);
}

.sp-select-icon,
.sp-drop-button:after {
  border: solid var(--gray95) !important;
  border-width: 0 2px 2px 0 !important;
  padding: 3px;
  /*top: 0.6rem;
  transform: rotate(45deg);*/
  transform: rotate(45deg) translateY(-50%);
  top: calc(50% - 3px);
}

.sp-f-select.sp-select-show .sp-select-icon,
.sp-drop-show .sp-drop-button:after {
  /*  transform: rotate(225deg);
  top: 0.75rem;*/
  transform: rotate(225deg) translateY(50%);
  top: 50%;
}

.sp-link img {
  width: auto;
  height: auto;
}

.sp-f-append .sp-link.sp-ultra-active {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sp-link-medium img,
.sp-link-small img {
  width: 30px;
  height: 30px;
}

.btn-save,
.sp-btn-save,
.btn-save.sp-ultra-active,
input[type=button].sp-ultra-active.btn-save,
.sp-f input[type=button].sp-btn-save,
.sp-btn-save.sp-ultra-active,
input[type=button].sp-ultra-active.sp-btn-save,
.zr-edited-form :is(.zr-edited-row, .zr-edited-form .sp-f-row):is(.btn-save, .sp-btn-save, .btn-save.sp-ultra-active, input[type=button].sp-ultra-active.btn-save, .sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save),
.sp-f-button.sp-btn-save {
  min-width: var(--Widthbtn);
  color: var(--primary70);
  background: var(--Mainsecondary);
  border-radius: var(--FontBtnradius) !important;
  font-size: var(--FontBtn);
  font-weight: 500;
  padding: 0;
}

.sp-f .sp-f-button.sp-btn-savedate,
.sp-f .sp-f-button.sp-btn-canceldate {
  background-color: var(--Mainquaternary);
  color: var(--white);
  --HeightBtn: 24px;
  padding: 0;
  max-height: var(--HeightBtn);
  min-width: var(--xsmallBtnwidth);
  font-size: 12px !important;
  font-weight: 400;
}

.sp-f .sp-f-button.sp-btn-canceldate {
  background-color: var(--Maintertiary);
}

/*.sp-f .sp-f-button.sp-btn-savedate::before{
content: "";
width: 16px;
height: 20px;
background: url(/themes/manager/icons/baseinformations/Tick.svg) transparent center no-repeat;
background-size: 100% 100%;
}*/

.sp-f-button.zr-btn-addsmarttray.zr-btn-support-blue::before{
  content: "";
  width: 16px;
  height: 20px;
  background: url(/themes/manager/icons/baseinformations/Tick.svg) transparent center no-repeat;
  margin-left: 0.5rem;
} 
.sp-btn-save::before,
.zr-btn-msginfo::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/accounting/MainSave.svg) transparent center no-repeat;
}

:is(.sp-btn-save, .sp-btn-save.sp-btn-savehoney)::before {
  background: url(/themes/manager/icons/accounting/Tickprimary70.svg) transparent center no-repeat;
  background-size: 100% 100%;
}

.zr-pinkmode .sp-btn-save::before {
  background-image: url(/themes/manager/icons/accounting/Ticktertiary70.svg);
}

:is(.sp-btn-save, .sp-btn-savedate , .sp-f-button.zr-btn-addsmarttray.zr-btn-support-blue):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/accounting/TickDocument.svg) !important;
}

.zr-btn-formsearch,
.sp-f-button.zr-btn-formsearch,
.zr-datalist-form .sp-f-button.sp-btn-search,
.sp-f-button.zr-btn-report {
  min-width: var(--Widthbtn);
  background-color: var(--MainThemeColor);
  border-radius: var(--smallradius);
  color: var(--whiteColor);
  font-size: var(--FontBtn);
  background-image: none;
}

.zr-btn-globalsearch,
.sp-f-button.zr-btn-globalsearch,
.zr-btn-searchhoney {
  min-width: var(--Widthbtn);
  border-radius: var(--smallradius);
  font-size: var(--xlargefont);
  /* margin-top: 1.75rem;*/
}

.zr-btn-globalsearch,
.sp-f-button.zr-btn-globalsearch {
  --HeightBtn: 40px;
}

.zr-datalist-grid {
  flex-direction: column;
}

.sp-f-button:is(.zr-btn-magnification, .zr-btn-minification),
.zr-btn-magnification,
.zr-btn-minification {
  min-width: 100px;
  background: transparent;
  outline: 1px solid var(--primary70);
  border-radius: 8px;
  padding: 0;
}

.zr-btn-magnification::before,
.zr-btn-minification::before {
  content: "";
  width: var(--SellWidth);
  height: var(--SellWidth);
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/baseinformations/PlusFill.svg) transparent center no-repeat;
}

.zr-btn-minification::before {
  background-image: url(/themes/manager/icons/baseinformations/MinusFill.svg);
}

.zr-btn-magnification:is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/baseinformations/Pluslink.svg);
}

.zr-btn-minification:is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/baseinformations/MinusFoucs.svg);
}

.zr-btn-report::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/reports.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-report:is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/baseinformations/ReportFocus.svg);
}

.zr-btn-formsearch::before,
.zr-datalist-form .sp-f-button.sp-btn-search::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/accounting/SearchForm.svg) no-repeat center;
  /*  background: url(/themes/manager/icons/accounting/SearchHover.svg) no-repeat center;*/
  background-size: 100% 100%;
}

.zr-btn-globalsearch::before,
.zr-btn-searchhoney::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/themes/manager/icons/accounting/SearchHover.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-globalsearch:is(:hover, :focus)::before,
.zr-btn-formsearch:is(:hover, :focus)::before,
.zr-datalist-form .sp-btn-search:is(:hover, :focus)::before,
.zr-btn-searchhoney:is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/accounting/Searchlink.svg);
}

.zr-location-delete,.zr-location-move,.zr-btn-checked,.zr-btn-unchecked {
  min-width: var(--midWidthbtn) !important;
  padding: 0 !important;
}
.zr-btn-checked,.zr-btn-unchecked,.zr-btn-move {
  background: transparent;
  background-color: transparent !important;
  color: var(--primary70) !important;
  outline: 1px solid var(--primary70) !important;
  font-size: var(--largefont) !important;
  border-radius: var(--smallradius) !important;
}

.zr-location-move {
  border-radius: var(--smallradius);
  font-weight: 500;
}

.zr-location-delete:not(.zr-btn-active),.zr-location-move:not(.zr-btn-active),.zr-btn-move:not(.zr-btn-active) {
  color: var(--gray60);
  outline: 1px solid var(--gray60) !important;
  background: var(--white);
}

.zr-location-move.zr-btn-gray {
  color: var(--gray70);
  outline: 1px solid var(--gray70) !important;
  background: var(--white);
}

.zr-location-delete.zr-btn-active {
  outline: 1px solid var(--Maintertiary);
  background: var(--white);
  color: var(--Maintertiary);
}

.zr-location-move.zr-btn-active {
  background: var(--Mainsecondary);
  color: var(--primary70);
}

.zr-location-delete::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/RecycleBingray.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-move::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url('/themes/manager/icons/baseinformations/moadian/transfergray.svg') no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-location-move.zr-btn-gray:not(:focus, :hover)::before {
  background: url('/themes/manager/icons/baseinformations/Returnoutlinegray.svg') no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-move.zr-btn-active:not(:focus, :hover)::before {
  background: url('/themes/manager/icons/baseinformations/moadian/OperationsYellow.svg') no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-move:is(:focus, :hover)::before {
  background: url('/themes/manager/icons/baseinformations/moadian/OperationsFocus.svg') no-repeat center;
  background-size: 100% 100%;
}

.zr-location-move::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/Returngray.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-checked::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/CheckedCheckbox.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-checked.zr-btn-checkedblue::before {
  width: 20px;
  height: 20px;
  background: url(/themes/manager/icons/baseinformations/CheckboxDarkBlue.svg) no-repeat center;
}

.zr-btn-unchecked::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/UncheckedCheckbox.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-checked:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/checkedCheckboxFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-view::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/view.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-view:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/ViewFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-unchecked:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/UncheckedCheckboxFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-location-delete.zr-btn-active::before {
  background: url(/themes/manager/icons/baseinformations/Delete.svg) no-repeat center;
}

.zr-location-move.zr-btn-active::before {
  background: url(/themes/manager/icons/baseinformations/ReturnDark.svg) no-repeat center;
}

.zr-location-move.zr-btn-active.zr-btn-blue::before {
  background: url(/themes/manager/icons/baseinformations/ReturnWhite1.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-location-delete:is(:focus, :hover)::before {/*.zr-btn-active*/
  background: url(/themes/manager/icons/baseinformations/Delete-rec-focus.svg) no-repeat center;
}
.zr-location-delete:not(.zr-btn-active):is(:focus, :hover)::before{
  background-size: 100% 100%;
}

.zr-location-move:is(.zr-btn-gray, .zr-btn-active):is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/BackFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-check::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/manager/icons/baseinformations/TickAprroved.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-check:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/TickAprrovedFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-loginprog::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/Login.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-loginprog.zr-btn-grayoutline::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/LogoutGray.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-loginprog:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/LoginFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-errorimg {
  max-width: 450px;
}
.zr-permissionerrorimg {
  max-width: 554px;
}
.zr-btn-print,.zr-btn-print.sp-f-button,.zr-datalist-form .sp-f-button.sp-btn-print,.zr-datalist-form .sp-f-button.sp-btn-undo,.sp-f-button.sp-btn-undo,.sp-f-button.sp-btn-export,.sp-f-button.zr-btn-rate,.sp-f-button.zr-btn-arrow,.sp-f-button.zr-btn-edit,.sp-f-button.zr-btn-copy,.zr-btn-setting,.sp-f-button.zr-btn-setting,.zr-btn-preview,.zr-btn-speaker,.zr-btn-mute,.sp-f-button.zr-btn-speaker,.sp-f-button.zr-btn-mute,.zr-btn-view ,.zr-btn-webapi{
  min-width: var(--Widthbtn);
  background: transparent !important;
  border-radius: var(--smallradius);
  font-size: var(--FontBtn);
  color: var(--primary70);
  margin-left: var(--btnmarginleft);
  outline: 1px solid var(--primary70) !important;
}

.zr-btn-edit-outlinehoney{
  --primary70:var(--warning70);
}
.zr-btn-app::before {
  content: "";
  width: 34px;
  height: 24px;
  background: url(/themes/manager/icons/login/LoginAppWhite.svg) no-repeat center transparent;
  margin-left: 0.75rem;
  background-size: 100% 100%;
}
.zr-btn-app:is(:focus,:hover)::before {
  background: url(/themes/manager/icons/login/LoginAppFocus.svg) no-repeat center transparent;
  background-size: contain;
}

.zr-btn-check {
  min-width: var(--Widthbtn);
  background: transparent !important;
  border-radius: var(--smallradius);
  font-size: var(--FontBtn);
  color: var(--approved70) !important;
  margin-left: var(--btnmarginleft);
  outline: 1px solid var(--approved70) !important;
}

.sp-f-button.sp-btn-undo.zr-btn-gray {
  --primary70: var(--gray70);
}

.zr-datalist-form .sp-f-button.sp-btn-undo.zr-btn-gray::before,
.sp-f-button.sp-btn-undo.zr-btn-gray::before {
  background: url(/themes/manager/icons/baseinformations/Refreshgray.svg) no-repeat center;
  background-size: 100% 100%;
}

.sp-f-button.sp-btn-undo.zr-btn-gray {}

.zr-btn-printex.sp-f-button.sp-btn-export {
  background: var(--MainThemeColor);
  /* color: var(--white);*/
}

.zr-btn-printpr.sp-f-button,
.zr-btn-printpr {
  --Widthbtn: 200px;
  border-radius: var(--smallradius);
  min-width: var(--Widthbtn);
  font-size: var(--FontBtn);
  color: var(--primary70);
}

.zr-print-rf {
  --DocBtnWidth: 200px;
}

.sp-f-button.sp-btn-undo:not(.zr-datalist-form .sp-f-button.sp-btn-undo) {
  /* margin-left: 0;*/
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab .sp-tab-body {
  min-height: 170px;
  /*198px;*/
  padding: 1.25rem;
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab .sp-tab {
  background: var(--primary10);
  border: 4px solid var(--primary10);
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab .sp-tab-header {
  background: var(--primary10);
}

.zr-tr-tab :is(.zr-tab-item, .sp-tab-item) {
  color: var(--primary70);
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover {
  background: var(--primary30) !important;
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::before {
  box-shadow: 0.5rem 0 0 0 var(--primary30);
}

:is(.zr-page-box, .zr-dialog-box) .zr-tr-tab :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::after {
  box-shadow: -0.5rem 0 0 0 var(--primary30);
}

.zr-filter-detail {
  /* flex: 1 1 calc(20% - 0.75rem);
  max-width: calc(20% - 0.75rem);*/
  flex: 1 1 calc(16.66% - 0.75rem);
  max-width: calc(16.66% - 0.75rem);
}

.zr-filter-trparent {
  gap: 0.75rem;
  justify-content: right;
  height: min-content;
}

.zr-filter-border {
  border: 1px solid var(--primary40);
}

.zr-tr-tab .sp-tab-item label {
  font-size: var(--xlargefont);
  font-weight: 500;
  margin-right: 0.25rem;
  color: inherit;
}

.zr-tr-tab #MainFrame .sp-tab-content {
  display: none;
}

.zr-outline-print {
  outline: 1px solid var(--primary70);
}

.zr-btn-printpr:before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/accounting/printer_Fax.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-print::before,
.zr-datalist-form .sp-f-button.sp-btn-print::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/printer_scanner.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-setting::before,
.zr-datalist-form .sp-f-button.zr-btn-setting::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/setting.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-setting:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/settingFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-webapi::before,
.zr-datalist-form .sp-f-button.zr-btn-webapi::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/webapi/AllServices-min.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-webapi:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/webapi/AllServicesfocus-min.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-preview::before,
.zr-datalist-form .sp-f-button.zr-btn-preview::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/PriceBoardBlue.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-preview:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/PriceBoardFocus.svg) no-repeat center;
  background-size: cover;
}

.zr-btn-speaker::before,
.zr-datalist-form .sp-f-button.zr-btn-speaker::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/speaker_music.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-speaker:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/speakerFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-mute::before,
.zr-datalist-form .sp-f-button.zr-btn-mute::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/speakermute.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-mute:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/speakerFocusMute.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-picture::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/themes/manager/icons/accounting/Picture.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-picture:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/accounting/PictureFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-jewel::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/accounting/BlueVector.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-jewel:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/accounting/linkStone.svg) no-repeat center;
  background-size: 100% 100%;
}


.zr-btn-coin::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/manager/icons/baseinformations/CoinBtn.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-coin:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/CoinFocus.svg) no-repeat center;
  background-size: 100% 100%;
}
.zr-btn-refreshtest.zr-btn-purple , .zr-btn-purple{
  background: var(--rfid50);
  color: var(--white);
}
.zr-btn-hasnoicon::before , .zr-btn-hasnoicon::after{
  display:none;
}
.zr-btn-refreshtest {
  background: var(--Mainprimary);
  color: var(--white);
  width: var(--Widthbtn);
  --Widthbtn: 172px;
  border-radius: 0.5rem;
  font-weight: 400;
  font-size: var(--largefont);
}

.zr-btn-changerate::before,.zr-btn-refreshtest::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/Sync.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-refreshtest:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/RefreshRateFocus.svg) no-repeat center;
  background-size: 100% 100%;
}
.zr-btn-saveinvoice{
  font-size: var(--normalfont);
  background: var(--accounting70);
  color: var(--white);
}
.zr-btn-saveinvoice::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/themes/manager/icons/baseinformations/ApprovedDocument.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-saveinvoice:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/ApprovedDocFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-rate::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/Refresh.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-rate:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/RefreshRateFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-arrow::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/manager/icons/baseinformations/ChevronDown.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-btn-arrow:is(:focus, :hover)::before {
  background-size: 100% 100%;
  background-image: url(/themes/manager/icons/baseinformations/ChevronDownFocus.svg);
}

.zr-btn-arrow.zr-btn-arrowdown::before {
  background-image: url(/themes/manager/icons/baseinformations/ChevronUp.svg);
}

.zr-btn-arrow.zr-btn-arrowdown:is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/baseinformations/ChevronUpFocus.svg);
}

.zr-datalist-form .sp-f-button.sp-btn-undo::before,
.sp-f-button.sp-btn-undo::before

/*, button.sp-btn-cancel::before*/
{
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/RefreshIcon.svg) no-repeat center;
  background-size: 100% 100%;
}

/*button.sp-btn-cancel::before{
background: url(/themes/manager/icons/baseinformations/Refreshgray.svg) no-repeat center;
background-size: 100% 100%;
}
button.sp-btn-cancel:hover::before{
background: url(/themes/manager/icons/baseinformations/CancelWhite.svg) no-repeat center;
background-size: 100% 100%;
}*/
.zr-datalist-form .sp-f-button.sp-btn-undo:is(:hover, :focus)::before,
.sp-f-button.sp-btn-undo:is(:hover, :focus)::before

/* , button.sp-btn-cancel:focus::before */
{
  background: url(/themes/manager/icons/baseinformations/RefreshIconFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.sp-f-button.sp-btn-export::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background: url(/themes/manager/icons/baseinformations/Exel.svg) no-repeat center;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.sp-f-button.sp-btn-export:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/Exel.svg) no-repeat center;
  background-size: 100% 100%;
}


.zr-btn-print:is(:hover, :focus)::before,
.zr-datalist-form .sp-f-button.sp-btn-print:is(:hover, :focus)::before,
.zr-btn-printpr:is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/accounting/printer_Fax-Focus.svg);
  background-size: 100% 100%;
}

/*########################*/
/*########DATALIST########*/
/*########################*/

.zr-datalist-form~.sp-r,
.zr-datalist-form~.sp-r .sp-r {
  flex-direction: column;
  flex: 10;
  max-height: calc(100% - 0px);
  overflow: auto;
}

.zr-datalist-form~.sp-r .sp-r {
  flex-wrap: nowrap;
}

.zr-datalist-form~.sp-r .sp-c-12 {
  flex: 1;
}

:is(.zr-page-parent, .zr-dialog-parent):not(.zr-report-parent) .sp-r:has(.zr-datalist-form) {
  padding: 0.25rem;
}

.zr-report-parent {
  flex: 1;
}
.zr-dialog-parent .zr-report-parent .sp-d-form{
  z-index:150;
}

.sp-r:has(.zr-datalist-form) {
  flex-direction: column;
  max-height: calc(100% - 0px);
  flex-wrap: nowrap;
}

.sp-c-12:has(.zr-grid-parent.zr-datalist-grid) {
  overflow: auto;
  flex: 10;
}

.sp-r:has(.zr-grid-parent.zr-datalist-grid) {
  overflow: hidden;
  flex-direction: column;
}

.zr-datalist-grid .sp-d-grid {
  overflow: auto;
  padding: 2px;
}

.zr-datalist-grid .sp-p-main.sp-c-12

/*:has(.sp-g)(.sp-d-grid)*/
{
  max-height: calc(100% - 0px);
  height: 100%;
  flex: 10;
  overflow: hidden;
}

.zr-datalist-form .sp-row:nth-last-child(2) :is(#Panel, .sp-c-7) {
  flex-direction: row-reverse;
  margin-right: auto;
}

.zr-datalist-form .sp-row:nth-last-child(2) #Category,
#divPage #divSetting,
.zr-datalist-form #Setting {
  display: none !important;
}

.zr-datalist-form .sp-row:nth-last-child(2) :is(.sp-c-7, .sp-c-2) {
  padding: 0;
}

.zr-datalist-form .sp-row:nth-last-child(2) #SearchRow {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.zr-datalist-form .sp-row:nth-last-child(2) #SettingRow {
  display: none;
}

.sp-btn-save:hover {
  transition: none;
}

.zr-CancelDocument,
.zr-CancelDocument: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, button, a) {
  width: var(--DocBtnWidth);
  background: transparent;
  color: var(--gray80);
  min-height: 32px;
  outline: 1px solid var(--gray80);
  border-radius: var(--smallradius);
}

.zr-CancelDocument:hover,
.zr-CancelDocument: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):hover,
.zr-btn-notecancel:hover,
.zr-divContent:not(.zr-Disabled) :is(.btn-cancel:hover, .sp-btn-cancel:hover, .sp-f input[type=button].sp-btn-cancel:hover, input[type=button].sp-ultra-active.sp-btn-cancel:hover, input[type=submit].sp-ultra-active.sp-btn-cancel:hover, button.sp-ultra-active.sp-btn-cancel:hover),
.sp-btn-cancel: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):hover,
.sp-f-button.sp-btn-cancel:hover,
.zr-btn-cancelmsg:hover {
  /**/
  background: var(--error70) !important;
  color: var(--white) !important;
  outline: 0 !important;
}

.sp-btn-cancel.zr-btn-printcl {
  --Widthbtn: 200px;
}

.zr-btn-cancelFilter:hover {
  background: var(--gray70) !important;
  color: var(--white);
  outline: 0;
}

.zr-btn-toolbar {
  position: absolute;
  left: 4px;
  background: url(/themes/manager/icons/rfid/rfidSearch.svg) no-repeat center transparent !important;
  outline: 0 !important;
  padding: 0 !important;
  min-width: var(--minibtnwidth) !important;
  background-size: 100% 100% !important;
}

.sp-btn-printlabel,
.sp-f button.sp-btn-printlabel {
  min-width: 138px;
  border-radius: var(--smallradius);
  font-weight: 400;
  font-size: var(--FontBtn);
  background-color: var(--primary40);
  color: var(--primary5);
  margin-left: 1.5rem;
  padding: 0;
}

.sp-btn-printlabel::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  background: url('/themes/manager/icons/accounting/print lable.svg') no-repeat;
  background-size: 100%;
}

:is(.sp-btn-printlabel, .sp-f input[type=button].sp-btn-printlabel):is(:focus, :hover)::before,
:is(.sp-btn-printlabel, .sp-f input[type=button].sp-btn-printlabel):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/accounting/linkprintlable.svg);
}

:is(.sp-btn-withlabel, .sp-f input[type=button].sp-btn-withlabel) {
  min-width: var(--Widthbtn);
  color: var(--primary70);
  border-radius: var(--smallradius) !important;
  font-size: var(--FontBtn);
  font-weight: 500;
  padding-right: 1rem;
}

:is(.sp-btn-withlabel, .sp-f input[type=button].sp-btn-withlabel)::before {
  content: "";
  width: 19px;
  height: 20px;
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/accounting/printlableicon.svg) transparent no-repeat center;
  background-size: 100%;
}

:is(.sp-btn-withlabel, .sp-f input[type=button].sp-btn-withlabel):is(:focus, :hover)::before,
:is(.sp-btn-withlabel, .sp-f input[type=button].sp-btn-withlabel):is(:focus, :hover)::before {
  background-image: url('/themes/manager/icons/accounting/linkWithlable.svg');
}

.sp-btn-cancel,
.sp-f input[type=button].sp-btn-cancel,
input[type=button].sp-ultra-active.sp-btn-cancel,
input[type=submit].sp-ultra-active.sp-btn-cancel,
button.sp-ultra-active.sp-btn-cancel,
button.sp-btn-cancel.sp-f-button,
.zr-btn-unselect.sp-f-button,
.zr-btn-cancelmsg:is(.sp-f input[type=button], input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active, button.sp-f-button),
.zr-btn-cancelsimple {
  min-width: var(--Widthbtn);
  min-height: var(--HeightBtn);
  border-radius: var(--FontBtnradius) !important;
  font-size: var(--FontBtnCancel);
  font-weight: 400;
  color: var(--gray70);
  outline: 1px solid var(--gray70);
  background: transparent;
}

/*.zr-date-box{
min-height: 32px;
display: flex;
flex-direction: column;
}
.zr-date-box .sp-d-datepicker{
margin-left: 1.5rem;
}*/
button.sp-btn-cancel::before,
.zr-btn-cancelmsg::before,
.zr-btn-notecancel::before

/* ,.sp-btn-canceldate::before*/
{
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/manager/icons/baseinformations/gray70X.svg) transparent center no-repeat;
  background-size: 90%;
  margin-left: 0.25rem;
}

/*
.sp-btn-canceldate::before {
width: 11px;
height: 14px;
margin-left: 2px;
}*/
.zr-btn-notecancel::before {
  width: 12px;
  height: 12px;
  margin: auto 0.25rem;
}

button.sp-btn-cancel:hover:not(:focus)::before,
.zr-btn-cancelmsg:hover::before,
button.zr-btn-notecancel:hover::before,
.sp-btn-canceldate::before

/* ,.sp-btn-canceldate::before*/
{
  background-image: url(/themes/manager/icons/baseinformations/WhiteX.svg) !important;
}

button.sp-btn-cancel:focus::before,
.zr-btn-cancelmsg:focus::before,
button.zr-btn-notecancel:focus::before,
button.zr-cancel-delete:not(.zr-btn-cancelmsg):hover::before

/* ,.sp-btn-canceldate:is(:focus,:hover)::before*/
{
  background-image: url(/themes/manager/icons/baseinformations/Focusx.svg);
}

.sp-btn-canceldate:is(:focus, :hover)::before

/* ,.sp-btn-canceldate:is(:focus,:hover)::before*/
{
  background-image: url(/themes/manager/icons/baseinformations/Focusx.svg) !important;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save, .sp-btn-save):not(.sp-btn-savehoney) {
  background-color: var(--Mainquaternary);
  color: var(--white);
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save, .sp-btn-save):not(.sp-btn-savehoney)::before,
.zr-btn-msginfo::before,
.sp-btn-savedate::before {
  background-image: url(/themes/manager/icons/baseinformations/Tick.svg);
  background-size: 100%;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-edit, .sp-btn-edit.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-edit, .sp-btn-edit, .zr-btn-docdetail) {
  background-color: var(--Mainsecondary);
  min-width: var(--Widthbtn);
  background-image: none;
  min-height: var(--HeightBtn);
  border-radius: var(--smallradius) !important;
  font-size: var(--FontBtn);
  transition: none;
  padding: 0;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-edit, .sp-btn-edit.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-edit, .sp-btn-edit)::before {
  background: url('/themes/manager/icons/baseinformations/editYear.svg') no-repeat center;
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-edit, .sp-btn-edit.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-edit, .sp-btn-edit):is(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/baseinformations/editYearFocus.svg);
  /*  background-size: 22px 20px;*/
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].zr-btn-docdetail, .zr-btn-docdetail.sp-ultra-active, input[type=button].sp-ultra-active.zr-btn-docdetail, .zr-btn-docdetail)::before {
  background: url('/themes/manager/icons/accounting/No Dacoument.svg') no-repeat center;
  content: "";
  width: 22px;
  height: 22px;
  background-size: 20px 19px;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].zr-btn-docdetail, .zr-btn-docdetail.sp-ultra-active, input[type=button].sp-ultra-active.zr-btn-docdetail, .zr-btn-docdetail):is(:hover, :focus)::before {
  background: url("/themes/manager/icons/accounting/No Dacoumentfocus.svg") no-repeat center;
  background-size: 20px 19px;
}

.zr-btn-saveimg:is(:focus, :hover)::before,
:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-save, .sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save):is(:focus, :hover)::before,
.zr-btn-msginfo:is(:focus, :hover)::before,
.sp-btn-savedate:is(:focus, :hover)::before

/*, .sp-btn-save:is(:hover,:focus)::before*/
{
  background-image: url(/themes/manager/icons/baseinformations/TickFocus.svg) !important;
}

.zr-btn-msginfo {
  border-radius: var(--smallradius);
  color: var(--white);
  background: var(--Mainprimary);
  min-width: 172px;
  font-size: var(--largefont);
}

.zr-editlabel-row {
  background-color: var(--secondary15) !important;
}

.sp-btnframe :is(.sp-btn-cancel, .btn-cancel, .sp-btn-cancel, .sp-f input[type=button].sp-btn-cancel, input[type=button].sp-ultra-active.sp-btn-cancel, input[type=submit].sp-ultra-active.sp-btn-cancel, button.sp-ultra-active.sp-btn-cancel) {
  margin-left: var(--btnmarginleft);
}

.sp-btnframe :is(.sp-f-editor, .sp-f-row:not(.sp-d-button, .sp-d-checkbox, .sp-d-custom) :is(.sp-form-editor, .sp-f-editor), .sp-f-append, .sp-f-prepend) {
  background: transparent;
}

.sp-btn-form,
.sp-f input[type=button].sp-btn-form {
  min-width: 90px !important;
  margin: 0;
  background-color: var(--MainThemeColor) !important;
  border: 2px solid var(--MainThemeColor);
  border-color: var(--MainThemeColor) !important;
  border-radius: var(--normalradius) !important;
  min-height: var(--HeightBtn) !important;
  color: var(--whiteColor) !important;
  font-size: var(--smallfont);
  justify-content: center;
  background-image: unset !important;
  font-weight: normal !important;
  height: max-content !important;
  padding: 0 0.75rem !important;
  text-align: center;
  justify-content: center;
  display: flex;
}

.sp-btn-fish,
.sp-f :is(input[type=button], button).sp-btn-fish,
.sp-btn-pin,
.sp-f :is(input[type=button], button).sp-btn-pin {
  background: var(--primary70);
  border-radius: var(--xsmallradius) !important;
  min-height: 22px !important;
  color: var(--primary10);
  font-size: 10px;
  font-weight: 700;
  padding: 0 0.5rem !important;
  margin: auto 4px;
}

.sp-btn-pin::before {
  content: "";
  width: 13px;
  height: 13px;
  background: url(/themes/manager/icons/baseinformations/Attach.svg) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.sp-btn-pin:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/AttachFocus.svg) no-repeat;
  background-size: 100% 100%;
}

.sp-btn-Reset {
  min-width: var(--HeightBtn) !important;
  margin: 0;
  background-color: var(--MainThemeColor) !important;
  border: 2px solid var(--MainThemeColor);
  border-color: var(--MainThemeColor) !important;
  border-radius: var(--normalradius) !important;
  min-height: 26px !important;
  color: var(--whiteColor) !important;
  justify-content: center;
  background-image: unset !important;
  font-weight: normal !important;
  height: max-content !important;
  margin: 2px !important;
  font-size: 10px;
  padding: 0 4px !important;
}

.zr-menuicon-disabled {
  max-width: 8px;
  max-height: 26px;
}

.zr-disabled {
  opacity: 0.8;
  filter: grayscale(1);
  cursor: not-allowed !important;
}

:is(.zr-dataForm, .zr-EnterForm):not(.zr-datalist-form) :is(.sp-btn-search, .sp-f input[type=button].sp-btn-search, input[type=button].sp-ultra-active.sp-btn-search, input[type=submit].sp-ultra-active.sp-btn-search, button.sp-ultra-active.sp-btn-search) {
  min-width: var(--minibtnwidth) !important;
  left: calc(100% + var(--minibtnleft));
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
  border: 0px;
  padding: 0;
  position: absolute;
  border-radius: var(--xsmallradius) !important;
  min-height: var(--minibtnwidth) !important;
  font-size: 10px !important;
  justify-content: center !important;
  height: var(--minibtnwidth) !important;
  background: url(/themes/manager/icons/accounting/SearchItems.svg) no-repeat var(--primary70) center;
  z-index: 14;
  background-size: var(--minibtnwidth) !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% + 0.25rem);
}

:is(.zr-dataForm, .zr-EnterForm):not(.zr-datalist-form) :is(.sp-btn-search, .sp-f input[type=button].sp-btn-search, input[type=button].sp-ultra-active.sp-btn-search, input[type=submit].sp-ultra-active.sp-btn-search, button.sp-ultra-active.sp-btn-search, .sp-btn-fish, .sp-btn-balance, .sp-btn-add):is(:focus, :hover) {
  background-color: var(--link50) !important;
  color: var(--link5) !important;
}

.zr-CurrentDocument  .zr-btn-search.zr-btn-detail img{
  display:none;
}
.zr-CurrentDocument  .zr-btn-search.zr-btn-detail label{
  color:inherit;
}

.zr-CurrentDocument :is(.zr-btn-detail, .sp-f input[type=button].zr-btn-detail)  ,  :is(.zr-btn-detail, .sp-f input[type=button].zr-btn-detail) {
  padding: 0 1.5rem 0 0 !important;
  text-align: right;
  margin: 0;
  min-width: 0;
  max-width: 0;
  display: inline-block;
  font-size: 10px;
  border: 0;
  color: var(--MainThemeColor);
  font-weight: 500;
  min-height: 1.25rem !important;
  height: auto;
  overflow: hidden;
  border-radius: var(--smallradius);
}

.zr-CurrentDocument :is(.zr-btn-detail, .sp-f input[type=button].zr-btn-detail):hover , :is(.zr-btn-detail, .sp-f input[type=button].zr-btn-detail):hover {
  min-width: max-content;
  color: var(--white) !important;
  position: absolute;
  padding-left: 0.5rem !important;
  left: 0;
  height: 100%;
  outline: 0 !important;
  font-size: var(--normalfont);
}

.zr-CurrentDocument :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact) ,   :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact){
  background: url(/themes/manager/icons/baseinformations/AddAccount.svg) transparent right no-repeat !important;
}
.zr-btn-contact-blue:not(.zr-btn-large){
  --midWidthbtn: 290px;
}
.zr-btn-contact-blue::before{
  content: '';
  width: 24px;
  height: 24px;
  background: url(/themes/manager/icons/accounting/ContactHover.svg) no-repeat;
  background-size: 100% 100% !important;
  margin-left: 0.5rem;
}
.zr-btn-contact-blue:is(:hover,:focus)::before{
  background: url(/themes/manager/images/AccountFocus.svg)  no-repeat !important;
  background-size: 100% 100% !important;
}

.zr-CurrentDocument :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact):hover:not(:focus),.sp-dialog :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact):hover:not(:focus)   {
  background: url(/themes/manager/icons/accounting/ContactHover.svg) var(--primary70) calc(100% - 0.25rem) no-repeat !important;
  background-size: 20px 16px !important;
  color: var(--white) !important;
  outline: none !important;
}



.zr-CurrentDocument :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact):focus , :is(.zr-btn-contact, .sp-f input[type=button].zr-btn-contact):focus  {
  min-width: max-content;
  padding-left: 0.5rem !important;
  position: absolute;
  left: 0;
  height: 100%;
  color: var(--link50) !important;
  background: url(/themes/manager/images/AccountFocus.svg) var(--link5) calc(100% - 0.25rem) no-repeat !important;
  outline: 1px solid var(--link50) !important;
}

.zr-CurrentDocument :is(.zr-btn-search, .sp-f input[type=button].zr-btn-search) {
  background: url(/themes/manager/icons/baseinformations/Doc.svg) transparent right no-repeat !important;
}

.zr-CurrentDocument :is(.zr-btn-search, .sp-f input[type=button].zr-btn-search):hover:not(:focus) {
  background: url(/themes/manager/icons/baseinformations/DocumentHover.svg) var(--primary70) calc(100% - 0.25rem) no-repeat !important;
  background-size: 20px 19px !important;
  padding-right: 1.75rem !important;
  color: var(--white) !important;
  outline: none !important;
}

.zr-CurrentDocument :is(.zr-btn-search, .sp-f input[type=button].zr-btn-search):focus {
  min-width: max-content;
  padding-left: 0.5rem !important;
  position: absolute;
  left: 0;
  color: var(--link50) !important;
  height: 100%;
  background: url(/themes/manager/icons/baseinformations/DocumentFocus.svg) var(--link5) calc(100% - 0.25rem) no-repeat !important;
  background-size: 18px 18px !important;
  outline: 1px solid var(--link50) !important;
}

.sp-btn-redo,
.sp-f input[type=button].sp-btn-redo,
input[type=button].sp-ultra-active.sp-btn-redo,
input[type=submit].sp-ultra-active.sp-btn-redo,
button.sp-ultra-active.sp-btn-redo {
  min-width: 20px  !important;
  border-radius: var(--xsmallradius)  !important;
  margin: auto 4px  !important;
  min-height: 20px  !important;
  background: url(/themes/manager/icons/accounting/ClearInput.svg) transparent no-repeat center  !important;
  height: 20px  !important;
  background-size: 20px 20px !important;
}

.sp-btn-balance,
.sp-f :is(button, input[type=button]).sp-btn-balance {
  position: absolute;
  left: calc(100% + 0.5rem);
  padding: 0 !important;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
  min-height: var(--minibtnwidth) !important;
  min-width: var(--minibtnwidth) !important;
  height: var(--minibtnwidth) !important;
  width: var(--minibtnwidth) !important;
  font-size: 10px;
  justify-content: center;
  color: var(--primary10);
  background: var(--primary70);
}

.sp-btn-balance::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(/themes/manager/icons/accounting/BlueSCALE.svg) no-repeat center;
  background-size: calc(var(--minibtnwidth) - 4px) !important;
  margin: auto;
}

.sp-btn-stone,
.sp-f input[type=button].sp-btn-stone,
.sp-f button.sp-btn-stone {
  min-width: 16px;
  position: absolute;
  padding: 0;
  left: calc(100% + var(--minibtnleft));
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--xsmallradius);
  min-height: 16px;
  background: url(/themes/manager/icons/accounting/BlueVector.svg) var(--primary70) center no-repeat;
  height: 16px;
}

.zr-large-btn:is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone, .sp-f button.sp-btn-stone) {
  min-width: var(--minibtnwidth);
  min-height: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background-size: 16px 16px;
}

:is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone):is(:focus, :hover),
.zr-pinkmode :is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone):is(:focus, :hover),
:is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone):is(:focus, :hover),
.zr-pinkmode :is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone):is(:focus, :hover) {
  background-image: url(/themes/manager/icons/accounting/linkStone.svg);
  background-color: var(--link50) !important;
}

.zr-pinkmode :is(.sp-btn-stone, .sp-f input[type=button].sp-btn-stone) {
  background: url(/themes/manager/icons/accounting/PinkVector.svg) var(--primary70) center no-repeat;
}

.sp-btn-upload,
.sp-f input[type=button].sp-btn-upload {
  min-width: 16px !important;
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--xsmallradius);
  height: 16px;
  min-height: 16px;
}

.sp-btn-img {
  height: 24px;
  min-height: 24px;
  min-width: 70px;
}

.sp-btn-barcode,
.sp-f .sp-f-button.sp-btn-barcode {
  min-width: 32px;
  padding: 0;
  border-radius: var(--xsmallradius);
  min-height: 24px;
  background: url('/themes/manager/icons/accounting/BarcodeBtn.svg') var(--primary70) center no-repeat;
  height: 24px;
  margin: 0.25rem;
}

.sp-btn-barcode:is(:hover, :focus),
.sp-f .sp-f-button.sp-btn-barcode:is(:hover, :focus) {
  background: url('/themes/manager/icons/accounting/BarcodeFocusBtn.svg') var(--primary70) center no-repeat;
}

.sp-btn-change {
  text-align: center;
  width: 100%;
  background: url(/themes/manager/images/change.png) no-repeat;
  background-size: contain;
  background-position-x: calc(50% - 40px);
}

.changetolabel .sp-f-editor {
  width: 0;
}

.zr-FormContent {
  outline: var(--FormContentBorder) solid var(--primary70);
  background: var(--bgForm);
  padding: 0 1.25rem;
}

.zr-FormContent .sp-c-9:has(.sp-d-frame) {
  padding-left: 0;
}

.zr-MainContent {
  min-height: calc(100% - 44px);
}

.zr-accounting .zr-MainContent {
  min-height: calc(100% - 0px);
}

.zr-maingrid .sp-grid-header .sp-grid-cell,
.zr-maingrid .sp-g-header .sp-g-cell {
  border: 0px !important;
  border-left: 0.25px solid var(--table-border) !important;
}

.zr-maingrid .sp-g-header .sp-g-group .sp-g-cell {
  border: 0px !important;
}

.sp-g {
  border: 0px;
  margin: 0;
  padding: 0;
  flex: 1;
  background: var(--white);
  border-radius: var(--xlargeradius);
  display: flex;
  flex-direction: column;
  border: 0;
  outline: 1px solid var(--primary30);
  overflow: hidden;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent .sp-g:not(.zr-grid-seperate .sp-g) {
  border-radius: var(--xlargeradius);
}

.sp-grid-cell a,
.sp-g-cell a {
  display: flex;
  height: 100%;
  font-size: var(--normalfont);
  font-weight: 500;
  justify-content: center;
  align-items: center;
}

.sp-justify-right:is(.sp-grid-cell a, .sp-g-cell a) {
  justify-content: right;
}

.sp-g-cell img.zr-drop-icon {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
}

.zr-page-box .zr-page-content {
  max-height: 100%;
  overflow: auto;
}

:is(.zr-page-parent, .zr-dialog-parent):not(.zr-report-parent) .zr-page-content,
.zr-dialog-parent:not(.zr-report-parent) .zr-dialog-content {
  /* padding: 1.5rem 2.25rem 0.5rem;*/
  padding: 0.75rem;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent :is(.zr-page-box, .zr-dialog-box) {
  border-width: 2px;
  background: transparent;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent .sp-d-form:not(.sp-d-form .sp-d-form) , .zr-report-parent .sp-d-form:not(.sp-d-form .sp-d-form) {
  background: var(--white);
  border-radius: 1.5rem;
  padding: 1.5rem 1.5rem 0;
  /*0.75rem;*/
  width: calc(100% - (1.5rem) * 2);
  margin: 0 auto 0;
}

: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-report-parent .zr-report-box {
  /* :is(.zr-grid-parent)*/
  padding: 0.75rem !important;
  border-radius: 1rem;
  background: var(--white);
  margin-top: 0.75rem;
  flex: 10;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent :is(.zr-dialog-box, .zr-page-box) .sp-tab-content .sp-p-data {
  margin-top: 0;
  padding-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-report-box, .zr-report-paren .sp-p-data) :is(.zr-grid-parent:not(.sp-tab .zr-grid-parent)) {
  padding: 1px !important;
}

.zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
  border-radius: 1rem !important;
}

..zr-report-paren .zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
  border-radius: 1.25rem !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent) .sp-g-row .sp-g-cell {
  border: 0 !important;
  border-left: 0.25px solid var(--table-border) !important;
  border-bottom: 0.25px solid var(--table-border) !important;
  justify-content: center;
  border-radius: 0;
  white-space: normal;
  min-height: var(--GridCellHeight);
  font-size: var(--GridCellFont);
  font-weight: var(--GridCellFontWeight);
  color: var(--gray95);
  padding: 0;
  align-items: center;
}

.sp-g-cell.zr-cell-date {
  overflow: inherit;
}

.sp-g-row .sp-g-cell.zr-cell-right {
  padding: 0 0.75rem 0 0;
  align-items: flex-start;
  text-align: right;
}

.zr-cell-mix {
  flex: 3;
  margin-left: 0.75rem;
}

.sp-d-board {
  height: 100%;
  max-height: 100%;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell .sp-g-cell,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell.sp-d-frame,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-cell:has(.sp-frame) {
  border-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-frame,
.sp-g-nested:not(:only-child, :last-child) {
  border-bottom: 1px solid var(--table-border) !important;
}

.sp-board>.sp-d-division {
  max-height: calc(100% - 0px);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell p {
  font-size: var(--GridCellFont);
  /* color: var(--primary70);*/  
  font-weight: var(--GridCellFontWeight);
}
.zr-grid-analys  {
  --GridCellFont:var(--largefont);
  --GridCellFontWeight:400;
  --HeaderCellFontWeight: 700;
}
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-frame {
  display: flex;
  flex-direction: column;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-nested,
.sp-d-tab,
:is(.zr-maingrid, .sp-board, .zr-printbox) .sp-frame {
  flex: 1;
}

.sp-board .sp-d-card,
.sp-d-tab {
  overflow: auto;
  max-height: 100%;
  display: flex;
}

.sp-d-card {
  margin-bottom: 0;
}

.zr-detaildoc-row:not(:only-child, :last-child) {
  border-bottom: 0.25px solid var(--table-border) !important;
}

.sp-g-cell .sp-d-frame {
  margin: 0 auto auto;
}

.zr-table-cell {
  min-height: 32px;
  font-size: var(--GridCellFont);
  font-weight: 500;
  color: var(--gray95);
  display: flex;
}

.zr-maingrid .sp-g-row .sp-g-cell:last-child,
.zr-maingrid .sp-g-header .sp-g-cell:last-child {
  border-left: 0 !important;
}

.sp-grid-button,
.sp-g-button {
  min-width: 2.25rem;
  padding: 0;
}

.zr-ProductImgParent,
.sp-d-image {
  max-height: var(--Imageheight);
  display: flex;
  min-height: var(--Imageheight);
  max-width: var(--Imagewidth);
  min-width: var(--Imagewidth);
  height: 100%;
  margin-right: auto;
  outline: 1px solid var(--primary15);
  background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5) no-repeat;
  background-size: cover;
}

.sp-d-image {
  margin-left: auto;
}

.zr-ProductNote {
  top: 0.25rem;
}

.zr-ProductNote label {
  font-size: var(--normalfont);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-image {
  --Imagewidth: 168px;
  --Imageheight: 150px;
  margin-bottom: var(--MarginRow);
}

.sp-d-carousel {
  max-height: var(--Imageheight);
  display: flex;
  min-height: var(--Imageheight);
  max-width: var(--Imagewidth);
}

.zr-dialog-box .zr-ProductImgParent {
  max-height: var(--ProductImgparentheight);
  display: flex;
  min-height: var(--ProductImgparentheight);
  max-width: var(--ProductImgparentwidth);
  margin: auto;
}

.zr-dialog-box .zr-MainPic {
  max-width: 200px;
}

.zr-MainPic {
  max-width: var(--MainPicWidth);
}

.zr-upload-box {
  min-width: 144px;
  min-height: 144px;
  width: 20%;
}

.zr-upload-box:hover {
  background-color: var(--secondary5);
}

.zr-upload-box:hover .sp-color-BlackBlue {
  color: var(--secondary60);
}

.zr-upload-img {
  max-width: 70px;
}

.zr-upload-imghover {
  max-width: 74px;
}

.zr-icon-product-delete,
.zr-icon-product-rt {
  right: var(--ImgDistance);
  top: var(--ImgDistance);
}

.zr-icon-product-zoom,
.zr-icon-product-rb {
  right: var(--ImgDistance);
  bottom: var(--ImgDistance);
}

.zr-icon-product-add,
.zr-icon-product-lt {
  left: var(--ImgDistance);
  top: var(--ImgDistance);
}
.zr-icon-product-bt {
  left: var(--ImgDistance);
  bottom: var(--ImgDistance);
}
.zr-icon-product-operation {
  background: var(--primary70light);
  min-width: 24px;
  min-height: 24px;
}

.zr-icon-product-operation:hover {
  background: var(--primary70)
}

.zr-icon-product-operation:focus {
  background: var(--Mainsecondary)
}

.zr-img-operation {
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
}

.zr-uploadimg-operation {
  max-width: 14px;
  max-height: 14px;
  object-fit: contain;
}

.sp-upload {
  min-width: var(--Imagewidth);
  min-height: var(--Imageheight);
  display: flex;
  flex-direction: column;
}

.sp-upload-image {
  object-fit: cover;
}

.zr-ProductImgBox {
  flex: 1 1 calc(33% - 3rem);
}

.sp-validated {
  position: relative;
}

.sp-form select,
.sp-f select {
  border: 0px;
  font-size: var(--FontInput);
  margin: 0;
  font-family: 'Vazir';
  width: 100%;
  border-radius: var(--inputrp) 0 var(--inputrp) var(--inputrp);
  padding: 0;
  direction: rtl;
  height: var(--InputHeight);
}

.sp-f :is(input[type=text], input[type=number], textarea, input[type=password]),
:is(input[type=text], input[type=number], textarea, input[type=password]),
.sp-f-editor>.sp-f-label,
.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
  border: 0;
  margin: 0;
  padding: 0;
  text-align: right;
  border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
  width: 100%;
  padding-right: var(--TextPadding);
  line-height: var(--InputHeight);
  font-family: 'vazir';
  font-size: var(--FontInput);
  font-weight: var(--InputFontWeight);
  background-color: var(--InputColor);
  transition: none !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):not(.zr-toolbar-filter :is(.sp-drop, .sp-select)) {
  border-radius: var(--xsmallradius);
  width: calc(100% - 1rem) !important;
  margin: 0.25rem auto;
  line-height: 20px;
  outline: 1px solid var(--primary10);
  /*min-height: 24px;*/
}
.sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input)[readonly], :is(.zr-hasfilter) :is(.sp-drop, .sp-select)[readonly]{
  background: var(--primary10);
  color: var(--primary50);
}

.sp-g-cell .sp-select-input,
.sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input).sp-select-input {
  width: 100% !important;
  margin: 0;
}

:is(.zr-hasfilter) :is(.sp-drop, .sp-select) :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input) {
  padding: 0.25rem;
  height: 100%;
  margin: 0;
  width: 100% !important;
}

.sp-g-cell select {
  --InputHeight: 20px;
}

.sp-f :is(input[type=text], input[type=number], textarea).sp-center,
:is(input[type=text], input[type=number], textarea).sp-center,
.sp-f-editor>.sp-f-label.sp-center,
.sp-form select.sp-center,
.sp-f select.sp-center,
.sp-form-select.sp-center,
.sp-f-select.sp-center {
  text-align: center;
}

.sp-f-editor>.sp-f-label {
  background-color: transparent;
}

.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
  height: var(--InputHeight)
}

[disabled=disabled] .operation-icon,
[disabled=disabled] p,
[disabled=disabled] img {
  opacity: 0.5;
}

.operation-item[disabled=disabled]:hover {
  background: transparent;
  box-shadow: 0px 3px 6px var(--OperationShadow);
  border: 1px solid var(--Purewhite);
}

/*Tree Overwrite*/

.sp-f .sp-select:read-only .sp-select-input,
.sp-form .sp-select:read-only .sp-select-input {
  background-color: var(--InputColor);
}

.sp-f .sp-select.sp-select-show .sp-select-input,
.sp-form .sp-select.sp-select-show .sp-select-input,
.sp-f .sp-drop.sp-drop-show .sp-drop-button,
.sp-form .sp-drop.sp-drop-show .sp-drop-button,
.sp-f .sp-widget.sp-f-widget.sp-widget-show .sp-f-suggest,
.sp-form .sp-widget.sp-f-widget.sp-widget-show .sp-f-suggest{
  color: var(--link50);
  --InputColor: var(--grayWhite);
}
.sp-d-suggest .sp-f-append .sp-link{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-select-items, .sp-drop-items, .sp-d-suggest .sp-widget-picker , .sp-suggest .sp-widget-items) {
  overflow: hidden;
  border-radius: 0 0 0.75rem 0.75rem;
  top: 100%;
  border: 0.5px solid var(--borderDoccolor) !important;
  border-top: 0 !important;
  width: calc(100% + 2px);
  left: -1px;
  padding-right: 0.5rem;
  padding-left: 2px;
  background: var(--grayWhite);
  z-index: 22;
  box-shadow: none;
  /*  max-height: 200px;*/
}

.sp-widget-items{
  overflow-y: auto;
}
.sp-dialog :is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-select-items, .sp-drop-items, .sp-d-suggest .sp-widget-picker ,  .sp-suggest .sp-widget-list ) {
  max-height: 200px;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-show .sp-select-items,
.sp-drop-show .sp-drop-items , .sp-widget-show .sp-widget-items {
  display: flex;
  flex-direction: column;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-show .sp-select-list ,  .sp-suggest .sp-widget-list  {
  max-height: calc(100% - 0px);
}

.sp-dialog :is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(ul.sp-tree, .sp-select-items ul:not(.sp-tree ul), .sp-drop-items>ul),  .sp-suggest .sp-widget-list   {
  max-height: calc(100% - 0px);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-d-suggest .sp-widget-picker ,  .sp-suggest .sp-widget-list  {
  max-height: 250px;
  overflow-y: auto;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop, .sp-select) {
  background-color: unset !important;
}

:is(.zr-grid-seperate.zr-hasfilter) :is(.sp-drop, .sp-select) {
  outline: 0;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree, .sp-tree ul, .sp-drop, .sp-select) {
  direction: rtl;
  font-size: var(--smallfont);
  cursor: pointer;
  margin-left: 0;
}

:is(.zr-hasfilter) :is(.sp-tree, .sp-tree ul, .sp-drop, .sp-select) {
  margin-left: auto;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter , .zp-app) :is(.sp-tree ul) {
  padding: 0 1.25rem 0 0;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(ul.sp-tree, .sp-select-items ul:not(.sp-tree ul), .sp-drop-items>ul) {
  max-height: 14rem;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 15;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li>label, .sp-select-item>label, .sp-drop-items li>label ,  .sp-widget-item ) {
  width: 100%;
  font-size: var(--smallfont);
  cursor: pointer;
  margin: 0;
  text-align: right;
  border-radius: var(--smallradius);
  padding: 0.25rem 0.75rem 0.25rem 0.4rem;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li, .sp-select-item, .sp-drop-items li, .sp-suggest .sp-widget-list li.sp-widget-item) {
  width: 100%;
  font-size: var(--smallfont);
  margin: 0;
  text-align: right;
  border-radius: var(--smallradius);
  background: transparent;
  padding: 0;
  position: relative;
}

.multi-select .ComboItem {
  flex-direction: row !important;
  flex-wrap: wrap;
}

.sp-grid-row:nth-child(even),
.sp-g-row:nth-child(even) {
  background-color: var(--white);
  border-top: none;
}

.sp-f button.sp-drop-button,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop-button) {
  border: 0 !important;
  margin: 0 !important;
  display: flex;
  min-height: var(--InputHeight) !important;
  height: var(--InputHeight) !important;
  border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp) !important;
  font-weight: var(--InputFontWeight);
  flex-direction: column;
  padding-right: 0.5rem;
  font-family: 'Vazir';
  padding-left: 2rem;
  font-size: var(--FontInput);
  box-shadow: none !important;
  background-color: var(--InputColor) !important;
  justify-content: center;
}


:is(.zr-hasfilter) .zr-toolbar-filter .sp-f-row:not(:focus,:focus-within) :is(.sp-drop-button) {
  border-radius: var(--inputrp) !important;
}


:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append :is(.sp-drop-button, .sp-drop-button label) {
  font-size: var(--smallfont);
  /* padding-left: 1.5rem;*/
  display: flex;
  padding-right: 0.25rem;
  justify-content: center;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop.sp-drop-show {
  min-width: 100px;
  position: relative;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop .sp-drop-button:after {
  width: 0;
  height: 0;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 6px solid var(--dark) !important;
  background: transparent;
  border-bottom: 0 !important;
  transform: none;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
}

.zr-readonly-notshow .sp-f-append .sp-drop.sp-f-disabled .sp-drop-button:after {
  display:none;
}
.zr-readonly-notshow :is(.sp-drop-button){
  padding-left:0.5rem !important;
}
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop.sp-drop-show .sp-drop-button:after {
  transform: rotate(180deg);
}

.sp-f button.sp-drop-button,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop-button label) {
  display: flex;
  flex-direction: column;
  font-family: 'Vazir';
  font-size: var(--FontInput);
  font-weight: var(--InputFontWeight);
  margin: auto 0;
  cursor: pointer;
}

.sp-f-readonly.sp-f-append .sp-drop-button {
  background-color: transparent !important;
}


:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li>label:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-item>label:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-drop-items li>label:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-widget-item:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter)   .sp-suggest .sp-widget-list .sp-widget-item>label:hover{
  background: var(--link5);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li::before {
  border: 0;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li::after {
  top: 0;
  border-left: 0;
  border-top: 0;
  border-radius: 0;
  width: 0;
  height: 0;
}

.sp-select-active>label,
.sp-drop-active>label,
.sp-widget-active>label
{
  background: var(--link20);
}

.sp-widget-active:not(:hover)>label
{
  background: var(--link20);
  background-color: var(--link20) !important;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li.sp-select-nested>label) {
  padding-right: 1.25rem;
  font-weight: bold;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li::before) {
  left: auto;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li:last-child:before) {
  border-radius: 0 0 5px 0;
}

.sp-select-nested i{
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 6px solid var(--dark);
  background: transparent;
  border-left: 0;
}

.sp-list-nested i {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 8px solid var(--dark);
  background: transparent;
  border-left: 0;
  position: absolute;
  top: 19px;
  right: 16px;
}

:is(.sp-f-select , .sp-list , .sp-widget-item) .sp-toggle-active.sp-select-collapse , .sp-widget-item  .sp-widget-collapse.sp-toggle-active{
  transform: rotate(-90deg);
}

.zr-active-tree .sp-select-input,
.sp-select-show .sp-select-input,
.sp-drop-show .sp-drop-button,
.sp-widget-show .sp-f-suggest{
  border-radius: var(--inputminrp) var(--inputminrp) 0 0 !important;
  outline: 0.5px solid var(--borderDoccolor) !important;
}

.hrline{
  width: 100%;
  max-height: 1px;
  margin: 0px;
  height: 1px;
  border: 0;
}

.sp-bg-lightbluegrey {
  background-color: var(--lightbluegrey);
}

.zr-bilan-gap{
  gap:0.75rem;
}
.zr-bilan-chartline-parent{
  height: 162px;
}
.zr-tab-slide{
  max-width: 50%;
  margin: 0 auto !important ;
}
.zr-bilan-chartlist-parent{
  flex: 1 1 40px !important;
}

:is(.zr-bilan-framechart,.zr-bilan-main).sp-main-loading .sp-main-loading::after{
  display:none;
}
.sp-bg-dark {
  background: var(--DarkColor);
}

.sp-b-black {
  border-color: var(--gray40);
}

.sp-b-white {
  border-color: var(--white);
}
.sp-b-darkred {
  border-color: var(--error70);
}
.sp-bg-darkblue,
.sp-bg-MainColor,
input[type=button].sp-ultra-active.sp-bg-darkblue,
input[type=submit].sp-ultra-active.sp-bg-darkblue,
button.sp-ultra-active.sp-bg-darkblue {
  background-color: var(--MainThemeColor) !important;
}

.sp-bg-darkprimary  {
  background-color: var(--primary70) !important;
}
.sp-b-darkprimary  {
  border-color: var(--primary70) !important;
}

/*
.sp-bg-blueform .sp-tab-content ,.zr-tab-item-col.zr-selected{
background-color: var(--bgForm) !important;
}*/
.sp-bg-blueform .sp-tab-content,
.zr-tab-item-col.zr-selected,
.zr-tab-item-col.zr-selected:hover {
  background: var(--bgForm) !important;
}

.sp-bg-BlueBox {
  background-color: var(--BlueBox);
}

.sp-bg-bezh {
  background-color: var(--secondary10) !important;
}

.sp-blue-dialog {
  background-color: var(--Dialogbg);
}

.sp-red-dialog {
  background: var(--redDialog) !important;
}

.sp-yellow-dialog {
  background: var(--yellowDialog) !important;
}

.sp-green-dialog {
  background: var(--GreenDialog) !important;
}

.zr-dialog-box,
.zr-page-box {
  border-radius: var(--xxlargeradius);
  border: 2px solid var(--Dialogbg);
  /* 0.25rem solid var(--Dialogbg)*/
  ;
  border-top: 0px;
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  background: var(--white);
  /*  max-height: calc(100% - 2.5rem);*/
  max-height: calc(100% - 0rem);
  overflow-y: auto;
}

/*.zr-page-box{
max-height: calc(100% - 0rem);
}*/
.zr-dialog-parent {
  align-self: stretch;
  flex: 1;
  max-height: calc(100% - 0rem);
  height: 100%;
  overflow: hidden;
}

.zr-dialog-line {
  background: linear-gradient(90deg, var(--secondgradiant), var(--white), var(--secondgradiant));
  width: 100%;
  min-height: 3px;
}

.sp-bg-pinkform {
  /*background-color: var(--lightCopper);*/
}

.zr-pinkmode:not(.zr-Disabled) {
  --FirstbgColor: var(--Maintertiary);
  --secondary: var(--Maintertiary);
  --darkborder: var(--Maintertiary);
  --MainThemeColor: var(--Maintertiary);
  --bgtitle: var(--Maintertiary);
  --RedDelete: var(--Maintertiary);
  --primary70: var(--tertiary70);
  --primary80: var(--tertiary80);
  --bgForm: var(--tertiary5);
  --primary60: var(--tertiary60);
  --bgDoccolor: var(--tertiary10);
  --TempbgDoccolor: var(--tertiary10);
  --borderDoccolor: var(--tertiary30);

  /* --primary5light: var(--tertiary5light);*/
  --AppColor70: var(--Maintertiary);
  --AppColor5: var(--Maintertiary);
}


.zr-pinkmode :is(.sp-btn-balance, .sp-f input[type=button].sp-btn-balance):not(:hover, :focus) {
  color: var(--tertiary10);
}

.zr-pinkmode :is(.sp-btn-balance, .sp-f input[type=button].sp-btn-balance):not(:hover, :focus)::before {
  background-image: url(/themes/manager/icons/accounting/PinkSCALE.svg);
}

.zr-pinkmode .sp-f-button.sp-btn-undo:not(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/RefreshRed.svg) no-repeat center;
  background-size: 100% 100%;
}

.sp-bg-blueform.zr-bluemode {
  --AppColor70: var(--Mainprimary);
  --AppColor5: var(--Mainprimary);
}

.sp-bg-Second {
  background-color: var(--tertiary20);
}

.sp-bg-Darkpink {
  background-color: var(--Darkpink);
}

.sp-color-darkblue {
  color: var(--primary70);
}

.sp-color-red {
  color: var(--red);
}

.sp-color-honey {
  color: var(--Mainsecondary);
}

.sp-color-lightgray {
  color: var(--gray10);
}

.sp-opacity-1 {
  opacity: 0.5;
}

.sp-bg-red {
  background-color: var(--red) !important;
}

.sp-bg-honey.zr-btnfont-style {
  background-color: var(--honeycolor) !important;
}

.sp-red {
  color: var(--red) !important;
}

.sp-bg-dark {
  background-color: var(--MainThemeColor);
}

.sp-bg-primary {
  background-color: var(--primary);
}

.sp-color-grey {
  color: var(--gray70);
}

.sp-b-dark {
  border-color: var(--darkborder);
}

.sp-b-honey {
  border-color: var(--honeycolor);
}

.zr-b-table,
.zr-border-tablechild {
  border-color: var(--table-border);
}

.zr-border-tablechild:last-child {
  border-bottom: 0;
}

.zr-table-row .zr-table-row:last-child:not(.zr-selected-row) {
  border: 0;
}

.zr-mgrid-1.zr-mgrid-1.sp-g {
  margin: 1px;
}

.sp-dialog-main , .sp-modal-main {
  height: 100% !important;
  width: 100%;
  max-height: calc(100% - 0px);
  flex: 1;
  background-color: transparent !important;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: var(--primary95);
}

.sp-dialog .sp-dialog-button {
  display: none;
}

.sp-dialog:has(.zr-message-box) .sp-dialog-button,
.zr-shortmsg-btn {
  position: absolute;
  display: flex;
  cursor: pointer;
  background: url(/themes/manager/icons/messages/CloseDialog.svg) no-repeat;
  background-size: contain;
  z-index: 5;
}

.zr-closebtn-simple {
  max-width: 42px;
  right: -42px;
}

.sp-dialog-main>.zr-closebtn-simple {
  top: -42px;
}

.sp-dialog:has(.zr-message-box) .sp-dialog-button {
  right: 20px;
  width: 20px;
  height: 20px;
  top: 20px;
}

.zr-shortmsg-btn {
  width: 15px;
  height: 15px;
  left: 12px;
  top: 12px;
}

.sp-dialog-button img {
  width: 44px;
  height: 44px;
  margin: auto;
  text-align: center;
  opacity: 0;
}



.sp-dialog-overlay,
.zr-responsive-overlay,.sp-modal-overlay {
  background-color: #d7dde833;
  backdrop-filter: blur(12px);
  z-index: 35 !important;
  top: 0;
  right: 0;
}

.zr-responsive-overlay {
  display: none;
}

.sp-dialog-base {
  background: transparent !important;
  height: 100%;
  max-width: 100%;
  overflow: auto;
  vertical-align: top;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 0px);
}

.sp-dialog {
  box-shadow: 0 0 0;
  /* top: 46% !important;
  transform: translate(-50%,-46%) !important;*/
  background: transparent;
  max-height: calc(100% - 3rem);
  max-width: calc(100% - 3rem);
}

.zr-page-parent,
.sp-dialog:has(.zr-dialog-parent) {
  background: var(--Dialogbg);
  border-radius: var(--xxlargeradius);
}

.sp-dialog:has(.zr-dialog-parent) {
  display: flex !important;
  /*height: auto !important;*/
  flex-direction: column;
  /* overflow: hidden;*/
}

.sp-dialog-box {
  border-radius: 40px;
}

.sp-b-darkblue,
.sp-b-MainColor {
  border-color: var(--MainThemeColor);
}

.sp-backdrop-blur {
  backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
}

.sp-bl-dashed {
  border-left: 1px dashed var(--MainThemeColor);
}

.zr-overlay {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 14;
  bottom: 0;
  background: #ffffff00;
  backdrop-filter: blur(1px);
  /* mix-blend-mode: luminosity;*/
}

.zr-overlay-blur {
  background-color: #ffffff4d;
  backdrop-filter: blur(3px) brightness(1) saturate(1);
}

.zr-overlay-blur .zr-DIsabledGriderror {
  width: 36%;
}

.zr-maingrid {
  height: 100%;
  max-height: calc(100% - 0px);
}

.zr-maingrid.zr-Disabled {
  /*filter: opacity(0.6);
  mix-blend-mode: luminosity;*/
}

.zr-divContent.zr-Disabled {
  /* mix-blend-mode: luminosity;*/
}

#FormContent {
  min-height: calc(100% - 50px);
  width: 100%;
}

.sp-f-row.sp-d-select {
  flex-wrap: nowrap;
}

:is(.RawGold, .StoneForm) .sp-row:not(:nth-last-child(2), .sp-row .sp-row),
.MoneyForm .sp-row:not(:nth-last-child(2)),
.zr-melted-row>.sp-row {
  width: var(--middlewidth);
}

.CashForm .sp-row:not(.sp-row .sp-row, :nth-last-child(2)),
.DiscountForm .sp-row:not(:nth-last-child(2)),
.BankForm .sp-row:not(:nth-last-child(2), .sp-d-frame .sp-row),
.CurrencyForm .sp-row:not(:nth-last-child(2)),
.CardForm .sp-row:not(:nth-last-child(2)) {
  width: var(--smallwidth);
}

.MoneyForm .sp-row:not(:nth-last-child(2))  {
  width: var(--midwidth);
}

.CashForm .sp-row:not(.sp-row .sp-row, :nth-last-child(2)),
.DiscountForm .sp-row:not(:nth-last-child(2)),
:is(.RawGold, .StoneForm) .sp-row:not(:nth-last-child(2), .sp-row .sp-row),
.MoneyForm .sp-row:not(:nth-last-child(2)),
.BankForm .sp-row:not(:nth-last-child(2), .sp-d-frame .sp-row),
.CurrencyForm .sp-row:not(:nth-last-child(2)),
.CardForm .sp-row:not(:nth-last-child(2)),
.zr-melted-row>.sp-row,
.MoneyForm .sp-row:not(:nth-last-child(2))  {
  margin-left: auto;
  margin-right: auto;
}

.zr-tabline {
  margin: 1rem 0 0.5rem;
}

:is(.Chequeform, .zr-divStone, .zr-divCurrency) .sp-row:first-of-type .sp-f-row:not(.zr-mt-row) {
  margin-top: 0 !important;
}

.zr-divStone,
.zr-divCurrency,
.zr-divBank,
.zr-Divjewel {
  min-height: calc(100% - 64px);
  display: flex !important;
}

.StoneForm,
.MoneyForm,
.Chequeform {
  height: auto;
  flex: 1;
  align-self: stretch;
}

.sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2)) {
  flex: 50;
}

.zr-sales :is(.StoneForm, .MoneyForm, .Jewleryform, .Chequeform) {
  min-height: 260px;
}

.zr-sales {
  --DocumentHeight: 440px;
  /*  --RemainHeight:80px158px*/
}

.zr-sales {
  --salesgridborder: 0.25rem solid var(--gray5);
}

@-moz-document url-prefix() {
  .zr-cheque-remainder input {
    margin: 0 !important;
  }
}

.zr-searchcustomer-btn {
  width: 290px;
}

.zr-CurrentDocumentParent.zr-Disabled {
  --MainThemeColor: var(--gray70);
}

:is(.zr-DeleteDoc, .zr-btn-DeleteFilter, .zr-btn-delete):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, .sp-f-button) {
  min-width: var(--DocBtnWidth);
  background: transparent;
  color: var(--Maintertiary);
  border-radius: var(--smallradius);
  outline: 1px solid var(--Maintertiary);
  font-size: var(--largefont);
}

:is(.zr-DeleteDoc, .zr-btn-DeleteFilter, .zr-btn-delete):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, .sp-f-button):hover:not(:focus) {
  background-color: var(--error70) !important;
  outline: 1px solid var(--error70) !important;
  color: var(--white) !important
}

.zr-btn-DeleteFilter::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/baseinformations/EmptyFilter.svg) transparent center no-repeat;
}

.zr-btn-DeleteFilter:is(:hover)::before {
  background: url(/themes/manager/icons/baseinformations/EmptyFilterHover.svg) transparent center no-repeat;
}

.zr-btn-DeleteFilter:is(:focus)::before {
  background: url(/themes/manager/icons/baseinformations/EmptyFilterFocus.svg) transparent center no-repeat;
}

.zr-btn-copy,
.zr-btn-edit,
.zr-btn-delete,
.zr-btn-unselect,
.zr-btn-add {
  min-width: var(--Widthbtn);
}

.zr-btn-upload::before {
  content: "";
  width: 18px;
  height: 18px;
  margin-left: 0.25rem;
}

.zr-btn-unselect::before,
.zr-btn-delete::before,
.zr-btn-edit::before,
.zr-btn-copy::before,
.zr-btn-add::before,
.zp-btn-contact::before,
.zp-btn-invoicelist::before,
.zp-btn-date::before,
.zr-btn-edithoney::before {
  content: "";
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  margin-left: 0.25rem;
}

.zr-btn-unselect::before {
  background: url(/themes/manager/icons/baseinformations/Checkbox.svg) transparent center no-repeat;
  background-size: contain !important;
}

.zp-btn-contact::before {
  background: url(/themes/manager/icons/menu/sals/invoice/salesAddaccount.svg) transparent right no-repeat;
  background-size: contain;
}

.zp-btn-contact:is(:hover, :focus)::before {
  background: url(/themes/manager/images/AccountFocus.svg) transparent right no-repeat;
  background-size: contain;
}

.zr-btn-upload::before {
  background: url(/themes/manager/icons/accounting/DownloadWhite1.svg) transparent right no-repeat;
  background-size: contain;
}

.zr-btn-upload:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/accounting/DownloadFocus.svg) transparent right no-repeat;
  background-size: contain;
}

.zp-btn-invoicelist::before {
  background: url(/themes/manager/icons/baseinformations/Invoicereport.svg) transparent right no-repeat;
  background-size: contain;
}

.zp-btn-invoicelist:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/InvoicereportFocus.svg) transparent right no-repeat;
  background-size: contain;
}

.zr-btn-unselect:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/CheckboxFocus.svg) transparent center no-repeat;
  background-size: contain;
}

.zr-btn-delete::before {
  background: url(/themes/manager/icons/baseinformations/Delete.svg) transparent center no-repeat;
  background-size: 100%;
}

.zr-btn-delete:is(:hover)::before {
  background: url(/themes/manager/icons/accounting/recycle.svg) transparent center no-repeat;
  background-size: 100%;
}

.zr-btn-delete:is(:focus)::before {
  background: url(/themes/manager/icons/baseinformations/Delete-rec-focus.svg) transparent center no-repeat;
  background-size: contain;
}

.zr-btn-edit::before,
.zr-btn-edithoney::before {
  background: url(/themes/manager/icons/baseinformations/Edit-f.svg) transparent center no-repeat;
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background-size: 100% 100%;
}

.zr-btn-edit-outlinehoney::before {
  background: url(/themes/manager/icons/baseinformations/EditHoney.svg) transparent center no-repeat;
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background-size: 100% 100%;
}

.zr-btn-edithoney::before {
  background: url(/themes/manager/icons/baseinformations/EditDarkBlue.svg) transparent center no-repeat;
  background-size: 100% 100%;
}

.zr-btn-edit:is(:hover, :focus)::before,
.zr-btn-edithoney:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/EditFocus.svg) transparent center no-repeat;
  background-size: 100% 100%;
}

.zr-btn-edithoney {
  border-radius: var(--smallradius);
  font-weight: 400;
  font-size: var(--largefont);
}

.zr-btn-copy::before {
  background: url(/themes/manager/icons/baseinformations/Copy.svg) transparent center no-repeat;
  background-size: 100%;
}

.zr-btn-copy:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/copyFocus.svg) transparent center no-repeat;
  background-size: 100% 100%;
}

.zr-btn-add,
.zr-btn-add:is(.sp-f-button) {
  min-width: var(--Widthbtn);
  min-height: var(--HeightBtn);
  border-radius: var(--smallradius) !important;
  font-size: var(--FontBtnCancel);
  font-weight: 400;
  color: var(--gray70);
  outline: 1px solid var(--gray70);
  background: transparent;
}

.zr-btn-add.zr-btn-darkgreen,
.zr-btn-add.zr-btn-darkgreen:is(.sp-f-button) {
  background: var(--Mainquaternary);
  color:var(--white);
  outline: 1px solid var(--Mainquaternary);
}

.zr-btn-add.zr-btn-green,
.zr-btn-add.zr-btn-green:is(.sp-f-button) {
  color: #376B6D;
  outline: 1px solid #376B6D;
}

.zr-btn-honey,
.zr-btn-honey:is(.sp-f-button) {
  background: var(--secondary50) !important;
}

.zr-btn-add.zr-btn-red,
.zr-btn-add.zr-btn-red:is(.sp-f-button) {
  color: #875050;
  outline: 1px solid #875050;
}

.zr-btn-add.zr-btn-blueoutline,
.zr-btn-add.zr-btn-blueoutline:is(.sp-f-button) {
  color: var(--Mainprimary);
  outline: 1px solid var(--Mainprimary);
  min-width: var(--largewidth);
}

.zr-btn-add.zr-btn-lightblue,
.zr-btn-add.zr-btn-lightblue:is(.sp-f-button) {
  outline-color: var(--link20);
  background: var(--link5);
  color: var(--production50);
}

.zr-btn-add.zr-btn-lightpurple, .zr-btn-add.zr-btn-lightpurple:is(.sp-f-button) {
  outline-color: var(--rfid20);
  background: var(--rfid10);
  color: var(--rfid60);
}

.zr-btn-add::before {
  background: url(/themes/manager/icons/baseinformations/Plusgray2.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-lightpurple::before {
  background: url(/themes/manager/icons/baseinformations/pluspurple.svg) transparent center no-repeat;
  background-size: 13px 12px;
}

.zr-btn-add.zr-btn-blueoutline::before , .zr-btn-add.zr-btn-lightblue::before {
  background: url(/themes/manager/icons/baseinformations/PlusBlue.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-blue::before {
  background: url(/themes/manager/icons/baseinformations/PlusWhite.svg) transparent center no-repeat;
  background-size: 13px 12px;
}

.zr-btn-add.zr-btn-red::before {
  background: url(/themes/manager/icons/baseinformations/plusRed.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-green::before {
  background: url(/themes/manager/icons/baseinformations/PlusGreen.svg) transparent center no-repeat;
}
.zr-btn-add.zr-btn-darkgreen::before {
  background: url(/themes/manager/icons/baseinformations/PlusWhite.svg) transparent center no-repeat;
  background-size: 13px 12px;
}
.zr-btn-add:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/baseinformations/Pluslink2.svg) transparent center no-repeat;
}

.zr-CancelDoc: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, button, a) {
  min-width: var(--DocBtnWidth);
  background: transparent;
  color: var(--primary70);
  border-radius: var(--smallradius) !important;
  outline: 1px solid var(--primary70);
}

.zr-CancelDoc: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):hover,
.zr-CancelDocument:hover,
.zr-CancelDocument: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):hover {
  background: var(--MainThemeColor);
  color: var(--white);
}

.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) {
  background: var(--Mainquaternary);
  flex: 1 1;
  min-height: var(--HeightBtn);
  color: var(--white);
}

.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):hover {
  background: var(--Mainsecondary);
  color: var(--primary70);
}

:is(.zr-main-item, .zr-btn-item):hover .zr-Mainicon,
:is(.zr-main-item, .zr-btn-item):focus .zr-Mainicon,
:is(.zr-main-item, .zr-btn-item):focus:hover .zr-hovericon,
.zr-hovericon,
.zr-focusicon,
.zr-edited-form .zr-newmode-icon,
.zr-editmode-icon,
.zr-btn-text {
  display: none;
}

:is(.zr-main-item, .zr-btn-item):hover :is(.zr-hovericon, .zr-btn-text),
:is(.zr-main-item, .zr-btn-item):focus :is(.zr-focusicon, .zr-btn-text),
.zr-edited-form .zr-editmode-icon,
.zr-newmode-icon {
  display: block;
}

.zr-CurrentDocument :is(.zr-RemainBoxTitle, .zr-RemainBoxValue) {
  /*  font-size: 13px !important;*/
}

.sp-d-label.Title .sp-f-title {
  background: transparent;
  line-height: 1.25rem !important;
  font-size: 16px !important;
}

.sp-f-row.zr-has-longtitle {
  flex-wrap: nowrap;
}

.sp-f-title.zr-long-title:hover {
  max-width: unset;
  overflow: unset;
  justify-content: center;
  min-width: max-content;
  right: 0;
  padding: 0 0.25rem;
  background: var(--bgDoccolor);
  width: var(--widthtitle);
}

.sp-f-title.zr-long-title,
[class*="sp-f-row"] .sp-f-title.zr-long-title {
  white-space: nowrap;
  overflow: hidden;
  justify-content: right;
  padding: 0 0.25rem 0 0;
  width: var(--widthtitle);
}

.sp-f-title.zr-long-title:not(:hover)::before {
  content: "...";
  z-index: 5;
  background: var(--bgDoccolor);
  padding: 0 1px;
  position: absolute;
  left: 1px;
}

.sp-form-editor label,
.sp-f-editor label,
:is(.sp-drop, .sp-select) label {
  margin-top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: var(--gray95);
}

.sp-flex-1,
.zr-hascard-flex .sp-d-card:not(.zr-flex-unset) {
  flex: 1 !important;
}

.sp-flex-50{
  flex: 50 !important;
}
.sp-flex-2 {
  flex: 2 !important;
}

.zr-shortmsg-parent {
  min-width: 500px;
  bottom: 114px;
  position: fixed;
  min-height: 94px;
  z-index: 120;
  right: 2rem;
}

.zr-shortmsg-parent.zr-deletebox-parent {
  border: 1px solid var(--error20);
  border-right: 8px solid var(--error60);
}

.zr-shortmsg-parent.zr-correctbox-parent {
  border: 1px solid var(--approved20);
  border-right: 8px solid var(--approved50);
}

.zr-timer-parent {
  height: 2px;
  transform: rotate(180deg);
  border-radius: 2px;
}

.zr-timer {
  height: 2px;
  width: 0%;
  z-index: 125;
}

.zr-deletebox-parent .zr-timer {
  background: var(--error60);
}

.zr-deletebox-parent .zr-cancel-delete {
  --HeightBtn: 24px;
  margin: auto 0;
  --Widthbtn: 140px;
  --FontBtnCancel: var(--normalfont);
}

.zr-deletebox-parent .zr-cancel-delete::before {
  content: "";
  width: 10px;
  height: 10px;
}

.zr-msg-deleteicon,
.zr-msg-correcticon {
  width: 40px;
  height: 40px;
}

.zr-msg-deleteimg,
.zr-msg-correctimg {
  max-width: 16px;
}

.zr-msg-deleteicon , .sp-bg-lightred {
  background: var(--error5);
}

.zr-msg-correcticon ,.sp-bg-lightgreen {
  background: var(--approved5);
}

.zr-correctbox-parent .zr-timer {
  background: var(--approved50);
}

.sp-grid-header .sp-grid-cell,
.sp-g-header .sp-g-cell,
.sp-g .sp-g-header .sp-g-cell:not(:first-child) {
  background-color: transparent;
  border-left: 0.25px solid var(--table-header-border) !important;
  justify-content: center;
  font-size: var(--HeaderCellFont) !important;
  font-weight: var(--HeaderCellFontWeight) !important;
  border-right: 0 !important;
  position: relative;
  min-height: var(--HeaderCellHeight);
}

.sp-grid-header .sp-grid-cell a,
.sp-g-header .sp-g-cell a {
  background-color: transparent;
  justify-content: center;
  font-size: var(--HeaderCellFont) !important;
  font-weight: 500 !important;
  border-right: 0 !important;
  position: relative;
  min-height: var(--HeaderCellHeight);
  color: inherit;
}

.sp-g-cell:is(.sp-g-sorting, .sp-g-sorting-desc, .sp-g-sorting-asc) a::before {
  content: '';
  background: url(/themes/manager/icons/baseinformations/Sorting.svg) no-repeat center;
  width: 13px;
  height: 13px;
  cursor: pointer;
  margin-left: 0.25rem;
}

.sp-g-cell:is(.sp-g-sorting-asc) a::before {
  background: url(/themes/manager/icons/baseinformations/Sortingascp.svg) no-repeat center;
}

.sp-g-cell:is(.sp-g-sorting-desc) a::before {
  background: url(/themes/manager/icons/baseinformations/Sortingdescp.svg) no-repeat center;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-g-cell.sp-g-sorting a::before {
  background-size: 100%;
}

.sp-g .sp-g-header .sp-g-cell:last-child {
  border-right: 0 !important;
  border-left: 0 !important;
}

.sp-g-header .sp-g-cell .sp-g-cell,
.sp-grid-header .sp-grid-cell,
.sp-g-header .sp-g-cell,
.sp-g .sp-g-header .sp-g-cell:not(:first-child) {
  margin: 0;
  padding: 0 !important;
}

input.sp-f-radio
{
  height: calc(var(--checkboxheight) - 2px);
  width: calc(var(--checkboxheight) - 2px);
}
.sp-form-radio:before, .sp-f-radio:before{
  margin: -1px;
}
.sp-form-radio:checked:after, .sp-f-radio:checked:after {
  left: 3px;
  top: 3px;
  height: calc(var(--checkboxheight) - 8px);
  width: calc(var(--checkboxheight) - 8px);
  border-radius: 100% !important;
  background: var(--primary60);
}

.sp-form-check:indeterminate:after,
.sp-f-check:indeterminate:after {
  border: 0;
}

.zr-header {
  right: var(--MarginHeader);
  left: var(--MarginHeader);
  min-height: var(--HeaderHeight);
  position: fixed;
  top: 0;
  z-index: 20;
  width: cal(100% - var(--MarginHeader));
}

.zr-header-box {
  border-radius: 0 0 1.5rem 1.5rem;
  background: var(--FirstbgColor);
  height: var(--HeaderHeight);
}

.zr-header-line {
  top: 0;
  position: absolute;
  z-index: -1;
  left: -1px;
  height: calc(var(--HeaderHeight) + 4px);
  background: var(--secondary20);
  border-radius: 0 0 28px 28px;
  width: calc(100% + 2px);
}

.zr-header-date {
  min-width: 104px;
}

.zr-header-logo {
  max-width: 128px;
}

/*.zr-Logout-Img{
max-width:32px;
}
.zr-logout-box:hover ,.zr-logout-box:focus{
min-width:160px;
}
.zr-logout-box .zr-Logout-title{
display:none;
}
.zr-logout-box:hover .zr-Logout-title,.zr-logout-box:focus .zr-Logout-title{
display:flex;
}
.zr-logout-box:hover{
background: var(--error5);
outline: 1px solid var(--error60);
color: var(--error60);
}
.zr-logout-box:focus {
background: var(--error60);
color: var(--error5);
}
*/
.zr-logout-box:not(:is(:hover, :focus)) .zr-logout-hover,
.zr-logout-box:is(:hover, :focus) .zr-logout-main {
  display: none;
}

.zr-filter-dropdown {
  top: calc(100% + 4px);
  left: 0;
  background: white;
  width: 100%;
  border-radius: var(--smallradius);
  height: 228px;
  box-shadow: -1px -1px 10px #7070754d;
}

.zr-btn-cancelFilter {
  outline: 1px solid var(--gray30);
}

.zr-symbol-item:not(.zr-selected) {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}

.zr-symbol-Parent {
  min-width: 278px;
}

.zr-DropDown-open .zr-symbol-list {
  max-height: 270px;
  overflow: auto;
}

.zr-symbol-list {
  width: 100%;
}

.zr-symbol-DropDown:hover,
.zr-user-parent:hover,
.zr-symbol-DropDown.zr-DropDown-open {
  background: linear-gradient(4.1deg, var(--MainThemeColor) 2.72%, var(--primary60) 50.39%, var(--MainThemeColor) 100.08%);
}

.zr-symbol-DropDown.zr-DropDown-open {
  position: absolute;
  top: 1rem;
  left: 0;
  box-shadow: inset 0px 0px 12px #15223733, 0px 10px 30px #101a2980;
}

.zr-symbol-box {
  max-width: 20px;
  max-height: 20px;
}

.zr-symbol-img {
  object-fit: cover;
  height: 100%;
}

.zr-symbol-title {
  color: var(--primary5)
}

.zr-online-wifi {
  color: var(--approved20)
}

.zr-offline-wifi {
  color: var(--error20)
}

.zr-Calculator-icon {
  max-width: 18px;
}

.zr-update-text {
  color: var(--primary15)
}


.SectionTitle {
  opacity: 0.9;
}

.zr-inner-wrapper {
  padding: 0 1.5rem 0 2.5rem;
}

.zr-box-profile , .zr-box-deviceimg {
  width: var(--boxprofile);
  height: var(--boxprofile);
  background: var(--primary60);
  border: 1px solid var(--primary70);
}
.zr-box-deviceimg{
  border-color:var(--primary50);
}
.zr-box-deviceimg .zr-badge-online{
  width: 12px;
  height: 12px;
  border: 1px solid var(--primary50);
}
.zr-img-profile {
  /* max-width: calc(var(--boxprofile) / 2);
  margin: auto;*/
  object-fit: contain;
  object-position: center;

}

.zr-badge-online,
.zr-badge-count {
  width: 10px;
  height: 10px;
  background: var(--approved30);
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.zr-badge-count {
  background: var(--error50);
  top: 0;
}

.zr-SearchForm {
  left: 0;
  min-width: 200px;
  display: none;
  background: var(--gray5);
}

.zr-div-search:not(.zr-disabled):hover .zr-SearchForm {
  display: flex;
}

.zr-SearchForm input::placeholder {
  color: var(--primary70);
  font-weight: 500;
}

.zr-search-icon,
.zr-searchForm-icon,
.zr-delete-icon {
  max-width: var(--normalbtnwidth);
}

.zr-searchForm-box {
  border-radius: 0 0.5rem 0.5rem 0;
}

.zr-Show-search,
.zr-Show-search .zr-searchForm-box {
  background: var(--primary70);
}

.zr-Show-search .zr-Main-search,
.zr-Hover-search,
.zr-filter-box {
  display: none;
}

.zr-Show-search .zr-Hover-search,
.zr-Show-search .zr-filter-box {
  display: flex;
}

.zr-Hover-search {
  max-width: 16px;
}

.zr-Show-search input::placeholder {
  color: var(--gray30);
}

.zr-searchbox,
.zr-searchheader-input {
  background: var(--gray5);
}

.zr-searchbox {
  border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
}

.zr-filter-icon {
  max-width: 14px;
}

.zr-filter-triangle {
  top: -6px;
  width: 12px;
  height: 12px;
  border-radius: 0 3px 0 0;
  transform: matrix(-1, 0, 0, 1, 0, 0) rotate(-46deg);
  left: 0.75rem;
  background: var(--Purewhite);
}

.zr-filter-list {
  background: var(--gray10);
}

.zr-loading {
  z-index: 25;
  left: 4%;
  top: 20%;
  animation: OpacityAnimation infinite 1s;
}

.zr-PreLoading , .zr-loading-process {
  z-index: 25;
  bottom: 0;
  background: var(--PreLoading);
  backdrop-filter: blur(3px);
  -moz-backdrop-filter: blur(3px);
  border-radius: var(--xxlargeradius);
  /*  height: calc(100% - var(--TabHeight));*/
  height: 100%;
}
.zr-loading-process{
  background: #d7dde80a;
  backdrop-filter: blur(4px);
}
:is(.zr-loading-process , .zr-loading-small).sp-main-loading:after{
  background-size:clamp(100px, 120px, 50%) clamp(100px, 120px, 50%);
}
.zr-PreLoadingTitle {
  animation: OpacityAnimation infinite 1.5s;
}

@keyframes OpacityAnimation {
  0% {
    opacity: 0
  }

  25% {
    opacity: 0.25
  }

  50% {
    opacity: 0.5
  }

  75% {
    opacity: 0.75
  }

  100% {
    opacity: 1
  }
}

.zr-PreLoading-pulse {
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}

.zr-PreLoading-pulse:before {
  left: -12px;
}

.zr-PreLoading-pulse:before,
.zr-PreLoading-pulse:after {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}

.zr-PreLoading-pulse:before,
.zr-PreLoading-pulse:after {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: pulse 750ms infinite;
  animation: pulse 750ms infinite;
}

.zr-PreLoading-pulse:after {
  left: 12px;
  animation-delay: 500ms;
}

@keyframes pulse {
  50% {
    background: white;
  }
}

.grad {
  height: 2px;
  background-image: linear-gradient(to right, white, var(--MainThemeColor), white);
}

.zr-program-logo {
  max-width: 24px;
}

.zr-rightmenu {
  background: var(--MainThemeColor);
  right:  var(--MainDistance);
  width: var(--Widthrightmenu);
  top: var(--MainDistance);
  /*calc( var(--HeaderHeight) +var(--MainDistance));*/
  bottom:calc(var(--MainDistance) + var(--FooterHeight));
  /*  box-shadow: -4px 1px 0px 0px var(--honeycolor);*/
  border-radius: var(--xxlargeradius);
  z-index: 31;
}
.zr-rightmenu-innerbox{
  padding: calc(var(--rightmenugap) * 2) 0.5rem var(--rightmenugap);
}
.zr-rightmenu:not(.zr-small-menu) .zr-rightmenu-innerbox{
  padding: 0.5rem var(--rightmenugap) var(--rightmenugap);
}

.zr-menu-userbox {
  padding:1rem 0 0.25rem;
}
.zr-menu-userbox .zr-menu-userdetails{
  border-radius: var(--borderradiusrightmenulink);
  padding: 0.5rem 0;
}
.zr-menu-userbox:not(.zr-rightmenu-dropdown .zr-menu-userbox)>.zr-menu-userdetails{
  max-width: 56px;
}
.zr-logo-box , .zr-rightmenu-listparent{
  gap: var(--rightmenugap);
}
.zr-rightmenu-listparent{
  margin-top:var(--rightmenugap);
}
.zr-hmenu-toggle {
  padding: 1rem;
  /*1.5rem;*/
}

.zr-rightmenu-list,
.zr-shortkey-menu {
  scrollbar-width: thin;
}

.zr-headermenu,
.zr-rightmenu-list {
  display: flex;
}
.zr-headermenu,.zr-rightmenu-list, .zr-shortkey-menu {
  row-gap: var(--rightmenugap);
}
/**/
.zr-rightmenu.zr-small-menu

/*:not(:hover)*/
.zr-shortkey-menu {
  /*  background: transparent;
  padding: 1.5rem 0;*/
}

.zr-rightmenu:not(.zr-small-menu) {
  --ToggleWidth: 120px;
}
/*
.zr-rightmenu:not(.zr-small-menu) .zr-rightmenu-toggle{
background: var(--primary70);
}*/
.zr-headermenu-parent {
  background: var(--primary70);
  z-index: 7;
  display: flex;
  top: 0;
  transition: 0.5s width;
  width: 0;
  overflow: hidden;
  border-radius: 2.25rem 0 0 2.25rem;
  box-shadow: -4px 1px 0px 0px var(--honeycolor);
}

.zr-rightmenu-link,
.zr-shortmenu-link,
.zr-headermenu-link {
  border-radius: var(--borderradiusrightmenulink);
  width: 100%;
  margin: var(--Marginrightmenulink);
  padding-right: 0.75rem;
  min-height: var(--Heightrightmenulink);
  flex-direction: row;
}

.zr-rightmenubox{
  position: relative;
}
li.zr-rightmenubox:hover::after , .zr-rightmenu-dropdown-link:hover::after{
  content: '';
  position: absolute;
  right: 100%;
  height:100%;
  width: 100%;
  top: 0;
}
.zr-rightmenu-mainprogram:not(:hover) .zr-rightmenu-imgmain , .zr-rightmenu-mainprogram:hover .zr-rightmenu-imghover{
  display:flex;
}
.zr-rightmenu-mainprogram:not(:hover) .zr-rightmenu-imghover , .zr-rightmenu-mainprogram:hover .zr-rightmenu-imgmain{
  display:none;
}
.zr-shortmenu-link,
.zr-headermenu-link {
  /*  border-radius: var(--borderradiusrightmenutitle);
  --Marginrightmenulink: 0;
  width: 100%;
  --Heightrightmenulink: 32px;
  padding: 0;*/
}

.zr-headermenu-link {
  /*  --Heightrightmenulink: 40px;*/
}

.zr-small-menu/*:not(:hover)*/.zr-shortkey-menu .zr-first-item {
  /*padding: 0;*/
}
/*
.zr-first-item .zr-shortmenu-item {
font-size: var(--largefont);
font-weight: 500;
}
*/
.zr-rightmenu *[ultra-action] i,
.zr-rightmenu-link i,
.zr-rightmenu *[ultra-action] img,
.zr-rightmenu-link img,
.zr-shortkey-img,
.zr-headermenu-img {
  font-size: var(--menuicon);
  max-width: var(--menuicon);
  max-height: var(--menuicon);
  color: var(--rightmenucolor);
}
/*

li.zr-shortmenu-box {
margin-bottom: 2.25rem;
}

.zr-shortmenu-item,
.zr-headermenu-item {
color: var(--rightmenucolor);
font-size: var(--normalfont);
font-weight: var(--FontWeightRightMenu);
z-index: 5;
}

.zr-headermenu-item {
font-size: var(--largefont);
}

.zr-shortkey-menu .zr-rightmenu-ar {
background: var(--primary70)
}
*/
:is(.zr-shortmenu-link, .zr-headermenu-link):hover {
  /*  border-radius: 0.5rem;
  background: var(--white);
  --rightmenucolor: var(--primary70);*/
}

:is(.zr-headermenu-link):hover .zr-headermenu-item {
  font-weight: bold;
}

:is(.zr-headermenu-link):hover .zr-headermenu-boximg {
  background: var(--primary70);
  max-width: 24px;
  max-height: 24px;
  margin: auto 0;
}

.zr-rightmenu-item {
  color: var(--rightmenucolor);
  font-size: var(--FontRightMenu);
  font-weight: var(--FontWeightRightMenu);
  z-index: 5;
}

.zr-rightmenu-btn {
  color: var(--primary15);
  margin-bottom: clamp(1.5rem, 8vh, 5rem);
}

.zr-rightmenu-returnbtn {
  margin-top: clamp(1.5rem, 8vh, 5rem);
}

.zr-rightmenu-btn:is(:hover, :focus) {
  outline: 1px solid var(--primary15);
}

.sp-menu-active .zr-rightmenu-link , .zr-shortkey-menu .zr-shortmenu-box.zr-first-item .zr-shortmenu-link{
  background: var(--primary70);
  --FontWeightRightMenu:500;
}
.zr-rightmenubox:hover .zr-rightmenu-link,.zr-shortmenu-box:hover .zr-shortmenu-link, .zr-menu-userbox:hover .zr-menu-userdetails{
  background: var(--primary60);
  --FontWeightRightMenu: 500;
  outline: 1px solid var(--primary70);
}
.zr-logout-item, .zr-setting-item{
  margin: 0 var(--rightmenugap) var(--rightmenugap);
  border-top: 2px solid var(--primary20);
  padding-top: var(--rightmenugap);
}
.zr-logout-item:hover  .zr-shortmenu-link{
  background: var(--error70);
  outline-color: var(--error70);
}
.zr-rightmenu-dropdown :is(.zr-menu-userdetails , .zr-menu-userbox:hover .zr-menu-userdetails){
  background: var(--primary5);
  margin: 4px;
  width: calc(100% - 0.5rem);
  --borderradiusrightmenulink: var(--xlargeradius);
  min-height: 88px;
}
/*
.zr-programtitle-box:not(.zr-mainprogram-box):hover .zr-rightmenu-ar {
background: var(--primary70);
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover {
padding-right: 1rem;
}*/

.zr-rightmenu:not(.zr-small-menu) .zr-rightmenu-link :is(img, i) , .zr-shortmenu-link .zr-shortkey-img/*,.zr-rightmenu .zr-program-logo,.zr-shortmenu-link .zr-shortkey-img*/{
  margin-left: var(--MarginRightMenuItem);  /* */
}

.zr-rightmenu:not(.zr-small-menu

/*:not(:hover)*/
) .zr-shortkey-boximg:not(.zr-first-item .zr-shortkey-boximg) {
  /*  min-width: 32px;
  height: 32px;
  background: var(--white);
  margin: auto 0;*/
}


.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover .zr-rightmenu-icon,
.zr-rightmenu-icon-animated {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.zr-rightmenu-icon-animated {
  left: 0;
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover .zr-rightmenu-icon-animated {
  width: 25px;
  opacity: 1;
  height: 20px;
  visibility: visible;
}

.zr-hmenu-togglebox {
  border-radius: 34px 0px 0px 0px;
  overflow: hidden;
  min-height: 56px;
}

.zr-hmenu-togglebox:hover .zr-hmenu-toggle {
  background: var(--primary70);
}

:is(.zr-logout-item,.zr-hmenu-togglebox):not(:hover) .zr-hover-icon,
:is(.zr-logout-item,.zr-hmenu-togglebox):hover .zr-main-icon {
  display: none;
}

.zr-hmenu-togglebox .zr-hmenu-text {
  width: 0;
  overflow: hidden;
  transition: 0.5s width;
  white-space: nowrap;
}

.zr-hmenu-togglebox:hover .zr-hmenu-text {
  width: 100% !important;
}

.zr-hmenu-togglebox .zr-toggle-icon {
  max-width: 5px;
}

.icon-errorimg {
  width: 20px;
  height: 20px;
}

.zr-dialog-icon {
  max-width: 40px;
}

.sp-menu-active .zr-rightmenu-link :is(img, i) {
  /*    max-width: var(--menuicon);
  min-width: var(--menuicon);
  font-size: var(--menuicon);
  filter: opacity(1);
  color: var(--Dark);
  margin-left: 0.25rem;*/
  /*  margin-right: var(--MarginRightMenuItem);*/
}

/* .sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
font-size: 18px !important;
margin-right: 0.25rem;
font-weight: 700;
white-space: nowrap;
}
*/  /* 
.zr-rightmenu-logo {
font-size: var(--Fontrightmenulogo);
}

.zr-rightmenu-icon-animated {
filter: contrast(0.5) brightness(5);
}

.zr-rightmenubox:nth-child(1) .zr-rightmenu-link {
margin-top: 0 !important;
}*/

.zr-rightmenu:not(.zr-small-menu/*:not(:hover)*/) .sp-menu-active .zr-rightmenu-link {
  /* background-color: var(--selectedmenu);
  box-shadow: 1px 0px 0px 4px var(--honeycolor);
  flex-flow: row;
  padding-right: 0.5rem;
  justify-content: unset;
  margin: 0.25rem auto 0.25rem 0;
  1.25rem auto 1.25rem 0;
  z-index: 1;
  --Heightrightmenulink: 48px;
  width: calc(100% - 1rem);
  background-color: var(--primary70);*/
}
/*
.sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
color: var(--primary70);
}
*//*
.sp-menu-active .zr-rightmenu-link .svg-icon {
filter: brightness(0);
width: 25px;
height: 25px;
}

.zr-rightmenu:not(.zr-small-menu ) .sp-menu-active .zr-rightmenu-link::after {
content: "";
position: absolute;
bottom: 100%;
left: -4px;
background: transparent;
width: 30px;
height: 4.25rem;
box-shadow: 0px var(--Heightrightmenulink) 0px 0px var(--selectedmenu);
border: 4px solid var(--honeycolor);
border-right: 0;
border-top: 0;
border-bottom: 4px solid var(--honeycolor);
border-bottom-left-radius: var(--xxlargeradius);
}

.zr-rightmenu:not(.zr-small-menu ) .sp-menu-active .zr-rightmenu-link::before {
content: "";
position: absolute;
top: 100%;
left: -4px;
background: transparent;
width: 30px;
height: 4.25rem;
box-shadow: 0px calc(-1*var(--Heightrightmenulink)) 0 0px var(--selectedmenu);
border: 4px solid var(--honeycolor);
border-right: 0;
border-bottom: 0;
border-top: 4px solid var(--honeycolor);
border-bottom-left-radius: 0rem;
border-top-left-radius: var(--xxlargeradius);
}


.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover::after {
content: "";
position: absolute;
bottom: 100%;
left: 0px;
background: transparent;
width: 30px;
height: 4rem;
box-shadow: 0px var(--xxlargeradius) 0px 0px var(--primary70);
border-bottom-left-radius: var(--xxlargeradius);
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover::before {
content: "";
position: absolute;
top: 100%;
left: 0px;
background: transparent;
width: 30px;
height: 4rem;
box-shadow: 0px calc(-1 * var(--xxlargeradius)) 0 0px var(--primary70);
border-bottom-left-radius: 0rem;
border-top-left-radius: var(--xxlargeradius);
}

.sp-platform.zr-mainbox-logo,
.zr-main-logo {
min-height: 44px;
}*/
.zr-main-logo{
  max-width:144px;
}
.zr-rightmenu.zr-small-menu .zr-main-logo{
  max-width: 42px;
  width: 100%;
  margin-inline: auto;
}
.zr-rightmenu.zr-small-menu .zr-menu-userbox{
  justify-content: center;
}
.zr-mainbox-logo , .zr-menu-userbox {
  border-color: var(--primary20);
}
.zr-mainbox-logo{
  padding-bottom: calc(var(--rightmenugap) * 1);
  /* margin-top: 0.5rem;*/
}
/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo.sp-platform .zr-main-logo::before,
.zr-mainbox-logo::before {
content: url(/themes/manager/icons/mainlogo/LogoLight.svg);
}

.sp-platform .zr-main-status::before {
content: url(/themes/manager/icons/status/inProgress.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo .sp-platform.sp-platform-error .zr-main-status::before {
content: url(/themes/manager/icons/status/Error.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo .sp-platform.sp-platform-warning .zr-main-status::before {
content: url(/themes/manager/icons/status/Warring.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-status::before {
content: url(/themes/manager/icons/status/Check_All_Big.svg);
}*/
.sp-platform .zr-status-box{
  display:none;
}
.sp-platform:not(.sp-platform-active , .sp-platform-warning ,.sp-platform-error) .zr-status-box-loading, .sp-platform.sp-platform-error .zr-status-box-error, .sp-platform.sp-platform-warning .zr-status-box-warning, .sp-platform.sp-platform-active .zr-status-box-active{
  display:flex;
}
/*
.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform .zr-main-logo::before,
.zr-mainbox-logo .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoLight2.svg);
}

.zr-rightmenu.zr-small-menu
:not(:hover).zr-mainbox-logo.sp-platform.sp-platform-error .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoerror1.svg);
}

.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform.sp-platform-warning .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogowarning.svg);
}

.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoWhite.svg);
}
*/
/*
.zr-programtitle-box::before , .zr-shortkey-menu::before , .zr-shortkey-menu .zr-shortmenu-link:hover:before { 
content: "";
position: absolute;
top: 100%;
right: 0;
background: transparent;
width: 24px;
height: 2.5rem;
box-shadow: 2px -22px 0 0 var(--honeycolor);
border-bottom-left-radius: 0rem;
border-top-right-radius: 24px;
}

.zr-programtitle-box::after, .zr-shortkey-menu::after , .zr-shortkey-menu .zr-shortmenu-link:hover:after{
content: "";
position: absolute;
bottom: 100%;
right: 0;
background: transparent;
width: 24px;
box-shadow: 0px 22px 0px 0px var(--honeycolor);
height: 2.5rem;
border-bottom-right-radius: 24px;
}*/
/*
.zr-rightmenu-arbox::after {
content: "";
position: absolute;
top: 2px;
left: -28px;
background: transparent;
z-index: 0;
width: 30px;
height: 8px;
box-shadow: 0px 2px 0 0 var(--Mainprimary);
border-bottom-right-radius: 50%;
}

.zr-rightmenu-arbox::before {
content: "";
position: absolute;
top: 2px;
right: -28px;
background: transparent;
z-index: 0;
width: 30px;
height: 8px;
box-shadow: 0px 2px 0 0 var(--Mainprimary);
border-bottom-left-radius: 50%;
}

.zr-rightmenu:not(.zr-small-menu) .zr-shortkey-boximg .zr-shortkey-img {
display: none;
}

.zr-rightmenu:not(.zr-small-menu) .zr-shortkey-boximg::before {
content: "";
width: 22px;
height: 22px;
background-size: 100% 100% !important;
}

.zr-rightmenu:not(.zr-small-menu) .Accounting.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/accounting.svg");
}

.zr-rightmenu:not(.zr-small-menu) .ManageDashboard.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/Manage.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Payroll.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/payroll.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Production.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/production.svg");
}

.zr-rightmenu:not(.zr-small-menu) .RFID.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/rfid.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Sales.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/sales.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Manage.zr-shortkey-boximg::before {
background: url(/themes/manager/icons/menu/SettingSelected.svg);
}

.zr-rightmenu:not(.zr-small-menu) .Tax.zr-shortkey-boximg::before {
background: url(/themes/manager/icons/programs/Moadian.svg);
}*/

.zr-program-title,
.zr-program-logo,
.zr-rightmenu-imgmain,
.zr-rightmenu-imghover,
.zr-shortkey-img {
  z-index: 5;
}

.zr-rightmenu-ar {
  width: 24px;
  height: 24px;
}

.zr-rightmenu-arbox {
  top: calc(100% - 10px);
  width: 28px;
  height: 28px;
  background: var(--Mainprimary);
  z-index: 6;
  right: calc(50% - 12px);
}

.zr-small-menu/*:not(:hover)*/
:is(.zr-rightmenu-arbox, .zr-rightmenu-userbox) {
  /*  display:none;
  visibility: hidden;
  white-space: nowrap;*/
}

.zr-small-menu/*:not(:hover)*/.zr-hmenu-toggle {
  justify-content: center;
}

.zr-programtitle-box {
  /*  background: var(--Mainsecondary);
  border-radius: var(--borderradiusrightmenutitle);
  width: calc(100% - 0.75rem);
  min-height: var(--Heightrightmenulink);
  box-shadow: 0px 6px 10px #00000052;

  background: var(--primary70light);  */
  border-radius: var(--xlargeradius);
  width: calc(100% - 1rem);
  min-height: var(--Heightrightmenulink);
  /* box-shadow: 0px 6px 10px #00000052; 0 auto 2.5rem;*/
  margin: 0 auto 2rem;
  color: var(--white);
}

.zr-rightmenu.zr-small-menu .zr-programtitle-box {
  background: transparent;
}

.zr-small-menu :is(.zr-program-boxlogo, .zr-first-item .zr-shortkey-boximg) {
  /*   --menuicon: 28px;
  border-radius: var(--smallradius);
  width: 42px;
  height: 42px;
  overflow: hidden;
  min-height: 42px;
  background: var(--primary70LIGHT);
  margin-top: auto;*/
}

/*.zr-programtitle-box:not(.zr-mainprogram-box):hover  .zr-program-logo{
filter: grayscale(1) brightness(5);
}*/
/*.zr-rightmenu.zr-small-menu :is(.zr-rightmenu-item):not(.zr-shortkey-menu .zr-rightmenu-item , .zr-rightmenu-dropdown .zr-rightmenu-item), */.zr-rightmenu:not(.zr-small-menu ) :is(.zr-shortmenu-visible) {
  display: none !important;
}
.zr-rightmenu.zr-small-menu :is(.zr-rightmenu-item):not(.zr-shortkey-menu .zr-rightmenu-item , .zr-rightmenu-dropdown .zr-rightmenu-item){
  --FontRightMenu: var(--FontSmallRightMenu);
  white-space: nowrap;
  /* margin-top: 0.5rem;*/
}

.zr-rightmenu.zr-small-menu/*:not(:hover)*/:is(.zr-shortmenu-visible) ,.zr-rightmenu:not(.zr-small-menu) :is(.zr-shortmenu-invisible) {
  display: flex !important;
}

.zr-rightmenu.zr-small-menu .zr-shortmenu-invisible {
  display:none;
  /* visibility: hidden;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;*/
}

.zr-rightmenu.zr-small-menu
/*:not(:hover)*/,.zr-rightmenu.zr-small-menu/*:not(:hover)
~.zr-leftside:not(:has(.zr-rightmenu:hover)) {
--smallWidthrightmenu: 4.25rem;
--MarginRightMenuItem: 0;
}*/

.zr-rightmenu.zr-small-menu/*:not(:hover)/.zr-program-logo,.zr-shortkey-img*/ {
  /* margin-right: 0.5rem;*/
  --Widthrightmenu: var(--smallWidthrightmenu);
}

.zr-rightmenu:not(.zr-small-menu/*:not(:hover)*/) .zr-program-logo {
  margin-left: 0.25rem;
}

.zr-shortkey-menu {
  padding: var(--rightmenugap);
  width: 100%;
}
.zr-rightmenu-dropdown{
  background: var(--MainThemeColor);
  width:var(--Widthdropdown);
  border-radius: var(--xxlargeradius);
  position: fixed;
  right: calc(var(--Widthrightmenu) + 1.25rem);
  top: 76px;
  z-index: 31;
}
.zr-menu-userbox .zr-rightmenu-dropdown{
  bottom: calc(var(--FooterHeight) + 12px);
  top: auto;
}
.zr-menu-settingbox  .zr-rightmenu-dropdown{
  bottom: calc(var(--FooterHeight) + 12px + 64px);
  top: auto;
}
.zr-rightmenu-dropdown{
  display:none;
}
.zr-rightmenu  :is(.zr-rightmenubox,.zr-rightmenu-dropdown-link):hover .zr-rightmenu-dropdown{
  display:flex;
  --boxprofile: 52px;
}
.zr-rightmenu-dropdown::before {/*.zr-rightmenu-dropdown.sp-flex-column::before {*/
  width: calc(2.5rem + var(--smallWidthrightmenu));
  height: calc(100% + 0.5rem);
  content: "";
  position: absolute;
  left: calc(100% - 1rem);
  top: -0.25rem;
  z-index: 30;
}

.zr-rightmenu:not(.zr-small-menu/*:not(:hover)*/) .zr-shortkey-menu .zr-first-item {
  /*  background: var(--white);
  --rightmenucolor: var(--primary70);*/
}

.zr-shortkey-menu .zr-first-item {
  /*  order: -1;

  border-radius: var(--smallradius);
  --Heightrightmenulink: 32px;
  padding: 0 0.5rem 0 0;*/
}
/*
.zr-small-menu

/*:not(:hover) 
.zr-shortmenu-link {
justify-content: center;
}

.zr-shortkey-menu .zr-shortmenu-link:hover .zr-shortkey-img,
.zr-rightmenu:not(.zr-small-menu

: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.zr-small-menu/*:not(:hover)*/ :is(.zr-rightmenu-link, .zr-programtitle-box) {
  /* width: 100%;*/
  /* --Marginrightmenulink: 0;
  1.25rem 0rem 1.25rem 0;0*/
  flex-direction: column;
  justify-content:center;
  gap: 0.5rem;
  padding: 0;
  flex: 1;
}

.zr-rightmenu.zr-small-menu .zr-rightmenubox {
  max-width: var(--HeightLargerightmenulink);
  max-height: var(--HeightLargerightmenulink);
  height: var(--HeightLargerightmenulink);
  margin: auto;
  width: 100%;
  display: flex !important;
  z-index: 34;
}
.zr-rightmenu.zr-small-menu/*:not(:hover)*/:is(.sp-menu-active .zr-rightmenu-link, .zr-programtitle-box) {
  /* width: calc(100% - 0.5rem);*/
  width: 100%;
}

:is(.zr-menu-userbox , .zr-rightmenubox):not(.zr-rightmenu-hasdropdown:hover , .zr-menu-userbox:hover){
  z-index:36;
}
.zr-rightmenu.zr-small-menu

/*:not(:hover)*/
.sp-menu-active .zr-rightmenu-link {
  /*  padding-left: 0rem;
  min-height: 48px;
  padding-left: 0.75rem;*/
}

.zr-rightmenu-toggle {
  background: var(--primary70);
  min-width: var(--ToggleWidth);
  min-height: var(--ToggleHeight);
  border-radius: 1.5rem 0 1.5rem 0;
}

.zr-rightmenu-togglebox {
  /*  left: 0;
  top:0;
  border-radius: 0px 0px 0px 46px;
  border-radius: 50%;
  top: 2rem;
  height: var(--ToggleHeight);
  margin: auto 0;
  right: calc(100% + 0.5rem);*/
}

/*.zr-rightmenu-togglebox:hover .zr-rightmenu-toggle {
max-width: none;
}*/

/*.zr-rightmenu-togglebox:hover .zr-toggle-text {
display: flex;
}

.zr-toggle-text {
display: none;
}*/

.zr-codeinput::placeholder,
.zr-placeholder-input::placeholder {
  font-size: var(--Fontcodeinput);
  color: var(--gray70);
  text-align: center;
}

.zr-codeinput-img {
  max-width: 18px;
  right: 0.5rem;
  top: 50%;
  transform: translatey(-50%);
  z-index: 1;
}

.zr-codeinput-form {
  margin: 0.25rem 0;
}

.zr-codeinput,
input[type=text].zr-codeinput {
  border-radius: var(--normalradius);
  line-height: var(--LineheightCode) !important;
  background: var(--white);
  color: var(--link50);
  outline: 1px solid var(--link50);
  width: var(--WidthCode);
  text-align: center;
  font-size: var(--xlargefont);
}

/* leftside */
.zr-main-content{
  border-radius: 0 0 var(--normalradius) var(--normalradius);
  padding: 0.75rem;
  min-height: calc(100vh - var(--FooterHeight) - 0.5px);
  height: calc(100vh - var(--FooterHeight) - 0.5px);
}

.zr-footer{
  min-height:var(--FooterHeight);
  padding:0 2rem;
  background: var(--primary80);
}
.zr-divquick-menu{
  background: var(--primary80);
}
.zr-leftside {
  height: calc(100vh - var(--FooterHeight) - 1.5rem + 0px);
  width: calc(100% - var(--distancerightmenu));
  margin: 0 var(--distancerightmenu) 0 0;

  transition: width 0.5s;
  /*   min-height: max-content;*/
  /* max-width: calc(100% - 0px); */
  /* overflow-x: auto;*/
}

.zr-left-mainbox {
  overflow: auto;
  max-height: calc(100% - 0px);
}

.DropList {
  display: none;
  top: -12%;
  right: -5%;
  left: -5%;
  width: 110%;
}

/* Tab */

.zr-grid-tab {
  padding-right: 5.75rem;
  flex: 1;
}

.zr-tab-item,
.sp-tab-item

/*,.zr-grid-tab .sp-tab-active*/
{
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: transparent;
  color: var(--primary5);
  align-items: center;
  min-width: var(--DoctabWidth);
  line-height: var(--tablineheight);
  margin: var(--TabItemMargin);
  font-size: var(--largeradius);
  font-weight: 500;
  padding: 0 0.5rem;
  justify-content: center;
  display: flex;
  position: relative;
  transition: none;
  text-transform: none;
}

.sp-d-tab.sp-tab-simple

/*.sp-tab */
:is(.zr-tab-item, .sp-tab-item):not(.zr-tab-slide) {
  font-size: var(--normalfont);
}

.zr-tab-item::after,
.zr-tab-item.zr-selected::after,
.zr-tab-item.zr-selected::after,
.zr-grid-tab .sp-tab-active::after,
.sp-tab-item::after {
  right: -20px;
  border-radius: 0 0 0 0.5rem;
  box-shadow: -0.5rem 0 0 0 var(--grayWhite);
  left: auto;
}

.zr-tab-item::after,
.sp-tab-item::after {
  box-shadow: -0.5rem 0 0 0 transparent;
  transition: none;
}

.zr-tab-item::before,
.zr-tab-item.zr-selected::before,
.zr-grid-tab .sp-tab-active::before,
.sp-tab-item::before {
  left: -20px;
  border-radius: 0 0 0.5rem 0;
  box-shadow: 0.5rem 0 0 0 var(--grayWhite);
  right: auto;
}

.zr-tab-item::before,
.sp-tab-item::before {
  box-shadow: 0.5rem 0 0 0 transparent;
}

.sp-icon-print {
  max-width: 20px;
}

.zr-tab-item::before,
.zr-tab-item:after,
.zr-grid-tab .sp-tab-active::before,
.zr-grid-tab .sp-tab-active::after,
.sp-tab-item::after,
.sp-tab-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 10px;
  width: 20px;
  z-index: 1;
  transition: none;
  transform: none;
  background-color: transparent;
  top: auto;
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover,
.zr-tab-item-col:hover {
  background: var(--primary70) !important;
  color: var(--primary5) !important;
}

.zr-tab-item-col:hover .zr-tab-item-code {
  color: var(--primary70);
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::before {
  box-shadow: 0.5rem 0 0 0 var(--primary70);
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::after {
  box-shadow: -0.5rem 0 0 0 var(--primary70);
}

.zr-divpay {
  min-height: 38px;
  margin-bottom: 0.5rem;
  max-height: 38px;
}

.zr-tab-item-col:nth-child(1),
.zr-tab-item-col.zr-selected:nth-child(1) {
  margin-top: var(--MarginTabright);
}

.zr-tab-item-col:nth-last-child(1),
.zr-tab-item-col.zr-selected:nth-last-child(1) {
  margin-bottom: var(--MarginTabright);
}

.zr-tab-item-col {
  min-width: 86px;
  min-height: 28px;
  margin: 0.375rem 0 0.375rem;
  border-radius: var(--smallradius);
  background: var(--MainThemeColor);
  color: var(--grayColor);
}

.zr-tab-item-col.zr-selected {
  border-left: 0;
  margin: 0.5rem 0 0.5rem;
  outline: var(--FormContentBorder) solid var(--primary70);
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

.zr-tab-item-code {
  width: 24px;
  height: 24px;
  font-size: var(--xxlargefont);
  padding-top: 0.25rem;
  border-radius: 6px;
  color: var(--MainThemeColor);
}

.zr-Main-tab-parent {
  padding: 0 var(--paddingMaintabparent);
}

.zr-Main-tab-list .zr-tab-item-code {
  background: var(--primary5);
}

.zr-selected .zr-tab-item-code {
  background: var(--primary70);
  color: var(--primary5) !important;
}

.zr-tab-item-col .zr-tab-title {
  z-index: 3;
  white-space: nowrap;
}

.zr-tab-item-col.zr-selected .zr-tab-title {
  color: var(--primary70);
}

.zr-tab-item-col .zr-tab-item-code {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: var(--normalfont);
  margin: auto 0 auto 0.25rem;
  background: var(--primary5);
  padding-top: 1px;
}

.zr-tab-item-col.zr-selected .zr-tab-item-code {
  min-width: 20px;
  font-size: var(--largefont);
  min-height: 20px;
  background: var(--primary70);
}

.zr-tab-item.zr-selected,
.zr-tab-item.sp-tab-active,
.sp-tab-item.sp-tab-active {
  color: var(--primary70) !important;
  background: var(--grayWhite);
  font-size: var(--xxlargefont);
  font-weight: 700;
}

.zr-tab-list {
  height: var(--TabHeight);
  border-radius: 1.5rem 1.5rem 0 0;
}

.zr-Main-tab-list,
.zr-grid-tab,
.sp-tab-header {
  width: 100%;
  min-height: var(--TabHeight);
}

.zr-Main-tab-list {
  justify-content: center;
}

.zr-production .zr-Main-tab-list {
  column-gap: 2rem;
}

.zr-totalgrid {
  max-height: calc(100% - var(--TabHeight));
}

.zr-tab-item-col.zr-selected::after,
.zr-tab-item-col.zr-selected::before {
  content: "";
  position: absolute;
  right: calc(100% - 7px);
  width: calc(0.75rem + 3px);
  height: 0.8rem;
  z-index: 2;
}

.zr-tabCollist {
  margin-left: 0.5rem;
  max-width: 90px;
}

.zr-tab-item-col.zr-selected::before {
  bottom: 100%;
  border: var(--FormContentBorder) solid var(--primary70);
  border-right: 0;
  background: var(--formbg);
  border-top: 0;
  border-bottom-left-radius: var(--normalradius);
  box-shadow: -11px 9px 0px 6px var(--bgForm);
}

.zr-tab-item-col.zr-selected::after {
  top: 100%;
  border: var(--FormContentBorder) solid var(--primary70);
  border-right: 0;
  background: var(--formbg);
  border-bottom: 0;
  border-top-left-radius: var(--normalradius);
  box-shadow: -9px -10px 0px 8px var(--bgForm);
}

.btn-submit {
  min-width: 6.75rem;
}

.btn-reset {
  left: 6px;
  top: 22%;
}

.select-box {
  min-width: 50px;
  height: 1.875rem;
}

.zr-table-cell-1 {
  width: 12.5%;
  min-width: 2.75rem;
  white-space: normal;
  flex: 1;
}

.zr-table-cell-small {
  width: 4.5%;
  min-width: 2.25rem;
  white-space: normal;
  flex: 0.4;
}

.zr-table-cell-2 {
  width: 25%;
  min-width: 5.5rem;
  white-space: normal;
  flex: 2;
}

.zr-table-cell-8 {
  width: 80%;
  min-width: 5.5rem;
  white-space: normal;
  flex: 8;
}

.zr-table-cell-3 {
  width: 40%;
  min-width: 8.8rem;
  white-space: normal;
  flex: 3;
}

.zr-table-cell-4 {
  width: 60%;
  min-width: 13.2rem;
  white-space: normal;
  flex: 4;
}

.zr-table-cell-5 {
  width: 70%;
  min-width: 14.2rem;
  white-space: normal;
  flex: 5;
}

.zr-table-cell-child {
  width: 3.5%;
  min-width: 3.8rem;
  white-space: normal;
}

.zr-table .zr-table-row:nth-child(2n) {
  background-color: var(--whiteColor);
}

.zr-table .zr-table-row:nth-child(2n),
.zr-SecondTable .zr-table-row,
.zr-SecondTable .zr-table-row:nth-child(2n) {
  background-color: var(--Trbg);
}

.zr-table .zr-EditBox,
.zr-table .zr-ChildrenBox {
  display: none;
}

.zr-table .zr-EditBox {
  background: #35558a38;
  border-radius: var(--normalradius);
}

.zr-gridopen-link:focus {
  color: var(--link60);
}

.zr-DetailRow {
  border-bottom: 1px solid var(--table-border);
}

.zr-ChildrenBox {
  border-right: 1.5rem solid white;
}

.zr-VisibleChild .zr-ChildrenBox .zr-VisibleEdit .zr-EditBox {
  background: #ddbf5e00 !important;
  box-shadow: 0 0;
  border-radius: 0;
}

.zr-VisibleChild {
  background-color: var(--white) !important;
}

.zr-thead.zr-table-row:nth-child(2n+1),
.zr-thead {
  background:var(--primary10);
  color: var(--Dark);
  min-height: 32px;
  overflow: hidden;
  position: sticky;
  width: 100%;
  z-index: 10;
  top: 0;
  padding-left: 6px;
  border-radius: 1.5rem 1.5rem 0 0;
}

.ToggleIcon {
  top: 0.55rem;
  left: 0.2rem;
}

.boxform {
  width: 32%;
}

.MainFormBox {
  width: 74%;
  margin-right: 6rem;
}

.zr-divForm {
  width: 28%;
}

.sp-rp-0 {
  border-radius: 0;
}

.zr-divContent {
  width: 72%;
  margin-right: var(--MargindivContent);
}

.zr-divCalc {
  width: 100%;
  display: flex;
  height: auto;
}

.zr-sales .zr-divCalc {
  max-height: fit-content;
}

.zr-PayTypeTab {
  flex: 1;
  border-radius: var(--normalradius);
}

.zr-paytype-2 .zr-PayTypeTab {
  max-width: 320px;
  padding: 5px 0;
}

.zr-paytype-4 .zr-PayTypeTab {
  max-width: 192px;
  min-height: 38px;
}

.zr-PayTypeTab.zr-selectedtab {
  color: var(--white);
}

.zr-PayTypeTab.zr-selectedtab[ispink="1"] {
  background: var(--Maintertiary);
}

.zr-PayTypeTab.zr-selectedtab[ispink="0"] {
  background: var(--MainThemeColor);
}

.zr-PayTypeTab.zr-selectedtab[ispink="1"]:hover {
  background: var(--tertiary70);
}

.zr-PayTypeTab.zr-selectedtab[ispink="0"]:hover {
  background: var(--primary70);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="1"] {
  background: var(--tertiary20);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="0"] {
  background: var(--primary20);
}


.zr-PayTypeTab:not(.zr-selectedtab)[ispink="1"]:hover {
  background: var(--tertiary70);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="0"]:hover {
  background: var(--Tempprimary70);
}


.zr-PayTypeTab p {
  line-height: 28px;
  font-size: var(--xxlargefont);
  color: var(--gray10);
  font-weight: 700;
}

.zr-PayTypeTab:not(.zr-selectedtab) p {
  font-size: var(--largefont);
}

.zr-PayTypeTab .zr-PayTab-code {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: var(--whiteColor);
  margin: auto 0 auto 0.5rem;
  font-size: 24px;
  line-height: 26px;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--normalfont);
  line-height: 20px;
  text-align: center;
  align-items: center;
}

.zr-PayTypeTab[ispink="1"] .zr-PayTab-code {
  color: var(--tertiary20);
  background: var(--gray10);
}

.zr-PayTypeTab[ispink="0"].zr-selectedtab .zr-PayTab-code {
  color: var(--MainThemeColor);
}

.zr-PayTypeTab[ispink="1"].zr-selectedtab .zr-PayTab-code {
  color: var(--Maintertiary);
}

.zr-PayTypeTab[ispink="0"]:not(.zr-selectedtab) .zr-PayTab-code {
  color: var(--primary20);
  font-weight: 500;
}

.zr-PayTypeTab[ispink="1"]:not(.zr-selectedtab) .zr-PayTab-code {
  color: var(--tertiary20);
}

.zr-PayTypeTab[ispink="0"].zr-selectedtab:hover .zr-PayTab-code {
  color: var(--MainThemeColor);
}

.zr-PayTypeTab[ispink="1"].zr-selectedtab:hover .zr-PayTab-code {
  color: var(--Maintertiary);
}

.zr-PayTypeTab[ispink="0"]:not(.zr-selectedtab):hover .zr-PayTab-code {
  color: var(--Tempprimary70);
}

.zr-PayTypeTab[ispink="1"]:not(.zr-selectedtab):hover .zr-PayTab-code {
  color: var(--tertiary70);
}

.zr-PayTypeTab.zr-selectedtab .zr-PayTab-code {
  width: 21px;
  height: 21px;
}

.zr-paytype {
  width: calc(100% - 136px);
  margin-right: auto;
  margin-left: 1rem;
  justify-content: center;
  column-gap: 4.5rem;
}

.zr-paytype.zr-paytype-4 {
  column-gap: 2.25rem;
}

.zr-EnterForm {
  padding: var(--EnterFormPadding) !important;
  height: calc(100% - var(--TabHeight));
  background-color: var(--grayWhite);
  --InputColor: var(--gray5);
}

.zr-EnterForm :is(.sp-d-form, .sp-f),
.zr-EnterForm .sp-d-form>form {
  flex: 1;
}

/* form */
.input-autocomolete::placeholder {
  color: var(--PlaceholderColor);
  font-size: 10px;
}

.icon-down {
  left: 0.5rem;
  top: 50%;
  transform: translateY(-41%);
}

.btn-search {
  width: var(--HeightBtn);
  height: var(--HeightBtn);
}

.barcodediv::after {
  content: "";
  position: absolute;
  top: 0;
  right: 94%;
  width: 2rem;
  display: inline-block;
  background: var(--bgForm);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  border: 1px solid var(--bgForm);
  height: 1rem;
  border-top: 0;
}

.barcodediv::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 94%;
  width: 2rem;
  display: inline-block;
  background: var(--bgForm);
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border: 1px solid var(--bgForm);
  height: 1rem;
  border-bottom: 0;
}

.zr-DropDownParent.sp-relative.active .zr-dots {
  transform: rotate(90deg);
}

.zr-DropDownlink {
  min-width: 10px;
}

.zr-DropDownList {
  background: var(--Lightsecondcolor);
  backdrop-filter: blur(6px) opacity(0.9);
  -moz-backdrop-filter: blur(6px) opacity(0.9);
  width: fit-content;
  min-width: 198px;
  top: 95%;
  right: -148px;
  z-index: 15;
  display: none;
}

.zr-DropDownArrow {
  top: -18px;
  left: 28px;
  color: var(--Lightsecondcolor);
}

.zr-Notification .zr-DropDownList {
  min-width: 357px;
  min-height: 70vh;
  max-height: 70vh;
  right: -303px;
  top: 114%;
  background: var(--LightFirstcolor);
  backdrop-filter: blur(6px) opacity(0.9);
  -moz-backdrop-filter: blur(6px) opacity(0.9);
}

.zr-Notification .zr-DropDownList ul {
  overflow: auto;
  max-height: 67vh;
  overflow-x: hidden;
  scrollbar-color: var(--MainThemeColor) var(--white);
  scrollbar-width: thin;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-track {
  background: transparent;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb {
  background: var(--white);
  border-radius: var(--largeradius);
  border: 1px solid var(--white);
  width: 4px;
  margin: auto;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb:hover {
  background: var(--white);
}

.zr-Notification .zr-DropDownItem:last-child {
  border-bottom: 0;
}

.zr-Notification .zr-DropDownArrow {
  color: var(--LightFirstcolor);
  font-size: 28px;
  top: -18px;
  left: 26px;
}

.zr-Notification .zr-DropDownItem p {
  margin: 0 -1.5rem;
}

.zr-Notification .zr-DropDownItem:hover p {
  background: var(--ShadowColor);
}

.zr-MainHeaderMenu .zr-DropDownItem:hover {
  background: var(--hovercolor);
  color: var(--white);
  backdrop-filter: brightness(1);
  -moz-backdrop-filter: brightness(1);

}

.zr-MainHeaderMenu .zr-DropDownItem:hover .sp-color-black {
  color: white !important;
}

.zr-MainHeaderMenu .zr-DropDownItem:hover p.sp-color-black {
  font-weight: bold;
}

.zr-DropDownsvg {
  color: var(--MainThemeColor) !important;
}

.zr-DropDownIcon {
  width: 1.5rem;
}

.zr-production .select-btn {
  border-radius: 0.75rem 0 0 0.75rem;
}

.zr-production .zr-table .zr-table-row:nth-child(2n+1),
.zr-SecondTable .zr-table-row,
.zr-SecondTable .zr-table-row:nth-child(2n) {
  background-color: var(--bluegray);
}

.activebuttonlist {
  right: 0;
  left: 0;
  border-radius: 0 0 0.75rem 0.75rem;
  z-index: 11;
}

.zr-operationheader {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: var(--operationheaderHeight);
}

.zr-operationheader-icon {
  font-size: 36px;
  max-width: 36px;
}

.zr-operationheader-blue {
  background-image: url("/themes/manager/images/Blue.png");
}

.zr-operationheader-red {
  background-image: url("/themes/manager/images/Redbg.png");
}

.zr-operationheader-green {
  background-image: url("/themes/manager/images/Greenbg.png");
}

.zr-operationheader-yellow {
  background-image: url("/themes/manager/images/Yellow.png");
}

.operation-icon {
  font-size: 25px;
  width: 35px;
  text-align: center;
}

.zr-operation-item {
  box-shadow: 0px 3px 6px #0000001c;
  border: 1px solid var(--Purewhite);
}

.zr-operation-item:hover {
  border: 1px solid var(--MainThemeColor);
  background:var(--primary5);
  box-shadow: 0px 3px 6px var(--BlueShadow);
}

.zr-operation-box {
  max-height: 100%;
  width: 24%;
  box-shadow: 6px 6px 10px var(--OperationShadow);
}

/*Dashbord*/
.zr-icon-dasboard {
  width: 16px;
  height: 16px;
}

.sp-card:has(.zr-production-dashboard) {
  height: 100%;
}

.sp-card li:not(.sp-card>li, [class^="sp-c-"], [class*=" sp-c-"]) {
  padding: 0;
}

.sp-card li {
  padding-left: var(--InputPadding);
}

#divQuickMenu {
  /*  height: 100%;
  min-height: 100vh;*/
}

.sp-height-max {
  height: 100vh !important;
}

.zr-dashboard-calendar.sp-calendar {
  color: var(--primary70);
  min-height: calc(100% - 0px);
  flex: 1;
  align-self: stretch;
  height: auto;
  display: flex;
  flex-direction: column;
}

.sp-calendar {
  border: 0;
}

.zr-dashboard-calendar :is(.sp-calendar-indicator, .sp-calendar-indicator .sp-calendar-day:hover, .sp-calendar-day:hover, .sp-calendar-today) {
  background: transparent;
}
.sp-calendar-indicator .sp-calendar-day:hover{
  background: var(--primary70);
  border-radius:0px;
}
.sp-calendar-day a , .sp-calendar-indicator .sp-calendar-day {
  display: flex;
  justify-content: center;
  flex: 1;
  flex-direction: column;
}
.sp-calendar-day:not(.zr-dashboard-calendar .sp-calendar-day){
  width: 24px;
  height: 24px;
  border-radius: 16px;
  transition: none;
}
.sp-calendar-InActive a{
  color: var(--gray70);
}
.sp-calendar-day:not(.sp-calendar-indicator .sp-calendar-day):hover {
  background: var(--link5);
  color: var(--gray95);
}
.zr-dashboard-calendar :is(.sp-calendar-indicator, .sp-calendar-week:last-child) {
  border-bottom: 1px solid var(--primary30);
  padding-bottom: 0.75rem;
  margin-bottom: 0.25rem;
}

.zr-dashboard-calendar .sp-calendar-indicator .sp-calendar-day {
  color: var(--primary70);
  font-size: var(--normalfont);
  font-weight: bold;
  letter-spacing: 0;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day {
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: 500;
  font-size: var(--xxlargefont);
  transition: 0s;
}

.zr-dashboard-calendar .sp-calendar-today:not(:hover) span {
  background-color: var(--primary70);
  color: var(--white) !important;
}

.zr-dashboard-calendar .sp-calendar-today span {
  font-size: 24px !important;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day.sp-calendar-holiday span {
  color: var(--error70);
}

.zr-dashboard-calendar .sp-calendar-disactive {
  opacity: 0.4;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day span {
  width: 44px;
  min-height: 44px;
  display: flex;
  font-weight: 500;
  font-size: var(--xxlargefont);
  border-radius: 50%;
  justify-content: center;
  margin: auto;
  flex-direction: column;
  color: var(--primary70);
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day:hover span {
  background: var(--link5);
  color: var(--gray95);
}

.zr-dashboard-calendar .sp-calendar-holiday.sp-calendar-disactive {
  color: var(--error50);
}

.zr-dashboard-calendar .sp-calendar-month a {
  font-size: var(--xlargefont);
  font-weight: bold;
}

.zr-dashboard-calendar .sp-calendar-day {
  flex: 14%;
}

.zr-calendar-box {
  background: linear-gradient(261.6deg, #eaedf3e3 2%, #d7dde8e3 67.65%);
  backdrop-filter: blur(3.5px);
  min-height: 214px;
}

.zr-widget-list {
  background: linear-gradient(263.11deg, #6687bd66 5.39%, #5d77a166 49.54%, #6687bd66 94.61%);
  backdrop-filter: blur(8px);
  min-height: 100px;
  column-gap: 1.75rem;
}

.zr-calendar-box,
.zr-widget-box {
  min-width: 595px;
  width: max-content;
  margin: 0 auto;
}

.zr-dash-hour {
  font-size: 96px;
  background: conic-gradient(from 50.38deg at 62.29% 82.93%, #35558A -37.23deg, #1C2D48 23.55deg, #152237 181.87deg, #35558A 267.93deg, #35558A 322.77deg, #1C2D48 383.55deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.zr-date-shamsi {
  min-width: 240px;
  background: conic-gradient(from 90.57deg at 48.94% 0%, #35558A 0deg, #152237 181.87deg, #35558A 360deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.zr-calendar-miladi {
  background: conic-gradient(from 90.57deg at 48.94% 0%, #35558A 0deg, #152237 50.63deg, #345488 185.62deg, #35558A 360deg);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.zr-dash-tab {
  width: clamp(20%, 160px, 22%);
  border-radius: 0.5rem 0.5rem 0 0;
  min-height: 40px;
  position: relative;
}

.zr-dash-tabicon {
  width: 24px;
}

.zr-tab-text {
  color: var(--primary80);
}

.zr-tab-hovericon:not(:is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-hovericon),
.zr-tab-text:not(:is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-text),
:is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-mainicon,
.zr-widget-text:not(.zr-widget-item:hover .zr-widget-text) {
  display: none;
}

.zr-dash-tabbox {
  min-height: clamp(40vh, 500px, 50vh);
  max-height: clamp(40vh, 500px, 50vh);
  max-width: 595px;
}

.zr-widget-imgbox,
.zr-widget-add {
  background: var(--primary5);
  width: 76px;
  height: 76px;
  margin: auto 0;
}

.zr-widget-icon {
  max-width: 42px;
  margin: auto;
}

.zr-widget-item {
  max-width: 76px;
}

.zr-widget-item:hover {
  margin: -1.5rem 0 0;
}

.zr-widget-text {
  white-space: nowrap;
}

.zr-shortcut-parentlist,
.zr-icon-removeshortcut {
  display: none;
}

.zr-shortcut-list,
.zr-vitrin-list {
  row-gap: 0.75rem;
}

.zr-shortcut-parent.zr-shortcut-show {
  background: var(--primary15);
}

.zr-shortcut-parentlist {
  background: var(--primary5);
  border: 1px solid var(--primary15);
}

.zr-shortcut-img {
  max-width: var(--minibtnwidth);
}

.zr-icon-shortcut,
[disabled=disabled] img.zr-icon-shortcut {
  min-width: var(--minibtnwidth);
  opacity: 1;
}

.zr-tooltip-prostar {
  margin-left: 0.75rem;
}

.zr-shortcut-search:hover {
  background: var(--primary70);
}

.zr-shortcut-search :is(.zr-Show-search, .zr-Show-search .zr-searchForm-box) {
  background: var(--primary20);
}

.zr-shortcut-search :is(.zr-Show-search) {
  min-width: 186px;
}

.zr-shortcut-parent.zr-shortcut-show .zr-icon-removeshortcut {
  display: flex;
}

.zr-shortcut-item {
  flex: 0 0 calc(25% - 1rem);
}

.zr-shortcut-check {
  --marginboxheight: 0.25rem;
  --checkboxheight: 1rem;
}

.sp-form-check.zr-shortcut-check:checked:after,
.sp-f-check.zr-shortcut-check:checked:after {
  left: 4px;
  top: 0px;
  height: calc(var(--checkboxheight) - 6px);
  width: 5px;
}

.zr-user-item {
  background: var(--gray10);
  border-color: var(--gray50);
}

.zr-user-item:hover {
  background: var(--primary5);
  border-color: var(--primary70);
}

.zr-icon-type {
  max-width: 10px;
}

.zr-user-privatetype {
  color: var(--primary80);
}

.zr-user-publictype {
  color: var(--secondary70);
}

.zr-btn-user {
  outline: 1px solid var(--error70) !important;
  color: var(--error70);
  line-height: 18px;
}

.zr-user-device,
.zr-user-offlinetype {
  color: var(--gray80);
}

.zr-user-online,
.zr-color-approved {
  color: var(--approved70);
}

.zr-user-offline,
.zr-color-error {
  color: var(--error70);
}

.zr-user-active,
.zr-color-active {
  color: var(--link70);
}
.zr-color-salesprogram {
  color: var(--sales50);
}

.zr-color-sunny{
  color: var(--warning80);
}
.zr-user-logout:hover {
  background: var(--error70);
  color: var(--white);
  border-radius: 0.75rem 0 0 0.75rem;
}

.zr-user-disabled {
  color: var(--gray60);
}

.zr-user-list,
.zr-note-list.zr-dash-note {
  row-gap: 0.75rem;
}

.zr-add-note {
  --HeightBtn: 24px;
}

.zr-note-list.zr-dash-note .zr-Note-item {
  border: 1px solid var(--primary15);
}

.zr-userbadge-online,
.zr-badge-green {
  background: var(--approved70);
}

.zr-userbadge-offline,
.zr-badge-red {
  background: var(--error70);
}

.zr-userbadge-active,
.zr-badge-link {
  background: var(--link70);
}

.zr-user-emptyitem {
  min-height: 72px;
}

.zr-calc-text:is(input[type=text]) {
  font-size: 32px !important;
  color: var(--gray60);
  line-height: 32px !important;
  text-align: left !important;
  font-weight: 100 !important;
}

.zr-calc-res {
  font-size: 64px;
  line-height: 48px;
}

.zr-calc-grid {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  gap: 0.75rem 1.5rem;
}

.zr-calc-btn {
  background: var(--primary5);
  font-size: 32px;
}

.zr-calc-top {
  background: var(--gray30);
}

.zr-calc-operation {
  background: var(--primary40);
}

.zr-calc-gridoperation {
  row-gap: 0.75rem;
}

.zr-history-calender {
  color: #373737cc;
}

.zr-number-box {
  flex: 3;
}

.zr-form-note .sp-row:nth-last-child(2) {
  flex: 1;
}

.zr-form-note .sp-row:nth-last-child(3),
.zr-form-note .sp-d-textarea {
  flex: 60;
}

.zr-form-note .sp-row:nth-last-child(3) .sp-c-12 {
  margin-top: 0;
}

.zr-form-note .sp-row:nth-last-child(3) .sp-f-editor {
  overflow: hidden;
}

.zr-form-note .sp-row:nth-last-child(3) .sp-f-editor,
.zr-form-note .sp-row:nth-last-child(3) .sp-f-textarea {
  border-radius: var(--inputrp) !important;
}

.zr-dash-notearea {
  background-attachment: local !important;
  background-image: linear-gradient(to right, var(--InputColor) 2rem, transparent 2rem), linear-gradient(to left, var(--InputColor) 2rem, transparent 2rem), repeating-linear-gradient(var(--InputColor), var(--InputColor) 30px, var(--gray30) 30px, var(--gray30) 30px, var(--InputColor) 32px) !important;
  line-height: 32px !important;
  padding: 0 1.5rem !important;
}

.closebtnbox {
  min-width: 536px;
}

.zr-btnConfrim {
  min-width: 160px;
  line-height: 28px;
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-title {
  min-width: var(--Pagewidthtitle);
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-note {
  --widthtitle: var(--Pagewidthtitle);
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-row:not(.sp-d-checkbox) :is(.sp-form-editor, .sp-f-editor) {
  flex: 1;
}

:is(.zr-dialog-box) .sp-d-checkbox .sp-f-title {
  display: none;
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-row.sp-d-checkbox :is(.sp-form-editor, .sp-f-editor) {
  width: 100%;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form {
  max-height: calc(100% - 0px);
  overflow: auto;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form.sp-d-form>form {
  max-height: 100%;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-f {
  max-height: 100%;
  overflow: hidden;
  padding: 0.25rem;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form :nth-last-child(1):is(.sp-c-12) {
  max-height: 100%;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-tab {
  margin: 0;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-tab-body {
  padding-top: 1.5rem;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-row:not(.sp-d-frame .sp-row):nth-last-child(2) {
  flex: 50;
  display: flex;
  padding: 0.25rem !important;
  overflow: hidden;
}

:is(.zr-page-box, .zr-dialog-box) .zr-grid-parent.sp-pb-0 {
  padding-bottom: 1px !important;
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab {
  padding: 0;
  /*margin: 0 0 1rem;*/
  background: var(--primary70);
  border: 2px solid var(--primary70);
  border-top: 0;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs {
  border: 0 !important;
  border-radius: 0 !important;
  --TabItemMargin: 0;
  padding: 0 !important;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-body {
  border: 2px solid var(--Mainprimary);
  border-radius: 12px;
  padding: 1.25rem 0 !important;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-content {
  border-radius: 0;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item:not(.sp-tab-active) {
  background: transparent;
  color: var(--primary30);
  border-radius: var(--xxlargeradius);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab-rfid {
  background: var(--Mainprimary);
  border-color: var(--Mainprimary);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-rfid .sp-tab-header {
  background: var(--Mainprimary);
  justify-content: flex-start;
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab {
  background: var(--Mainsecondary);
  border-color: var(--Mainsecondary);
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab-header {
  background: var(--Mainsecondary);
}

.zr-tab-rfidsection.sp-d-tab:not(.sp-tab-simple) .sp-tab-body {
  padding: 0 0 0.25rem !important;
}

.sp-tab-simple.zr-inventory-tabs .sp-tab-header,
.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-header {
  margin: 1rem 0;
  background-color: var(--primary5) !important;
  border-radius: var(--xxlargeradius);
  padding: 0.25rem !important;
  gap: 0.5rem;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item {
  line-height: 30px;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item.sp-tab-active {
  background: var(--white);
  color: var(--primary70) !important;
  border-radius: var(--xxlargeradius);
}

.zr-tab-rfidinventory .sp-tab-body {
  padding: 0;
}

.zr-tab-rfidinventory .sp-section-body {
  padding: 1.5rem 1.5rem 1rem 0.25rem;
}

.zr-rfid-setting:not(.sp-color-secondary) {
  color: var(--primary30);
}

.zr-edited-form :is(.zr-tab-item, .sp-tab-item):not(.zr-Main-tab-list .zr-tab-item) {
  color: var(--primary70);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab-header,
.zr-maingrid .sp-tab-header {
  justify-content: right;
  padding-right: 2.5rem;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-header {
  background: var(--primary70);
}

/*:is(.zr-page-box , .zr-dialog-box) .sp-tab-header{
justify-content: center;
}*/
:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-body {
  /*padding: 0 0rem 1.25rem;*/
  padding: 0 0rem 0.5rem;
  background: var(--gray5);
  border-radius: var(--xlargeradius);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) :is(.zr-tab-item.zr-selected, .zr-tab-item.sp-tab-active, .sp-tab-item.sp-tab-active) {
  background: var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-item.sp-tab-active::before {
  box-shadow: 0.5rem 0 0 0 var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-item.sp-tab-active::after {
  box-shadow: -0.5rem 0 0 0 var(--gray5);
}

.sp-tab-active.zr-dash-tab {
  background: var(--white);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item, .zr-chartFilter):not(.zr-selected, .sp-tab-active):hover

/*, .zr-tab-item-col:hover*/
{
  background: var(--MainThemeColor) !important;
  color: var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::before {
  box-shadow: 0.5rem 0 0 0 var(--MainThemeColor);
  background: transparent;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::after {
  box-shadow: -0.5rem 0 0 0 var(--MainThemeColor);
  background: transparent;
}

:is(.zr-page-box, .zr-dialog-box) :is(.sp-g-body, .zr-maingrid .sp-g.sp-g-body),
.sp-g-body,
.zr-maingrid .sp-g.sp-g-body {
  overflow: scroll;
  overflow-x: hidden;
  border-radius: 0px;
  align-items: stretch;
  height: auto;
  flex: 1;
  scrollbar-width: 8px;
  /*padding-top: 1px;*/
  max-height: calc(100% - calc(var(--HeaderCellHeight) - 4px));
}

.zr-divGrid {
  /* max-height: calc(100% - 80px);
  min-height: calc(100% - 80px);*/
  display:   flex !important;
  flex: 10;
  flex-direction: column;
  overflow: hidden;
}

.zr-divGrid :is(.zr-grid-parent, .sp-d-grid) {
  /* max-height: calc(100% - 100px);
  height: calc(100% - 100px);*/
  max-height: calc(100% - 0px);
  height: calc(100% - 0px);
  overflow: hidden;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  flex: 1;
  padding: 0.25rem !important;
  background: var(--gray5);
  border-radius: var(--xxlargeradius);
}

.sp-g-scroll,
.sp-d-grid {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  flex: 1;
}

.zr-hasfilter .sp-g-header .sp-g-cell

/*:not(.sp-g-sort) */
{
  /*  justify-content: flex-end !important; */
}

.zr-hasfilter .sp-g-header .sp-g-cell a {
  /*  align-items: flex-end; */
}

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-grid-parent) {
  display: flex;
  flex: 10;
  /*    padding: 0.25rem !important;*/
  padding: 2px !important;
  overflow: hidden;
}

:is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-parent) {
  /*padding-bottom: 1.25rem !important;*/
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab :is(.zr-grid-parent):not(.sp-p-0) {
  /*  padding:0.25rem 2.25rem 0.25rem !important;*/
  padding: 0.25rem 0.75rem 0.25rem !important;
  margin-bottom: 0;
}

.zr-dialog-formbox {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.zr-maingrid .sp-tab-body {
  padding: 0;
}

.zr-dialog-box .zr-dialog-formbox .sp-d-form:not(:last-child) {
  margin: 0 0 0.75rem;
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab-content .zr-dialog-formbox .sp-d-form,
:is(.zr-dialog-box, .zr-page-box) .sp-tab-content .sp-d-form {
  padding: 0 2.25rem;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .zp-app) .sp-tab-content {
  padding: 0;
  margin: 0;
  background: transparent;
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .zp-app) :is(.sp-tab-content, .zr-tabparent-content).sp-block {
  display: flex !important;
}

.sp-icon-medium {
  min-height: var(--mediumsize) !important;
  max-width: var(--mediumsize) !important;
  max-height: var(--mediumsize);
  margin: auto 0;
  --icongridbtnwidth: var(--mediumsize) !important;
}

.sp-icon-calendar,
.sp-icon-clear {
  max-width: 1rem;
  max-height: 1rem;
  margin: 0 0 0 0.25rem;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab.zr-onlytab .sp-tab-content {
  /*  padding-top: calc(var(--MarginRow) * 2);
  padding-bottom: 0.5rem;*/
  padding-top: 0.5rem;
}

.zr-dialog-content {
  max-height: calc(100% - 0px);
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.sp-grid-buttons,
.sp-g-buttons {
  justify-content: center;
  gap:0.5rem;
}

.sp-grid-button a,
.sp-g-button a {
  margin: 0 0.5em;
  display: flex;
}

.closebtn.btn-cancel,
.closebtn.sp-btn-cancel,
.sp-f input[type=button].sp-btn-cancel.closebtn,
input[type=button].sp-ultra-active.sp-btn-cancel.closebtn,
input[type=submit].sp-ultra-active.sp-btn-cancel.closebtn,
button.sp-ultra-active.sp-btn-cancel.closebtn {
  border: 2px solid var(--whiteColor) !important;
  color: var(--whiteColor) !important;
}

/*Accounting Dashboard*/
.zr-remain-list {
  gap: 0.75rem;
}

.sp-card {
  box-shadow: 0px 0px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  overflow: inherit;
  height: auto;
  width: 100%;
}

.sp-board .sp-card {
  flex: 1;
}

.sp-card-body {
  padding: 0;
  width: 100%;
  margin: 0 !important;
  display: flex;
}

.zr-ChequeImgProfile {
  min-width: 30px;
  min-height: 30px;
  object-fit: cover;
  max-width: 30px;
  max-height: 30px;
}

.zr-chequeitem {
  max-width: 180px;
  min-width: 180px;
  background-color: var(--white);
  margin-left: 1rem;
}

.sp-card li {
  margin-top: 0;
  text-align: right;
}

.sp-chequehelp {
  width: 16px;
  height: 16px;
}

.zr-chequeitem-passed {
  background-color: #CAEBF8;
  border-color: #00CCF2;
}

.zr-chequeitem-unpassed {
  background-color: #D6D9D2;
  border-color: #1B4D4D;
}

.zr-chequeitem-returned {
  background-color: #F2DAC5;
  border-color: #5B2B00;
}

.zr-ChequeList::after {
  content: "";
  position: absolute;
  top: 50%;
  background: var(--Dark);
  height: 1px;
  z-index: -1;
  left: 0;
  right: 0;
}

.zr-ChequeDateItem {
  min-height: 44px;
}

.zr-ChequeDateList {
  min-width: max-content;
}

.zr-ChequeDateItem:nth-child(odd) .zr-ChequeList {
  padding: 0 1.25rem;
}

.zr-ChequeDateItem:nth-child(even) .zr-ChequeList {
  padding: 0 2.5rem;
}

.zr-dashboardCheque::-webkit-scrollbar {
  height: 6px;
}

.sp-board .sp-c-6:nth-child(2n+1) {
  padding: 0 0 1.25rem 1.25rem;
}

.sp-board .sp-c-6:nth-child(1),
.sp-board .sp-c-6:nth-child(2) {
  padding-bottom: 40px;
}

.sp-board .sp-c-6:nth-child(2n) {
  padding-right: 1.25rem;
  padding-left: 0;
}

.sp-board .zr-Dashboardtable {
  border: 0;
  max-height: calc(100% - 0px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-self: stretch;
}

.sp-board .sp-tab-body {
  min-height: auto !important;
  padding: 0;
  background: transparent;
  overflow: hidden;
}

.sp-board .sp-tab-content {
  border: 0;
  display: flex;
  background: transparent;
  padding: 0;
  margin: 0;
  flex-direction: column;
  max-height: calc(100% - 0px);
  overflow: hidden;
  flex: 1;
}
.sp-board .sp-tab-content.sp-block{
  display:flex !important;
}
.sp-board  .zr-tab-rfidsection.sp-d-tab:not(.sp-tab-simple) .sp-tab-body{
  background: var(--white);
  margin: 0 2px 2px;
}
.sp-board .sp-tab,
.zr-payroll-grid {
  height: 100%;
  background: var(--primary20);
  padding: 0.75rem 0.5rem 0.5rem;
}

.zr-payroll-grid {
  flex: 5;
  overflow: hidden;
}

.sp-board .zr-Dashboardtable .sp-g,
.zr-payroll-grid .sp-g {
  border-radius: 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: calc(100% - 0px);
}

.salesItemimg {
  width: 134px;
  height: 134px;
  object-fit: cover;
}

.zr-Carat-Btn {
  min-height: 22px;
  border-radius: 4px;
  font-size: var(--xsmallfont) !important;
}

.zr-carat-form {
  --InputHeight: 22px;
  --widthtitle: 40px;
  --Pagewidthtitle: 40px;
}

.zr-carat-form .sp-f-editor {
  border-radius: var(--inputxminrp) 0rem var(--inputminrp) var(--inputxminrp) !important;
}

.zr-Carat-text input {
  min-height: 22px;
}

.zr-LastDocument-item {
  border-color: #CFCFCF;
  background-image: url('/themes/manager/images/LastDocumentbg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  flex: 1;
}

.zr-LastDocument-Parent:nth-child(2n+1) .zr-LastDocument-Number {
  color: #C69D15;
}

.zr-LastDocument-Parent:nth-child(2n) {
  color: #35558A;
}

.zr-LastDocument-Number {
  position: absolute;
  font-size: 135px;
  bottom: -72px;
  line-height: 2;
  opacity: 21%;
  right: 0
}

.zr-LastDocument-Box {
  z-index: 1;
}

.zr-LastDoc-Btn .zr-LastDoc-txt {
  display: none;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-txt {
  display: flex;
}

.zr-LastDoc-Btn {
  min-width: 60px;
  z-index: 3;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-Editicon {
  color: #C69D15;
}

.zr-LastDoc-Deleteicon {
  color: #710303;
}

.zr-LastDoc-Detailicon {
  color: #00286E;
}

.zr-LastDoc-Detailicon {
  color: #00286E;
}

.zr-LastDoc-Ceratinicon {
  color: #006E30;
  fill: #006E30;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-Ceratinicon {
  color: #00286E;
  fill: #00286E;
}

.zr-LastDoc-returnicon {
  color: #6E0000;
  fill: #6E0000;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-returnicon {
  color: #00286E;
  fill: #00286E;
}

.zr-Grid-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background-color: #ffffff00;
  backdrop-filter: blur(6px) brightness(0.9) saturate(1);
  position: absolute;
  border-radius: 1.5rem;
}

.zr-Grid-dialog {
  left: 50%;
  width: 496px;
  min-height: 135px;
  top: 140px !important;
}

.zr-GridBtn {
  min-width: 120px;
}

.zr-last-document-empty {
  opacity: 17%;
}

.sp-c-4.zr-LastDocument-Parent {
  padding-bottom: 0.75rem !important;
}

.sp-c-4.zr-LastDocument-Parent {
  padding-right: 0 !important;
}

.sp-c-4.zr-LastDocument-Parent:nth-last-child(1) {
  padding-left: 0.75rem !important;
}

.zr-Timebtn {
  min-width: 56px;
}

.zr-DeleteBtnParent,
.zr-EditBtnParent {
  /*min-width: var(--smallwidth);*/
}

.zr-deleteIcon {
  color: var(--DarkRed);
  margin-right: 5rem;
  position: absolute;
  right: 0;
  top: 0.75rem;
}

.sp-f-button p {
  font-size: var(--FontBtn);
}

.zr-btn-addGroup,
.sp-f .sp-f-button.zr-btn-addGroup

/**/
,
.sp-f .sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-simple,
.zr-btn-coin {
  background: transparent;
  border-radius: var(--smallradius);
}

.zr-btn-addGroup,
.sp-f .sp-f-button.zr-btn-addGroup,
.zr-btn-coin

/*, .sp-f-button.zr-btn-simple*/
{
  outline: 1px solid var(--primary70);
}

.zr-btn-coin {
  --BtnMinwidth: 24px;
  --HeightBtn: 24px;
  padding: 0;
  font-size: var(--normalfont);
}

.sp-f .sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-sample {
  padding: 0 0.5rem;
  min-height: 24px;
  height: 24px;
  justify-content: space-between;
  min-width: 70px;
}

.sp-f-button.zr-btn-red {
  background: var(--Maintertiary);
  color: var(--white);
}

.sp-f-button.zr-btn-blue {
  background: var(--Accountingcolor);
  color: var(--white);
  outline-color: var(--Accountingcolor);
}

.sp-f-button.zr-btn-grayoutline {
  color: var(--gray70) !important;
  outline: 1px solid var(--gray70);
  background: var(--white);
}

.sp-f-button.zr-btn-darkblue {
  background: var(--primary70);
  color: var(--white);
}

.sp-f-button.zr-btn-green {
  background: var(--salescolor);
  color: var(--white);
}

.sp-f-button.zr-btn-simple {
  padding: 0 0.5rem;
  min-height: 24px;
  height: 24px;
  min-width: 156px;
}
.sp-f-button.zr-btn-simple.zr-btn-large-height ,.zr-btn-large-height{
  min-height: 32px;
}

.sp-f-button.zr-btn-simple[disabled] {
  outline: 1px solid var(--gray60);
  color: var(--gray60);
}

:is(.zr-addproduct, .zr-addcategory),
:is(.zr-addproduct, .zr-addcategory):is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
  min-height: var(--multigridbtnHeight);
  color: var(--MainThemeColor);
  font-weight: 700;
  min-width: var(--smallBtnwidth);
  padding: 0 0.5rem;
  font-size: var(--normalfont);
}

/*.zr-addproduct-parent,.zr-add-parent{
min-width: var(--xnormalwidth);
}*/
.zr-editbtn,
.zr-editbtn:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
  min-height: var(--multigridbtnHeight);
  color: var(--secondary60);
  font-weight: 700;
  font-size: var(--normalfont);
  /*  min-width: var(--smallwidth);*/
}

.zr-deletebtn,
.zr-deletebtn:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
  min-height: var(--multigridbtnHeight);
  color: var(--error70);
  font-weight: 700;
  font-size: var(--normalfont);
  /*  min-width: var(--smallwidth);*/
}

.zr-btn-upload,
.zr-btn-upload:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
  border-radius: 0.5rem;
  background: var(--MainThemeColor);
  color: var(--white);
  font-size: var(--largefont);
}

.zr-btn-upload,
.zr-btn-upload:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active),
.zr-btn-exlarge {
  min-width: var(--exlarge) !important;
}

.zr-deletebtn i {
  color: var(--error70);
  transition: unset !important;
}

.zr-deletebtn:is(:hover, :focus) i {
  color: var(--link50);
}

.zr-addcategory .zr-category-icon,
.sp-f-button .zr-category-icon {
  width: 16px;
  min-height: 16px;
  background: var(--MainThemeColor);
  color: var(--white);
}

.zr-addcategory:hover .zr-category-icon,
.sp-f-button:hover .zr-category-icon {
  color: var(--link5);
  background: var(--link50);
}

.zr-Grid-check,
.zr-square-mini {
  width: 12px;
  min-width: 12px;
  height: 12px;
  margin: auto 0;
}
.zr-square-ultramini {
  width: 8px;
  min-width: 8px;
  height: 8px;
  margin: auto 0;
}

:is(.zr-group-row, .zr-Main-row).zr-selected-row {
  border: 1px solid var(--secondary70);
}

:is(.zr-group-row, .zr-Main-row).zr-selected-row {
  --Trbg: var(--secondary10);
  --whiteColor: var(--secondary10);
  --gray95: var(--Dark);
}

.zr-active.zr-Grid-checktitle {
  color: var(--approved70) !important;
}

.zr-Deactive.zr-Grid-checktitle,
.sp-color-deactive {
  color: var(--error60) !important;
}

.zr-btn-activegrid {
  max-width: 18px;
}

.zr-openedTree .icon-network::after {
  content: "";
  position: absolute;
  width: 1px;
  background: #00286E;
  height: 14px;
  z-index: 12;
  top: 100%;
  right: 2rem;
}

.zr-openedTree[parentid="Parentid0"] .icon-network::after {
  right: 1.25rem;
}

.zr-Visible-rows,
.zr-ISvisible {
  position: relative;
}

:is(.zr-Visible-rows, .zr-ISvisible) .icon-pipe {
  display: block !important;
  position: absolute;
  width: 1px;
  background: #00286E;
  height: 100%;
  z-index: 12;
  top: 0;
}

.zr-HasPipe .icon-pipe.zr-short {
  height: 100% !important;
}

.icon-pipe.zr-short {
  height: 44px !important;
}

.icon-pipe.zr-short::after {
  content: "";
  position: absolute;
  width: 18px;
  background: #00286E;
  height: 1px;
  z-index: 1;
  top: 23px;
}

.icon-pipe.zr-short.zr-pipe-100::after {
  top: 100%;
}

.zr-grid-tree .zr-table .zr-ISvisible.zr-table-row.zr-ISvisible-even {
  background-color: var(--whiteColor);
}

.zr-grid-tree .zr-table .zr-ISvisible.zr-table-row.zr-ISvisible-odd {
  background-color: var(--Trbg);
}

.zr-grid-tree .zr-table-row:hover {
  box-shadow: 0 0;
  transition: none !important;
}

.zr-grid-tree .zr-Title-Box {
  flex: 1;
}

.zr-grid-tree .zr-EditedRow:is(.sp-g-row, .zr-table-row),
.sp-grid-select,
.zr-EditedRow.zr-DetailBox {
  background: var(--secondary10) !important;
  border: 1px solid var(--secondary70) !important;
  --gray95: var(--Dark);
  --MainThemeColor: var(--Dark);
}

.zr-EditedRow.zr-DetailBox

/* , .zr-Show .zr-DetailBox:hover*/
{
  border: 0 !important;
  outline: 1px solid var(--secondary70) !important;
  border-bottom: 1px solid var(--secondary70) !important;
}

.zr-EditedRow.zr-DetailBox .sp-g-cell

/* , .zr-Show .zr-table-row:last-child .zr-DetailBox:hover*/
{
  border-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) :is(.zr-grid-tree .zr-EditedRow:is(.sp-g-row, .zr-table-row), .sp-grid-select).sp-g-row .sp-g-cell:not(.zr-group-row .sp-g-cell) {
  border-bottom: 0 !important;
}

.sp-grid-row,
.sp-g-row {
  border-left: 1px solid var(--primary30);
  border-right: 1px solid transparent;
}

.sp-f input.zr-PrintBtn {
  background-color: var(--PrintBtn) !important;
}

.sp-f input.zr-CancelPrintBtn.sp-btn-cancel,
.sp-f input.zr-PrintBtn {
  height: 40px !important;
  width: var(--largewidth);
  border-radius: var(--normalradius) !important;
}

.zr-LabelFrame .sp-d-frame .sp-d-form {
  width: 100% !important;
}

.zr-LabelFrame .sp-d-frame .sp-f-title {
  min-width: var(--widthtitle);
}


.zr-TrustDetail-row {
  border: 1px solid #345489;
  background: var(--primary10);
}

.zr-TrustChildParent {
  z-index: 13;
  width: calc(100% - 3rem);
  height: calc(100% - 4.5rem);
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  /*  background: #ddbf5ea6;*/
}

.zr-TrustChildBox {
  background-color: var(--secondary20);
}

.zr-Truschildgrid .sp-g-header {
  background-color: #ddbf5e5e;
}

.zr-divGrid .zr-TrustChildParent section {
  max-height: calc(100% - 40px);
  height: calc(100% -140px);
}

.zr-TrustChildParent .sp-g-body {
  scrollbar-width: thin;
  scrollbar-color: #DDBF5E var(--white);
}


.zr-TrustChildParent .sp-g-body ::-webkit-scrollbar-thumb,
.zr-TrustChildParent .sp-g-body::-webkit-scrollbar-thumb {
  background: #DDBF5E;
}

.zr-PrintGrid {
  flex: 3;
}

/*payroll*/

.pr-list .check-push {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 10;
  top: -8px;
  right: -9px;
}

.pr-list li {
  cursor: pointer;
}

.zr-dash-difclr {
  background-image: url(/themes/manager/images/Bgpayroll.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-width: 160px;
  display: flex !important;
  width: 16%;
  padding-left: 0 !important;
  min-height: 160px;
}

.zr-dash-img {
  max-width: 75px;
}

.zr-dash-difclr img {
  max-width: 64px;
  max-height: 68px;
}

.zr-dash-counts {
  width: 75%;
}

.zr-dash-rb1 {
  background: #E4F9E9 !important;
}

.zr-dash-rb1-text {
  color: #095E44;
}

.zr-dash-rb2-text {
  color: #84541A;
}

.zr-dash-rb2 img {
  max-width: 102px;
}

.zr-dash-rb1 img {
  max-width: 50px;
}

.zr-dash-left,
.zr-dash-rb3 {
  background-color: var(--LightBlue)
}

.zr-dash-rb2 {
  background: #FCF3EC !important;
}

.zr-dash-countstext {
  font-size: 76px;
}

.zr-da-link a {
  max-width: 176px;
  line-height: 24px;
}

.zr-da-link a:hover {
  background-color: var(--midnightbtn);
  color: var(--white);
}

.zr-l-events {
  max-height: calc(100% - 64px);
  overflow: auto;
}

.zr-l-events::-webkit-scrollbar-track {
  background: var(--LightBlue);
}

.zr-l-events li:not(:last-child) {
  margin-bottom: 1rem;
}

.sp-bg-GreenWhite {
  background: var(--GreenWhite);
}

.sp-bg-YellowWhite {
  background: var(--YellowWhite);
}

.sp-bg-RedWhite {
  background: var(--RedWhite);
}

.zr-contract-form {
  --MarginRow: 8px;
}

.sp-d-form .zr-contract-form .sp-row:first-of-type .sp-f-row {
  margin-top: var(--MarginRow);
}

.zr-rp-select {
  text-decoration: underline;
  color: #095e44;
}

.zr-payroll.zr-page-box {
  border-top: 0.25rem solid var(--Dialogbg);
}

.zr-pr-select .zr-pr-selectchild {
  background: var(--primary70);
  color: var(--white) !important;
  opacity: 1;
}

.zr-pr-select p {
  color: var(--white) !important;
}

.zr-pr-list .sp-my-2:not(.pr-select-child) {
  opacity: 0.6;
}

.datepicker li p {
  flex: 14%;
  border-radius: 8px;
}

.datepicker {
  width: 36%;
  background: var(--primary10);
  align-self: flex-start;
}

.datepicker li {
  display: flex;
  flex-wrap: wrap;
  flex: none;
}

.daysno span {
  width: 32px;
  min-height: 32px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.day-nom {
  opacity: 0.3;
}

.freeTrue {
  color: var(--red);
}




.cl-updates input,
.set-timer input {
  width: 50px;
  border: 1px solid var(--borderDoccolor);
}

.sl-month {
  background: var(--primary20);
}

.conf-wcal .datepicker li span {
  width: 14%;
  border: 1px solid #adc1e2;
  border-right: 5px solid #adc1e2;
  margin: 2px;
  position: relative;
  padding-right: 10px;
  border-radius: 6px;
}

.wr-shifts input {
  border: 1px solid gainsboro;
  width: 45px;
  border-radius: 3px;
  padding: 0;
  text-align: center;
  margin: 3px 1px;
}

.wr-shifts {
  display: flex;
  margin: 4px 0;
  opacity: 0;
}

.wr-shifts b {
  margin-left: 10px;
  width: 70px;
  color: #35558a;
  font-size: 0.9em;
}

.wr-shifts label {
  font-weight: 400;
  margin: 0 4px;
}

.cal-daylabel {
  position: absolute;
  font-size: 400%;
  font-weight: bold;
  bottom: -15px;
  right: 10px;
  color: #bdbbbb;
  display: none;
}

.conf-wcal .day-nom {
  opacity: 1;
  background: #ededed;
  border-color: #dbdbdb !important;

}

.TreeShift .wr-shifts {
  opacity: 1;
}

.TwoShift .Shift2,
.TwoShift .Shift1 {
  opacity: 1;
}

.OneShift .Shift1,
.OneShift .Shift1>input {
  opacity: 1;
  color: #35558a
}

.OneShift .cal-daylabel,
.day-nom .cal-daylabel {
  display: block;
  color: #adc1e2;
}

.freeTrue .cal-daylabel {
  color: #cba4a9;
}

.freeTrue .wr-shifts {
  opacity: 0 !important;
}

.day-nom .cal-daylabel {
  color: #dbdbdb;
}

.sh-calfree {
  position: absolute;
  left: 10px;
  font-size: 120%;
  bottom: 15px;
  display: none;
}

.conf-wcal .freeTrue {
  background: #fff3f3;
  color: #6a6a6a;
  border-color: #cba4a9 !important;
}

.freeTrue .sh-calfree {
  display: block;
  color: #cba4a9;
}

.day-ism input {
  border: none;
  background: none;
  font-size: 120%;
  margin-top: -4px;
}

.OneShift,
.TwoShift,
.TreeShift {
  background: #edf3ff;
}

.fil-wrap {
  display: none;
}

.sh-calfree input {
  display: none;
}

.sh-calfree>b {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.day-ism .frday-cmt {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50% !important;
  border-radius: 7px !important;
  z-index: 10;
  font-size: 85%;
  height: 50%;
  display: none;
}

.freeTrue .frday-cmt {
  display: block;
  border: none;
  background: none;
}

.addfor-edit .day-ism input {
  background: white;
  border: 1px solid #b7b6b6;
}

.addfor-edit .sh-calfree {
  display: block;
}

.addfor-edit .sh-calfree input {
  display: inline-block;
}

.addfor-edit .sh-calfree {
  top: 1px;
  bottom: auto;
}

.addfor-edit .wr-shifts {
  opacity: 1;
}

.addfor-edit .freeFalse .cal-daylabel {
  display: none;
}

.addfor-edit .freeTrue .frday-cmt {
  display: block;
  border: 1px solid gray;
  background: white;
  top: auto;
  bottom: 10px;

}

.addfor-edit .fil-wrap {
  display: flex;
}

.bordr-sday {
  border: 2px solid orange;
}

div .Gr-SumAll {
  background: background: var(--primary10);
  !important;
}

.sp-bg-gray {
  background: gainsboro !important;
}

.Summery1 {
  text-decoration: underline;
}

.dayfilters input[type="checkbox"] {
  cursor: pointer;
  appearance: none;
  outline: 0;
  height: 14px;
  width: 14px;
  border: 1px solid gray;
  color: white;
  transition-duration: 0.3s;
  border-radius: 3px;
}

.dayfilters input[type="checkbox"]:checked {
  border-radius: 50%;
}

.rpt-abs input[type="checkbox"]:checked {
  background: red;
}

.rpt-leave input[type="checkbox"]:checked {
  background: #00cf2d
}

.rpt-prnt input[type="checkbox"]:checked {
  background: #35558a;
}

.rpt-edited input[type="checkbox"]:checked {
  background: white;
}

.rpt-manual input[type="checkbox"]:checked {
  background: #d06dd7;
}

.Select-shift .sactive {
  background: #35558a;
  color: var(--white);
  font-weight: bold;
}

.r-remove {
  background: var(--selected);
}

.zr-persons-info {
  padding: 1rem 2.25rem 0.25rem;
}

.zr-person-avtr {
  height: 50px;
  overflow: hidden;
}

.zr-person-avtr img,
.zr-pr-avatar img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.pan_1 {
  width: 23%;
}

.pan_2 {
  width: 80%;
}

.top-menu {
  display: flex;
  background: #ebebeb;
  margin-bottom: 30px;
}

.top-menu li {
  width: 12%;
  margin: 1%;
  padding: 10px;
  border: 1px solid gray;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  background: white;
}

.pop-wrap {
  background: #00000078;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 100;
}


.set-cal {
  position: absolute;
  background: white;
  z-index: 1;
  padding: 5px;
  width: 100%;
  top: 0;
  right: 0;
  border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
  overflow: hidden;
  max-height: var(--InputHeight);
}

.set-cal li {
  padding: 5px;
  border-bottom: 1px solid gainsboro;
  text-align: center;
  cursor: pointer;
}

.set-cal li:last-child {
  border: none;
}

.set-cal li input {
  margin-top: 5px;
  z-index: -3;
  position: relative;
}



.ShowSelect {
  border: 1px solid var(--CancelColor);
  border-top: 0;
  max-height: 500px;
}

.ShowSelect-List {
  max-height: 460px;
  overflow: auto;
}

.lr-lft {
  width: 62%;
  min-height: 350px;
}


.day-selected {
  color: white !important;
  background: var(--MainThemeColor) !important;
}

.p-header span {
  width: 20%;
  padding: 5px;
  text-align: center;
}

.fish-pop {
  position: absolute;
  top: 0;
  right: 0;
  background: #00000085;
  width: 100%;
  z-index: 9;
}

.fish-wrap {
  width: 80%;
  margin: 20px auto;
}

.pay-fish {
  border: 1px solid gray;
}

.pay-fish div {
  width: 100%;
  display: flex;
  border-bottom: 1px solid gray;
}

.pay-fish div span {
  padding: 15px;
  font-size: 14px;
}

.pay-fish .pay-r3 span {
  text-align: center;
  border-left: 1px solid grey;
}

.pay-fish .pay-r3 span:last-child {
  border: none;
}

.pay-fish .pay-r3 .pay-title {
  width: 20.33%;
}

.pay-fish .pay-r3 .pay-val {
  width: 13%;
}

.fish-vals {
  flex-flow: column;
  width: 20.33% !important;
  border-left: 1px solid gray;
}

.fish-title {
  width: 13% !important;
}

.last-f-val {
  border: none;
}

.pay-fish .frow-sum span:first-child {
  width: 80.55%;
  border-left: 1px solid gray;
  text-align: left;
}

.zr-input-personel::placeholder {
  color: #ccc;
  font-size: 14px;
}

.sp-boxShadow {
  box-shadow: 0 0 15px #0000002b;
}

.zr-payroll-DropDown {
  top: calc(100% - 0.5rem);
  z-index: 5;
  border-radius: 0 0 0.75rem 0.75rem;
  display: none;
}

.zr-payroll-Dropbtn {
  min-width: 177px;
}

.zr-active.zr-payroll-Dropbtn {
  border-radius: 0.75rem 0.75rem 0 0 !important;
}

.zr-payroll-Dropbtn:hover,
.zr-payroll-Dropbtn:hover i {
  background-color: var(--MainThemeColor) !important;
  color: var(--white) !important;
}

.zr-personnel-report.zr-personnel-list {
  flex: 5;
}

.zr-shift {
  background-image: url(/themes/manager/images/bg-Circle-payroll.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.zr-shift-blue {
  background: linear-gradient(45deg, #35558A, #0A3073);
}

.zr-shift-violet {
  background: linear-gradient(45deg, #925995, #7B3480);
}

.zr-shift-green {
  background: linear-gradient(45deg, #4A8282, #196753, #095E44);
}

/*Filter*/
/*.sp-g-filter{
display: none;
}
.sp-g-header:is(:focus , :focus-within)+* .sp-g-filter {
display: flex !important;
}
*/

:is(.zr-page-content, .zr-dialog-content) .zr-hasfilter grid-section:has(.sp-g-filter),
.zr-hasfilter grid-section:has(.sp-g-filter) {
  border-left: 1px solid var(--primary10);
  border-right: 1px solid var(--primary10);
  border-top: 1px solid var(--table-header-border);
}

.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) .sp-g-cell {
  position: relative;
  display: flex;
  justify-content: center;
  padding-bottom: 0.25rem;
}

.zr-hasfilter .sp-g-filter :is(.sp-f-input, input) {
  border-radius: var(--smallradius);
  margin: 0.25rem 0;
  line-height: 20px;
  padding: 0.25rem 0.5rem;
  width: calc(100% - 0.5rem);
}

.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary10);
  color: var(--primary70);
  flex: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  overflow: unset;
  min-height: fit-content;
  position: sticky;
  width: 100%;
  z-index: 10;
  top: 0;
  padding:var(--Gridpadding);
  border: 0;
}

.zr-hasfilter :is(.sp-grid-filter .sp-grid-cell, .sp-g-filter .sp-g-cell, .sp-g .sp-g-filter .sp-g-cell:not(:first-child)) {
  border-left: 1px solid var(--table-header-border) !important;
}

.zr-hasfilter :is(.sp-g .sp-g-filter .sp-g-cell:last-child) {
  border-right: 0 !important;
  border-left: 0 !important;
}

/*.zr-hasfilter  :is(.sp-g-header){
padding: 0.5rem 0 0rem 0.5rem;
}
*/
.zr-hasfilter .sp-g .sp-g {
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 32px);
  overflow: hidden;
  flex: 1;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

.sp-paging.sp-g.sp-paging-rtl {
  max-height: initial;
  margin: 0.25rem auto;
  width: auto;
  flex: none;
  border-radius: var(--smallradius);
  border: 0;
}

.sp-paging-item:first-child {
  margin-left: 0.5rem;
}

.sp-paging-row {
  align-items: center;
  min-height: var(--pagingHeight);
}

.sp-paging-item div {
  font-size: var(--largefont);
  font-weight: 500;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sp-paging-item {
  justify-content: center;
  padding: 0;
  border: 0;
  color: var(--primary70);
  font-size: var(--largefont);
  font-weight: 500;
  min-width: var(--normalbtnwidth);
  height: var(--normalbtnwidth);
  cursor: pointer;
  padding: 0.25rem;
}

.sp-paging-item.sp-paging-select {
  background: var(--primary70);
  color: var(--white);
  border-radius: 1rem;
  margin: 0 6px;
}

.sp-paging-item.sp-paging-select span {
  font-size: var(--xxlargefont);
}

.sp-paging-item span {
  font-size: var(--largefont);
  display: flex;
  justify-content: center;
  font-weight: 500;
  align-items: center;
}

.sp-paging-item a {
  color: inherit;
}

.zr-remain-frame {
  background: var(--primary30);
  outline: 1px solid var(--primary30);
  flex: 10;
}

.zr-remain-frame .zr-grid-parent {
  padding: 0 !important;
}

.zr-remain-frame .zr-ramainbox-parent {
  padding: 0 1.5rem;
}

.zr-remain-frame li.zr-RemainItem,
.zr-ramain-list .zr-RemainItem,
.zr-remain-frame .zr-RemainItem,
.zr-ramain-printlist .zr-RemainItem {
  width: clamp(200px, 24%, var(--Gridremainwidth));
  /*  min-width: auto !important;*/
  height: max-content;
}

.zr-remain-small {
  --Gridremainwidth: 280px;
}

.zr-ramain-min {
  row-gap: 1rem;
  display: flex;
  flex-direction: column;
}

/*.zr-ramain-row{
row-gap: 1rem;
}*/
.zr-print-buttonrow {
  gap: 0.75rem;
}

:is(.zr-remain-frame, .zr-print-form) .zr-ramain-min .zr-RemainItem,
.zr-ramain-docprintlist .zr-RemainItem {
  width: clamp(200px, 33%, var(--Gridremainwidth));
}

/*.zr-ramain-list .zr-RemainItem ,*/
.zr-ramain-printlist .zr-printRemainItem {
  border: 1px solid var(--primary30);
}

.zr-remain-frame .zr-ramainbox-parent ul,
.zr-ramain-list,
.zr-ramain-printlist {
  gap: 1rem;
  /* column-gap: clamp(1rem,calc((100% - (340px * 4))/4),3rem);
  column-gap: clamp(1rem,calc((100% - (340px * 4))/4),1.5rem);*/
  flex-direction: row-reverse;
}

.zr-saleslist-remain {
  flex-direction: column !important;
  overflow: auto;
}

.zr-ramain-docprintlist {
  column-gap: 1.5rem;
}

.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
  margin: 0;
  padding: 0;
  border: 0;
}

.sp-d-form .sp-row:first-of-type .sp-row:not(:first-child) .sp-f-row[data-container="ChequeNo2"] {
  margin-top: calc(var(--MarginRow) * 2);
}

.zr-edited-form:not(.zr-Disabled) {
  --bgForm: var(--secondary5) !important;
  --Dialogbg: var(--Mainsecondary);
  --AppColor5: var(--Mainsecondary);
  --tertiary5: var(--secondary5);
}

.zr-edited-form .zr-title-box {
  --white: var(--primary60);
}

.sp-ultra-wait:is(.btn-save, .sp-btn-save, .btn-save.sp-ultra-active, input[type=button].sp-ultra-active.btn-save, .sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save, .zr-edited-form :is(.zr-edited-row, .zr-edited-form .sp-f-row):is(.btn-save, .sp-btn-save, .btn-save.sp-ultra-active, input[type=button].sp-ultra-active.btn-save, .sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save)),
input[type=button].sp-ultra-wait,
input[type=submit].sp-ultra-wait,
button.sp-ultra-wait {
  background-image: url(/themes/base/images/white/loading.gif) !important;
  background-size: 20px 20px !important;
  background-repeat: no-repeat !important;
  background-position: 96% !important;
}


/*New Dashboard*/
.zr-supportbox {
  /*  background:var(--blackblue);
  border:1px solid var(--blackblue);*/
}

.zr-supportbox-child {
  background: var(--LightBlue);
}

.zr-supportbox-img {
  max-width: 242px;
}

.zr-btn-support {
  min-height: 20px;
  min-width: clamp(calc(100% - 2rem), 142px, calc(100% - 1rem));
}

.zr-note-text {
  white-space: nowrap;
}

.zr-NoteTab {
  background: rgba(116, 116, 128, 0.08);
  backdrop-filter: blur(54.3656px);
  color: rgba(60, 60, 67, 0.6);
}

.zr-note-input {
  background: var(--blackblue);
  outline: 1px solid var(--blackblue);
}

.zr-signout-icon {
  max-width: 17px;
}

.zr-note-search {
  min-height: 24px;
}

.zr-Note-box {
  background: #F2F2F2;
}

.zr-NoteTab.zr-active {
  background: #C6D7F2;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(30px);
  color: #34343B;
  max-height: calc(100% - 24px);
  overflow: hidden;
}

.sp-card li.zr-NoteTab {
  text-align: center;
  padding-left: 0;
}

.zr-support-icon {
  width: 20px;
  height: 25px;
}

.zr-parent-note {
  max-height: calc(100% - 0px);
  overflow: hidden;
  background: var(--primary20);
  box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.zr-note-box {
  padding: var(--noteboxpadding);
}

.zr-dashboard-textarea {
  background-attachment: local;
  background-image: linear-gradient(to right, var(--gray5) 1.5rem, transparent 1.5rem), linear-gradient(to left, var(--gray5) 1.5rem, transparent 1.5rem), repeating-linear-gradient(var(--gray5), var(--gray5) 22px, #D9D9D9 22px, #D9D9D9 22px, var(--gray5) 24px);
  line-height: 24px !important;
  padding: 0 1.5rem !important;
}

.zr-note-part {
  background: var(--gray5);
  outline: 1px solid var(--primary10);
}

.zr-addNote {
  color: #008756;
  background: #00875661;
  min-width: 30px;
  height: 30px;
}

.zr-btn-notesave,
.zr-btn-notecancel {
  min-width: 94px;
  background: transparent;
  outline: 1px solid var(--Mainprimary);
  display: flex;
  justify-content: center;
  min-height: 24px;
  align-items: center;
}

.zr-btn-notecancel {
  outline: 0;
  color: var(--gray70);
}

.zr-btn-notesave::before {
  content: "";
  width: 16px;
  min-height: 12px;
  background: url(/themes/manager/icons/accounting/TickDark.svg) no-repeat;
  background-size: cover;
  margin: auto 0 auto 0.25rem;
}

.zr-Note-item {
  background: var(--gray10);
  min-height: 52px;
}

.zr-Note-list {
  height: 100%;
  max-height: 180px;
  overflow: auto;
}

.zr-note-imgbox {
  width: 40px;
  height: 40px;
  border: 1px solid var(--gray20)
}

.zr-note-img {
  height: 100%;
  object-fit: cover;
}

.zr-docgridlist .sp-tab-header {
  justify-content: start;
  background: transparent;
  padding: 0 2rem 0 1.5rem;
  color: var(--primary70);
}

.zr-docgridlist :is(.zr-tab-item, .sp-tab-item) {
  line-height: var(--tablineheight);
}

.zr-docgridlist {
  background: var(--Mainprimary) !important;
  padding: var(--docgridlistpadding) !important;
}

.zr-docgridlist li:not(.sp-tree li, .sp-select-item, .sp-drop-items li) {
  border-radius: 0.5rem;
  padding: 0.2rem 1.25rem !important;
  font-weight: 300 !important;
}

.zr-docgridlist .zr-grid-seperate :is(.sp-g, .sp-grid) {
  border-radius: var(--xxlargeradius);
}

.zr-docgridlist .zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
  border-radius: 0;
}

/*
.zr-docgridlist .sp-tab-active
{
background:var(--blackblue);
color:var(--white);
}*/
.zr-docgridlist .sp-g-footer {
  /*  display: none !important;*/
}
/*
.zr-docgridlist .sp-g-header {
background-color: var(--primary10Temp) !important;
}
*/
.zr-docgridlist .sp-g-header .sp-g-cell {
  color: var(--primary70) !important;
  --table-header-border: var(--primary15) !important;
}

.zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a::before,
.zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a::before {
  /*background-image: url(/themes/manager/icons/baseinformations/sortingwhite2.svg) !important;*/
  background-image: url(/themes/manager/icons/baseinformations/Sorting.svg) !important;
  background-size: inherit;
}

.zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before,
.zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before,
{
  background-image: url(/themes/manager/icons/baseinformations/Sortingascp.svg) !important;
  background-size: inherit;
}

.zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before,
.zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before {
  background-image: url(/themes/manager/icons/baseinformations/Sortingdescp.svg) !important;
  background-size: inherit;
}

/*

.zr-docgriditem.sp-tab-item.sp-tab-active , .zr-docgridlist .sp-tab-item.sp-tab-active{
background: var(--blackblue) !important;
}
.zr-docgriditem.sp-tab-item.sp-tab-active::before , .zr-docgridlist .sp-tab-item.sp-tab-active::before{
box-shadow: 0.5rem 0 0 0 var(--blackblue);
}
.zr-docgriditem.sp-tab-item.sp-tab-active::after , .zr-docgridlist .sp-tab-item.sp-tab-active::after{
box-shadow: -0.5rem 0 0 0 var(--blackblue);;
}

.zr-docgriditem, .zr-docgridlist .sp-tab-item.sp-tab-active, .zr-docgridlist .sp-tab-item{
display: flex !important;
justify-content: center;
padding-left: 0 !important 
color: var(--white) !important;
padding: 0 1.25rem !important;  
margin-top: 0;
font-size: large;
border-radius: 0.5rem;
padding: 0.2rem 1.25rem !important;
font-weight: 300 !important;
}*/
.zr-docgridlist .zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary10Temp);
  --table-header-border: var(--primary15);
}

.zr-docgridlist .zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter) {
  border-left: 1px solid var(--primary10Temp) !important;
  border-right: 1px solid var(--primary10Temp) !important;
  background: var(--primary10Temp) !important;
  /* border-top: 1px solid var(--primary15);*/
}

.zr-docgridlist .sp-widget {
  display: flex;
  justify-content: center;
}

.sp-board .zr-RaminParent {
  overflow: unset;
}

.zr-RaminParent {
  justify-content: space-between;
  max-height: var(--productionRemain);
  overflow: auto;
}

.sp-g-row .sp-g-row {
  border-left: 0;
  border-right: 0 !important;
}

.zr-remaincash-list {
  max-height: 152px;
  overflow: hidden;
  gap: 0.5rem;
}

.sp-board {
  direction: rtl;
  max-height: calc(100% - 0px);
  overflow: auto;
  height: 100%;
  --InputPadding: 0.75rem;
  margin: 0;
}

.sp-board .sp-c-9.zr-accounting-dashboard,
.sp-board .sp-c-9.zr-accounting-dashboard+.sp-c-3 {
  max-height: calc(100% - var(--DashboardRemainHeight));
  overflow: hidden;
  height: 100%;
}

.sp-board .sp-c-9.zr-accounting-dashboard {
  padding-right: 0;
}

.zr-rate-title {
  margin: 6px 0 7px;
}

.zr-rate-list {
  row-gap: 0.75rem;
  max-height: calc(100% - 0px);
}

.zr-rate-item {
  border: 1px solid var(--primary5);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
  color: var(--Dark);
}

.zr-SalesRate-list .zr-rate-item {
  min-height: var(--rateitemheight);
}

.zr-btn-rate.zn-rate-upgrad {
  --FontBtn: var(--normalfont);
  background: var(--primary10);
  outline: 0px;
  min-width: calc(var(--Widthbtn) - 0.5rem);
}

.sp-board :is(.sp-row, .sp-r) {
  max-height: 100%;
}

.zr-accdashboardgrid {
  display: flex;
  flex: 1;
  flex-direction: column;
  max-height: calc(100% - 0px);
  padding: 0.25rem !important;
  background: var(--gray5);
  border-radius: var(--xxlargeradius);
}

.zr-DocumentBox {
  max-height: calc(100% - 0px) !important;
  height: 100%;
}

.zr-RaminBox,.sp-card li.zr-RaminBox  ,.zr-tax-mainbox  , .zr-accounting-card-item {
  background-color: var(--whiteColor);
  border: 2px solid var(--gray15);
  box-shadow: 0px 4px 12px #1522371f;
  padding: var(--RemainPadding);
}
.zr-accounting-cards  .zr-RaminBox , .zr-accounting-card-item  {
  border-color: var(--production5);
  box-shadow: none;
  --RemainPadding: 0.5rem;
}
.zr-tax-mainbox {
  min-height: 200px;
}
.zr-selectedremain .zr-RaminBox {
  background-color: var(--link5);
  border-color: var(--link50);
}

.zr-remainSymbol,
.zr-remainBankLogo,
.zr-upload-Download {
  max-width: var(--remainSymbolWidh);
}

.zr-remainicon {
  /* color: #606c80ab;*/
}

.zr-dashboard-green {
  color: var(--approved70);
}

.zr-dashboard-red {
  color: var(--error70);
}

.zr-bankimg-parent {
  max-width: 16px;
  overflow: hidden;
}

.zr-bankimg {
  /*height: 100%;
  object-fit: cover;*/
}

.zr-progress-green,
.zr-progressfill-green,
.zr-progress-red,
.zr-progressfill-red , .zr-progressfill{
  min-height: 0.5rem;
}

.zr-progress-green {
  background: var(--approved5);
}

.zr-progressfill-green , .zr-progressfill-secondary {
  left: 0;
}

.zr-progressfill{
  background:var(--primary5);
}
.zr-progressfill-primary{
  background:var(--Mainprimary);
}
.zr-progressfill-secondary{
  background:var(--secondary70);
}

.zr-progress-red {
  background: var(--error5);
}

.zr-dashboard-bgred,
.zr-progressfill-red {
  background: var(--error70);
}

.zr-dashboard-bggreen,
.zr-progressfill-green {
  background: var(--approved70);
}

.zr-circle-mini {
  width: 16px;
  height: 16px;
  margin: auto 0;
}

.zr-remainbank-list {
  column-gap: 1rem;
  row-gap: 0.5rem;
  max-height: 138px;
  overflow: auto;
  padding: 0 0.75rem 0 0.25rem;
  height: 100%;
}

:is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-track {
  background: transparent;
}

:is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-thumb {
  background: var(--gray30);
  border-radius: 1rem;
  border: 1px solid var(--gray30);
  width: 4px;
  margin: auto;
}

:is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-thumb:hover {
  background: var(--gray30);
}

.zr-remainbank-line {
  width: 6px;
  background: var(--Mainsecondary);
  border-radius: 0px 3px 3px 0px;
}

.zr-remainbank-item {
  width: 47%;
  height: max-content;
}

.zr-ramainbox-parent:not(.zr-printbox .zr-ramainbox-parent) {
  max-height: 2.25rem;
  overflow: auto;
}

.zr-ramaincash-item:nth-child(1) {
  color: var(--Mainquaternary);
  /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(2) {
  color: var(--link70);
  /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(3) {
  color: var(--secondary70);
}

.sp-board .sp-c-12 {
  padding: 0;
  max-height: calc(100% - 0px);
  overflow: hidden;
}

.zr-zargarprintlogo {
  max-width: 80px;
}

.zr-rightmenu-logoicon {
  max-width: 20px;
}

.zr-doc-redtext {
  color: #B20101;
}

.zr-doc-redbox {
  background: #FFC8C8;
}

.zr-doc-greentext {
  color: #008756;
}

.zr-remainbank-item {
  /*  box-shadow: 0px 8px 16px #3e134e12;*/
  border: 1px solid var(--gray15);
  min-height: 32px;
}

.zr-advanceSearchParent .sp-f-editor,
.zr-advanceSearchParent .sp-f-input {
  border-radius: 1.5rem 0px 1.5rem 1.5rem;
}

.zr-advanceSearchParent .sp-f-input {
  border: 0;
  padding: 0;
  margin: 0;
}

.zr-advanceSearchParent {
  background: url("/themes/manager/images/salesdashboard/bg-AdvanceSearch.svg"), linear-gradient(134.13deg, #AEC6EF 0%, #92AAD2 92.72%) no-repeat;
  padding: 2px;
}

.zr-advancesearch-img {
  min-width: 30px;
}

.zr-advancesearch-title {
  min-width: 250px;
}

.zr-advancesearch-btn {
  height: clamp(30px, 54px, 54px);
  width: clamp(190px, 100%, 510px);
}

.zr-chartFilter.sp-tab-active,
.sp-d-tab.sp-tab-simple .sp-tab-item.sp-tab-active:not(.zr-tab-slide) {
  background-color: var(--primary5) !important;
  /* border: 1px solid #EBEEF2; */
  color: var(--primary80) !important;
  font-size: var(--largefont) !important;
}

.sp-d-tab.sp-tab-simple .sp-tab-item.sp-tab-active:not(.zr-tab-slide) {
  font-size: var(--normalfont) !important;
}

.sp-d-tab.sp-tab-simple .sp-tab-item.zr-tab-slide:not(.sp-tab-active) {
  border-color: var(--gray70);
  color: var(--gray70);
  font-size: var(--largefont);
}

.sp-tab-item.zr-tab-slide.sp-tab-active {
  background-color: var(--Mainsecondary) !important;
  border: 0 !important;
  font-weight: 500;
  color: var(--primary80);
}

:is(.sp-tab-item.zr-tab-slide):not(.zr-selected, .sp-tab-active):hover {
  background: var(--secondary30) !important;
  color: var(--primary80) !important;
  border-color: var(--Mainsecondary) !important;
}

.zr-chartFilter.sp-tab-active p {
  font-weight: 900;
}

.zr-chartFilter,
.sp-d-tab.sp-tab-simple .sp-tab-item {
  box-shadow: 0px 1px 3px rgba(96, 108, 128, 0.05);
  border: 1px solid var(--grayColor);
  color: rgba(96, 108, 128, 0.6);
  padding-left: 0 !important;
  min-width: 80px;
  border-radius: 0.5rem !important;
  background: transparent;
  padding: 0;
  margin: 0;
}
.zr-chartFilter.zr-bilan-datatab{
  max-width:112px;
}
.zr-ChartTab,
.sp-d-tab.sp-tab-simple .sp-tab-header {
  column-gap: 1.25rem;
  --TabHeight: 32px;
  background: transparent;
  padding: 0;
}

.sp-d-tab.sp-tab-simple .sp-tab-item::after,
.sp-d-tab.sp-tab-simple .sp-tab-item::before {
  display: none;
}

.zr-ChartParent {
  /* background: rgba(255, 255, 255, 0.8);
  border: 2px solid #E0ECF8;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
  backdrop-filter: blur(76px);
  max-height: calc(100% - 148px);
  overflow: hidden;*/
}

.zr-chartbox-count {
  font-size: 64px;
  line-height: 64px;
}

.zr-chartbox-bluecount {
  /*background: linear-gradient(98.13deg, #2559B4 5.53%, #17418D 25.23%, #0E45A4 56.65%, #012C76 92.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;*/
  color: var(--Mainprimary);
}

.zr-chartbox-Goldcount {
  background: linear-gradient(90deg, #D4CC08 0%, #D4C008 22.58%, #DDBF5E 51.08%, #BC9926 77.97%, #A7830D 100.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.zr-chartbox-blue {
  border: 2px solid var(--primary5);
  background: var(--primary5);
}

.zr-chart-box {
  max-height: calc(100% - 0px);
}

.zr-chart-parent {
  max-height: calc(100% - 284px);
  overflow: hidden;
}

.zr-saleschart-parent {
  /*max-height: calc(100% - 50px);*/
  overflow: hidden;
}

.zr-chartbox-Gold {
  border: 2px solid var(--secondary5);
  background: var(--secondary5);
}

.zr-chartboxParent {
  column-gap: 0.75rem;
}

.zr-chartbox-text {
  color: var(--primary70);
}

.zr-chartbox-img {
  margin-top: -28px;
}

.zr-chartbox-imgFactor {
  max-width: 154px;
}

.zr-chartbox-imgPrice {
  max-width: 84px;
}

.zr-chartbox-imgProduct {
  max-width: 90px;
}

.zr-chartbox-Gold:nth-child(3) .zr-chartbox-img {
  max-width: 141px;
}

.zr-chartbox-menu {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.zr-chartbox-imgCustomers {
  max-width: 80px;
}

.zr-chartguideparent {
  column-gap: 2.5rem;
}

.zr-chartguide-miniPrice {
  background: #00B4D8;
}

.zr-chartguide-miniProduct {
  background: #0077B6;
}

.zr-chartguide-miniFactor {
  background: #023E8A;
}

.zr-chartguide-miniCustomers {
  background: #03045E;
}

.zr-chartguide-minititle {
  color: #475366;
}

.zr-chartguide-minitext {
  color: #B8BFCC;
}

.zr-chartguideImage {
  max-height: 264px;
  object-fit: cover;
}

.zr-SalesRate {
  border: 1px solid var(--gray20);
  box-shadow: 0px 2px 8px #00000033;
}

.zr-SalesRate-list {
  /*  max-height: 380px;*/
  overflow: auto;
  padding: 0 0.25rem;
  row-gap: 1rem;
}

.zr-SalesRate-title {
  color: var(--error70);
}

.zr-SalesRate-dot {
  background: var(--error70);
  width: 10px;
  height: 10px;
}

.zr-SalesIcon {
  width: 22px;
}

.zr-Salesdesc {
  color: #606C80;
}

.zr-SalesAmount {
  border: 1px solid var(--gray20);
  background: var(--white);
}

.zr-SalesText {

  /*background: linear-gradient(90deg, #5921AC 0%, #4F1892 22.58%, #4A1282 51.08%, #591E96 77.97%, #5202A4 100.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;*/
}

.zr-SalesChart {
  max-width: 260px;
}

.zr-SalesChart-icon.GoldProduct {
  background-color: var(--primary85);
}

.zr-SalesChart-icon.Jewellery {
  background-color: var(--primary70);
}

.zr-SalesChart-icon.Used-gold {
  background-color: var(--Mainprimary);
}

.zr-SalesChart-icon.Melted-gold {
  background-color: var(--primary30);
}

.zr-SalesChart-icon.coin {
  background-color: var(--primary10);
}

.zr-production .zr-divGrid.zr-itemgrid {
  /* max-height: calc(100% - 40px);
  min-height: calc(100% - 40px);*/
}

/*#SumWageGolds{     
position: absolute;
width: 100%;
bottom: 2px;
right: -2px;
z-index: 10;
display: flex;
}*/

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) :is(.sp-select.sp-f-select.sp-select-show::before, .zr-active-tree .sp-f-select::before),
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-drop.sp-f-drop.sp-drop-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-select.sp-f-select.sp-select-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-widget.sp-f-widget.sp-widget-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .zr-active-tree .sp-f-select::before {
  content: "";
  position: absolute;
  width: 10px;
  left: calc(100% - var(--btnadddistance));
  height: 100%;
  background: var(--bgDoccolor);
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell :is(.sp-select.sp-f-select.sp-select-show::before, .sp-g-cell .zr-active-tree .sp-f-select::before),
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .sp-drop.sp-f-drop.sp-drop-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .sp-select.sp-f-select.sp-select-show::before
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .sp-widget.sp-f-widget.sp-widget-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .zr-active-tree .sp-f-select::before {
  display: none
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-f-append .sp-select.sp-f-select.sp-select-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-f-append .sp-drop.sp-f-drop.sp-drop-show::before {
  display: none
}

*[ultra-action] img {
  filter: opacity(100%) grayscale(0%) !important;
}

.sp-toolbar-tab .sp-tab-header {
  /* padding-right: 1.5rem;*/
  padding: 0 2rem 0 1.5rem;
}
.sp-board .sp-toolbar-tab .sp-tab-header{
  padding: 0 calc(2rem + 2px) 0 calc(1.5rem + 2px);
}

.sp-toolbar {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  outline: 0;
  gap: 1rem;
}

.sp-toolbar .sp-d-button .sp-f-title {
  display: none;
}

.sp-d-buttons {
  justify-content: center;
}

.sp-toolbar-item {
  padding: 0;
  margin: 0;
  border: 0;
  flex: 1 1 auto;
  justify-content: center;
  display: flex;
  min-width: auto;
}

.sp-toolbar-item.zr-toolbar-inputparent {
  min-width: 280px;
}

.sp-toolbar-item .sp-f-row {
  margin: auto 0 !important;
}

.sp-toolbar-item :is(.sp-d-form .sp-row:first-of-type .sp-f-row) {
  margin-top: 0.25rem;
}

tab-header+div:nth-last-child(1):has(.sp-toolbar),
tab-header+div:nth-last-child(1) {
  flex: 1;
  justify-content: end;
  display: flex;
}


@media print {
  body {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    --FooterHeight: 0;
  }

  aside,
  header ,.zr-footer{
    display: none !important;
    visibility: hidden;
  }

  .sp-dialog {
    width: 100% !important;
    height: 100% !important;
  }

  .zr-printbox,
  #PrintedItem {
    zoom: 0.7;
  }

  .zr-leftside {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #divQuickMenu {
    background: transparent;
  }

  :is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) .sp-g-row .sp-g-cell,
  :is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) .sp-g-row .sp-g-cell p,
  .sp-g-header .sp-g-cell,
  .sp-g .sp-g-header .sp-g-cell {
    font-size: var(--smallfont) !important;
    font-weight: normal !important;
    padding: 0 3px;
  }

  [data-col="1"] {
    max-width: 100px !important;
  }

  [data-col="3"] {
    max-width: 30px !important;
  }

  .sp-grid-row,
  .sp-g-row,
  .sp-g-header {
    justify-content: right;
  }

  .zr-ramainbox-parent {
    max-height: fit-content;
  }

  @page {
    @top-center {
      content: element(pageHeader);
    }
  }

  .sp-g-header {
    padding-left: 0;
  }

  :is(.zr-dialog-box, .zr-page-box) .zr-grid-parent {
    outline: 0;
    margin: 0;
  }

  :is(.zr-page-box) :is(.sp-g-body, .zr-maingrid .sp-g .sp-g-body),
  .sp-g-body,
  .zr-maingrid .sp-g-body {
    overflow: hidden !important;
  }

  :is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-parent) {
    max-height: initial;
    min-height: initial;
  }

  .sp-g-row {
    clear: both;
    page-break-after: always;
  }

  .zr-ramainbox-parent {
    max-height: initial;
    min-height: 80px;
    overflow: initial;
  }

  .zr-page-content {
    max-height: initial;
    overflow: unset;
  }
}

/*
@media screen and (max-width: 1440px) {
.zr-rightmenu,.sp-board,.zr-operation-box,.zr-page-box .zr-page-conten *,.sp-dialog* {
zoom: 0.8;
}
.zr-FormParent{
zoom: 0.7;
}
.zr-maingrid-parent {
flex: 3;
max-height: calc(100% - 19.75rem);
}
}


@media screen and (max-width: 1366px) {
.sp-board{
zoom:0.6;
}
}
@media screen and (max-width: 1280px){
.zr-rightmenu,.sp-board,.zr-operation-box,.zr-page-box .zr-page-conten*t/,.sp-dialog* {
zoom: 0.5;
}
.zr-leftside{
padding: 0;
margin: calc(1.5rem + var(--HeaderHeight)) calc(var(--Widthrightmenu) + 6px) 1.5rem 1.5rem;
--Widthrightmenu: 6rem;
}
.zr-rightmenu {
top: calc( var(--HeaderHeight) + 5.5rem);
}
}
*/
/*New Filter */
.zr-pagefilter-box {
  background: var(--Mainprimary);
  margin: -3rem -2.25rem 0;
  padding: 1.5rem 1.5rem 0.5rem;
  position: relative;
}

.zr-pagefilter-form:not(app-form) {
  background: white;
  border-radius: 1.5rem;
  padding: 1.5rem 1.5rem 0.25rem;
}

.zr-page-box:has(.zr-pagefilter-form) {
  border-radius: 0 0 var(--xxlargefont) var(--xxlargefont);
}

.zr-pagefilter-box::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 2rem;
  background: white;
  top: 100%;
  left: 0;
  border-radius: 1.5rem 0 0 0;
  box-shadow: -9px -4px 0 4px var(--MainThemeColor);
}

.zr-pagefilter-box::after {
  content: "";
  position: absolute;
  width: 3rem;
  height: 2rem;
  background: white;
  top: 100%;
  right: 0;
  border-radius: 0 1.5rem 0 0;
  box-shadow: 9px -4px 0 4px var(--MainThemeColor);
}

.zr-pagefilter-grid {
  margin: 1.5rem 0 0;
}

.zr-cashtabs {
  max-width: calc(100% - 0px);
  gap: 1.5rem;
  overflow-x: auto;
}

.zr-cashtabs .zr-cashtab-item {
  background: var(--primary10);
  color: var(--gray70);
  font-size: var(--largefont);
  min-width: clamp(120px, 180px, 150px);
  min-height: clamp(32px, 42px, 42px);
}

.zr-cashtabs .zr-cashtab-item:is(:hover, :focus, .zr-selected) {
  background: var(--blackblue);
  color: var(--white);
  font-size: var(--xlargefont);
}

.zr-popup-title {
  background: var(--link60);
}

.zr-popup-rate {
  filter: drop-shadow(-2px 2px 10px rgba(112, 112, 117, 0.3));
  min-width: 250px;
  min-height: 150px;
  z-index: 50;
  /*  transform: translate(106px, -100px);*/
  display: none;
}

.zr-popup-rate ul {
  max-height: 220px;
  overflow: auto;
  min-height: 100px;
}
.zr-popup-rate-min{
  min-height:40px;
}

/*.sp-g ..zr-popup-rate{
transform: translate(106px, -140px);
}*/
.zr-popup-row {
  min-height: 32px;
  align-items: center;
}

.zr-popup-parent:hover .zr-popup-rate {
  display: block;
}

:is(.zr-tooltip-error, .zr-tooltip-prostar, .zr-tooltip-info).zr-popup-parent:hover .zr-popup-rate , .zr-popup-parent:hover .zr-popup-rate-min {
  display: flex;
}

.zr-popup-rate::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 14px solid var(--white);
  top: 100%;
  left: 0.75rem;
}

.zr-popup-rate:not(.zr-tooltip-info .zr-popup-rate)::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 32px;
  width: 100%;
  left: 0;
}

.zr-tooltip-prostar .zr-popup-rate::after {
  bottom: 100%;
  top: auto;
}

:is(.zr-tooltip-error) .zr-popup-rate::before {
  border-top: 14px solid var(--warning60);
}

:is(.zr-tooltip-error, .zr-tooltip-info) .zr-popup-rate {
  background-color: var(--warning60) !important;
  color: var(--white);
  min-height: 36px;
  flex-direction: column;
  align-items: center;
  font-size: var(--normalfont);
  justify-content: center;
  font-weight: 400;
}

.zr-tooltip-info .zr-popup-rate {
  background-color: var(--link50) !important;
}

:is(.zr-tooltip-info) .zr-popup-rate::before {
  border-top: 14px solid var(--link50);
}

.zr-tooltip-prostar .zr-popup-rate::before {
  border-bottom: 14px solid var(--ProStar);
  border-top: none;
  bottom: 100%;
  top: unset;
}

.zr-tooltip-prostar .zr-popup-rate {
  background-color: var(--ProStar) !important;
  color: var(--white);
  min-height: 36px;
  flex-direction: column;
  align-items: center;
  font-size: var(--normalfont);
  justify-content: center;
  font-weight: 400;
}



.zr-cash-box {
  justify-content: start;
  column-gap: 8rem;
  margin: 0 4rem;
  row-gap: 1.25rem;
}

.zr-remainbank .sp-chart {
  margin-right: auto;
}

.zr-bank-item :is(.zr-square-mini, .zr-remain-square) {
  background: #152237;
}

.zr-bank-item:nth-child(2) :is(.zr-square-mini, .zr-remain-square) {
  background: #2A446E;
}

.zr-bank-item:nth-child(3) :is(.zr-square-mini, .zr-remain-square) {
  background: #5D77A1;
}

.zr-bank-item:nth-child(4) :is(.zr-square-mini, .zr-remain-square) {
  background: #8699B9;
}

.zr-bank-item:nth-child(5) :is(.zr-square-mini, .zr-remain-square) {
  background: #C2CCDC;
}

.zr-bank-item:nth-child(6) :is(.zr-square-mini, .zr-remain-square) {
  background: var(--primary5);
}

.zr-bank-item,
.zr-account-item {
  color: var(--primary60)
}

.zr-account-item .zr-square-mini,
.zr-coin-item .zr-coin-square {
  background: #93C4FB;
}

.zr-account-item:nth-child(2) .zr-square-mini,
.zr-coin-item:nth-child(2) .zr-coin-square {
  background: #F0DB98;
}

.zr-account-item:nth-child(3) .zr-square-mini,
.zr-coin-item:nth-child(3) .zr-coin-square {
  background: #ABCCCF;
}

.zr-account-item:nth-child(4) .zr-square-mini,
.zr-coin-item:nth-child(4) .zr-coin-square {
  background: #FDC088;
}

.zr-account-item:nth-child(5) .zr-square-mini,
.zr-coin-item:nth-child(5) .zr-coin-square {
  background: #BDA3DE;
}

.zr-account-item:nth-child(6) .zr-square-mini,
.zr-coin-item:nth-child(6) .zr-coin-square {
  background: #F1A2A2;
}

.zr-grid-seperate :is(.sp-g, .sp-grid) {
  outline: 0;
  border-radius: 0;
}

.zr-grid-seperate :is(.sp-grid-row, .sp-g-row) {
  border: 1px solid var(--primary10);
  border-radius: var(--normalradius);
  margin-bottom: 0.625rem;
  --Trbg: var(--gray5);
  background: var(--gray5);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.zr-grid-seperate :is(.sp-grid-row, .sp-g-row):last-child {
  margin-bottom: 0;
}

.zr-grid-lightseperate {
  --table-border: var(--primary30);
  --table-header-border: var(--primary30);
}

.zr-grid-lightseperate :is(.sp-grid-row, .sp-g-row) {
  border: 1px solid var(--table-border);
  box-shadow: none;
}

.zr-grid-seperate .zr-Main-row:hover {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate, .zr-grid-new) {
  --table-border: var(--primary10);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate, .zr-grid-new) .sp-g-row .sp-g-cell {
  /*  border-left: 0.25px solid var(--primary10) !important;;*/
  min-height: var(--SeparateGridCellHeight);
  /*  font-size: var(--normalfont);*/
  color: var(--gray95);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate) .sp-g-row .sp-g-cell {
  border-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate.zr-grid-lightseperate) .sp-g-row .sp-g-cell {
  /*  border-left: 0.25px solid var(--primary30) !important;*/
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate) .sp-g-row .sp-g-cell:last-child {
  border-left: 0 !important;
}

:is(.zr-grid-seperate:not(.zr-grid-lightseperate, .zr-grid-headerlightseperate), .zr-grid-new) .sp-g-header:not(.zr-docgridlist .sp-g-header) {
  background: var(--primary60);
  color: var(--white);
  --table-header-border: var(--primary40);
}

:is(.zr-grid-seperate.zr-grid-headerseperate:not(.zr-grid-lightseperate), .zr-grid-new) .sp-g-header {
  background: transparent;
  color: var(--primary60);
  --table-header-border: transparent;
  --SeparateHeaderHeight: 42px;
  margin-bottom: 0.25rem;
}

.zr-grid-headerseperate .sp-g-row {
  box-shadow: none !important;
}

.zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
  border-radius: var(--normalradius);

  margin-bottom: var(--SeparateHeaderMargin);
  /*  padding: 0rem 0 0rem calc(0.5rem + 3px);*/
  padding:var(--Gridpadding);
}

.zr-grid-seperate :is(.sp-g-footer) {
  margin-top: var(--SeparateHeaderMargin) !important;
}

.zr-grid-lightseperate :is(.sp-g-header, .sp-g-footer) {
  border: 1px solid var(--table-header-border);
  /* --table-header-border: var(--primary30);*/
}

.zr-grid-lightseperate :is(.sp-g-footer) {
  margin: 0.75rem 0 0 !important;
  padding: 0;
}

.sp-grid-header .sp-grid-sorting,
.sp-g-header .sp-g-sorting,
.sp-grid-header .sp-grid-sorting-asc,
.sp-g-header .sp-g-sorting-asc,
.sp-grid-header .sp-grid-sorting-desc,
.sp-g-header .sp-g-sorting-desc {
  background-image: unset;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-g-cell.sp-g-sorting a::before {
  background-image: url("/themes/manager/icons/baseinformations/sortingwhite.svg");
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-grid-header .sp-g-cell.sp-grid-sorting-desc a::before,
:is(.zr-grid-seperate, .zr-grid-new) .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before {
  content: '';
  background: url("/themes/manager/icons/baseinformations/sortingasc.svg") no-repeat center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-grid-header .sp-g-cell.sp-grid-sorting-asc a::before,
:is(.zr-grid-seperate, .zr-grid-new) .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before {
  content: '';
  background: url("/themes/manager/icons/baseinformations/sortingdesc.svg") no-repeat center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate-multicolor) {
  --table-border: var(--primary10);
  --table-header-border: var(--white);
  --HeaderCellHeight: 48px;
}

.zr-grid-seperate-multicolor :is(.sp-grid-row, .sp-g-row) {
  --Trbg: var(--primary5) !important;
}

.zr-melted-square,
.zr-remain-square {
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  min-width: var(--minibtnwidth);
}

.zp-row-productlocation {
  --widthtitle: 192px;
  --TitleIcon: 24px;
  --InputHeight: 48px;
  --Pagewidthtitle: 192px;
}

.zr-melted-square {
  background: #A09362;
}

.zr-melted-list {
  row-gap: var(--GapCaratlist);
}

.zr-box-gray {
  box-shadow: inset 0px 0px 1px #00000040;
  border-color: #DEDFE9;
}

.zr-box-bilan {
  box-shadow: 0px 4px 12px 0px #1522371f;
}

.zr-box-totalbilan {
  border: 2px solid var(--primary15);
  background: var(--primary10);
  box-shadow: 0px 4px 12px 0px #1522371f;
  max-height: var(--bilanheight);
  min-height: var(--bilanheight);
  flex: 1 1 var(--bilanheight);
  display: flex;
}

.zr-boxtitle-totalbilan {
  padding: var(--bilanpadding) 0 !important;
}

.zr-box-bilandistance {
  padding: 0 var(--bilanboxpadding);
}

.zr-melted-parent :is(.sp-chart, canvas) {
  margin-left: auto;
  margin-right: auto;
}

.zr-grid-new.zr-hasfilter {
  --table-header-border: var(--primary40)
}

.zr-grid-new.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter)

/* , :is(.zr-grid-new) :is(.sp-grid-footer, .sp-g-footer)*/
{
  background: var(--primary60);
}

:is(.zr-page-content, .zr-dialog-content) .zr-grid-new.zr-hasfilter grid-section:has(.sp-g-filter),
.zr-grid-new.zr-hasfilter grid-section:has(.sp-g-filter) {
  border-left: 1px solid var(--primary60);
  border-right: 1px solid var(--primary60);
}

.zr-grid-new .sp-grid-rtl.sp-g,
.zr-grid-new .sp-g {
  outline: 1px solid var(--primary60);
  border-radius: var(--normalradius);
}

.zr-grid-new .sp-g-body .sp-g-row:nth-child(even) {
  --Trbg: var(--primary5);
}

.zr-grid-new .sp-paging-item,
.zr-grid-new .sp-paging-item a {
  color: var(--white);
  font-size: var(--largefont);
  font-weight: 300;
  min-width: 20px;
  height: 20px;
}

.zr-grid-new .sp-paging-item {
  margin-left: 0.75rem;
}

.zr-grid-new .sp-paging-item.sp-paging-select {
  background: var(--white);
  color: var(--primary60);
  border-radius: 50%;
  font-weight: 700;
  font-size: var(--xlargefont);
}

.zr-grid-new .sp-paging {
  display: flex;
}

.zr-grid-new .sp-paging-row {
  direction: ltr;
}

:is(.zr-remainbank, .zr-remainmelted, .zr-remaindoc) .zr-RemainItem {
  min-width: 360px;
  background: var(--primary60);
  border: 1px solid var(--primary60);
  border-radius: 0.75rem;
  min-height: var(--bankremainHeight);
}

.zr-hasremain-toggle .zr-remaindoc .zr-RemainItem {
  min-height: var(--ReportRemainheight);
}

:is(.zr-remainbank, .zr-remainmelted, .zr-remainused, .zr-remaindoc) .zr-remain-number,
.sp-color-lightblue {
  color: var(--primary60);
}

.zr-remaindoc {
  --rameinwidth: 86px;
  --normalradius: 1rem;
  overflow: hidden;
  max-height: 100%;
}

.zr-remainmelted {
  --rameinwidth: 120px;
  column-gap: 1.5rem;
  row-gap: 1.5rem;
}

.zr-remainused {
  --rameinwidth: 155px;
  gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-link-item:not(.sp-color-Darkgreen, .sp-color-DarkRed),
.sp-color-Darklink {
  color: var(--link70) !important;
}

.zr-link-item::after {
  content: "";
  width: 100%;
  flex: 1;
  height: 1px;
  margin: auto;
  background: var(--link70);
  margin-right: 0.5rem
}

.zr-link-item.sp-color-Darkgreen::after {
  background: var(--DarkGreen);
}

.zr-link-item.sp-color-DarkRed::after {
  background: var(--DarkRed);
}

.sp-bg-litelink {
  background: var(--link5) !important;
}

.sp-bg-darklink {
  background: var(--link10) !important;
}

.zr-icon-scale {
  width: var(--normalbtnwidth) !important;
  min-width: var(--normalbtnwidth) !important;
}

.zr-carat-list {
  row-gap: 0.75rem;
}

.zr-cash-list,
.zr-inventory-list {
  row-gap: 1rem;
}

.zr-inventory-list {
  padding: 0.25rem 1.5rem;
}

.zr-coin-square {
  width: 18px;
  height: 18px;
  min-width: 18px;
}

.zr-cheque-remain {
  /*  --MarginRow: 3rem;*/
}

.zr-cheque-mainframe .sp-row:not(:last-child) {
  /* padding-left: 2.70rem;*/
}

.zr-remainbank .sp-row {
  overflow: hidden;
}

.zr-lastbox:not(.sp-c-4, .sp-f-editor) {
  /*  margin-left: 1.1rem;
  margin-right: 1px;*/
}

.zr-switch {
  position: relative;
  display: inline-block;
  width: var(--switchwidth);
  height: var(--switchheight);
  margin: auto;
}

.zr-switch.zr-switch-mini {
  --switchwidth: 48px;
  --switchheight: 26px;
  --switchtransform: 22px;
}

.zr-switch.zr-switch-ultramini {
  --switchwidth: 40px;
  --switchheight: 22px;
  --switchtransform: 18px;
}

.zr-switch .zr-switchinput {
  opacity: 0;
  width: 0;
  height: 0;
}

.zr-switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--Mainsecondary);
  transition: .4s;
  box-shadow: inset 1px 1px 4px #4f4f4f4d;
}

.zr-switch-slider:before {
  position: absolute;
  content: "";
  height: calc(var(--switchheight) - 4px);
  width: calc(var(--switchheight) - 4px);
  left: 2px;
  bottom: 2px;;
  border-radius: 50%;
  background-color: var(--white);
  transition: .4s;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
}
.zr-switch-input:checked+.zr-switch-slider {
  background-color: var(--Mainprimary);
  box-shadow: inset 1px 1px 4px rgba(79, 79, 79, 0.3);
}

.zr-switch-input:checked+.zr-switch-slider:before {
  transform: translateX(var(--switchtransform));
}

.zr-tab-switch:not(.zr-tab-selected) {
  color: var(--gray60);
  border: 1px solid transparent;
}

.zr-tab-switch.zr-tab-selected {
  color: var(--primary70);
  border: 1px solid var(--primary70);
}

.zr-tab-switch.zr-tab-selected .zr-gray-img,
.zr-tab-switch:not(.zr-tab-selected) .zr-main-img {
  display: none;
}

:is(.zr-dialog-box, .zr-page-box) .zr-remainbank .sp-f-row:not(.sp-d-checkbox) :is(.sp-form-editor, .sp-f-editor) {
  max-height: 100%;
}

:is(.zr-page-content, .zr-dialog-content) .zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter),
.zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter) {
  margin: -1.5rem 0 0.75rem;
  border-left: 1px solid var(--primary70);
  border-right: 1px solid var(--primary70);
  border-top: 1px solid var(--primary40);
  border-radius: 0 0 0.75rem 0.75rem;
  padding: 0.75rem 0 0 0;
  --table-header-border: var(--primary40);
  background: var(--primary60);
}

:is(.zr-page-content, .zr-dialog-content) .zr-grid-seperate.zr-grid-lightseperate.zr-hasfilter grid-section:has(.sp-g-filter),
.zr-grid-seperate.zr-grid-lightseperate.zr-hasfilter grid-section:has(.sp-g-filter) {
  background: var(--primary10);
  --table-header-border: var(--primary30);
  border: 1px solid var(--primary30);
  margin: calc(-2rem + -3px) 0 0.75rem;
}

.zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary60);
  border-radius: 0 0 0.75rem 0.75rem;
  min-height: var(--SeparateHeaderHeight);
  /* border-top: 1px solid var(--primary40); */
}

.zr-grid-seperate.zr-hasfilter.zr-grid-lightseperate :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary10);
  border-top: 1px solid var(--primary40);
}

/*.zr-grid-seperate.zr-hasfilter .sp-g-header {
border-radius: 0.75rem 0.75rem 0 0;
margin-bottom: 0.75rem;
}*/
.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a {
  align-items: center;
}

.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell {
  justify-content: center !important;
  min-height: var(--SeparateHeaderHeight);
}

.zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) .sp-g-cell {
  padding-bottom: 0;
}

.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;
}

.zr-grid-tree.zr-grid-seperate .zr-table .zr-selected-row.zr-ISvisible.zr-table-row {
  background-color: var(--production20);
  border: 1px solid var(--primary20);
}

.zr-grid-seperate .zr-DetailBox.zr-openedTree {
  --table-border: var(--primary10Temp);
  --gray95: var(--link70);
  --primary10: var(--primary20);
  border-bottom: 1px solid var(--primary10Temp);
  --InputTextColor: var(--link70);
}

.zr-grid-seperate .zr-Parents {
  background: var(--production5);
  border-radius: 0 0 0.75rem 0.75rem;
  --table-border: var(--primary10);
}

.zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row) {
  background-color: transparent !important;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--primary10);
  box-shadow: none;
  margin: 0;
}

.zr-grid-tree.zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row, .sp-grid-row, .sp-g-row, .sp-g-body .sp-g-row:nth-child(even)):not(.zr-selected-row)>.zr-DetailBox:hover {
  background: var(--production15) !important;
  transition: none !important;
  --gray95: var(--link70);
  --primary10: var(--production60);
  margin: 0 -1px;
  border: 1px solid var(--production60);
  position: relative;
  box-shadow: 0px 0px 8px rgba(33, 65, 118, 0.4);
}

.zr-grid-seperate .zr-DetailBox.zr-openedTree {
  border-radius: 0.75rem 0.75rem 0 0;
  background-color: var(--production15) !important;
}

.zr-remaingold {
  --rameinwidth: 154px;
  gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-remaincoin {
  --rameinwidth: 180px;
  gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-grid-seperate .zr-DetailBox:not(.zr-openedTree, .zr-Parents .zr-DetailBox) {
  border-radius: 0.75rem;
}

.zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row):hover {
  margin: -1px;
}

.zr-cash-guide .zr-mini-round {
  background: var(--Mainsecondary)
}

.zr-cash-guide {
  color: var(--secondary70)
}

.zr-cash-guide.zr-cash-credit {
  color: var(--tertiary70)
}

.zr-mini-round {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.zr-cash-guide.zr-cash-credit .zr-mini-round {
  background: var(--Maintertiary);
}

.zr-copy-box {
  background: var(--link60);
  cursor: pointer;
}

.zr-productionop-img {
  max-width: 100px;
}

.ProductinCustomer .zr-productionop-img {
  max-width: 75px;
}

.zr-productionop-item {
  box-shadow: 0px 4px 12px #1522371f;
  width: var(--productionopItemWidth);
  height: var(--productionopItemHeight);
  min-height: var(--productionopItemMinHeight);
}

.zr-productionop-list {
  row-gap: 0.75rem;
  width: 12%;
  min-width: max-content;
}

.zr-productionop-link:not(:hover, :focus) .zr-productionop-hover,
.zr-productionop-link:is(:hover, :focus) .zr-productionop-title {
  display: none;
}

.zr-productionop-link:is(:hover, :focus) .zr-productionop-hover {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e6eff7eb;
  backdrop-filter: blur(1px);
  left: 0;
  top: 0;
  margin-top: 0 !important;
  border: 1px solid var(--production60);
  border-radius: 1.5rem;
  box-shadow: 0px 4px 12px rgba(21, 34, 55, 0.12);
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}

.zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
  opacity: 0.95;
  max-width: 140px;
}

.zr-prcustomer .zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
  max-width: 102px !important;
}

.zr-btn-saveprocess {
  background: transparent;
  color: var(--primary70)  ;
}

.zr-btn-saveprocess::before {
  content: "";
  background: url(/themes/manager/icons/production/SaveProcess.svg) no-repeat center;
  width: 18px;
  height: 18px;
  background-size: 100% 100%;
  margin-left: 0.25rem;
}

.zr-btn-saveprocess:is(:hover, :focus) {
  background: var(--primary70);
  color: var(--white);
}

.zr-btn-saveprocess:is(:hover, :focus)::before {
  background: url(/themes/manager/icons/production/SaveProcessFocus.svg) no-repeat center;
  background-size: 100% 100%;
}

.sp-g-cell img.zr-prstatus {
  width: var(--prstatus);
  height: var(--prstatus);
  max-width: var(--prstatus) !important;
}

.sp-g-cell img.zr-prstatus-check {
  width: 24px;
  height: 24px;
  max-width: 24px !important;
}

.zr-drop-link:not(:is(:focus, :hover) , .zp-factor-summery-menu .zr-drop-link) .zr-drop-hover,
.zr-drop-link:is(:focus, :hover):not( .zp-factor-summery-menu .zr-drop-link ) .zr-drop-main {
  display: none;
}


.zr-drop-item .zr-drop-link:is(:focus, :hover):not( .zp-factor-summery-menu .zr-drop-link ) {
  background: var(--primary80);
  color: var(--white) !important;
}

.zr-drop-item.zr-drop-edit .zr-drop-link:is(:focus, :hover) {
  color: var(--primary80);
  background: var(--Mainsecondary);
}

.zr-drop-item.zr-drop-delete .zr-drop-link:is(:focus, :hover) {
  background: var(--error80) !important;
}

:is(.zr-divContent, .zr-dialog-box) .zr-detail-distance :nth-last-child(1):is(.sp-c-12) {
  margin-top: 0;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title {
  display: flex;
  width: 100%;
  justify-content: center;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon img {
  display: none;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon::before {
  content: "";
  width: var(--mediumsize);
  height: var(--mediumsize);
  background: url(/themes/manager/icons/baseinformations/LightFilter.svg);
  display: flex;
  background-size: 100% 100%;
  margin: auto 0.25rem auto 0.25rem;
}

.zr-grid-seperate.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon::before {
  background: url(/themes/manager/icons/baseinformations/DarkFilter.svg);
  background-size: 100% 100%;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon {
  display: flex;
  ;
  justify-content: center;
}

.zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
  /*background: var(--primary30);*/
  border-radius: 0 !important;
  /*var(--xlargeradius) !important;*/
  padding: 0 !important;
}

.zr-datalist-grid.zr-hasremain .sp-d-grid {
  flex: 10;
}

.zr-cashchart-parent .sp-row:nth-last-child(1) :is(.sp-c-8, .sp-c-4) {
  margin: auto;
}

.zr-GridRemain .zr-RemainItem .zr-remain-title {
  min-width: max-content;
  white-space: nowrap;
  padding: 0 0.5rem;
}

.sp-d-menu {
  width: 100%;
  height: 100%;
  border-radius: 0 0.75rem 0.75rem 0;
  display: flex;
  flex-direction: row;
}

button.sp-menu-active {
  width: 100%;
  height: 100%;
  display: flex !important;
  justify-content: space-around;
  font-size: var(--largefont);
  align-items: center;
  color: var(--primary70);
  font-weight: 500;
  background: var(--ActiveMenu);
  max-width: 200px;
  margin-right: auto;
}
button.sp-menu-active {
  width: 100%;
  border-radius: 0.75rem 0.75rem 0 0;
}

.sp-tab-rfid .sp-d-menu:not(:has(.sp-menu-show)) button.sp-menu-active {
  outline: 1px solid var(--primary70);
  border-radius: 0.75rem;
  padding: 0.25rem 0;
}

.sp-tab-rfid .sp-d-menu button.sp-menu-active {
  margin-left: auto;
  margin-right: 0;
  outline: 1px solid var(--ActiveMenu)
}

.sp-menu-rfid {
  max-width: 150px;
}

/*.zr-rfid-detail{
row-gap:1.5rem;
}
.zr-rfid-detailimg{
object-fit:cover;
}*/
.sp-tab-rfid .sp-d-menu:not(:has(.sp-menu-show)) button.sp-menu-active::after {
  background-image: url(/themes/manager/icons/baseinformations/ChevronDown.svg);
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
}

.sp-tab-rfid .sp-d-menu:has(.sp-menu-show) button.sp-menu-active::after {
  background-image: url(/themes/manager/icons/baseinformations/ChevronUp.svg);
  background-size: 100% 100%;
  width: 12px;
  height: 12px;
}

.sp-d-menu:has(.sp-menu-top) button.sp-menu-active {
  border-radius: 0 0 0.75rem 0.75rem;
}

button.sp-menu-active::after {
  content: "";
  display: flex;
  width: 5px;
  height: 20px;
  background-image: url(/themes/manager/icons/baseinformations/MenuGrid.svg);
  background-size: 100% 100%;
}

.sp-menu-body,
.sp-menu-items {
  background: var(--link5);
  box-shadow: 0 0 0;
  border-radius: 0 0 0.75rem 0.75rem;
  border: 1px solid var(--link30);
  border-top: 0;
  padding: 0.5rem;
  min-height: max-content;
  margin-top: -2px;
}

.sp-menu-show .sp-menu-items {
  display: flex !important;
  flex-direction: column;
  row-gap: 0.5rem;
  min-width: auto;
}

.sp-g-cell img.zr-icon-large {
  max-width: 22px !important;
}

.sp-d-menu:has(.sp-menu-show) {
  --ActiveMenu: var(--link20);
}

.sp-g-row:has(.sp-menu-show) {
  background: var(--link5) !important;
}

.sp-g:has(.sp-menu.sp-menu-show) .sp-g-row:not(.sp-g-row:has(.sp-menu.sp-menu-show)) {
  filter: blur(3px);
  opacity: 0.9;
}

.sp-g:has(.sp-menu.sp-menu-show) .sp-g-row:not(.sp-g-row:has(.sp-menu.sp-menu-show))::before {
  content: "";
  background: #ff000000;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.sp-menu-side {
  z-index: 25;
  padding: 0;
}

.zr-hashidden {
  max-height: calc(100% - 0px);
  overflow: hidden;
}

.sp-board .zr-hashidden>:is(.sp-row, .sp-r) {
  overflow: hidden;
  max-height: calc(100% - 0px);
  flex-direction: column;
  /** flex-direction:column*/
}

.zr-hascard-flex.sp-flex-4 {
  overflow: hidden;
}

.zr-print-rightside {
  --MarginRow: 1rem;
}

.sp-bb-0,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent) .sp-g-row:last-child .sp-g-cell.sp-bb-0 {
  border-bottom: 0 !important;
}

/**Mohandes Alizadeh*/

.profile-online {
  width: 20px;
  height: 20px;
  background-color: #34C759;
  border-radius: 50%;
  right: 7px;
  bottom: -3px;
  border: 4px solid #E6EFF7;
  box-sizing: border-box;
  padding: 10px;
}

.manage-profile-header {
  background: url(/themes/manager/icons/baseinformations/HeaderBg2.png), linear-gradient(278.47deg, #E6EFF7 1.34%, #CDDFF0 96.65%);
  border-radius: 1.1rem 1.1rem 0 0;
  min-height: 100px;
  overflow: hidden;
}

.manage-profile-header img {
  width: 98px;
  height: 98px;
}

.profile-header-image {
  display: table;
}

.manage-profile-info p {
  color: var(--blackblue);
}

.manage-profile-info .profile-title p {
  font-size: 1.5rem;
}

.manage-profile-info .profile-mobile p {
  font-size: 1.25rem;
}

.manage-profile-info .profile-unit p {
  font-size: 1rem;
}

.profile-login-info {
  border: 1px solid #DEDEE9;
  width: 80%;
  border-radius: 18px;
  margin: auto;
}

.profile-login-title p {
  font-size: 1rem;
}

.profile-login-bottom {
  border: 1px solid var(--primary70);
  width: 80%;
  border-radius: 12px;
  margin: auto;
  padding: 8px;
}

.profile-login-bottom a {
  font-size: 1rem;
}

.profile-bottom-logo {
  margin-right: 0.5rem;
}

.profile-login-bottom i {
  font-size: 1rem;
}

.profile-loginin span,
.profile-loginin i {
  color: var(--approved70);
}

.profile-logout span,
.profile-logout i {
  color: var(--gray60);
}

.profile-login-icon {
  font-size: 1rem;
}


.verification-footer img {
  width: 20px;
}

.verification-footer p {
  color: var(--warning60);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary);
}

.verification-num p {
  color: var(--secondary60);
  font-size: 3.5rem;
  letter-spacing: 1rem;

}

.verification-close {
  border: 1px solid var(--gray70);
  color: var(--gray70);
  padding: 4px 42px;
  border-radius: 0.5rem;
  margin-left: 22px;
}

.verification-close i {
  font-size: 1.5rem;
}

.verification-close p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

.verification-copy {
  border: 1px solid #DCBE5E;
  background: #DCBE5E;
  color: var(--primary80);
  padding: 4px 42px;
  border-radius: 0.5rem;
}

.verification-copy i {
  font-size: 1.5rem;
}

.verification-copy p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

.password-image img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}

.password-image {
  border-radius: 50%;
}

.password-person p {
  color: var(--blackblue);
  font-size: 1.5rem;
}

.password-mobile p {
  color: var(--blackblue);
  font-size: 1rem;
  letter-spacing: 6px;
  margin-top: 12px;
}

.password-header {
  justify-content: center;
}

.password-info {
  margin-right: 20px;
}

.password-input-title {
  background: var(--Mainprimary);
  color: white;
  padding: 8px 26px;
  border: 1px solid #35558A;
  border-radius: 0px 12px 12px 0;
}

.password-input-input {
  border: 1px solid #35558A;
  border-radius: 12px 0px 12px 12px;
  position: relative;
  width: 350px;
  right: -15px;
  top: 0px;
  background-color: white;
  overflow: hidden;
}

.password-input-input input,
.password-input-captcha input {
  height: 100%;
}

.password-input-captcha {
  border: 1px solid #35558A;
  border-radius: 12px 0px 12px 12px;
  width: 320px;
  position: relative;
  right: -15px;
  top: 0px;
  overflow: hidden;
  background-color: white;
}

.password-input-title p {
  font-size: 0.8rem;
}

.password-item {
  margin: 12px auto;
}

.password-captcha {
  left: 80px;
}

.password-captcha img {
  height: 35px;
  position: relative;
  top: 1px;
  border-radius: 12px 0 0 12px;
}


.profile-transaction-bg {
  border-color: #EEE7D0;
}

.sp-b-transaction {
  background-color: #EEE7D0;
}

.profile-transaction-bg .zn-rate-header p {
  color: var(--primary70) !important;
}

.profile-transaction-bg .zr-rate-item {
  border: 1px solid #EEE7D0 !important;
}

.sp-transaction-text {
  color: var(--primary70);
}

.profile-transaction-header {
  background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.profile-transaction-header .title {
  margin: 0.9rem;
  font-size: 1.25rem;
}

.profile-rate-bg {
  background-color: #D5E6E6;
}

.
rate {
  background-color: #D5E6E6;
}

.profile-rate-bg .zn-rate-header p {
  color: var(--primary70) !important;
}

.profile-rate-title {
  justify-content: start;
  margin-right: 13px;
}

.profile-rate-more a {
  color: var(--primary70);
  font-size: 1rem;
}

.profile-rate-bg .zr-rate-item {
  border: 1px solid #D5E6E6 !important;
}

.rate-up {
  color: #1F7735;
}

.rate-down span {
  color: var(--Maintertiary);
}

.profile-rate-logo {
  width: 42px;
  height: 42px;
}

.profile-rate-bg .rate-unit {
  font-size: 0.7rem;
  text-align: center;
}

.rate-number {
  color: var(--primary70);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70);
  font-size: 0.7rem;
}

.profile-rate-header {
  background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.profile-rate-header .title {
  margin: 0.6rem 0;
}

.zr-security-backup {
  margin-top: 1.5rem;
}

.zr-backup-item>div {
  background: #FFFFFF;
  border: 0.4px solid #EEE7D0;
  box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
  border-radius: 12px;
  padding: 14px 72px;
  width: 100%;
}

.zr-backup-item p {
  font-size: 1rem;
  color: var(--primary70);
  margin-right: 0.5rem;
}

.zr-backup-top {
  margin-bottom: 18px;
}

.zr-security-backup-title p {
  color: var(--blackblue);
  font-size: 1.25rem;
}

.zr-security-backup-date p {
  color: var(--blackblue);
  font-size: 1rem;
}

.zr-security-backup-bottom {
  background-color: var(--blackblue);
  margin: auto;
  border: 1px solid #00286E;
  border-radius: 12px;
  text-align: center;
  justify-content: center;
  width: 300px;
}

.zr-security-backup-bottom p {
  color: var(--MainWhite);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.zr-security-backup-bottom img {
  width: 24px;
}

.sp-menu-top .sp-menu-items {
  border-radius: 0.75rem 0.75rem 0 0;
  border-top: 1px solid var(--link30);
  border-bottom: 0;
  margin-bottom: -2px;
  margin-top: unset;
}

.security-rate-bg {
  background-color: #EEE7D0;
}

.security-b-rate {
  background-color: #EEE7D0;
}

.security-rate-bg .zn-rate-header p {
  color: var(--primary70) !important;
}

.profile-rate-title {
  justify-content: start;
  margin-right: 13px;
}

.security-rate-bg .zr-rate-item {
  border: 1px solid #EEE7D0 !important;
}

.rate-up {
  color: #1F7735;
}

.rate-down span {
  color: var(--Maintertiary);
}

.profile-rate-logo {
  width: 42px;
  height: 42px;
}

.security-rate-bg .rate-unit {
  font-size: 0.7rem;
  text-align: center;
}

.rate-number {
  color: var(--primary70);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70);
  font-size: 0.7rem;
}

.profile-rate-header {
  background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.zr-security-info-logo {
  width: 24px;
  margin-right: 1rem;
}

.zr-device-online {
  width: 15px;
  height: 13px;
  background-color: #34C759;
  border-radius: 50%;
  right: 0px;
  bottom: 7px;
  border: 2px solid #35558A;
  box-sizing: border-box;
  padding: 6px;
}

.security-profile-logo {
  width: 51px;
  height: 52px;
  border: 2px solid #35558A;
}

.zr-security-logout i {
  color: var(--error70);
  font-size: 1rem;
  margin-left: 0.5rem;
}

.zr-security-logout p {
  color: var(--error70);
}

.zr-security-logout {
  margin-top: 12px;
}

.device-login-link {
  color: var(--link50) !important;
  font-size: 1rem;
  position: relative
}

.device-login-link:after {
  content: '';
  position: absolute;
  height: 1px;
  background: var(--link50) !important;
  right: 0;
  bottom: 0px
}

.zr-security-backup {
  margin-top: 1.5rem;
}

.zr-backup-item>div {
  background: #FFFFFF;
  border: 0.4px solid #EEE7D0;
  box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
  border-radius: 12px;
  padding: 14px 72px;
  width: 100%;
}

.zr-backup-item p {
  font-size: 1rem;
  color: var(--primary70);
  margin-right: 0.5rem;
}

.zr-backup-top {
  margin-bottom: 18px;
}

.zr-security-backup-title p {
  color: var(--blackblue);
  font-size: 1.25rem;
}

.zr-security-backup-date p {
  color: var(--blackblue);
  font-size: 1rem;
}

.zr-security-backup-bottom {
  background-color: var(--blackblue);
  margin: auto;
  border: 1px solid #00286E;
  border-radius: 12px;
  text-align: center;
  justify-content: center;
  width: 300px;
}

.zr-security-backup-bottom p {
  color: var(--MainWhite);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.zr-security-backup-bottom img {
  width: 24px;
}

.zr-setting-title {
  font-size: 1.125rem;
  margin-right: 12px;
}

.zr-setting-text {
  text-align: justify;
  margin: 1rem 0;
}

.zr-setting-text p {
  font-size: 0.9rem;
  line-height: 1.7rem;
}

.security-rate-bg {
  background-color: #EEE7D0;
}

.security-b-rate {
  background-color: #EEE7D0;
}

.security-rate-bg .zn-rate-header p {
  color: var(--primary70) !important;
}

.profile-rate-title {
  justify-content: start;
  margin-right: 13px;
}

.profile-rate-title img {
  width: 32px;
  height: 32px;
}

.profile-rate-more {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
  margin-left: 1.5rem;
}

.security-rate-bg .zr-rate-item {
  border: 1px solid #EEE7D0 !important;
}

.rate-up {
  color: #1F7735;
}

.rate-down span {
  color: var(--Maintertiary);
}

.profile-rate-logo {
  width: 42px;
  height: 42px;
}

.profile-rate-icon {
  top: 6px;
}

.security-rate-bg .rate-unit {
  font-size: 0.7rem;
  text-align: center;
}

.rate-number {
  color: var(--primary70);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70);
  font-size: 0.7rem;
}

.profile-rate-header {
  background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.zr-security-info-logo {
  width: 24px;
  margin-right: 1rem;
}

.zr-device-online {
  width: 15px;
  height: 13px;
  background-color: #34C759;
  border-radius: 50%;
  right: 0px;
  bottom: 7px;
  border: 2px solid #35558A;
  box-sizing: border-box;
  padding: 6px;
}

.security-profile-logo {
  width: 51px;
  height: 52px;
  border: 2px solid #35558A;
}

.zr-security-logout i {
  color: var(--error70);
  font-size: 1rem;
  margin-left: 0.5rem;
}

.zr-security-logout p {
  color: var(--error70);
}

.zr-security-logout {
  margin-top: 12px;
}

.device-login {
  background: #FFFFFF;
  border: 0.4px solid #DEDEE9;
  box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
  border-radius: 16px;
  width: 42px;
  height: 42px;
}

.device-login img {
  width: 22px;
  height: 22px;
}

.device-login-link {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: 1.1rem;
}

.device-login-link a {
  color: var(--link50);
  font-size: 0.9rem;
}

.device-login-link a:after {
  content: '';
  width: 104%;
  height: 1px;
  background-color: var(--link50);
  position: absolute;
  right: 0px;
  bottom: -1px;
}


.profile-backup-title p {
  color: var(--blackblue);
  font-size: 1.25rem;
}

.profile-backup-date p {
  color: var(--blackblue);
  font-size: 1.25rem;
}

.profile-backup-bottom {
  background-color: var(--blackblue);
  width: 80%;
  margin: auto;
  border: 1px solid #00286E;
  border-radius: 12px;
  text-align: center;
  justify-content: center;
}

.profile-backup-bottom p {
  color: var(--MainWhite);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.device-login-links {
  color: var(--link50) !important;
  font-size: 1rem;
  position: relative;
}

.backup-footer {
  color: var(--warning60);
  margin-top: 12px;
}

.zr-security-backup-bottom-disable {
  background-color: var(--gray40);
  margin: auto;
  border: 1px solid var(--gray40);
  border-radius: 12px;
  text-align: center;
  justify-content: center;
  width: 300px;
}

.zr-security-backup-bottom-disable p {
  color: var(--gray80);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.backup-active>div {
  border-color: var(--approved70)
}

.zn-profile-rate {
  text-align: left;
}

.zn-rate-arrow {
  position: relative;
  top: 3px;
}

.zr-backup-box {
  overflow: hidden;
}

.backup-start-image {
  position: relative;
  top: -130px;
  filter: saturate(1) sepia(0.3) hue-rotate(17deg);
}

.backup-progress {
  position: absolute;
  bottom: 35px;
  width: 100%;
  text-align: center;
  right: 50%;
  transform: translateX(50%);
}

.backup-progress p {
  color: var(--blackblue);
  font-size: 1rem;
}

.zr-rate-div {}

.zr-rate-div-logo {
  text-align: left;
}

.zr-rate-div-title {
  text-align: right;
}

.verification-footer img {
  width: 20px;
}

.verification-footer p {
  color: var(--warning60);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary);
}

.verification-num p {
  color: var(--secondary60);
  font-size: 3.5rem;
  letter-spacing: 1rem;

}

.verification-close {
  border: 1px solid var(--gray70);
  color: var(--gray70);
  padding: 4px 42px;
  border-radius: 0.5rem;
  margin-left: 22px;
}

.verification-close i {
  font-size: 1.5rem;
}

.verification-close p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

.verification-copy {
  border: 1px solid #DCBE5E;
  background: #DCBE5E;
  color: var(--primary80);
  padding: 4px 16px;
  border-radius: 0.5rem;
}

.verification-copy i {
  font-size: 1.5rem;
}

.verification-copy p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

.password-image img {
  width: 98px;
  height: 98px;
  border-radius: 50%;
}

.password-image {
  border-radius: 50%;
}

.password-person p {
  color: var(--blackblue);
  font-size: 1.5rem;
}

.password-mobile p {
  color: var(--blackblue);
  font-size: 1rem;
  letter-spacing: 6px;
  margin-top: 12px;
}

.password-header {
  justify-content: center;
}

.password-info {
  margin-right: 20px;
}

.password-input-title {
  background: var(--Mainprimary);
  color: white;
  padding: 8px 26px;
  border: 1px solid #35558A;
  border-radius: 0px 12px 12px 0;
}

.password-input-input {
  border: 1px solid #35558A;
  border-radius: 12px 0px 12px 12px;
  position: relative;
  width: 350px;
  right: -15px;
  top: 0px;
  background-color: white;
  overflow: hidden;
}

.password-input-input input,
.password-input-captcha input {
  height: 100%;
}

.password-input-captcha {
  border: 1px solid #35558A;
  border-radius: 12px 0px 12px 12px;
  width: 320px;
  position: relative;
  right: -15px;
  top: 0px;
  overflow: hidden;
  background-color: white;
}

.password-input-title p {
  font-size: 0.8rem;
}

.password-item {
  margin: 12px auto;
}

.password-captcha {
  left: 80px;
}

.password-captcha p {
  position: relative;
  top: 8px;
  border-radius: 12px 0 0 12px;
  left: 33px;
}

.change-rate-title p {
  font-size: 1.25rem;
  margin-right: 10px;
}

.change-rate-now {
  font-size: 0.875rem;
}

.change-rate-unit {
  margin-top: 4px;
  margin-right: 10px;
}

.change-rate-now p {
  font-size: 0.875rem;
}

.change-rate-value {
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

.change-rate-last p {
  font-size: 0.875rem;
}

.change-rate-time p {
  font-size: 0.875rem;
}

.profile-rate-name p {
  font-size: 1.25rem;
  padding-right: 0.6rem;
  position: relative;
  top: -4pxpx;
}

.profile-rate-logoimage {
  margin-right: 0.۹۳۷rem
}


.verification-footer img {
  width: 20px;
}

.verification-footer p {
  color: var(--warning60);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary);
}

.verification-num p {
  color: var(--secondary60);
  font-size: 3.5rem;
  letter-spacing: 1rem;

}

.verification-close {
  border: 1px solid var(--gray70);
  color: var(--gray70);
  padding: 4px 42px;
  border-radius: 0.5rem;
  margin-left: 22px;
}

.verification-close i {
  font-size: 1.5rem;
}

.verification-close p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

.verification-copy {
  border: 1px solid #DCBE5E;
  background: #DCBE5E;
  color: var(--primary80);
  padding: 4px 42px;
  border-radius: 0.5rem;
}

.verification-copy i {
  font-size: 1.5rem;
}

.verification-copy p {
  font-size: 1.2rem;
  margin-right: 13px;
  margin-top: -2px;
}

#UserPerformanceResult #divChartDoughnut {
  display: flex;
  justify-content: end;
}

.user-option-title {
  color: var(--primary70);
  top: -6px;
}

.UserPerformance-title {
  position: relative;
  top: 12px;
}

.UserPerformanceOption {
  margin-bottom: 0.7rem;
}

.connected-icon {
  width: 24px !important;
  height: 24px !important;
  position: relative;
  top: 20px;
  right: 16px;
}

.header-connect-icon {
  max-width: 32px !important;
  max-height: 32px;
}

.profile-rate-titles {
  justify-content: start;
  margin-right: 28px;
}

.profile-rate-mores a:after {
  content: '';
  height: 1px;
  width: 92px;
  position: absolute;
  background-color: var(--link50) !important;
  bottom: 0px;
  right: 0px;
}

.rate-value2 {
  width: 80px;
  text-align: left;
  margin-left: 14px;
  font-size: 0.9rem;
}

.rate-unit {
  margin-left: 12px;
}

.rate-logo-right {
  margin-right: 0.5rem;
}

.top-rate-num {
  font-size: 1rem;
  font-weight: 700;
}

.rate-SymbolTitle p {
  font-size: 14px;
  font-weight: 700;
}

app-div#divPage,
.sp-d-division:has(.sp-p-data),
.zr-datalist-grid>.sp-d-division,
.sp-p-data>.sp-d-division {
  max-height: calc(100% - 0px);
  overflow: hidden;
}

.zr-detaildoc-list .sp-d-division:has(.sp-p-filter) {
  overflow: unset;
}

.zr-detaildoc-list .sp-p-filter {
  padding-bottom: 0.5rem;
}

.sp-p-filter {
  flex: unset;
}

.zr-has-nofilter .sp-p-filter {
  display:none;
}
.zr-previewonly,
.zr-previewonly *:not(button, input[type=Button]),
.zr-divContent.zr-Disabled,
.zr-maingrid.zr-Disabled,
.zr-deactive,
.zr-deactive *:not(button, input[type=Button]){
  --bgForm: var(--gray15) !important;
  --Dialogbg: var(--gray15) !important;
  --secondary: var(--gray70) !important;
  --MainThemeColor: var(--gray70) !important;
  --primary70: var(--gray80) !important;
  --primary15: var(--gray80) !important;
  --primary10: var(--gray30) !important;
  --primary30: var(--gray50) !important;
  --borderDoccolor: var(--gray80) !important;
  --bgDoccolor: var(--gray30) !important;
  --Mainsecondary: var(--gray50) !important;
  --TempbgDoccolor: var(--gray30) !important;
  --InputColor: var(--gray30) !important;
  --Maintertiary: var(--gray70) !important;
  --tertiary70: var(--gray80) !important;
  --tertiary80: var(--gray80) !important;
  --tertiary5: var(--gray15);
  --tertiary60: var(--gray70) !important;
  --tertiary10: var(--gray30) !important;
  --tertiary30: var(--gray50) !important;
  --tertiary5light: var(--gray15);
  --TitleColor: var(--gray95);
  !important;
}

.zr-maingrid.zr-Disabled {
  --primary15: var(--gray15);
}

.zr-previewonly button {
  --primary70: #203353;
}


.zr-Trfilter.sp-c-12,
.zr-remain-hidden {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.zr-Trfilter.sp-c-12.zr-toggleheight,
.zr-remain-hidden.zr-toggleheight {
  max-height: 1000px;
}

.zr-Trfilter.sp-d-frame,
.zr-gridtab-frame .sp-frame>.sp-row {
  padding: 0 1px !important;
}

.zr-newfilter-page .zr-datalist-form>.sp-d-form,
.zr-datalist-form>.sp-d-form:has(.zr-newfilter-form),
.zr-newfilter-page .sp-d-form {
  z-index: 24;
}

.zr-show-filter .zr-transaction-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff33;
  backdrop-filter: blur(4px);
  z-index: 23 !important;
  display: none;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) ,.zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) {
  outline: 1.5rem solid var(--Mainprimary);
}
.zr-webapi  .zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) {
  outline: 1.5rem solid var(--primary70);
}
.zr-contact-form {
  width: 83%;
}

.zr-contact-parent {
  border: 1px solid var(--primary5, #EBEEF3);
  box-shadow: 0px 4px 12px 0px #0d0a2c0f;
}

.zr-contact-distance {
  padding: 1rem 3rem;
}

.zr-grid-distance,
:is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-distance.zr-grid-parent) {
  padding: 0.25rem 3rem 0.5rem !important;
}

.zr-switchparent-mini :is(.zr-switch-input:checked + .zr-switch-slider) {
  background-color: var(--approved70);
}

.zr-switchparent-mini :is(.zr-switch-slider) {
  background-color: var(--gray60);
}

.zr-switchparent-mini .zr-tab-selected {
  color: var(--approved70);
}

.zr-switchparent-mini :is(.zr-tab-unchecked:not(.zr-tab-selected), .zr-tab-checked:not(.zr-tab-selected)) {
  color: var(--gray60);
}

.zr-switchparent-mini :is(.zr-tab-unchecked.zr-tab-selected) {
  color: var(--error70);
}

.zr-chartbank {
  width: var(--chartbanksize);
  height: var(--chartbanksize);
  max-height: var(--chartbanksize);
}

.zr-chartbar {
  /*  width: var(--chartbarwidth);
  height: var(--chartbarheight);
  max-height: var(--chartbarheight);*/
}

.zr-chartbank chart,
.zr-chartbar chart {
  width: 100%;
  height: 100%;
}

.zr-chartbox-imgPopular {
  max-width: 143px;
}

.zr-chartbox-imgSold {
  max-width: 128px;
  object-fit: cover;
  margin-top: -48px;
}

.zr-Chartsales-list,
.zr-dashboard-cardlist {
  row-gap: 1.5rem;
}

.zr-productionop-cuimg {
  max-width: 80px;
}

.zr-rfid-list {
  max-height: 114px;
  padding: 1px 0;
}

.zr-rfidsave-list,
.zr-rfid-detail {
  row-gap: 1rem;
}

.zr-badge-metal {
  width: 12px;
  height: 12px;
  background: var(--primary60);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) {
  color: var(--salescolor);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) {
  color: var(--productioncolor);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) {
  color: var(--secondmain);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) :is(.zr-badge-metal) {
  background: var(--salescolor);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) :is(.zr-badge-metal) {
  background: var(--productioncolor);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) :is(.zr-badge-metal) {
  background: var(--secondmain);
}

.zr-item-selected {
  background: var(--link5);
  outline: 1px solid var(--link50);
  border-radius: var(--normalradius);
}

.zr-vitrin-selected {
  background: var(--secondary10);
  border-radius: var(--normalradius);
}

.zr-rfid-rowselected:hover {
  --primary10: var(--secondary70);
}

.zr-rfid-rowselected:not(:hover) {
  background: var(--secondary10) !important;
  border-radius: var(--normalradius);
  --Trbg: var(--secondary80) !important;
  border: 1px solid var(--secondary80) !important;
  --table-border: var(--secondary80);
  --gray95: var(--secondary80) !important;
  --primary10: var(--secondary80);
}

.zr-btn-rfidsave:not(:focus, :hover, [disabled]) {
  background: var(--Mainprimary) !important;
  color: var(--white);
}

.zr-btn-rfidend:not(:focus, :hover, [disabled]) {
  background: var(--primary60) !important;
  color: var(--white);
}

.zr-btn-rfidend,
.zr-start-rfid {
  max-width: var(--rfidMainBtnWidth);
}

.zr-btn-rfidsave {
  min-width: var(--Widthbtn);
}

.zr-input-rfidrow:not(:focus, :hover, :focus-within, .sp-f-readonly) {
  background: var(--MainThemeColor);
  outline: 0.5px solid var(--MainThemeColor);
}

.zr-input-rfidrow {
  --inputminrp: var(--inputrp);
}

.zr-documentwhite-title.sp-f-readonly .sp-f-title::after {
  filter: brightness(0.45);
}

.zr-input-rfidrow:not(:focus, :hover, :focus-within, .sp-f-readonly) .zr-title-rfid {
  color: var(--white);
  --TitleIcon: 28px;
}

.zr-page-simple.zr-page-parent {
  background: transparent;
  border-radius: 0;
}

.zr-page-simple .zr-page-box {
  overflow-y: inherit;
}

.zr-maintitle {
  white-space: nowrap;
}

.zr-title-box {
  min-height: 60px;
}

/*.zr-page-large .zr-title-box {
min-height: 72px;
}*/
.zr-page-small .zr-title-box {
  min-height: var(--PageTitleHeight);
}

.zr-btn-addcontact {
  outline: 1px solid var(--white)
}

.zr-page-small .zr-maintitle,
.zr-btn-addcontact .zr-btn-text {
  font-size: var(--xxlargefont);
}

/**/
.zr-page-simple .zr-title-box {
  display: none !important;
}

.zr-page-simple .zr-page-box {
  border: 0 !important;
}

.zr-page-simple .zr-page-content {
  padding: 0 !important;
}

.zr-progress-parent {
  margin-bottom: 1.5rem;
  column-gap: var(--progressparentdistance);
}

.zr-page-title {
  padding: 0.25rem 0;
}

.sp-g-cell :is(.sp-form-check, .sp-f-check, .sp-form-radio, .sp-f-radio) {
  margin: 0 !important;
}

.zr-report-frame {
  padding: var(--paddingreport)
}

.zr-chart-nopic {
  max-width: var(--ChartNoPicWidth);
}

.zr-stoneprofit-list {
  row-gap: 0.5rem;
}

.zr-form-global {
  /*  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  z-index: 4000;*/
}

.zr-formrow-global {
  max-width: 642px;
  --borderDoccolor: var(--primary60);
  --bgDoccolor: var(--primary60);
  --widthtitle: 50px;
  /*  background: var(--Mainprimary);
  border: 1px solid var(--Mainprimary);
  min-height: 40px;
  max-height: 40px;
  overflow: visible;*/
}

.zr-formrow-global:not(:focus, :hover, :focus-within) .zr-hover,
.zr-formrow-global:is(:focus, :hover, :focus-within) .zr-main {
  display: none;
}

.zr-formrow-global .sp-select-items {
  max-height: 26rem;
}

/* .zr-formrowbg-global{
min-height: 40px;
max-height: 40px;
background: var(--Mainprimary);
border-radius: 0.75rem 0.75rem 0.75rem 0;
border: 1px solid var(--Mainprimary);
}
.zr-active-list .zr-formrowbg-global{
border-bottom: 0;
}*/
.zr-input-global {
  line-height: 36px;
  text-indent: 0.5rem;
  border-radius: 0.75rem 0px 0.75rem 0.75rem;
  min-height: 38px;
  font-size: var(--xlargefont) !important;
}

.zr-input-global::placeholder {
  font-size: var(--xlargefont);
}

.zr-title-global {
  min-width: 50px;
  max-height: 40px;
}

.zr-tab-gray {
  background: var(--primary10);
  border: 2px solid var(--primary15);
}

.zr-tabinner-gray {
  outline: 2px solid var(--primary15);
}

.zr-tab-pink {
  background: var(--tertiary10);
  border: 2px solid var(--tertiary15);
}

.zr-tabinner-pink {
  outline: 2px solid var(--tertiary15);
}

.zr-tab-pinklist,
.zr-tab-greenlist {
  --bankremainHeight: 30px;
  row-gap: 1rem;
}

.zr-tab-pinklist .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
  background: var(--tertiary60);
  border: 1px solid var(--tertiary60);
}

.zr-tab-greenlist .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
  background: var(--quaternary60);
  border: 1px solid var(--quaternary60);
}

.zr-tab-green {
  background: var(--quaternary10);
  border: 2px solid var(--quaternary15);
}

.zr-tabinner-green {
  outline: 2px solid var(--quaternary15);
}

.zr-tab-secondary {
  border: 1px solid var(--secondary11);
  background-color: var(--secondary11);
}

.zr-grid-simple .sp-g {
  outline: 0;
  border-radius: 0;
}

.zr-grid-simple .sp-g-header {
  background: var(--white);
  --HeaderCellHeight: 24px;
  --table-header-border: var(--Dark);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--gray50);
}

.zr-grid-simple .sp-g-body {
  --table-border: var(--gray50);
  --GridCellHeight: 24px;
}

.zr-grid-simple:not(.zr-grid-simplerate) :is(.sp-grid-row, .sp-g-row) {
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid var(--gray50);
  background-color: var(--white) !important;
}

:is(.zr-grid-simple) .sp-g-row .sp-g-cell {
  margin: 0.5rem 0 !important;
  border-bottom: 0 !important;
  font-size: var(--largefont);
  font-weight: 400;
  color: var(--primary70);
}

:is(.zr-grid-simple) :is(.sp-grid-header .sp-grid-cell, .sp-g-header .sp-g-cell) {
  font-weight: 700 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-grid-parent.zr-grid-simpleborder) {
  border: 1px solid var(--Mainprimary);
  border-radius: var(--normalradius);
  padding: 0.75rem 0.75rem 0.25rem !important;
}

.zr-rfid-history {
  --SeparateHeaderHeight: 40px;
  --HeaderCellHeight: 40px;
  --SeparateGridCellHeight: 36px;
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab .zr-rfid-history.zr-grid-parent {
  padding: 0 !important;
}

.zr-rfid-historylocation .sp-g {
  margin: 0.25rem 0;
}

.zr-rfid-historylocation {
  background: var(--white);
}

.zr-tab-searchparent {
  gap: var(--tabsearchGap);
}

.zr-tab-search {
  min-width: var(--tabsearchWidth);
  height: var(--tabsearchHeight);
  border-radius: 0.5rem;
  background: var(--white);
  color: var(--gray70);
  border: 1px solid var(--gray70);
  font-size: var(--largefont);
  font-weight: 400;
}

.sp-tab-active.zr-tab-search {
  font-weight: 700;
  color: var(--white) !important;
  background: var(--primary60);
  border-color: var(--primary60);
}

.zr-globalsearch-gif {
  max-width: 240px;
}

.zr-global-list {
  gap: 0.5rem;
  padding: 0.5rem 0;
  margin: 0 0.75rem;
}

/* .zr-global-listparent{
border-top: 1px solid var(--gray60);
}*/
.zr-global-li {
  background: var(--gray15);
}

.zr-global-li:hover,
.zr-global-li.sp-select-active {
  outline: 1px solid var(--link20);
  background: var(--link5);
}

.zr-formrow-global:has(.sp-select-show) :is(.zr-input-global, .sp-f-editor) {
  border-radius: 0.5rem 0.5rem 0 0 !important;
}

.zr-formrow-global .sp-select-show .sp-select-items {
  margin-top: -1px;
}

.zr-active-list .zr-inputparent-global {
  border-radius: 0 0 0.75rem 0.75rem;
  border: 1px solid var(--Mainprimary);
  background: var(--white);
  width: calc(100% - 54px);
  margin-right: auto;
  border-top: 0;
  margin-top: -1px;
}

.zr-global-listparent::before {
  content: "";
  height: 1px;
  background: var(--gray60);
  display: block;
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
}

.zr-active-list .zr-global-main {
  min-height: 50px;
  background: var(--white);
}

.zr-global-arrow {
  display: none;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.zr-active-list .zr-global-arrow {
  display: flex;
  color: var(--gray70);
}

.zr-rfid-parentsetting:not(:last-child) i.zr-rfid-setting::after {
  content: "";
  position: absolute;
  background: var(--primary10);
  width: calc(100% - 24px);
  height: 2px;
  top: 11px;
  z-index: 0;
}

.zr-rfid-activesetting.zr-rfid-parentsetting:not(:last-child) i.zr-rfid-setting::after {
  background: var(--secondary);
}

.zr-rfid-allactive {
  --secondary: var(--Mainquaternary);
}

.zr-rfid-error {
  --secondary: var(--Maintertiary);
}

.zr-rfid-blink {
  animation: blinkrfid 1s steps(5, start) infinite;
}

.zr-rfid-parentsetting .zr-rfid-settingicon {
  font-size: 24px;
}

@keyframes blinkrfid {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.5;
  }
}

.zr-rfid-resualt div {
  color: var(--Mainquaternary) !important;
  font-size: var(--xlargefont) !important;
  padding-bottom: 2rem !important;
}

.zr-contact-img {
  max-width: 142px;
}

.zr-ul-sign {
  font-size: 4px;
}

.zr-balance-frame {
  row-gap: 1rem;
}

.zr-sale-progress {
  background: var(--tertiary5);
}

.zr-sale-mainprogress {
  background: var(--tertiary60);
  left: 0;
}

.zr-buy-progress {
  background: #E8EDED;
}

.zr-buy-mainprogress {
  --quaternary65: #1B4D4D;
  background: var(--quaternary65);
  left: 0;
}

.zr-rfid-progress,
.zr-buy-mainprogress,
.zr-buy-progress,
.zr-sale-mainprogress,
.zr-sale-progress {
  min-height: 12px;
}

.zr-btn-rfidsave {
  margin: 0px 0px 1px 1px;
}

.zr-btn-unselect.sp-f-button {
  padding: 0 0rem !important;
}

.zr-label-productitem {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.zr-label-form :is(.sp-icon-edit, .sp-icon-delete) {
  max-height: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.sp-bg-selected {
  --selected: var(--link5);
  border-color: var(--link50);
}

.zr-invoice-parentimg {
  background: var(--primary5);
  min-height: 260px;
  max-width: 560px;
  margin: auto;
  max-height: 260px;
  overflow: hidden;
}

.zr-invoice-img {
  object-fit: contain;
}

.zr-salesterminal {
  --terminalimagewidth: 502px;
}

.zr-page-content .update-header {
  margin: 1.25rem 0 1.25rem 0;
}

.zr-page-content .update-item-input input {
  min-height: 40px;
}

.zr-page-content .zp-update-packlist {
  gap: 1.5rem;
  --exlargefont: 20px;
}

.zr-page-content .update-item-title img {
  width: 20px;
  height: 20px;
}

.zr-page-content .update-item-title {
  min-width: 140px;
}

.zr-page-content .update-item-title p {
  --xlargefont: 16px;
}

.zr-row-category {
  border-radius: 12px;
  padding: 0.25rem;
  min-height: 32px;
}

.zr-row-category:not(.zr-item-selected) {
  outline: 0.4px solid #867940;
  box-shadow: 0px 2px 4px 0px #00000014;
  background: var(--white);
  --line: var(--primary30);
}

.zr-grid-category,
.zr-grid-category-body {
  gap: 1.5rem;
}

.zr-row-categorybox {
  border-radius: 12px;
  border: 0.4px solid var(--Mainprimary);
  background: var(--primary5);
  padding: 0.75rem;
}

.zr-row-categorybox .zr-row-category:not(.zr-item-selected) {
  outline: 0.4px solid var(--Mainprimary);
  background: rgba(255, 255, 255, 0.80);
  box-shadow: none;
}

.zr-global-specific {
  --InputHeight: 38px;
  --Pagewidthtitle: 92px;
  --borderDoccolor: var(--primary60);
  --bgDoccolor: var(--primary60);
  --FontFormTitle: var(--largefont);
  --TitleColor: var(--white);
  --inputminrp: 0.75rem;
  --FontInput: var(--largefont);
  --FontInputColor: var(--primary70);
}

.zr-global-specific .sp-f-title {
  justify-content: right;
  padding-right: 1rem;
}

.zr-global-specific-res {
  --InputPadding: 1.25rem;
}

.zr-global-specific-res>.sp-d-form {
  max-width: clamp(50%, calc(100% - 8.5rem), 100%);
  margin: 0 auto;
}
.zr-global-specific-formparent>form{
  overflow:hidden;
}
.zr-global-specific-formparent .sp-f>.sp-row:nth-last-child(3){
  flex: 50;
  overflow: auto;
  padding:1px;
}
.zr-global-specific-formparent .sp-f>.sp-row:nth-last-child(2){
  flex: unset;
}
.zr-mainglobal {
  max-width: calc(var(--tabsearchWidth)*3 + var(--tabsearchGap)*2 + 0.75rem);
}

:is(.zr-dialog-box, .zr-page-box) .zr-mainglobal :is(.sp-d-form:not(.sp-d-form .sp-d-form)) {
  padding: 0 1px;
}

.zr-global-contact-cardparent {
  max-height: 116px;
  gap: 1.5rem;
}

.zr-global-contact-card {
  background: var(--primary5);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab.zr-global-contact-tab {
  border-radius: var(--normalradius);
  border: 1px solid var(--MainThemeColor);
  background: var(--Mainprimary);
}

.zr-global-contact-tabparent {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}

.zr-global-contact-tab .sp-tab-body {
  border-radius: var(--normalradius);
}

:is(.zr-page-box, .zr-dialog-box) .zr-global-contact-tabparent .sp-tab-header {
  background: var(--Mainprimary);
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab :is(.zr-grid-parent.zr-grid-seperate-multicolor):not(.sp-p-0) {
  padding: 0 0.5rem !important;
}

.zr-global-contact-remain {
  border-bottom: 1px solid var(--primary20);
  padding: 0 0 0.75rem;
}

.zr-global-contact-remainlist {
  gap: 0.75rem
}

.zr-global-contact-remainparent {
  gap: 3rem;
}

.zr-globalremain-arrow {
  min-width: 60px;
}

.zr-global-contact-remaincard.zr-open {
  z-index: 15;
  height: fit-content;
  outline: 1px solid var(--primary30);
  margin: 1px 0 0;
  max-height: 326px;
}

.zr-global-productinfo {
  color: var(--primary60);
}

.zr-global-producticon {
  width: 24px;
}

.zr-grid-globalseperate {
  --GridCellFont: var(--largefont);
}

.zr-grid-globalseperate :is(.sp-g-header, .sp-g-footer, .sp-grid-row, .sp-g-row) {
  box-shadow: 0px 2px 8px 0px #00000033;
}

.product-info-advance-right:nth-last-child(1) {
  padding-bottom: 0.25rem;
}

.product-info-advance-right:nth-child(1) {
  padding-top: 0rem;
}

.zr-productinfo-item {
  background: var(--primary5);
  flex: 1;
  border-radius: 0.75rem;
  min-height: 48px;
}

.zr-productinfo-parent {
  gap: 2rem;
}

:is(.zr-maingrid , .zp-factor-summery-menu , .zp-appgrid-menu) button.sp-menu-active::after {
  background-image: url(/themes/manager/icons/header/Menu.svg);
}

:is(.zr-maingrid , .zp-factor-summery-menu , .zp-appgrid-menu) button.sp-menu-active {
  background: transparent;
}

:is(.zr-maingrid , .zp-factor-summery-menu , .zp-appgrid-menu) .sp-menu-show .sp-menu-items {
  min-width: 200px;
  border-radius: 0.75rem;
  margin-top: 3px;
  margin-left: -1rem;
  border: 1px solid var(--link30);
}

:is(.zr-maingrid , .zp-factor-summery-menu , .zp-appgrid-menu) .sp-menu-side::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 15px;
  top: calc(100% + 7px);
  left: -4px;
  z-index: 5;
  box-shadow: 1px 1px #ff000000;
  border-left: 1px solid var(--link50);
  border-top: 1px solid var(--link50);
  background: var(--link5);
  border-radius: 3px 0 0 0;
  transform: rotate(45deg);
}

:is(.zp-factor-summery-menu , .zp-appgrid-menu) .sp-menu-show .sp-menu-items {
  border: 1px solid var(--sales5);
}
:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-side::after{
  border-left: 1px solid var(--sales5);
  border-top: 1px solid 1px solid var(--sales5);
  background: var(--sales5);
  left: 8px;
}
:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-items{
  background: var(--sales5);
  box-shadow: -2px 2px 10px 0px #7070754D;
}

.zp-factor-grid .sp-g-row:has(.sp-menu-show) ,.zp-factor-grid .sp-g-row:has(.sp-menu-show):hover {
  background: var(--sales5) !important;
  border-radius: 0.75rem;
  border-color: var(--sales5);
  box-shadow: 0px 4px 4px 0px #00000040;
}

.zr-RemainItem .sp-tooltip-text {
  max-width: 250px;
}
.sp-tooltip-bottom.zr-popup-rate::before{
  bottom: 100%;
  left: calc(50% + 0rem);
  rotate: 180deg;
  top: auto;
}
.sp-tooltip-bottom.zr-popup-rate::after{
  border: 0;
  margin: 0;
}
.sp-tooltip-bottom.zr-popup-rate{
  margin-top: 12px;
}
.sp-tooltip-top.zr-popup-rate{
  margin-bottom: 0.75rem;
}
.sp-tooltip-top.zr-popup-rate::before{
  left: calc(50% + 0.25rem);
}
.zr-mainreport-list {
  gap: 1.5rem;
}

:is(.zr-dialog-box, .zr-page-box) .zr-setting-rate .sp-f-title {
  font-weight: 400;
  justify-content: right;
  padding-right: 1.25rem;
}

.zr-setting-rate {
  --borderDoccolor: var(--primary60);
  --bgDoccolor: var(--primary60);
  --InputHeight: 40px;
  --FontFormTitle: var(--xxlargefont);
  --TitleColor: var(--white);
  --inputminrp: 0.75rem;
  --inputrp: 1rem;
  --Pagewidthtitle: 140px;
  --FontInput: var(--largefont);
}

.zr-setting-rateimg {
  max-width: 36px;
}

.zr-btn-setting-ratesave.sp-f-button {
  --HeightBtn: 34px;
  /*border-radius: 0.75rem;*/
  --Widthbtn: 210px;
}

.zr-update-rateitem {
  border-bottom: 1px solid var(--gray50);
}

.swiper-slide img.zr-global-nopic {
  border-radius: 0.75rem;
  max-width: 500px !important;
  height: auto !important;
  width: 100% !important;
  max-height: fit-content !important;
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .zr-formrow-global .sp-select.sp-f-select.sp-select-show::before {
  width: 0;
}

.zr-label-panel , .item-group-parent{
  background: var(--primary10);
  box-shadow: 0px 8px 16px 0px rgba(62, 19, 77, 0.07);
}

.zr-label-box {
  border: 1px solid var(--primary10);
}

.zr-edit-panel.zr-label-panel {
  background: var(--primary70);
}

.zr-edit-panel {
  border: 1px solid var(--primary70);
}

.zr-grid-parent.zr-grid-light {
  --table-border: var(--primary60);
  --table-header-border: var(--primary60);
  --Trbg: var(--gray10);
  --GridCellFont: var(--largefont);
}

.zr-grid-parent.zr-grid-light .sp-g-header {
  border-bottom: 1px solid var(--primary60);
}

.zr-grid-parent.zr-grid-light .sp-g-footer {
  border-top: 1px solid var(--primary60);
}

.zr-grid-parent.zr-grid-light .sp-g {
  outline: 1px solid var(--primary60);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-light, .zr-grid-new) .sp-g-row:last-child .sp-g-cell {
  border-bottom: none !important;
}

.sp-icon-status {
  --icongridbtnwidth: 24px;
}

.zr-bg-sales {
  background: var(--primary60);
  box-shadow: 0px 4px 4px 0px #00000040;
}

.zr-b-sales {
  border-color: var(--primary60);
}

.zr-mainsales {
  background: var(--primary5);
  min-height: 240px;
}

.zr-color-salescount {
  color: var(--quaternary60);
  font-size: 80px;

}
.sp-gap-2{
  gap: 0.5rem;
}
.sp-gap-3 {
  gap: 0.75rem;
}

.sp-gap-4 {
  gap: 1rem;
}

.sp-gap-6 {
  gap: 1.5rem;
}

.sp-gap-8 {
  gap: 2rem;
}

.sp-gap-10 {
  gap: 2.5rem;
}

.sp-columngap-4 {
  column-gap: 1.5rem;
}

.zr-select-simple {
  --bgDoccolor: var(--primary5) !important;
  --InputColor: var(--primary5) !important;
  --gray5: var(--primary5);
  outline: 0 !important;
  --TempbgDoccolor: var(--primary5);
  --grayWhite: var(--primary5);
  --link50: var(--primary30);
  --link20: var(--primary20);
  --link5: var(--primary15);
  --borderDoccolor: var(--primary30);
  --approved60: var(--primary30);
  --FontInput: var(--normalfont);
  --InputFontWeight: 700;
}

.zr-select-simple .sp-f-title {
  display: none;
}

.zr-select-simple :is(.sp-form-editor, .sp-f-editor),
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .zr-select-simple .sp-f-drop:not(.sp-drop-show) :is(.sp-drop-button) {
  border-radius: var(--inputrp) !important;
}

.zr-select-simple :is(.sp-form-editor, .sp-f-editor) {
  outline: 0 !important;
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-drop.sp-f-drop.sp-drop-show::before {
  display: none;
}

.zr-tax-list {
  gap: 1rem 1.5rem;
}

.zr-tax-item {
  flex: 1 1 calc(50% - 0.75rem);
  border: 1px solid var(--primary15);
  background: var(--primary5);
}

.zr-tax-title {
  font-size: 21px;
}

.zr-tax-count {
  font-size: 46px;
  line-height: 1;
}

.zr-tax-moved .zr-tax-count {
  color: var(--Primary85);
}

.zr-tax-sum {
  color: var(--gray60);
}

.zr-tax-item-sent {
  background: var(--link5);
}

.zr-tax-item-notmoved {
  border: 1px solid var(--secondary15);
  background: var(--secondary5);
}

.zr-tax-text-notmoved,
.zr-color-secondary {
  color: var(--secondary70);
}

.zr-tax-item-edit {
  border: 1px solid var(--warning20);
  background: var(--warning5);
}

.zr-tax-text-edit {
  color: var(--warning60) !important;
}

.zr-color-darkwarning {
  color: var(--warning70) !important;
}

.zr-tax-desc {
  letter-spacing: -0.42px;
}

.zr-tax-item-delete {
  border: 1px solid var(--tertiary15);
  background: var(--tertiary5);
}

.zr-tax-text-delete {
  color: var(--tertiary60);
}

.zr-tax-item-confirmed {
  border: 1px solid var(--sales15);
  background: var(--approved5);
}

.zr-tax-item-img {
  width: 28px;
}

.zr-btn-sent   {
  background: var(--production70);
  color: var(--white);
}

.zr-btn-sent-light {
  background: var(--production50);
  color: var(--white);
}
.zr-btn-result.zr-btn-outline,
.zr-btn-sent.zr-btn-outline  {
  font-size: var(--largefont);
  background: transparent;
  outline: 1px solid var(--accounting70);
  min-height: 42px;
  min-width: var(--exlargeBtnwidth);
  border-radius: var(--smallradius);
  color: var(--accounting70);
}
.zr-btn-outline{
  background: transparent;
  outline: 1px solid var(--primary70);
}

.sp-f-button.zr-btn-outline:is(.zr-btn-sent-light,.zr-btn-sent)::before , .sp-f-button:is(.zr-btn-sent-honey.zr-btn-sent)::before  {
  background: url(/themes/manager/icons/baseinformations/moadian/plane_paper_paperplane_send.svg) no-repeat;
  background-size: 100% 100%;
}
.sp-f-button:is(.zr-btn-sent-light,.zr-btn-sent)::before  {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/themes/manager/icons/baseinformations/moadian/plane_paperWhite.svg) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.sp-f-button:is(.zr-btn-sent-light,.zr-btn-sent):is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/moadian/planepaperFocus.svg) no-repeat;
  background-size: 100% 100%;
}

.sp-f-button.zr-btn-result::before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/themes/manager/icons/baseinformations/Refresh.svg) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.sp-f-button.zr-btn-result:is(:focus, :hover)::before {
  background: url(/themes/manager/icons/baseinformations/RefreshRateFocus.svg) no-repeat;
  background-size: 100% 100%;
}

.zr-grid-new .sp-g-header {
  color: var(--white) !important;
  --table-header-border: var(--primary15) !important;
  --HeaderCellHeight: 48px;
  --HeaderCellFont: var(--normalfont);
  margin-bottom: 0 !important;
}

:is(.zr-grid-new) :is(.sp-grid-footer, .sp-g-footer, .sp-g-header) {
  background: var(--Mainprimary) !important;
}

.zr-grid-new {
  --table-border: var(--MainThemeColor) !important;
}

.zr-separate-box {
  background: var(--gray5);
  box-shadow: 0px 4px 12px 0px #0000001f;
}

.zr-separate-img {
  max-width: 42px;
}

.zr-separate-line::after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--gray60);
  margin: 0 40px;
}
.zr-separate-whole.zr-separate-line::after{
  margin: 0 40px 0 0;
}

.zr-color-recieve {
  color: var(--production60);
}

.zr-color-buy {
  color: var(--sales60);
}

.zr-color-sale {
  color: var(--tertiary60);
}

.zr-color-discount {
  color: var(--gray80);
}

.zr-color-recievepay {
  color: var(--primary60);
}

.zr-color-buysell {
  color: var(--rfid60);
}
.zr-color-returnitem{
  color: var(--warning80);
}
.zr-separate-toggle {
  display: none;
}

.zr-separate-icon {
  width: 40px;
  height: 40px;
}

.zr-separate-arrow {
  transition: 0.5s;
}

.zr-separate-arrow.zr-arrow-top,
.zr-arrow-top {
  transform: rotate(180deg) !important;
}

.zr-separate-item {
  min-height: 72px;
  background-image: url(/themes/manager/icons/baseinformations/separatereport/BgTransparent.svg);
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 1 calc(20% - 20px);
  max-width: calc(20% - 20px);
  border: 1px solid var(--production15);
  background-color: var(--production10);
}

.zr-separate-item::after {
  content: '';
  width: 35px;
  height: 42px;
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecVector.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: auto;
}

.zr-separate-item:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecVectorHover.svg);
}

.zr-separate-item:is(:hover, :focus) {
  background-color: var(--production20);
  border-color: var(--production60);
}

.zr-separate-item.zr-separate-payitem {
  background-color: var(--secondary15);
  border-color: var(--secondary30);
}

.zr-separate-item.zr-separate-payitem:is(:hover, :focus) {
  background-color: var(--secondary20);
  border-color: var(--secondary60);
}

.zr-separate-payitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/PayVector.svg);
}

.zr-separate-payitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/PayVectorHover.svg);
}

.zr-separate-item.zr-separate-buyitem {
  background-color: var(--quaternary10);
  border-color: var(--quaternary20);
}

.zr-separate-item.zr-separate-buyitem:is(:hover, :focus) {
  background-color: var(--quaternary20);
  border-color: var(--quaternary60);
}

.zr-separate-buyitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuyVector.svg);
}

.zr-separate-buyitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuyVectorHover.svg);
}

.zr-separate-item.zr-separate-sellitem {
  background-color: var(--tertiary15);
  border-color: var(--tertiary30);
}

.zr-separate-item.zr-separate-sellitem:is(:hover, :focus) {
  background-color: var(--tertiary20);
  border-color: var(--Maintertiary);
}

.zr-separate-sellitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/SellVector.svg);
}

.zr-separate-sellitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/SellVectorHover.svg);
}

.zr-separate-item.zr-separate-returnitem {
  background-color: var(--warning10);
  border-color: var(--warning15);
}

.zr-separate-item.zr-separate-returnitem:is(:hover, :focus) {
  background-color: var(--warning20);
  border-color: var(--warning30);
}

.zr-separate-returnitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/ReturnVector1.svg);
  width: 43px;
  height: 34px;
}

.zr-separate-returnitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/ReturnVectorHover1.svg);
}

.zr-separate-item.zr-separate-discountitem {
  background-color: var(--payroll10);
  border-color: var(--payroll20);
}

.zr-separate-item.zr-separate-discountitem:is(:hover, :focus) {
  background-color: var(--payroll20);
  border-color: var(--payroll40);
}

.zr-separate-discountitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/DiscountVector.svg);
  width: 30px;
  height: 32px;
}

.zr-separate-discountitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/DiscountVectorHover.svg);
}

.zr-separate-item.zr-separate-recpayitem {
  background-color: var(--primary10);
  border-color: var(--primary20);
}

.zr-separate-item.zr-separate-recpayitem:is(:hover, :focus) {
  background-color: var(--primary20);
  border-color: var(--primary40);
}

.zr-separate-recpayitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecpayVector1.svg);
  width: 38px;
  height: 44px
}

.zr-separate-recpayitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecpayVectorHover.svg);
}

.zr-separate-item.zr-separate-sellbuyitem {
  background-color: var(--rfid10);
  border-color: var(--rfid20);
}

.zr-separate-item.zr-separate-sellbuyitem:is(:hover, :focus) {
  background-color: var(--rfid20);
  border-color: var(--rfid40);
}

.zr-separate-sellbuyitem::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuySellVector2.svg);
  width: 42px;
  height: 26px;
}

.zr-separate-sellbuyitem:is(:hover, :focus)::after {
  background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuySellVectorHover.svg);
}

.zr-color-paytext {
  color: var(--secondary80);
}

.zr-color-buyselltext {
  color: var(--rfid70);
}

.zr-grid-simple.zr-grid-simplerate {
  --HeaderCellFontWeight: 700;
}

.zr-grid-simple.zr-grid-simplerate .sp-g-body {
  --table-border: var(--gray70);
  --GridCellHeight: 54px;
  --GridCellFont: var(--largefont);
  --Trbg: var(--primary5);
}

.zr-grid-simple.zr-grid-simplerate :is(.sp-grid-row, .sp-g-row) {
  margin: 0.5rem 0;
  border-radius: 0.75rem;
  border: 1px solid var(--table-border);
}

:is(.zr-grid-simple) .sp-g-row[id] .sp-g-cell.zr-cell-multirow {
  border-left: 0 solid var(--table-border) !important;
}

.zr-cell-b-multirow {
  border-color: var(--table-border);
  --line: var(--table-border);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell .sp-fw-300 {
  font-weight: 300 !important;
}

.zr-grid-simple.zr-grid-simplerate :is(.sp-grid-row, .sp-g-row):last-child {
  margin-bottom: 0;
}

.zr-rate-balance {
  padding: 1rem;
  gap: 60px;
}

.zr-textarea-longheight{
  --inputminrp: 0.75rem;
  --borderDoccolor: var(--primary10);
  flex-direction: column;
}
.zr-textarea-longheight .sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-result, .sp-d-label){
  --borderDoccolor: var(--primary10);
  outline: 2px solid var(--borderDoccolor);
}
.zr-textarea-longheight .sp-f-title{max-height: 40px;}
.zr-textarea-longheight .sp-f-editor{ height: calc(100% - 40px);}
.zr-textarea-longheight  .sp-f-textarea{
  min-height:244px !important;
}
.zr-textarea-wrap .sp-f-editor {
  border-radius: var(--inputrp) var(--inputrp) var(--inputrp) var(--inputrp) !important;
  outline-width: 0px !important;
  width: 100%;
}

.zr-textarea-wrap .sp-f-textarea {
  border-radius: var(--inputminrp) var(--inputminrp) var(--inputminrp) var(--inputminrp) !important;
}

.zr-edit-panel :is(form, .sp-f, .sp-f>.sp-row:nth-child(1)) {
  overflow: hidden;
}

.zr-edit-panel .sp-d-form {
  padding: 1.5rem 0.75rem !important;
}

.zr-edit-panel .sp-f>.sp-row:nth-child(1)>.sp-c-12 {
  overflow: auto;
  max-height: calc(100% - 0px) !important;
  padding: 1px;
}

.zr-edit-panel .sp-f,
.zr-editrate-list,
.sp-p-1x {
  padding: 1px;
}

.zr-edit-panel .sp-f {
  --MarginRow: 1rem;
}

.zr-edit-panel .sp-f>.sp-row:nth-last-child(2) {
  flex: unset !important;
  padding-top: 1.5rem;
}

.zr-edit-panel .zr-ProductImgParent {
  max-width: none;
  --Imageheight: 276px;
  --MainPicWidth: 170px;
}

.zr-edit-ratepanel .sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2)) {
  flex: 1;
}

.zr-edit-ratepanel .sp-row:nth-last-child(1):not(:is(.zr-setting-rate , .zr-global-specific-formparent) .sp-row:nth-last-child(1)) {
  overflow: hidden;
  flex: 50;
}

.zr-edit-ratepanel .sp-row:nth-last-child(1):not(.zr-setting-rate .sp-row:nth-last-child(1)) .sp-c-12 {
  overflow: hidden;
  max-height: 100%;
}

.zr-board-mainpic {
  outline: 1px solid var(--primary15);
  background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5) no-repeat;
  background-size: cover;
}

.zr-board-pic-item {
  flex: 1 1 calc(50% - 0.75rem);
  height: 126px;
  max-height: 126px;
  max-width: calc(50% - 0.75rem);
}

.zr-board-pic-parent {
  gap: 0.75rem 1.5rem;
}

.zr-icon-xsmall {
  max-width: 18px;
}

/*.zr-boardprice*/
.zr-labelrow-box {
  border-bottom: 1px solid var(--primary10);
}

.zr-icon-board {
  min-width: 18px;
  min-height: 18px;
  border-radius: 0.25rem;
}

.zr-board-slider {
  flex: 2 2 auto;
  border: 2px solid var(--primary-CBlue-P15, #C2CCDC);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}

.zr-board-slider-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  opacity: 0;
}

.zr-effect-box {
  max-width: 232px;
  max-height: 232px;
  width: 232px;
  height: 232px;
}

.zr-effect-list {
  gap: 40px;
  max-width: 95%;
}

.zr-effect-item {
  flex: 1 1 calc(20% - 0.5rem);
  max-width: calc(20% - 0.5rem);
  border: 3px solid transparent;
  border-radius: 2.75rem;
}

.zr-effect-item.zr-selected-effect {
  border-color: var(--link50);
}

.zr-board-firstitem,
.zr-board-seconditem,
.zr-board-slider-item {
  transform: translateX(-50%) translateY(-50%) scale(1);
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.zr-board-firstitem {
  background-image: url(/themes/manager/icons/accounting/1.svg);
}

.zr-board-seconditem {
  background-image: url(/themes/manager/icons/accounting/2.svg);
}

.zr-fade .zr-board-firstitem {
  /*   animation:fadeOut var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fade .zr-board-seconditem {
  animation: fadeIn var(--animationslider) linear 0s infinite;
}

.zr-fade-out.zr-board-slider-item {
  animation: fadeOut var(--animationslider) linear 0s forwards;
}

.zr-fade.zr-board-slider-item {
  animation: fadeIn var(--animationslider) linear 0s forwards;
}

.zr-movetoleft .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0  infinite alternate;*/
}

.zr-fade .zr-board-seconditem {
  animation: fadeIn var(--animationslider) linear 0s infinite;
}

.zr-movetoleft .zr-board-seconditem {
  animation: fadeInMoveLeft var(--animationslider) linear 0s infinite;
  left: auto;
  transform: translateY(-50%);
  border-radius: 2.5rem;
}

.zr-movetoleft.zr-board-slider-item {
  animation: fadeInMoveLeft var(--animationslider) linear 0s forwards;
  left: auto;
  transform: translateY(-50%);
  border-radius: 2.5rem;
}

.zr-fadecircle .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite  ; */
}

.zr-fadecircle .zr-board-seconditem {
  animation: fadeIncircle var(--animationslider) linear 0s infinite;
  /* background:none;*/
  background-position: center;
  background-clip: border-box;
}

.zr-fadecircle.zr-board-slider-item {
  animation: fadeIncircle var(--animationslider) linear 0s forwards;
  background-position: center;
  background-clip: border-box;
}

.zr-fadeshadow-top .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-top .zr-board-seconditem {
  animation: fadeInshadowtop var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-top.zr-board-slider-item {
  animation: fadeInshadowtop var(--animationslider) linear 0s forwards;
}


.zr-fadeshadow-bottom .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-bottom .zr-board-seconditem {
  animation: fadeInshadowbottom var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-bottom.zr-board-slider-item {
  animation: fadeInshadowbottom var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-left .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-left .zr-board-seconditem {
  animation: fadeInshadowleft var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-left.zr-board-slider-item {
  animation: fadeInshadowleft var(--animationslider) linear 0s forwards;
}


.zr-fadeshadow-right .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-right .zr-board-seconditem {
  animation: fadeInshadowright var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-right.zr-board-slider-item {
  animation: fadeInshadowright var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-slant .zr-board-firstitem {
  /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-slant .zr-board-seconditem {
  animation: fadeInshadowslant var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-slant.zr-board-slider-item {
  animation: fadeInshadowslant var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-slanttop .zr-board-seconditem {
  animation: fadeInshadowslanttop var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-slanttop.zr-board-slider-item {
  animation: fadeInshadowslanttop var(--animationslider) linear 0s forwards;
}


@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOutMoveLeft {
  100% {
    opacity: 0;
  }
}

@keyframes fadeInMoveLeft {
  0% {
    opacity: 0;
    right: 100%;
  }

  100% {
    opacity: 1;
    right: 0%;
  }
}


@keyframes fadeOutcircle {
  100% {
    opacity: 0;
  }
}

@keyframes fadeIncircle {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
    /**/
    border-radius: 50%;
  }

  100% {
    opacity: 1;
    width: 350px;
    height: 350px;
    /**/
    border-radius: 50%;
  }
}

@keyframes CircleInshadow {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    width: 400px;
    height: 400px;
    opacity: 0;
  }
}




@keyframes fadeInshadowtop {
  0% {
    opacity: 0;
    mask-image: linear-gradient(to top, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(to top, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(to top, black 0%, black 20%, black 80%, black 90%, black95%, black 100%)
  }
}


@keyframes fadeInshadowbottom {
  0% {
    opacity: 0;
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(to bottom, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(to bottom black 0%, black 20%, black 80%, black 90%, black95%, black 100%)
  }
}

@keyframes fadeInshadowleft {
  0% {
    opacity: 0;
    mask-image: linear-gradient(to left, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(to left, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(to left, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
  }
}


@keyframes fadeInshadowright {
  0% {
    opacity: 0;
    mask-image: linear-gradient(to right, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(to right, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(to right, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
  }
}

@keyframes fadeInshadowslant {
  0% {
    opacity: 0;
    mask-image: linear-gradient(220deg, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(220deg, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(-45deg, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
  }
}

@keyframes fadeInshadowslanttop {
  0% {
    opacity: 0;
    mask-image: linear-gradient(45deg, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
  }

  10% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  20% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
  }

  30% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
  }

  40% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
  }

  50% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  60% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  70% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  80% {
    mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  90% {
    mask-image: linear-gradient(45deg, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
  }

  100% {
    opacity: 1;
    mask-image: linear-gradient(45deg, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
  }
}

.zr-board-logo {
  max-width: 320px;
  max-height: 320px;
  object-fit: contain;
  /*  width: auto !important;
  height: auto !important;
  overflow: hidden;*/
}

.zr-board-ratelogo {
  max-width: 42px;
  object-fit: none;
}

.zr-board-ratetitle,
.zr-board-rateitem,
.zr-board-nav {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}

.zr-board-rateitem {
  border: 1px solid var(--primary5);
  width: var(--boardrateitemWidth);
  padding: 0.5rem;
  flex: 1 1 calc(100%/var(--boardrateitem, 6));
  max-height: calc((100%/8) - (1rem * 7)/8);
  /*  max-width: calc(50% - 8px);*/
}

.zr-board-ratenumber {
  font-size: 26px;
}

.zr-board-nav {
  border: 2px solid var(--primary20);
  margin: 2px;
  border-radius:24px !important;
  /*  min-height:80px;*/
}

.zr-board-navlist {
  animation: marquee 30s linear infinite;
}

.zr-board-border {
  border-radius: 4px;
  background: var(--Main-color-secondary-Color, #DCBE5E);
  min-width: 2px;
  margin: 12px 0;
  zoom: 1 !important;
  min-height: calc(100% - 24px);
}

@keyframes marquee {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }

  100% {
    transform: translateX(100%);
  }
}

.zr-title-long {
  --Pagewidthtitle: 136px;
}

.BoardRateList {
  min-width: 33%;
  /*  width: -webkit-fill-available;*/
  max-width: calc(50% - 0.75rem);
  /* flex: 1 1 auto;
  max-width: fit-content;
  max-width: calc(50% - 0.75rem);*/
}

.BoardRateList-16,
.BoardRateList-8 {
  --boardrateitem: 8;
}

.BoardRateList-6,
.BoardRateList-12 {
  --boardrateitem: 6;
}

:is(.BoardRateList-6, .BoardRateList-12) .zr-board-rateitem {
  max-height: calc((100%/6) - (1rem * 5)/6);
}

.BoardRateList-12,
.BoardRateList-16 {
  min-width: calc(50% - 0.75rem);
  --boardrateitemWidth: calc(50% - 0.5rem);

}

.BoardImage {
  min-width: calc(50% - 0.75rem);
  width: 100%;
}

.zr-BoardRateList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: calc(100% - 0px);
  width: 100%;
  /*  display: grid;
  grid-template-rows: repeat(8, 1fr);
  grid-auto-flow: column;*/
}

.zr-minify-preview {
  zoom: 0.75;
}

.zr-minify-preview .zr-board-ratelogo {
  object-fit: unset;
  width: 42px;
}

.zr-board-slider:not(:hover) .speakerfshover {
  /* display: none;*/
  display: flex;
}

.zr-board-slider:hover .speakerfshover {
  display: flex;
}

/* (A) MATERIAL ICONS */
.aWrap .svg-inline--fa {
  color: white !important;
}

/* (B) WRAPPER */
.aWrap {
  border-radius: 12px;
  padding: 0.75rem;
  background: var(--primary5);
  border: 1px solid var(--primary30);
}

.aPlay {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
  min-height: 24px;
  background: var(--Mainprimary);
}

/* (D) TIME */
.aCron {
  color: var(--gray60);
}

/* (E) RANGE SLIDERS */
/* (E1) HIDE DEFAULT */
.aWrap input[type="range"] {
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 100%;
  direction: ltr;
  padding: 0;
  margin: 0;
  background: 0;
  max-height: 3px;
}

.range,
.range-volume {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.range input,
.range-volume input {
  position: relative;
  z-index: 1;
}

.range .change-range,
.range-volume .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  width: 0px;
  background-color: var(--Mainprimary);
  border-radius: 10px 0 0 10px;
}

.range-volume .change-range {
  height: 2px;
  width: 95%;
}

.under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 3px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

.range-volume .under-ranger {
  height: 2px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
  appearance: none;
}

/* (E2) CUSTOM SLIDER TRACK */
.aWrap input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  height: 3px;
  border-radius: 10px;
}

/* (E3) CUSTOM SLIDER BUTTON */
.aWrap input[type="range"]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: var(--Mainprimary);
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}
.aWrap input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: var(--Mainprimary);
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}
.aVolume::-webkit-slider-runnable-track {
  height: 10px !important;
}

.aVolume::-webkit-slider-thumb {
  margin-top: -3px !important;
}

.aVolume::-moz-range-thumb {
  margin-top: -3px !important;
}

.volume-container {
  display: flex;
  align-items: center;
}

.zr-btn-taxgrid , .zr-btn-taxgrid-min{
  min-height: 32px;
  border-radius: var(--smallradius);
  --btnmarginleft: 0rem;
} 
.zr-btn-taxgrid{
  --BtnMinwidth: 146px;
  --Widthbtn: 146px;
  --midWidthbtn: 146px;
}
.sp-g-button a:is(.zr-btn-taxgrid-min , .zr-btn-taxgrid) {
  margin: 0;
}
.zr-menu-taxgrid  button.sp-menu-active{
  min-width: 150px;
  width: 150px;
  color: var(--accounting85);
}
.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show)  button.sp-menu-active{
  border-radius: 0.75rem 0.75rem 0 0;
  outline: 1px solid var(--link20);
}
.zr-menu-taxgrid  button.sp-menu-active:not(.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show)  button.sp-menu-active){
  --ActiveMenu: var(--primary15);
}
.zr-menu-taxgrid.sp-d-menu button.sp-menu-active{
  border-radius: var(--smallradius);
}
.zr-btn-taxgrid-min{
  --BtnMinwidth: 64px;
  --Widthbtn: 64px;
  --midWidthbtn: 64px;
  background:transparent !important;
  outline:1px solid var(--primary70);
}
.zr-menu-taxgrid  button.sp-menu-active::after{
  background-image: url(/themes/manager/icons/baseinformations/ChevronDown.svg);
  background-size: 100% 100%;
  width: 18px;
  height:18px;
}
.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show)  button.sp-menu-active::after{
  background-image: url(/themes/manager/icons/baseinformations/RemainUp.svg);
  background-size: 100% 100%;
  width: 18px;
  height:18px;
}
.zr-btn-taxgrid-min{
  margin-top: 0;
  margin-left: -1px;
}
.zr-btn-taxgrid-min.zr-btn-print::before{
  margin-left: 0rem;
}
.sp-g-buttons.sp-justify-evenly {
  justify-content: space-evenly;
}
.sp-menu-show .sp-menu-items{
  margin-top: 0;
}
.zr-tax-dash-img{
  max-width: 40px;
}
.zr-themelist{
  background:var(--primary15);
  border-radius:40px;
  padding:0.25rem;
  min-height:var(--themelistheight);
}
.zr-btn-lighttheme{
  background:var(--primary5);
  color:var(--primary70);
  border-radius:36px;
  box-shadow: 0 4px 8px -4px #0000001c;
}
.zr-btn-darktheme{
  color:var(--primary95);
  border-radius:36px;
}
[data-theme="dark"]  .zr-themelist{
  background:var(--primary80);
}
[data-theme="dark"]  .zr-btn-darktheme{
  background:var(--primary60);
  color:var(--white);
}
[data-theme="dark"]  .zr-btn-lighttheme{
  background:transparent;
  color:var(--primary15);
}
[data-theme="light"] .zr-theme-lightimg{
  display:flex;
}
[data-theme="light"] .zr-theme-darkimg{
  display:none;
}
[data-theme="dark"] .zr-theme-darkimg{
  display:flex;
}
[data-theme="dark"] .zr-theme-lightimg{
  display:none;
}
.zr-menu-settingbox  .zr-shortkey-menu {
  padding:var(--rightmenugap) var(--rightmenugap);
}
.zr-changetheme{
  padding:var(--rightmenugap) var(--rightmenugap) 0;
}
.sp-gap-1{
  gap:0.25rem;
}
.zr-db-box {
  box-shadow: 0 4px 12px 0px #0d0a2c0f;
  border: 1px solid var(--primary5);
  flex: 1 1 calc(12.5% - 1.75rem);
  min-height: 162px;
  max-width: 120px;
}
.zr-db-box:hover , .zr-db-box.zr-active ,    .zr-device-item.zr-active {
  background: var(--primary5);
  border-color: var(--primary70);
}
.zr-db-img{
  max-width:72px;
}
.zr-device-item{
  width: calc(50% - 1.25rem);
}
.zr-edituser-profile .zr-edituser-img {
  font-size: 162px;
  max-width: 350px;
  max-height: 350px;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: darken;
}
.zr-edituser-profile .zr-edituser-box{
  width: 350px;
  height: 350px;
  background: var(--primary10);
  border-radius: 50%;
  outline: 1px solid var(--primary10);
}
.zr-edituser-profile .zr-edituser-op{
  max-width: 52px;
  max-height: 52px;
  bottom: 30px;
  right: 30px;
}
.zr-edituser-profile .zr-edituser-dropmenu{
  min-width: 142px;
  min-height: auto;
  left: calc(100% + 1rem);
  bottom: 6px;
  display:none;
}
.zr-edituser-profile .zr-popup-rate::before{
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid var(--white);
  bottom: 0.75rem;
  right: 100%;
  transform: rotate(90deg);
  top: auto;
  left: auto;
}
.zr-edituser-profile .zr-popup-rate ul {
  max-height: max-content;
  min-height: auto;
  z-index: 50;
  width: 100%;
}
.zr-edituser-profile .zr-popup-rate:not(.zr-tooltip-info .zr-popup-rate)::after {
  top: 0;
  height: calc(100% + 0.75rem);
  width: calc(100% + 1.5rem);
  right: 0;
}
.zr-edituser-profile .zr-edituser-op:hover  .zr-edituser-dropmenu{
  display:flex;
}
.zr-drop-item{
  min-height: 32px;
  color:var(--primary70)
}
.zr-edituser-profile .zr-drop-item:hover .zr-drop-link{
  justify-content:center;  
}
.zr-edituser-profile .zr-drop-delete{
  width: 24px;
  max-width: 24px ;
  max-height: 24px;
}

.zr-bilan-toptitle:not(:last-child){
  border-bottom: 1px solid var(--gray30);
}
.sp-flex-nowrap {
  flex-wrap: nowrap !important;
}
.sp-flex-nowrap.zr-datalist-grid.zr-grid-parent .sp-c-12:nth-child(2){
  flex: 10;
  overflow: hidden;
}
.zr-pro-op{
  width: 24px;
}
.sp-d-frame.sp-block{
  display: flex !important;
}
.zr-manage-access form{
  display: flex;
  flex: 1;
  overflow: hidden;
  max-height: calc(100% - 0px);
}
.zr-manage-access form :is(.sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2))){
  flex:unset;
}
.zr-manage-access form :is(.sp-row:first-of-type){
  flex:50;
  overflow: hidden;
}
.sp-f-row:not(.sp-d-button, .sp-d-checkbox, .sp-d-custom, .sp-d-division, .sp-d-section, .sp-d-label) :is(.sp-form-editor, .sp-f-editor):has(.sp-drop-show:not(.sp-f-append .sp-drop-show)) {
  outline: 0;
}
.zr-profit-box {
  background: var(--gray5);
  border: 1px solid var(--approved10);
  box-shadow: 0px 4px 16px 0px rgba(21, 34, 55, 0.09);
  flex: calc((100% / 3) - 1rem);
  max-width: calc((100% / 3) - 1rem);
}
.zr-profit-box.zr-profit-red{
  border: 1px solid var(--error10);
}
.zr-profit-box.zr-profit-warning{
  border: 1px solid var(--warning15);
}
.zr-cost-chartparent{
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--branch20);
}
.zr-income-chartparent{
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--production20);
}
.zr-profit-chartparent{
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--sales20);
}
.zr-profit-parent{
  gap: 0.75rem 1.5rem;
}
.zr-profit-popwarning{
  top:0.75rem;
  left:1.25rem;
  width: 24px;
}
.zr-profit-popinfo{
  top:0.75rem;
  left:0.75rem;
}

.zr-icon-allprofit{
  max-width:26px;
}
.zr-profit-parent>.sp-row>.sp-c-12 {
  max-height: calc(100% - 0px) !important;
  overflow: hidden;
}
.sp-calendar-today{
  color: var(--white);
}

.tr-selected{
  left:0;
}
@media (pointer:none), (pointer:coarse) {
  :root{
    --Gridpadding:0;
  }
  .zp-accounting-TabResult{
    --Gridpadding:0 0 0 calc(0.5rem + 3px);
  }
}

.sp-g-row.sp-row-new{
  animation: example 10s  ;

}
@keyframes example {
  from {
    transition: 0.5s;
    background: var(--link5);
    border: 1px solid var(--link50);
  }
}
#PriceBoardSettingPreview .sp-gap-4 , #PriceBoardSettingPreview.sp-gap-6 , #PriceBoardSettingPreview .sp-gap-6 {
  gap:0;
}
#PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem{
  margin: 0.5rem;
}
#PriceBoardSettingPreview.sp-gap-6 .BoardRateList   {
  margin-left:0.75rem;
}
#PriceBoardSettingPreview  .BoardHeaderPrice {
  margin-bottom:0.75rem;
}
#PriceBoardSettingPreview  .BoardMarquee {
  margin-top:0.75rem;
}
#PriceBoardSettingPreview  .zr-board-rateitem{
  height: calc((100% / var(--boardrateitem, 6)) - 1rem);
  max-height: calc((100% / var(--boardrateitem, 6)) - 1rem);
}
@media all and (-webkit-device-pixel-ratio: 1.5) and (min-device-width: 960px) and (max-device-width: 1280px) and (orientation: landscape) {
  /* Styles specific to Samsung TV browsers */
  #PriceBoardSettingPreview .sp-gap-4 , #PriceBoardSettingPreview.sp-gap-6 {
    gap:0;
    /*  background:yellow !important;*/
  }
  #PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem{
    margin: 0.5rem;
    /*  background:yellow !important;*/
  }
  #PriceBoardSettingPreview.sp-gap-6 .BoardRateList   {
    margin-left:0.75rem;
    /*  background:yellow !important;*/
  }
  #PriceBoardSettingPreview.sp-gap-6 .BoardImage    {
    margin-right:0.75rem;
    /* background:yellow !important;*/
  }
  #PriceBoardSettingPreview  .BoardHeaderPrice {
    margin-bottom:0.75rem;
    /*  background:yellow !important;*/
  }
  #PriceBoardSettingPreview  .BoardMarquee {
    margin-top:0.75rem;
    /* background:yellow !important;*/
  }
  #PriceBoardSettingPreview  .zr-board-rateitem{
    height: calc(100% / var(--boardrateitem, 6));
    /* background:yellow !important;*/
  }
}
@media all and (-webkit-device-pixel-ratio: 1.5) and (min--moz-device-pixel-ratio: 1.5) {
  #PriceBoardSettingPreview .sp-gap-4 , #PriceBoardSettingPreview.sp-gap-6 {
    gap:0;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem{
    margin: 0.5rem;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview.sp-gap-6 .BoardRateList   {
    margin-left:0.75rem;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview.sp-gap-6 .BoardImage    {
    margin-right:0.75rem;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview  .BoardHeaderPrice {
    margin-bottom:0.75rem;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview  .BoardMarquee {
    margin-top:0.75rem;
    /*  background:red !important;*/
  }
  #PriceBoardSettingPreview  .zr-board-rateitem{
    height: calc(100% / var(--boardrateitem, 6));
    /*  background:red !important;*/
  }
}

@media tv and (min-width:1900px) {
  #PriceBoardSettingPreview  .BoardMarquee {
    /*  background:green !important;*/
  }
}

.sp-chart {
  background-color: transparent;
}

.zr-branch-dashboard {
  --chartbanksize: 142px;
}
.zr-branch-img{
  background: var(--primary40);
  width: 40px;
  height: 40px;
}
.zr-color-lightdark{
  /*  color:var(--lightdark);*/
  opacity:0.6;
}
.zr-dropdown-parent-branch{
  background:var(--gray5);
}
.zr-dropdown-branch{
  display:none;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 30;
  border-radius: 0 0 var(--xxlargeradius) var(--xxlargeradius);
}
.zr-dropdown-branch-item{
  background: var(--gray5);
  outline: 1px solid var(--primary15);
  min-height: 40px;
  color: var(--gray85);
}
.zr-dropdown-branch-item.zr-branch-selected , .zr-dropdown-branch-item:not(.sp-disabled):hover{
  background:var(--primary60);
  color:var(--white);
  outline:1px solid var(--primary60);
}
.zr-dropdown-branch-item.zr-branch-selected p{
  font-weight:700;
}
.zr-dropdown-parent-branch.zr-dropdown-show {
  background: var(--primary50);
  border-radius:var(--xxlargeradius) var(--xxlargeradius) 0 0 !important;
  color:var(--white);
}
.zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-branch{
  background: var(--primary50);
  display: flex;
}
.zr-dropdown-parent-branch:not(.zr-dropdown-show)  .zr-dropdown-icon-hover ,.zr-dropdown-parent-branch.zr-dropdown-show  .zr-dropdown-icon-main{
  display:none;
}
.zr-dropdown-list-branch{
  padding:1px;
}
.zr-switchparent-branch :is(.zr-switch-slider) {
  background-color: var(--approved70);
}
.zr-branch-db ,  .zr-branch-cr{
  min-height:42px;
  min-width:42px;
  background:var(--approved10);
}
:is(.zr-branch-db ,  .zr-branch-cr) img{
  max-width:14px;
}
.zr-branch-db {
  background:var(--error10);
}
.zr-branch-progress , .zr-progressfill-green ,.zr-progressfill-red{
  min-height:0.75rem;
}
.zr-branch-progress .zr-progressfill-red {
  left:0;
}
.zr-branch-progress .zr-progressfill-green {
  right:0;
}
.zr-branch-cash-item{
  --branchsquare:#4F6FAd;
  --minibtnwidth: 1rem;
  color: var(--branchsquare);

}
.zr-branch-cash-item .zr-remain-square{
  background: var(--branchsquare);
}
.zr-branch-cash-item:nth-child(2){
  --branchsquare:#489E72;
}
.zr-branch-cash-item:nth-child(3){
  --branchsquare:#D28D4C;
}
.zr-branch-cash-item:nth-child(4){
  --branchsquare:#D76668;
}
.zr-branch-RaminParent{  
  --productionRemain:240px;
  min-height:var(--productionRemain);
}
.zr-branch-RaminParent .zr-RaminBox{
  border: 2px solid var(--gray20);
  box-shadow: none;
}
.zr-branch-grid{
  --table-header-border: var(--white) !important;
  --table-border: var(--sales10) !important;
}
.zr-docgridlist .zr-branch-grid .sp-g-header .sp-g-cell{
  --table-header-border: var(--white) !important;
}
.zr-grid-seperate-multicolor.zr-branch-grid :is(.sp-grid-row, .sp-g-row) {
  --Trbg: var(--accounting5) !important;
  border: 1px solid var(--sales10);
  box-shadow: none;
}
.zr-branch-grid.zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
  border-radius: var(--normalradius);
}
.zr-branch-grid.zr-grid-seperate :is(.sp-g, .sp-grid){
  border-radius: 0;
}
.zr-branch-dashboard .zr-chartFilter.sp-tab-active {
  background-color: var(--accounting5) !important;
}
.zr-branch-dashboard .zr-chartFilter {
  background-color: var(--white);
}
.zr-color-main-sales{
  color:var(--sales70);
}
.zr-dropdown-parent-list-branch{
  max-height:324px;
} 
.zr-switchparent-ultramini .zr-tab-selected {
  color: var(--primary50);
}
.zr-tab-analys{
  width: calc(100% - 1.5rem);
}
.zr-box-analys{
  border: 1px solid var(--sales20);
  box-shadow: 0px 4px 12px 0px #15223717;
  flex: 0 0 calc((100% / 3) - 0.5rem);
  max-width: calc((100% / 3) - 0.5rem);
  max-height: calc(50% - 6px);
  height: calc(50% - 4px);
}
.zr-color-lightgray{
  color: var(--gray60);
}
.zr-row-details>.sp-row{
  overflow: auto;
}
.zr-scanner-parent{
  left: 1rem;
  top: 8px;
  gap:1.5rem;
}
.zr-scanner , .zp-enbale-keyboard img{
  width:32px;
  height:32px;
}
.zr-menu-taxgrid>div {
  height: 100%;
}
.zr-contact-img{
  max-width:90px;
}
.zr-Main-tab-list.sp-justify-right {
  justify-content: right !important;
}
.zr-manage-desc .zr-separate-toggle {
  width: calc(100% - 48px);
  margin: 1.5rem 1.5rem 0;
}
.zr-manage-desc .sp-g-buttons{
  padding: 0 1.5rem;
  gap: 2.25rem;
  --icongridbtnwidth: 20px;
  justify-content: space-evenly;
}
.zr-manage-desc  .sp-icon-changehistory:not(.sp-g-cell)::before{
  --icongridbtnwidth: 22px;
}
.zr-manage-desc  .zr-grid-seperate :is(.sp-g, .sp-grid){
  background:var(--gray5);
}
.zr-manage-desc-btn{
  gap:64px;
}
.zr-manage-desc-form{
  --Pagewidthtitle: 92px;
} 
.zr-manage-desc-form .sp-d-textarea{
  --borderDoccolor:var(--primary10);
}
.zr-manage-desc-form .sp-f-textarea{
  line-height: 36px;
  min-height: 64px;
}

.zr-row-desc-disabled{
  --bgDoccolor: var(--gray10);
  --borderDoccolor: var(--gray30);
  --primary60: var(--gray30);
  --TitleColor: var(--gray60); 
  --gray95: var(--gray70);
  --primary70:   var(--gray70);
}
.zr-item-installment{
  flex:1 1 calc(50% - 21px);
  --rameinwidth: 260px;
}

.zr-status-blue{
  --branchsquare:var(--primary50) !important;
}
.zr-status-green .zr-remain-square{
  --branchsquare:var(--approved40) !important;
}
.zr-status-warning .zr-remain-square{
  --branchsquare:var(--warning40) !important;
}
.zr-status-red .zr-remain-square{
  --branchsquare:var(--error40) !important;
}
.zr-status-darkred{
  --branchsquare: var(--error80)!important;
} 
.zr-status-darkgreen{
  --branchsquare: var(--sales70)!important;
} 
.zr-sms-panel{
  --RemainPadding: 1rem 1.5rem 1.25rem;
}
.zr-sms-panel .zr-RaminBox{
  box-shadow:none;
}
.zr-nocontent-img{
  margin-bottom: 52px;
}

.sc-gauge  { width:314px; height:158px; margin:auto}
.sc-background {   
  position: relative;
  height: 100%;
  background-color: var(--gray20);
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.sc-mask {
  position: absolute;
  top: 60px;
  right: 60px;
  left: 60px;
  bottom: 0;
  background-color: var(--white);
  border-radius: 150px 150px 0 0;
}
.sc-percentage { position:absolute; top:158px; left:-200%; width:400%; height:400%; margin-left:100px; background-color:var(--secondary40); }
.sc-percentage { 
  --rotatepercent:0deg;
  transform:rotate(var(--rotatepercent));
  transform-origin:top center; 
}
.sc-value { 
  position: absolute;
  top: 80px;
  right: 60px;
  left: 60px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }


.zr-remainbank .sp-d-frame :nth-last-child(1):is(.sp-c-12){
  margin-top: 0;
}

.zr-webapi-item{
  border: 1px solid var(--gray30)
}
.zr-webapi-item.zr-webapi-active{
  border: 2px solid var(--primary70)
}
.zr-webapi-item-img{
  width: 54px;
  height: 54px;
}
.zr-webapi-item-date , .sp-color-lightgrey{
  color:var(--gray60);
}
.zr-webapi-active .zr-webapi-item-date , .sp-color-darkgrey{
  color:var(--gray80);
}
.zr-webapi-active .zr-webapi-item-title{
  font-size:var(--xxlargefont) !important;
  font-weight:500 !important;
}
.sp-color-gradiant-red{
  background: linear-gradient(90deg, #99231D 0.14%, #CC2F26 50.17%, #99231D 99.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sp-color-gradiant-green{
  background: linear-gradient(90deg, #155024 0.14%, #1F7735 50.17%, #155024 99.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sp-color-gradiant-purple{
  background: linear-gradient(90deg, #4E3A5E 0.14%, #624976 50.17%, #4E3A5E 99.86%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.sp-bg-lightviolet{
  background: var(--rfid5);
}
.sp-bg-lighttax{
  background: var(--tax5);
}
.sp-bg-lightprimary{
  background: var(--primary5);
}
.sp-color-rfid{
  color:var(--rfid50);
}
.sp-color-darktax{
  color:var(--tax70);
}
.zr-webapi-box-img{
  width: 60px;
  height: 60px;
}
.sp-webapi-title {
  font-size: 72px;
  line-height: 64px;
}
.zr-webapi-mainbox{
  width:calc(33.33% - 16px);
}
.zr-webapi-chartdetail {
  color:#204680;

}
.zr-webapi-chartdetail:nth-child(2){
  color:#672C9F;
}
.zr-webapi-chartdetail:nth-child(3){
  color:#AD5229;
}
.zr-webapi-chartdetail:nth-child(4){
  color:#87872F;
}
.zr-square-large{
  width: 16px;
  min-width: 16px;
  height: 16px;
  margin: auto 0;
}
.zr-dropdown-branch-item.sp-disabled{
  opacity: 0.5;
}
.zr-dropdown-parent-branch{
  background: var(--white);
  border: 1px solid var(--gray30);
}
.zr-dropdown-parent-branch.zr-dropdown-show{
  border-radius:var(--largeradius) !important;
  background: var(--primary5);
  color: var(--primary70);
  border-color:transparent;
}
.zr-dropdown-parent-list-branch{
  border-color: var(--primary5);
}
.zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-branch{
  background: var(--primary5);
}
.zr-dropdown-branch-item.zr-branch-selected, .zr-dropdown-branch-item:not(.sp-disabled):hover {
  background: var(--primary50);
  outline: 1px solid var(--primary50);
}
.zr-dropdown-branch-item {
  background: transparent;
  outline: 0px;
  color: var(--gray80);
}
.zr-webapi-desc{
  display:none;
}
.zr-webapi-img{
  width:42px;
  height:42px;
}
:is(.sp-select-show , .ActiveTree) .CustomTree , .CustomTree[style*="display: block"] , .CustomTree[style*="display:block"] {
  display: flex !important;
  flex-direction:column;
}
.zr-product-reserved {
  border: 1px solid var(--warning60);
  background: var(--warning5);
  color: var(--warning60);
}
.zr-product-not-reserved{
  border: 1px solid var(--link60);
  background: var(--link5);
  color: var(--link60);
}
.zr-product-status-reserve{
  width:100px;
  height:42px;
}
.zr-change-password{
  --boxprofile: 88px;
  --bgDoccolor: var(--Mainprimary);
  --borderDoccolor: var(--Mainprimary);
  --TitleColor:var(--white);
  --InputHeight: 40px;
  --FontFormTitle:var(--largefont);
  --MarginRow: 1rem;
  --FontInput: var(--largefont);
}
.zr-change-password  .sp-f-row:not(.sp-f-result){
  border-radius: var(--inputrp);
}
.zr-change-password    .zr-box-profile{
  border: 1px solid var(--primary5);
}

.zr-change-password .zr-badge-online, .zr-change-password .zr-badge-count {
  width: 24px;
  height: 24px;
  border: 4px solid var(--white);
}

.zr-letter-spacing{
  letter-spacing: 0.24em;
}
.zr-letter-spacing-2{
  letter-spacing: 2px;
}
.sp-f-textarea.sp-align-left{
  text-align:left  !important;
}

.zp-report-product-price {
  background-color: var(--primary70);
  border-radius: 1.5rem 1.5rem 0 1.5rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  top: 0; 
  left: 0; 
  height: 100%;
}

.zp-report-product-price-circel
{
  background-color: var(--primary70);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 8px;
  position: absolute;
  border-radius: 50% !important;
}
.zp-report-product-price-circel-right
{
  right: 10px;
}
.zp-report-product-price-circel-left
{
  left: 10px;
}

.zr-discount-color{
  color:var(--primary30);
}

.zr-btn-preview {
  min-width: min-content !important;
}

.zr-textarea-column{
  height: calc(100% - 36px);
}

.zr-list-footermenu{
  gap:2rem;
}
.zr-bell-rings{
  /*  animation: ringing 120ms linear 2s infinite ;*/
}

@keyframes ringing {
  0%  { transform: rotate(0deg);}
  20%   {    transform: rotate(-15deg);}
  40%  {    transform: rotate(0deg);}
  60%  { transform: rotate(15deg);}
  80%  { transform: rotate(-15deg);}
  100%  { transform: rotate(0deg);}
}
.zr-item-footermenu{
  width:32px;
  height:32px;
}
.zr-item-footermenu:hover{
  background:var(--MainWhite);
}
.zr-item-footermenu img{
  max-width:24px;
}
.zr-item-imgparent:hover .zr-img-main ,.zr-item-imgparent:not(:hover) .zr-img-hover   {
  display:none;
}
.zr-ring-badge{
  background:var(--error50);
  width: 12px;
  height: 12px;
  right: 4px;
  top: 4px;
}
.zr-ring-badge-title  .zr-ring-badge{
  right: 0px;
  top: 0px;
}
.zr-overlay-menu{
  position: fixed;
  top: 0;
  bottom: var(--FooterHeight);
  left: -100%;
  width:100%;
  background: #FFFFFF0D;
  z-index: 32;
  border-radius: 0 0 var(--normalradius) var(--normalradius);
  backdrop-filter: blur(10px);
}
.zr-footermenu-parent{
  left:-100%;
  bottom:calc(var(--FooterHeight) + 12px);
  background:var(--primary80);
  border:4px solid var(--primary80);
  height:608px;
  width:360px;
  filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.10)) drop-shadow(-8px -8px 12px rgba(0, 0, 0, 0.10));
  z-index: 33;
  overflow:hidden;
}
.zr-item-social , .zr-item-support , .zr-item-footerrate{
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
  border: 1px solid var(--primary5);
  color: var(--primary70);
}
.zr-item-support:hover{
  background:var(--Mainprimary);
  color:var(--MainWhite);
  border-color: var(--Mainprimary);
}
.zr-item-social{
  height: 50px;
}
.zr-item-social.zr-item-social-telegram:hover{
  border: 1px solid #26A4E3;
  background: linear-gradient(116deg, #CBEDFF 7.63%, #B5E6FF 92.09%);
}
.zr-item-social.zr-item-social-whatsapp:hover{
  border: 1px solid #25D366;
  background: linear-gradient(115deg, #E1FFEC 0%, #B1FFCE 100%);
}
.zr-item-social.zr-item-social-instagram:hover{
  border: 1px solid #F381DB;
  background: linear-gradient(295deg, #FFB4EF 0%, #FFF2FC 100%);
}
.zr-item-social.zr-item-social-web:hover{
  border: 1px solid #BCA64D;
  background: linear-gradient(295deg, #F4E4A3 0%, #FFFAE9 100%);
}
.zr-parent-social , .zr-parent-social , .zr-footerrate-list , .zr-gap-3{
  gap:0.75rem;
}
.zr-footermenu-title{
  gap:0.5rem;
  color: var(--gray60);
}
.zr-footermenu-title::after,.zr-footermenu-title::before{
  content: '';
  flex: 1;
  height: 1px;
  background: var(--gray60);
  width: 100%;
  display: flex;
  margin-block: auto;
}
.zr-without-notif-img{
  max-width: 180px;
}
.zr-title-notif{
  color:var(--gray90);
}
.zr-notif-close{
  max-width:12px;
}
.zr-notif-success{
  background: #F6FFF9;
  border: 1px solid #48C1B5;
}
.zr-notif-info{
  background: #F5F9FF;
  border: 1px solid #9DC0EE;
}
.zr-notif-warning{
  background: #FFF8EC;
  border: 1px solid #F7D9A4
}
.zr-notif-error{
  background: #FFF5F3;
  border: 1px solid #F4B0A1
}
.zr-btn-closenotif{
  min-width:98px;
}
.zr-triangle{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M8.65932 1.50586C7.88952 0.172526 5.96502 0.172527 5.19522 1.50586L-0.000936508 10.5059H13.8555L8.65932 1.50586Z' fill='white'/%3E%3C/svg%3E");
  width: 14px;
  height: 12px;
  display: flex;
  position: absolute;
  top: -11px;
  left: 13px;
  background-size: cover;
}
.zr-notif-dropdown{
  width: 156px;
  min-height: 92px;
  box-shadow: -2px 2px 10px 0px #7070754D;
  top: calc(100% + 12px);
  left: -8px;
  display:none;
}
.notification  .zr-notif-dropdown{
  width:190px;
}
.zr-dropdown-notifparent:hover .zr-dropdown-notif{
  display:flex;
  z-index:1;
}

.zr-dropdown-notif .zr-drop-link:hover{
  background: var(--primary70);
  color: var(--MainWhite) !important;
}
.zr-notif-dropdown::before {
  content: '';
  width: 100%;
  position: absolute;
  height: 100%;
  bottom: 100%;
  left: 0;
}

.Assistant .zr-notif-dropdown::before {
  display:none;
}
.zr-pwa-dialog .sp-btn-balance {
  display:none !important;
}


.gauge-container {
  position: relative;
  width: 192px;
  height: 98px;
}

.gauge-bg {
  stroke:var(--primaryGauge);
  stroke-width:var( --gaugeStroke);
  fill: none;
  stroke-linecap: round;
}

.gauge-progress {
  stroke: var(--fillGauge);
  stroke-width: 20px;
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 0 239.39;
  transition: stroke-dasharray 0.3s ease;
}

.gauge-value {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.zr-btn-simple.zr-btn-support{
  min-height:32px;
  min-width:158px;
}
.zr-gauge-title{
  font-size: 42px;
  font-weight: 500;
  line-height: 32px;
}
.zr-gauge-parent{
  width: calc(100% - 50px);
  height: 50px;
  top: 36px;
  left: 20px;
  right: 30px;
}
.sp-color-error-80{
  color: var(--error80);
}

.zr-dash-title{
  background:var(--bluedashboardgradiant) ;
}

.zr-support-active{
  --dashboardbg:var(--bluedashboardgradian);
  color:var(--gray90);
}
.zr-support-warning{
  --bluedashboardgradiant:var(--warningdashboardgradiant);
  --fillGauge:var(--secondary40);
}
.zr-support-error{
  --bluedashboardgradiant:var(--errordashboardgradiant);
  --primaryGauge:var(--branch10);
  --fillGauge:var(--error30);
}
.zr-support-expired{
  --bluedashboardgradiant:var(--errordashboardgradiant);
  --primaryGauge:var(--error70);
  --fillGauge:var(--error70);
  color:var(--error70);
}

.zr-img-support{
  max-width: 256px;
}
.zr-supp-icon{
  width:32px;
  height:32px;
  background-color:var(--primary10Light);
}
.zr-supp-parent{
  background-color:var(--gray5);
  border:1px solid var(--gray30);
}
.zr-supp-form {
  --InputColor: var(--MainWhite) !important;
  --inputminrp: 0px;
  --inputrp: 0px;
  --borderDoccolor: var(--gray40);
  --PlaceholderColor: var(--gray60);
  --gray5: var(--MainWhite);
  display:none;
}
.zr-supp-form ::placeholder {
  font-size: var(--normalfont);
}


.zr-dash-melting .sp-tab-body{
  padding:  0rem 0rem !important;
}
.zr-dash-melting  .sp-tab{
  border: 0px solid var(--primary70) !important;
  outline: 1px solid var(--primary70) !important;
}

.zr-dash-melting  .zr-docgridlist .zr-grid-seperate :is(.sp-g, .sp-grid) {
  border-radius: var(--xlargeradius);
}

.zr-tab-sunny{
  background: var(--secondary10) !important;
  border:1px solid var(--secondary10) !important;
}
.zr-btn-smallheight{
  height: var(--HeightBtn);
  --HeightBtn: 26px;
}
.sparkle {
  transform: translateY(0) rotate(0deg);  
  animation: starAnimation 2s linear infinite;
  transition:0.5s;
  width:24px;
  height:24px;
}
.sparkle1 { 
  animation-delay: 1s;  
}  
.sparkle2 {  
  animation-delay: 1.5s;  
}  

.sparkle svg path{
  transition:0.5s;
  fill:#4A8D86;
}


@keyframes starAnimation {  
  0%   {  
    transform: translateY(0) rotate(0deg);  
  }  
  30% {  
    transform: translateY(-24px) rotate(45deg);  
  }  
  50% {  
    transform: translateY(-24px) rotate(90deg);  
  }  
  80% {  
    transform: translateY(-12px) rotate(135deg);  /* Reduced the Y movement */  
  }  
  100% {  
    transform: translateY(0) rotate(180deg);  
  }  
}  

.loading-wrapper{
  margin-top:80px;
}


.zr-contaner-header .img-search{
  border: solid 1px #E5ECF0;
  padding: 8px 16px 4px 16px;
}
.zr-contaner-btn{
  border: 1px solid var(--gray10);
  box-shadow: 0px 3px 6px 0px #0000001C;
}
.zr-contaner-btn p{
  color: var(--gray95);
}
.zr-contaner-btn-select ,   .zr-contaner-btn:hover{
  background-color: var(--primary60);
  border: solid 1px var(--primary60);
}
.zr-contaner-btn-select p , .zr-contaner-btn:hover p{
  color: var(--white);
}
.sp-bl-0{
  border-left:0px;
}


.zr-skeleton{
  background: #00000014;
  overflow:hidden;
  position:relative;
} 
.zr-skeleton::before{
  content:'';
  position:absolute;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 48.44%, rgba(0, 0, 0, 0) 100%);
  height:100%;
  width:100px;
  top:0;
  left:0;
  transform: translateX(-100%);
  animation: 1.5s moveRight ease-out infinite;
  --dis:200%;
}
.zr-skeleton.zr-skeleton-linear::before{
  animation: 1.5s moveRight ease-out infinite;
  --dis:500%;
}

@keyframes moveRight {
  0%   { transform: translateX(-100%); }
  80%  { transform: translateX(var(--dis)); }
  100% { transform: translateX(var(--dis)); }
}

.zr-skeleton-height{
  height:32px;
}


.zr-btn-rfid-color {
  background-color: var(--primary20);
}
.zr-rfid-dropdown .zr-notif-dropdown{
  width: 190px;
  min-height: auto;
}
.zr-btn-changehistory.zr-btn-rfid-color:not(.sp-g-cell)::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99857 12.998C3.99857 7.74074 8.16857 3.48289 13.2586 3.62863C17.9486 3.76397 21.8686 7.84485 21.9986 12.7273C22.1386 18.0262 18.0486 22.3674 12.9986 22.3674C10.9086 22.3674 8.99857 21.6282 7.47857 20.379C7.00857 20.0042 6.97857 19.2651 7.39857 18.8278C7.75857 18.4531 8.31857 18.4218 8.71857 18.7445C9.89857 19.7127 11.3886 20.2853 12.9986 20.2853C16.8986 20.2853 20.0486 16.9644 19.9986 12.8939C19.9486 9.02122 16.8186 5.76277 13.0986 5.71071C9.17857 5.65866 5.99857 8.93794 5.99857 12.998H7.78857C8.23857 12.998 8.45857 13.5602 8.14857 13.8829L5.35857 16.7978C5.15857 17.006 4.84857 17.006 4.64857 16.7978L1.85857 13.8829C1.53857 13.5602 1.75857 12.998 2.20857 12.998H3.99857Z' fill='%233B2C47'/%3E%3C/svg%3E");
}

.zr-btn-changehistory.zr-btn-rfid-color:not(.sp-g-cell):is(:focus,:hover,:focus-within)::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99857 12.998C3.99857 7.74074 8.16857 3.48289 13.2586 3.62863C17.9486 3.76397 21.8686 7.84485 21.9986 12.7273C22.1386 18.0262 18.0486 22.3674 12.9986 22.3674C10.9086 22.3674 8.99857 21.6282 7.47857 20.379C7.00857 20.0042 6.97857 19.2651 7.39857 18.8278C7.75857 18.4531 8.31857 18.4218 8.71857 18.7445C9.89857 19.7127 11.3886 20.2853 12.9986 20.2853C16.8986 20.2853 20.0486 16.9644 19.9986 12.8939C19.9486 9.02122 16.8186 5.76277 13.0986 5.71071C9.17857 5.65866 5.99857 8.93794 5.99857 12.998H7.78857C8.23857 12.998 8.45857 13.5602 8.14857 13.8829L5.35857 16.7978C5.15857 17.006 4.84857 17.006 4.64857 16.7978L1.85857 13.8829C1.53857 13.5602 1.75857 12.998 2.20857 12.998H3.99857Z' fill='%23007AFF'/%3E%3C/svg%3E");
}

.zr-btn-addsmarttray-grey {
  background-color: var(--gray10) !important;
  color: var(--link70) !important;
  cursor: default;
  min-width: 163px;
}
.zr-btn-addsmarttray-grey::before{
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.19967 14.6223L2.05762 10.4831C1.59209 10.0179 0.840073 10.0179 0.37454 10.4831C-0.0909925 10.9483 -0.0909925 11.6998 0.37454 12.165L5.3641 17.1511C5.82963 17.6163 6.58164 17.6163 7.04717 17.1511L19.6762 4.53081C20.1418 4.06561 20.1418 3.31412 19.6762 2.84891C19.2107 2.3837 18.4587 2.3837 17.9932 2.84891L6.19967 14.6223Z' fill='%23004999'/%3E%3C/svg%3E%0A");
  content:'';
  width:20px;
  height:20px;
  margin-left:0.5rem;
}


.sp-skeleton-container{
  display: flex;
  overflow: auto;
  flex-direction:column;
}



.zr-CurrentDocumentParent .zr-notif-dropdown{
width: 190px;
}