/* 2025/12/28*/
/*#####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: 160px;
  --xnormalwidth: 158px;
  --largewidth: 192px;
  --DocBtnWidth: 56px;
  --xlargeBtnwidth: 200px;
  --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, #141414);
  --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-main: "Vazir";
  --font-englishnumber: "Sina", "Vazir" !important;
  --font-primary: var(--font-main) !important;
  --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: 58%;
  --GridDistance: 1rem;
  --RemainHeight: 76px;
  --RemainMinHeight: 76px;
  /*172px;*/
  --RemainBoxGap: 1rem;
  --docbtnMargin: 1rem;
  --minibtnwidth: 20px;
  --minicirclewidth: 12px;
  --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: 200px;
  --ProductImgparentheight: 200px;
  --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;
  --Widthbtn1: 220px;
  --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, #CCD9E2);
  --TempbgDoccolor: var(--primary10, #CCD9E2);
  --PurpleGradiant: linear-gradient(90deg, #EBECFF 0%, #F5F6FF 50%, #F5F5FF 100%);
  --GreenGradiant: linear-gradient(268.24deg, rgba(255, 255, 255, 0.4) 1.49%, rgba(236, 247, 247, 0.4) 35.45%, rgba(206, 235, 235, 0.4) 50.49%, rgba(180, 224, 224, 0.4) 66.98%, rgba(156, 213, 213, 0.4) 81.53%, rgba(142, 208, 208, 0.4) 98.51%);
  --PinkGradiant: linear-gradient(268.24deg, rgba(255, 255, 255, 0.4) 1.49%, rgba(255, 244, 248, 0.4) 35.45%, rgba(255, 230, 239, 0.4) 50.49%, rgba(254, 217, 231, 0.4) 66.98%, rgba(255, 201, 221, 0.4) 81.53%, rgba(255, 197, 219, 0.4) 98.51%);
  --OrangeGradiant: linear-gradient(268.24deg, rgba(255, 255, 255, 0.5) 1.49%, rgba(255, 250, 243, 0.5) 35.45%, rgba(255, 246, 231, 0.5) 50.49%, rgba(255, 241, 220, 0.5) 66.98%, rgba(255, 234, 201, 0.5) 81.53%, rgba(255, 226, 182, 0.5) 98.51%);
  --GrayTrack: #E8E8E8;
  --GrayBorder: #0000000A;
  --Gray10: #E8E8E8;
  --GreenBg: #90D0D04D;
  --PinkBg: #FFC4DA4D;
  --OrangeBg: #CE64021A;
  --GreenText: #3A7C7C;
  --PinkText: #CF688F;
  --OrangeText: #CE6402;
  --thick: 12px;
  --anim: 0.6s;
}

: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;
  --crm5: #ECEDF4;
  --crm10: #DADAE8;
  --crm15: #C7C8DD;
  --crm20: #B4B5D1;
  --crm30: #8F90BB;
  --crm40: #696BA4;
  --crm50: #44468D;
  --crm60: #363871;
  --crm70: #292A55;
  --crm80: #1B1C38;
  --crm85: #14152A;
  --crm90: #0E0E1C;
  --crm95: #07070E;
  --crm70light: #292A556b;
  --crmgradiant: #44468D00;
  --crmLight: #44468Db8;
  --crmPreLoading: #44468D7a;
  --onlinevitrins5: #F4F4F3;
  --onlinevitrins10: #E9E9E7;
  --onlinevitrins15: #DEDEDB;
  --onlinevitrins20: #D3D3CF;
  --onlinevitrins30: #BEBCB7;
  --onlinevitrins40: #A8A69F;
  --onlinevitrins50: #929087;
  --onlinevitrins60: #75736C;
  --onlinevitrins70: #585651;
  --onlinevitrins80: #3A3A36;
  --onlinevitrins85: #2C2B29;
  --onlinevitrins90: #1D1D1B;
  --onlinevitrins95: #0F0E0E;
  --onlinevitrins70light: #5856516b;
  --onlinevitrinsgradiant: #92908700;
  --onlinevitrinsLight: #929087b8;
  --onlinevitrinsPreLoading: #9290877a;
  --Melted5: #EEE8EB;
  --Melted10: #E1D8DC;
  --Melted15: #D4C7CD;
  --Melted20: #C7B6BE;
  --Melted30: #AE95A1;
  --Melted40: #947383;
  --Melted50: #7A5265;
  --Melted60: #624251;
  --Melted70: #49313D;
  --Melted80: #312128;
  --Melted85: #25191E;
  --Melted90: #181014;
  --Melted95: #0C080A;
  --Melted70light: #49313D6b;
  --Meltedgradiant: #7A526500;
  --MeltedLight: #7A5265b8;
  --MeltedPreLoading: #7A52657a;
  --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;
  --grey1: #FAFAFA;
  --grey2: #EDEDED;
  --grey3: #E6E6E6;
}




/*Main Root*/
:root {
  --Mainsecondary: var(--secondary40, #C9B871);
  --Maintertiary: var(--tertiary50, #8A424E);
  --MainTertiary: var(--tertiary50, #8A424E);
  --Mainquaternary: var(--quaternary50, #1B4D4D);
  --MainWhite: #FFFFFF;
  --MainBlack: #000000;
  --Mainprimary: var(--accounting50, #00426C);
  --primary5: var(--accounting5, #E6ECF0);
  --primary10: var(--accounting10, #CCD9E2);
  --primary15: var(--accounting15, #B3C6D3);
  --primary20: var(--accounting20, #99B3C4);
  --primary30: var(--accounting30, #668EA7);
  --primary40: var(--accounting40, #336889);
  --primary50: var(--accounting50, #00426C);
  --primary60: var(--accounting60, #003556);
  --primary70: var(--accounting70, #002841);
  --primary80: var(--accounting80, #001A2B);
  --primary85: var(--accounting85, #001420);
  --primary90: var(--accounting90, #000D16);
  --primary95: var(--accounting95, #00070B);
  --Tempprimary70: var(--accounting70, #002841);
  --primary70light: var(--accounting70light, #0028416b);
  --secondgradiant: var(--accountinggradiant, #00426C00);
  --BlueShadow: var(--accountingLight, #00426Cb8);
  --LightFirstcolor: var(--accountingLight, #00426Cb8);
  --PreLoading: var(--accountingPreLoading, #00426C7a);
  --MainThemeColor: var(--Mainprimary, #00426C);
  --bgcolor: var(--MainWhite, #FFFFFF) !important;
  /* --primary70LIGHT: #2D4774;*/
  --primary10Light: var(--accounting10Light, #ccd9e236);
  --primary10Temp: var(--primary10, #CCD9E2);
  --white: var(--MainWhite, #FFFFFF);
  --whiteColor: var(--MainWhite, #FFFFFF);
  --link: var(--link60, #0062CC);
  --bluenight: var(--accounting60, #003556);
  --bluemain: var(--accounting70, #002841);
  --greenmain: var(--sales70, #2E4342);
  --purplemain: var(--rfid50, #624976);
  --bluesecond: var(--accounting60, #003556);
  --greensecond: var(--sales60, #3D5A58);
  --redsecond: var(--tertiary60, #6E353E);
  --grayColor: var(--accounting5, #E6ECF0);
  --grayWhite: var(--white, #FFFFFF);
  --InputTextColor: var(--gray95, #141414);
  /*--tertiary5light: #9c878d;*/


  --selectedmenu: var(--grayWhite, #FFFFFF);
  --secondbgColor: var(--Mainsecondary, #C9B871);
  --ProStar: #C4AC5F;
  --Lightsecondcolor: #DDBF5Eb8;
  --Lightgreen: #D5EBE8;
  --Lightred: #F6E1E1;
  --Lightwhite: #ffffff66;
  --symbolparentborder: #90BAE9;
  --symbolparentbg: #90BAE9;
  --gray: var(--gray20, #E8E8E8);
  --ActiveMenu: transparent;
  --lightbluegrey: #D5DBE3;
  --red: #DC0000;
  --FirstbgColor: var(--MainThemeColor, #00426C);
  --darkborder: var(--MainThemeColor, #00426C);
  --Dark: var(--gray95, #141414);
  --dark: var(--Dark, #141414);
  --honeycolor: var(--secondary20, #E4DBB8);
  --primary: #B6C1CF;
  --Approved70: var(--approved70, #1F7735);
  --Error70: var(--error70, #99231D);
  --bgtitle: var(--MainThemeColor, #00426C);
  --ShadowColor: #0000003b;
  --hovercolor: #0000003b;
  /* --Ultradarkblue:#002359;*/


  --DarkGreen: var(--Mainquaternary, #1B4D4D);
  --DarkRed: var(--Maintertiary, #8A424E);
  --midnightbtn: #160A5B;
  --violet: #6d222e;
  --RedWhite: #FFEFEF;
  --YellowWhite: #FFFDF5;
  --GreenWhite: #F0FFFB;
  --bodybgcolor: var(--MainWhite, #FFFFFF);
  --OperationShadow: #00000026;
  /*--FirstDashboardColor: #35558aba;*/
  --rightmenucolor: var(--MainWhite, #FFFFFF);
  --blackblue: #00286E;
  --LightBlue: #EFF4FE;
  --bgDoccolor: var(--primary10, #CCD9E2);
  --TempbgDoccolor: var(--primary10, #CCD9E2);
  --borderDoccolor: var(--primary30, #668EA7);
  --label: var(--gray95, #141414);
  --TitleColor: var(--gray95, #141414);
  --InputColor: var(--gray5, #F9F9F9);
  --DocShadow: #5d77a126;
  --bgForm: var(--primary5, #E6ECF0);
  --table-border: var(--primary15, #B3C6D3);
  --table-header-border: var(--primary15, #B3C6D3);
  --Trbg: var(--gray15, #EEEEEE);
  --redDialog: #99231dcc;
  --yellowDialog: #705103c7;
  --GreenDialog: #4D847Ec7;
  --RedDelete: var(--error70, #99231D);
  --CancelColor: var(--gray95, #141414);
  --secondary: var(--MainThemeColor, #00426C);
  --Purewhite: var(--white, #FFFFFF);
  --DialogBlur: #d7dde833;
  --Dialogbg: var(--Mainprimary, #00426C);
  --warning: var(--warning70, #995900);
  --BlueBox: var(--primary5, #E6ECF0);
  --line: var(--gray40, #D1D1D1);
  --primary: var(--gray70, #767676);
  --DialogShadow: #101a2980;
  --PlaceholderColor: var(--gray40, #D1D1D1);
  --primaryGauge: var(--gray20, #E8E8E8);
  --fillGauge: var(--approved15, #C2EECD);
  --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, #00426C);
  --salescolor: var(--sales50, #4C706E);
  --productioncolor: var(--production50, #114E91);
  --secondmain: var(--secondary40, #C9B871);
  --themelistheight: 40px;
  /*----File Manager----*/

  --badge-gray: #F2F6F8;
  --dark-text: #0C080A;
  --light-border: #D7DDE8;
  --npl-img-options: #B2C6D34D;
  --error-fm: #B40000;
  --npl-option-shadow: -2px 2px 10px 0px #7070754D;
  /*----Color Pick----*/
  --current-hue: #ff0000;
  --colorPickContainerShadow: 24px 24px 120px 0px #D5D8E170;
  --colorPickPointerShadow: 0px 0px 2px 0px #19121899;
  --colorPickActiveShadow: 2px 2px 8px 0px #2C262E1F;
  --colorPicktag: #888888;
  --colorPickerInputColor: black;

  /*----Business&FiscalYear----*/
  --boxShadowLight: 0px 0px 12px 0px #0000000A;
  --fiscalPeriodBorder: #d5e5e5;
  --fiscalPeriodBack: #E5ECF0;
}


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

@font-face {
  font-family: "Sina";
  src: url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.eot");
  src: url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.eot?#iefix")format("embedded-opentype"), url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.woff")format("woff"), url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.woff2")format("woff2"), url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.ttf")format("truetype"), url("/themes/manager/fonts/sina/sina w04 bold/web fonts/9487d246c940753b6f30c869f40959c5.svg#Sina W04 Bold")format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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: var(--font-main);
  font-weight: normal;
  line-height: 1.5;
  scrollbar-color: var(--Mainprimary, #00426C) var(--white, #FFFFFF);
  scrollbar-width: thin;
  color: var(--Fontcolor);
}

body * {
  font-family: var(--font-main);
}

body {
  background: var(--bodybgcolor, #FFFFFF);
  min-height: 100vh;
  min-width: 100vw;
  background-attachment: fixed;
  background-size: cover;
  overflow-x: hidden;
}

/*body{
background:red;
}*/

.zr-themeh-red {
  --accounting50: var(--tertiary50) !important;
  --primary5: var(--gray20) !important;
  --primary10: var(--gray5) !important;
  --primary40: var(--tertiary40) !important;
  --Mainprimary: var(--tertiary50) !important;
  --secondary: var(--tertiary50) !important;
  --background: var(--tertiary50) !important;
  --bgDoccolor: var(--tertiary50) !important;
  --primary60: var(--tertiary50);
  --primary30: var(--tertiary30) !important;
}

.zr-themeh-cherry {
  --primary70: var(--tertiary70, #53282F) !important
}

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, #D1D1D1);
}

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, #FFFFFF) !important;
}

/* Firefox */

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

/* Scrollbar */

body * {
  scrollbar-color: var(--primary30, #668EA7) #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, #668EA7);
  border-radius: var(--largeradius);
  border: 1px solid var(--primary5, #E6ECF0);
  width: 4px;
  margin: auto;
}

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

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

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

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

/*Custom Styles*/
/*.zr-rfid-parent{
gap: 0.75rem;
padding-right: 0.75rem;
}
*/
.sp-font-smaller {
  font-size: 12px;
}

.sp-whitespace {
  white-space: nowrap;
}

.zr-theme-sales {
  --primary5: var(--sales5, #EDF1F1);
  --primary15: var(--sales15, #C9D4D4);
  --primary20: var(--sales20, #B7C6C5);
  --primary30: var(--sales30, #94A9A8);
  --primary40: var(--sales40, #708D8B);
  --primary60: var(--sales60, #3D5A58);
  --primary70: var(--sales70, #2E4342);
}

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

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

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

.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, #99CAFF);
  --approved5: var(--link5, #E6F2FF);
  --approved70: var(--link70, #004999);
}

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

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

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

.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;
}

.ReferredSkeleton {
  width: 100px;
}

.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, #CCD9E2);
  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) span,
option[disabled] {
  cursor: not-allowed !important;
  color: var(--gray60, #9E9E9E) !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, #007AFF);
}

.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, #F9F9F9);*/
  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, #4F4F4F);
}

.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, #CCD9E2) !important;
  outline: 0.5px solid var(--borderDoccolor, #668EA7);
}

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

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

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

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

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

.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, #FFFFFF);
  border: 4px solid var(--error60, #CC2F26);
  box-shadow: 0px 10px 30px var(--DialogShadow, #101a2980);
  border-radius: var(--largeradius);
}

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

.zr-delete-title {
  color: var(--error70, #99231D);
}

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

.zr-correct-title {
  color: var(--approved70, #1F7735);
}

.zr-correct-title-light {
  color: var(--approved60, #2A9F47);
}

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

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

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

.sp-dialog:has(.zr-message-box.zr-msg-success) {
  border-color: var(--approved50, #34C759);
}

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

.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-btn-xnormal {
  --Widthbtn: var(--normallwidth);
  --DocBtnWidth: var(--normallwidth);
}

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

.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, #9E9E9E);
  --TempbgDoccolor:var(--gray60, #9E9E9E);
  --borderDoccolor:var(--gray60, #9E9E9E);
  --InputColor: var(--gray30, #DCDCDC);
  --TitleColor: var(--gray95, #141414) !important;
  ;*/
  --borderDoccolor: var(--primary60, #003556);
  --InputColor: var(--bgDoccolor, #CCD9E2)
}

.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, #002841);
  --TempbgDoccolor: var(--primary70, #002841);
  --borderDoccolor: var(--primary70, #002841);
  --InputColor: var(--bgForm, #E6ECF0);
  --TitleColor: var(--white, #FFFFFF) !important;
  --gray95: var(--primary70, #002841);
  /* --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, #96853E);
  --bgDoccolor: var(--secondary40, #C9B871);
  --TempbgDoccolor: var(--secondary40, #C9B871);
  --InputColor: var(--secondary5, #F8F6ED);
}

: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, #4F4F4F);
  --bgDoccolor: var(--gray30, #DCDCDC);
  --TempbgDoccolor: var(--gray30, #DCDCDC);
  --InputColor: var(--gray30, #DCDCDC);
}

.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, #E6F2FF);
  --TempbgDoccolor: var(--link5, #E6F2FF);
  --borderDoccolor: var(--link50, #007AFF);
  --TitleColor: var(--link50, #007AFF) !important;
  --InputColor: var(--gray5, #F9F9F9);
  --gray95: var(--InputTextColor, #141414);
  --secondary5: var(--link5);
  --secondary40: var(--link5);
  --secondary60: var(--link50);
}

.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, #DCDCDC);*/
  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, #F9F9F9);
}

.sp-d-checkbox label {
  display: flex;
  flex: 1;
  font-size: var(--FontFormTitle);
  font-weight: 400;
  color: var(--TitleColor, #141414);
  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, #141414);
}

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

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

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

.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, #2A9F47);
  --bgDoccolor: var(--approved5, #EBF9EE);
  --TitleColor: var(--gray95, #141414);
  --InputColor: var(--gray5, #F9F9F9);
}

.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, #F9F9F9);
  --MarginRow: 0;
  --inputminrp: 0.25rem;
  outline: 1px solid var(--primary10, #CCD9E2);
  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, #2A9F47);
    --bgDoccolor: var(--approved5, #EBF9EE);
    --TitleColor: var(--gray95, #141414);
    --InputColor: var(--gray5, #F9F9F9);
  }

  50% {
    --borderDoccolor: var(--approved60, #2A9F47);
    --bgDoccolor: var(--approved5, #EBF9EE);
    --TitleColor: var(--gray95, #141414);
    --InputColor: var(--gray5, #F9F9F9);
  }

  75% {
    --borderDoccolor: var(--secondary60, #96853E);
    --bgDoccolor: var(--secondary40, #C9B871);
    --TempbgDoccolor: var(--secondary40, #C9B871);
    --InputColor: var(--secondary5, #F8F6ED);
  }

  100% {
    --borderDoccolor: var(--secondary60, #96853E);
    --bgDoccolor: var(--secondary40, #C9B871);
    --TempbgDoccolor: var(--secondary40, #C9B871);
    --InputColor: var(--secondary5, #F8F6ED);
  }
}

.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, #CCD9E2);
    --bgDoccolor: var(--bgDoccolor, #CCD9E2);
  }

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

.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, #FF8983);
  --bgDoccolor: var(--error20, #FFB1AC);
  --gray95: var(--primary95, #00070B);
  --InputColor: var(--error5, #FFEBEA);
  --TitleColor: var(--primary95, #00070B);
}

.sp-form .sp-form-important,
.sp-f .sp-f-important,
.sp-form .sp-important,
.sp-f .sp-important {
  position: relative;
  color: var(--error60, #CC2F26);
  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, #003556);
}

.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);*/
  height: calc(100% - var(--HeaderHeight) - var(--FooterHeight));
  width: calc(100% - var(--smallWidthrightmenu) - var(--MainDistance));
}

.sp-main-loading:before {
  border-radius: var(--xxlargeradius);
  background: var(--secondgradiant, #00426C00);
  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, #ffffff66);
}

.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, #003556);
}

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

.sp-color-greenmain {
  color: var(--greenmain, #2E4342);
}

.sp-color-redmain {
  color: var(--tertiary50, #8A424E) !important;
}

.sp-color-productionmain {
  color: var(--production50, #114E91) !important;
}

.sp-color-bluesecond {
  color: var(--bluesecond, #003556);
}

.sp-color-greensecond {
  color: var(--greensecond, #3D5A58);
}

.sp-color-redsecond {
  color: var(--redsecond, #6E353E) !important;
}

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

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

.sp-color-success {
  color: var(--approved70, #1F7735) !important;
}

.sp-color-error {
  color: var(--error70, #99231D) !important;
}

.sp-color-darkbranch {
  color: var(--branch70, #4E3135) !important;
}

.sp-color-blue,
.sp-blue {
  color: var(--link50, #007AFF) !important;
}

.sp-color-ultraDarkRed {
  color: var(--tertiary70, #53282F);
}

.sp-color-ultraDarkGreen {
  color: var(--quaternary70, #102E2E);
}

.sp-color-brown {
  color: var(--secondary80, #4B421F);
}

.zr-btn-warning {
  background: transparent !important;
  outline: 1px solid var(--warning70, #995900);
  color: var(--warning70, #995900) !important;
}

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

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

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

.sp-color-Darkgreen {
  color: var(--DarkGreen, #1B4D4D) !important;
}

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

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

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

.sp-color-DarkRed {
  color: var(--DarkRed, #8A424E);
}

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


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

.sp-Max-height.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: 470px;
}

.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, #002841) center no-repeat;
  height: 16px;
  background-size: 10px 10px;
}

.sp-btn-currencyjew {
  background: url(/themes/manager/icons/baseinformations/jewelleryFeeWhite.svg) var(--primary70, #002841) 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, #002841) 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, #FFFFFF);
  outline: 1px solid var(--white, #FFFFFF);
}

.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, #FFFFFF) !important;
}

.zr-guide-box:hover {
  background-color: var(--primary70, #002841);
}

.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);
  height: var(--DocumentHeight);
  padding: 0 0.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 !important;
  margin-right: auto !important;
}

.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, #002841);
}

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

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

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

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

.zr-Disabled .zr-current-remain {
  background: var(--white, #FFFFFF);
}

.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, #C9B871) !important;
  --bgDoccolor: var(--secondary15, #EBE4CA);
  --borderDoccolor: var(--secondary30, #D7CA94);
  --InputColor: var(--secondary5, #F8F6ED);
  --TitleColor: var(--secondary70, #71642E);
  --gray95: var(--secondary70, #71642E);
}

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

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

.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, #C9B871) !important;
}

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

.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, #CCD9E2);*/
  color: var(--primary70, #002841);
  border: 0.5px solid var(--gray30, #DCDCDC);
  background: var(--gray5, #F9F9F9);
}

: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, #00426C00), var(--MainThemeColor, #00426C), var(--secondgradiant, #00426C00));
  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, #F9F9F9);
  color: var(--gray80, #4F4F4F);
  border: 1px solid var(--gray20, #E8E8E8);*/
}

.zr-CurrentDocumentParent .zr-edit-document.zr-CurrentDocumentInfoParent .zr-Docitem-remain,
.zr-CurrentDocumentParent .zr-CurrentDocumentInfoParent.zr-Disabled .zr-Docitem-remain {
  color: var(--primary70, #002841);
  border: 0.5px solid var(--gray30, #DCDCDC);
  background: var(--gray5, #F9F9F9);
}

.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: 0.75rem;
}

.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, #FFFFFF);
  padding: 0 0.5rem;
  white-space: nowrap;
  min-width: max-content;
  min-height: var(--HeightBtn);
  background: var(--primary70, #002841);
  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, #002841);
  background: var(--Mainsecondary, #C9B871);
}

.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, #141414);
  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, #141414);
}

.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, #001A2B) !important;
  outline: 0.5px solid var(--primary70, #002841) !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-documenttype-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/DocumentType.svg) center no-repeat;
}

.zr-leveltype-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/level.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;
}

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

.zr-edit-document .zr-leveltype-title .sp-f-title::after {
  background: url(/themes/manager/icons/baseinformations/AccesslevelOutline.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;
}

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

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

.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, .zr-documenttype-title, .zr-leveltype-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, #CCD9E2);
  outline: 0.5px solid var(--borderDoccolor, #668EA7);
}

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

.zr-CurrentDocument .sp-f-row:not(.zr-input-maintheme) .sp-f-title {
  --TitleColor: var(--primary70, #002841);
  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, #00426C);
  --bgDoccolor: var(--Mainprimary, #00426C);
  --TitleColor: var(--white, #FFFFFF);
  --InputColor: var(--gray5, #F9F9F9);
  --gray95: var(--MainBlack, #000000);
}

.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, #000000);
}

.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, #000000) !important;
  --gray95: var(--MainBlack, #000000);
}

.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, #F9F9F9) !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, #F9F9F9);
  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, #668EA7);
  border-radius: var(--inputminrp);
  overflow: hidden;
  background: var(--gray5, #F9F9F9);
  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, #141414);
  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, #F9F9F9);
}

: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, #141414);*/
  color: var(--FontInputColor, #141414);
}

.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, #00426C);
  font-size: var(--largefont);
  font-weight: 500;
  outline: 1px solid var(--MainThemeColor, #00426C)
}

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

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

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

.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;
}

/*.zr-FormContent .sp-row {
margin-right: calc(-1 * var(--InputPadding)) !important;
margin-left: calc(-1 * var(--InputPadding)) !important;
}*/

.zr-FormContent .sp-r {
  margin-right: 0px;
  margin-left: 0px;
}


.sp-tab-header {
  background-color: var(--MainThemeColor, #00426C);
  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, #FFFFFF);
  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, #FFFFFF);
  right: auto;
}

.sp-tab-body {
  background: var(--white, #FFFFFF);
  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, #0000003b);
  min-width: 240px;
  min-width: clamp(200px,355px,50%);
  /*max-width: clamp(50%,50%,100%);*/
  min-width: var(--Gridremainwidth);
  background: var(--primary70, #002841);
  border: 1px solid var(--primary70, #002841);
  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;
  max-width: 19%;
}

.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, #90BAE9);
  border: 1px solid var(--symbolparentborder, #90BAE9);
  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, #FFFFFF);
  width: calc(100% - var(--rameinwidth));
  color: var(--primary70, #002841);
}

.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, #003556);
  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;
  height: 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, #C9B871);
  }
}

.w-245 {
  width: 245px;
}

.h-299 {
  height: 299px;
}

.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,
.zr-has-skeleton .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-toggle-parent.zr-has-skeleton {
  padding: 0 !important;
}

.zr-toggle-parent.zr-has-skeleton .zr-trremain-parent {
  gap: 40px;
}

.zr-trremain-parent .sp-skeleton-container .sp-skeleton-division {
  height: 100% !important;
}

.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, .sp-icon-operations, .sp-icon-gift):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, .sp-icon-operations, .sp-icon-gift):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, #004999);
  outline: 1px solid var(--link70, #004999);
  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-operations:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/baseinformations/Operations.svg) center no-repeat;
  background-size: cover;
}

.sp-icon-gift:not(.sp-g-cell)::before {
  content: "";
  width: var(--icongridbtnwidth);
  height: var(--icongridbtnwidth);
  background: url(/themes/manager/icons/loyalty/Gift.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, .sp-icon-operations, .sp-icon-gift):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-operations, .sp-icon-gift, .sp-icon-send, .sp-icon-envelope, .sp-icon-setting):is(:focus, :hover) {
  background: var(--link20, #99CAFF);
  background-color: var(--link20, #99CAFF);
  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, #C9B871);
}

.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, #99231D);
}

: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, #00426Cb8);*/
  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, #00426C) !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, #B3C6D3);
  color: var(--primary60, #003556);
  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, #003556);
  color: var(--white, #FFFFFF) !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, #E6ECF0);
  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, #002841);
  font-weight: 700;
}

.zr-tab-analys .zr-tab-analys-item {
  background: var(--primary10, #CCD9E2);
  color: var(--gray70, #767676);
  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, #EEEEEE);
}

.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, #E6F2FF) !important;
  transition: none !important;
  --secondary70: var(--link60, #0062CC);
  --secondary10: var(--link5, #E6F2FF);
}

.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, #E6F2FF) !important;
  transition: none !important;
  --secondary70: var(--link60, #0062CC);
  --secondary10: var(--link5, #E6F2FF);
  --line: var(--link60, #0062CC);
}

.zr-rfid-rowselected:hover {
  --table-border: var(--link60, #0062CC);
}


.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, #CCD9E2);
  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, #CCD9E2);
  color: var(--primary70, #002841);
  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;
  flex-wrap: nowrap;
}

.sp-g-row .sp-g-cell:not(:last-child) {
  border-left: 1px solid var(--primary30, #668EA7) !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, #141414);
}

.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, #FFFFFF);
  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 {
  gap: 2rem 3.75rem;
  /*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, #00426C);
  background-color: var(--InputColor, #F9F9F9) !important;
  border-radius: 4px;
  */
  height: var(--checkboxheight);
  width: var(--checkboxheight);
  border: 1px solid var(--Mainprimary, #00426C);
  background-color: var(--InputColor, #F9F9F9) !important;
  border-radius: 4px;
  position: initial;
  margin: -2px;
}

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

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

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

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

.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, #FFEBEA);
  backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
  color: var(--gray95, #141414) !important;
  position: absolute;
  outline: 1px solid var(--error50, #FF3B30);
  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, #FFEBEA);
  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;
  border-top: none;
}

.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, #F9F9F9);
  border-radius: var(--inputminrp) 0rem var(--inputrp) var(--inputminrp);
  outline: 1px solid var(--borderDoccolor, #668EA7);
}

.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, #007AFF);
  --MainThemeColor: var(--link50, #007AFF);
  --InputColor: var(--link5, #E6F2FF);
  --approved5: var(--link5, #E6F2FF);
  --approved70: var(--link50, #007AFF);
}

.sp-select-icon,
.sp-drop-button:after {
  border: solid var(--gray95, #141414) !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,
.sp-btn-photo {
  min-width: var(--Widthbtn);
  color: var(--primary70, #002841);
  background: var(--Mainsecondary, #C9B871);
  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, #1B4D4D);
  color: var(--white, #FFFFFF);
  --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, #8A424E);
}

/*.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;
}

.sp-btn-photo::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  background: url(/themes/manager/icons/baseinformations/webcam_black.svg) transparent center no-repeat;
}

.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, #00426C);
  border-radius: var(--smallradius);
  color: var(--whiteColor, #FFFFFF);
  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, #002841);
  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, #002841) !important;
  outline: 1px solid var(--primary70, #002841) !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, #9E9E9E);
  outline: 1px solid var(--gray60, #9E9E9E) !important;
  background: var(--white, #FFFFFF);
}

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

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

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

.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,
.zr-btn-contact-outline {
  min-width: var(--Widthbtn);
  background: transparent !important;
  border-radius: var(--smallradius);
  font-size: var(--FontBtn);
  color: var(--primary70, #002841);
  margin-left: var(--btnmarginleft);
  outline: 1px solid var(--primary70, #002841) !important;
}

.zr-btn-edit-outlinehoney {
  --primary70: var(--warning70, #995900);
}

.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, #1F7735) !important;
  margin-left: var(--btnmarginleft);
  outline: 1px solid var(--approved70, #1F7735) !important;
}

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

.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-undo-warning {
  outline: 1px solid var(--warning60, #CC7700) !important;
  color: var(--warning60, #CC7700);
  --Widthbtn: var(--midWidthbtn) !important;
}

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

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

.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, #002841);
}

.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, #CCD9E2);
  border: 4px solid var(--primary10, #CCD9E2);
}

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

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

: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, #668EA7) !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, #668EA7);
}

: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, #668EA7);
}

.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, .sp-b-primary40 {
  border: 1px solid var(--primary40, #336889);
}

.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, #002841);
}

.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, #624976);
  color: var(--white, #FFFFFF);
}

.zr-btn-hasnoicon::before,
.zr-btn-hasnoicon::after {
  display: none;
}

.zr-btn-refreshtest {
  background: var(--Mainprimary, #00426C);
  color: var(--white, #FFFFFF);
  width: var(--Widthbtn);
  --Widthbtn: 172px;
  border-radius: 0.5rem;
  font-weight: 400;
  font-size: var(--largefont);
}

.zr-btn-changerate::before,
.zr-btn-refreshtest::before,
.zr-btn-reloadrfid::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-reloadrfid::before {
  background: url(/themes/manager/icons/baseinformations/RefreshRate.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr-btn-reloadrfid {
  width: 140px;
  height: 42px;
  background: var(--primary10, #CCD9E2);
  border-radius: 1.5rem;
  margin-left: 1px;
}

.zr-btn-refreshtest:is(:focus, :hover)::before,
.zr-btn-reloadrfid: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, #002841);
  color: var(--white, #FFFFFF);
}

.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%;
}*/
.sp-f-button.sp-btn-undo.zr-btn-blue::before {
  background-image: url(/themes/manager/icons/baseinformations/RefreshIcon-MainBlue.svg);
}

.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-undo.zr-btn-blue {
  color: var(--primary50, #00426C);
  outline: 1px solid var(--primary50, #00426C) !important;
}

.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;
  /*new: 26/04/20:*/
  --InputPadding: 0;
}
.zr-datalist-grid .sp-p-main.sp-c-12>.sp-p-body{
  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, #4F4F4F);
  min-height: 32px;
  outline: 1px solid var(--gray80, #4F4F4F);
  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, #99231D) !important;
  color: var(--white, #FFFFFF) !important;
  outline: 0 !important;
}

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

.zr-btn-cancelFilter:hover {
  background: var(--gray70, #767676) !important;
  color: var(--white, #FFFFFF);
  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, #336889);
  color: var(--primary5, #E6ECF0);
  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, #002841);
  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, #767676);
  outline: 1px solid var(--gray70, #767676);
  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, #1B4D4D);
  color: var(--white, #FFFFFF);
}

: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, #C9B871);
  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;
}

:is(.zr-dialog-box, .zr-page-box) :is(.sp-f input[type=button].sp-btn-photo, .sp-btn-photo, .sp-btn-photo.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-photo):is(:focus, :hover)::before {
  background-image: url(/themes/manager/icons/baseinformations/webcam_focus.svg) !important;
}

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

.zr-btn-msgSuccess {
  border-radius: var(--smallradius);
  color: var(--white, #FFFFFF);
  background: var(--approved60, #2A9F47);
  min-width: 172px;
  font-size: var(--largefont);
}

.zr-editlabel-row {
  background-color: var(--secondary15, #EBE4CA) !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, #00426C) !important;
  border: 2px solid var(--MainThemeColor, #00426C);
  border-color: var(--MainThemeColor, #00426C) !important;
  border-radius: var(--normalradius) !important;
  min-height: var(--HeightBtn) !important;
  color: var(--whiteColor, #FFFFFF) !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, #002841);
  border-radius: var(--xsmallradius) !important;
  min-height: 22px !important;
  color: var(--primary10, #CCD9E2);
  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, #00426C) !important;
  border: 2px solid var(--MainThemeColor, #00426C);
  border-color: var(--MainThemeColor, #00426C) !important;
  border-radius: var(--normalradius) !important;
  min-height: 26px !important;
  color: var(--whiteColor, #FFFFFF) !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, #002841) 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, #007AFF) !important;
  color: var(--link5, #E6F2FF) !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, #00426C);
  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, #FFFFFF) !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-CurrentDocument :is(.zr-btn-pr, .sp-f input[type=button].zr-btn-pr),
:is(.zr-btn-pr, .sp-f input[type=button].zr-btn-pr) {
  /* background: url(/themes/manager/icons/baseinformations/DocumentDetail.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;
}



.GoldProduct :is(.sp-f-button.GroupRegistration){
  background: url(/themes/manager/icons/baseinformations/GroupRegistrationHover.svg) transparent no-repeat !important;
  padding: 0 2rem 0 0 !important;
  background-position: 4px center !important;
  text-align: right;
  margin: 0;
  min-width: 0;
  max-width: 0;
  display: inline-block;
  font-size: 10px;
  border: 0;
  color: var(--MainThemeColor, #00426c);
  font-weight: 500;
  min-height: 1.25rem !important;
  height: auto;
  overflow: hidden;
  border-radius: var(--smallradius);
  z-index: 2;
    margin-right: 100px !important;
}

.GoldProduct :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(.GroupRegistration):is(:hover , :focus),
.GroupRegistrationWrapper:hover {
  background: url(/themes/manager/icons/baseinformations/GroupRegistrationFocus.svg) var(--link5) right 12px center no-repeat !important;
  background-size: 20px 16px !important;
  color: var(--link50) !important;
  min-width: max-content;
  position: absolute;
  padding-left: 0.75rem !important;
  left: 0;
  height: 100%;
  outline: 1px solid var(--link50) !important;
  font-size: var(--normalfont);
  align-content: center;
  margin-left: 0 !important;
  background-size: 22px 22px !important;
  background-position: right 12px center !important;
  padding-right: 46px !important;
  --primary5: var(--link50) !important;
  z-index: 2;

}

.GoldProduct :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(.GroupRegistration):is(:hover):not(:focus){
  background: url(/themes/manager/icons/baseinformations/GroupRegistration.svg) var(--primary70, #002841) right 12px center no-repeat !important;
  color: var(--white, #FFFFFF) !important;
  outline: 0 !important;
  z-index: 2;

}


.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, #002841) calc(100% - 0.25rem) no-repeat !important;
  background-size: 20px 16px !important;
  color: var(--white, #FFFFFF) !important;
  outline: none !important;
}

.zr-CurrentDocument :is(.zr-btn-pr, .sp-f input[type=button].zr-btn-pr):hover:not(:focus),
.sp-dialog :is(.zr-btn-pr, .sp-f input[type=button].zr-btn-pr):hover:not(:focus) {
  /* background: url(/themes/manager/icons/baseinformations/pr-cat-focus.svg) var(--primary70, #002841) calc(100% - 0.25rem) no-repeat !important;*/
  background-size: 20px 16px !important;
  color: var(--white, #FFFFFF) !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, #007AFF) !important;
  background: url(/themes/manager/images/AccountFocus.svg) var(--link5, #E6F2FF) calc(100% - 0.25rem) no-repeat !important;
  outline: 1px solid var(--link50, #007AFF) !important;
}

.zr-CurrentDocument :is(.zr-btn-detail, .sp-f input[type="button"].zr-btn-detail):focus{
  font-size: var(--normalfont);
}

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

.zr-CurrentDocument :is(.zr-btn-search, .sp-f input[type=button].zr-btn-search),
.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),
: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, #002841) calc(100% - 0.25rem) no-repeat !important;
  background-size: 20px 19px !important;
  padding-right: 1.75rem !important;
  color: var(--white, #FFFFFF) !important;
  outline: none !important;
}

.zr-CurrentDocument :is(.zr-btn-search, .sp-f input[type=button].zr-btn-search):focus,
: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, #007AFF) !important;
  height: 100%;
  background: url(/themes/manager/icons/baseinformations/DocumentFocus.svg) var(--link5, #E6F2FF) calc(100% - 0.25rem) no-repeat !important;
  background-size: 18px 18px !important;
  outline: 1px solid var(--link50, #007AFF) !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, #CCD9E2);
  background: var(--primary70, #002841);
}

.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, #002841) 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, #007AFF) !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, #002841) 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, #002841) 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, #002841) 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, #002841);
  background: var(--bgForm, #E6ECF0);
  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, #B3C6D3) !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, #FFFFFF);
  border-radius: var(--xlargeradius);
  display: flex;
  flex-direction: column;
  border: 0;
  outline: 1px solid var(--primary30, #668EA7);
  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;
  padding-right: 1.25rem;

}

:is(.zr-page-parent, .zr-dialog-parent):not(.zr-report-parent) .zr-page-content{
  overflow-y: scroll;
}

: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, #FFFFFF);
  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, #FFFFFF);
  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, #B3C6D3) !important;
  border-bottom: 0.25px solid var(--table-border, #B3C6D3) !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, #141414);
  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, #B3C6D3) !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, #002841);*/
  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, #B3C6D3) !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, #141414);
  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, #B3C6D3);
  background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5, #F9F9F9) 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,
.zr-dialog-box .zr-ImgUploadBoxParent {
  max-height: var(--ProductImgparentheight);
  display: flex;
  min-height: var(--ProductImgparentheight);
  max-width: var(--ProductImgparentwidth);
  margin: auto;
}

.zr-dialog-box .zr-MainPic {
  max-width: 130px;
}

.zr-MainPic {
  max-width: var(--MainPicWidth);
}

.zr-upload-box {
  width: 144px !important;
  height: 144px !important;
  /* width: 20%;*/
}

.zr-upload-box:hover {
  background-color: var(--secondary5, #F8F6ED);
}

.zr-upload-box:hover .sp-color-BlackBlue {
  color: var(--secondary60, #96853E);
}

.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, #0028416b);
  min-width: 24px;
  min-height: 24px;
}

.zr-icon-product-operation:hover {
  background: var(--primary70, #002841)
}

.zr-icon-product-operation:focus {
  background: var(--Mainsecondary, #C9B871)
}

.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: var(--font-main);
  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: var(--font-main);
  font-size: var(--FontInput);
  font-weight: var(--InputFontWeight);
  background-color: var(--InputColor, #F9F9F9);
  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, #CCD9E2);
  /*min-height: 24px;*/
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-g-cell :is(.sp-drop-button) {
  border-radius: var(--xsmallradius) !important;
}

.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, #CCD9E2);
  color: var(--primary50, #00426C);
}

.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, #00000026);
  border: 1px solid var(--Purewhite, #FFFFFF);
}

/*Tree Overwrite*/

.sp-f .sp-select:read-only .sp-select-input,
.sp-form .sp-select:read-only .sp-select-input {
  background-color: var(--InputColor, #F9F9F9);
}

.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, #007AFF);
  --InputColor: var(--grayWhite, #FFFFFF);
}

.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, #668EA7) !important;
  border-top: 0 !important;
  width: calc(100% + 2px);
  left: -1px;
  padding-right: 0.5rem;
  padding-left: 2px;
  background: var(--grayWhite, #FFFFFF);
  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;
  min-width: min-content;
}

: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);
  min-width: min-content;
}

: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>span, .sp-select-item>span, .sp-drop-items li>span, .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;
  min-width: min-content;
}

: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;
  min-width: min-content;
}

.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, #FFFFFF);
  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: var(--font-main);
  padding-left: 2rem;
  font-size: var(--FontInput);
  box-shadow: none !important;
  background-color: var(--InputColor, #F9F9F9) !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 span) {
  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, #141414) !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 span) {
  display: flex;
  flex-direction: column;
  font-family: var(--font-main);
  font-size: var(--FontInput);
  font-weight: var(--InputFontWeight);
  margin: auto 0;
  cursor: pointer;
  white-space: break-spaces;
}

.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 > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-item > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-drop-items li > span: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 > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-widget-title:hover {
  background: var(--link5, #E6F2FF);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-item > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-drop-items li > span: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 > span:hover,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-widget-title:hover {
  background: var(--link5, #E6F2FF);
}

.sp-widget-item {
  transition: none;
}

.sp-autocomplete .sp-widget-show .sp-widget-items {
  border-radius: 0 0 0.75rem 0.75rem;
  border-top: 0 !important;
  border-color: var(--sales50, #4C706E) !important;
  background: var(--InputColor, #F9F9F9);
  margin-top: -12px;
  box-shadow: none;
}

.sp-autocomplete-honey.sp-autocomplete .sp-widget-show .sp-widget-items {
  border-color: var(--AppColor70) !important;
}

: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 > span,
.sp-drop-active > span,
.sp-widget-active > span,
.sp-select-active > span,
.sp-drop-active > span,
.sp-widget-active > span {
  background: var(--link20, #99CAFF);
  --select: var(--link20, #99CAFF);
}

.sp-widget-active:not(:hover) > span,
.sp-widget-active:not(:hover) > span,
.sp-widget-active {
  background: var(--link20, #99CAFF);
  background-color: var(--link20, #99CAFF) !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, #141414);
  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, #141414);
  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, #668EA7) !important;
}

.hrline {
  width: 100%;
  max-height: 1px;
  margin: 0px;
  height: 1px;
  border: 0;
}

.sp-bg-lightbluegrey {
  background-color: var(--lightbluegrey, #D5DBE3);
}

.zr-bilan-gap {
  gap: 0.75rem;
  padding: 1px 0;
}

.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, #D1D1D1);
}

.sp-b-white {
  border-color: var(--white, #FFFFFF);
}

.sp-b-darkred {
  border-color: var(--error70, #99231D);
}

.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, #00426C) !important;
}

.sp-bg-darkprimary {
  background-color: var(--primary70, #002841) !important;
}

.sp-b-darkprimary {
  border-color: var(--primary70, #002841) !important;
}

/*
.sp-bg-blueform .sp-tab-content ,.zr-tab-item-col.zr-selected{
background-color: var(--bgForm, #E6ECF0) !important;
}*/
.sp-bg-blueform .sp-tab-content,
.zr-tab-item-col.zr-selected,
.zr-tab-item-col.zr-selected:hover {
  background: var(--bgForm, #E6ECF0) !important;
}

.sp-bg-BlueBox {
  background-color: var(--BlueBox, #E6ECF0);
}

.sp-bg-bezh {
  background-color: var(--secondary10, #F2EDDB) !important;
}

.sp-blue-dialog {
  background-color: var(--Dialogbg, #00426C);
}

.sp-red-dialog {
  background: var(--redDialog, #99231dcc) !important;
}

.sp-yellow-dialog {
  background: var(--yellowDialog, #705103c7) !important;
}

.sp-green-dialog {
  background: var(--GreenDialog, #4D847Ec7) !important;
}

.zr-dialog-box,
.zr-page-box {
  border-radius: var(--xxlargeradius);
  border: 2px solid var(--Dialogbg, #00426C);
  /* 0.25rem solid var(--Dialogbg, #00426C)*/
  ;
  border-top: 0px;
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  background: var(--white, #FFFFFF);
  /*  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, #00426C00), var(--white, #FFFFFF), var(--secondgradiant, #00426C00));
  width: 100%;
  min-height: 3px;
}

.sp-bg-pinkform {
  /*background-color: var(--lightCopper);*/
}

.zr-pinkmode:not(.zr-Disabled) {
  --FirstbgColor: var(--Maintertiary, #8A424E);
  --secondary: var(--Maintertiary, #8A424E);
  --darkborder: var(--Maintertiary, #8A424E);
  --MainThemeColor: var(--Maintertiary, #8A424E);
  --bgtitle: var(--Maintertiary, #8A424E);
  --RedDelete: var(--Maintertiary, #8A424E);
  --primary70: var(--tertiary70, #53282F);
  --primary80: var(--tertiary80, #371A1F);
  --bgForm: var(--tertiary5, #F3ECED);
  --primary60: var(--tertiary60, #6E353E);
  --bgDoccolor: var(--tertiary10, #E8D9DC);
  --TempbgDoccolor: var(--tertiary10, #E8D9DC);
  --borderDoccolor: var(--tertiary30, #B98E95);
  /* --primary5light: var(--tertiary5light, #9c878d);*/
  --AppColor70: var(--Maintertiary, #8A424E);
  --AppColor5: var(--Maintertiary, #8A424E);
}


.zr-pinkmode :is(.sp-btn-balance, .sp-f input[type=button].sp-btn-balance):not(:hover, :focus) {
  color: var(--tertiary10, #E8D9DC);
}

.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, #00426C);
  --AppColor5: var(--Mainprimary, #00426C);
}

.sp-bg-Second {
  background-color: var(--tertiary20, #D0B3B8);
}

.sp-bg-Darkpink {
  background-color: var(--Darkpink);
}

.sp-color-darkblue {
  color: var(--primary70, #002841);
}

.sp-color-red {
  color: var(--red, #DC0000);
}

.sp-color-honey {
  color: var(--Mainsecondary, #C9B871);
}

.sp-color-lightgray {
  color: var(--gray10, #F3F3F3);
}

.sp-opacity-1 {
  opacity: 0.5;
}

.sp-bg-red {
  background-color: var(--red, #DC0000) !important;
}

.sp-bg-honey.zr-btnfont-style {
  background-color: var(--honeycolor, #E4DBB8) !important;
}

.sp-red {
  color: var(--red, #DC0000) !important;
}

.sp-bg-dark {
  background-color: var(--MainThemeColor, #00426C);
}

.sp-bg-primary {
  background-color: var(--primary, #767676);
}

.sp-color-grey {
  color: var(--gray70, #767676);
}

.sp-b-dark {
  border-color: var(--darkborder, #00426C);
}

.sp-b-honey {
  border-color: var(--honeycolor, #E4DBB8);
}

.zr-b-table,
.zr-border-tablechild {
  border-color: var(--table-border, #B3C6D3);
}

.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, #00070B);
}

.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, #00426C);
  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, #00426C);
}

.sp-backdrop-blur {
  backdrop-filter: blur(2px);
  -moz-backdrop-filter: blur(2px);
}

.sp-bl-dashed {
  border-left: 1px dashed var(--MainThemeColor, #00426C);
}

.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 !important;
  margin-right: auto !important;
}

.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, #F9F9F9);
}

@-moz-document url-prefix() {
  .zr-cheque-remainder input {
    margin: 0 !important;
  }
}

.zr-searchcustomer-btn {
  width: 290px;
}

.zr-CurrentDocumentParent.zr-Disabled {
  --MainThemeColor: var(--gray70, #767676);
}

: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, #8A424E);
  border-radius: var(--smallradius);
  outline: 1px solid var(--Maintertiary, #8A424E);
  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, #99231D) !important;
  outline: 1px solid var(--error70, #99231D) !important;
  color: var(--white, #FFFFFF) !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,
.zr-btn-contact-outline {
  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-contact-outline::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-contact-outline::before {
  background: url(/themes/manager/icons/baseinformations/AddAccount.svg) transparent right no-repeat !important;
  width: var(--minibtnwidth);
  height: var(--minibtnwidth);
  background-size: 100% 100%;
}

.zr-btn-contact-outline:is(:hover, :focus)::before {
  background: url(/themes/manager/images/AccountFocus.svg) var(--link5, #E6F2FF) no-repeat !important;
  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, #767676);
  outline: 1px solid var(--gray70, #767676);
  background: transparent;
}

.zr-btn-add.zr-btn-darkgreen,
.zr-btn-add.zr-btn-darkgreen:is(.sp-f-button) {
  background: var(--Mainquaternary, #1B4D4D);
  color: var(--white, #FFFFFF);
  outline: 1px solid var(--Mainquaternary, #1B4D4D);
}

.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, #BCA64D) !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, #00426C);
  outline: 1px solid var(--Mainprimary, #00426C);
  min-width: var(--largewidth);
}

.zr-btn-add.zr-btn-lightblue,
.zr-btn-add.zr-btn-lightblue:is(.sp-f-button) {
  outline-color: var(--link20, #99CAFF);
  background: var(--link5, #E6F2FF);
  color: var(--production50, #114E91);
}

.zr-btn-add.zr-btn-lightpurple,
.zr-btn-add.zr-btn-lightpurple:is(.sp-f-button) {
  outline-color: var(--rfid20, #C0B6C8);
  background: var(--rfid10, #E0DBE4);
  color: var(--rfid60, #4E3A5E);
}

.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, #002841);
  border-radius: var(--smallradius) !important;
  outline: 1px solid var(--primary70, #002841);
}

.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, #00426C);
  color: var(--white, #FFFFFF);
}

.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, #1B4D4D);
  flex: 1 1;
  min-height: var(--HeightBtn);
  color: var(--white, #FFFFFF);
}

.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, #C9B871);
  color: var(--primary70, #002841);
}

: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, #CCD9E2);
  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, #CCD9E2);
  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, #141414);
}

.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, #FFB1AC);
  border-right: 8px solid var(--error60, #CC2F26);
}

.zr-shortmsg-parent.zr-correctbox-parent {
  border: 1px solid var(--approved20, #AEE9BD);
  border-right: 8px solid var(--approved50, #34C759);
}

.zr-shortmsg-parent.zr-infobox-parent {
  border: 1px solid var(--link20, #99CAFF);
  border-right: 8px solid var(--link60, #0062CC);
}

.zr-shortmsg-parent.zr-warning-parent {
  border: 1px solid var(--warning50, #FF9500);
  border-right: 8px solid var(--warning50, #FF9500);
}

.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, #CC2F26);
}


.zr-infobox-parent .zr-timer {
  background: var(--link60, #0062CC);
}

.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,
.zr-msg-warningicon {
  width: 40px;
  height: 40px;
}

.zr-msg-deleteimg,
.zr-msg-correctimg {
  max-width: 16px;
}

.zr-msg-deleteicon,
.sp-bg-lightred {
  background: var(--error5, #FFEBEA);
}

.zr-msg-correcticon,
.sp-bg-lightgreen {
  background: var(--approved5, #EBF9EE);
}

.zr-correctbox-parent .zr-timer {
  background: var(--approved50, #34C759);
}

.zr-msg-info-picturetimer {
  width: 102px;
  height: 102px;
  border: 1px solid var(--gray50, #C5C5C5);
}

.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, #B3C6D3) !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, #003556);
}

.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, #00426C);
  height: var(--HeaderHeight);
}

.zr-header-line {
  top: 0;
  position: absolute;
  z-index: -1;
  left: -1px;
  height: calc(var(--HeaderHeight) + 4px);
  background: var(--secondary20, #E4DBB8);
  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, #FFEBEA);
outline: 1px solid var(--error60, #CC2F26);
color: var(--error60, #CC2F26);
}
.zr-logout-box:focus {
background: var(--error60, #CC2F26);
color: var(--error5, #FFEBEA);
}
*/
.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, #DCDCDC);
}

.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, #00426C) 2.72%, var(--primary60, #003556) 50.39%, var(--MainThemeColor, #00426C) 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, #E6ECF0)
}

.zr-online-wifi {
  color: var(--approved20, #AEE9BD)
}

.zr-offline-wifi {
  color: var(--error20, #FFB1AC)
}

.zr-Calculator-icon {
  max-width: 18px;
}

.zr-update-text {
  color: var(--primary15, #B3C6D3)
}


.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, #003556);
  border: 1px solid var(--primary70, #002841);
}

.zr-box-deviceimg {
  border-color: var(--primary50, #00426C);
}

.zr-box-deviceimg .zr-badge-online {
  width: 12px;
  height: 12px;
  border: 1px solid var(--primary50, #00426C);
}

.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, #85DD9B);
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.zr-badge-count {
  background: var(--error50, #FF3B30);
  top: 0;
}

.zr-SearchForm {
  left: 0;
  min-width: 200px;
  display: none;
  background: var(--gray5, #F9F9F9);
}

.zr-div-search:not(.zr-disabled):hover .zr-SearchForm {
  display: flex;
}

.zr-SearchForm input::placeholder {
  color: var(--primary70, #002841);
  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, #002841);
}

.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, #DCDCDC);
}

.zr-searchbox,
.zr-searchheader-input {
  background: var(--gray5, #F9F9F9);
}

.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, #FFFFFF);
}

.zr-filter-list {
  background: var(--gray10, #F3F3F3);
}

.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, #00426C7a);
  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, #00426C), white);
}

.zr-program-logo {
  max-width: 24px;
}

.zr-rightmenu {
  background: var(--MainThemeColor, #00426C);
  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, #E4DBB8);*/
  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, #002841);
}*/
.zr-headermenu-parent {
  background: var(--primary70, #002841);
  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, #E4DBB8);
}

.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, #FFFFFF);
}

/*

li.zr-shortmenu-box {
margin-bottom: 2.25rem;
}

.zr-shortmenu-item,
.zr-headermenu-item {
color: var(--rightmenucolor, #FFFFFF);
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, #002841)
}
*/
:is(.zr-shortmenu-link, .zr-headermenu-link):hover {
  /*  border-radius: 0.5rem;
  background: var(--white, #FFFFFF);
  --rightmenucolor: var(--primary70, #002841);*/
}

:is(.zr-headermenu-link):hover .zr-headermenu-item {
  font-weight: bold;
}

:is(.zr-headermenu-link):hover .zr-headermenu-boximg {
  background: var(--primary70, #002841);
  max-width: 24px;
  max-height: 24px;
  margin: auto 0;
}

.zr-rightmenu-item {
  color: var(--rightmenucolor, #FFFFFF);
  font-size: var(--FontRightMenu);
  font-weight: var(--FontWeightRightMenu);
  z-index: 5;
}

.zr-rightmenu-btn {
  color: var(--primary15, #B3C6D3);
  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, #B3C6D3);
}

.sp-menu-active .zr-rightmenu-link,
.zr-shortkey-menu .zr-shortmenu-box.zr-first-item .zr-shortmenu-link {
  background: var(--primary70, #002841);
  --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, #003556);
  --FontWeightRightMenu: 500;
  outline: 1px solid var(--primary70, #002841);
}

.zr-logout-item,
.zr-setting-item {
  margin: 0 var(--rightmenugap) var(--rightmenugap);
  border-top: 2px solid var(--primary20, #99B3C4);
  padding-top: var(--rightmenugap);
}

.zr-logout-item:hover .zr-shortmenu-link {
  background: var(--error70, #99231D);
  outline-color: var(--error70, #99231D);
}

.zr-rightmenu-dropdown :is(.zr-menu-userdetails, .zr-menu-userbox:hover .zr-menu-userdetails) {
  background: var(--primary5, #E6ECF0);
  margin: 4px;
  width: calc(100% - 0.5rem);
  --borderradiusrightmenulink: var(--xlargeradius);
  min-height: 88px;
  min-width: fit-content;
}

.zr-rightmenu.zr-small-menu .zr-shortkey-menu {
  max-height: 494px;
  flex-wrap: wrap;
  column-gap: 1.5rem;
}

/*
.zr-programtitle-box:not(.zr-mainprogram-box):hover .zr-rightmenu-ar {
background: var(--primary70, #002841);
}

.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, #FFFFFF);
  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, #002841);
}

: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, #141414);
  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, #FFFFFF);
  box-shadow: 1px 0px 0px 4px var(--honeycolor, #E4DBB8);
  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, #002841);*/
}

/*
.sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
color: var(--primary70, #002841);
}
*/
/*
.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, #FFFFFF);
border: 4px solid var(--honeycolor, #E4DBB8);
border-right: 0;
border-top: 0;
border-bottom: 4px solid var(--honeycolor, #E4DBB8);
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, #FFFFFF);
border: 4px solid var(--honeycolor, #E4DBB8);
border-right: 0;
border-bottom: 0;
border-top: 4px solid var(--honeycolor, #E4DBB8);
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, #002841);
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, #002841);
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, #99B3C4);
}

.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, #E4DBB8);
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, #E4DBB8);
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, #00426C);
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, #00426C);
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, #00426C);
  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, #C9B871);
  border-radius: var(--borderradiusrightmenutitle);
  width: calc(100% - 0.75rem);
  min-height: var(--Heightrightmenulink);
  box-shadow: 0px 6px 10px #00000052;

  background: var(--primary70light, #0028416b);  */
  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, #FFFFFF);
}

.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, #2D4774);
  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, #00426C);
  width: var(--Widthdropdown);
  border-radius: var(--xxlargeradius);
  position: fixed;
  right: calc(var(--Widthrightmenu) + 1.25rem);
  top: 76px;
  z-index: 31;
  min-width: fit-content;
}

.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, #FFFFFF);
  --rightmenucolor: var(--primary70, #002841);*/
}

.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, #002841);
  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, #767676);
  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, #FFFFFF);
  color: var(--link50, #007AFF);
  outline: 1px solid var(--link50, #007AFF);
  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, #001A2B);
}

.zr-divquick-menu {
  background: var(--primary80, #001A2B);
}

.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, #E6ECF0);
  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, #FFFFFF);
  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, #FFFFFF);
  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, #002841) !important;
  color: var(--primary5, #E6ECF0) !important;
}

.zr-tab-item-col:hover .zr-tab-item-code {
  color: var(--primary70, #002841);
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::before {
  box-shadow: 0.5rem 0 0 0 var(--primary70, #002841);
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::after {
  box-shadow: -0.5rem 0 0 0 var(--primary70, #002841);
}

.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, #00426C);
  color: var(--grayColor, #E6ECF0);
}

.zr-tab-item-col.zr-selected {
  border-left: 0;
  margin: 0.5rem 0 0.5rem;
  outline: var(--FormContentBorder) solid var(--primary70, #002841);
  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, #00426C);
}

.zr-Main-tab-parent {
  padding: 0 var(--paddingMaintabparent);
}

.zr-Main-tab-list .zr-tab-item-code {
  background: var(--primary5, #E6ECF0);
}

.zr-selected .zr-tab-item-code {
  background: var(--primary70, #002841);
  color: var(--primary5, #E6ECF0) !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, #002841);
}

.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, #E6ECF0);
  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, #002841);
}

.zr-tab-item.zr-selected,
.zr-tab-item.sp-tab-active,
.sp-tab-item.sp-tab-active {
  color: var(--primary70, #002841) !important;
  background: var(--grayWhite, #FFFFFF);
  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, #002841);
  border-right: 0;
  background: var(--formbg);
  border-top: 0;
  border-bottom-left-radius: var(--normalradius);
  box-shadow: -11px 9px 0px 6px var(--bgForm, #E6ECF0);
}

.zr-tab-item-col.zr-selected::after {
  top: 100%;
  border: var(--FormContentBorder) solid var(--primary70, #002841);
  border-right: 0;
  background: var(--formbg);
  border-bottom: 0;
  border-top-left-radius: var(--normalradius);
  box-shadow: -9px -10px 0px 8px var(--bgForm, #E6ECF0);
}

.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, #FFFFFF);
}

.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, #EEEEEE);
}

.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, #0062CC);
}

.zr-DetailRow {
  border-bottom: 1px solid var(--table-border, #B3C6D3);
}

.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, #FFFFFF) !important;
}

.zr-thead.zr-table-row:nth-child(2n+1),
.zr-thead {
  background: var(--primary10, #CCD9E2);
  color: var(--Dark, #141414);
  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, #FFFFFF);
}

.zr-PayTypeTab.zr-selectedtab[ispink="1"] {
  background: var(--Maintertiary, #8A424E);
}

.zr-PayTypeTab.zr-selectedtab[ispink="0"] {
  background: var(--MainThemeColor, #00426C);
}

.zr-PayTypeTab.zr-selectedtab[ispink="1"]:hover {
  background: var(--tertiary70, #53282F);
}

.zr-PayTypeTab.zr-selectedtab[ispink="0"]:hover {
  background: var(--primary70, #002841);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="1"] {
  background: var(--tertiary20, #D0B3B8);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="0"] {
  background: var(--primary20, #99B3C4);
}


.zr-PayTypeTab:not(.zr-selectedtab)[ispink="1"]:hover {
  background: var(--tertiary70, #53282F);
}

.zr-PayTypeTab:not(.zr-selectedtab)[ispink="0"]:hover {
  background: var(--Tempprimary70, #002841);
}


.zr-PayTypeTab p {
  line-height: 28px;
  font-size: var(--xxlargefont);
  color: var(--gray10, #F3F3F3);
  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, #FFFFFF);
  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, #D0B3B8);
  background: var(--gray10, #F3F3F3);
}

.zr-PayTypeTab[ispink="0"].zr-selectedtab .zr-PayTab-code {
  color: var(--MainThemeColor, #00426C);
}

.zr-PayTypeTab[ispink="1"].zr-selectedtab .zr-PayTab-code {
  color: var(--Maintertiary, #8A424E);
}

.zr-PayTypeTab[ispink="0"]:not(.zr-selectedtab) .zr-PayTab-code {
  color: var(--primary20, #99B3C4);
  font-weight: 500;
}

.zr-PayTypeTab[ispink="1"]:not(.zr-selectedtab) .zr-PayTab-code {
  color: var(--tertiary20, #D0B3B8);
}

.zr-PayTypeTab[ispink="0"].zr-selectedtab:hover .zr-PayTab-code {
  color: var(--MainThemeColor, #00426C);
}

.zr-PayTypeTab[ispink="1"].zr-selectedtab:hover .zr-PayTab-code {
  color: var(--Maintertiary, #8A424E);
}

.zr-PayTypeTab[ispink="0"]:not(.zr-selectedtab):hover .zr-PayTab-code {
  color: var(--Tempprimary70, #002841);
}

.zr-PayTypeTab[ispink="1"]:not(.zr-selectedtab):hover .zr-PayTab-code {
  color: var(--tertiary70, #53282F);
}

.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, #FFFFFF);
  --InputColor: var(--gray5, #F9F9F9);
}

.zr-EnterForm :is(.sp-d-form, .sp-f),
.zr-EnterForm .sp-d-form > form {
  flex: 1;
}

/* form */
.input-autocomolete::placeholder {
  color: var(--PlaceholderColor, #D1D1D1);
  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, #E6ECF0);
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  border: 1px solid var(--bgForm, #E6ECF0);
  height: 1rem;
  border-top: 0;
}

.barcodediv::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 94%;
  width: 2rem;
  display: inline-block;
  background: var(--bgForm, #E6ECF0);
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border: 1px solid var(--bgForm, #E6ECF0);
  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, #DDBF5Eb8);
  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, #DDBF5Eb8);
}

.zr-Notification .zr-DropDownList {
  min-width: 357px;
  min-height: 70vh;
  max-height: 70vh;
  right: -303px;
  top: 114%;
  background: var(--LightFirstcolor, #00426Cb8);
  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, #00426C) var(--white, #FFFFFF);
  scrollbar-width: thin;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-track {
  background: transparent;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb {
  background: var(--white, #FFFFFF);
  border-radius: var(--largeradius);
  border: 1px solid var(--white, #FFFFFF);
  width: 4px;
  margin: auto;
}

.zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb:hover {
  background: var(--white, #FFFFFF);
}

.zr-Notification .zr-DropDownItem:last-child {
  border-bottom: 0;
}

.zr-Notification .zr-DropDownArrow {
  color: var(--LightFirstcolor, #00426Cb8);
  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, #0000003b);
}

.zr-MainHeaderMenu .zr-DropDownItem:hover {
  background: var(--hovercolor, #0000003b);
  color: var(--white, #FFFFFF);
  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, #00426C) !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, #FFFFFF);
}

.zr-financial {
  border: 2px solid var(--gray10);
  display: flex;
  gap: 8px;
  align-items: center;
}

.sp-c-1 .zr-financial a {
  justify-content: center;
}

.zr-operation-item:hover {
  border: 1px solid var(--MainThemeColor, #00426C);
  background: var(--primary5, #E6ECF0);
  box-shadow: 0px 3px 6px var(--BlueShadow, #00426Cb8);
}

.zr-operation-box {
  max-height: 100%;
  width: 24%;
  box-shadow: 6px 6px 10px var(--OperationShadow, #00000026);
}

/*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, #002841);
  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, #002841);
  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 a{
  color:inherit;
}



.sp-calendar-day:not(.zr-dashboard-calendar .sp-calendar-day) {
  width: 24px;
  height: 24px;
  border-radius: 16px;
  transition: none;
}
.sp-calendar-week{
  --blue-grey-400:var(--gray95, #141414);
}
.sp-calendar-InActive a {
  color: var(--gray70, #767676);
}

.sp-calendar-day:not(.sp-calendar-indicator .sp-calendar-day):hover {
  background: var(--link5, #E6F2FF);
  color: var(--gray95, #141414);
}

.zr-dashboard-calendar :is(.sp-calendar-indicator, .sp-calendar-week:last-child) {
  border-bottom: 1px solid var(--primary30, #668EA7);
  padding-bottom: 0.75rem;
  margin-bottom: 0.25rem;
}

.zr-dashboard-calendar .sp-calendar-indicator .sp-calendar-day {
  color: var(--primary70, #002841);
  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, #002841);
  color: var(--white, #FFFFFF) !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, #99231D);
}

.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, #002841);
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day:hover span {
  background: var(--link5, #E6F2FF);
  color: var(--gray95, #141414);
}

.zr-dashboard-calendar .sp-calendar-holiday.sp-calendar-disactive {
  color: var(--error50, #FF3B30);
}

.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, #001A2B);
}

.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, #E6ECF0);
  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, #B3C6D3);
}

.zr-shortcut-parentlist {
  background: var(--primary5, #E6ECF0);
  border: 1px solid var(--primary15, #B3C6D3);
}

.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, #002841);
}

.zr-shortcut-search :is(.zr-Show-search, .zr-Show-search .zr-searchForm-box) {
  background: var(--primary20, #99B3C4);
}

.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, #F3F3F3);
  border-color: var(--gray50, #C5C5C5);
}

.zr-user-item:hover {
  background: var(--primary5, #E6ECF0);
  border-color: var(--primary70, #002841);
}

.zr-icon-type {
  max-width: 10px;
}

.zr-user-privatetype {
  color: var(--primary80, #001A2B);
}

.zr-user-publictype {
  color: var(--secondary70, #71642E);
}

.zr-btn-user {
  outline: 1px solid var(--error70, #99231D) !important;
  color: var(--error70, #99231D);
  line-height: 18px;
}

.zr-user-device,
.zr-user-offlinetype {
  color: var(--gray80, #4F4F4F);
}

.zr-user-online,
.zr-color-approved {
  color: var(--approved70, #1F7735);
}

.zr-user-offline,
.zr-color-error {
  color: var(--error70, #99231D);
}

.zr-user-active,
.zr-color-active {
  color: var(--link70, #004999);
}

.zr-color-salesprogram {
  color: var(--sales50, #4C706E);
}

.zr-color-sunny {
  color: var(--warning80, #663C00);
}

.zr-user-logout:hover {
  background: var(--error70, #99231D);
  color: var(--white, #FFFFFF);
  border-radius: 0.75rem 0 0 0.75rem;
}

.zr-user-disabled {
  color: var(--gray60, #9E9E9E);
}

.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, #B3C6D3);
}

.zr-userbadge-online,
.zr-badge-green {
  background: var(--approved70, #1F7735);
}

.zr-userbadge-offline,
.zr-badge-red {
  background: var(--error70, #99231D);
}

.zr-userbadge-active,
.zr-badge-link {
  background: var(--link70, #004999);
}

.zr-user-emptyitem {
  min-height: 72px;
}

.zr-calc-text:is(input[type=text]) {
  font-size: 32px !important;
  color: var(--gray60, #9E9E9E);
  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, #E6ECF0);
  font-size: 32px;
}

.zr-calc-top {
  background: var(--gray30, #DCDCDC);
}

.zr-calc-operation {
  background: var(--primary40, #336889);
}

.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, #F9F9F9) 2rem, transparent 2rem), linear-gradient(to left, var(--InputColor, #F9F9F9) 2rem, transparent 2rem), repeating-linear-gradient(var(--InputColor, #F9F9F9), var(--InputColor, #F9F9F9) 30px, var(--gray30, #DCDCDC) 30px, var(--gray30, #DCDCDC) 30px, var(--InputColor, #F9F9F9) 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, #002841);
  border: 2px solid var(--primary70, #002841);
  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, #00426C);
  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, #668EA7);
  border-radius: var(--xxlargeradius);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab-rfid {
  background: var(--Mainprimary, #00426C);
  border-color: var(--Mainprimary, #00426C);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-rfid .sp-tab-header {
  background: var(--Mainprimary, #00426C);
  justify-content: flex-start;
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab {
  background: var(--Mainsecondary, #C9B871);
  border-color: var(--Mainsecondary, #C9B871);
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab-header {
  background: var(--Mainsecondary, #C9B871);
}

.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, #E6ECF0) !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, #FFFFFF);
  color: var(--primary70, #002841) !important;
  border-radius: var(--xxlargeradius);
}

.zr-tab-rfidinventory .sp-tab-body {
  padding: 0;
}

.zr-tab-rfidinventory .sp-section-body {
  padding: 1rem 1.5rem 1rem 0.25rem;
}

.zr-rfid-setting:not(.sp-color-secondary) {
  color: var(--primary30, #668EA7);
}

.zr-edited-form :is(.zr-tab-item, .sp-tab-item):not(.zr-Main-tab-list .zr-tab-item) {
  color: var(--primary70, #002841);
}

: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, .zp-app) .sp-tab-header.sp-center {
  justify-content: center;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-header {
  background: var(--primary70, #002841);
}

/*: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, #F9F9F9);
  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, #F9F9F9);
}

: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, #F9F9F9);
}

: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, #F9F9F9);
}

.sp-tab-active.zr-dash-tab {
  background: var(--white, #FFFFFF);
}

: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, #00426C) !important;
  color: var(--gray5, #F9F9F9);
}

: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, #00426C);
  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, #00426C);
  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, #F9F9F9);
  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;
  padding: 1px;
}

.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, #FFFFFF) !important;
  color: var(--whiteColor, #FFFFFF) !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, #FFFFFF);
  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, #141414);
  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, #FFFFFF);
  margin: 0 2px 2px;
}

.sp-board .sp-tab,
.zr-payroll-grid {
  height: 100%;
  background: var(--primary20, #99B3C4);
  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, #8A424E);
  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, #002841);
}

.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, #8A424E);
  color: var(--white, #FFFFFF);
}

.sp-f-button.zr-btn-blue {
  background: var(--Accountingcolor, #00426C);
  color: var(--white, #FFFFFF);
  outline-color: var(--Accountingcolor, #00426C);
}

.sp-f-button.zr-btn-grayoutline {
  color: var(--gray70, #767676) !important;
  outline: 1px solid var(--gray70, #767676);
  background: var(--white, #FFFFFF);
}

.sp-f-button.zr-btn-darkblue {
  background: var(--primary70, #002841);
  color: var(--white, #FFFFFF);
}

.sp-f-button.zr-btn-green {
  background: var(--salescolor, #4C706E);
  color: var(--white, #FFFFFF);
}

.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, #9E9E9E);
  color: var(--gray60, #9E9E9E);
}

: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, #00426C);
  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, #96853E);
  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, #99231D);
  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, #00426C);
  color: var(--white, #FFFFFF);
  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, #99231D);
  transition: unset !important;
}

.zr-deletebtn:is(:hover, :focus) i {
  color: var(--link50, #007AFF);
}

.zr-addcategory .zr-category-icon,
.sp-f-button .zr-category-icon {
  width: 16px;
  min-height: 16px;
  background: var(--MainThemeColor, #00426C);
  color: var(--white, #FFFFFF);
}

.zr-addcategory:hover .zr-category-icon,
.sp-f-button:hover .zr-category-icon {
  color: var(--link5, #E6F2FF);
  background: var(--link50, #007AFF);
}

.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, #71642E);
}

:is(.zr-group-row, .zr-Main-row).zr-selected-row {
  --Trbg: var(--secondary10, #F2EDDB);
  --whiteColor: var(--secondary10, #F2EDDB);
  --gray95: var(--Dark, #141414);
}

.zr-active.zr-Grid-checktitle {
  color: var(--approved70, #1F7735) !important;
}

.zr-Deactive.zr-Grid-checktitle,
.sp-color-deactive {
  color: var(--error60, #CC2F26) !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, #FFFFFF);
}

.zr-grid-tree .zr-table .zr-ISvisible.zr-table-row.zr-ISvisible-odd {
  background-color: var(--Trbg, #EEEEEE);
}

.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, #F2EDDB) !important;
  border: 1px solid var(--secondary70, #71642E) !important;
  --gray95: var(--Dark, #141414);
  --MainThemeColor: var(--Dark, #141414);
}

.zr-EditedRow.zr-DetailBox
/* , .zr-Show .zr-DetailBox:hover*/ {
  border: 0 !important;
  outline: 1px solid var(--secondary70, #71642E) !important;
  border-bottom: 1px solid var(--secondary70, #71642E) !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, #668EA7);
  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, #CCD9E2);
}

.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, #E4DBB8);
}

.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, #FFFFFF);
}


.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, #EFF4FE)
}

.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, #160A5B);
  color: var(--white, #FFFFFF);
}

.zr-l-events {
  max-height: calc(100% - 64px);
  overflow: auto;
}

.zr-l-events::-webkit-scrollbar-track {
  background: var(--LightBlue, #EFF4FE);
}

.zr-l-events li:not(:last-child) {
  margin-bottom: 1rem;
}

.sp-bg-GreenWhite {
  background: var(--GreenWhite, #F0FFFB);
}

.sp-bg-YellowWhite {
  background: var(--YellowWhite, #FFFDF5);
}

.sp-bg-RedWhite {
  background: var(--RedWhite, #FFEFEF);
}

.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, #00426C);
}

.zr-pr-select .zr-pr-selectchild {
  background: var(--primary70, #002841);
  color: var(--white, #FFFFFF) !important;
  opacity: 1;
}

.zr-pr-select p {
  color: var(--white, #FFFFFF) !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, #CCD9E2);
  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, #DC0000);
}




.cl-updates input,
.set-timer input {
  width: 50px;
  border: 1px solid var(--borderDoccolor, #668EA7);
}

.sl-month {
  background: var(--primary20, #99B3C4);
}

.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, #CCD9E2);
  !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, #FFFFFF);
font-weight: bold;
}*/

.sp-f-fieldset {
  padding:1rem;
}
.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, #141414);
  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, #00426C) !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, #00426C) !important;
  color: var(--white, #FFFFFF) !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, #CCD9E2);
  border-right: 1px solid var(--primary10, #CCD9E2);
  border-top: 1px solid var(--table-header-border, #B3C6D3);
}

.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, #CCD9E2);
  color: var(--primary70, #002841);
  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, #B3C6D3) !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, #002841);
  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, #002841);
  color: var(--white, #FFFFFF);
  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, #668EA7);
  outline: 1px solid var(--primary30, #668EA7);
  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, #668EA7);
}

.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, #F8F6ED) !important;
  --Dialogbg: var(--Mainsecondary, #C9B871);
  --AppColor5: var(--Mainsecondary, #C9B871);
  --tertiary5: var(--secondary5, #F8F6ED);
}

.zr-edited-form .zr-title-box {
  --white: var(--primary60, #003556);
}

.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, #00286E);
  border:1px solid var(--blackblue, #00286E);*/
}

.zr-supportbox-child {
  background: var(--LightBlue, #EFF4FE);
}

.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, #00286E);
  outline: 1px solid var(--blackblue, #00286E);
}

.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, #99B3C4);
  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, #F9F9F9) 1.5rem, transparent 1.5rem), linear-gradient(to left, var(--gray5, #F9F9F9) 1.5rem, transparent 1.5rem), repeating-linear-gradient(var(--gray5, #F9F9F9), var(--gray5, #F9F9F9) 22px, #D9D9D9 22px, #D9D9D9 22px, var(--gray5, #F9F9F9) 24px);
  line-height: 24px !important;
  padding: 0 1.5rem !important;
}

.zr-note-part {
  background: var(--gray5, #F9F9F9);
  outline: 1px solid var(--primary10, #CCD9E2);
}

.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, #00426C);
  display: flex;
  justify-content: center;
  min-height: 24px;
  align-items: center;
}

.zr-btn-notecancel {
  outline: 0;
  color: var(--gray70, #767676);
}

.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, #F3F3F3);
  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, #E8E8E8)
}

.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, #002841);
}

.zr-docgridlist :is(.zr-tab-item, .sp-tab-item) {
  line-height: var(--tablineheight);
}

.zr-docgridlist {
  background: var(--Mainprimary, #00426C) !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;
  flex-wrap: nowrap;
}

/*
.zr-docgridlist .sp-tab-active
{
background:var(--blackblue, #00286E);
color:var(--white, #FFFFFF);
}*/
.zr-docgridlist .sp-g-footer {
  /*  display: none !important;*/
}

/*
.zr-docgridlist .sp-g-header {
background-color: var(--primary10Temp, #CCD9E2) !important;
}
*/
.zr-docgridlist .sp-g-header .sp-g-cell {
  color: var(--primary70, #002841) !important;
  --table-header-border: var(--primary15, #B3C6D3) !important;
}

.zr-grid-lightseperate.zr-hasfilter .sp-g-header .sp-g-cell a::before,
.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, #00286E) !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, #00286E);
}
.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, #00286E);;
}

.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, #FFFFFF) !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, #CCD9E2);
  --table-header-border: var(--primary15, #B3C6D3);
}

.zr-docgridlist .zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter) {
  border-left: 1px solid var(--primary10Temp, #CCD9E2) !important;
  border-right: 1px solid var(--primary10Temp, #CCD9E2) !important;
  background: var(--primary10Temp, #CCD9E2) !important;
  /* border-top: 1px solid var(--primary15, #B3C6D3);*/
}

.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);
  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, #E6ECF0);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
  color: var(--Dark, #141414);
}

.zr-SalesRate-list .zr-rate-item {
  min-height: var(--rateitemheight);
}

.zr-btn-rate.zn-rate-upgrad {
  --FontBtn: var(--normalfont);
  background: var(--primary10, #CCD9E2);
  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, #F9F9F9);
  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, #FFFFFF);
  border: 2px solid var(--gray15, #EEEEEE);
  box-shadow: 0px 4px 12px #1522371f;
  padding: var(--RemainPadding);
}

.zr-accounting-cards .zr-RaminBox,
.zr-accounting-card-item {
  border-color: var(--production5, #E7EDF4);
  box-shadow: none;
  --RemainPadding: 0.5rem;
}

.zr-RaminBox-shopping {
  border: 1px solid var(--gray10, #F3F3F3);
  box-shadow: var(--boxShadowLight);
  min-height: 148px;
}


.zr-tax-mainbox {
  min-height: 200px;
}

.zr-selectedremain .zr-RaminBox {
  background-color: var(--link5, #E6F2FF);
  border-color: var(--link50, #007AFF);
}

.zr-remainSymbol,
.zr-remainBankLogo,
.zr-upload-Download {
  max-width: var(--remainSymbolWidh);
}

.zr-remainicon {
  /* color: #606c80ab;*/
}

.zr-dashboard-green {
  color: var(--approved70, #1F7735);
}

.zr-dashboard-red {
  color: var(--error70, #99231D);
}

.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, #EBF9EE);
}

.zr-progressfill-green,
.zr-progressfill-secondary {
  left: 0;
}

.zr-progressfill {
  background: var(--primary5, #E6ECF0);
}

.zr-progressfill-primary {
  background: var(--Mainprimary, #00426C);
}

.zr-progressfill-secondary {
  background: var(--secondary70, #71642E);
}

.zr-progress-red {
  background: var(--error5, #FFEBEA);
}

.zr-dashboard-bgred,
.zr-progressfill-red {
  background: var(--error70, #99231D);
}

.zr-dashboard-bggreen,
.zr-progressfill-green {
  background: var(--approved70, #1F7735);
}

.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, #DCDCDC);
  border-radius: 1rem;
  border: 1px solid var(--gray30, #DCDCDC);
  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, #DCDCDC);
}

.zr-remainbank-line {
  width: 6px;
  background: var(--Mainsecondary, #C9B871);
  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, #1B4D4D);
  /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(2) {
  color: var(--link70, #004999);
  /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(3) {
  color: var(--secondary70, #71642E);
}

.sp-board .sp-c-12 {
  padding: 0 !important;
  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, #EEEEEE);
  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, #E6ECF0) !important;
  /* border: 1px solid #EBEEF2; */
  color: var(--primary80, #001A2B) !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, #767676);
  color: var(--gray70, #767676);
  font-size: var(--largefont);
}

.sp-tab-item.zr-tab-slide.sp-tab-active {
  background-color: var(--Mainsecondary, #C9B871) !important;
  border: 0 !important;
  font-weight: 500;
  color: var(--primary80, #001A2B);
}

:is(.sp-tab-item.zr-tab-slide):not(.zr-selected, .sp-tab-active):hover {
  background: var(--secondary30, #D7CA94) !important;
  color: var(--primary80, #001A2B) !important;
  border-color: var(--Mainsecondary, #C9B871) !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, #E6ECF0);
  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, #00426C);
}

.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, #E6ECF0);
  background: var(--primary5, #E6ECF0);
}

.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, #F8F6ED);
  background: var(--secondary5, #F8F6ED);
}

.zr-chartboxParent {
  column-gap: 0.75rem;
}

.zr-chartbox-text {
  color: var(--primary70, #002841);
}

.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, #E8E8E8);
  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, #99231D);
}

.zr-SalesRate-dot {
  background: var(--error70, #99231D);
  width: 10px;
  height: 10px;
}

.zr-SalesIcon {
  width: 22px;
}

.zr-Salesdesc {
  color: #606C80;
}

.zr-SalesAmount {
  border: 1px solid var(--gray20, #E8E8E8);
  background: var(--white, #FFFFFF);
}

.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, #001420);
}

.zr-SalesChart-icon.Jewellery {
  background-color: var(--primary70, #002841);
}

.zr-SalesChart-icon.Used-gold {
  background-color: var(--Mainprimary, #00426C);
}

.zr-SalesChart-icon.Melted-gold {
  background-color: var(--primary30, #668EA7);
}

.zr-SalesChart-icon.coin {
  background-color: var(--primary10, #CCD9E2);
}

.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, #CCD9E2);
}

: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;
  }
}

.zr-FormParent {
  height: calc(var(--DocumentHeight) + var(--DocDistance));
}

/*
@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, #00426C);
  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, #00426C);
}

.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, #00426C);
}

.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, #CCD9E2);
  color: var(--gray70, #767676);
  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, #00286E);
  color: var(--white, #FFFFFF);
  font-size: var(--xlargefont);
}

.zr-popup-title {
  background: var(--link60, #0062CC);
}

.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, #FFFFFF);
  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, #CC7700);
}

:is(.zr-tooltip-error, .zr-tooltip-info) .zr-popup-rate {
  background-color: var(--warning60, #CC7700) !important;
  color: var(--white, #FFFFFF);
  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, #007AFF) !important;
}

:is(.zr-tooltip-info) .zr-popup-rate::before {
  border-top: 14px solid var(--link50, #007AFF);
}

.zr-tooltip-prostar .zr-popup-rate::before {
  border-bottom: 14px solid var(--ProStar, #C4AC5F);
  border-top: none;
  bottom: 100%;
  top: unset;
}

.zr-tooltip-prostar .zr-popup-rate {
  background-color: var(--ProStar, #C4AC5F) !important;
  color: var(--white, #FFFFFF);
  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, #E6ECF0);
}

.zr-bank-item,
.zr-account-item {
  color: var(--primary60, #003556)
}

.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, #CCD9E2);
  border-radius: var(--normalradius);
  margin-bottom: 0.625rem;
  --Trbg: var(--gray5, #F9F9F9);
  background: var(--gray5, #F9F9F9);
  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, #668EA7);
  --table-header-border: var(--primary30, #668EA7);
}

.zr-grid-lightseperate :is(.sp-grid-row, .sp-g-row) {
  border: 1px solid var(--table-border, #B3C6D3);
  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, #CCD9E2);
}

: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, #CCD9E2) !important;;*/
  min-height: var(--SeparateGridCellHeight);
  /*  font-size: var(--normalfont);*/
  color: var(--gray95, #141414);
}

: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, #668EA7) !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, #003556);
  color: var(--white, #FFFFFF);
  --table-header-border: var(--primary40, #336889);
}

:is(.zr-grid-seperate.zr-grid-headerseperate:not(.zr-grid-lightseperate), .zr-grid-new) .sp-g-header {
  background: transparent;
  color: var(--primary60, #003556);
  --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, #B3C6D3);
  /* --table-header-border: var(--primary30, #668EA7);*/
}

.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, #CCD9E2);
  --table-header-border: var(--white, #FFFFFF);
  --HeaderCellHeight: 48px;
}

.zr-grid-seperate-multicolor :is(.sp-grid-row, .sp-g-row) {
  --Trbg: var(--primary5, #E6ECF0) !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, #B3C6D3);
  background: var(--primary10, #CCD9E2);
  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, #336889)
}

.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, #003556);
}

: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, #003556);
  border-right: 1px solid var(--primary60, #003556);
}

.zr-grid-new .sp-grid-rtl.sp-g,
.zr-grid-new .sp-g {
  outline: 1px solid var(--primary60, #003556);
  border-radius: var(--normalradius);
}

.zr-grid-new .sp-g-body .sp-g-row:nth-child(even) {
  --Trbg: var(--primary5, #E6ECF0);
}

.zr-grid-new .sp-paging-item,
.zr-grid-new .sp-paging-item a {
  color: var(--white, #FFFFFF);
  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, #FFFFFF);
  color: var(--primary60, #003556);
  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, #003556);
  border: 1px solid var(--primary60, #003556);
  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, #003556);
}

.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, #004999) !important;
}

.zr-link-item::after {
  content: "";
  width: 100%;
  flex: 1;
  height: 1px;
  margin: auto;
  background: var(--link70, #004999);
  margin-right: 0.5rem
}

.zr-link-item.sp-color-Darkgreen::after {
  background: var(--DarkGreen, #1B4D4D);
}

.zr-link-item.sp-color-DarkRed::after {
  background: var(--DarkRed, #8A424E);
}

.sp-bg-litelink {
  background: var(--link5, #E6F2FF) !important;
}

.sp-bg-darklink {
  background: var(--link10, #CCE4FF) !important;
}

.zr-icon-scale {
  width: var(--normalbtnwidth) !important;
  min-width: var(--normalbtnwidth) !important;
}

.zr-carat-list {
  row-gap: 0.75rem;
}

.zr-cash-list {
  row-gap: 1rem;
}

.zr-inventory-list {
  row-gap: 1.5rem;
}

.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, #C9B871);
  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, #FFFFFF);
  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, #00426C);
  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, #9E9E9E);
  border: 1px solid transparent;
}

.zr-tab-switch.zr-tab-selected {
  color: var(--primary70, #002841);
  border: 1px solid var(--primary70, #002841);
}

.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, #002841);
  border-right: 1px solid var(--primary70, #002841);
  border-top: 1px solid var(--primary40, #336889);
  border-radius: 0 0 0.75rem 0.75rem;
  padding: 0.75rem 0 0 0;
  --table-header-border: var(--primary40, #336889);
  background: var(--primary60, #003556);
}

: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, #CCD9E2);
  --table-header-border: var(--primary30, #668EA7);
  border: 1px solid var(--primary30, #668EA7);
  margin: calc(-2rem + -3px) 0 0.75rem;
}

.zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary60, #003556);
  border-radius: 0 0 0.75rem 0.75rem;
  min-height: var(--SeparateHeaderHeight);
  /* border-top: 1px solid var(--primary40, #336889); */
}

.zr-grid-seperate.zr-hasfilter.zr-grid-lightseperate :is(.sp-grid-filter, .sp-g-filter) {
  background: var(--primary10, #CCD9E2);
  border-top: 1px solid var(--primary40, #336889);
}

/*.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);
  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, #A0B8D3);
  border: 1px solid var(--primary20, #99B3C4);
}

.zr-grid-tree.zr-grid-seperate .zr-table .zr-selected-row.zr-ISvisible.zr-table-row:not(.zr-grid-tree .zr-Parents .sp-g-row:is(:first-child, :last-child)) {
}

.zr-grid-seperate .zr-DetailBox.zr-openedTree {
  --table-border: var(--primary10Temp, #CCD9E2);
  --gray95: var(--link70, #004999);
  --primary10: var(--primary20, #99B3C4);
  border-bottom: 1px solid var(--primary10Temp, #CCD9E2);
  --InputTextColor: var(--link70, #004999);
}

.zr-grid-seperate .zr-Parents {
  background: var(--production5, #E7EDF4);
  border-radius: 0 0 0.75rem 0.75rem;
  --table-border: var(--primary10, #CCD9E2);
}

.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, #CCD9E2);
  box-shadow: none;
  margin: 0;
}

.zr-grid-tree.zr-grid-seperate:not(.zr-grid-tree-light) .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, #B8CADE) !important;
  transition: none !important;
  --gray95: var(--link70, #004999);
  --primary10: var(--production60, #0E3E74);
  margin: 0 -1px;
  border: 1px solid var(--production60, #0E3E74);
  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, #B8CADE) !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, #C9B871)
}

.zr-cash-guide {
  color: var(--secondary70, #71642E)
}

.zr-cash-guide.zr-cash-credit {
  color: var(--tertiary70, #53282F)
}

.zr-mini-round {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.zr-cash-guide.zr-cash-credit .zr-mini-round {
  background: var(--Maintertiary, #8A424E);
}

.zr-copy-box {
  background: var(--link60, #0062CC);
  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, #0E3E74);
  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, #002841);
}

.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, #002841);
  color: var(--white, #FFFFFF);
}

.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, #001A2B);
  color: var(--white, #FFFFFF) !important;
}

.zr-dropdown-notifparent .zr-drop-item.zr-drop-edit .zr-drop-link:is(:focus, :hover) {
  color: var(--primary80, #001A2B) !important;
  background: var(--Mainsecondary, #C9B871) !important;
}

.zr-drop-item.zr-drop-delete .zr-drop-link:is(:focus, :hover),
.zr-bg-darkerror {
  background: var(--error80, #661813) !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, #668EA7);*/
  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, #002841);
  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, #002841);
  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, #E6F2FF);
  box-shadow: 0 0 0;
  border-radius: 0 0 0.75rem 0.75rem;
  border: 1px solid var(--link30, #66AFFF);
  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, #99CAFF);
}

.sp-g-row:has(.sp-menu-show) {
  background: var(--link5, #E6F2FF) !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,
.zr-color-blackblue {
  color: var(--blackblue, #00286E);
}

.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, #002841);
  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, #1F7735);
}

.profile-logout span,
.profile-logout i {
  color: var(--gray60, #9E9E9E);
}

.profile-login-icon {
  font-size: 1rem;
}


.verification-footer img {
  width: 20px;
}

.verification-footer p {
  color: var(--warning60, #CC7700);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary, #00426C);
}

.verification-num p {
  color: var(--secondary60, #96853E);
  font-size: 3.5rem;
  letter-spacing: 1rem;
}

.verification-close {
  border: 1px solid var(--gray70, #767676);
  color: var(--gray70, #767676);
  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, #001A2B);
padding: 4px 42px;
border-radius: 0.5rem;
}*/

.verification-copy {
  padding: 4px 42px;
  background-color: #DCBE5E !important;
}

.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, #00286E);
  font-size: 1.5rem;
}

.password-mobile p {
  color: var(--blackblue, #00286E);
  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, #00426C);
  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, #002841) !important;
}

.profile-transaction-bg .zr-rate-item {
  border: 1px solid #EEE7D0 !important;
}

.sp-transaction-text {
  color: var(--primary70, #002841);
}

.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, #002841) !important;
}

.profile-rate-title {
  justify-content: start;
  margin-right: 13px;
}

.profile-rate-more a {
  color: var(--primary70, #002841);
  font-size: 1rem;
}

.profile-rate-bg .zr-rate-item {
  border: 1px solid #D5E6E6 !important;
}

.rate-up {
  color: #1F7735;
}

.rate-down span {
  color: var(--Maintertiary, #8A424E);
}

.profile-rate-logo {
  width: 42px;
  height: 42px;
}

.profile-rate-bg .rate-unit {
  font-size: 0.7rem;
  text-align: center;
}

.rate-number {
  color: var(--primary70, #002841);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70, #002841);
  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, #002841);
  margin-right: 0.5rem;
}

.zr-backup-top {
  margin-bottom: 18px;
}

.zr-security-backup-title p {
  color: var(--blackblue, #00286E);
  font-size: 1.25rem;
}

.zr-security-backup-date p {
  color: var(--blackblue, #00286E);
  font-size: 1rem;
}

.zr-security-backup-bottom {
  background-color: var(--blackblue, #00286E);
  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, #FFFFFF);
  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, #66AFFF);
  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, #002841) !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, #8A424E);
}

.profile-rate-logo {
  width: 42px;
  height: 42px;
}

.security-rate-bg .rate-unit {
  font-size: 0.7rem;
  text-align: center;
}

.rate-number {
  color: var(--primary70, #002841);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70, #002841);
  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, #99231D);
  font-size: 1rem;
  margin-left: 0.5rem;
}

.zr-security-logout p {
  color: var(--error70, #99231D);
}

.zr-security-logout {
  margin-top: 12px;
}

.device-login-link {
  color: var(--link50, #007AFF) !important;
  font-size: 1rem;
  position: relative
}

.device-login-link:after {
  content: '';
  position: absolute;
  height: 1px;
  background: var(--link50, #007AFF) !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, #002841);
  margin-right: 0.5rem;
}

.zr-backup-top {
  margin-bottom: 18px;
}

.zr-security-backup-title p {
  color: var(--blackblue, #00286E);
  font-size: 1.25rem;
}

.zr-security-backup-date p {
  color: var(--blackblue, #00286E);
  font-size: 1rem;
}

.zr-security-backup-bottom {
  background-color: var(--blackblue, #00286E);
  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, #FFFFFF);
  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, #002841) !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, #8A424E);
}

.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, #002841);
  margin-left: 8px;
  font-size: 1rem;
}

.rate-top-unit {
  color: var(--primary70, #002841);
  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, #99231D);
  font-size: 1rem;
  margin-left: 0.5rem;
}

.zr-security-logout p {
  color: var(--error70, #99231D);
}

.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, #007AFF);
  font-size: 0.9rem;
}

.device-login-link a:after {
  content: '';
  width: 104%;
  height: 1px;
  background-color: var(--link50, #007AFF);
  position: absolute;
  right: 0px;
  bottom: -1px;
}


.profile-backup-title p {
  color: var(--blackblue, #00286E);
  font-size: 1.25rem;
}

.profile-backup-date p {
  color: var(--blackblue, #00286E);
  font-size: 1.25rem;
}

.profile-backup-bottom {
  background-color: var(--blackblue, #00286E);
  width: 80%;
  margin: auto;
  border: 1px solid #00286E;
  border-radius: 12px;
  text-align: center;
  justify-content: center;
}

.profile-backup-bottom p {
  color: var(--MainWhite, #FFFFFF);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.device-login-links {
  color: var(--link50, #007AFF) !important;
  font-size: 1rem;
  position: relative;
}

.backup-footer {
  color: var(--warning60, #CC7700);
  margin-top: 12px;
}

.zr-security-backup-bottom-disable {
  background-color: var(--gray40, #D1D1D1);
  margin: auto;
  border: 1px solid var(--gray40, #D1D1D1);
  border-radius: 12px;
  text-align: center;
  justify-content: center;
  width: 300px;
}

.zr-security-backup-bottom-disable p {
  color: var(--gray80, #4F4F4F);
  font-size: 1rem;
  margin-right: 1rem;
  padding: 0.5rem;
}

.backup-active > div {
  border-color: var(--approved70, #1F7735)
}

.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, #00286E);
  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, #CC7700);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary, #00426C);
}

.verification-num p {
  color: var(--secondary60, #96853E);
  font-size: 3.5rem;
  letter-spacing: 1rem;
}

.verification-close {
  border: 1px solid var(--gray70, #767676);
  color: var(--gray70, #767676);
  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 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, #00286E);
  font-size: 1.5rem;
}

.password-mobile p {
  color: var(--blackblue, #00286E);
  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, #00426C);
  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, #CC7700);
}

.verification-title p {
  font-size: 1rem;
  color: var(--Mainprimary, #00426C);
}

.verification-num p {
  color: var(--secondary60, #96853E);
  font-size: 3.5rem;
  letter-spacing: 1rem;
}

.verification-close {
  border: 1px solid var(--gray70, #767676);
  color: var(--gray70, #767676);
  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 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, #002841);
  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, #007AFF) !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, #EEEEEE) !important;
  --Dialogbg: var(--gray15, #EEEEEE) !important;
  --secondary: var(--gray70, #767676) !important;
  --MainThemeColor: var(--gray70, #767676) !important;
  --primary70: var(--gray80, #4F4F4F) !important;
  --primary15: var(--gray80, #4F4F4F) !important;
  --primary10: var(--gray30, #DCDCDC) !important;
  --primary30: var(--gray50, #C5C5C5) !important;
  --borderDoccolor: var(--gray80, #4F4F4F) !important;
  --bgDoccolor: var(--gray30, #DCDCDC) !important;
  --Mainsecondary: var(--gray50, #C5C5C5) !important;
  --TempbgDoccolor: var(--gray30, #DCDCDC) !important;
  --InputColor: var(--gray30, #DCDCDC) !important;
  --Maintertiary: var(--gray70, #767676) !important;
  --tertiary70: var(--gray80, #4F4F4F) !important;
  --tertiary80: var(--gray80, #4F4F4F) !important;
  --tertiary5: var(--gray15, #EEEEEE);
  --tertiary60: var(--gray70, #767676) !important;
  --tertiary10: var(--gray30, #DCDCDC) !important;
  --tertiary30: var(--gray50, #C5C5C5) !important;
  --tertiary5light: var(--gray15, #EEEEEE);
  --TitleColor: var(--gray95, #141414);
  !important;
}

.zr-maingrid.zr-Disabled {
  --primary15: var(--gray15, #EEEEEE);
}

.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, #00426C);
}

.zr-webapi .zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) {
  outline: 1.5rem solid var(--primary70, #002841);
}

.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, #1F7735);
}

.zr-switchparent-mini :is(.zr-switch-slider) {
  background-color: var(--gray60, #9E9E9E);
}

.zr-switchparent-mini .zr-tab-selected {
  color: var(--approved70, #1F7735);
}

.zr-switchparent-mini :is(.zr-tab-unchecked:not(.zr-tab-selected), .zr-tab-checked:not(.zr-tab-selected)) {
  color: var(--gray60, #9E9E9E);
}

.zr-switchparent-mini :is(.zr-tab-unchecked.zr-tab-selected) {
  color: var(--error70, #99231D);
}

.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, #003556);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) {
  color: var(--salescolor, #4C706E);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) {
  color: var(--productioncolor, #114E91);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) {
  color: var(--secondmain, #C9B871);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) :is(.zr-badge-metal) {
  background: var(--salescolor, #4C706E);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) :is(.zr-badge-metal) {
  background: var(--productioncolor, #114E91);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) :is(.zr-badge-metal) {
  background: var(--secondmain, #C9B871);
}

.zr-item-selected {
  background: var(--link5, #E6F2FF);
  outline: 1px solid var(--link50, #007AFF);
  border-radius: var(--normalradius);
}

.zr-vitrin-selected {
  background: var(--secondary10, #F2EDDB);
  border-radius: var(--normalradius);
}

.zr-rfid-rowselected:hover {
  --primary10: var(--secondary70, #71642E);
}

.zr-rfid-rowselected:not(:hover) {
  background: var(--secondary10, #F2EDDB) !important;
  border-radius: var(--normalradius);
  --Trbg: var(--secondary80, #4B421F) !important;
  border: 1px solid var(--secondary80, #4B421F) !important;
  --table-border: var(--secondary80, #4B421F);
  --gray95: var(--secondary80, #4B421F) !important;
  --primary10: var(--secondary80, #4B421F);
}

.zr-btn-rfidsave:not(:focus, :hover, [disabled]) {
  background: var(--Mainprimary, #00426C) !important;
  color: var(--white, #FFFFFF);
}

.zr-btn-rfidend:not(:focus, :hover, [disabled]) {
  background: var(--error80, #661813) !important;
  color: var(--white, #FFFFFF);
}

.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, #00426C);
  outline: 0.5px solid var(--MainThemeColor, #00426C);
}

.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, #FFFFFF);
  --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, #FFFFFF)
}

.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-page-simple .zr-dialog-box {
  border: 0;
  border-radius: var(--xlargeradius);
}
.zr-page-simple .zr-dialog-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, #003556);
  --bgDoccolor: var(--primary60, #003556);
  --widthtitle: 50px;
  /*  background: var(--Mainprimary, #00426C);
  border: 1px solid var(--Mainprimary, #00426C);
  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, #00426C);
border-radius: 0.75rem 0.75rem 0.75rem 0;
border: 1px solid var(--Mainprimary, #00426C);
}
.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, #CCD9E2);
  border: 2px solid var(--primary15, #B3C6D3);
}

.zr-tabinner-gray {
  outline: 2px solid var(--primary15, #B3C6D3);
}

.zr-tab-pink {
  background: var(--tertiary10, #E8D9DC);
  border: 2px solid var(--tertiary15, #DCC6CA);
}

.zr-tabinner-pink {
  outline: 2px solid var(--tertiary15, #DCC6CA);
}

.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, #6E353E);
  border: 1px solid var(--tertiary60, #6E353E);
}

.zr-tab-greenlist .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
  background: var(--quaternary60, #163E3E);
  border: 1px solid var(--quaternary60, #163E3E);
}

.zr-tab-green {
  background: var(--quaternary10, #D1DBDB);
  border: 2px solid var(--quaternary15, #BBCACA);
}

.zr-tabinner-green {
  outline: 2px solid var(--quaternary15, #BBCACA);
}

.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, #FFFFFF);
  --HeaderCellHeight: 24px;
  --table-header-border: var(--Dark, #141414);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--gray50, #C5C5C5);
}

.zr-grid-simple .sp-g-body {
  --table-border: var(--gray50, #C5C5C5);
  --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, #C5C5C5);
  background-color: var(--white, #FFFFFF) !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, #002841);
}

: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, #00426C);
  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, #FFFFFF);
}

.zr-tab-searchparent {
  gap: var(--tabsearchGap);
}

.zr-tab-search {
  min-width: var(--tabsearchWidth);
  height: var(--tabsearchHeight);
  border-radius: 0.5rem;
  background: var(--white, #FFFFFF);
  color: var(--gray70, #767676);
  border: 1px solid var(--gray70, #767676);
  font-size: var(--largefont);
  font-weight: 400;
}

.sp-tab-active.zr-tab-search {
  font-weight: 700;
  color: var(--white, #FFFFFF) !important;
  background: var(--primary60, #003556);
  border-color: var(--primary60, #003556);
}

.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, #9E9E9E);
}*/
.zr-global-li {
  background: var(--gray15, #EEEEEE);
}

.zr-global-li:hover,
.zr-global-li.sp-select-active {
  outline: 1px solid var(--link20, #99CAFF);
  background: var(--link5, #E6F2FF);
}

.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, #00426C);
  background: var(--white, #FFFFFF);
  width: calc(100% - 54px);
  margin-right: auto;
  border-top: 0;
  margin-top: -1px;
}

.zr-global-listparent::before {
  content: "";
  height: 1px;
  background: var(--gray60, #9E9E9E);
  display: block;
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
}

.zr-active-list .zr-global-main {
  min-height: 50px;
  background: var(--white, #FFFFFF);
}

.zr-global-arrow {
  display: none;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
}

.zr-active-list .zr-global-arrow {
  display: flex;
  color: var(--gray70, #767676);
}

.zr-rfid-parentsetting:not(:last-child) i.zr-rfid-setting::after {
  content: "";
  position: absolute;
  background: var(--primary10, #CCD9E2);
  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, #00426C);
}

.zr-rfid-allactive {
  --secondary: var(--Mainquaternary, #1B4D4D);
}

.zr-rfid-error {
  --secondary: var(--Maintertiary, #8A424E);
}

.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, #1B4D4D) !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, #F3ECED);
}

.zr-sale-mainprogress {
  background: var(--tertiary60, #6E353E);
  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,
.zr-fm-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, #E6F2FF);
  border-color: var(--link50, #007AFF);
}

.zr-invoice-parentimg {
  background: var(--primary5, #E6ECF0);
  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, #FFFFFF);
  --line: var(--primary30, #668EA7);
}

.zr-grid-category,
.zr-grid-category-body {
  gap: 1.5rem;
}

.zr-row-categorybox {
  border-radius: 12px;
  border: 0.4px solid var(--Mainprimary, #00426C);
  background: var(--primary5, #E6ECF0);
  padding: 0.75rem;
}

.zr-row-categorybox .zr-row-category:not(.zr-item-selected) {
  outline: 0.4px solid var(--Mainprimary, #00426C);
  background: rgba(255, 255, 255, 0.80);
  box-shadow: none;
}

.zr-global-specific {
  --InputHeight: 38px;
  --Pagewidthtitle: 92px;
  --borderDoccolor: var(--primary60, #003556);
  --bgDoccolor: var(--primary60, #003556);
  --FontFormTitle: var(--largefont);
  --TitleColor: var(--white, #FFFFFF);
  --inputminrp: 0.75rem;
  --FontInput: var(--largefont);
  --FontInputColor: var(--primary70, #002841);
}

.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: 118px;
  gap: 1.5rem;
}

.zr-global-contact-card {
  background: var(--primary5, #E6ECF0);
  margin: 1px 0 0;
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab.zr-global-contact-tab {
  border-radius: var(--normalradius);
  border: 1px solid var(--MainThemeColor, #00426C);
  background: var(--Mainprimary, #00426C);
}

.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, #00426C);
}

: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;
  border-radius: 0 !important;
}

.sp-tab-body .sp-p-data.sp-c-12 skn{
  padding: 0 !important;
}

.sp-tab-body .sp-p-data.sp-c-12,
.sp-tab-body .sp-p-data.sp-c-12 .sp-g{
  background: transparent !important;
}

.zr-global-contact-remain {
  border-bottom: 1px solid var(--primary20, #99B3C4);
  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, #668EA7);
  margin: 1px 0 0;
  max-height: 326px;
}

.zr-global-productinfo {
  color: var(--primary60, #003556);
}

.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, #E6ECF0);
  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, #66AFFF);
}

: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, #007AFF);
  border-top: 1px solid var(--link50, #007AFF);
  background: var(--link5, #E6F2FF);
  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, #EDF1F1);
}

:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-side::after {
  border-left: 1px solid var(--sales5, #EDF1F1);
  border-top: 1px solid 1px solid var(--sales5, #EDF1F1);
  background: var(--sales5, #EDF1F1);
  left: 8px;
}

:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-items {
  background: var(--sales5, #EDF1F1);
  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, #EDF1F1) !important;
  border-radius: 0.75rem;
  border-color: var(--sales5, #EDF1F1);
  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, #003556);
  --bgDoccolor: var(--primary60, #003556);
  --InputHeight: 40px;
  --FontFormTitle: var(--xxlargefont);
  --TitleColor: var(--white, #FFFFFF);
  --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, #C5C5C5);
}

.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, #CCD9E2);
  box-shadow: 0px 8px 16px 0px rgba(62, 19, 77, 0.07);
}

.zr-label-box {
  border: 1px solid var(--primary10, #CCD9E2);
}

.zr-edit-panel.zr-label-panel {
  background: var(--primary70, #002841);
}

.zr-edit-panel {
  border: 1px solid var(--primary70, #002841);
}

.zr-grid-parent.zr-grid-light {
  --table-border: var(--primary60, #003556);
  --table-header-border: var(--primary60, #003556);
  --Trbg: var(--gray10, #F3F3F3);
  --GridCellFont: var(--largefont);
}

.zr-grid-parent.zr-grid-light .sp-g-header {
  border-bottom: 1px solid var(--primary60, #003556);
}

.zr-grid-parent.zr-grid-light .sp-g-footer {
  border-top: 1px solid var(--primary60, #003556);
}

.zr-grid-parent.zr-grid-light .sp-g {
  outline: 1px solid var(--primary60, #003556);
}

: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, #003556);
  box-shadow: 0px 4px 4px 0px #00000040;
}

.zr-b-sales {
  border-color: var(--primary60, #003556);
}

.zr-mainsales {
  background: var(--primary5, #E6ECF0);
  min-height: 240px;
}

.zr-color-salescount {
  color: var(--quaternary60, #163E3E);
  font-size: 80px;
}

.sp-gap-2 {
  gap: 0.5rem;
}

.sp-gap-3 {
  gap: 0.75rem;
}

.sp-gap-4 {
  gap: 1rem;
}

.sp-gap-5 {
  gap: 1.25rem;
}

.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, #E6ECF0) !important;
  --InputColor: var(--primary5, #E6ECF0) !important;
  --gray5: var(--primary5, #E6ECF0);
  outline: 0 !important;
  --TempbgDoccolor: var(--primary5, #E6ECF0);
  --grayWhite: var(--primary5, #E6ECF0);
  --link50: var(--primary30, #668EA7);
  --link20: var(--primary20, #99B3C4);
  --link5: var(--primary15, #B3C6D3);
  --borderDoccolor: var(--primary30, #668EA7);
  --approved60: var(--primary30, #668EA7);
  --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, #B3C6D3);
  background: var(--primary5, #E6ECF0);
}

.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, #9E9E9E);
}

.zr-tax-item-sent {
  background: var(--link5, #E6F2FF);
}

.zr-tax-item-notmoved {
  border: 1px solid var(--secondary15, #EBE4CA);
  background: var(--secondary5, #F8F6ED);
}

.zr-tax-text-notmoved,
.zr-color-secondary {
  color: var(--secondary70, #71642E);
}

.zr-tax-item-edit {
  border: 1px solid var(--warning20, #FFD599);
  background: var(--warning5, #FFF4E6);
}

.zr-tax-text-edit {
  color: var(--warning60, #CC7700) !important;
}

.zr-color-darkwarning {
  color: var(--warning70, #995900) !important;
}

.zr-tax-desc {
  letter-spacing: -0.42px;
}

.zr-tax-item-delete {
  border: 1px solid var(--tertiary15, #DCC6CA);
  background: var(--tertiary5, #F3ECED);
}

.zr-tax-text-delete {
  color: var(--tertiary60, #6E353E);
}

.zr-tax-item-confirmed {
  border: 1px solid var(--sales15, #C9D4D4);
  background: var(--approved5, #EBF9EE);
}

.zr-tax-item-img {
  width: 28px;
}

.zr-btn-sent {
  background: var(--production70, #0A2F57);
  color: var(--white, #FFFFFF);
}

.zr-btn-sent-light {
  background: var(--production50, #114E91);
  color: var(--white, #FFFFFF);
}

.zr-btn-result.zr-btn-outline,
.zr-btn-sent.zr-btn-outline {
  font-size: var(--largefont);
  background: transparent;
  outline: 1px solid var(--accounting70, #002841);
  min-height: 42px;
  min-width: var(--exlargeBtnwidth);
  border-radius: var(--smallradius);
  color: var(--accounting70, #002841);
}

.zr-btn-outline {
  background: transparent !important;
  outline: 1px solid var(--primary70, #002841) !important;
}

.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, #FFFFFF) !important;
  --table-header-border: var(--primary15, #B3C6D3) !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, #00426C) !important;
}

.zr-grid-new {
  --table-border: var(--MainThemeColor, #00426C) !important;
}

.zr-separate-box {
  background: var(--gray5, #F9F9F9);
  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, #9E9E9E);
  margin: 0 40px;
}

.zr-separate-whole.zr-separate-line::after {
  margin: 0 40px 0 0;
}

.zr-color-recieve {
  color: var(--production60, #0E3E74);
}

.zr-color-buy {
  color: var(--sales60, #3D5A58);
}

.zr-color-sale {
  color: var(--tertiary60, #6E353E);
}

.zr-color-discount {
  color: var(--gray80, #4F4F4F);
}

.zr-color-recievepay {
  color: var(--primary60, #003556);
}

.zr-color-buysell {
  color: var(--rfid60, #4E3A5E);
}

.zr-color-returnitem {
  color: var(--warning80, #663C00);
}

.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, #B8CADE);
  background-color: var(--production10, #CFDCE9);
}

.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, #A0B8D3);
  border-color: var(--production60, #0E3E74);
}

.zr-separate-item.zr-separate-payitem {
  background-color: var(--secondary15, #EBE4CA);
  border-color: var(--secondary30, #D7CA94);
}

.zr-separate-item.zr-separate-payitem:is(:hover, :focus) {
  background-color: var(--secondary20, #E4DBB8);
  border-color: var(--secondary60, #96853E);
}

.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, #D1DBDB);
  border-color: var(--quaternary20, #A4B8B8);
}

.zr-separate-item.zr-separate-buyitem:is(:hover, :focus) {
  background-color: var(--quaternary20, #A4B8B8);
  border-color: var(--quaternary60, #163E3E);
}

.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, #DCC6CA);
  border-color: var(--tertiary30, #B98E95);
}

.zr-separate-item.zr-separate-sellitem:is(:hover, :focus) {
  background-color: var(--tertiary20, #D0B3B8);
  border-color: var(--Maintertiary, #8A424E);
}

.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, #FFEACC);
  border-color: var(--warning15, #FFDFB3);
}

.zr-separate-item.zr-separate-returnitem:is(:hover, :focus) {
  background-color: var(--warning20, #FFD599);
  border-color: var(--warning30, #FFBF66);
}

.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, #E4E1DD);
  border-color: var(--payroll20, #C9C3BB);
}

.zr-separate-item.zr-separate-discountitem:is(:hover, :focus) {
  background-color: var(--payroll20, #C9C3BB);
  border-color: var(--payroll40, #938878);
}

.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, #CCD9E2);
  border-color: var(--primary20, #99B3C4);
}

.zr-separate-item.zr-separate-recpayitem:is(:hover, :focus) {
  background-color: var(--primary20, #99B3C4);
  border-color: var(--primary40, #336889);
}

.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, #E0DBE4);
  border-color: var(--rfid20, #C0B6C8);
}

.zr-separate-item.zr-separate-sellbuyitem:is(:hover, :focus) {
  background-color: var(--rfid20, #C0B6C8);
  border-color: var(--rfid40, #816D91);
}

.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, #4B421F);
}

.zr-color-buyselltext {
  color: var(--rfid70, #3B2C47);
}

.zr-grid-simple.zr-grid-simplerate {
  --HeaderCellFontWeight: 700;
}

.zr-grid-simple.zr-grid-simplerate .sp-g-body {
  --table-border: var(--gray70, #767676);
  --GridCellHeight: 54px;
  --GridCellFont: var(--largefont);
  --Trbg: var(--primary5, #E6ECF0);
}

.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, #B3C6D3);
}

:is(.zr-grid-simple) .sp-g-row[id] .sp-g-cell.zr-cell-multirow {
  border-left: 0 solid var(--table-border, #B3C6D3) !important;
}

.zr-cell-b-multirow {
  border-color: var(--table-border, #B3C6D3);
  --line: var(--table-border, #B3C6D3);
}

: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, #CCD9E2);
  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, #CCD9E2);
  outline: 2px solid var(--borderDoccolor, #668EA7);
}

.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, #B3C6D3);
  background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5, #F9F9F9) 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, #CCD9E2);
}

.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, #007AFF);
}

.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, #E6ECF0);
  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, #99B3C4);
  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, #E6ECF0);
  border: 1px solid var(--primary30, #668EA7);
}

.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, #00426C);
}

/* (D) TIME */
.aCron {
  color: var(--gray60, #9E9E9E);
}

/* (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, #00426C);
  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, #00426C);
  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, #00426C);
  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, #001420);
}

.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, #99CAFF);
}

.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, #B3C6D3);
}

.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, #002841);
}

.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, #B3C6D3);
  border-radius: 40px;
  padding: 0.25rem;
  min-height: var(--themelistheight);
}

.zr-btn-lighttheme {
  background: var(--primary5, #E6ECF0);
  color: var(--primary70, #002841);
  border-radius: 36px;
  box-shadow: 0 4px 8px -4px #0000001c;
}

.zr-btn-darktheme {
  color: var(--primary95, #00070B);
  border-radius: 36px;
}

[data-theme="dark"] .zr-themelist {
  background: var(--primary80, #001A2B);
}

[data-theme="dark"] .zr-btn-darktheme {
  background: var(--primary60, #003556);
  color: var(--white, #FFFFFF);
}

[data-theme="dark"] .zr-btn-lighttheme {
  background: transparent;
  color: var(--primary15, #B3C6D3);
}

[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, #E6ECF0);
  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, #E6ECF0);
  border-color: var(--primary70, #002841);
}

.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, #CCD9E2);
  border-radius: 50%;
  outline: 1px solid var(--primary10, #CCD9E2);
}

.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, #FFFFFF);
  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, #002841)
}

.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, #DCDCDC);
}

.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, #F9F9F9);
  border: 1px solid var(--approved10, #D6F4DE);
  box-shadow: 0px 4px 16px 0px rgba(21, 34, 55, 0.09);
  /* flex: calc((100% / 3) - 1rem); */
  width: calc((100% / 3) - 1rem);
  max-width: calc((100% / 3) - 1rem);
  height: 130px;
}

.zr-profit-box.zr-profit-red {
  border: 1px solid var(--error10, #FFD8D6);
}

.zr-profit-box.zr-profit-warning {
  border: 1px solid var(--warning15, #FFDFB3);
}

.zr-cost-chartparent {
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--branch20, #CDB9BD);
}

.zr-income-chartparent {
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--production20, #A0B8D3);
}

.zr-profit-chartparent {
  box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
  border: 1px solid var(--sales20, #B7C6C5);
}

.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, #FFFFFF);
}

.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, #E6F2FF);
    border: 1px solid var(--link50, #007AFF);
  }
}

#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, #336889);
  width: 40px;
  height: 40px;
}

.zr-color-lightdark {
  /*  color:var(--lightdark);*/
  opacity: 0.6;
}

.zr-dropdown-parent-branch {
  background: var(--gray5, #F9F9F9);
}

.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, #F9F9F9);
  outline: 1px solid var(--primary15, #B3C6D3);
  min-height: 40px;
  color: var(--gray85, #3B3B3B);
}

.zr-dropdown-branch-item.zr-branch-selected,
.zr-dropdown-branch-item:not(.sp-disabled):hover {
  background: var(--primary60, #003556);
  color: var(--white, #FFFFFF);
  outline: 1px solid var(--primary60, #003556);
}

.zr-dropdown-branch-item.zr-branch-selected p {
  font-weight: 700;
}

.zr-dropdown-parent-branch.zr-dropdown-show {
  background: var(--primary50, #00426C);
  border-radius: var(--xxlargeradius) var(--xxlargeradius) 0 0 !important;
  color: var(--white, #FFFFFF);
}

.zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-branch {
  background: var(--primary50, #00426C);
  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-icon-main {
  max-width: 17px;
}

.zr-dropdown-list-branch {
  padding: 1px;
}

.zr-switchparent-branch :is(.zr-switch-slider) {
  background-color: var(--approved70, #1F7735);
}

.zr-branch-db,
.zr-branch-cr {
  min-height: 42px;
  min-width: 42px;
  background: var(--approved10, #D6F4DE);
}

:is(.zr-branch-db, .zr-branch-cr) img {
  max-width: 14px;
}

.zr-branch-db {
  background: var(--error10, #FFD8D6);
}

.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, #E8E8E8);
  box-shadow: none;
}

.zr-branch-grid {
  --table-header-border: var(--white, #FFFFFF) !important;
  --table-border: var(--sales10, #DBE2E2) !important;
}

.zr-docgridlist .zr-branch-grid .sp-g-header .sp-g-cell {
  --table-header-border: var(--white, #FFFFFF) !important;
}

.zr-grid-seperate-multicolor.zr-branch-grid :is(.sp-grid-row, .sp-g-row) {
  --Trbg: var(--accounting5, #E6ECF0) !important;
  border: 1px solid var(--sales10, #DBE2E2);
  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, #E6ECF0) !important;
}

.zr-branch-dashboard .zr-chartFilter {
  background-color: var(--white, #FFFFFF);
}

.zr-color-main-sales {
  color: var(--sales70, #2E4342);
}

.zr-dropdown-parent-list-branch {
  /* max-height:324px;*/
}

.zr-switchparent-ultramini .zr-tab-selected {
  color: var(--primary50, #00426C);
}

.zr-tab-analys {
  width: calc(100% - 1.5rem);
}

.zr-box-analys {
  border: 1px solid var(--sales20, #B7C6C5);
  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, #9E9E9E);
}

.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, #F9F9F9);
}

.zr-manage-desc-btn {
  gap: 64px;
}

.zr-manage-desc-form {
  --Pagewidthtitle: 92px;
}

.zr-manage-desc-form .sp-d-textarea {
  --borderDoccolor: var(--primary10, #CCD9E2);
}

.zr-manage-desc-form .sp-f-textarea {
  line-height: 36px;
  min-height: 64px;
}

.zr-row-desc-disabled {
  --bgDoccolor: var(--gray10, #F3F3F3);
  --borderDoccolor: var(--gray30, #DCDCDC);
  --primary60: var(--gray30, #DCDCDC);
  --TitleColor: var(--gray60, #9E9E9E);
  --gray95: var(--gray70, #767676);
  --primary70: var(--gray70, #767676);
}

.zr-item-installment {
  flex: 1 1 calc(50% - 21px);
  --rameinwidth: 260px;
}

.zr-status-blue {
  --branchsquare: var(--primary50, #00426C) !important;
}

.zr-status-green .zr-remain-square {
  --branchsquare: var(--approved40, #5DD27A) !important;
}

.zr-status-warning .zr-remain-square {
  --branchsquare: var(--warning40, #FFAA33) !important;
}

.zr-status-red .zr-remain-square {
  --branchsquare: var(--error40, #FF6259) !important;
}

.zr-status-darkred {
  --branchsquare: var(--error80, #661813) !important;
}

.zr-status-darkgreen {
  --branchsquare: var(--sales70, #2E4342) !important;
}

.zr-sms-panel {
  --RemainPadding: 1rem 1.5rem 1.25rem;
}

.zr-nocontent-img {
  margin-bottom: 52px;
}

.sc-gauge {
  width: 314px;
  height: 158px;
  margin: auto
}

.sc-background {
  position: relative;
  height: 100%;
  background-color: var(--gray20, #E8E8E8);
  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, #FFFFFF);
  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, #C9B871);
}

.sc-percentage {
  --rotatepercent: 0deg;
  transform: rotate(var(--rotatepercent));
  transform-origin: top center;
}

.sc-value {
  position: absolute;
  /*  top: 80px;
  right: 60px;
  left: 60px;*/
  right: 50%;
  transform: translateX(50%);
  text-align: center;
  width: 100%;
  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, #DCDCDC)
}

.zr-webapi-item.zr-webapi-active {
  border: 2px solid var(--primary70, #002841)
}

.zr-webapi-item-img {
  width: 54px;
  height: 54px;
}

.zr-webapi-item-date,
.sp-color-lightgrey {
  color: var(--gray60, #9E9E9E);
}

.zr-webapi-active .zr-webapi-item-date,
.sp-color-darkgrey {
  color: var(--gray80, #4F4F4F);
}

.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, #EFEDF1);
}

.sp-bg-lighttax {
  background: var(--tax5, #EEF0ED);
}

.sp-bg-lightprimary {
  background: var(--primary5, #E6ECF0);
}

.sp-color-rfid {
  color: var(--rfid50, #624976);
}

.sp-color-darktax {
  color: var(--tax70, #353E2B);
}

.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, #FFFFFF);
  border: 1px solid var(--gray30, #DCDCDC);
}

.zr-dropdown-parent-branch.zr-dropdown-show {
  border-radius: var(--largeradius) !important;
  background: var(--primary5, #E6ECF0);
  color: var(--primary70, #002841);
  border-color: transparent;
}

.zr-dropdown-parent-list-branch {
  border-color: var(--primary5, #E6ECF0);
}

.zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-branch {
  background: var(--primary5, #E6ECF0);
}

.zr-dropdown-branch-item.zr-branch-selected,
.zr-dropdown-branch-item:not(.sp-disabled):hover {
  background: var(--primary50, #00426C);
  outline: 1px solid var(--primary50, #00426C);
}

.zr-dropdown-branch-item {
  background: transparent;
  outline: 0px;
  color: var(--gray80, #4F4F4F);
}

.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, #CC7700);
  background: var(--warning5, #FFF4E6);
  color: var(--warning60, #CC7700);
}

.zr-product-not-reserved {
  border: 1px solid var(--link60, #0062CC);
  background: var(--link5, #E6F2FF);
  color: var(--link60, #0062CC);
}

.zr-product-status-reserve {
  width: 100px;
  height: 42px;
}

.zr-change-password {
  --boxprofile: 88px;
  --bgDoccolor: var(--Mainprimary, #00426C);
  --borderDoccolor: var(--Mainprimary, #00426C);
  --TitleColor: var(--white, #FFFFFF);
  --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, #E6ECF0);
}

.zr-change-password .zr-badge-online,
.zr-change-password .zr-badge-count {
  width: 24px;
  height: 24px;
  border: 4px solid var(--white, #FFFFFF);
}

.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, #002841);
  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, #002841);
  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, #668EA7);
}

.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, #FFFFFF);
}

.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, #FF3B30);
  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, #001A2B);
  border: 4px solid var(--primary80, #001A2B);
  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, #E6ECF0);
  color: var(--primary70, #002841);
}

.zr-item-support:hover {
  background: var(--Mainprimary, #00426C);
  color: var(--MainWhite, #FFFFFF);
  border-color: var(--Mainprimary, #00426C);
}

.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, #9E9E9E);
}

.zr-footermenu-title::after,
.zr-footermenu-title::before {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--gray60, #9E9E9E);
  width: 100%;
  display: flex;
  margin-block: auto;
}

.zr-without-notif-img {
  max-width: 180px;
}

.zr-title-notif {
  color: var(--gray90, #272727);
}

.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: 30; /* 100;*/
  min-width: max-content;
}

.zr-dropdown-notif .zr-drop-link:hover {
  background: var(--primary70, #002841);
  color: var(--MainWhite, #FFFFFF) !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, #E8E8E8);
  stroke-width: var(--gaugeStroke);
  fill: none;
  stroke-linecap: round;
}

.gauge-progress {
  stroke: var(--fillGauge, #C2EECD);
  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, #661813);
}

.zr-dash-title {
  background: var(--bluedashboardgradiant);
}

.zr-support-active {
  --dashboardbg: var(--bluedashboardgradian);
  color: var(--gray90, #272727);
}

.zr-support-warning {
  --bluedashboardgradiant: var(--warningdashboardgradiant);
  --fillGauge: var(--secondary40, #C9B871);
}

.zr-support-error {
  --bluedashboardgradiant: var(--errordashboardgradiant);
  --primaryGauge: var(--branch10, #E6DCDE);
  --fillGauge: var(--error30, #FF8983);
}

.zr-support-expired {
  --bluedashboardgradiant: var(--errordashboardgradiant);
  --primaryGauge: var(--error70, #99231D);
  --fillGauge: var(--error70, #99231D);
  color: var(--error70, #99231D);
}

.zr-img-support {
  max-width: 256px;
}

.zr-supp-icon {
  width: 32px;
  height: 32px;
  background-color: var(--primary10Light, #ccd9e236);
}

.zr-supp-parent {
  background-color: var(--gray5, #F9F9F9);
  border: 1px solid var(--gray30, #DCDCDC);
}

.zr-supp-form {
  --InputColor: var(--MainWhite, #FFFFFF) !important;
  --inputminrp: 0px;
  --inputrp: 0px;
  --borderDoccolor: var(--gray40, #D1D1D1);
  --PlaceholderColor: var(--gray60, #9E9E9E);
  --gray5: var(--MainWhite, #FFFFFF);
  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, #002841) !important;
  outline: 1px solid var(--primary70, #002841) !important;
}

.zr-dash-melting .zr-docgridlist .zr-grid-seperate :is(.sp-g, .sp-grid) {
  border-radius: var(--xlargeradius);
}

.zr-tab-sunny {
  background: var(--secondary10, #F2EDDB) !important;
  border: 1px solid var(--secondary10, #F2EDDB) !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, #F3F3F3);
  box-shadow: 0px 3px 6px 0px #0000001C;
}

.zr-contaner-btn p {
  color: var(--gray95, #141414);
}

.zr-contaner-btn-select,
.zr-contaner-btn:hover {
  background-color: var(--primary60, #003556);
  border: solid 1px var(--primary60, #003556);
}

.zr-contaner-btn-select p,
.zr-contaner-btn:hover p {
  color: var(--white, #FFFFFF);
}

.sp-bl-0 {
  border-left: 0px;
}


.zr-skeleton,
.sp-skeleton,
.sp-skeleton-cell,
.sp-skeleton-row {
  background: #00000014 !important;
  overflow: hidden;
  position: relative;
  border-radius: var(--normalradius) !important;
  border-color: transparent !important;
  width: 100%;
  box-shadow: none;
}

.sp-skeleton {
  margin: 0;
}

.zr-skeleton-blue {
  background: var(--primary60, #003556) !important;
}

.zr-skeleton::before,
.sp-skeleton:after,
.sp-skeleton-cell:after,
.sp-skeleton-row:after {
  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%;
  top: 0;
  left: 0;
  right: 0%;
  transform: translateX(-100%);
  animation: 1.5s moveRight ease-out infinite;
  --dis: 100%;
  border-radius: var(--normalradius);
}

.zr-skeleton.zr-skeleton-linear::before {
  animation: 1.5s moveRight ease-out infinite;
  --dis: 100%;
}

.zr-skeleton.zr-skeleton-blue::before,
.sp-skeleton.zr-skeleton-blue:after,
.sp-skeleton-cell.zr-skeleton-blue:after,
.sp-skeleton-row.zr-skeleton-blue:after {
  background: linear-gradient(270deg, #0028418a 0%, #0028410d 48.44%, #00284100 100%)
}

@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, #99B3C4);
}

.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, #F3F3F3) !important;
  color: var(--link70, #004999) !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;
  width: 100%;
  /* flex:20;*/
  flex: 1;
  justify-content: center;
}



.zr-CurrentDocumentParent .zr-notif-dropdown {
  width: 190px;
}

.sp-bg-transparent .sp-g {
  background: transparent;
}


.zr-grid-seperate.sp-bg-transparent :is(.sp-grid-row, .sp-g-row) {
  background: #FBFDFF;
}

.sp-b-primary30 {
  border-color: var(--primary30, #668EA7);
}



.zr-op-parent {
  background: var(--grey1, #FAFAFA);
  border: 1px solid var(--grey2, #EDEDED);
}

.zr-op-line {
  width: 100%;
  height: 1px;
  background: var(--primary15, #B3C6D3);
  margin: auto;
}

.zr-op-item {
  border: 1px solid var(--grey3, #E6E6E6);
  width: calc(25% - (24px* (3 / 4)));
}

.zr-op-item.disable a {
  cursor: not-allowed !important;
}

.zr-op-item.disable p {
  color: var(--gray60, #9E9E9E) !important;
}

.zr-op-item.disable :is(img, svg) {
  opacity: 0.5;
  filter: grayscale(1);
}

.zr-color-grey-multidark {
  color: var(--gray85, #3B3B3B) !important;
}


.zr-bg-shopping-image {
  width: 60px;
  height: 60px;
  background: #3689660d;
}


.zr-color-green-state {
  color: #00BA88 !important;
}

.right-label-panel {
  width: 368px;
}


.zr-radio-title {
  color: var(--gray85, #3B3B3B);
}

.zr-maintitle-line::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--gray70, #767676);
  margin: auto;
}

.is-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.option-item {
  cursor: all-scroll;
}

.zr-item-line:not(:last-child)::after {
  content: '';
  position: absolute;
  top: calc(100% + 0.25rem);
  display: flex;
  height: 1px;
  background: var(--grey2, #EDEDED);
  left: 0rem;
  right: 0rem;
}



.zr-current-remain {
  background: var(--gray10, #F3F3F3);
  border: 1px solid var(--gray30, #DCDCDC);
  border-radius: 0.5rem;
}

.zr-height-drop {
  height: 42px;
}

.divSectionInstallmen .sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2)) {
  flex: 1;
}

.divSectionInstallmen .sp-row:nth-last-child(3) {
  overflow: auto;
  flex: 50;
  padding: 2px;
}

.divSectionInstallmen {
  --MarginRow: 2rem;
}

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


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


.zr-tab-cover {
  background: var(--primary5, #E6ECF0);
  border-radius: 100px;
  width: 496px;
}

.zr-tab-cover .sp-tab-active {
  background: var(--white, #FFFFFF);
  font-size: var(--largefont) !important;
  font-weight: 500;
  color: var(--MainThemeColor, #00426C);
}

.zr-tab {
  width: 236px;
  color: var(--gray70, #767676);
  border-radius: 100px;
}

.zr-grid-blue :is(.sp-grid-row, .sp-g-row) {
  --SeparateGridCellHeight: 66px;
  --icongridwidth: 22px;
  --icongridbtnwidth: 22px;
}

.zr-pr-img {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border: 0.5px solid var(--primary20, #99B3C4);
  border-radius: 12px;
}

.zr-pr-img-overlay {
  display: none;
  left: 0;
  top: 0;
  background: #203353CC;
  backdrop-filter: blur(4px);
  border-radius: 0.5rem;
}

.zr-pr-img:hover .zr-pr-img-overlay {
  display: flex;
}

.sp-g-cell div img.sp-wm-auto {
  max-width: unset !important;
}

.zr-shop-box {
  background: #13443E0D;
  width: 48px;
  height: 48px;
  border-radius: 16px;
}

.zr-chartFilter.zr-tab-large {
  min-width: 132px;
}

.zr-skeleton-1 {
  height: 46px;
}

.zr-skeleton-2 {
  height: 38px;
}

.zr-skeleton-3 {
  height: 32px !important;
}

.zr-skeleton-4 {
  height: 24px;
  width: 110px;
}

.zr-skeleton-5 {
  width: 160px;
  height: 26px;
}

.zr-skeleton-6 {
  height: 12px;
}

.zr-skeleton-7 {
  width: 70px;
}

.zr-skeleton-8 {
  height: 200px;
}

.zr-skeleton-9 {
  height: 20px;
}

.zr-skeleton-10 {
  height: 24px;
  min-height: 24px;
}

.zr-skeleton-11 {
  width: 84px;
  height: 84px;
  border-radius: 50% !important;
}

.zr-skeleton-12 {
  height: 28px;
  min-height: 28px;
}

.zr-skeleton-13 {
  height: 114px;
  min-height: 114px;
}

.zr-skeleton-14 {
  height: 42px;
  min-height: 42px;
}

.zr-skeleton-15 {
  height: 140px;
  min-height: 140px;
}

.zr-skeleton-16 {
  width: 300px;
  height: 275px;
  min-height: 275px;
}

.zr-skeleton-17 {
  height: 242px;
  min-height: 242px;
}

.zr-skeleton-18 {
  height: 180px;
  min-height: 180px;
}


.zr-skeleton-remain-small .sp-skeleton {
  width: 340px;
  min-height: 34px;
}

.zr-skeleton-remain-medium .sp-skeleton {
  max-width: 35%;
  width: 100%;
  min-height: 34px;
}

.zr-skeleton-remain-medium-two .sp-skeleton {
  max-width: 35%;
  width: 150%;
  min-height: 34px;
}

.zr-skeleton-remain {
  width: var(--Gridremainwidth);
}

.zr-skeleton-remain-long,
.zr-trremain-parent .sp-skeleton-container {
  height: 70px;
}

.zr-skeleton-circle {
  width: 124px;
  height: 124px;
  border-radius: 50% !important;
}

.zr-skeleton-circle2 {
  width: 295px;
  min-width: 295px;
  height: 295px;
  border-radius: 50% !important;
}

.zr-skeleton-circle3 {
  width: 112px;
  min-width: 112px;
  height: 112px;
  border-radius: 50% !important;
}

.zr-skeleton-circle4 {
  width: 150px;
  min-width: 150px;
  height: 150px;
  border-radius: 50% !important;
}

.zr-skeleton-circle5 {
  width: 250px;
  min-width: 250px;
  height: 250px;
  border-radius: 50% !important;
}

.zr-skeleton-circle6 {
  width: 192px;
  min-width: 192px;
  height: 192px;
  border-radius: 50% !important;
}

.zr-skeleton-10.sp-rp-2 {
  border-radius: .5rem !important;
}

.skn.sp-skeleton-container {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.sp-skeleton-container .sp-skeleton-chart {
  border-radius: 50% !important;
  aspect-ratio: 1 / 1;
  width: auto !important;
  height: auto !important;
  overflow: hidden;
  /* flex: unset !important; */

  max-width: 100% !important;
  max-height: 100%;
  margin: 0 !important;
}

.sp-skeleton-flex .sp-skeleton-container .sp-skeleton-chart {
  flex: 1;
}

.sp-skeleton-chart .sp-skeleton {
  min-height: auto;
  width: 100%;
  height: 100%;
  margin: auto;
}

.zr-skeleton-bar .sp-skeleton-container .sp-skeleton-chart {
  aspect-ratio: auto;
  width: 100% !important;
  height: 100% !important;
  border-radius: 0.75rem !important;
}

.zr-dropdown-shopping-main {
  width: 308px;
}

.zr-dropdown-parent-shopping {
  background: var(--gray5, #F9F9F9);
}

.zr-dropdown-parent-shopping:not(.zr-dropdown-show-shopping) .zr-dropdown-icon-hover,
.zr-dropdown-parent-shopping:not(.zr-dropdown-show-shopping) .zr-dropdown-shopping,
.zr-dropdown-parent-shopping.zr-dropdown-show-shopping .zr-dropdown-icon-main {
  display: none;
}

.zr-dropdown-shopping {
  top: 100%;
  z-index: 1;
  left: 0;
}

.zr-dropdown-show-shopping.zr-dropdown-parent-shopping {
  background: var(--primary50, #00426C);
  border-radius: 16px 16px 0 0 !important;
}

.zr-dropdown-show-shopping .sp-color-darkblue {
  color: var(--white, #FFFFFF);
}

.zr-dropdown-show-shopping .zr-shop-box {
  background: rgba(0, 0, 0, 0.12);
}

.zr-dropdown-parent-list-shopping::before {
  content: '';
  position: absolute;
  width: 100%;
  top: 0;
  background: var(--primary50, #00426C);
  height: 100%;
  left: 0;
  z-index: -1;
  border-radius: 0 0 26px 28px;
}

.zr-dropdown-show-shopping .zr-dropdown-parent-list-shopping {
  border: 2px solid var(--Mainprimary, #00426C);
}

.zr-dropdown-shopping-item {
  border: 1px solid var(--Mainprimary, #00426C);
  color: var(--Mainprimary, #00426C);
  height: 42px;
}


.sp-g-row:not(:hover) .sp-g-cell.zr-has-bg-blue {
  background: var(--primary5, #E6ECF0) !important
}

.zr-dropdown-icon-hover {
  max-width: 17px;
}

.zr-shopping-selected {
  background: var(--primary60, #003556) !important;
  color: var(--white, #FFFFFF);
}

.zr-pr-img-blue {
  width: 154px;
  height: 154px;
  border: 1px solid var(--primary70, #002841);
}

.zr-pr-check {
  left: 0.25rem;
  top: 0.75rem;
}

.zr-input-blue:not(:hover, :focus, :focus-within, [readonly]),
:is(.zr-dialog-box, .zr-page-box) .zr-input-blue: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 *) {
  --bgDoccolor: var(--primary50, #00426C) !important;
  --borderDoccolor: var(--primary50, #00426C) !important;
  --TitleColor: var(--white, #FFFFFF) !important;
  --gray80: var(--white, #FFFFFF) !important;
}

.zr-input-blue .sp-f-readonly {
  --link5: var(--primary50, #00426C) !important;
  --bgDoccolor: var(--primary50, #00426C) !important;
  --gray80: var(--white, #FFFFFF) !important;
}

.zr-blue-box {
  --MarginRow: 1rem;
}

.zr-rightside-set {
  width: 25%;
  --Widthbtn: 56px;
}

.zr-rightside-set .zr-btn-print::before {
  margin-left: 0;
}

.zr-btn-set {
  min-width: 160px;
}

.zr-pr-set-mainpic {
  outline: 1px solid var(--primary15, #B3C6D3);
  background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5, #F9F9F9) no-repeat;
  background-size: cover;
  width: 140px;
  height: 126px;
}

.zr-pr-set-mainpic:not(.zr-pr-set-mainpic-item) {
  order: 1;
}

.zr-pr-set-mainpic-img {
  max-width: 38px;
}

.zr-separate-line-24::after {
  margin: 0 24px;
}

.zr-rightside-remain {
  --Gridremainwidth: 320px;
}

.zr-rightside-remain .zr-RemainItem {
  width: calc(33.33% - 48px / 3);
}

.zr-tab-dark .zr-btn-tabitem:is(.zr-Selected, .sp-tab-active),
.zr-tab-dark .zr-btn-tab:is(.zr-Selected, .sp-tab-active) {
  background: var(--primary70, #002841);
  color: var(--white, #FFFFFF) !important;
  outline: 0px solid var(--primary70, #002841);
}

.zr-tab-dark .zr-btn-tab,
.zr-tab-dark .zr-btn-tabitem {
  width: 226px;
  --HeightBtn: 42px;
}

.zr-tab-dark .zr-btn-tabitem:not(.zr-Selected, .sp-tab-active),
.zr-tab-dark .zr-btn-tab:not(.zr-Selected, .sp-tab-active) {
  background: var(--primary10, #CCD9E2) !important;
  color: var(--primary60, #003556) !important;
  outline: 0px solid var(--MainThemeColor, #00426C) !important;
}

.zr-separate-line-12::after {
  margin: 0 12px;
}

.zr-separate-line-0::after {
  margin: 0;
}


.zr-sort-item {
  max-width: 8px;
}

.zr-rfid-firstone {
  min-height: 92px;
}

.zr-rfid-firstone .zr-font-normal {
  font-size: 1.25rem !important;
  line-height: 32px;
}

.zr-rfid-firstone .zr-font-normal {
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 32px;
}

input[type=button][disabled],
button[disabled] {
  cursor: not-allowed !important;
  filter: grayscale(1);
  mix-blend-mode: luminosity;
  background-color: var(--gray60, #9E9E9E) !important;
  color: var(--white, #FFFFFF) !important;
  outline: 1px solid var(--white, #FFFFFF) !important;
}

input[type=button][disabled]::before,
button[disabled]::before {
  filter: brightness(10);
}


.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-header {
  width: auto;
  flex: 1;
}

.zr-shortmenu-box {
  min-width: 214px;
}

.sp-rp-0 {
  border-radius: 0 !important;
}

.zr-btn-specification,
.zr-btn-largewidth {
  width: var(--largewidth);
}

.zr-color-darkproduction {
  color: var(--production70, #0A2F57);
}

.zr-right-panel-spec {
  width: 418px;
}

.zr-spec-form {
  --MarginRow: 1rem;
}

.zr-spec-item {
  border: 1px solid var(--gray30, #DCDCDC);
  background: var(--gray15, #EEEEEE);
}

div#BilanLongRemainMain {
  padding-block: 1rem;
}

.zr-grid-tree.zr-grid-seperate.zr-grid-tree-light .zr-table .zr-selected-row.zr-ISvisible.zr-table-row {
  background-color: var(--gray10, #F3F3F3);
  border-color: var(--gray40, #D1D1D1);
}

.zr-grid-tree.zr-grid-seperate.zr-grid-tree-light .zr-table .zr-selected-row.zr-ISvisible.zr-table-row:not(:last-child, :first-child) {
  border-bottom: 1px solid var(--gray40, #D1D1D1);
}

.zr-grid-seperate.zr-grid-tree-light .sp-g-row {
  --Trbg: var(--whiteColor, #FFFFFF) !important;
  background: var(--Trbg, #EEEEEE);
  overflow: hidden;
}

.zr-grid-seperate.zr-grid-tree-light .zr-Parents {
  background: var(--gray20, #E8E8E8);
  border-radius: 0;
  --table-border: var(--gray40, #D1D1D1);
}

.zr-grid-seperate.zr-grid-tree-light .zr-Parents .zr-Parents {
  border-radius: 0;
}

/*
.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row) {
border-bottom: 1px solid var(--gray30, #DCDCDC);
}
*/
.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row):first-child {
  border-top: 1px solid var(--gray40, #D1D1D1);
}

.zr-grid-seperate.zr-grid-tree-light .zr-Parents .zr-Parents {
  background: var(--gray30, #DCDCDC);
}

.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row),
.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row),
.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row) {
  border-color: var(--gray40, #D1D1D1);
}


.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row).zr-table-row:not(:first-child, :last-child) {
  border: 0 !important;
  border-bottom: 1px solid var(--gray40, #D1D1D1) !important;
}


/*.zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row).zr-table-row:last-child{
border:0 !important;
}*/

.zr-grid-seperate.zr-grid-tree-light .zr-Parents :is(.sp-grid-row, .sp-g-row).zr-table-row:last-child:not(:first-child) {
  border: 0 !important;
}


.zr-grid-tree-light .zr-table-row .zr-table-row .zr-table-row.zr-Show {
  border-bottom: 0 !important;
}

.zr-grid-seperate.zr-grid-tree-light .sp-g-row .sp-g-row .sp-g-row:is(:nth-last-child(2), :last-child) {
  border-bottom: 0 !important;
}


.zr-spec-form .sp-row {
  justify-content: center;
}

.zr-variableList {
  max-height: 108px;
}



.zr-spec-item-placeholder {
  background: rgba(0, 0, 0, 0.05);
  border: 2px dashed #ccc;
  min-height: 40px;
  margin: 4px 0;
  border-radius: 6px;
  transition: all 0.2s ease;
}

#variableList .ui-sortable-helper {
  opacity: 0.9;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: transform 0.1s ease;
  z-index: 1000;
}

.zr-gradiant-purple {
  background: linear-gradient(268.24deg, rgba(255, 255, 255, 0.5) 1.49%, rgba(248, 247, 255, 0.5) 35.45%, rgba(248, 243, 255, 0.5) 50.49%, rgba(251, 239, 255, 0.5) 66.98%, rgba(252, 236, 255, 0.5) 81.53%, rgba(243, 234, 255, 0.5) 98.51%);
}

.zr-gradiant-orange {
  background: linear-gradient(268.24deg, rgba(255, 255, 255, 0.5) 1.49%, rgba(249, 246, 236, 0.5) 35.45%, rgba(244, 240, 228, 0.5) 50.49%, rgba(242, 237, 222, 0.5) 66.98%, rgba(239, 234, 215, 0.5) 81.53%, rgba(235, 228, 202, 0.5) 98.51%);
}

.zr-gradiant-green {
  background: linear-gradient(268.24deg, rgba(255, 255, 255, 0.5) 1.49%, rgba(247, 255, 253, 0.5) 35.45%, rgba(243, 255, 249, 0.5) 50.49%, rgba(239, 255, 249, 0.5) 66.98%, rgba(236, 255, 240, 0.5) 81.53%, rgba(230, 255, 231, 0.5) 98.51%);
}

.zr-gradiant-blue {
  background: linear-gradient(113.73deg, rgba(255, 255, 255, 0.5) 0%, rgba(247, 255, 255, 0.5) 35%, rgba(243, 254, 255, 0.5) 50.5%, rgba(239, 249, 255, 0.5) 67.5%, rgba(236, 244, 255, 0.5) 82.5%, rgba(234, 240, 255, 0.5) 100%);
}

.zr-bg-purple {
  background: #5C11BB0D;
}

.zr-bg-orange {
  background: #CE64020D;
}

.zr-bg-green {
  background: #3689660D;
}

.zr-bg-lightgreen {
  background: #94907a0d;
}

.zr-bg-blue {
  background: #005CC20D;
}

.zr-color-purple {
  color: #5C11BB;
}

.zr-color-orange {
  color: #CE6402;
}

.zr-color-green {
  color: #368966;
}

.zr-color-lightgreen {
  color: #254E50;
}

.zr-color-blue {
  color: #005CC2;
}

.zr-tab-lightgreen,
.zr-tab-blue {
  width: 128px;
  height: 40px;
  border: 1px solid var(--gray60, #9E9E9E);
  font-weight: 500;
  color: var(--gray60, #9E9E9E);
}

.zr-tab-lightgreen.sp-tab-active,
.zr-tab-blue.sp-tab-active {
  box-shadow: 0px 1px 3px 0px #606C800D;
  background: var(--primary20, #99B3C4);
  border: 1px solid var(--primary20, #99B3C4);
  color: var(--gray85, #3B3B3B);
  font-weight: 700;
}

.zr-tab-blue.sp-tab-active {
  background: var(--link10, #CCE4FF);
  border: 1px solid var(--link10, #CCE4FF);
}

.zr-bg-greenvitrin {
  background: var(--Shopping5, #EAEFF0);
}

.zr-tab-darkgreen {
  box-shadow: 0px 1px 3px 0px #606C800D;
  border: 1px solid var(--gray60, #9E9E9E);
  background: var(--gray10, #F3F3F3);
  color: var(--gray60, #9E9E9E);
  font-size: 14px;
  font-weight: 500;
  width: 115px;
  height: 36px;
}

.zr-tab-darkgreen.sp-tab-active {
  border: 1px solid var(--primary50, #00426C);
  background: var(--primary50, #00426C);
  color: var(--Purewhite, #FFFFFF);
  font-size: 16px;
  font-weight: 700;
}

.zr-advance-result-item {
  min-width: 182px;
  width: 182px !important;
  height: 257px;
}

.zr-advance-result-item .advance-result-img img {
  max-height: 122px;
  height: 122px;
  object-fit: fill;
}

.zr-advance-result-item .advance-result-head {
  padding: 0.75rem;
}

.sp-flex-start {
  justify-content: flex-start !important;
}

.zr-btn-darkgreen {
  background: var(--sales70, #2E4342);
}

.zr-set-inner-box {
  border: 1px solid var(--gray15, #EEEEEE);
}

.zr-set-img {
  width: 150px;
  height: 150px;
  border: 1px solid var(--gray40, #D1D1D1);
}

.zr-set-li {
  box-shadow: 4px 4px 24px 0 rgba(0, 0, 0, 0.04), -4px -4px 24px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid var(--gray10, #F3F3F3);
}

.zr-set-li-detail:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 24px;
  background: var(--gray70, #767676);
  margin: auto 0.5rem;
}

.zr-set-li-sum {
  background: linear-gradient(135deg, #C5D6D7 0%, #CAE1E4 100%);
}

.zr-btn-cart,
.zr-btn-smarttray {
  border: 1px solid var(--Shopping15, #C0D0D1);
  background: var(--sales5, #EDF1F1);
  width: 40px;
  height: 40px;
}

.zr-box-noexist {
  width: 64px !important;
  height: 64px !important;
  left: -3px;
  top: -2px;
}

.zr-set-li-sum-disabled {
  background: var(--grey3, #E6E6E6);
}

.zr-bg-white {
  background: var(--white, #FFFFFF);
}

.zr-set-spec {
  /* width: 360px; */
  width: 32%;
}

.zr-bg-primarysales {
  background: var(--primary50, #00426C);
}

.zr-set-spec-item {
  border-bottom: 1px solid var(--gray30, #DCDCDC);
}

.zr-set-slider-wrapper {
  width: 250px;
  height: 250px;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--AppColor70);
}

.zr-set-slider-overlay .zr-set-slider-wrapper {
  width: 200px;
  height: 200px;
}

.zr-set-slider {
  display: flex;
  position: relative;
  left: 0;
  transition: left 0.3s ease-in-out;
}

.slide-item {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.slide-item img {
  object-fit: cover;
  height: 100%;
}

.slide-item.active {
  opacity: 1;
}

.prev-btn,
.next-btn {
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.prev-btn:disabled,
.next-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.zr-set-slider-dot {
  height: 4.5px;
  width: 4.5px;
  background-color: var(--AppColor70);
  border-radius: 2px;
  transition: all 0.3s ease;
}

.zr-set-slider-dot.active {
  background-color: var(--AppColor70);
}

.zr-set-slider-dot.size-small {
  width: 4.5px;
  height: 4.5px;
}

.zr-set-slider-dot.size-medium {
  width: 6.5px;
  height: 6.5px;
}

.zr-set-slider-dot.size-large {
  width: 8.5px;
  height: 8.5px;
}

.zr-hidden {
  display: none !important;
}

.zr-slider-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}

.zr-set-zoom {
  background: #ffffff66;
  backdrop-filter: blur(22px);
  width: 20px;
  height: 20px;
  border-radius: 4.5px;
  top: 12px;
  left: 12px;
}

.zr-btn-more-set {
  height: 42px;
  background: var(--primary50, #00426C);
}

.zr-set-li-current {
  border-color: var(--sales20, #B7C6C5);
}

.zr-set-smarttray-blue.zr-set-li,
.zr-set-cart-blue.zr-set-li {
  border-color: #C8E4FF;
}

.zr-ShowService {
  bottom: 0;
  left: 24px;
  right: 24px;
  top: 96px;
  box-shadow: 0px -10px 24px 0px #00000040;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  z-index: 10;
  transform-origin: bottom;
  /* Key point */
  transform: scaleY(0);
  transition: transform 0.4s ease;
}

.zr-ShowService.zr-show {
  transform: scaleY(1);
}

.zr-check-absolute {
  position: absolute !important;
  right: 4px;
  z-index: 4;
  top: 4px;
}

@media only screen and (min-width:1281px) {
  .zr-check-absolute.sp-f-check:checked:after {
    left: 1px;
    top: 0px;
    transform: rotate(45deg) !important;
    display: inline-block;
    height: calc(var(--checkboxheight) - 7px);
    width: 8px;
    border-bottom: 3px solid var(--approved70, #1F7735);
    border-right: 3px solid var(--approved70, #1F7735);
    border-radius: 1px;
  }

  .zr-check-absolute {
    --checkboxheight: 20px;
  }
}

@media only screen and (max-width:1280px) {
  .zr-set-slider {
    width: 200px;
    height: 200px;
  }

  .zr-set-img {
    width: 120px;
    height: 120px;
  }

  .zr-ShowService {
    left: 0;
    right: 0;
  }
}

.zr-bg-production {
  background: var(--production60, #0E3E74);
}

.zr-bg-production .zp-report-product-price {
  background: var(--production70, #0A2F57);
}

.zr-bg-reserved {
  background: var(--warning70, #995900);
}

.zr-bg-reserved :is(.zp-report-product-price, .zp-report-cart) {
  background-color: var(--warning80, #663C00) !important;
}

.zp-soldout-red .zp-report-product-price {
  background-color: #6E353E;
}

.zr-rate-item img {
  object-fit: cover;
}

.sp-skeleton-container.sp-skeleton-grid.sp-c-12 {
  -webkit-flex: unset;
  -ms-flex: unset;
  flex: unset;
}

.zr-close-img {
  z-index: 555;
  top: 24px;
  right: 24px;
}

.zr-chart-vitrin-nosection {
  width: 192px;
  height: 192px;
}

.zr-customer-new {
  --HeightBtn: 44px;
}

.pwa-like-search {
  height: 44px;
}

.sp-skeleton-grid {
  display: flex;
  flex-direction: column;
  max-height: calc(100% - 0px);
  flex: 1;
}

.sp-flex-row {
  flex-direction: row !important;
}

.sp-g-header .sp-g-cell label {
  overflow: hidden;
}

.zr-cc-gauge {
  position: relative;
  width: 160px;
  height: 80px;
  overflow: hidden;
}

.zr-cc-track,
.zr-cc-fill {
  fill: none;
  stroke-linecap: round;
}

.zr-cc-track {
  stroke: var(--GrayTrack, #E8E8E8);
  stroke-width: var(--thick);
}

.zr-cc-fill {
  stroke: url(#grad);
  stroke-width: var(--thick);
  stroke-dasharray: 0 9999;
  transition: stroke-dasharray var(--anim) cubic-bezier(0.16, 1, 0.3, 1);
}

.zr-cc-value {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.zr-dash-title-purple {
  background: var(--PurpleGradiant);
}

.zr-left-box {
  width: 26.5%;
}

.zr-box-cc {
  border: 1px solid var(--Gray10, #E8E8E8);
  box-shadow: 0px 0px 12px 0px var(--GrayBorder, #0000000A);
}

.zr-box-cc-inner-green {
  background: var(--GreenGradiant);
}

.zr-box-cc-inner-pink {
  background: var(--PinkGradiant);
}

.zr-box-cc-inner-orange {
  background: var(--OrangeGradiant);
}

.zr-box-cc-green {
  background: var(--GreenBg, #90D0D04D);
}

.zr-box-cc-pink {
  background: var(--PinkBg, #FFC4DA4D);
}

.zr-box-cc-orange {
  background: var(--OrangeBg, #CE64021A);
}

.zr-color-cc-green {
  color: var(--GreenText, #3A7C7C);
}

.zr-color-cc-pink {
  color: var(--PinkText, #CF688F);
}

.zr-color-cc-orange {
  color: var(--OrangeText, #CE6402);
}

.zr-cc-nosection {
  max-width: 195px;
}

.zr-cc-mini-box {
  width: 24px;
  height: 24px;
}

.zr-cc-grey-box {
  width: 186px;
}

.zr-list-campaign {
  gap: 2.5rem;
}

.zr-bg-bluemid {
  background: var(--primary60, #003556);
}

.zr-list-horizental-campaign {
  row-gap: 32px;
  column-gap: 64px;
}

.zr-color-yellow {
  color: #CD9323;
}

.zr-cc-progress {
  height: 8px;
}

.zr-cc-item {
  border: 1px solid var(--primary10, #CCD9E2);
  box-shadow: 0px 2px 8px 0px #0000000F;
  height: 116px;
}

.zr-cc-img-1 {
  width: 78px;
}

.zr-cc-img-2 {
  width: 74px
}

.zr-cc-img-3 {
  width: 58px
}

.zr-cc-img-4 {
  width: 60px
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .zr-tab-campaign.sp-tab {
  background: var(--primary60, #003556);
  border: 2px solid var(--primary60, #003556);
}

:is(.zr-page-box, .zr-dialog-box) .zr-tab-campaign .sp-tab-header {
  background: var(--primary60, #003556);
}

.zr-bg-light-warning {
  background: var(--warning5, #FFF4E6);
}

.zr-bg-light-grey {
  background: var(--gray10, #F3F3F3);
}

.zr-tab-check {
  height: 42px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--gray30, #DCDCDC) !important;
  outline: 0;
  border: 0px !important;
}

.zr-tab-check::after {
  content: '';
  position: absolute;
  width: calc(100% - 8px);
  right: 4px;
  height: calc(100% - 8px);
  z-index: 55;
  top: 4px;
}

.zr-tab-check-item {
  z-index: 1;
  width: calc(50% - 6px);
  height: calc(100% - 8px);
  top: 4px;
}

.zr-input-wrapper .is_checked {
  right: 4px;
}

.zr-input-wrapper .is_unchecked {
  left: 4px;
}

.zr-input-wrapper .zr-tab-check:checked ~ .is_checked,
.zr-input-wrapper .zr-tab-check:not(:checked) ~ .is_unchecked {
  box-shadow: 0px 2px 4px 0px #0000000D;
  background: var(--MainWhite, #FFFFFF);
}

.zr-contaner-btn:is(:hover, .zr-contaner-btn-select) .zr-icon-main-setting,
.zr-icon-hover-setting {
  display: none;
}

.zr-contaner-btn:is(:hover, .zr-contaner-btn-select) .zr-icon-hover-setting,
.zr-icon-main-setting {
  display: flex;
}

.zr-btn-symbol {
  width: 192px;
  height: 28px;
}

.zr-grid-seperate-setting {
  --SeparateHeaderHeight: 48px !important;
  --SeparateGridCellHeight: 48px !important;
}

.zr-grid-seperate-setting :is(.sp-grid-row, .sp-g-row) {
  box-shadow: none !important;
}

.zr-grid-seperate-setting:not(.zr-grid-lightseperate) .sp-g-header {
  background: var(--primary50, #00426C) !important;
}

.zr-show-row .zr-DetailBox {
  border: 1px solid var(--primary30, #668EA7);
  background: var(--gray5, #F9F9F9);
}

.zr-grid-seperate-setting {
  --table-border: var(--primary30, #668EA7) !important;
}

.zr-show-row.sp-g-row {
  border: 0 !important;
  background: transparent !important;
}

.zr-grid-seperate-setting.zr-grid-seperate :is(.sp-grid-row, .sp-g-row) {
  border-color: var(--primary30, #668EA7);
}

.zr-show-row.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) {
  --inputminrp: 0.5rem !important;
  --MarginRow: 0.75rem !important;
}

.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) {
  width: 100%;
}

.zr-show-row.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) {
  outline: 1px solid var(--primary30, #668EA7);
  background: var(--bgDoccolor, #CCD9E2);
}

.zr-tab-cc {
  background: var(--gray30, #DCDCDC);
  height: 42px;
  width: 550px;
  margin-bottom: 2.625rem;
}

.zr-tab-item-cc.sp-tab-active {
  box-shadow: 0px 2px 4px 0px #0000000D;
  background: var(--MainWhite, #FFFFFF);
}

.zr-appendix-img {
  width: 420px;
  height: 420px;
}

.zw-product-item {
  background-color: #FAFAFA !important;
  padding: 12px 24px;
  border: 1px solid #EDEDED;
  background: white;
  border-radius: 12px;
  margin-bottom: 12px;
}

.zw-product-item-header {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 8px;
}

.zw-product-item-header p {
  position: relative;
  font-size: 16px;
  color: #002841;
  font-weight: 700;
  width: max-content;
  white-space: nowrap;
  margin-left: 12px;
}

.zw-product-item-border {
  width: 100%;
  position: relative;
}

.zw-product-item-border > p {
  background: #00426C;
  width: 100%;
  position: absolute;
  height: 1px;
  top: 12px;
}

.zw-product-upload-title-into {
  font-family: var(--font-main);
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  text-align: center;
  color: #203353;
  margin: 5px
}

.zw-product-upload-title-out {
  font-weight: 500;
  font-size: 16px;
  color: #002841;
  margin: 0px 0px 0px 5px
}

.zw-product-delete-icon {
  position: absolute;
  left: 11px;
  top: 10px;
  font-size: 16px;
  color: red;
  font-weight: 800;
  display: none;
}

.zr-attachments {
  max-width: var(--Imagewidth);
}

.zr-btn-attachment {
  --BtnMinwidth: 32px;
}

.zr-tab-pic {
  width: var(--exlargeBtnwidth);
  border: 1px solid var(--Mainprimary, #00426C);
  color: var(--Mainprimary, #00426C);
  height: 32px;
}

.zr-tab-pic.sp-tab-active {
  border: 1px solid var(--primary70, #002841);
  color: var(--white, #FFFFFF);
  background: var(--primary70, #002841);
}

.zr-tab-pic-content {
  display: none;
}

.zr-title-sep::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1.5rem;
  background-color: var(--crm10, #DADAE8);
  margin-left: .75rem;
  vertical-align: middle;
}

.sp-f-row.zr-SellSepInputAfter::before {
  content: '';
  display: inline-block;
  height: 1.5rem;
  border-right: 1px solid var(--gray60, #9E9E9E);
  margin: 0 -1.125rem;
  padding: 0 1.125rem;
  align-self: center;
}

.zr-arrow {
  background: var(--primary40, #336889);
  width: 25px;
  height: 48px;
}

.zr-arrow img {
  max-width: 10px;
}

.zr-slider-img {
  max-width: 542px;
  /* height: 542px; */
  border: 1px solid var(--gray70, #767676);
  aspect-ratio: 542 / 542;
}

.zr-slider-img-thumbnail {
  width: 80px;
  height: 80px;
}

.zr-slider-img-thumbnail .zr-thumbnail-img {
  border: 1px solid var(--gray50, #C5C5C5);
}

.zr-slider-img-thumbnail-selected {
  border: 2px solid var(--primary50, #00426C);
  padding: 0.25rem;
}

.zr-slider-img img,
.zr-thumbnail-img img {
  object-fit: contain;
}

.zr-slider-img-thumbnail-selected.zr-slider-img-thumbnail .zr-thumbnail-img {
  border-radius: 0.75rem !important;
}

.zr-cc-subrow {
  overflow: hidden !important;
}

.zr-cc-levelRow {
  max-height: fit-content !important;
  overflow-y: hidden !important;
}

.zr-cc-subTab {
  background: none !important;
  border: none !important;
}

.zr-cc-subTab-last {
  background: none !important;
}

.zr-webcam-gif {
  max-width: 400px;
}

.zr-list-style {
  list-style: initial;
}

.zr-height-1 .zr-CurrentDocument {
  min-height: auto;
}

.sp-skeleton-dataset {
  overflow: hidden;
  flex: 1;
  display: flex;
}

.sp-skeleton-container.sp-rp-0 > .sp-skeleton-chart {
  border-radius: 0 !important;
}

.sp-skeleton-container .sp-skeleton-chart.sp-skeleton-doughnut {
  margin: auto !important;
}

.sp-skeleton-container.zr-skeleton-left .sp-skeleton-chart.sp-skeleton-doughnut {
  margin: 0 !important;
  margin-right: auto !important;
}

.zr-skeleton-balance {
  width: 149px;
}

.sp-skeleton-grid .sp-g-footer {
  display: none !important;
}

.sp-skeleton-grid :is(.zr-grid-simple) {
  --SeparateGridCellHeight: 68px;
}

.sp-skeleton-grid :is(.zr-grid-simple) .sp-g-row .sp-g-cell {
  margin: 0 !important;
}

.zr-box-check {
  border: 1px solid var(--gray10, #F3F3F3);
}

.zr-box-checkblue {
  background: linear-gradient(105.75deg, rgba(234, 240, 255, 0.5) 11.06%, rgba(236, 244, 255, 0.5) 24.7%, rgba(239, 249, 255, 0.5) 36.39%, rgba(243, 254, 255, 0.5) 49.64%, rgba(247, 255, 255, 0.5) 61.72%, rgba(255, 255, 255, 0.5) 89%);
}

.zr-box-checkgreen {
  background: linear-gradient(268.24deg, rgba(255, 255, 255, 0.5) 1.49%, rgba(247, 255, 253, 0.5) 35.45%, rgba(243, 255, 249, 0.5) 50.49%, rgba(239, 255, 249, 0.5) 66.98%, rgba(236, 255, 240, 0.5) 81.53%, rgba(230, 255, 231, 0.5) 98.51%);
}

.zr-box-checkred {
  background: linear-gradient(90deg, #FFEBEA 0%, rgba(255, 235, 234, 0) 100%);
}

.zr-square-blue,
.zr-square-green,
.zr-square-red {
  background: #0062CC0D;
  width: 56px;
  height: 56px;
}

.zr-square-green {
  background: #2A9F470D;
}

.zr-square-red {
  background: #CC2F260D;
}

.zr-rotate {
  transform: rotate(180deg);
}

.zr-ErrorList {
  display: none;
}

.zr-btn-warning-close {
  --Widthbtn: 166px !important;
  max-width: var(--Widthbtn) !important;
  width: var(--Widthbtn) !important;
  min-width: var(--Widthbtn) !important;
}

/*cloud*/
.cloud {
  margin: 42px 30px;
  width: 4px;
  height: 10px;
  opacity: 0.5;
  position: relative;
  box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 1), 12px 0px 0px 0px rgba(209, 209, 209, 1), 18px 0px 0px 0px rgba(209, 209, 209, 1), 24px 0px 0px 0px rgba(209, 209, 209, 1), 30px 0px 0px 0px rgba(209, 209, 209, 1), 36px 0px 0px 0px rgba(209, 209, 209, 1);
  -webkit-animation: rain 1s linear infinite alternate;
  -moz-animation: rain 1s linear infinite alternate;
  animation: rain 1s linear infinite alternate;
}

.cloud:after {
  width: 40px;
  height: 10px;
  position: absolute;
  content: "";
  background-color: #D1D1D1;
  top: 0px;
  opacity: 1;
  -webkit-animation: line_flow 2s linear infinite reverse;
  -moz-animation: line_flow 2s linear infinite reverse;
  animation: line_flow 2s linear infinite reverse;
}

@-webkit-keyframes rain {
  0% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 1), 12px 0px 0px 0px rgba(209, 209, 209, 0.9), 18px 0px 0px 0px rgba(209, 209, 209, 0.7), 24px 0px 0px 0px rgba(209, 209, 209, 0.6), 30px 0px 0px 0px rgba(209, 209, 209, 0.3), 36px 0px 0px 0px rgba(209, 209, 209, 0.2);
  }

  100% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 0.2), 12px 0px 0px 0px rgba(209, 209, 209, 0.3), 18px 0px 0px 0px rgba(209, 209, 209, 0.6), 24px 0px 0px 0px rgba(209, 209, 209, 0.7), 30px 0px 0px 0px rgba(209, 209, 209, 0.9), 36px 0px 0px 0px rgba(209, 209, 209, 1);
    opacity: 1;
  }
}

@-moz-keyframes rain {
  0% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 1), 12px 0px 0px 0px rgba(209, 209, 209, 0.9), 18px 0px 0px 0px rgba(209, 209, 209, 0.7), 24px 0px 0px 0px rgba(209, 209, 209, 0.6), 30px 0px 0px 0px rgba(209, 209, 209, 0.3), 36px 0px 0px 0px rgba(209, 209, 209, 0.2);
  }

  100% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 0.2), 12px 0px 0px 0px rgba(209, 209, 209, 0.3), 18px 0px 0px 0px rgba(209, 209, 209, 0.6), 24px 0px 0px 0px rgba(209, 209, 209, 0.7), 30px 0px 0px 0px rgba(209, 209, 209, 0.9), 36px 0px 0px 0px rgba(209, 209, 209, 1);
    opacity: 1;
  }
}

@keyframes rain {
  0% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 1), 12px 0px 0px 0px rgba(209, 209, 209, 0.9), 18px 0px 0px 0px rgba(209, 209, 209, 0.7), 24px 0px 0px 0px rgba(209, 209, 209, 0.6), 30px 0px 0px 0px rgba(209, 209, 209, 0.3), 36px 0px 0px 0px rgba(209, 209, 209, 0.2);
  }

  100% {
    box-shadow: 6px 0px 0px 0px rgba(209, 209, 209, 0.2), 12px 0px 0px 0px rgba(209, 209, 209, 0.3), 18px 0px 0px 0px rgba(209, 209, 209, 0.6), 24px 0px 0px 0px rgba(209, 209, 209, 0.7), 30px 0px 0px 0px rgba(209, 209, 209, 0.9), 36px 0px 0px 0px rgba(209, 209, 209, 1);
    opacity: 1;
  }
}

@-webkit-keyframes line_flow {
  0% {
    width: 0px;
  }

  100% {
    width: 40px;
  }
}

@-moz-keyframes line_flow {
  0% {
    width: 0px;
  }

  100% {
    width: 40px;
  }
}

@keyframes line_flow {
  0% {
    width: 0px;
  }

  100% {
    width: 40px;
  }
}

.sp-preview {
  width: 700px;
  height: 700px;
  position: relative;
}

.sp-preview-image {
  width: 700px;
  height: 700px;
  border: 1px solid var(--secondary, #00426C);
  object-fit: contain;
  background: var(--white, #FFFFFF);
  border-radius: 2rem !important;
}

.sp-preview-button {
  z-index: 555;
  top: 24px;
  right: 24px;
  background: url(/themes/manager/icons/baseinformations/CloseSimple.svg);
  background-size: 100% 100%;
  cursor: pointer;
}

.zr-image-preview {
  background: var(--white, #FFFFFF);
}

.sp-preview-button img {
  opacity: 0;
}

.zr-box-dashed {
  border: 1px dashed var(--gray20, #E8E8E8);
}

.zr-link-sample {
  --Widthbtn: 148px;
}

.zr-border-graybox {
  border: 1px solid var(--gray20, #E8E8E8);
}

.sp-d-form-small.sp-d-form {
  padding: 0 0.75rem !important;
}

.zr-showpic {
  overflow: hidden;
}

.zr-box-shadow {
  box-shadow: var(--boxShadowLight);
  border: 1px solid var(--gray10, #F3F3F3);
}

.zr-align-center {
  align-items: center;
}

.zr-align-end {
  align-items: end;
  align-items: flex-end;
}

.zr-align-base {
  align-items: baseline;
}

.zr-align-c-between {
  align-content: space-between;
}

.zr-align-s-center {
  align-self: center !important;
}

.zr-align-s-end {
  align-self: end !important;
  align-self: flex-end !important;
}


.zr-circle-mini {
  width: var(--minicirclewidth);
  height: var(--minicirclewidth);
}

.zr-wrap {
  width: 192px;
  height: 98px;
  --pp: clamp(0,var(--p),100)
}

.zr-wrap .zr-svg {
  width: 100%;
  height: 100%;
  display: block
}

.zr-wrap .zr-prog {
  stroke-dasharray: calc(var(--pp) + 1) 100;
  stroke-dashoffset: 0
}

.zr-chart-sms {
  width: 120px;
  height: 120px;
}

.zr-btn-sms-single {
  height: 52px;
  background-color: var(--secondary, #00426C) !important;
}

.zr-btn-sms-accounts {
  height: 52px;
}

.zr-btn-sms-single::before, .zr-btn-sms-accounts::before {
  content: '';
  width: 28px;
  height: 28px;
  margin-left: 0.5rem;
}

.zr-btn-sms-single::before {
  background: url(/themes/manager/icons/sms/Single.svg) center transparent no-repeat;
  background-size: 100%;
}

.zr-btn-sms-accounts::before {
  background: url(/themes/manager/icons/sms/accounts.svg) center transparent no-repeat;
  background-size: 100%;
}


.zr-btn-sms-single:is(:hover,:focus)::before {
  background: url(/themes/manager/icons/sms/SingleHover.svg) center transparent no-repeat;
}

.zr-btn-sms-accounts:is(:hover,:focus)::before {
  background: url(/themes/manager/icons/sms/AccountsHover.svg) center transparent no-repeat;
}

.zr-tab-sms {
  border: 1px solid var(--gray50, #C5C5C5);
  box-shadow: 0px 1px 3px 0px #606C800D;
  color: #606C8099;
  width: 115px;
}

.zr-tab-sms.sp-tab-active {
  border: 1px solid var(--primary60, #003556);
  color: var(--primary70, #002841);
  background: var(--primary5, #E6ECF0);
  font-weight: 700 !important;
  font-size: 16px !important;
}


/*ZargarMessenger & MyMessenger*/
.zr-ZargarMessenger .zr-shortkey-menu,
.zr-MyMessenger .zr-shortkey-menu {
  row-gap: 1.5rem;
}

.zr-ZargarMessenger {
  display: none;
  top: 143px;
  right: 112px;
}

.zr-ZargarMessenger::before,
.zr-MyMessenger::before {
  content: none !important;
}

.zr-MyMessenger {
  display: none;
  top: 210px;
  right: 112px;
}

.zr-btn-Widthbtn1 {
  width: var(--Widthbtn) !important;
  --Widthbtn: var(--Widthbtn1) !important;
}

.zr-box-sendmsg {
  flex: 2.5;
}

.zr-message-last {
  flex: 3 3 2rem;
}

/*--------------------------------File Manager*/
/* MainPage*/
.zr_status_badge {
  background-color: var(--badge-gray);
  border-radius: 50px;
  width: auto;
  height: 26px;
  padding: 0 1rem;
}

.zr_fm_cards_top {
  border: 1px solid var(--Gray10);
  background-color: var(--white);
  border-radius: var(--largeradius);
  box-shadow: var(--boxShadowLight);
  height: 220px;
  flex-direction: row !important;
}

.zr_fm_cards_bottom {
  border: 1px solid var(--Gray10);
  background-color: var(--white);
  border-radius: var(--largeradius);
  box-shadow: var(--boxShadowLight);
  /*height: 561px;*/
}

/*.zr_fm_cards_top:first-child>div:last-child {
height: 106px;
}*/

.zr-fm-progress {
  min-height: 11px;
}

.zr-fm-progress div {
  transition: width 2s ease;
}

#FmSSBarFree {
  background: var(--Approved70);
  width: 100%;
}

#FmSSBarOccupied {
  background: var(--Error70);
  width: 0;
}

.zr_fm_st_btns {
  gap: 1rem;
}

.zr_fm_st_btns:not(:has(a)) {
  display: none !important;
}


.zr-fm-NoDucPic:not(.zr-btn-active),
.zr-fm-largePic:not(.zr-btn-active) {
  outline: 1px solid var(--primary70) !important;
  background: var(--white, #FFFFFF);
  border-radius: var(--smallradius);
  font-weight: 400 !important;
  height: 34px;
}

.zr-fm-btn-icon::before {
  content: "";
  width: 22px;
  height: 22px;
  background-size: 100% 100%;
  margin-left: 0.5rem;
}

.zr-fm-btn-icon:not(:focus, :hover)::before {
  background-size: 100% 100%;
}

.zr-fm-NoDucPic::before {
  background: url(/themes/manager/icons/filemanager/no-doc-pics-h.svg) no-repeat center;
}

.zr-fm-NoDucPic:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/no-doc-pics.svg) no-repeat center;
}

.zr-fm-largePic::before {
  background: url(/themes/manager/icons/filemanager/large-pics-h.svg) no-repeat center;
}

.zr-fm-largePic:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/large-pics.svg) no-repeat center;
}

.zr_fm_aiAssist > div:last-child img {
  max-width: 164px;
  height: auto;
  object-fit: cover;
}

.zr_fm_aiAssist > div:first-child {
  width: 350px;
}

.zr_fm_aiAssist > div:first-child > p {
  max-width: 329px;
  color: var(--dark-text);
}

.zr_fm_aiAssist > div:first-child > a {
  margin-top: 18px;
  max-width: 329px;
  height: 34px !important;
  border-radius: var(--smallradius);
  color: var(--MainBlack) !important;
  font-weight: 400 !important;
}

.zr_fm_backup > div:last-child img {
  max-width: 231.46px;
  height: auto;
  object-fit: cover;
}

.zr_fm_backup > div:first-child > a {
  /*width: 266.54px !important;
  height: 42px !important;
  border-radius: var(--normalradius);
  color: var(--white) !important;*/
  padding: 6px 27px !important;
  font-weight: 400 !important;
}

.zr_fm_cards_bottom:first-child {
  /*width: 67% !important;*/
  /*height: 100%;
  max-height: calc(100% - 220px);*/
  /*overflow: hidden;*/
}

.zr_fm_npl_wrapper {
  height: auto;
  max-height: 100%;
}

.zr_fm_NoDocsImg_wrapper,
.zr_fm_largeImg_wrapper {
  height: auto;
  max-height: 100%;
  overflow-y: scroll;
}

.zr-fm-npl-Refresh {
  outline: 1px solid var(--primary70) !important;
  background-color: unset !important;
  background: var(--white, #FFFFFF) !important;
  border-radius: var(--smallradius) !important;
  font-weight: 400 !important;
  height: 34px;
  max-width: 172px !important;
}

.zr-fm-npl-visitList {
  max-width: 171px !important;
  height: 34px;
  border-radius: var(--smallradius);
  color: var(--white, #FFFFFF) !important;
}

.zr-fm-npl-Refresh::before {
  background: url(/themes/manager/icons/filemanager/refresh-list-h.svg) no-repeat center;
}

.zr-fm-npl-Refresh:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/refresh-list.svg) no-repeat center;
}

.zr_fm_options_topBtn {
  outline: 1px solid var(--gray50) !important;
  background: var(--white, #FFFFFF);
  border-radius: var(--smallradius);
  font-weight: 400 !important;
  height: 34px;
  width: max-content !important;
}

.zr-fm-picInfoBtn {
  outline: 1px solid var(--gray50) !important;
  background: var(--white, #FFFFFF) !important;
  border-radius: var(--smallradius) !important;
  font-weight: 400 !important;
  height: 34px !important;
}

.zr_fm_checkAll-btn {
  min-width: unset;
  cursor: pointer;
}

.zr_fm_li_picItem > span .zr-remainicon::before,
.zr_fm_li_FolderItem > span .zr-remainicon::before {
  align-self: center !important;
}

.zr-ImgOptionSelectAll::before {
  border: 1px solid var(--primary70, #002841) !important;
  --InputColor: var(--primary5, #EBEEF3) !important;
}

.zr-ImgOptionSelectAll::after {
  border-bottom: 2.5px solid var(--primary70, #002841) !important;
  border-right-color: #002841 !important;
  border-right-width: 2.5px !important;
}

.zr-IsCheckedImg::before {
  /*border: 1px solid var(--primary15, #002841) !important;*/
  --InputColor: var(--primary5, #EBEEF3) !important;
}

.zr-IsCheckedImg::after {
  border-bottom: 2.5px solid var(--link50, #007AFF) !important;
  border-right-color: var(--link50, #007AFF) !important;
  border-right-width: 2.5px !important;
}

.zr-IsCheckedImg-selected::before {
  border: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--link50, #007AFF) !important;
}

.zr-fm-optionsBox-addProd:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/addProd.svg) no-repeat center;
}

.zr-fm-optionsBox-addProd::before {
  background: url(/themes/manager/icons/filemanager/addProd-h.svg) no-repeat center;
}

.zr-fm-optionsBox-download:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/download.svg) no-repeat center;
}


.zr-fm-optionsBox-download::before {
  background: url(/themes/manager/icons/filemanager/download-h.svg) no-repeat center;
}

.zr-fm-optionsBox-share:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/share.svg) no-repeat center;
}

.zr-fm-optionsBox-share::before {
  background: url(/themes/manager/icons/filemanager/share-h.svg) no-repeat center;
}

.zr-fm-optionsBox-move:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/move.svg) no-repeat center;
}

.zr-fm-optionsBox-move::before {
  background: url(/themes/manager/icons/filemanager/move-h.svg) no-repeat center;
}

.zr-fm-optionsBox-edit:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/edit.svg) no-repeat center;
}


.zr-fm-optionsBox-edit::before {
  background: url(/themes/manager/icons/filemanager/edit-h.svg) no-repeat center;
}

.zr-fm-optionsBox-remove:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/delete.svg) no-repeat center;
}


.zr-fm-optionsBox-remove::before {
  background: url(/themes/manager/icons/filemanager/delete-h.svg) no-repeat center;
}

.zr-fm-li-addNewPic:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/add-plus.svg) no-repeat center;
}

.zr-fm-li-addNewPic::before {
  background: url(/themes/manager/icons/filemanager/add-plus-h.svg) no-repeat center;
}

.zr-fm-li-addNewFolder:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/newFolder.svg) no-repeat center;
}

.zr-fm-li-addNewFolder::before {
  background: url(/themes/manager/icons/filemanager/newFolder-h.svg) no-repeat center;
}

/*
.zr_fm_ImgList_wrapper{
height: 100%;
overflow-y: auto;
}


.zr_fm_largeImg_box,
.zr_fm_NoDocsImg_box {
height: 496px;
}*/

.zr-fm-li-addNewPic:hover,
.zr-fm-li-addNewFolder:hover {
  background-color: var(--MainThemeColor, #00426C) !important;
  border-radius: var(--smallradius) !important;
  color: var(--whiteColor, #FFFFFF) !important;
}

.zr_fm_ImgList_box {
  height: auto;
  gap: 0px 24px;
}

#FMILM .zr_fm_ImgList_box,
#FMILMF .zr_fm_ImgList_box {
  height: auto;
  gap: 18px 42px;
}

.zr_fm_ImgList_boxDialog {
  gap: 18px 32px;
}

.zr_fm_backupList {
  overflow-y: scroll;
  height: calc(100% - 64px)
}

.zr_fm_SimpleBtn {
  outline: 1px solid var(--primary70) !important;
  background: var(--white, #FFFFFF);
  border-radius: var(--smallradius);
  font-weight: 400 !important;
  height: 34px;
  max-width: 132px !important;
}

#UserGrid grid-row {
  box-shadow: unset !important;
  background: white !important;
  border: 0.5px solid var(--light-border) !important;
}

#UserGrid grid-row:hover {
  background: var(--link5, #E6F2FF) !important;
}

#UserGrid grid-section {
  overflow: auto !important;
}

.zr_fm_picItemBox-s {
  width: 154px;
  /*height: 183px;*/
}

.zr_fm_picItemBox {
  width: 154px;
  height: auto;
}

.zr_fm_picItem_img {
  width: 154px;
  height: 154px;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--normalradius);
  /*border: 0.4px solid var(--primary10, #99B3C4);*/
  overflow: hidden;
  outline: 0.4px solid var(--primary10, #99B3C4);
}

.zr_fm_picItem_img_selected {
  outline: 2.5px solid var(--link50, #007AFF);
  /*border: 0.4px solid var(--link50, #007AFF);*/
}

.zr_fm_ImgList_wrapper {
  padding: 4px;
}

.zr_fm_picItem_img img {
  object-fit: cover;
}

.zr_fm_picItem_p_selected {
  color: var(--link50, #007AFF) !important;
}

.zr_fm_picItemBox-s > span > .zr-remainicon,
.zr_fm_picItemBox > span > .zr-remainicon {
  color: #FDFDFD;
  width: 22px;
  height: 22px;
  background: var(--npl-img-options);
  border-radius: var(--xsmallradius);
  cursor: pointer;
}

i.zr-remainicon-close {
  background: var(--white) !important;
  border: 1px solid var(--error-fm);
  border-radius: 999px !important;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.zr-remainicon-close::before {
  content: "\02df";
  font-size: 32px;
  color: var(--error-fm);
  line-height: 28px;
}

.zr_fm_picItemBox-s > div > .zr-triangle,
.zr_fm_picItemBox > div > .zr-triangle {
  left: unset;
  right: 13px;
}

.zr_fm_dropDown_box {
  background: var(--white);
  box-shadow: var(--npl-option-shadow);
  border-radius: var(--smallradius);
  width: 142px;
  top: 3rem;
  right: 3px;
  z-index: 20;
}

.zr_fm_dropDown_boxReverse {
  background: var(--white);
  box-shadow: var(--npl-option-shadow);
  border-radius: var(--smallradius);
  width: 142px;
  top: -10.5rem;
  right: 3px;
  z-index: 20;
}

.zr_fm_dropDown_boxReverse .zr-triangle {
  transform: rotate(180deg) !important;
  top: unset !important;
  bottom: -11px !important;
}

.zr_fm_picItemBox-s input,
.zr_fm_picItemBox input {
  position: absolute !important;
  margin: 0 !important;
  top: 1rem !important;
  left: 1rem !important;
}

.zr_fm_picItemBox-s > span,
.zr_fm_picItemBox > span {
}

.zr_fm_imgCompressBtn {
  border-radius: var(--smallradius) !important;
  height: 34px;
}

.zr_fm_imgCompressBtn_disable {
  background: var(--link5, #E6F2FF) !important;
  color: var(--link50, #007AFF) !important;
  filter: grayscale(1);
  cursor: not-allowed !important;
}

.FMUpProdImgDetail #Product #AcceptImgBtn {
  border-radius: var(--smallradius) !important;
}

.zr_fm_options_topBtn.zr-btn-checked,
.zr_fm_options_topBtn.zr-btn-unchecked {
  min-width: unset !important;
  padding: 0 1rem !important;
}

.zr_fm_options_topBtn.zr-btn-checked::before,
.zr_fm_options_topBtn.zr-btn-unchecked::before {
  margin-left: 0.5rem !important;
  width: 20px !important;
}


#FMFLFIEmpty img {
  max-width: 334px;
}

.zr_fm_primaryText {
  color: var(--primary50, #00426C);
}

.zr_fm_descText {
  color: var(--dark-text, #0C080A);
}

.zr_fm_whiteText {
  color: var(--white, #FFFFFF) !important;
}

#FMFLFIEmpty button {
  width: 274px !important;
}

.zr_loadCompSuccess {
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  background: var(--white, #FFFFFF);
  border: 4px solid var(--success) !important;
}

.zr-Success_closeBtn {
  right: 20px;
  width: 20px;
  height: 20px;
  top: 20px;
  cursor: pointer;
  background: url(/themes/manager/icons/messages/CloseDialog.svg) no-repeat;
  background-size: contain;
  z-index: 5;
}

.zr-Success_closeBtn img {
  width: 44px;
  height: 44px;
  margin: auto;
  text-align: center;
  opacity: 0;
}

.zr_dialSuccess {
  max-width: 115px;
}

.zr_loadCompSuccess #loadCompSuccessBtn:hover {
  background-color: var(--success) !important;
}

.zr_fm_picItemBox-s .zr-remainicon::before,
.zr_fm_picItemBox .zr-remainicon::before {
  align-self: center !important;
}

.zr_fm_moveItemBox {
  width: 118px;
  height: 162px;
  border: 1px solid #D5E5E5;
  outline: 1px solid transparent;
  box-shadow: 0px 4px 12px 0px #0D0A2C0F;
  border-radius: 14px
}

.zr_fm_moveItemBox.selected{
  border: 1px solid var(--link50, #007AFF);
  outline: 1px solid var(--link50, #007AFF);
  background: #E5F2FF;
}

.zr_fm_moveItemBox img {
  width: 64px;
}

.zr_fm_moveItemBox p {
  width: 96px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.zr_fm_picItem_img:hover .zr-pr-img-overlay {
  display: flex;
}

.zr_fm_picItem_img .zr-pr-img-overlay img {
  margin-top: 1rem;
}

.zr-ImgCompBox p:first-child {
  color: var(--primary50, #00426C)
}

.zr-ImgCompBox p:nth-child(2) {
  width: 90%;
}

.zr-ImgCompBox .zr-progressBar {
  width: 90%;
  height: 20px;
  border-radius: 10px;
  background: var(--gray50,#4f4f4f);
}

.zr-ImgCompBox .zr-progressBar .zr-progressBarDone {
  width: 40%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
}

.zr-ImgCompBox p:last-child {
  color: var(--gray80,#4f4f4f)
}

.zr_DetailConfirmedBox .zr_DetailConfImg {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 1.5rem;
}

.zr_DetailConfirmedBox,
.zr_DetailConfirmed_similarBtn a {
  outline: 1px solid var(--gray20, #E8E8E8);
  !important;
  background: var(--white, #FFFFFF) !important;
  border-radius: var(--smallradius) !important;
}

.zr_DetailConfirmed_similarBtn a:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/folder-view.svg) no-repeat center;
}

.zr_DetailConfirmed_similarBtn a::before {
  background: url(/themes/manager/icons/filemanager/folder-view.svg) no-repeat center;
}

.zr_formImgIcon-h {
  display: none !important;
}

.zr_formImgIconText {
  display: none !important;
}

.zr_upImgFormCreateFolder:hover .zr_formImgIcon {
  display: none !important;
}

.zr_upImgFormCreateFolder:hover .zr_formImgIcon-h {
  display: block !important;
}

.zr_upImgFormCreateFolder:hover .zr_formImgIconText {
  display: block !important;
}

.zr_upImgFormCreateFolder {
  background-color: transparent !important;
  padding: 0 8px !important;
}

#newFolder.zr_upImgFormCreateFolder.sp-f-button:hover {
  color: white !important;
  background-color: var(--primary60, #003556) !important;
  margin-right: 8px;
}

.FMCreateFolder .sp-btn-cancel {
  background-color: transparent !important;
}

.zr_fm_server_sepLine_title {
  width: 1px;
  height: 18px;
  background: var(--MainBlack, #000000);
}

.zr_fm_server_sepLine_detailTop {
  width: 100%;
  height: 0;
  border: 1px solid var(--gray50, #C5C5C5);
}

.zr_fm_server_sepLine_detailMid {
  width: 1px;
  height: 18px;
  background: var(--gray50, #C5C5C5);
}

.zr-w-27p {
  width: 27% !important;
}

.zr-fm-srvMng-btn {
  outline: 1px solid var(--primary70) !important;
  background-color: unset !important;
  background: var(--white, #FFFFFF) !important;
  border-radius: var(--smallradius) !important;
  font-weight: 400 !important;
  height: 34px;
}

.zr-fm-srvMng-btn:not(:focus, :hover)::before {
  background-size: 100% 100%;
}

.zr-fm-srvMng-btn::before {
  background: url(/themes/manager/icons/filemanager/server-spaceManagementHover.svg) no-repeat center;
  width: 25px;
  height: 25px;
}

.zr-fm-srvMng-btn:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/server-spaceManagement.svg) no-repeat center;
  width: 25px;
  height: 25px;
}

.zr_fm_SSM_itemBox {
  border: 1px solid var(--Gray10);
  background-color: var(--white);
  border-radius: var(--largeradius);
  box-shadow: var(--boxShadowLight);
}

.zr_fm_SSM_optimize {
  border-radius: var(--smallradius) !important;
  height: 34px;
  width: 175px !important;
  justify-self: center !important;
}

.zr_fm_SSM_optimize::before {
  background-size: 100% 100%;
  content: '';
  background: url(/themes/manager/icons/filemanager/SSM-OptimizeHover.svg) no-repeat center;
  width: 22px;
  height: 22px;
  margin-left: 6px !important;
}

.zr_fm_SSM_optimize:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/SSM-Optimize.svg) no-repeat center;
}

.zr_fm_SSM_optimize_disable::before {
  background-size: 100% 100%;
  content: '';
  background: url(/themes/manager/icons/filemanager/SSM-Optimize-disabled.svg) no-repeat center;
  width: 22px;
  height: 22px;
  margin-left: 6px !important;
}

.zr_fm_SSM_optimize_disable {
  background: var(--link5, #E6F2FF) !important;
  color: var(--link50, #007AFF) !important;
  filter: grayscale(1);
  cursor: not-allowed !important;
  width: 175px !important;
  justify-self: center !important;
}

/*----SSMInprogress*/
.zr_fm_SSMIP_progressBar {
  height: 8px;
  background: #E2E8F0;
  border-radius: 50px;
}

.zr_fm_SSMIP_progressBar .progress {
  height: 8px;
  border-radius: 50px;
  min-height: unset !important;
  width: 0;
  transition: width 2s ease;
}

.zr_fm_server_sepLine_optitem {
  width: 100%;
  height: 0;
  border: 1px solid var(--gray15, #EEEEEE);
  /*margin-bottom: 1rem;*/
}

.zr_fm_SSMIP_notifBox {
  background: #E5ECF0;
}

.zr_fm_SSMIP_minimize {
  font-weight: 400 !important;
}

.zr_fm_SSMIP_minimize::before {
  background: url(/themes/manager/icons/filemanager/SSM_minimizeHover.svg) no-repeat center;
}

.zr_fm_SSMIP_minimize:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/SSM_minimize.svg) no-repeat center;
}

.zr_fm_SSMIP_status .progressCircle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: conic-gradient(#003556 0%, #cfcfcf 0);
  transition: mask 2s ease;
  -webkit-mask: radial-gradient( farthest-side, transparent calc(15% + 9px), #000 calc(50% + 4px) );
  mask: radial-gradient( farthest-side, transparent calc(15% + 9px), #000 calc(50% + 4px) );
}

;
/*---FMNoDocsImages-*/
.zr_fmSSM_NoDocs_header {
  width: 100%;
  height: auto;
}

.zr_fmSSM_headSep {
  width: 100%;
  height: 1px;
  background: var(--gray15, #EEEEEE);
}

.zr_fmSSM_headBadge {
  background-color: var(--badge-gray);
  border-radius: 50px;
  width: auto;
  height: 35px;
}

.zr_fmSSM_topItems {
  height: 34px;
}

.zr_fm_addSSMBtn {
  border-radius: var(--smallradius) !important;
  height: 34px;
  cursor: pointer !important;
}

.zr_fm_addSSMBtn_disable {
  background: var(--link5, #E6F2FF) !important;
  color: var(--link50, #007AFF) !important;
  filter: grayscale(1);
  cursor: not-allowed !important;
}
/*----FMLargeImages*/
.zr_fmSSM_largeImg_header {
  width: 100%;
  height: auto;
}

.zr_fmSSM_headSep {
  width: 100%;
  height: 1px;
  background: var(--gray15, #EEEEEE);
}

.zr_fmSSM_headBadge {
  background-color: var(--badge-gray);
  border-radius: 50px;
  width: auto;
  height: 35px;
}

.zr_fmSSM_topItems {
  height: 34px;
}

.zr_fm_addSSMBtn {
  border-radius: var(--smallradius) !important;
  height: 34px;
  cursor: pointer !important;
}

.zr_fm_addSSMBtn_disable {
  background: var(--link5, #E6F2FF) !important;
  color: var(--link50, #007AFF) !important;
  filter: grayscale(1);
  cursor: not-allowed !important;
}

/*----FMServerSpaceManagement*/
.zr-SSMS-CheckBox {
}

.zr-SSMS-isCheckedSome:checked:after {
  transform: rotate(90deg) !important;
  border-bottom: 0 !important;
  top: 0 !important;
  border-right: 3px solid #FF9500 !important;
}

.zr-SSMS-isCheckedSome:checked::before {
  border: 1px solid #FF9500 !important;
  background-color: #FFF4E6 !important;
}

.zr_fm_SSM_selectedSpace {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: conic-gradient(#167a2f 0%, #cfcfcf 0);
  transition: mask 2s ease;
  -webkit-mask: radial-gradient( farthest-side, transparent calc(50% + 10px), #000 calc(50% + 11px) );
  mask: radial-gradient( farthest-side, transparent calc(50% + 10px), #000 calc(50% + 11px) );
}

.sp-row > .zr_editImgName {
  width: 58.33333% !important;
  max-width: 58.33333%;
  margin: 0 auto;
}
/*FileManager -- End*/
/*Image Upload Comp: Edit Contact*/
.sp-d-imageupload .sp-f-title {
  display: none; /* width: 0; */
}

.sp-d-imageupload, #divImageURL {
  outline: 0px !important;
  background: transparent !important;
}

#LeftFrame {
  width: auto !important;
}

#divLeftFrame {
  justify-content: end !important;
  margin-bottom: 12px !important;
  padding-right: 20px !important;
}
/*Image Upload Comp: Edit Contact -- end*/

.EnterSalesStoneListData #EnterSalesStoneListFrm #divLeftFrame {
  padding-right: 0 !important;
}

.zr-label-productitem:hover > div {
  background-color: var(--primary70) !Important;
  color: white !Important;
}

.zr-title-small {
  --Pagewidthtitle: var(--widthtitle);
}

/*ManageFileManager*/

.ManageFileManager .zr-page-content {
  padding: 16px !important;
  padding-left: 6px !important;
}

.zr-fm-srvReset-btn {
  outline: 1px solid var(--gray70, #767676) !important;
  background-color: unset !important;
  background: var(--white, #FFFFFF) !important;
  border-radius: var(--smallradius) !important;
  font-weight: 400 !important;
  height: 34px;
  color: var(--gray70, #767676);
}

.zr-fm-srvReset-btn:hover {
  outline: 1px solid var(--link60, #0062CC) !important;
}

.zr-fm-srvReset-btn::before {
  background: url(/themes/manager/icons/filemanager/server-resetHover.svg) no-repeat center;
  width: 20px;
  height: 20px;
}

.zr-fm-srvReset-btn:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/filemanager/server-reset.svg) no-repeat center;
}

#FmServerSpace {
  font-size: 14px;
}

.zr_fm_picItemBox-s.noAttachment::after,
.zr_fm_picItemBox.noAttachment::after {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  background: url(/themes/manager/icons/filemanager/noAttPic-tag.svg) no-repeat center;
}

.zr_fm_picItemBox-s.noAttachment::after {
  bottom: 41px;
  left: 12px;
}

.zr_fm_picItemBox.noAttachment::after {
  bottom: 61px;
  left: 12px;
}

.zr_fm_cards_bottom:first-child {
  /*max-height: 53%;*/
}

.zr_fm_cards_bottom:last-child {
  max-height: 360px;
}

/*ManageFileManager - LatesetImg*/
.zr_fm_picItemBox-s>p {
  max-width: 154px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
}

.zr_fm_picItemBox-s {
  /*width: calc((100% / 7) - (24px * 6 / 7));*/
}

/*ManageFileManager - ServerStateBar*/
.zr_fm_ServerStatusBar {
  height: 18px;
  background: var(--gray30, #DCDCDC);
}

.zr_fm_ServerStatusItems li .itemBullet {
  width: 12px;
  height: 12px;
}

.zr_fm_ServerStatusOptimize:not(:hover, :focus) {
  outline: 1px solid var(--gray60, #9E9E9E) !important;
  background: var(--white, #FFFFFF) !important;
}

.zr_fm_ServerStatusOptimize:not(:hover, :focus)::before {
  background-image: url('/themes/manager/icons/filemanager/OptimizeServer.svg')
}

.zr_fm_ServerStatusOptimize::before {
  background-image: url('/themes/manager/icons/filemanager/OptimizeServerHover.svg')
}

/*ManageFileManager - ServerStatesNum*/
.zr_fm_ServerStatusItems {
  height: 153px;
  /*max-height: 153px;*/
  max-height: 8vw;
  overflow: auto;
}

/*FMBackupManagement*/
.sp-icon-xlarge {
  max-width: 48px !important;
  max-height: 48px !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.zr_fm-bm_cardBox {
  border: 1px solid var(--Gray10);
  background-color: var(--white);
  border-radius: var(--largeradius);
  box-shadow: 0px 0px 12px 0px #0000000A;
}

.zr_fm-bm_img img {
  width: 327px;
}

.zr_fm-bm_backupCheckItemBox {
  width: 320px;
  border: 1px solid #EEE7D0;
  box-shadow: 0px 4px 15px 0px #0000000D;
  border-radius: 14px;
}

.zr_fm-bm_backupCheckItemBox input,
.zr_fm-bm_backupCheckItemBox input::before {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

.zr_fm-bm_backupCheckItemBox input::after {
  left: 7px !important;
  top: 2px !important;
  height: calc(var(--checkboxheight) - 4px) !important;
  width: 7px !important;
}

.zr_fm-bm_backupCheckItemBox input:checked::after {
  border-bottom: 3px solid var(--approved70, #1F7735) !important;
  border-right: 3px solid var(--approved70, #1F7735) !important;
}

.zr_fm-bm_backupBtn a {
  max-width: 320px;
  border-radius: var(--smallradius) !important;
}

.zr_fm-bm_backupBtn a.disabled,
.zr_fm-bm_backupBtn #FMBackupStart.disabled:hover:not(:focus) {
  outline: 1px solid var(--gray40, #D1D1D1) !important;
  background-color: unset !important;
  background: var(--gray40, #D1D1D1) !important;
  border-radius: var(--smallradius) !important;
  color: var(--gray80, #4F4F4F) !important;
  cursor: not-allowed;
}

.zr_fm-bm_backupNote img {
  width: 18px;
  height: 18px;
}

@keyframes fmBackupLoad {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.zr_fm-bm_backupInProg img {
  animation: fmBackupLoad 2.5s steps(9, end) infinite;
}

.zr_fm-bm_backupHistory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}

/*FMImgInfoDetails*/
.zr_DetailConfirmedBox .values>li {
  max-width: 320px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
}

/*FMImagesList - EmptyDirectory*/
.zr_emptyDirPic {
  max-width: 334px;
}

.zr-darkFont {
  color: var(--MainThemeColor, #00426C);
}

.zr_emptyDirBtn>a {
  width: 274px;
  height: 40px;
}

.zr_emptyDirBtn .movePic {
  outline: 1px solid var(--primary50, #00426C);
}

.zr_emptyDirBtn .addPic {
  outline: 1px solid var(--gray50, #C5C5C5);
  background: var(--white, #FFFFFF) !important;
}

/*FMImagesList - ListPics*/
.zr_fm_picItemBox-s>p {
  max-width: 154px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: ltr;
}

/*FMImagesList - FrameTarget*/
.zr_fm_il_options {
  top: 0;
  z-index: 5;
}

.zr_fm_options_box {
  top: 78px;
  z-index: 5;
}

.zr-english-input {
  text-align: left !important;
  padding-left: 12px !important;
  direction: ltr !important;
}

#breadCrumbs{
  max-width: 70%;
  overflow: clip;
}

#breadCrumbs .breadCrumb.zr-user-disabled:last-child {
  color: var(--gray80, #4F4F4F) !important;
}

#breadCrumbs .breadCrumb::after{
  content: '';
  width: 24px;
  height: 24px;
  background: url('/themes/manager/icons/filemanager/breadCrumbs-left-arrow.svg');
  background-size: 100% 100%;
}

#breadCrumbs .breadCrumb:last-child:not(:only-child)::after{
  background: unset;
}

#breadCrumbs .breadCrumb .zr_crumbsBullet {
  width: 5px;
  height: 5px;
  border-radius: 30px;
  background: var(--gray60, #9E9E9E);
}

/*edit file info*/
.zr_fm_imgInfoBtn{
  min-width: 160px !important;
}

.FMUpProdImgDetail #ChangeImgBtn.sp-f-button.sp-btn-undo:not(:hover, :focus){
  outline: 1px solid var(--gray80,#4f4f4f) !important;
  color: var(--gray80,#4f4f4f) !important;
}

/*relativeFile*/
.FMUpProdImgDetail  .zr_fm_UpedImgForm{
  width:450px; 
  height:450px; 
  --line: black;
}

.FMUpProdImgDetail #_RelativeFile{
  padding-left: 20px !important;
  align-items: flex-start !important;
}

.FMUpProdImgDetail #_RelativeFile.sp-drop-button:after{
  right: unset !important;
  left: 0px !important;
}

.FMUpProdImgDetail #_RelativeFile.sp-drop-show.sp-drop-button{
  outline: unset !important;
}

.FMUpProdImgDetail  .zr-dataForm .sp-c-12>div{
  margin: 0 !important;
}

/*--------------------------------File Manager - END*/

/*Color Pick Comp*/
.color-picker-mainColorBtnWrapper {
  /*width: 276px;*/
  height: 30px;
  background: #F9F9F9;
}

.color-picker-mainColorBtnWrapper p {
  font-size: 14px;
  direction: ltr;
}

.colorPicTitle {
  color: var(--FontInputColor);
}

.color-picker-container {
  width: 336px;
  height: 424px;
  background: var(--MainWhite);
  box-shadow: var(--colorPickContainerShadow);
  font-family: sans-serif;
  /*top: 36px;
  right: 0;*/
  z-index: 32 !important;
  display: none;
}

.color-picker-container.zr-cpShow{
  display: block;
}

/*.color-picker-mainColorBtnBox{
width: 80px;
height: 30px;
border: 1px solid #000000;
}*/

#colorPickerBtn {
  background-color: red;
  width: 18px;
  height: 18px;
  border-radius: 50px;
}

.cpMainBox {
  width: 18px;
  height: 18px;
  border-radius: 50px;
  outline: 2px solid var(--gray15, #EEEEEE);
}

.cpMainBoxBack {
  width: 18px;
  height: 18px;
  border-radius: 50px;
  background-color: #fff;
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 6px 6px;
  background-position: 0 0, 0 3px, 3px -3px, -3px 0;
}

.picker-header {
  border-bottom: 1px solid var(--gray10);
}

.color-board {
  width: 240px;
  height: 240px;
  background-color: var(--current-hue);
  cursor: crosshair;
  /*border: 1px solid var(--gray10);*/
  border-radius: 8px 6px 8px 8px;
  outline: 2px solid var(--gray15, #EEEEEE);
}

#colorBoard .color-white {
  border-radius: 7px 8px 16px 16px;
}

#colorBoard .color-black {
  border-radius: 16px 16px 8px 8px;
}


.color-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.color-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.hue-slider {
  width: 16px;
  height: 240px;
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  /*border: 1px solid var(--gray10);*/
  outline: 2px solid var(--gray15, #EEEEEE);
}

.alpha-slider {
  width: 16px;
  height: 240px;
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%);
  background-size: 8px 8px;
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  /*border: 1px solid var(--gray10);*/
  outline: 2px solid var(--gray15, #EEEEEE);
}

.alpha-track {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #ff0000 0%, transparent 100%);
}

.boardPointerBox .pointer {
  width: 12px;
  height: 12px;
  border: 2px solid var(--MainWhite);
  background-color: var(--MainWhite);
  transform: translate(-50%, -50%);
  box-shadow: var(--colorPickPointerShadow);
  pointer-events: none;
  /* clip-path: polygon(33% 0, 66% 0, 100% 33%, 100% 66%, 66% 100%, 33% 100%, 0 66%, 0 33%); */
}

.boardPointerBox .pointer > div,
.huePointerBox .hue-pointer > div,
.alpha-pointerBox .hue-pointer > div {
  width: 8px;
  height: 8px;
  background-color: red;
  /* clip-path: polygon(33% 0, 66% 0, 100% 33%, 100% 66%, 66% 100%, 33% 100%, 0 66%, 0 33%); */
}

.boardPointerShadow {
  width: 12px;
  height: 12px;
  background-color: transparent;
  box-shadow: var(--colorPickPointerShadow);
  left: 97%;
  top: -3%;
}

.huePointerShadow,
.alpha-pointerShadow {
  width: 12px;
  height: 12px;
  background-color: transparent;
  box-shadow: var(--colorPickPointerShadow);
  left: 50%;
  top: -3%;
  transform: translateX(-54%);
}

.hue-pointer {
  width: 12px;
  height: 12px;
  border: 2px solid var(--MainWhite);
  background-color: var(--MainWhite);
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  box-shadow: var(--colorPickPointerShadow);
}

.tabs-container {
  height: 36px;
  background: var(--InputColor);
}

.tab-btn {
  background: none;
  transition: background 0.2s ease;
}

.tab-btn.active {
  background: var(--MainWhite);
  box-shadow: var(--colorPickActiveShadow);
  padding: 8px 12px;
  margin: 4px 0px;
}

.input-group input:focus-visible {
  outline: var(--grey3) solid 1px;
}

.input-group.active {
  display: flex !important;
}

.input-group input {
  padding: 8px 12px !important;
  padding-left: 16px !important;
  border: none;
  border-radius: 8px;
  background-color: var(--InputColor);
  width: 25%;
  text-align: center;
  height: 30px;
  border-radius: 4px !important;
}

.color-picker-sectionMain .input-group input{
  color: var(--colorPickerInputColor) !important;
}

.input-group[data-mode="hex"] input {
  width: unset;
  flex: 1;
  text-align: left;
  direction: ltr !important;
}

.input-group[data-mode="hex"] input:nth-child(2) {
  width: unset;
  flex: 1;
  text-align: center;
}

.color-picker-container input[type=number]::-webkit-inner-spin-button,
.color-picker-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

#alphaInputHex {
  padding: 8px 12px !important;
  padding-right: 16px !important;
}

.opacity-input {
  width: 60px;
  flex-grow: 0 !important;
  text-align: center !important;
  padding: 8px 12px !important;
  padding-left: 16px !important;
}

.percent-sign,
.input-sign {
  position: absolute;
  right: 8px;
  bottom: 50%;
  transform: translateY(45%);
  pointer-events: none;
  font-size: 14px;
  color: var(--colorPicktag);
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.sign-rgbR, .sign-hslH, .sign-hsbH {
  right: auto;
  left: 10px;
}

.sign-rgbG, .sign-hslS, .sign-hsbS {
  right: auto;
  left: 87.73px;
}

.sign-rgbB, .sign-hslL, .sign-hsbB {
  right: auto;
  left: 165.46px;
}
/*Color Pick Comp -- end*/

.zr-boxshadow-none {
  box-shadow: none !important;
}

.zr-msg-warningbtn {
  width: 135px !important;
  height: 26px !important;
  max-width: unset !important;
  max-height: unset !important;
  min-width: unset !important;
  min-height: unset !important;
  font-size: 0.875rem !important;
}

.zr-msg-warningbtn::before {
  width: 12px !important;
  height: 12px !important;
  margin-top: 2px !important;
}

.zr-select-sales-input, .sp-f-row.zr-select-sales-input:is(:hover, :focus, :focus-within):not(.zr-role-section .sp-d-section, .sp-f-readonly) {
  --InputHeight: 36px !important;
  --bgDoccolor: var(--MainWhite, #fff) !important;
  --InputColor: var(--MainWhite, #fff) !important;
  --grayWhite: var(--MainWhite, #fff) !important;
  /* --gray5: var(--MainWhite, #fff) !important;
  --link50:var(--MainBlack);*/
  border-radius: var(--inputrp) !important;
}

.zr-select-sales-input .sp-drop-button, .sp-f-row.zr-select-sales-input:is(:hover, :focus, :focus-within):not(.zr-role-section .sp-d-section, .sp-f-readonly) .sp-drop-button {
  --gray5: var(--MainWhite, #fff) !important;
  color: var(--MainBlack) !important;
}

.sp-dialog .sp-main-loading {
  min-height: 300px;
}

.zr-sales-firstcol {
  width: 300px;
}


.zr-sales-drop-1 {
  width: 30%;
}

.zr-sales-drop-2 {
  width: 37%;
}

.sp-drop-button:after {
  margin-left: 0;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .zr-select-sales-input :is(.sp-drop-button) {
  padding-left: 1.5rem;
}

.sp-drop-button > span {
  direction: rtl;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;

}

.zr-select-simple .sp-drop-button > span{
  white-space: nowrap;
}

.sp-drop-button > span:hover {
  background: transparent;
  min-width: fit-content;
}

.zr-select-simple.zr-select-gray {
  --bgDoccolor: var(--gray5, #F9F9F9) !important;
  --InputColor: var(--gray5, #F9F9F9) !important;
  --gray5: var(--gray5, #F9F9F9);
  --TempbgDoccolor: var(--gray5, #F9F9F9);
  --grayWhite: var(--gray5, #F9F9F9);
  --link50: var(--gray30, #DCDCDC);
  --link20: var(--gray20, #E8E8E8);
  --link5: var(--gray15, #EEEEEE);
  --borderDoccolor: var(--gray30, #DCDCDC);
  --approved60: var(--gray30, #DCDCDC);
}

.sp-f-disabled.sp-drop-button:after {
  display: none;
}

.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: transparent !important;
  outline: 0.5px solid transparent;
  padding-left: 0.5rem;
}

/*Financial Close Final*/
/*--steps main*/
.zr_fc_main .zr_fc_Steps {
  outline: 1px solid var(--gray10, #F3F3F3);
  box-shadow: var(--boxShadowLight);
  height: calc(100% - 110px);
  background: var(--MainWhite, #FFFFFF);
}

#fc-debtsSk .zr_fc_stepDebts{
  background: transparent;
}

.zr_fc_debtsWrapper > div{
  background: var(--MainWhite, #FFFFFF);
}

.zr_fc_Steps.zr_fc_stepDebts {
  outline: none;
  box-shadow: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.zr_fc_main .zr_fc_Steps .zr_fc_debtBox,
.zr_fc_main .zr_fc_Steps .zr_fc_taxBox {
  /*outline: 1px solid #F3F3F3;*/
  box-shadow: var(--boxShadowLight);
}

.zr_fc_stepsWrapper {
  min-width: 360px;
  outline: 1px solid var(--gray10, #F3F3F3);
  box-shadow: var(--boxShadowLight);
  background: var(--MainWhite, #FFFFFF);
}

.zr_fc_stepTopTitle {
  background: linear-gradient(90deg, var(--primary10, #CCD9E2) 0%, #B2C6D3 100%);
  border: 1px solid var(--sales10, #DBE2E2);
}

.zr_fc_step_btnBox {
  --FCstepBorder: #F3F3F3;
  border: 1px solid var(--FCstepBorder);
  cursor: not-allowed;
  box-shadow: var(--boxShadowLight);
}

.zr_fc_step_btnBox:is(.step-inProgress , .step-wait, .step-done){
  cursor: pointer;
}

.zr_fc_step_btnBox .zr_fc_step_btnTitle {
  --FCstepTitle: #767676;
  color: var(--FCstepTitle);
  line-height: 20px;
}

.zr_fc_step_btnBox .zr_fc_step_btnDesc{
  line-height: 20px;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon {
  --FCstepIconBorder: #9E9E9E;
  --FCstepIconBack: #FFFFFF;
  border: 1px solid var(--FCstepIconBorder);
  background: var(--FCstepIconBack);
  min-width: 46px;
  min-height: 46px;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon::before {
  content: "";
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
}

.zr_fc_step_btnBox.step-wait #step-wait-icon {
  display: flex !important;
}

.zr_fc_step_btnBox.step-wait #step-wait-icon::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/themes/manager/icons/baseinformations/DocWarning.svg) no-repeat center;
  background-size: 100% 100%;
}

.zr_fc_step_vrLine {
  --FCvrLine: #D1D1D1;
  width: 2px;
  height: 37px;
  background: var(--FCvrLine);
}

.zr_fc_step_vrLine.done {
  --FCvrLine: #004999
}

/*box border states*/
.zr_fc_step_btnBox.step-done {
  --FCstepBorder: #D6F4DE
}

.zr_fc_step_btnBox.step-inProgress {
  --FCstepBorder: #CCE4FF
}

.zr_fc_step_btnBox.step-wait {
  --FCstepBorder: #FFEACC
}

/*box title states*/
.zr_fc_step_btnBox.step-done .zr_fc_step_btnTitle {
  --FCstepTitle: #155024
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnTitle {
  --FCstepTitle: #004999
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnTitle {
  --FCstepTitle: #995900
}

/*box icon border & background states*/
.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon {
  --FCstepIconBorder: #155024;
  --FCstepIconBack: #155024
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon {
  --FCstepIconBorder: #004999
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon {
  --FCstepIconBorder: #995900;
  --FCstepIconBack: #FFF4E5
}

/*box icon states*/
.zr_fc_step_btnBox .zr_fc_step_btnIcon.vid::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-vid.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.vid::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-vid-done.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.vid::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-vid-prog.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.vid::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-vid-wait.svg) no-repeat center;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon.docs::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-docs.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.docs::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-docs-done.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.docs::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-docs-prog.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.docs::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-docs-wait.svg) no-repeat center;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon.rates::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-rates.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.rates::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-rates-done.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.rates::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-rates-prog.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.rates::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-rates-wait.svg) no-repeat center;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon.debts::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-debtsNew.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.debts::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-debts-doneNew.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.debts::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-debts-progNew.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.debts::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-debts-waitNew.svg) no-repeat center;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon.prods::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-prods.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.prods::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-prods-done.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.prods::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-prods-prog.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.prods::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-prods-wait.svg) no-repeat center;
}

.zr_fc_step_btnBox .zr_fc_step_btnIcon.final::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-final.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-done .zr_fc_step_btnIcon.final::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-final-done.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-inProgress .zr_fc_step_btnIcon.final::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-final-prog.svg) no-repeat center;
}

.zr_fc_step_btnBox.step-wait .zr_fc_step_btnIcon.final::before {
  background: url(/themes/manager/icons/baseinformations/financialclosefinal/fc-final-wait.svg) no-repeat center;
}

/*step1 - vid*/
.zr_fc_steps_titleIcon {
  min-width: 64px;
  min-height: 64px;
  border: 1px solid var(--gray10, #F3F3F3);
  box-shadow: var(--boxShadowLight);
}

.zr_fc_steps_titleIcon .sp-icon-large{
  max-width: unset !important;
  max-height: unset !important;
}

.zr_fc_bottomBtnsBox > a {
  width: 132px;
  max-height: 32px;
}

.zr_fc_bottomBtnsBox > .cancel {
  outline: 1px solid #767676 !important;
  color: #767676 !important;
  background: unset !important;
}

.zr_fc_bottomBtnsBox > .skip {
  outline: 1px solid #002841 !important;
  color: #002841 !important;
  background: unset !important;
}

.zr_fc_bottomBtnsBox > .next.disable,
.zr_fc_bottomBtnsBox > #fc-actionBtn-next.disable:hover:not(:focus) {
  outline: 1px solid #9E9E9E !important;
  color: white !important;
  background: #9E9E9E !important;
  cursor: not-allowed;
}

/*Financial Close Final End*/

.zr-inputCheck-large {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

.zr-inputCheck-large::before {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

.zr-inputCheck-large::after {
  left: 7px !important;
  top: 2px !important;
  height: calc(var(--checkboxheight) - 4px) !important;
  width: 7px !important;
}

.zr-inputCheck-large:checked:after {
  border-bottom: 3px solid var(--approved70, #1F7735) !important;
  border-right: 3px solid var(--approved70, #1F7735) !important;
}

.zr-rightside-invoice {
  min-width: 300px;
}

.zr-item-selinvoice {
  border: 1px solid var(--production60);
  background: var(--primary5);
  min-width: fit-content;
}

.zr-parent-selinvoice{
  margin-left: -1.5rem;
}

.zr-tab-invoice {
  min-width: 86px;
  min-height: 48px;
  border-radius: 0.5rem;
  color: var(--MainWhite) !important;
  margin-left: 1rem;
}

.zr-tab-invoice.zr-selected, .zr-tab-invoice:hover {
  background: var(--MainWhite);
  color: var(--primary70) !important;
}

.zr-tab-invoice.zr-selected {
  width: 100%;
}

.zr-tab-invoice.zr-selected::after, .zr-tab-invoice.zr-selected::before {
  content: "";
  position: absolute;
  left: -2px;
  width: 1.5rem;
  height: 2rem;
  z-index: 2;
}

.zr-tab-invoice.zr-selected::before {
  bottom: 100%;
  border-bottom-left-radius: 1rem;
  box-shadow: -8px 20px 0px 6px var(--MainWhite, #fff);
}

.zr-tab-invoice.zr-selected::after {
  top: 100%;
  border-top-left-radius: 1rem;
  box-shadow: -10px -16px 0px 8px var(--MainWhite, #fff);
}

:is(.zr-tab-invoice.zr-selected,.zr-tab-invoice:hover) .zr-icon-main, .zr-icon-hover {
  display: none;
}

:is(.zr-tab-invoice.zr-selected,.zr-tab-invoice:hover) .zr-icon-hover, .zr-icon-main {
  display: flex;
}

/*.sp-gap-7 {
gap: 1.75rem;
}*/

.zr-invoice-active-badge {
  background: var(--error50);
  width: 6px;
  height: 6px;
}

.zr-invoice-productitem {
  border: 1px solid var(--gray30);
  width: 102px;
  height: 162px;
}

.zr-invoice-productitem-color {
  height: 60px;
  left: 0;
  right: 0;
  bottom: -50px;
}

.zr-invoice-productitem:is(:hover,.zr-isselected) {
  background: var(--link5);
  border: 1px solid var(--link80);
}

.zr-invoice-productitem:is(:hover,.zr-isselected) p {
  color: var(--link80);
}

.zr-invoice-productitem:is(:hover,.zr-isselected) .zr-invoice-productitem-color {
  background: var(--link80) !important;
}

.zr-invoice-productitem:is(:hover,.zr-isselected) .zr-invoice-BaseIcon, .zr-invoice-HoverIcon {
  display: none;
}

.zr-invoice-productitem:is(:hover,.zr-isselected) .zr-invoice-HoverIcon, .zr-invoice-productitem .zr-invoice-BaseIcon {
  display: flex;
}

.zr-second-metal{
  --icongridbtnwidth: 72px;
}

.zr-has-skeleton-remain-small .sp-skeleton-container{
  min-width: var(--Gridremainwidth);
  height:32px;
}


.zr-has-skeleton-remain-small .sp-skeleton-container .sp-skeleton{
  min-height:unset;
}

.sp-c-12.zr-Trfilter{
  padding: 0 !important;
}

.sp-grid-row .sp-grid-cell, .sp-g-row .sp-g-cell {
  overflow: unset;
  text-overflow: unset;
}

.zr-hasfiveremain .zr-RemainItem{
  flex: 1;
  min-width:auto !important;
}

.zr-hasfiveremain .zr-ramainbox-parent:not(.zr-remain-open) .RemainPrice {
  margin-block:auto;
}
.zr-hasfiveremain .zr-ramainbox-parent:not(.zr-remain-open) .zr-b-Remain{
  height:32px;
  margin-block:auto;
}

/*
//filter inputs padding new
.sp-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-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-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);
}

.zr-pagefilter :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);
}


.zr-pagefilter :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;
}

.zr-pagefilter :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);
}

.zr-dataForm :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);
}


.zr-dataForm :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;
}

.zr-dataForm :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);
}
*/

/*filter inputs padding new -- end*/

/*platform border correction*/
*, ::after, ::before, ::backdrop {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
}
/*END - platform border correction*/

.zr-overflowx-hidden{
  overflow-x: hidden;
}
.zr-overflowy-hidden{
  overflow-y: hidden;
}

.zr-overflowx-auto{
  overflow-x: auto;
}

.zr-overflowy-auto{
  overflow-y: auto;
}

/*-----------------------------------------------------------------------FinancialClose*/

/*FinancialClose*/
#FinancialCloseBilan .sp-g-header .sp-g-cell span{
  font-weight: 500;
}

#FinancialCloseBilan .sp-g-body .sp-g-cell, #FinancialCloseBilan .sp-g-body .sp-g-cell p{
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.zr-period-top {
  flex-wrap: wrap;
}

.zr-period-top>.zr-period-top__item {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
}

.zr-period-top>.zr-period-top__item--half {
  flex: .5 1 0 !important;
}

.FinancialClose .sp-r>section {
  max-width: 100%;
}

.FinancialClose .sp-r>section .zr-separate-button,
.FinancialClose .sp-r>section .zr-financial-center,
.FinancialClose .sp-r>section .zr_fc_step_content {
  min-width: 0;
  max-width: 100%;
}

.FinancialClose .sp-r>section .zr_fc_step_content {
  overflow-x: auto;
}

.zr-bg-financial {
  outline-offset: 4px;
  border: none;
  outline: 1px solid var(--primary20, #99B3C4);
}

.zr-bg-financial-2 {
  border: none;
  outline-offset: 4px;
  outline: 1px solid var(--rfid20, #C0B6C8);
}

.zr-bg-financial-3 {
  border: none;
  outline-offset: 4px;
  outline: 2px solid var(--Sales20, #B7C6C5);
}

.zr-bg-financial-4 {
  border: none;
  outline-offset: 4px;
  outline: 1px solid var(--Secondary20, #E4DBB8);
}

.zr-bg-financial-5 {
  border: none;
  outline-offset: 4px;
  outline: 2px solid var(--wholesaler-ws-20-bbc-3-c-9, #BBC3C9);
}

.zr-bg-financial-6 {
  border: none;
  outline-offset: 4px;
  outline: 1px solid var(--wholesaler-ws-20-bbc-3-c-9, #BBC3C9);
}

.zr-bg-financial-7 {
  border: none;
  border-radius: 9px;
  padding: 15px;
  color: black;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.zr-bg-financial-8{
  border: none;
  outline-offset: 4px;
  outline: 1px solid var(--sales20, #B7C6C5);
}

.zr-fc-productColor {
  color: #3B2C47;
}

.zr-fc-assetsColor {
  color: #323E47;
}

.zr-fc-totalColor {
  color: #71642E;
}

.zr-fc-bilanColor {
  color: #141414;
}

.zr-fc-coinsColor{
  color: #2E4342;
}

.zr-bg-financial-2 .bg-AssetsLiabilities.js-collapse-toggle:first-child,
.zr-financial-center-footerWrapper.Products {
  background: linear-gradient(90deg, #EFEDF1 0%, #E0DBE4 100%) !important;

}

.zr-bg-financial .bg-AssetsLiabilities.js-collapse-toggle:first-child,
.zr-financial-center-footerWrapper.Assets {
  background: linear-gradient(90deg, #E5ECF0 0%, #CFDCE9 100%) !important;
}

.zr-bg-financial-4 .bg-AssetsLiabilities.js-collapse-toggle:first-child,
.zr-financial-center-footerWrapper.Total {
  background: linear-gradient(90deg, #F8F6ED 0%, #F2EDDB 100%) !important;
}

.zr-bg-financial-6 .bg-AssetsLiabilities.js-collapse-toggle:first-child {
  background: linear-gradient(90deg, #EEF0F1 0%, #DDE1E4 100%) !important;
}

.zr-bg-financial-8  .bg-AssetsLiabilities.js-collapse-toggle:first-child,
.zr-financial-center-footerWrapper.Coins {
  background: linear-gradient(90deg, #EDF1F1 0%, #DBE2E2 100%); !important;
}

:root {
  --fc-product-border: #C0BCC8;
  --fc-assets-border: #B3C6D3;
  --fc-total-border: #E4DBB8;
  --fc-bilan-border: #BBC3C9;
}

#ProductSummeryGrid .sp-g-header,
#ProductSummeryGrid .sp-g-header .sp-g-cell {
  --table-header-border: var(--rfid20, #C0B6C8);
  color: var(--rfid70, #3B2C47);
}

#ProductSummeryGrid .sp-g-header{
  background: var(--RFID5, #EFEDF1);
}

#AssetsLiabilitiesGrid .sp-g-header,
#AssetsLiabilitiesGrid .sp-g-header .sp-g-cell {
  --table-header-border: var(--primary20, #99B3C4);
  color: var(--primary70, #002841);
}

#AssetsLiabilitiesGrid .sp-g-header{
  background: #E5ECF0;
}

#TotalFinancialGrid .sp-g-header,
#TotalFinancialGrid .sp-g-header .sp-g-cell {
  --table-header-border: var(--secondary20, #E4DBB8);
  color: var(--secondary70, #71642E);
}

#TotalFinancialGrid .sp-g-header{
  background: var(--Secondary50, #F8F6ED);
}

#BilanSummeryGrid .sp-g-header,
#BilanSummeryGrid .sp-g-header .sp-g-cell {
  --table-header-border: var(--fc-bilan-border, #BBC3C9);
  color: #323E47;
}

#BilanSummeryGrid .sp-g-header{
  background: #EEF0F1;
}

#CoinsFinancialGrid .sp-g-header,
#CoinsFinancialGrid .sp-g-header .sp-g-cell {
  --table-header-border: var(--sales20, #B7C6C5);
  color: var(--sales70, #2E4342);
}

#CoinsFinancialGrid .sp-g-header{
  background: #EAEFEF;
}


#ProductSummeryGrid .sp-g-header,
.zr-financial-center-footerWrapper.Products {
  border: 0.25px solid var(--rfid20, #C0B6C8) !important;
}

#AssetsLiabilitiesGrid .sp-g-header,
.zr-financial-center-footerWrapper.Assets {
  border: 0.25px solid var(--primary20, #99B3C4) !important;
}

#TotalFinancialGrid .sp-g-header,
.zr-financial-center-footerWrapper.Total {
  border: 0.25px solid var(--secondary20, #E4DBB8) !important;
}

#BilanSummeryGrid .sp-g-header,
.zr-financial-center-footerWrapper.Bilan {
  border: 0.25px solid var(--fc-bilan-border, #BBC3C9) !important;
}

#CoinsFinancialGrid .sp-g-header,
.zr-financial-center-footerWrapper.Coins {
  border: 0.25px solid var(--sales20, #B7C6C5) !important;
}

#products .zr-financial-item-footer {
  border-right: 0.25px solid var(--rfid20, #C0B6C8) !important;
}

#assetsDebts .zr-financial-item-footer {
  border-right: 0.25px solid var(--primary20, #99B3C4) !important;
}

#Coins .zr-financial-item-footer {
  border-right: 0.25px solid var(--sales20, #B7C6C5) !important;
}

#Totall .zr-financial-item-footer {
  border-right: 0.25px solid var(--fc-total-border, #E4DBB8) !important;
}

.zr-financial-item-footer span:first-of-type {
  font-size: var(--GridCellFont);
  font-weight: var(--GridCellFontWeight);
}

.no-shadow {
  box-shadow: none;
}

.FinancialClose .zr-grid-seperate :is(.sp-grid-row, .sp-g-row) {
  box-shadow: none !important;
}

.financial-icons {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Accounting-Primary5, #E5ECF0);
  border: 1px solid var(--Accounting-PrimaryP10, #CCD9E2);
  border-radius: 6px;
  flex-shrink: 0;
}

.financial-icons-2 {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--RFID5, #EFEDF1);
  border: 1px solid var(--RFID10, #E0DBE4);
  border-radius: 6px;
  flex-shrink: 0;
}

.financial-icons-3 {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--OnlineshoppingOS5, #EAEFEF);
  border: 1px solid var(--Sales10, #DBE2E2);
  border-radius: 6px;
  flex-shrink: 0;
}

.financial-icons-4 {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Secondary50, #F8F6ED);
  border: 1px solid var(--Secondary10, #F2EDDB);
  border-radius: 6px;
  flex-shrink: 0;
}

.financial-icons-inner4 {
  height: 42px !important;
  min-width: 384px;
  display: inline-flex;
  align-items: center;
  /*justify-content: center;*/
  border-radius: 6px;
  flex-shrink: 0;
}

.financial-icons-inner8{
  min-width: 384px;
}

.financial-icons-5 {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--Wholesaler5, #EEF0F1);
  border: 1px solid var(--WholesalerS10, #DDE1E4);
  border-radius: 6px;
  flex-shrink: 0;
}

.zr-financial-icon {
  width: 24px !important;
  height: 24px !important;
  display: block;
}

.zr-financial-center {
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.zr-financial-center-footer {
  justify-content: end;
  width: 33.5%;
}

.zr-financial-center-footerWrapper.Assets .zr-financial-center-footer{
  width: 39%;
}

.zr-financial-center-footerTitle.Products {
  width: 57.5%;
}

.zr-financial-center-footerTitle.Assets {
  width: 57.5%;
}

.zr-financial-center-footerTitle.Total {
  width: 63.3%;
}

.zr-financial-center-footerTitle.Coins {
  width: 57.6%;
}

.zr-financial-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
}



.zr-financial-item-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  justify-content: end;
  padding-left: 16px;
  width: calc(100% / 3);
}

.zr-financial-label {
  min-width: 134px;
  text-align: right;
}

.zr-financial-item>div {
  min-width: 220px;
  justify-content: end;
}

.zr-financial-divider {
  width: 1px;
  height: 32px;
  background-color: var(--accounting70, #002841);
}

#FinancialCloseBilan .bg-AssetsLiabilities {
  --Trbg: #15527a !important;
  --Trbg: #ffffff !important;
  --primary60: #E5ECF0 !important;
}

#FinancialCloseBilan .bg-Billan {
  color: var(--gray95, #141414) !important;
  /*--Fontcolor: var(--gray95, #141414) !important;*/
  --Trbg: #ffffff !important;
  --primary60: var(--Wholesaler5, #EEF0F1) !important;
}

#FinancialCloseBilan .bg-Totall {
  color: var(--gray95, #141414) !important;
  --Trbg: #ffffff !important;
  --primary60: var(--Accounting-PrimaryP5, #E5ECF0) !important;
}

#FinancialCloseBilan .bg-Products {
  --Trbg: #ffffff !important;
  --primary60: var(--RFID5, #EFEDF1) !important;
}

#FinancialCloseBilan .bg-Coins {
  --Trbg: #ffffff !important;
  --primary60: #EAEFEF !important;
}

#FinancialCloseBilan .sp-g-body .sp-g-row:not(:last-child){
  margin-bottom: 8px !important;
}

#FinancialCloseBilan .sp-g-body .sp-g-row,
#FinancialCloseBilan .sp-g-header{
  min-height: 50px !important;
}

#FinancialCloseBilan #CoinsFinancialGrid .sp-g-body .sp-g-row{
  min-height: 68px !important;
}

/*
#FinancialCloseBilan .zr-grid-blue {
color: var(--gray95, #141414) !important;
--Fontcolor: var(--Accounting-Primary70, #002841) !important;
}
*/
#FinancialCloseBilan .FinancialClose :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, #003556);
  color: var(--Secondary70, #71642E) !important;
  --table-header-border: var(--primary40, #336889);
}
/*
#FinancialCloseBilan .zr-grid-yellow {
color: var(--gray95, #141414) !important;
}

#FinancialCloseBilan .zr-grid-yellow-1 {
color: var(--gray95, #141414) !important;
}

#FinancialCloseBilan .zr-grid-purple {
color: var(--gray95, #141414) !important;
--Fontcolor: var(--RFID70, #3B2C47) !important;
}

#FinancialCloseBilan .zr-grid-bilan {
color: var(--gray95, #141414) !important;
--Fontcolor: var(--Gray95, #141414) !important;
}

#FinancialCloseBilan .zr-grid-green {
color: var(--gray95, #141414) !important;
--Fontcolor: var(--Sales70, #2E4342) !important;
}

#FinancialCloseBilan .zr-grid-gray {
color: var(--gray95, #141414) !important;
--Fontcolor: var(--Wholesaler70, #323E47) !important;
}
*/
#AssetsLiabilitiesGrid .sp-g-body .sp-g-row, #AssetsLiabilitiesGrid .sp-g-body .sp-g-row .sp-g-cell{
  border-color: var(--primary20, #99B3C4) !important;
}

#ProductSummeryGrid .sp-g-body .sp-g-row, #ProductSummeryGrid .sp-g-body .sp-g-row .sp-g-cell{
  border-color: var(--rfid20, #C0B6C8) !important;
}

#TotalFinancialGrid .sp-g-body .sp-g-row, #TotalFinancialGrid .sp-g-body .sp-g-row .sp-g-cell{
  border-color: var(--secondary20, #E4DBB8) !important;
}

##BilanSummeryGrid .sp-g-body .sp-g-row, #BilanSummeryGrid .sp-g-body .sp-g-row .sp-g-cell{
  border-color: var(--fc-bilan-border, #BBC3C9) !important;
}

#CoinsFinancialGrid .sp-g-body .sp-g-row, #CoinsFinancialGrid .sp-g-body .sp-g-row .sp-g-cell{
  border-color: var(--primary20, #99B3C4) !important;
}

#FinancialCloseBilan .zr-blue-border {
  border: 1px solid var(--Accounting-Primary70, #002841);
}

#FinancialCloseBilan .sp-g-body .sp-g-row {
  background: var(--gray5, #F9F9F9) !important;
}

#FinancialCloseBilan .sp-g-body .sp-g-row:hover{
  background: var(--link5, #E6F2FF) !important;
}

#FinancialCloseBilan .zr-grid-blue .sp-g-cell.sp-g-sorting a::before {
  background-image: url(/themes/manager/icons/baseinformations/flash.svg) !important;
  background-size: 170% !important;
}

#FinancialCloseBilan .zr-grid-yellow .sp-g-cell.sp-g-sorting a::before {
  background-image: url(/themes/manager/icons/baseinformations/yellow-flash.svg) !important;
  background-size: 60% !important;
}

#FinancialCloseBilan .zr-grid-gray .sp-g-cell.sp-g-sorting a::before {
  background-image: url(/themes/manager/icons/baseinformations/gray-flash.svg) !important;
  background-size: 60% !important;
}

#FinancialCloseBilan .zr-grid-green .sp-g-cell.sp-g-sorting a::before {
  background-image: url(/themes/manager/icons/baseinformations/green-flash.svg) !important;
  background-size: 60% !important;
}

#FinancialCloseBilan .zr-grid-purple .sp-g-cell.sp-g-sorting a::before {
  background-image: url(/themes/manager/icons/baseinformations/purple-flash.svg) !important;
  background-size: 60% !important;
}

#FinancialCloseBilan .grid-daraei {
  display: none;
}

#FinancialCloseBilan .closed-content-daraei {
  display: block;
}

.FinancialClose #mySection.isopen .grid-daraei {
  display: block;
}

.FinancialClose #mySection.isopen .closed-content-daraei {
  display: none;
}

.FinancialClose #mySection #abri {
  display: none;
}

.FinancialClose #mySection.isopen #abri {
  display: block;
}

.FinancialClose #abriSection #assetsDebts {
  display: none;
}

.zr-abrisection {
  display: none;
}

.zr-abrisection.isopen {
  display: block !important;
}

.abriSection.isopen #assetsDebts {
  display: block;
}

#products1.isopen #products1 {
  display: block;
}

.zr-gridsection {
  display: block;
  transition: all 0.3s ease;
}

.zr-gridsection.isopen {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.zr-gridsection.isclose {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.FinancialClose .zr-sumsection {
  display: flex;
}

.FinancialClose .zr-fathergrid {
  display: none;
}

.zr-rotatesection {}

.zr-financial-wrapper {
  align-items: center;
  gap: 12px;
  direction: rtl;
}

.zr-financial-logo {
  align-items: center;
  justify-content: center;
}

.zr-financial-center {
  align-items: center;
  flex: 1;
}

.zr-financial-arrow {
  align-items: center;
  justify-content: center;
}

.zr-fc-FYearInfos{
  min-width: 309px;
}

.zr-fc-FYearInfos .zr-financial{
  border: 1px solid #CCD9E2;
}

.zr-arrow-vertical {
  transform: rotate(180deg) !important;
  transform-origin: center;
  transition: all 0.3s ease !important;
}

.FinancialClose .js-collapse-toggle {
  transition: transform .2s ease;
  transform: rotate(0deg);
}

.FinancialClose .section.isopen .js-collapse-toggle {
  transform: rotate(180deg);
}

.accordion--container {
  width: 80%;
  display: block;
}

.FinancialClose li.accordion ul {
  margin: 0;
  padding: 0;
  background: #fff;
  margin: 0 !important;
  border-top: 1px solid #fff;
  display: none;
  color: black;
}

.FinancialClose li.accordion ul .txt {
  padding: 10px 20px;
  margin: 0;
  font-size: 18px;
}

.FinancialClose li.accordion span {
  display: block;
  background: #396afc;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
  margin-top: 5px;
  color: #fff;
  cursor: pointer;
  position: relative;
  text-align: left;
}

.FinancialClose li.accordion {
  border-left: 3px solid #396afc;
  list-style: none;
}

.FinancialClose li.accordion span i {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  height: fit-content;
  margin: auto;
  color: #fff;
  transition: .3s;
}

.FinancialClose .maxheight-Grid {
  max-height: 60px;
  min-height: 60px;
}

.FinancialClose li.accordion.open span i {
  transform: rotate(540deg);
  transition: .3s;
}

.zr-FinancialCloseBTN {

  font-weight: 400 !important;
  color: black !important;
  background-color: var(--secondary40, #C9B871) !important;
}

.accordion--container div.sp-skeleton {
  height: 66px !important;
}

.zr-fc-updateRate {
  min-width: var(--Widthbtn);
  border-radius: var(--smallradius);
  background: transparent;
  outline: 1px solid var(--primary70, #002841);
  max-height: 32px;
}

.zr-financial-divider:last-of-type {
  display: none !important;
}

.zr-justify-end {
  justify-content: end !important;
}

.zr-error-50 {
  color: var(--error50, #FF3B30);
}

.zr-error-70 {
  color: var(--error70, #99231D);
}

.FinancialClose [id^="Tooltip"].zr-popup-rate {
  max-width: 250px;
  bottom: calc(323.5px);
  left: calc(1280.17px);
}

#divFinancialClose * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*END - FinancialClose*/

/*FinancialCloseSteps*/
.FinancialCloseSteps{
  margin: 0 8px;
}

#divFinancialCloseSteps {
  background: var(--gray5, #F9F9F9);
  padding: 12px !important;
  padding-left: 4px !important;
}

#divFinancialCloseSteps * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*---------------------------------------------------------------Video*/
.zr_fc_videoContent {
  height: calc(100% - 80px);
}

.zr_fc_videoContent video {}

/*---------------------------------------------------------------Docs*/
.zr_fc_docsStepsWrapper {
  border: 1px solid var(--FCdocsStepBorder);
}

.zr_fc_docsStepsWrapper p {
  color: var(--FCdocsStepTitle);
}

.zr_fc_steps_titleWrapper .zr-btn-rate.zn-rate-upgrad{
  min-width: calc(var(--Widthbtn) - 2px) !important;
  min-height: 36px !important;
}

.zr_fc_docsStepsWrapper .state_icon div {
  width: 24px;
  height: 24px;
}

.zr_fc_docsStepsWrapper .state_icon div:is(.default) {
  border: 1px solid #767676;
  background: #767676;
  border-radius: 50%;
  color: #ffffffFF;
}

.zr_fc_docsStepsWrapper.disabled .state_icon div:is(.default) {
  margin-right: 0 !important;
}

@keyframes fcInProgress {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.zr_fc_docsStepsWrapper .state_icon div:is(.inProgress) {
  animation: fcInProgress 2.5s steps(9, end) infinite;
}

.zr_fc_docsStepsWrapper .state_detail .inProgress span {
  color: #0062CC
}

.zr_fc_docsStepsWrapper .state_detail a {
  border: 1px solid #995900;
}

.zr_fc_docsStepsWrapper .state_detail a p {
  color: #995900;
}

.zr_fc_docsStepsWrapper .state_detail.disabled {
  width: 92px;
  height: 24px;
  background: #767676;
  color: #ffffff !important;
  border-radius: 0.5rem;
  display: none !important;
  margin-left: 20px;
}

.zr_fc_docsStepsWrapper.disabled .state_detail:not(.disabled){
  width: 0;
}

.zr_fc_docsStepsWrapper.disabled .state_desc p.default {
  display: flex !important;
}

.zr_fc_docsStepsWrapper.disabled .state_detail.disabled,
.zr_fc_docsStepsWrapper.disabled .state_detail p {
  display: flex !important;
}

.zr_fc_docsStepsWrapper .state_icon {
  width: 24px
}

.zr_fc_docsStepsWrapper .state_detail {
  width: 134px;

}

.zr_fc_docsStepsWrapper.wait .state_detail a{
  height: 36px;
}

.zr_fc_docsStepsWrapper .state_desc {
  width: calc(100% - 160px)
}

.zr_fc_docsStepsWrapper .state_detail p.wait {
  text-align: center
}


/*state control*/
.zr_fc_docsStepsWrapper {
  background: transparent;
}

.zr_fc_docsStepsWrapper.disabled {
  background: #e8e8e8;
}

.zr_fc_docsStepsWrapper .state_desc p {
  display: none;
}

.zr_fc_docsStepsWrapper .state_detail p {
  display: none;
}

.zr_fc_docsStepsWrapper .state_detail a {
  display: none;
}

.zr_fc_docsStepsWrapper .state_icon div {
  display: none;
}

/*-----border color control*/
.zr_fc_docsStepsWrapper.default {
  --FCdocsStepBorder: #F3F3F3;
}

.zr_fc_docsStepsWrapper.inProgress {
  --FCdocsStepBorder: #007AFF;
}

.zr_fc_docsStepsWrapper.done {
  --FCdocsStepBorder: #1F7735;
}

.zr_fc_docsStepsWrapper.wait {
  --FCdocsStepBorder: #CC7700;
}

.zr_fc_docsStepsWrapper.disabled {
  --FCdocsStepBorder: #e8e8e8;
}

/*-----state icon control*/
.zr_fc_docsStepsWrapper.default .state_icon div:is(.default) {
  display: flex;
}

.zr_fc_docsStepsWrapper.inProgress .state_icon div:is(.inProgress) {
  display: flex;
}

.zr_fc_docsStepsWrapper.done .state_icon div:is(.done) {
  display: flex;
}

.zr_fc_docsStepsWrapper.wait .state_icon div:is(.wait) {
  display: flex;
}

.zr_fc_docsStepsWrapper.disabled .state_icon div:is(.default) {
  display: flex;
}

.zr_fc_docsStepsWrapper.disabled .state_icon div:not(.default) {
  display: none;
}

/*-----text color control*/
.zr_fc_docsStepsWrapper.default p {
  --FCdocsStepTitle: #767676;
}

.zr_fc_docsStepsWrapper.inProgress p {
  --FCdocsStepTitle: #007AFF;
}

.zr_fc_docsStepsWrapper.done p {
  --FCdocsStepTitle: #1F7735;
}

.zr_fc_docsStepsWrapper.wait p {
  --FCdocsStepTitle: #995900;
}

.zr_fc_docsStepsWrapper.disabled p {
  --FCdocsStepTitle: #3b3b3b;
}

/*-----desc text control*/
.zr_fc_docsStepsWrapper.default .state_desc p:is(.default) {
  display: block;
}

.zr_fc_docsStepsWrapper.inProgress .state_desc p:is(.inProgress) {
  display: block;
}

.zr_fc_docsStepsWrapper.done .state_desc p:is(.done) {
  display: block;
}

.zr_fc_docsStepsWrapper.wait .state_desc p:is(.wait) {
  display: block;
}

/*-----detail text control*/
.zr_fc_docsStepsWrapper.inProgress .state_detail p:is(.inProgress) {
  display: block;
}

.zr_fc_docsStepsWrapper.done .state_detail p:is(.done) {
  display: block;
}

.zr_fc_docsStepsWrapper.wait .state_detail p:is(.wait) {
  display: block;
}

.zr_fc_docsStepsWrapper.wait .state_detail a:is(.wait) {
  display: flex;
}

/*---------------------------------------------------------------rates*/
.zr_fc_rateCart {
  border: 1px solid #867940;
  flex-direction: row !important;
}

.zr_fc_rateCart .zr_fc_rateImg img {
  width: 24px;
  height: 24px;
  margin-left: 0.25rem;
  object-fit: cover;
  border-radius: 999px;
}

.zr_fc_ratesContent {
  gap: 16px 32px;
  height: auto;
}

.zr_fc_rateCart {
  width: calc((100% / 3) - 24px);
}

.zr_fc_rateCartTitleBox p {
  width: 184px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*---------------------------------------------------------------debts*/
.zr_fc_debtsContentNotifRadio,
.zr_fc_taxContentNotifRadio {
  border: 1px solid #ffd599FF;
  border-right: 10px solid var(--warning50, #FF9500);
}

.zr_fc_ContentNotifRadioBtn {
  outline: 1px solid var(--primary20, #99B3C4) !important;
}

.zr_fc_ContentNotifRadioBtn label {
  color: var(--Mainprimary, #00426c);
}

.zr_fc_ContentNotifIcon {
  width: 52px;
  height: 52px;
}

.zr_fc_taxSubCard {
  border: 1px solid #e9e9e9;
  flex-wrap: wrap;
  width: calc(50% - 16px);
}

.zr_fc_debtSubCard {
  border: 1px solid #e9e9e9;
  flex-wrap: wrap;
  width: calc((100% / 3) - 16px)
}

.zr_fc_debtSubCard .item .icon {
  border: 1px solid #e9e9e9
}

.status_badge.debtor {
  background: var(--danger-200);
  color: var(--danger-700);
}

.status_badge.creditor {
  background: var(--approved10, #AEE9BD);
  color: var(--approved60, #2A9F47);
}

#fc-debts .sp-f-radio {
  margin: 0 !important;
}

#fc-debts .sp-f-radio::before {
  border: 2px solid var(--Mainprimary, #00426c) !important;
}

#fc-debts .sp-f-radio:checked::before {
  border: 1px solid var(--Mainprimary, #00426C) !important;
}

.zr_fc_ContentNotifRadioBtn.is-active {
  outline: 1px solid var(--Mainprimary, #00426C) !important;
  background: var(--accounting5, #E6ECF0) !important;
}

.zr_fc_ContentNotifRadioBtn.is-active label {
  color: var(--Mainprimary, #00426C) !important;
}

/*---------------------------------------------------------------products*/
.zr_fc_productsContent {
  height: calc(100% - 100px);
  overflow: clip;
}

.zr_fc_productsTableBox.right {
  border: 1px solid var(--primary10, #CCD9E2);
}

.zr_fc_productsTableBox.right>div {
  overflow: auto;
}

.zr_fc_productsTableBox.left {
  border: 1px solid var(--secondary15, #EBE4CA);
  background: var(--secondary5, #F8F6ED);
  overflow-x: none;
  overflow-y: auto;
}

.zr_fc_pTable {
  border: 1px solid var(--gray15, #EEEEEE);
}

.zr_fc_pTableBody> :nth-child(even),
.zr_fc_pRfidTableBox .zr_fc_pTableData:last-child {
  border-right: 1px solid var(--gray40, #D1D1D1);
  padding-right: 24px;
}

.zr_fc_pTableBody> :nth-child(odd) {
  padding-left: 20px;
}

.zr_fc_pTableData {
  width: calc(50% - 1px);
}

.zr_fc_pTable.width-30 {
  width: calc(100% / 3)
}

.zr_fc_pRfidTableBox {
  border: 1px solid var(--honeycolor, #E4DBB8);
}

.zr_fc_pRfidTableBox .title {
  background: var(--secondary15, #EBE4CA);
}

.zr_fc_pTableHeader_more {
  width: 24px;
  height: 24px;
}

.zr_fc_dropDown_box {
  background: var(--white);
  box-shadow: var(--npl-option-shadow);
  border-radius: var(--smallradius);
  width: 100px;
  left: -9px;
  z-index: 20;
  top: 34px;
}

.fcsBox:last-child .zr_fc_dropDown_box {
  top: unset;
  bottom: 34px;
}

.fcsBox:last-child .zr_fc_dropDown_box .zr-triangle {
  top: unset;
  bottom: -11px;
  rotate: 180deg;
}


.zr_fc_pTable:last-child .zr_fc_dropDown_box {
  top: -100px !important;
}

.zr_fc_pTable:last-child .zr-triangle {
  rotate: 180deg !important;
  top: 89px !important;
}

/*---------------------------------------------------------------final*/
#fc-final .zr_fc_bottomBtnsBox>a {
  width: 150px;
}

#fc-final .zr_fc_bottomBtnsBox>a.next{
  width: 203px;
}

.zr_fc_finalContent .agreement {
  border: 1px solid #e9e9e9;
}

#fc-final .sepHr {
  height: 1px;
  background: #D1D1D1;
}

.zr_fc_finalContent .notifBox {
  height: 46px;
}

.stepDoneState.waitStepWarn {
  border: 1px solid #ffd599FF;
}

.stepDoneState.balanceWarn {
  border: 1px solid var(--error20, #FFB1AC);
}

.stepDoneState.waitStepDone,
.stepDoneState.balanceDone {
  border: 1px solid #aee9bd;
}

.balanceBtn {
  background: unset !important;
  width: 138px !important;
  min-height: 28px !important;
}

.balanceBtn.warn {
  outline: 1px solid var(--error50, #FF3B30) !important;
}

.balanceBtn.done {
  outline: 1px solid var(--approved50, #34c759) !important;
  color: var(--approved60, #2A9F47) !important;
}

.stepDoneState.waitStepWarn .stepDoneStateIcon.warn,
.stepDoneState.waitStepWarn .title p:first-of-type,
.stepDoneState.balanceWarn .balanceWarnIcon.warn,
.stepDoneState.balanceWarn .balancetitle p:first-of-type {
  display: flex !important;
}

.stepDoneState.waitStepWarn .stepDoneStateIcon.done,
.stepDoneState.waitStepWarn .title p:last-of-type,
.stepDoneState.balanceWarn .balanceWarnIcon.done,
.stepDoneState.balanceWarn .balancetitle p:last-of-type {
  display: none !important;
}

.stepDoneState.waitStepDone .stepDoneStateIcon.done,
.stepDoneState.waitStepDone .title p:last-of-type,
.stepDoneState.balanceDone .balanceWarnIcon.done,
.stepDoneState.balanceDone .balancetitle p:last-of-type {
  display: flex !important;
}

.stepDoneState.waitStepDone .stepDoneStateIcon.warn,
.stepDoneState.waitStepDone .title p:first-of-type,
.stepDoneState.balanceDone .balanceWarnIcon.warn,
.stepDoneState.balanceDone .balancetitle p:first-of-type {
  display: none !important;
}

.stepDoneState.balanceWarn .balanceBtn.done {
  display: none !important;
}

.stepDoneState.balanceDone .balanceBtn.warn {
  display: none !important;
}

#fc-final .newInfoInput,
#fc-final .confirmCodeInput {
  width: 30% !important;
}

#fc-final .sendCodeBtn {
  min-width: 87px;
}

#fc-final .sendCodeBtn:not(:focus, :hover) {
  outline: 1px solid var(--primary70) !important;
  background: white !important;
  color: var(--primary70, #002841);
}

#fc-final .sendCodeBtn.counter {
  outline: none !important;
  background: var(--gray10) !important;
  color: var(--gray60, #9E9E9E) !important;
  cursor: auto !important;
}

/*skeleton control*/
#fc-vidSk .zr_fc_videoContent {
  width: 76%;
}

#fc-docsSk .zr_fc_docsStepsWrapper {
  min-height: 56px;
  box-shadow: var(--boxShadowLight);
}

#fc-ratesSk .zr_fc_ratesContent>div:not(.header) {
  height: 58px;
}

#fc-debtsSk .zr_fc_debtBox,
#fc-debtsSk .zr_fc_taxBox {
  min-height: 225px;
}

#fc-productsSk .zr_fc_pRfidTableBox:first-child {
  height: 88px;
}

#fc-productsSk .zr_fc_pRfidTableBox:not(:first-child) {
  height: 216px;
}

/*option css*/

#fc-products .fcsBox .zr-skeleton {
  height: 91px;
}

#fc-rates .zr_fc_ratesContentWrapper .zr_fc_headSep {
  height: 1px;
  background: var(--primary30, #668EA7);
}

.zr_fc_ratesContentWrapper .header:not(:first-child){
  margin-top: 12px;
}

.zr_fc_finalContent img{
  min-width: 24px;
}

.zr_fc_finalContent .zr-separate-line::after{
  background: var(--primary30, #668EA7);
  margin: 0;
  margin-right: 12px;
}

/*END - FinancialCloseSteps*/

/*Closing*/

/*#divMain.zr-leftside {
align-items: center;
display: flex;
}*/

.zr-dialog-parent.Closing {
  width: 44%;
  height: 93% !important;
  margin: auto;
  align-self: center;
  justify-self: center;
}

.zr-leftside .zr-page-parent.Closing {
  max-width: 44%;
  margin: auto;
}

.zr-dialog-parent.Closing .zr-dialog-box,
.zr-footermenu-parent.financialCloseing>div:last-child {
  background: var(--gray5, #F9F9F9) !important;
}

.zr_fc_closingProgress .progressBar {
  background-color: var(--gray20, #E8E8E8);
  height: 11px;
}

.zr_fc_closingProgress .progressBar .donePart {
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 0;
}

.zr_fc_closingItem {
  min-height: 170px;
}

.zr_fc_closingNoteBox {
  background: #E5ECF0;
}

/*items state control*/

#fc-closingItems .zr_fc_closingItem {
  min-height: 60px;
}

.zr_fc_closingItem {
  background: white;
  border: 1px solid var(--FCdocsStepBorder);
}

.zr_fc_closingItem .state_icon div {
  display: none;
  width: 26px;
  height: 26px;
}

.zr_fc_closingItem .state_icon div:is(.default) {
  border: 1px solid #767676;
  background: transparent;
  border-radius: 50%;
  color: #9e9e9e;
}

.zr_fc_closingItem .state_desc p {
  display: none;
}

.zr_fc_closingItem .state_detail p {
  display: none;
}

.zr_fc_closingItem p {
  color: var(--FCdocsStepTitle);
}

@keyframes fcInProgress {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.zr_fc_closingItem .state_icon div:is(.inProgress) {
  animation: fcInProgress 2.5s steps(9, end) infinite;
}

.zr_fc_closingItem .state_detail.disabled {
  width: 92px;
  height: 24px;
  background: #767676;
  color: #ffffff !important;
  border-radius: 0.5rem;
  display: none !important;
}

/*default*/
.zr_fc_closingItem.default {
  --FCdocsStepBorder: #F3F3F3;
}

.zr_fc_closingItem.default .state_icon div:is(.default) {
  display: flex;
}

.zr_fc_closingItem.default p {
  --FCdocsStepTitle: #9e9e9e;
}

.zr_fc_closingItem.default .state_desc p:is(.default) {
  display: block;
}

/*done*/
.zr_fc_closingItem.done {
  --FCdocsStepBorder: #1F7735;
}

.zr_fc_closingItem.done .state_icon div:is(.done) {
  display: flex;
}

.zr_fc_closingItem.done p {
  --FCdocsStepTitle: #1F7735;
}

.zr_fc_closingItem.done .state_desc p:is(.done) {
  display: block;
}

/*inProgress*/
.zr_fc_closingItem.inProgress {
  --FCdocsStepBorder: #007AFF;
}

.zr_fc_closingItem.inProgress .state_icon div:is(.inProgress) {
  display: flex;
}

.zr_fc_closingItem.inProgress p {
  --FCdocsStepTitle: #007AFF;
}

.zr_fc_closingItem.inProgress .state_desc p:is(.inProgress) {
  display: block;
}

/*error*/
.zr_fc_closingItem.error {
  --FCdocsStepBorder: transparent;
  background: var(--error5, #FFEBEA);
  ;
}

.zr_fc_closingItem.error .state_icon div:is(.error) {
  display: flex;
}

.zr_fc_closingItem.error p {
  --FCdocsStepTitle: var(--error60, #CC2F26);
}

.zr_fc_closingItem.error .state_desc p:is(.error) {
  display: block;
}

/*desabled*/
.zr_fc_closingItem.disabled {
  --FCdocsStepBorder: #e8e8e8;
  background: #e8e8e8;
}

.zr_fc_closingItem.disabled .state_icon div:is(.default) {
  display: flex;
}

.zr_fc_closingItem.disabled .state_desc p.default {
  display: flex !important;
}

.zr_fc_closingItem.disabled p {
  --FCdocsStepTitle: #3b3b3b;
}

.zr_fc_closingItem.disabled .state_detail.disabled,
.zr_fc_closingItem.disabled .state_detail p {
  display: flex !important;
}

.zr_fc_closingProgressFBorder {
  border: 1px solid var(--gray30, #DCDCDC);
}

#fc-closingItems .zr_fc_closingItem.Footer {
  min-height: 40px;
}

.zr_fc_closingItem.Footer .state_icon div {
  display: none;
  width: 16px;
  height: 16px;
  flex-wrap: wrap;
  align-items: center;
}

.zr_fc_closingItem.disabled.Footer .state_detail.disabled {
  width: 64px;
  height: 20px;
  font-size: 10px !important;
}

.zr_fc_closingNoteBoxFooter {
  border-radius: var(--smallradius);
  background: transparent;
  outline: 1px solid var(--primary70, #002841);
  max-height: 32px;
}

#divClosing {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*END - Closing*/

/*FinancialCloseProductDeficit*/
.FinancialCloseProductDeficit .zr_fc_docsStepsDeficit{
  border: 1px solid #eeeeeeFF;
}

.FinancialCloseProductDeficit .state_detail a{
  border: 1px solid #002841FF;
}

.FinancialCloseProductDeficit .FinancialCloseProductDeficit-dialog{
  min-height: 450px;
}
/*END - FinancialCloseProductDeficit*/

/*changeRates*/
.changeRates .zr-dialog-box .zr-dialog-content{
  padding-right: unset !important;
  padding: 1.5rem !important;
  padding-left: 1.25rem !important;
}

.zr_fc_changeRatesBoxes>div:not(.zr_fc_cRateBtns) {
  box-shadow: var(--boxShadowLight);
  border: 1px solid var(--gray10, #F3F3F3);
}

.zr_fc_changeRatesBoxes .sp-f-row {
  margin: 24px 0 8px 0 !important;
  min-height: 38px;
  --inputminrp: 10px;
  --inputrp: 16px;
}

.zr_fc_changeRatesBoxes .sp-f-row input{
  --FontInput: 16px !important;
}

.zr_fc_changeRatesBoxes .sp-f-title {
  max-width: var(--Pagewidthtitle) !important;
  justify-content: flex-end !important;
}

.zr_fc_cRateTitleBox .zr-separate-line::after {
  height: 1px;
  background: var(--primary30, #668EA7);
}

.zr_fc_cRateTitleBox>p {
  color: var(--accounting70, #002841);
}

.zr_fc_changeRatesBoxes {
  max-height: 663px;
  min-height: 600px;
  overflow-x: clip;
  overflow-y: auto;
}

.zr_fc_cRateInput {
  padding: 0 16px !important;
}

.zr_fc_cRateInput input {
  text-align: left;
  color: var(--MainBlack, #000000);
}

.zr_fc_cRateInput .sp-f-title label {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.zr_fc_cRateInput img {
  content: "";
  /*width: var(--TitleIcon);
  height: var(--TitleIcon);*/
  margin-left: 6px;
  object-fit: cover;
  border-radius: 999px;
  aspect-ratio: 1 / 1;
}

.zr_fc_changeRatesBoxes .sp-f-row .symbolTitle{
  color: var(--gray60, #9E9E9E) !important;	
}

.changeRates  .zr_fc_cRateInput .sp-invalidated::after{
  top: 50% !important;
  transform: translateY(-50%)
}

.zr_fc_cRateBtn.update {
  width: 300px;
  height: 40px;
  color: white;
}

.changeRates  .zr-update-btn > div{
  padding-bottom: 1px;
}

.changeRates  .zr-update-btn:not(:hover, :focus) p{
  --Fontcolor: #FDFDFD;
}

.zr_fc_cRateBtn.update:not(:focus, :hover)::before {
  background: url(/themes/manager/icons/notifications/SyncWhite.svg) no-repeat center;
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  margin-left: 8px;
}

.zr_fc_cRateBtn.update::before {
  background: url(/themes/manager/icons/filemanager/server-resetHover.svg) no-repeat center;
  content: "";
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
  margin-left: 8px;
}

.zr_fc_cRateBtn.confirm {
  width: 300px;
  height: 4px;
  background: #155024;
  color: white;
}

.update-hand-btn button {
  background-color: #155024 !important;
  border-radius: 0.75rem;
  min-width: 300px;
  min-height: 42px;
  justify-content: center;
  display: flex;
  color: var(--white);
  align-items: center;
  font-size: var(--largefont);
}

.zr_fc_cRateInput .sp-f-row:not(.sp-g-cell .sp-f-row).sp-invalidated:not(.sp-d-checkbox, .zr-has-noicon)::after {
  width: 16px !important;
}

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

.sp-invalidated .sp-f-message.zr_fc_cRateInputMessageBox {
  left: -34px !important;
  animation: hiddenAnimation 1000ms 500ms forwards;
}

.zr_fc_cRateInputMessageBox::before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: calc(100% - 6px);
  left: 15px;
  background: var(--error5, #FFEBEA);
  line-height: 1rem;
  border-top-right-radius: 5px;
  border: 1px solid red;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(-45deg);
}
/*END - changeRates*/

/*----------------------------------------------------------------------END - FinancialClose*/

/*----------------------------------------------------------------------App rewrite css*/
div [data-title = 'DocumentTypeId'] label.sp-f-label {
  width: 100%;
}

.zr-accounting .sp-f-result:empty{
  margin: 0 !important;
}

.sp-d-checkbox label{
  line-height: calc(var(--InputHeight) - 1px);
}
/*----------------------------------------------------------------END - App rewrite css*/

/*----------------------------------------------------------------Business&FiscalYear*/
/*Business*/
#divEnterAccountingFiscalYear{
  overflow: hidden !important;
}

.EnterAccountingFiscalYear grid-section:not(.sp-g-header) .FiscalYeanNameCol{
  display: flex !important;
  align-items: flex-start !important;
  padding-right: 1.5rem !important;
}

.EnterAccountingFiscalYear #SearchGrid grid-section.sp-g-header{
  background: var(--bgDoccolor, #CCD9E2)  !important;
  color: var(--primary70, #002841)  !important;
}

.EnterAccountingFiscalYear #SearchGrid grid-section.sp-g-header .FiscalYeanNameCol{
  border-left: 0.25px solid var(--borderDoccolor, #668EA7); !important;
}

.EnterAccountingFiscalYear #SearchGrid grid-section.sp-g-body .sp-g-row{
  background: #FBFDFF  !important;
  box-shadow: unset !important;
}

.EnterAccountingFiscalYear #SearchGrid grid-section.sp-g-body .sp-g-row:hover{
  background: var(--link5, #E6F2FF) !important;
}

.EnterAccountingFiscalYear #SearchGrid grid-section.sp-g-body .sp-g-row .sp-g-cell:not(:last-child){
  border-left: 0.25px solid var(--primary30, #668EA7) !important;
}

.zr-fiscalPeriod-BusinessList{
  gap: 32px 24px;
  padding: 0 8px;
}

.zr-fiscalPeriod-BusinessList .zr-db-box{
  flex: unset !important;
  min-height: unset !important;
  max-width: unset !important;
  width: calc((100% / 3) - 16px) !important;
  height: auto !important;
  border: 1px solid var(--fiscalPeriodBorder, #d5e5e5);
  box-shadow: 0px 4px 6px rgba(13, 10, 44, 0.06);
}

.zr-fiscalPeriod-BusinessList .zr-db-box:hover{
  border: 1px solid var(--link70, #004999);
  background: linear-gradient(var(--link5, #E6F2FF), var(--MainWhite, #FFFFFF));
}

.zr-fiscalPeriod-BusinessList .zr-db-box.zr-businessActive{
  border: 1px solid var(--primary70, #002841);
  outline: 1px solid var(--primary70, #002841);
  background: linear-gradient(var(--fiscalPeriodBack, #E5ECF0), var(--MainWhite, #FFFFFF));
}

.zr-fpCard-title p{
  width: 225px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-fpCard-fiscalDate>div{
  width: 1px;
  background: var(--gray50, #C5C5C5);
}

.zr-fpCard-state.archive{
  background: var(--error5, #FFEBEA);
  border: 1px solid;
  border-color: var(--error20, #FFB1AC);
  color: var(--error70, #99231D);
  width: 88px;
  height: 22px;
}

.zr-fpCard-state.current{
  background: var(--approved5, #EBF9EE);
  border: 1px solid;
  border-color: var(--approved10, #AEE9BD);
  color: var(--approved70, #1F7735);
  width: 79px;
  height: 22px;
}

.zr-fiscalPeriod-BusinessList .zr-db-box:hover .zr-fpCard-state.archive,
.zr-businessActive .zr-fpCard-state.archive{
  border-color: var(--error70, #99231D);
}

.zr-fiscalPeriod-BusinessList .zr-db-box:hover .zr-fpCard-state.current,
.zr-businessActive .zr-fpCard-state.current{
  border-color: var(--approved70, #1F7735);
}

.zr-fpCard-state.archive>div{
  width: 7px;
  height: 7px;
  background: transparent;
  border: 1px solid var(--error70, #99231D);
}

.zr-fpCard-state.current>div{
  width: 7px;
  height: 7px;
  border: 0;
  background: var(--approved70, #1F7735);
}

.zr-fpCard-state.archive p{display:none}
.zr-fpCard-state.archive p:last-of-type{display:block}
.zr-fpCard-state.current p:first-of-type{display:block}
.zr-fpCard-state.current p:last-of-type{display:none}

/*FiscalYear*/
.zr-fyd-businessName{
  border: 1px solid rgb(153, 179, 196);
}

.zr-fyd-businessName-Inner{
  background: linear-gradient(to right, #E5ECF0 0%, var(--primary10, #CCD9E2) 100%);
}

.zr-fiscalPeriod-fiscalList .zr-db-box{
  --fiscalPeriodBorder: #99b3c4;
  flex: unset !important;
  min-height: unset !important;
  max-width: unset !important;
  width: calc((100% / 3) - 16px) !important;
  height: auto !important;
  border: 1px solid var(--fiscalPeriodBorder, #99b3c4);
  box-shadow: unset;
}

.zr-fiscalPeriod-fiscalList .zr-db-box:hover{
  border: 1px solid var(--link70, #004999);
  background: var(--link5, #E6F2FF);
}

.zr-fiscalPeriod-fiscalList .zr-db-box.zr-fiscalYearActive{
  border: 1px solid var(--primary40, #336889);
  background: linear-gradient(to right, var(--primary10, #CCD9E2) 0%, #E5ECF0 100%);
}

.zr-fpCard-state.archive{
  background: var(--error5, #FFEBEA);
  border: 1px solid;
  border-color: var(--error20, #FFB1AC);
  color: var(--error70, #99231D);
  width: 88px;
  height: 22px;
}

.zr-fpCard-state.current{
  background: var(--approved5, #EBF9EE);
  border: 1px solid;
  border-color: var(--approved10, #AEE9BD);
  color: var(--approved70, #1F7735);
  width: 79px;
  height: 22px;
}

.zr-fiscalPeriod-BusinessList .zr-db-box:hover .zr-fpCard-state.archive,
.zr-fiscalActive .zr-fpCard-state.archive{
  border-color: var(--error70, #99231D);
}

.zr-fiscalPeriod-BusinessList .zr-db-box:hover .zr-fpCard-state.current,
.zr-fiscalActive .zr-fpCard-state.current{
  border-color: var(--approved70, #1F7735);
}

.zr-fyd-ItemTitle>p{
  width: 250px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.zr-fpCard-state.archive>div{
  width: 7px;
  height: 7px;
  background: transparent;
  border: 1px solid var(--error70, #99231D);
}

.zr-fpCard-state.current>div{
  width: 7px;
  height: 7px;
  border: 0;
  background: var(--approved70, #1F7735);
}

.zr-fpCard-state.archive p{display:none}
.zr-fpCard-state.archive p:last-of-type{display:block}
.zr-fpCard-state.current p:first-of-type{display:block}
.zr-fpCard-state.current p:last-of-type{display:none}

.zr-fyd-ItemDate>div{
  width: 1px;
  background: var(--gray50, #C5C5C5);
}


#FinancialCloseBilan .zr-popup-title{
  height: 40px !important;
  margin-bottom: 0 !important;
}

#FinancialCloseBilan .zr-popup-title p{
  font-weight: 500 !important;
}

#FinancialCloseBilan .zr-popup-parent .zr-popup-rate{
  padding: 1px !important;
}

#FinancialCloseBilan .zr-popup-rate ul li p{
  font-weight: 700 !important;
}

#FinancialCloseBilan .zr-popup-rate ul li p:first-child{
  height: 30px;
  align-items: center;
  width: 85% !important;
  justify-self: center;
}

#FinancialCloseBilan .zr-popup-rate ul li p.sp-bg-litelink{
  margin: 0 !important;
}

#divCoinsFinancialGrid .sp-g-body .sp-g-row .sp-g-cell>div>div{
  min-height: 18px;
}

#FC-StepContent .stepDoneState.deficit{
  border: none !important;
}

.sp-dialog:has(.zr-msg-error) .sp-dialog-button{
  display: none !important;
}

#DialogErrorsBox{
  max-height: 424px;
  overflow-x: clip;
  overflow-y: auto;
  width: 80%;
  margin: 0 auto 24px;
  padding: 0 4px;
}

.zr_FYerrorBox>div {
  border: 1px solid var(--error60, #CC2F26);
  box-shadow: 0px 0px 12px 0px #0000000A;
}

/*-----------------------------------------------------------END - Business&FiscalYear*/

.zr-align-start{
  align-items: flex-start !important;
  align-items: start !important;
}

.cke_chrome{
  width: 100% !important;
}

/*-----------------------------------------------------------Transaction Repair*/
.zr_accountingDocRepairBox{
  background: linear-gradient(90deg, var(--warning5, #FFF4E6) 0%, var(--warning5, #FFF4E6) 50%, var(--warning10, #FFEACC) 100%);
}

.zr-warning-button{
  background: var(--warning60, #CC7700) !important;
  color: var(--white, #FFFFFF) !important;
}

.zr-popup-rate.zr-popup-rateBottom {
  bottom: -68px;
  right: -8px;
  top: unset;
  left: unset;
}

.zr-popup-rate.zr-popup-rateBottom::before {
  bottom: 100%;
  right: 0.75rem;
  top: unset;
  left: unset;
  transform: rotate(180deg);
}

#AccountingCurrentDocumentRepairBox .zr-popup-rate.zr-popup-rateBottom{
  min-width: 257px;
  font-size: 12px;
}

.zr_drErrorCard .btns .repair:not(.inProgress) .transLoadState{
  display: none !important;
}

.zr_drErrorCard .btns .repair:is(.inProgress) .transLoadState{
  display: flex !important;
}

.zr_drErrorCard .btns .repair.inProgress>*:not(.transLoadState) {
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
}  

.zr_drErrorCard .btns .repair.inProgress,
.zr_drErrorCard .btns .repair.inProgress:not(:hover, :focus){
  --repairBtnBack: var(--lightSkyBlue, #E5F2FF);
}

.zr_drErrorCard .btns .repair.inProgress .transLoadState .transLoadBullet{
  width: 8px;
  height: 8px;
  border-radius: 16px;
  background: var(--link15, #B3D7FF);
  animation: dotLoop 1.2s infinite;
} 

.zr_drErrorCard .btns .repair.inProgress .transLoadState .transLoadBullet:first-child{animation-delay: 0s;}
.zr_drErrorCard .btns .repair.inProgress .transLoadState .transLoadBullet:nth-child(2){animation-delay: 0.4s;}
.zr_drErrorCard .btns .repair.inProgress .transLoadState .transLoadBullet:last-child{animation-delay: 0.8s;}

@keyframes dotLoop {
  0%, 80%, 100% {
    background: var(--link15, #B3D7FF);
  }
  40% {
    background: var(--link60, #0062CC);
  }
}

/*-----------------------------------------------------------END - Transaction Repair*/