/* 2023/01/31*/
/*#####Variables#####*/
:root {
    /*Size Root*/
    --exxxlargefont: 36px;
    --exxlargefont: 32px;
    --exlargefont: 24px;
    --xxlargefont: 20px;
    --xlargefont: 18px;
    --largefont: 16px;
    --normalfont: 14px;
    --smallfont: 12px;
    --xsmallfont: 10px;
    --xxsmallfont: 8px;
    --xsmallradius: 0.25rem;
    --smallradius: 0.5rem;
    --normalradius: 0.75rem;
    --largeradius: 1rem;
    --xlargeradius: 1.25rem;
    --xxlargeradius: 1.5rem;
    --exlargeradius: 1.75rem;
    --exxlargeradius: 2rem;
    --inputxminrp: 0.25rem;
    --inputminrp: 0.5rem;
    --inputrp: 0.75rem;
    --InputFontWeight: 500;
    --xlargeBtnheight: 48px;
    --BtnMinwidth: 50px;
    --xsmallBtnwidth: 60px;
    --smallBtnwidth: 130px;
    --normallwidth: 168px;
    --xnormalwidth: 158px;
    --largewidth: 192px;
    --DocBtnWidth: 56px;
    --xlargeBtnwidth: 206px;
    --exlargeBtnwidth: 240px;
    --exlarge: 245px;
    --mlarge: 300px;
    --ultralarge: 320px;
    --TitleIcon: 18px;
    --ImageMsg: 130px;
    --checkboxheight: 18px;
    --marginboxheight: 0.75rem;
    /* --DocumentHeight:440px;*/
    --DocumentHeight: 420px;
    --menuicon: 20px;
    --smallWidthrightmenu: 5.75rem;
    --Widthrightmenu: 13.25rem;
    --Widthdropdown: 16.25rem;
    --InputPadding: 1.125rem;
    --LineheightCode: 1.5rem;
    --MarginHeader: 0.75rem;
    --MargindivContent: 0.75rem;
    --widthtitle: 96px;
    --InputHeight: 30px;
    --MarginRow: 0.75rem;
    --WidthSrchbtn: 10px;
    --Widthbtn: 138px;
    --HeightBtn: 32px;
    --HeightSelectedBtn: 30px;
    --FontBtn: var(--largefont);
    --FontBtnCancel: var(--largefont);
    --FontFormTitle: var(--normalfont);
    --FontInput: var(--smallfont);
    --FontInputColor: var(--gray95);
    --FontRightMenu: var(--largefont);
    --FontSmallRightMenu: 12px;
    --FontWeightRightMenu: 400;
    --Documentwidthtitle: 96px;
    --HeaderHeight: 66px;
    --FooterHeight: 0px;
    --TabHeight: 40px;
    --Fontcodeinput: 13px;
    --Fontrightmenulogo: 64px;
    --Heightrightmenulink: 44px;
    --HeightLargerightmenulink: 44px;
    --Marginrightmenulink: 0;
    /*1.25rem 0.5rem 1.25rem 0;   --Heightrightmenulink:48px;*/
    --borderradiusrightmenulink: var(--normalradius);
    --borderradiusrightmenutitle: var(--normalradius);
    --Pagewidthtitle: 112px;
    --Imagewidth: 200px;
    --Imageheight: 192px;
    --MarginRightMenuItem: 0.5rem;
    --font-primary: Vazir;
    --ImgDistance: 0.75rem;
    --rightmenudistance: 1.5rem;
    --rameinwidth: 110px;
    --boxprofile: 40px;
    --MainDistance: 0.75rem;
    --rightmenugap: 1rem;
    --CurrentDocumentWidth: clamp(50%, 85%, 100%);
    --DoctabWidth: 152px;
    --paddingMaintabparent: 2.25rem;
    --WidthCode: 100px;
    --TabItemMargin: 0.25rem 0.5rem 0;
    --EnterFormPadding: 0.75rem 0.5rem 0.75rem 0.75rem;
    --FormContentBorder: 2px;
    --MarginTabright: 30px;
    --DocDistance: 2.5rem;
    --middlewidth: 80%;
    --midwidth: 65%;
    --smallwidth: 55%;
    --GridDistance: 1rem;
    --RemainHeight: 122px;
    --RemainMinHeight: 122px;
    /*172px;*/
    --RemainBoxGap: 1rem;
    --docbtnMargin: 1rem;
    --minibtnwidth: 20px;
    --minibtnleft: 0.5rem;
    --MainPicWidth: 124px;
    --HeaderCellHeight: 44px;
    --HeaderCellFont: var(--largefont);
    --HeaderCellFontWeight: 500;
    --GridCellHeight: 32px;
    --GridCellFont: var(--normalfont);
    --GridCellFontWeight: 500;
    --SeparateHeaderHeight: 48px;
    --SeparateGridCellHeight: 42px;
    --Gridremainwidth: 340px;
    --TextPadding: 0.75rem;
    --SellWidth: 24px;
    --icongridwidth: 22px;
    --icongridbtnwidth: 22px;
    --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;
    --mediumsize: 20px;
    --tablineheight: 2.25rem;
    --docgridlistpadding: 0.25rem 1px 1px;
    --chartbanksize: 130px;
    --advancewidth: 230px;
    --chartbarwidth: 950px;
    --chartbarheight: 380px;
    --rateitemheight: 62px;
    --progressparentdistance: 2rem;
    --rfidwidth: calc(25% - 1.25rem);
    --ProductImgparentwidth: 308px;
    --ProductImgparentheight: 296px;
    --multigridbtnHeight: 24px;
    --ReportRemainheight: 70px;
    --trremaingap: 1rem;
    --bankremainHeight: 42px;
    --ReportRemainRowGap: 1.5rem;
    --ReportRemainColumnGap: 2.5rem;
    --tablineheight: 1.75rem;
    --paddingreport: 1.5rem;
    --GapCaratlist: 1.5rem;
    --bilanfont: 40px;
    --Margineditspecification: 1rem;
    --bilanpadding: 0.75rem;
    --bilanheight: 154px;
    --bilanboxpadding: 1.5rem;
    --midWidthbtn: 180px;
    --productionRemain: 220px;
    --productionopItemWidth: clamp(150px, 210px, 100%);
    --productionopItemHeight: clamp(100px, 180px, 300px);
    --productionopItemMinHeight: 150px;
    --pagingHeight: 40px;
    --prstatus: 28px;
    --SeparateHeaderMargin: 0.75rem;
    --PageTitleHeight: 40px;
    --operationheaderHeight: 120px;
    --rfidMainBtnWidth: 328px;
    --ChartNoPicWidth: 180px;
    --FontBtnradius: var(--smallradius);
    --ValidationWidth: 24px;
    --ValidationHeight: 24px;
    --ValidationTop: 3px;
    --ValidationRight: calc(100% + 4px);
    --tabsearchGap: 1.5rem;
    --tabsearchWidth: 198px;
    --tabsearchHeight: 36px;
    --animationslider: 1200ms;
    --boardrateitem: 8;
    --boardrateitemWidth: 100%;
    --ToggleWidth: 2.625rem;
    --ToggleHeight: 2rem;
    --switchwidth: 56px;
    --switchheight: 32px;
    --switchtransform: 24px;
    --Gridpadding: 0 0 0 calc(0.5rem + 3px);
    --distancerightmenu: calc(var(--smallWidthrightmenu) + 0.75rem);
    --bgDoccolor: var(--primary10);
    --TempbgDoccolor: var(--primary10);
}

:root {
    --accounting5: #E6ECF0;
    --accounting10: #CCD9E2;
    --accounting15: #B3C6D3;
    --accounting20: #99B3C4;
    --accounting30: #668EA7;
    --accounting40: #336889;
    --accounting50: #00426C;
    --accounting60: #003556;
    --accounting70: #002841;
    --accounting80: #001A2B;
    --accounting85: #001420;
    --accounting90: #000D16;
    --accounting95: #00070B;
    --accounting70light: #0028416b;
    --accountinggradiant: #00426C00;
    --accountingLight: #00426Cb8;
    --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: #CCD9E2;
    --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;
    --Wholesaler5: #EEF0F1;
    --Wholesaler10: #DDE1E4;
    --Wholesaler15: #CCD2D6;
    --Wholesaler20: #BBC3C9;
    --Wholesaler30: #98A4AD;
    --Wholesaler40: #768692;
    --Wholesaler50: #546877;
    --Wholesaler60: #43535F;
    --Wholesaler70: #323E47;
    --Wholesaler80: #222A30;
    --Wholesaler85: #191F24;
    --Wholesaler90: #111518;
    --Wholesaler95: #080A0C;
    --Wholesaler70light: #323E476b;
    --Wholesalergradiant: #54687700;
    --WholesalerLight: #546877b8;
    --WholesalerPreLoading: #5468777a;
    --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;
    --forms-head-color: #C0D0D0 !important;
}




/*Main Root*/
:root {
    --Mainsecondary: var(--secondary40);
    --Maintertiary: var(--tertiary50);
    --MainTertiary: var(--tertiary50);
    --Mainquaternary: var(--quaternary50);
    --MainWhite: #FFFFFF;
    --MainBlack: #000000;
    --Mainprimary: var(--accounting50);
    --primary5: var(--accounting5);
    --primary10: var(--accounting10);
    --primary15: var(--accounting15);
    --primary20: var(--accounting20);
    --primary30: var(--accounting30);
    --primary40: var(--accounting40);
    --primary50: var(--accounting50);
    --primary60: var(--accounting60);
    --primary70: var(--accounting70);
    --primary80: var(--accounting80);
    --primary85: var(--accounting85);
    --primary90: var(--accounting90);
    --primary95: var(--accounting95);
    --Tempprimary70: var(--accounting70);
    --primary70light: var(--accounting70light);
    --secondgradiant: var(--accountinggradiant);
    --BlueShadow: var(--accountingLight);
    --LightFirstcolor: var(--accountingLight);
    --PreLoading: var(--accountingPreLoading);
    --MainThemeColor: var(--Mainprimary);
    --bgcolor: var(--MainWhite) !important;
    /* --primary70LIGHT: #2D4774;*/

    --primary10Temp: var(--primary10);
    --white: var(--MainWhite);
    --whiteColor: var(--MainWhite);
    --link: var(--link60);
    --bluenight: var(--accounting60);
    --bluemain: var(--accounting70);
    --greenmain: var(--sales70);
    --purplemain: var(--rfid50);
    --bluesecond: var(--accounting60);
    --greensecond: var(--sales60);
    --redsecond: var(--tertiary60);
    --grayColor: var(--accounting5);
    --grayWhite: var(--white);
    --InputTextColor: var(--gray95);
    /*--tertiary5light: #9c878d;*/


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


    --DarkGreen: var(--Mainquaternary);
    --DarkRed: var(--Maintertiary);
    --midnightbtn: #160A5B;
    --violet: #6d222e;
    --RedWhite: #FFEFEF;
    --YellowWhite: #FFFDF5;
    --GreenWhite: #F0FFFB;
    --bodybgcolor: var(--MainWhite);
    --OperationShadow: #00000026;
    /*--FirstDashboardColor: #35558aba;*/
    --rightmenucolor: var(--MainWhite);
    --blackblue: #00286E;
    --LightBlue: #EFF4FE;
    --bgDoccolor: var(--primary10);
    --TempbgDoccolor: var(--primary10);
    --borderDoccolor: var(--primary30);
    --label: var(--gray95);
    --TitleColor: var(--gray95);
    --InputColor: var(--gray5);
    --DocShadow: #5d77a126;
    --bgForm: var(--primary5);
    --table-border: var(--primary15);
    --table-header-border: var(--primary15);
    --Trbg: var(--gray15);
    --redDialog: #99231dcc;
    --yellowDialog: #705103c7;
    --GreenDialog: #4D847Ec7;
    --RedDelete: var(--error70);
    --CancelColor: var(--gray95);
    --secondary: var(--MainThemeColor);
    --Purewhite: var(--white);
    --DialogBlur: #d7dde833;
    --Dialogbg: var(--Mainprimary);
    --warning: var(--warning70);
    --BlueBox: var(--primary5);
    --line: var(--gray40);
    --primary: var(--gray70);
    --DialogShadow: #101a2980;
    --PlaceholderColor: var(--gray40);
    --gaugeStroke: 20px;
    --primaryGauge: var(--gray20, #E8E8E8);
    --fillGauge: var(--approved15, #C2EECD);
    /*  --grayblue: #F2F6F8;*/

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


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

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

    body * {
        font-family: 'Vazir';
    }

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

img {
    max-width: 100%
}

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

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

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

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

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

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

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

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

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

/* Firefox */

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

/* Scrollbar */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

:is(.zr-dialog-box, .zr-page-box) :is([readonly=readonly], [readonly=readonly] ~ * *, [disabled="true"], [disabled="true"] ~ * *, [readonly^], [readonly*], [readonly], [disabled^], [disabled*], [disabled], [disabled="true"] ~ .sp-f-append, [readonly=readonly] ~ .sp-f-append, .sp-f-readonly *),
.sp-f .sp-select .sp-select-input[readonly=readonly],
.sp-form .sp-select .sp-select-input[readonly=readonly],
.sp-f .sp-select[disabled="true"] .sp-select-input {
    color: var(--gray80);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sp-radio-large {
    --checkboxheight: 24px;
}

    .sp-radio-large .sp-f-radio:checked:after {
        left: 1px;
        top: 1px;
        height: calc(var(--checkboxheight) - 4px);
        width: calc(var(--checkboxheight) - 4px);
    }

.sp-radio-parent {
    border-bottom: 2px solid transparent;
}

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

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

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

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

.sp-main-loading:before {
    border-radius: var(--xxlargeradius);
    background: var(--secondgradiant);
    backdrop-filter: blur(3px) brightness(1) saturate(1);
    -moz-backdrop-filter: blur(3px) brightness(1) saturate(1);
    z-index: 30;
}

.sp-main-loading.sp-change-loading {
    --loading: url(/themes/mobile/images/Tabletloading.gif);
    --sending: url(/themes/mobile/images/Tabletloading.gif);
}

    .sp-main-loading.sp-change-loading:after {
        background-size: clamp(100px, 120px, 50%) clamp(100px, 120px, 50%);
    }

.zr-leftside.sp-main-loading:before {
    top: 0;
    left: 0;
    height: calc(100% - var(--FooterHeight) - var(--HeaderHeight) - 0px);
    width: 100%;
    bottom: calc(var(--FooterHeight) + var(--HeaderHeight) + 0rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sp-color-brown {
    color: var(--secondary80);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/*:is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5,.sp-col, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5),*/
.CashForm,
.CardForm,
.CurrencyForm,
.RawGold,
.zr-CurrentDocument {
    --widthtitle: 112px;
}

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

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

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

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

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

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

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

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

.sp-f-note,
.sp-validated .sp-f-note,
.sp-invalidated .sp-f-note,
.sp-validated:not(.zr-edited-row, .zr-edited-form .sp-f-row) .sp-f-note {
    position: absolute;
    top: calc(100% + 0.25rem);
    font-size: var(--xsmallfont);
    font-weight: 500;
    right: 0.75rem;
    z-index: 5;
    margin-left: 0 !important;
    color: var(--primary70);
    text-align: right;
    white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

/*,.zr-return-btn:is(:hover,:focus)*/
.sp-btn-clean {
    display: none !important;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-guide-box {
    min-height: 40px;
}

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

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

        .zr-guide-box:hover .zr-guide-mainicon,
        .zr-guide-box:not(:hover) .zr-guide-hovericon {
            display: none;
        }

.zr-guide-parent .sp-tooltip-text {
    min-width: 176px;
    max-width: 176px;
    max-height: 60px;
    min-height: 60px;
}

.zr-guide-parent .sp-tooltip-bottom::after {
    left: calc(100% - 2.5rem);
}
/*.zr-guide-parent{
min-height: 32px;
}.zr-CurrentDocument .sp-f-row {
margin-top: 0;
}
.zr-guide-parent:has(.zr-guide-box:hover) .zr-guide-box:not(:hover, :focus) .zr-icon {
opacity: 0.5
}
*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-CurrentDocument .zr-RemainBoxParent {
    min-height: var(--RemainMinHeight);
}

.zr-CurrentDocument .zr-HasCurrentDocument {
    margin-bottom: var(--RemainBoxGap);
}

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

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

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

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

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

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

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

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

#divScript {
    display: none;
}

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

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

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

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

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

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

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

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

.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:is(:hover, :focus, :focus-within):not(.sp-f-readonly, [class*='sp-c-']) .sp-f-title::after {
    background-size: 22px 22px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem).sp-flex-1 {
        flex: 1 1 calc(50% - var(--ReportRemainColumnGap)/2) !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-row-details .sp-row:nth-last-child(1) {
    overflow: hidden;
    flex: 50;
}

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

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

.zr-InvoiceFormBox .zr-remain-title,
.zr-GridRemain .zr-RemainItem .zr-remain-title,
:is(.zr-symbolparent, .zr-remainbank, .zr-remaindoc) .zr-remain-title,
.zr-remain-title {
    width: var(--rameinwidth);
    min-width: max-content;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.zr-InvoiceFormBox .zr-remain-number,
.zr-GridRemain .zr-RemainItem .zr-remain-number,
:is(.zr-symbolparent, .zr-remainbank, .zr-remaindoc) .zr-remain-number,
.zr-remain-number {
    border-radius: var(--normalradius) 0 var(--normalradius) var(--normalradius);
    background: var(--white);
    width: calc(100% - var(--rameinwidth));
    color: var(--primary70);
}

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

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

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

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

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

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

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

.sp-icon:hover,
.sp-icon-small:hover,
.sp-i-small:hover,
.sp-is:hover,
.sp-icon-medium:hover,
.sp-i-medium:hover,
.sp-im:hover,
.sp-icon-large:hover,
.sp-i-large:hover,
.sp-il:hover {
    transform: unset;
}

.sp-icon-large {
    width: 32px;
}

.sp-grid-cell img,
.sp-g-cell img,
.sp-grid-cell i,
.sp-g-cell i {
    max-width: var(--icongridbtnwidth) !important;
    filter: opacity(1) grayscale(0);
    width: auto;
    height: auto;
    margin: auto 0;
    transition: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sp-g-row button.sp-icon-delete, .sp-g-row button.sp-icon-edit, button.sp-icon-edit, button.sp-icon-delete, button.sp-icon-viewitem, button.sp-icon-hiddenitem, button.sp-icon-newitem, button.sp-icon-editsquare, button.sp-icon-zoomout, button.sp-icon-speaker, button.sp-icon-mute {
    background: transparent;
    transition: 0s !important;
    border: 0;
}

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

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

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

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

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


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

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

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

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

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

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

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

.sp-icon-envelope-large {
    --icongridwidth: 32px;
}

    .sp-icon-envelope-large::before {
        --icongridwidth: 32px;
        max-height: 24px;
    }

.zr-btn-link {
    background: transparent;
    color: var(--link70);
    outline: 1px solid var(--link70);
    min-width: 120px;
    --HeightBtn: 28px;
}

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

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

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

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

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

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

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

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

.zr-btn-reportdoc:not(.sp-g-cell):is(:hover,:focus)::before {
    background: url('/themes/manager/icons/accounting/No Dacoumentfocus.svg') center no-repeat;
    background-size: cover;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

.sp-icon-large.sp-icon-setting {
    --icongridbtnwidth: 28px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .sp-dialog-overlay::before, .sp-modal-overlay::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #ffffff7a;
            z-index: 13;
            filter: blur(2.4rem);
        }
}

.sp-modal-button {
    position: absolute;
    right: -42px;
    top: -24px;
    width: 42px;
    height: 42px;
    background: url(/themes/manager/icons/baseinformations/CloseSimple.svg) no-repeat;
    background-size: 100% 100%;
}

    .sp-modal-button img {
        opacity: 0;
        width: 100%;
        height: 100%;
    }

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

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

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

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

    .sp-tab.sp-tab-separaterfid .sp-tab-item {
        background: var(--primary15);
        color: var(--primary60);
        border-radius: 0.75rem;
        line-height: 40px;
        flex: 1;
    }

        .sp-tab.sp-tab-separaterfid .sp-tab-item.sp-tab-active, .zr-tab-analys .zr-tab-analys-item.sp-tab-active {
            background: var(--primary60);
            color: var(--white) !important;
            font-size: var(--xlargefont);
        }

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

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

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

.sp-tab-content {
    margin: 0.75rem;
    background: var(--bgForm);
    padding: 1rem 2rem;
    border-radius: var(--largeradius);
}

.zr-tab-analys .zr-tab-analys-item {
    max-width: 180px;
}

    .zr-tab-analys .zr-tab-analys-item.sp-tab-active {
        background: var(--primary70);
        font-weight: 700;
    }

.zr-tab-analys .zr-tab-analys-item {
    background: var(--primary10);
    color: var(--gray70);
    border-radius: var(--normalradius);
    line-height: 40px;
    flex: 1;
    font-size: var(--largefont);
    font-weight: 500;
}

.sp-g-body .sp-g-row:nth-child(even) {
    background: var(--Trbg);
}

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

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

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

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

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

.zr-maingrid :is(.sp-grid-footer, .sp-g-footer) {
    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(--forms-head-color) !important;
    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(--forms-head-color);
    color: var(--primary70);
    flex: 0;
    overflow: unset;
    min-height: fit-content;
    position: sticky;
    width: 100%;
    z-index: 10;
    top: 0;
    border-bottom: 0px;
    border-top: 0px;
    padding: var(--Gridpadding);
    font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sp-f-append .sp-link.sp-ultra-active {
    display: flex;
}

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

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

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

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

/*.sp-f .sp-f-button.sp-btn-savedate::before{
content: "";
width: 16px;
height: 20px;
background: url(/themes/manager/icons/baseinformations/Tick.svg) transparent center no-repeat;
background-size: 100% 100%;
}*/
.sp-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):is(:focus, :hover)::before {
    background-image: url(/themes/manager/icons/accounting/TickDocument.svg) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-location-delete, .zr-location-move, .zr-btn-checked, .zr-btn-unchecked {
    min-width: var(--midWidthbtn) !important;
    padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-location-delete:not(.zr-btn-active):is(:focus, :hover)::before {
    background-size: 100% 100%;
}

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

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

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

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

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

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

.zr-errorimg {
    max-width: 450px;
}

.zr-permissionerrorimg {
    max-width: 554px;
}

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

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

.zr-btn-app::before {
    content: "";
    width: 34px;
    height: 24px;
    background: url(/themes/manager/icons/login/LoginAppWhite.svg) no-repeat center transparent;
    margin-left: 0.75rem;
    background-size: 100% 100%;
}

.zr-btn-app:is(:focus,:hover)::before {
    background: url(/themes/manager/icons/login/LoginAppFocus.svg) no-repeat center transparent;
    background-size: contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.zr-btn-refreshtest.zr-btn-purple, .zr-btn-purple {
    background: var(--rfid50);
    color: var(--white);
}

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

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

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

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

.zr-btn-saveinvoice {
    font-size: var(--normalfont);
    background: var(--accounting70);
    color: var(--white);
}

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

.zr-report-parent {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.zr-CancelDocument,
.zr-CancelDocument:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button, button, a) {
    width: var(--DocBtnWidth);
    background: transparent;
    color: var(--gray80);
    min-height: 32px;
    outline: 1px solid var(--gray80);
    border-radius: var(--smallradius);
}

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

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

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

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

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

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

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

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

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

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

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

/*.zr-date-box{
min-height: 32px;
display: flex;
flex-direction: column;
}
.zr-date-box .sp-d-datepicker{
margin-left: 1.5rem;
}*/
button.sp-btn-cancel::before,
.zr-btn-cancelmsg::before,
.zr-btn-notecancel::before
/* ,.sp-btn-canceldate::before*/ {
    content: "";
    width: 16px;
    height: 16px;
    background: url(/themes/manager/icons/baseinformations/gray70X.svg) transparent center no-repeat;
    background-size: 90%;
    margin-left: 0.25rem;
}

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

button.sp-btn-cancel:hover:not(:focus)::before,
.zr-btn-cancelmsg:hover::before,
button.zr-btn-notecancel:hover::before,
.sp-btn-canceldate::before
/* ,.sp-btn-canceldate::before*/ {
    background-image: url(/themes/manager/icons/baseinformations/WhiteX.svg) !important;
}

button.sp-btn-cancel:focus::before,
.zr-btn-cancelmsg:focus::before,
button.zr-btn-notecancel:focus::before,
button.zr-cancel-delete:not(.zr-btn-cancelmsg):hover::before
/* ,.sp-btn-canceldate:is(:focus,:hover)::before*/ {
    background-image: url(/themes/manager/icons/baseinformations/Focusx.svg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:is(.zr-dataForm, .zr-EnterForm):not(.zr-datalist-form) :is(.sp-col, .sp-col-1, .sp-col-2, .sp-col-3, .sp-col-4, .sp-col-5, .sp-col, .sp-c-1, .sp-c-2, .sp-c-3, .sp-c-4, .sp-c-5, .CashForm .sp-c-6) :is(.sp-btn-search, button.sp-ultra-active.sp-btn-search) {
    left: calc(100% + 0.25rem);
}

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

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

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

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

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

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

.zr-btn-contact-blue:not(.zr-btn-large) {
    --midWidthbtn: 290px;
}

.zr-btn-contact-blue::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/themes/manager/icons/accounting/ContactHover.svg) no-repeat;
    background-size: 100% 100% !important;
    margin-left: 0.5rem;
}

.zr-btn-contact-blue:is(:hover,:focus)::before {
    background: url(/themes/manager/images/AccountFocus.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

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



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

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

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

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

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

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

    .sp-btn-balance::before {
        content: "";
        width: 13px;
        height: 13px;
        background: url(/themes/manager/icons/accounting/BlueSCALE.svg) no-repeat;
        background-size: contain;
        margin-left: 0.25rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sp-grid-cell a,
.sp-g-cell a {
    display: flex;
    height: 100%;
    font-size: var(--normalfont);
    font-weight: 500;
    justify-content: center;
    align-items: center;
}

.sp-justify-right:is(.sp-grid-cell a, .sp-g-cell a) {
    justify-content: right;
}

.sp-g-cell img.zr-drop-icon {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
}

.zr-page-box .zr-page-content {
    max-height: 100%;
    overflow: auto;
}

:is(.zr-page-parent, .zr-dialog-parent):not(.zr-report-parent) .zr-page-content,
.zr-dialog-parent:not(.zr-report-parent) .zr-dialog-content {
    /* padding: 1.5rem 2.25rem 0.5rem;*/
    padding: 0.75rem;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent :is(.zr-page-box, .zr-dialog-box) {
    border-width: 2px;
    background: transparent;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent .sp-d-form:not(.sp-d-form .sp-d-form) {
    background: var(--white);
    border-radius: 1.5rem;
    padding: 1.5rem 1.5rem 0;
    /*0.75rem;*/
    width: calc(100% - (1.5rem) * 2);
    margin: 0 auto 0;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent :is(.zr-dialog-box, .zr-page-box) :is(.zr-report-box, .sp-p-data) {
    /* :is(.zr-grid-parent)*/
    padding: 0.75rem !important;
    border-radius: 1rem;
    background: var(--white);
    margin-top: 0.75rem;
    flex: 10;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent :is(.zr-dialog-box, .zr-page-box) .sp-tab-content .sp-p-data {
    margin-top: 0;
    padding-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-report-box, .zr-report-paren .sp-p-data) :is(.zr-grid-parent:not(.sp-tab .zr-grid-parent)) {
    padding: 1px !important;
}

.zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
    border-radius: 1rem !important;
}

..zr-report-paren .zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
    border-radius: 1.25rem !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent) .sp-g-row .sp-g-cell {
    border: 0 !important;
    border-left: 0.25px solid var(--table-border) !important;
    border-bottom: 0.25px solid var(--table-border) !important;
    justify-content: center;
    border-radius: 0;
    white-space: normal;
    min-height: var(--GridCellHeight);
    font-size: var(--GridCellFont);
    font-weight: var(--GridCellFontWeight);
    color: var(--gray95);
    padding: 0;
    align-items: center;
}

.sp-g-cell.zr-cell-date {
    overflow: inherit;
}

.sp-g-row .sp-g-cell.zr-cell-right {
    padding: 0 0.75rem 0 0;
    align-items: flex-start;
    text-align: right;
}

.zr-cell-mix {
    flex: 3;
    margin-left: 0.75rem;
}

.sp-d-board {
    height: 100%;
    max-height: 100%;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell .sp-g-cell,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell.sp-d-frame,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-cell:has(.sp-frame) {
    border-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-frame,
.sp-g-nested:not(:only-child, :last-child) {
    border-bottom: 1px solid var(--table-border) !important;
}

.sp-board > .sp-d-division {
    max-height: calc(100% - 0px);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell p {
    font-size: var(--GridCellFont);
    /* color: var(--primary70);*/
    font-weight: var(--GridCellFontWeight);
}

.zr-grid-analys {
    --GridCellFont: var(--largefont);
    --GridCellFontWeight: 400;
    --HeaderCellFontWeight: 700;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-frame {
    display: flex;
    flex-direction: column;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-nested,
.sp-d-tab,
:is(.zr-maingrid, .sp-board, .zr-printbox) .sp-frame {
    flex: 1;
}

.sp-board .sp-d-card,
.sp-d-tab {
    overflow: auto;
    max-height: 100%;
    display: flex;
}

.sp-d-card {
    margin-bottom: 0;
}

.zr-detaildoc-row:not(:only-child, :last-child) {
    border-bottom: 0.25px solid var(--table-border) !important;
}

.sp-g-cell .sp-d-frame {
    margin: 0 auto auto;
}

.zr-table-cell {
    min-height: 32px;
    font-size: var(--GridCellFont);
    font-weight: 500;
    color: var(--gray95);
    display: flex;
}

.zr-maingrid .sp-g-row .sp-g-cell:last-child,
.zr-maingrid .sp-g-header .sp-g-cell:last-child {
    border-left: 0 !important;
}

.sp-grid-button,
.sp-g-button {
    min-width: 2.25rem;
    padding: 0;
}

.zr-ProductImgParent,
.sp-d-image {
    max-height: var(--Imageheight);
    display: flex;
    min-height: var(--Imageheight);
    max-width: var(--Imagewidth);
    height: 100%;
    margin-right: auto;
    outline: 1px solid var(--primary15);
    background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5) no-repeat;
    background-size: cover;
}

.sp-d-image {
    margin-left: auto;
}

.zr-ProductNote {
    top: 0rem;
}

    .zr-ProductNote label {
        font-size: var(--normalfont);
    }

:is(.zr-page-box, .zr-dialog-box) .sp-d-image {
    --Imagewidth: 210px;
    --Imageheight: 200px;
    margin-bottom: var(--MarginRow);
}

.sp-d-carousel {
    max-height: var(--Imageheight);
    display: flex;
    min-height: var(--Imageheight);
    max-width: var(--Imagewidth);
}

.zr-dialog-box .zr-ProductImgParent {
    max-height: var(--ProductImgparentheight);
    display: flex;
    min-height: var(--ProductImgparentheight);
    max-width: var(--ProductImgparentwidth);
    margin: auto;
}

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

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

.zr-upload-box {
    min-width: 144px;
    min-height: 144px;
    width: 20%;
}

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

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

.zr-upload-img {
    max-width: 70px;
}

.zr-upload-imghover {
    max-width: 74px;
}

.zr-icon-product-delete,
.zr-icon-product-rt {
    right: var(--ImgDistance);
    top: var(--ImgDistance);
}

.zr-icon-product-zoom,
.zr-icon-product-rb {
    right: var(--ImgDistance);
    bottom: var(--ImgDistance);
}

.zr-icon-product-add,
.zr-icon-product-lt {
    left: var(--ImgDistance);
    top: var(--ImgDistance);
}

.zr-icon-product-operation {
    background: var(--primary70light);
    min-width: 24px;
    min-height: 24px;
}

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

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

.zr-img-operation {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
}

.zr-uploadimg-operation {
    max-width: 14px;
    max-height: 14px;
    object-fit: contain;
}

.sp-upload {
    min-width: var(--Imagewidth);
    min-height: var(--Imageheight);
    display: flex;
    flex-direction: column;
}

.sp-upload-image {
    object-fit: cover;
}

.zr-ProductImgBox {
    flex: 1 1 calc(33% - 3rem);
}

.sp-validated {
    position: relative;
}

.sp-form select,
.sp-f select {
    border: 0px;
    font-size: var(--FontInput);
    margin: 0;
    font-family: 'Vazir';
    width: 100%;
    border-radius: var(--inputrp) 0 var(--inputrp) var(--inputrp);
    padding: 0;
    direction: rtl;
    height: var(--InputHeight);
}

.sp-f :is(input[type=text], input[type=number], textarea, input[type=password]),
:is(input[type=text], input[type=number], textarea, input[type=password]),
.sp-f-editor > .sp-f-label,
.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: right;
    border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
    width: 100%;
    padding-right: var(--TextPadding);
    line-height: var(--InputHeight);
    font-family: 'vazir';
    font-size: var(--FontInput);
    font-weight: var(--InputFontWeight);
    background-color: var(--InputColor);
    transition: none !important;
}

.sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input),
:is(.zr-hasfilter) :is(.sp-drop, .sp-select) {
    border-radius: var(--xsmallradius);
    width: calc(100% - 1rem) !important;
    margin: 0.25rem auto;
    line-height: 20px;
    outline: 1px solid var(--primary10);
    /*min-height: 24px;*/
}

    .sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input)[readonly], :is(.zr-hasfilter) :is(.sp-drop, .sp-select)[readonly] {
        background: var(--primary10);
        color: var(--primary50);
    }

    .sp-g-cell .sp-select-input,
    .sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input).sp-select-input {
        width: 100% !important;
        margin: 0;
    }

    :is(.zr-hasfilter) :is(.sp-drop, .sp-select) :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input) {
        padding: 0.25rem;
        height: 100%;
        margin: 0;
        width: 100% !important;
    }

.sp-g-cell select {
    --InputHeight: 20px;
}

.sp-f :is(input[type=text], input[type=number], textarea).sp-center,
:is(input[type=text], input[type=number], textarea).sp-center,
.sp-f-editor > .sp-f-label.sp-center,
.sp-form select.sp-center,
.sp-f select.sp-center,
.sp-form-select.sp-center,
.sp-f-select.sp-center {
    text-align: center;
}

.sp-f-editor > .sp-f-label {
    background-color: transparent;
}

.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
    height: var(--InputHeight)
}

[disabled=disabled] .operation-icon,
[disabled=disabled] p,
[disabled=disabled] img {
    opacity: 0.5;
}

.operation-item[disabled=disabled]:hover {
    background: transparent;
    box-shadow: 0px 3px 6px var(--OperationShadow);
    border: 1px solid var(--Purewhite);
}

/*Tree Overwrite*/

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

.sp-f .sp-select.sp-select-show .sp-select-input,
.sp-form .sp-select.sp-select-show .sp-select-input,
.sp-f .sp-drop.sp-drop-show .sp-drop-button,
.sp-form .sp-drop.sp-drop-show .sp-drop-button {
    color: var(--link50);
    --InputColor: var(--grayWhite);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-select-items, .sp-drop-items, .sp-d-suggest .sp-widget-picker) {
    overflow: hidden;
    border-radius: 0 0 0.75rem 0.75rem;
    top: 100%;
    border: 0.5px solid var(--borderDoccolor) !important;
    border-top: 0 !important;
    width: calc(100% + 2px);
    left: -1px;
    padding-right: 0.5rem;
    padding-left: 2px;
    background: var(--grayWhite);
    z-index: 22;
    box-shadow: none;
    /*  max-height: 200px;*/
}

.sp-dialog :is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-select-items, .sp-drop-items, .sp-d-suggest .sp-widget-picker) {
    max-height: 200px;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-show .sp-select-items,
.sp-drop-show .sp-drop-items {
    display: flex;
    flex-direction: column;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-select-show .sp-select-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) {
    max-height: calc(100% - 0px);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-d-suggest .sp-widget-picker {
    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>span, .sp-select-item>span, .sp-drop-items li>span) {
    width: 100%;
    font-size: var(--smallfont);
    cursor: pointer;
    margin: 0;
    text-align: right;
    border-radius: var(--smallradius);
    padding: 0.25rem 0.75rem 0.25rem 0.4rem;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li, .sp-select-item, .sp-drop-items li) {
    width: 100%;
    font-size: var(--smallfont);
    margin: 0;
    text-align: right;
    border-radius: var(--smallradius);
    background: transparent;
    padding: 0;
    position: relative;
}

.multi-select .ComboItem {
    flex-direction: row !important;
    flex-wrap: wrap;
}

.sp-grid-row:nth-child(even),
.sp-g-row:nth-child(even) {
    background-color: var(--white);
    border-top: none;
}

.sp-f button.sp-drop-button,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop-button) {
    border: 0 !important;
    margin: 0 !important;
    display: flex;
    min-height: var(--InputHeight) !important;
    height: var(--InputHeight) !important;
    border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp) !important;
    font-weight: var(--InputFontWeight);
    flex-direction: column;
    padding-right: 0.5rem;
    font-family: 'Vazir';
    padding-left: 2rem;
    font-size: var(--FontInput);
    box-shadow: none !important;
    background-color: var(--InputColor) !important;
    justify-content: center;
}


:is(.zr-hasfilter) :is(.sp-drop-button) {
    border-radius: var(--xsmallradius) !important;
}


:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append :is(.sp-drop-button, .sp-drop-button label) {
    font-size: var(--smallfont);
    /* padding-left: 1.5rem;*/
    display: flex;
    padding-right: 0.25rem;
    justify-content: center;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop.sp-drop-show {
    min-width: 100px;
    position: relative;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop .sp-drop-button:after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 6px solid var(--dark) !important;
    background: transparent;
    border-bottom: 0 !important;
    transform: none;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
}

.zr-readonly-notshow .sp-f-append .sp-drop.sp-f-disabled .sp-drop-button:after {
    display: none;
}

.zr-readonly-notshow :is(.sp-drop-button) {
    padding-left: 0.5rem !important;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-f-append .sp-drop.sp-drop-show .sp-drop-button:after {
    transform: rotate(180deg);
}

.sp-f button.sp-drop-button,
:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-drop-button label) {
    display: flex;
    flex-direction: column;
    font-family: 'Vazir';
    font-size: var(--FontInput);
    font-weight: var(--InputFontWeight);
    margin: auto 0;
    cursor: pointer;
}

.sp-f-readonly.sp-f-append .sp-drop-button {
    background-color: transparent !important;
}


:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li > 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 {
    background: var(--link5);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li::before {
    border: 0;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .sp-tree li::after {
    top: 0;
    border-left: 0;
    border-top: 0;
    border-radius: 0;
    width: 0;
    height: 0;
}

.sp-select-active > span,
.sp-drop-active > span {
    background: var(--link20);
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li.sp-select-nested>span) {
    padding-right: 1.25rem;
    font-weight: bold;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li::before) {
    left: auto;
}

:is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) :is(.sp-tree li:last-child:before) {
    border-radius: 0 0 5px 0;
}

.sp-select-nested i {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 6px solid var(--dark);
    background: transparent;
    border-left: 0;
}

.sp-list-nested i {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid var(--dark);
    background: transparent;
    border-left: 0;
    position: absolute;
    top: 19px;
    right: 16px;
}

:is(.sp-f-select, .sp-list) .sp-toggle-active.sp-select-collapse {
    transform: rotate(-90deg);
}

.zr-active-tree .sp-select-input,
.sp-select-show .sp-select-input,
.sp-drop-show .sp-drop-button {
    border-radius: var(--inputminrp) var(--inputminrp) 0 0 !important;
    outline: 0.5px solid var(--borderDoccolor) !important;
}

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

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

.zr-bilan-gap {
    gap: 0.75rem;
}

.zr-bilan-chartline-parent {
    height: 162px;
}

.zr-tab-slide {
    max-width: 50%;
    margin: 0 auto !important;
}

.zr-bilan-chartlist-parent {
    flex: 1 1 40px !important;
}

:is(.zr-bilan-framechart,.zr-bilan-main).sp-main-loading .sp-main-loading::after {
    display: none;
}

.sp-bg-dark {
    background: var(--DarkColor);
}

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

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

.sp-bg-darkblue,
.sp-bg-MainColor,
input[type=button].sp-ultra-active.sp-bg-darkblue,
input[type=submit].sp-ultra-active.sp-bg-darkblue,
button.sp-ultra-active.sp-bg-darkblue {
    background-color: var(--MainThemeColor) !important;
}

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

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

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

.sp-blue-dialog {
    background-color: var(--Dialogbg);
}

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

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

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

.zr-dialog-box,
.zr-page-box {
    border-radius: var(--xxlargeradius);
    border: 2px solid var(--Dialogbg);
    /* 0.25rem solid var(--Dialogbg)*/
    ;
    border-top: 0px;
    flex: 1;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    background: var(--white);
    /*  max-height: calc(100% - 2.5rem);*/
    max-height: calc(100% - 0rem);
    overflow-y: auto;
}

/*.zr-page-box{
max-height: calc(100% - 0rem);
}*/
.zr-dialog-parent {
    align-self: stretch;
    flex: 1;
    max-height: calc(100% - 0rem);
    height: 100%;
    overflow: hidden;
}

.zr-dialog-line {
    background: linear-gradient(90deg, var(--secondgradiant), var(--white), var(--secondgradiant));
    width: 100%;
    min-height: 3px;
}

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

.zr-pinkmode:not(.zr-Disabled) {
    --FirstbgColor: var(--Maintertiary);
    --secondary: var(--Maintertiary);
    --darkborder: var(--Maintertiary);
    --MainThemeColor: var(--Maintertiary);
    --bgtitle: var(--Maintertiary);
    --RedDelete: var(--Maintertiary);
    --primary70: var(--tertiary70);
    --primary80: var(--tertiary80);
    --bgForm: var(--tertiary5);
    --primary60: var(--tertiary60);
    --bgDoccolor: var(--tertiary10);
    --TempbgDoccolor: var(--tertiary10);
    --borderDoccolor: var(--tertiary30);
    /* --primary5light: var(--tertiary5light);*/
    --AppColor70: var(--Maintertiary);
    --AppColor5: var(--Maintertiary);
}


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

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

.zr-pinkmode .sp-f-button.sp-btn-undo:not(:hover, :focus)::before {
    background: url(/themes/manager/icons/baseinformations/RefreshRed.svg) no-repeat center;
    background-size: 100% 100%;
}

.sp-bg-blueform.zr-bluemode {
    --AppColor70: var(--Mainprimary);
    --AppColor5: var(--Mainprimary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.zr-table-row .zr-table-row:last-child:not(.zr-selected-row) {
    border: 0;
}

.zr-mgrid-1.zr-mgrid-1.sp-g {
    margin: 1px;
}

.sp-dialog-main, .sp-modal-main {
    height: 100% !important;
    width: 100%;
    max-height: calc(100% - 0px);
    flex: 1;
    background-color: transparent !important;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    color: var(--primary95);
}

.sp-dialog .sp-dialog-button {
    display: none;
}

.sp-dialog:has(.zr-message-box) .sp-dialog-button,
.zr-shortmsg-btn {
    position: absolute;
    display: flex;
    cursor: pointer;
    background: url(/themes/manager/icons/messages/CloseDialog.svg) no-repeat;
    background-size: contain;
    z-index: 5;
}

.zr-closebtn-simple {
    max-width: 42px;
    right: -42px;
}

.sp-dialog-main > .zr-closebtn-simple {
    top: -42px;
}

.sp-dialog:has(.zr-message-box) .sp-dialog-button {
    right: 20px;
    width: 20px;
    height: 20px;
    top: 20px;
}

.zr-shortmsg-btn {
    width: 15px;
    height: 15px;
    left: 12px;
    top: 12px;
}

.sp-dialog-button img {
    width: 44px;
    height: 44px;
    margin: auto;
    text-align: center;
    opacity: 0;
}



.sp-dialog-overlay,
.zr-responsive-overlay, .sp-modal-overlay {
    background-color: #d7dde833;
    backdrop-filter: blur(12px);
    z-index: 35 !important;
    top: 0;
    right: 0;
}

.zr-responsive-overlay {
    display: none;
}

.sp-dialog-base {
    background: transparent !important;
    height: 100%;
    max-width: 100%;
    overflow: auto;
    vertical-align: top;
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 0px);
    direction: rtl;
}

.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) !important;
        border-radius: var(--xxlargeradius) !important;
    }

    .sp-dialog:has(.zr-dialog-parent) {
        display: flex !important;
        /*height: auto !important;*/
        flex-direction: column;
        /* overflow: hidden;*/
    }

.sp-dialog-box {
    border-radius: 40px;
}

.sp-b-darkblue,
.sp-b-MainColor {
    border-color: var(--MainThemeColor);
}

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

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

.zr-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 19;
    bottom: 0;
    background: #ffffff00;
    backdrop-filter: blur(1px);
    /* mix-blend-mode: luminosity;*/
}

.zr-overlay-blur {
    background-color: #ffffff4d;
    backdrop-filter: blur(3px) brightness(1) saturate(1);
}

    .zr-overlay-blur .zr-DIsabledGriderror {
        width: 36%;
    }

.zr-maingrid {
    height: 100%;
    max-height: calc(100% - 0px);
}

    .zr-maingrid.zr-Disabled {
        /*filter: opacity(0.6);
  mix-blend-mode: luminosity;*/
    }

.zr-divContent.zr-Disabled {
    /* mix-blend-mode: luminosity;*/
}

#FormContent {
    min-height: calc(100% - 50px);
    width: 100%;
}

.sp-f-row.sp-d-select {
    flex-wrap: nowrap;
}

:is(.RawGold, .StoneForm) .sp-row:not(:nth-last-child(2), .sp-row .sp-row),
.MoneyForm .sp-row:not(:nth-last-child(2)),
.zr-melted-row > .sp-row {
    width: var(--middlewidth);
}

.CashForm .sp-row:not(.sp-row .sp-row, :nth-last-child(2)),
.DiscountForm .sp-row:not(:nth-last-child(2)),
.BankForm .sp-row:not(:nth-last-child(2), .sp-d-frame .sp-row),
.CurrencyForm .sp-row:not(:nth-last-child(2)),
.CardForm .sp-row:not(:nth-last-child(2)) {
    width: var(--smallwidth);
}

.MoneyForm .sp-row:not(:nth-last-child(2)) {
    width: var(--midwidth);
}

.CashForm .sp-row:not(.sp-row .sp-row, :nth-last-child(2)),
.DiscountForm .sp-row:not(:nth-last-child(2)),
:is(.RawGold, .StoneForm) .sp-row:not(:nth-last-child(2), .sp-row .sp-row),
.MoneyForm .sp-row:not(:nth-last-child(2)),
.BankForm .sp-row:not(:nth-last-child(2), .sp-d-frame .sp-row),
.CurrencyForm .sp-row:not(:nth-last-child(2)),
.CardForm .sp-row:not(:nth-last-child(2)),
.zr-melted-row > .sp-row,
.MoneyForm .sp-row:not(:nth-last-child(2)) {
    margin-left: auto;
    margin-right: auto;
}

.zr-tabline {
    margin: 1rem 0 0.5rem;
}

:is(.Chequeform, .zr-divStone, .zr-divCurrency) .sp-row:first-of-type .sp-f-row:not(.zr-mt-row) {
    margin-top: 0 !important;
}

.zr-divStone,
.zr-divCurrency,
.zr-divBank,
.zr-Divjewel {
    min-height: calc(100% - 64px);
    display: flex !important;
}

.StoneForm,
.MoneyForm,
.Chequeform {
    height: auto;
    flex: 1;
    align-self: stretch;
}

.sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2)) {
    flex: 50;
}

.zr-sales :is(.StoneForm, .MoneyForm, .Jewleryform, .Chequeform) {
    min-height: 260px;
}

.zr-sales {
    --DocumentHeight: 440px;
    /*  --RemainHeight:80px158px*/
}

.zr-sales {
    --salesgridborder: 0.25rem solid var(--gray5);
}

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

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

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

:is(.zr-DeleteDoc, .zr-btn-DeleteFilter, .zr-btn-delete):is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button, .sp-f-button) {
    min-width: var(--DocBtnWidth);
    background: transparent;
    color: var(--Maintertiary);
    border-radius: var(--smallradius);
    outline: 1px solid var(--Maintertiary);
    font-size: var(--largefont);
}

    :is(.zr-DeleteDoc, .zr-btn-DeleteFilter, .zr-btn-delete):is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button, .sp-f-button):hover:not(:focus) {
        background-color: var(--error70) !important;
        outline: 1px solid var(--error70) !important;
        color: var(--white) !important
    }

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

.zr-btn-DeleteFilter:is(:hover)::before {
    background: url(/themes/manager/icons/baseinformations/EmptyFilterHover.svg) transparent center no-repeat;
}

.zr-btn-DeleteFilter:is(:focus)::before {
    background: url(/themes/manager/icons/baseinformations/EmptyFilterFocus.svg) transparent center no-repeat;
}

.zr-btn-copy,
.zr-btn-edit,
.zr-btn-delete,
.zr-btn-unselect,
.zr-btn-add {
    min-width: var(--Widthbtn);
}

.zr-btn-upload::before {
    content: "";
    width: 18px;
    height: 18px;
    margin-left: 0.25rem;
}

.zr-btn-unselect::before,
.zr-btn-delete::before,
.zr-btn-edit::before,
.zr-btn-copy::before,
.zr-btn-add::before,
.zp-btn-contact::before,
.zp-btn-invoicelist::before,
.zp-btn-date::before,
.zr-btn-edithoney::before {
    content: "";
    width: var(--minibtnwidth);
    height: var(--minibtnwidth);
    margin-left: 0.25rem;
}

.zr-btn-unselect::before {
    background: url(/themes/manager/icons/baseinformations/Checkbox.svg) transparent center no-repeat;
    background-size: contain !important;
}

.zp-btn-contact::before {
    background: url(/themes/manager/icons/menu/sals/invoice/salesAddaccount.svg) transparent right no-repeat;
    background-size: contain;
}

.zp-btn-contact:is(:hover, :focus)::before {
    background: url(/themes/manager/images/AccountFocus.svg) transparent right no-repeat;
    background-size: contain;
}

.zr-btn-upload::before {
    background: url(/themes/manager/icons/accounting/DownloadWhite1.svg) transparent right no-repeat;
    background-size: contain;
}

.zr-btn-upload:is(:hover, :focus)::before {
    background: url(/themes/manager/icons/accounting/DownloadFocus.svg) transparent right no-repeat;
    background-size: contain;
}

.zp-btn-invoicelist::before {
    background: url(/themes/manager/icons/baseinformations/Invoicereport.svg) transparent right no-repeat;
    background-size: contain;
}

.zp-btn-invoicelist:is(:hover, :focus)::before {
    background: url(/themes/manager/icons/baseinformations/InvoicereportFocus.svg) transparent right no-repeat;
    background-size: contain;
}

.zr-btn-unselect:is(:hover, :focus)::before {
    background: url(/themes/manager/icons/baseinformations/CheckboxFocus.svg) transparent center no-repeat;
    background-size: contain;
}

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

.zr-btn-delete:is(:hover)::before {
    background: url(/themes/manager/icons/accounting/recycle.svg) transparent center no-repeat;
    background-size: 100%;
}

.zr-btn-delete:is(:focus)::before {
    background: url(/themes/manager/icons/baseinformations/Delete-rec-focus.svg) transparent center no-repeat;
    background-size: contain;
}

.zr-btn-edit::before,
.zr-btn-edithoney::before {
    background: url(/themes/manager/icons/baseinformations/Edit-f.svg) transparent center no-repeat;
    width: var(--minibtnwidth);
    height: var(--minibtnwidth);
    background-size: 100% 100%;
}

.zr-btn-edit-outlinehoney::before {
    background: url(/themes/manager/icons/baseinformations/EditHoney.svg) transparent center no-repeat;
    width: var(--minibtnwidth);
    height: var(--minibtnwidth);
    background-size: 100% 100%;
}

.zr-btn-edithoney::before {
    background: url(/themes/manager/icons/baseinformations/EditDarkBlue.svg) transparent center no-repeat;
    background-size: 100% 100%;
}

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

.zr-btn-edithoney {
    border-radius: var(--smallradius);
    font-weight: 400;
    font-size: var(--largefont);
}

.zr-btn-copy::before {
    background: url(/themes/manager/icons/baseinformations/Copy.svg) transparent center no-repeat;
    background-size: 100%;
}

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

.zr-btn-add,
.zr-btn-add:is(.sp-f-button) {
    min-width: var(--Widthbtn);
    min-height: var(--HeightBtn);
    border-radius: var(--smallradius) !important;
    font-size: var(--FontBtnCancel);
    font-weight: 400;
    color: var(--gray70);
    outline: 1px solid var(--gray70);
    background: transparent;
}

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

    .zr-btn-add.zr-btn-green,
    .zr-btn-add.zr-btn-green:is(.sp-f-button) {
        color: #376B6D;
        outline: 1px solid #376B6D;
    }

.zr-btn-honey,
.zr-btn-honey:is(.sp-f-button) {
    background: var(--secondary50) !important;
}

.zr-btn-add.zr-btn-red,
.zr-btn-add.zr-btn-red:is(.sp-f-button) {
    color: #875050;
    outline: 1px solid #875050;
}

.zr-btn-add.zr-btn-blueoutline,
.zr-btn-add.zr-btn-blueoutline:is(.sp-f-button) {
    color: var(--Mainprimary);
    outline: 1px solid var(--Mainprimary);
    min-width: var(--largewidth);
}

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

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

.zr-btn-add::before {
    background: url(/themes/manager/icons/baseinformations/Plusgray2.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-lightpurple::before {
    background: url(/themes/manager/icons/baseinformations/pluspurple.svg) transparent center no-repeat;
    background-size: 13px 12px;
}

.zr-btn-add.zr-btn-blueoutline::before, .zr-btn-add.zr-btn-lightblue::before {
    background: url(/themes/manager/icons/baseinformations/PlusBlue.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-blue::before {
    background: url(/themes/manager/icons/baseinformations/PlusWhite.svg) transparent center no-repeat;
    background-size: 13px 12px;
}

.zr-btn-add.zr-btn-red::before {
    background: url(/themes/manager/icons/baseinformations/plusRed.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-green::before {
    background: url(/themes/manager/icons/baseinformations/PlusGreen.svg) transparent center no-repeat;
}

.zr-btn-add.zr-btn-darkgreen::before {
    background: url(/themes/manager/icons/baseinformations/PlusWhite.svg) transparent center no-repeat;
    background-size: 13px 12px;
}

.zr-btn-add:is(:hover, :focus)::before {
    background: url(/themes/manager/icons/baseinformations/Pluslink2.svg) transparent center no-repeat;
}

.zr-CancelDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button, button, a) {
    min-width: var(--DocBtnWidth);
    background: transparent;
    color: var(--primary70);
    border-radius: var(--smallradius) !important;
    outline: 1px solid var(--primary70);
}

.zr-CancelDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button):hover,
.zr-CancelDocument:hover,
.zr-CancelDocument:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button):hover {
    background: var(--MainThemeColor);
    color: var(--white);
}

.zr-SubmitDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button) {
    background: var(--Mainquaternary);
    flex: 1 1;
    min-height: var(--HeightBtn);
    color: var(--white);
}

    .zr-SubmitDoc:is(.sp-form input[type=button], .sp-form input[type=submit], .sp-form button, .sp-f input[type=button], .sp-f input[type=submit], .sp-f button):hover {
        background: var(--Mainsecondary);
        color: var(--primary70);
    }

:is(.zr-main-item, .zr-btn-item):hover .zr-Mainicon,
:is(.zr-main-item, .zr-btn-item):focus .zr-Mainicon,
:is(.zr-main-item, .zr-btn-item):focus:hover .zr-hovericon,
.zr-hovericon,
.zr-focusicon,
.zr-edited-form .zr-newmode-icon,
.zr-editmode-icon,
.zr-btn-text {
    display: none;
}

:is(.zr-main-item, .zr-btn-item):hover :is(.zr-hovericon, .zr-btn-text),
:is(.zr-main-item, .zr-btn-item):focus :is(.zr-focusicon, .zr-btn-text),
.zr-edited-form .zr-editmode-icon,
.zr-newmode-icon {
    display: block;
}

.zr-CurrentDocument :is(.zr-RemainBoxTitle, .zr-RemainBoxValue) {
    /*  font-size: 13px !important;*/
}

.sp-d-label.Title .sp-f-title {
    background: transparent;
    line-height: 1.25rem !important;
    font-size: 16px !important;
}

.sp-f-row.zr-has-longtitle {
    flex-wrap: nowrap;
}

.sp-f-title.zr-long-title:hover {
    max-width: unset;
    overflow: unset;
    justify-content: center;
    min-width: max-content;
    right: 0;
    padding: 0 0.25rem;
    background: var(--bgDoccolor);
    width: var(--widthtitle);
}

.sp-f-title.zr-long-title,
[class*="sp-f-row"] .sp-f-title.zr-long-title {
    white-space: nowrap;
    overflow: hidden;
    justify-content: right;
    padding: 0 0.25rem 0 0;
    width: var(--widthtitle);
}

    .sp-f-title.zr-long-title:not(:hover)::before {
        content: "...";
        z-index: 5;
        background: var(--bgDoccolor);
        padding: 0 1px;
        position: absolute;
        left: 1px;
    }

.sp-form-editor label,
.sp-f-editor label,
:is(.sp-drop, .sp-select) label {
    margin-top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--gray95);
}

.sp-flex-1,
.zr-hascard-flex .sp-d-card:not(.zr-flex-unset) {
    flex: 1 !important;
}

.sp-flex-50 {
    flex: 50 !important;
}

.sp-flex-2 {
    flex: 2 !important;
}

.zr-shortmsg-parent {
    min-width: 500px;
    bottom: 114px;
    position: fixed;
    min-height: 94px;
    z-index: 120;
    right: 2rem;
}

    .zr-shortmsg-parent.zr-deletebox-parent {
        border: 1px solid var(--error20);
        border-right: 8px solid var(--error60);
    }

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

.zr-timer-parent {
    height: 2px;
    transform: rotate(180deg);
    border-radius: 2px;
}

.zr-timer {
    height: 2px;
    width: 0%;
    z-index: 125;
}

.zr-deletebox-parent .zr-timer {
    background: var(--error60);
}

.zr-deletebox-parent .zr-cancel-delete {
    --HeightBtn: 24px;
    margin: auto 0;
    --Widthbtn: 140px;
    --FontBtnCancel: var(--normalfont);
}

    .zr-deletebox-parent .zr-cancel-delete::before {
        content: "";
        width: 10px;
        height: 10px;
    }

.zr-msg-deleteicon,
.zr-msg-correcticon {
    width: 40px;
    height: 40px;
}

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

.zr-msg-deleteicon {
    background: var(--error5);
}

.zr-msg-correcticon {
    background: var(--approved5);
}

.zr-correctbox-parent .zr-timer {
    background: var(--approved50);
}

.sp-grid-header .sp-grid-cell,
.sp-g-header .sp-g-cell,
.sp-g .sp-g-header .sp-g-cell:not(:first-child) {
    background-color: transparent;
    border-left: 0.25px solid #122728 !important;
    justify-content: center;
    font-size: var(--HeaderCellFont) !important;
    font-weight: var(--HeaderCellFontWeight) !important;
    border-right: 0 !important;
    position: relative;
    min-height: var(--HeaderCellHeight);
}

    .sp-grid-header .sp-grid-cell a,
    .sp-g-header .sp-g-cell a {
        background-color: transparent;
        justify-content: center;
        font-size: var(--HeaderCellFont) !important;
        font-weight: 500 !important;
        border-right: 0 !important;
        position: relative;
        min-height: var(--HeaderCellHeight);
        color: inherit;
    }


.sp-g-cell:is(.sp-g-sorting, .sp-g-sorting-desc, .sp-g-sorting-asc) a::before {
    content: '';
    background: url(/themes/manager/icons/baseinformations/Sorting.svg) no-repeat center;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin-left: 0.25rem;
}

.sp-g-cell:is(.sp-g-sorting-asc) a::before {
    background: url(/themes/manager/icons/baseinformations/Sortingascp.svg) no-repeat center;
}

.sp-g-cell:is(.sp-g-sorting-desc) a::before {
    background: url(/themes/manager/icons/baseinformations/Sortingdescp.svg) no-repeat center;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-g-cell.sp-g-sorting a::before {
    background-size: 100%;
}

.sp-g .sp-g-header .sp-g-cell:last-child {
    border-right: 0 !important;
    border-left: 0 !important;
}

.sp-g-header .sp-g-cell .sp-g-cell,
.sp-grid-header .sp-grid-cell,
.sp-g-header .sp-g-cell,
.sp-g .sp-g-header .sp-g-cell:not(:first-child) {
    margin: 0;
    padding: 0 !important;
}

input.sp-f-radio {
    height: calc(var(--checkboxheight) - 2px);
    width: calc(var(--checkboxheight) - 2px);
}

.sp-form-radio:before, .sp-f-radio:before {
    margin: -1px;
}

.sp-form-radio:checked:after, .sp-f-radio:checked:after {
    left: 3px;
    top: 3px;
    height: calc(var(--checkboxheight) - 8px);
    width: calc(var(--checkboxheight) - 8px);
    border-radius: 100% !important;
    background: var(--primary60);
}

.sp-form-check:indeterminate:after,
.sp-f-check:indeterminate:after {
    border: 0;
}

.zr-headers {
    right: var(--MarginHeader) !important;
    left: var(--MarginHeader) !important;
    min-height: var(--HeaderHeight) !important;
    position: fixed !important;
    top: var(--MarginHeader) !important;
    z-index: 30 !important;
    width: cal(100% - var(--MarginHeader)) !important;
    background: var(--primary50) !important;
}

.zr-header-box {
    border-radius: 0 0 1.5rem 1.5rem;
    background: var(--FirstbgColor);
    height: var(--HeaderHeight);
}

.zr-header-line {
    top: 0;
    position: absolute;
    z-index: -1;
    left: -1px;
    height: calc(var(--HeaderHeight) + 4px);
    background: var(--secondary20);
    border-radius: 0 0 28px 28px;
    width: calc(100% + 2px);
}

.zr-header-date {
    min-width: 104px;
}

.zr-header-logo {
    max-width: 128px;
}

/*.zr-Logout-Img{
max-width:32px;
}
.zr-logout-box:hover ,.zr-logout-box:focus{
min-width:160px;
}
.zr-logout-box .zr-Logout-title{
display:none;
}
.zr-logout-box:hover .zr-Logout-title,.zr-logout-box:focus .zr-Logout-title{
display:flex;
}
.zr-logout-box:hover{
background: var(--error5);
outline: 1px solid var(--error60);
color: var(--error60);
}
.zr-logout-box:focus {
background: var(--error60);
color: var(--error5);
}
*/
.zr-logout-box:not(:is(:hover, :focus)) .zr-logout-hover,
.zr-logout-box:is(:hover, :focus) .zr-logout-main {
    display: none;
}

.zr-filter-dropdown {
    top: calc(100% + 4px);
    left: 0;
    background: white;
    width: 100%;
    border-radius: var(--smallradius);
    height: 228px;
    box-shadow: -1px -1px 10px #7070754d;
}

.zr-btn-cancelFilter {
    outline: 1px solid var(--gray30);
}

.zr-symbol-item:not(.zr-selected) {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s;
}

.zr-symbol-Parent {
    min-width: 278px;
}

.zr-DropDown-open .zr-symbol-list {
    max-height: 270px;
    overflow: auto;
}

.zr-symbol-list {
    width: 100%;
}

.zr-symbol-DropDown:hover,
.zr-user-parent:hover,
.zr-symbol-DropDown.zr-DropDown-open {
    background: linear-gradient(4.1deg, var(--MainThemeColor) 2.72%, var(--primary60) 50.39%, var(--MainThemeColor) 100.08%);
}

.zr-symbol-DropDown.zr-DropDown-open {
    position: absolute;
    top: 1rem;
    left: 0;
    box-shadow: inset 0px 0px 12px #15223733, 0px 10px 30px #101a2980;
}

.zr-symbol-box {
    max-width: 20px;
    max-height: 20px;
}

.zr-symbol-img {
    object-fit: cover;
    height: 100%;
}

.zr-symbol-title {
    color: var(--primary5)
}

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

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

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

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


.SectionTitle {
    opacity: 0.9;
}

.zr-inner-wrapper {
    padding: 0 1.5rem 0 2.5rem;
}

.zr-box-profile, .zr-box-deviceimg {
    min-width: var(--boxprofile);
    min-height: var(--boxprofile);
    background: var(--primary60);
    border: 1px solid var(--primary70);
}

.zr-box-deviceimg {
    border-color: var(--primary50);
}

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

.zr-img-profile {
    max-width: calc(var(--boxprofile) / 2);
    margin: auto;
    object-fit: cover;
}

.zr-badge-online,
.zr-badge-count {
    width: 10px;
    height: 10px;
    background: var(--approved30);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
}

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

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

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

.zr-SearchForm input::placeholder {
    color: var(--primary70);
    font-weight: 500;
}

.zr-search-icon,
.zr-searchForm-icon,
.zr-delete-icon {
    max-width: var(--normalbtnwidth);
}

.zr-searchForm-box {
    border-radius: 0 0.5rem 0.5rem 0;
}

.zr-Show-search,
.zr-Show-search .zr-searchForm-box {
    background: var(--primary70);
}

    .zr-Show-search .zr-Main-search,
    .zr-Hover-search,
    .zr-filter-box {
        display: none;
    }

    .zr-Show-search .zr-Hover-search,
    .zr-Show-search .zr-filter-box {
        display: flex;
    }

.zr-Hover-search {
    max-width: 16px;
}

.zr-Show-search input::placeholder {
    color: var(--gray30);
}

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

.zr-searchbox {
    border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
}

.zr-filter-icon {
    max-width: 14px;
}

.zr-filter-triangle {
    top: -6px;
    width: 12px;
    height: 12px;
    border-radius: 0 3px 0 0;
    transform: matrix(-1, 0, 0, 1, 0, 0) rotate(-46deg);
    left: 0.75rem;
    background: var(--Purewhite);
}

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

.zr-loading {
    z-index: 25;
    left: 4%;
    top: 20%;
    animation: OpacityAnimation infinite 1s;
}

.zr-PreLoading {
    z-index: 25;
    bottom: 0;
    background: var(--PreLoading);
    backdrop-filter: blur(3px);
    -moz-backdrop-filter: blur(3px);
    border-radius: var(--xxlargeradius);
    /*  height: calc(100% - var(--TabHeight));*/
    height: 100%;
}

.zr-PreLoadingTitle {
    animation: OpacityAnimation infinite 1.5s;
}

@keyframes OpacityAnimation {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0.25
    }

    50% {
        opacity: 0.5
    }

    75% {
        opacity: 0.75
    }

    100% {
        opacity: 1
    }
}

.zr-PreLoading-pulse {
    position: relative;
    width: 6px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-animation: pulse 750ms infinite;
    animation: pulse 750ms infinite;
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

    .zr-PreLoading-pulse:before {
        left: -12px;
    }

    .zr-PreLoading-pulse:before,
    .zr-PreLoading-pulse:after {
        content: "";
        position: absolute;
        display: block;
        height: 16px;
        width: 6px;
        background: rgba(255, 255, 255, 0.2);
        top: 50%;
        transform: translateY(-50%);
        -webkit-animation: pulse 750ms infinite;
        animation: pulse 750ms infinite;
    }

    .zr-PreLoading-pulse:before,
    .zr-PreLoading-pulse:after {
        content: "";
        position: absolute;
        display: block;
        height: 16px;
        width: 6px;
        background: rgba(255, 255, 255, 0.2);
        top: 50%;
        transform: translateY(-50%);
        -webkit-animation: pulse 750ms infinite;
        animation: pulse 750ms infinite;
    }

    .zr-PreLoading-pulse:after {
        left: 12px;
        animation-delay: 500ms;
    }

@keyframes pulse {
    50% {
        background: white;
    }
}

.grad {
    height: 2px;
    background-image: linear-gradient(to right, white, var(--MainThemeColor), white);
}

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

.zr-rightmenu {
    background: var(--MainThemeColor);
    right: var(--MainDistance);
    width: var(--Widthrightmenu);
    top: calc( var(--HeaderHeight) + var(--MainDistance) + var(--MarginHeader));
    /*calc( var(--HeaderHeight) +var(--MainDistance));*/
    bottom: calc(var(--MainDistance) + var(--FooterHeight));
    /*  box-shadow: -4px 1px 0px 0px var(--honeycolor);*/
    border-radius: var(--xxlargeradius);
    z-index: 29;
}

    .zr-rightmenu:hover + .zr-main-content .zr-leftside {
        --distancerightmenu: calc(var(--Widthrightmenu) + 0.75rem);
    }

.zr-rightmenu-innerbox {
    padding: calc(var(--rightmenugap) * 2) var(--rightmenudistance) 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-small-menu:not(:hover) .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(--rightmenudistance);
}

.zr-hmenu-toggle {
    padding: 1rem;
    /*1.5rem;*/
}

.zr-rightmenu-list,
.zr-shortkey-menu {
    scrollbar-width: thin;
}

.zr-headermenu,
.zr-rightmenu-list {
    display: flex;
}

.zr-headermenu, .zr-rightmenu-list, .zr-shortkey-menu {
    row-gap: var(--rightmenugap);
}
/**/
.zr-rightmenu.zr-small-menu
/*:not(:hover)*/
.zr-shortkey-menu {
    /*  background: transparent;
  padding: 1.5rem 0;*/
}

.zr-rightmenu:not(.zr-small-menu) {
    --ToggleWidth: 120px;
}
/*
.zr-rightmenu:not(.zr-small-menu) .zr-rightmenu-toggle{
background: var(--primary70);
}*/
.zr-headermenu-parent {
    background: var(--primary70);
    z-index: 7;
    display: flex;
    top: 0;
    transition: 0.5s width;
    width: 0;
    overflow: hidden;
    border-radius: 2.25rem 0 0 2.25rem;
    box-shadow: -4px 1px 0px 0px var(--honeycolor);
}

.zr-rightmenu-link,
.zr-shortmenu-link,
.zr-headermenu-link {
    border-radius: var(--borderradiusrightmenulink);
    width: 100%;
    margin: var(--Marginrightmenulink);
    padding-right: 0.75rem;
    min-height: var(--Heightrightmenulink);
    flex-direction: row;
}

.zr-rightmenubox {
    position: relative;
}

li.zr-rightmenubox:hover::after, .zr-rightmenu-dropdown-link:hover::after {
    content: '';
    position: absolute;
    right: 100%;
    height: 100%;
    width: 100%;
    top: 0;
}

.zr-rightmenu-mainprogram:not(:hover) .zr-rightmenu-imgmain, .zr-rightmenu-mainprogram:hover .zr-rightmenu-imghover {
    display: flex;
}

.zr-rightmenu-mainprogram:not(:hover) .zr-rightmenu-imghover, .zr-rightmenu-mainprogram:hover .zr-rightmenu-imgmain {
    display: none;
}

.zr-shortmenu-link,
.zr-headermenu-link {
    /*  border-radius: var(--borderradiusrightmenutitle);
  --Marginrightmenulink: 0;
  width: 100%;
  --Heightrightmenulink: 32px;
  padding: 0;*/
}

.zr-headermenu-link {
    /*  --Heightrightmenulink: 40px;*/
}

.zr-small-menu /*:not(:hover)*/ .zr-shortkey-menu .zr-first-item {
    /*padding: 0;*/
}
/*
.zr-first-item .zr-shortmenu-item {
font-size: var(--largefont);
font-weight: 500;
}
*/
.zr-rightmenu *[ultra-action] i,
.zr-rightmenu-link i,
.zr-rightmenu *[ultra-action] img,
.zr-rightmenu-link img,
.zr-shortkey-img,
.zr-headermenu-img {
    font-size: var(--menuicon);
    max-width: var(--menuicon);
    max-height: var(--menuicon);
    color: var(--rightmenucolor);
}


/*


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

.zr-shortmenu-item,
.zr-headermenu-item {
color: var(--rightmenucolor);
font-size: var(--normalfont);
font-weight: var(--FontWeightRightMenu);
z-index: 5;
}

.zr-headermenu-item {
font-size: var(--largefont);
}

.zr-shortkey-menu .zr-rightmenu-ar {
background: var(--primary70)
}
*/
:is(.zr-shortmenu-link, .zr-headermenu-link):hover {
    /*  border-radius: 0.5rem;
  background: var(--white);
  --rightmenucolor: var(--primary70);*/
}

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

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

.zr-rightmenu.zr-small-menu /*:not(:hover)*/ .zr-rightmenubox.sp-menu-active .zr-rightmenu-boximg {
    /* background: var(--white);
  width: 38px;
  height: 38px;
  margin: auto 0;
  border-radius: 0.75rem;
  background: var(--primary70);*/
}

.zr-rightmenu.zr-small-menu .zr-rightmenubox .zr-rightmenu-boximg {
    /* width: var(--Heightrightmenulink);
  height: var(--Heightrightmenulink);
  margin: auto;
  border-radius: var(--normalradius);*/
}

.zr-rightmenu.zr-small-menu .zr-rightmenubox:hover .zr-rightmenu-boximg {
    /* outline: 1px solid var(--primary70);*/
}
/*
/*.zr-rightmenu.zr-small-menu

:not(:hover)
.zr-rightmenubox:not(.sp-menu-active) .zr-rightmenu-boximg {
width: 100%;
}*/
.zr-rightmenu:hover + .zr-menu-overlay-hover::before {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF33;
    backdrop-filter: blur(4px);
    z-index: 28 !important;
    top: 0;
    right: 0;
}

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

.zr-rightmenu-btn {
    color: var(--primary15);
    margin-bottom: clamp(1.5rem, 8vh, 5rem);
}

.zr-rightmenu-returnbtn {
    margin-top: clamp(1.5rem, 8vh, 5rem);
}

.zr-rightmenu-btn:is(:hover, :focus) {
    outline: 1px solid var(--primary15);
}

/* .zr-rightmenubox.sp-menu-active .zr-rightmenu-imgmain,
.zr-rightmenu-imghover {
display: none;
}

.zr-rightmenubox.sp-menu-active .zr-rightmenu-imghover {
display: flex;
}
*/
/* .zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover,
.zr-programtitle-box:not(.zr-mainprogram-box):hover
, .zr-shortmenu-link:not(.sp-menu-active .zr-shortmenu-link):hover
.zr-rightmenubox:hover .zr-rightmenu-link,.zr-shortmenu-box:hover .zr-shortmenu-link, .zr-menu-userbox:hover .zr-menu-userdetails, */
.sp-menu-active .zr-rightmenu-link, .zr-shortkey-menu .zr-shortmenu-box.zr-first-item .zr-shortmenu-link {
    background: var(--primary70);
    /*   --FontWeightRightMenu:500;
  --honeycolor: var(--primary70);
  --rightmenucolor: var(--white);
  box-shadow: 0 0 0;
  color: var(--white);*/
}

.zr-rightmenubox:hover .zr-rightmenu-link, .zr-shortmenu-box:hover .zr-shortmenu-link, .zr-menu-userbox:hover .zr-menu-userdetails {
    background: var(--primary60);
    /* --FontWeightRightMenu: 500;
  outline: 1px solid var(--primary70);*/
}

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

.zr-main-logo-small {
    max-width: 44px;
}

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

.zr-rightmenu-dropdown :is(.zr-menu-userdetails, .zr-menu-userbox:hover .zr-menu-userdetails) {
    background: var(--primary5);
    margin: 4px;
    width: calc(100% - 0.5rem);
    --borderradiusrightmenulink: var(--xlargeradius);
    min-height: 88px;
}
/*
.zr-programtitle-box:not(.zr-mainprogram-box):hover .zr-rightmenu-ar {
background: var(--primary70);
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover {
padding-right: 1rem;
}*/

.zr-rightmenu:not(.zr-small-menu:not(:hover)) .zr-rightmenu-link :is(img, i), .zr-shortmenu-link .zr-shortkey-img /*,.zr-rightmenu .zr-program-logo,.zr-shortmenu-link .zr-shortkey-img*/ {
    margin-left: var(--MarginRightMenuItem); /* */
}

.zr-rightmenu:not(.zr-small-menu:not(:hover)) .zr-shortkey-boximg:not(.zr-first-item .zr-shortkey-boximg) {
    /*  min-width: 32px;
  height: 32px;
  background: var(--white);
  margin: auto 0;*/
}


.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover .zr-rightmenu-icon,
.zr-rightmenu-icon-animated {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.zr-rightmenu-icon-animated {
    left: 0;
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover .zr-rightmenu-icon-animated {
    width: 25px;
    opacity: 1;
    height: 20px;
    visibility: visible;
}

.zr-hmenu-togglebox {
    border-radius: 34px 0px 0px 0px;
    overflow: hidden;
    min-height: 56px;
}

    .zr-hmenu-togglebox:hover .zr-hmenu-toggle {
        background: var(--primary70);
    }

:is(.zr-logout-item,.zr-hmenu-togglebox):not(:hover) .zr-hover-icon,
:is(.zr-logout-item,.zr-hmenu-togglebox):hover .zr-main-icon {
    display: none;
}

.zr-hmenu-togglebox .zr-hmenu-text {
    width: 0;
    overflow: hidden;
    transition: 0.5s width;
    white-space: nowrap;
}

.zr-hmenu-togglebox:hover .zr-hmenu-text {
    width: 100% !important;
}

.zr-hmenu-togglebox .zr-toggle-icon {
    max-width: 5px;
}

.icon-errorimg {
    width: 20px;
    height: 20px;
}

.zr-dialog-icon {
    max-width: 40px;
}

.sp-menu-active .zr-rightmenu-link :is(img, i) {
    /*    max-width: var(--menuicon);
  min-width: var(--menuicon);
  font-size: var(--menuicon);
  filter: opacity(1);
  color: var(--Dark);
  margin-left: 0.25rem;*/
    /*  margin-right: var(--MarginRightMenuItem);*/
}

/* .sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
font-size: 18px !important;
margin-right: 0.25rem;
font-weight: 700;
white-space: nowrap;
}
*/ /* 
.zr-rightmenu-logo {
font-size: var(--Fontrightmenulogo);
}

.zr-rightmenu-icon-animated {
filter: contrast(0.5) brightness(5);
}

.zr-rightmenubox:nth-child(1) .zr-rightmenu-link {
margin-top: 0 !important;
}*/

.zr-rightmenu:not(.zr-small-menu /*:not(:hover)*/ ) .sp-menu-active .zr-rightmenu-link {
    /* background-color: var(--selectedmenu);
  box-shadow: 1px 0px 0px 4px var(--honeycolor);
  flex-flow: row;
  padding-right: 0.5rem;
  justify-content: unset;
  margin: 0.25rem auto 0.25rem 0;
  1.25rem auto 1.25rem 0;
  z-index: 1;
  --Heightrightmenulink: 48px;
  width: calc(100% - 1rem);
  background-color: var(--primary70);*/
}
/*
.sp-menu-active .zr-rightmenu-link .zr-rightmenu-item {
color: var(--primary70);
}
*/ /*
.sp-menu-active .zr-rightmenu-link .svg-icon {
filter: brightness(0);
width: 25px;
height: 25px;
}

.zr-rightmenu:not(.zr-small-menu ) .sp-menu-active .zr-rightmenu-link::after {
content: "";
position: absolute;
bottom: 100%;
left: -4px;
background: transparent;
width: 30px;
height: 4.25rem;
box-shadow: 0px var(--Heightrightmenulink) 0px 0px var(--selectedmenu);
border: 4px solid var(--honeycolor);
border-right: 0;
border-top: 0;
border-bottom: 4px solid var(--honeycolor);
border-bottom-left-radius: var(--xxlargeradius);
}

.zr-rightmenu:not(.zr-small-menu ) .sp-menu-active .zr-rightmenu-link::before {
content: "";
position: absolute;
top: 100%;
left: -4px;
background: transparent;
width: 30px;
height: 4.25rem;
box-shadow: 0px calc(-1*var(--Heightrightmenulink)) 0 0px var(--selectedmenu);
border: 4px solid var(--honeycolor);
border-right: 0;
border-bottom: 0;
border-top: 4px solid var(--honeycolor);
border-bottom-left-radius: 0rem;
border-top-left-radius: var(--xxlargeradius);
}


.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover::after {
content: "";
position: absolute;
bottom: 100%;
left: 0px;
background: transparent;
width: 30px;
height: 4rem;
box-shadow: 0px var(--xxlargeradius) 0px 0px var(--primary70);
border-bottom-left-radius: var(--xxlargeradius);
}

.zr-rightmenu-link:not(.sp-menu-active .zr-rightmenu-link):hover::before {
content: "";
position: absolute;
top: 100%;
left: 0px;
background: transparent;
width: 30px;
height: 4rem;
box-shadow: 0px calc(-1 * var(--xxlargeradius)) 0 0px var(--primary70);zr-mainbox-logo
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 {
    /* margin: auto;*/
    max-width: 44px;
}

.zr-rightmenu.zr-small-menu:not(:hover) :is(.zr-menu-userbox ) {
    justify-content: center;
}

.zr-rightmenu.zr-small-menu:hover .zr-menu-userbox .zr-menu-userdetails:not(.zr-rightmenu-dropdown .zr-menu-userdetails) {
    padding-inline: 0.75rem;
    width: calc(100% + 1.5rem) !important;
    margin-inline: -0.75rem;
}

.zr-small-menu .zr-rightmenu-item {
    display: none;
}

.zr-rightmenu:hover .zr-rightmenu-item {
    display: flex;
}

.zr-mainbox-logo, .zr-menu-userbox {
    border-color: var(--primary20);
}

.zr-mainbox-logo {
    padding-bottom: var(--rightmenudistance);
    /* margin-top: 0.5rem;*/
}
/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo.sp-platform .zr-main-logo::before,
.zr-mainbox-logo::before {
content: url(/themes/manager/icons/mainlogo/LogoLight.svg);
}

.sp-platform .zr-main-status::before {
content: url(/themes/manager/icons/status/inProgress.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo .sp-platform.sp-platform-error .zr-main-status::before {
content: url(/themes/manager/icons/status/Error.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo .sp-platform.sp-platform-warning .zr-main-status::before {
content: url(/themes/manager/icons/status/Warring.svg);
}

/*.zr-rightmenu:not(.zr-small-menu) .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-status::before {
content: url(/themes/manager/icons/status/Check_All_Big.svg);
}*/
.sp-platform .zr-status-box {
    display: none;
}

.sp-platform:not(.sp-platform-active, .sp-platform-warning,.sp-platform-error) .zr-status-box-loading, .sp-platform.sp-platform-error .zr-status-box-error, .sp-platform.sp-platform-warning .zr-status-box-warning, .sp-platform.sp-platform-active .zr-status-box-active {
    display: flex;
}
/*
.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform .zr-main-logo::before,
.zr-mainbox-logo .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoLight2.svg);
}

.zr-rightmenu.zr-small-menu
:not(:hover).zr-mainbox-logo.sp-platform.sp-platform-error .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoerror1.svg);
}

.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform.sp-platform-warning .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogowarning.svg);
}

.zr-rightmenu.zr-small-menu .zr-mainbox-logo.sp-platform.sp-platform-active .zr-main-logo::before {
content: url(/themes/manager/icons/mainlogo/MiniLogoWhite.svg);
}
*/
/*
.zr-programtitle-box::before , .zr-shortkey-menu::before , .zr-shortkey-menu .zr-shortmenu-link:hover:before { 
content: "";
position: absolute;
top: 100%;
right: 0;
background: transparent;
width: 24px;
height: 2.5rem;
box-shadow: 2px -22px 0 0 var(--honeycolor);
border-bottom-left-radius: 0rem;
border-top-right-radius: 24px;
}

.zr-programtitle-box::after, .zr-shortkey-menu::after , .zr-shortkey-menu .zr-shortmenu-link:hover:after{
content: "";
position: absolute;
bottom: 100%;
right: 0;
background: transparent;
width: 24px;
box-shadow: 0px 22px 0px 0px var(--honeycolor);
height: 2.5rem;
border-bottom-right-radius: 24px;
}*/
/*
.zr-rightmenu-arbox::after {
content: "";
position: absolute;
top: 2px;
left: -28px;
background: transparent;
z-index: 0;
width: 30px;
height: 8px;
box-shadow: 0px 2px 0 0 var(--Mainprimary);
border-bottom-right-radius: 50%;
}

.zr-rightmenu-arbox::before {
content: "";
position: absolute;
top: 2px;
right: -28px;
background: transparent;
z-index: 0;
width: 30px;
height: 8px;
box-shadow: 0px 2px 0 0 var(--Mainprimary);
border-bottom-left-radius: 50%;
}

.zr-rightmenu:not(.zr-small-menu) .zr-shortkey-boximg .zr-shortkey-img {
display: none;
}

.zr-rightmenu:not(.zr-small-menu) .zr-shortkey-boximg::before {
content: "";
width: 22px;
height: 22px;
background-size: 100% 100% !important;
}

.zr-rightmenu:not(.zr-small-menu) .Accounting.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/accounting.svg");
}

.zr-rightmenu:not(.zr-small-menu) .ManageDashboard.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/Manage.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Payroll.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/payroll.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Production.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/production.svg");
}

.zr-rightmenu:not(.zr-small-menu) .RFID.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/rfid.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Sales.zr-shortkey-boximg::before {
background: url("/themes/manager/icons/programs/sales.svg");
}

.zr-rightmenu:not(.zr-small-menu) .Manage.zr-shortkey-boximg::before {
background: url(/themes/manager/icons/menu/SettingSelected.svg);
}

.zr-rightmenu:not(.zr-small-menu) .Tax.zr-shortkey-boximg::before {
background: url(/themes/manager/icons/programs/Moadian.svg);
}*/

.zr-program-title,
.zr-program-logo,
.zr-rightmenu-imgmain,
.zr-rightmenu-imghover,
.zr-shortkey-img {
    z-index: 5;
}

.zr-rightmenu-ar {
    width: 24px;
    height: 24px;
}

.zr-rightmenu-arbox {
    top: calc(100% - 10px);
    width: 28px;
    height: 28px;
    background: var(--Mainprimary);
    z-index: 6;
    right: calc(50% - 12px);
}

.zr-small-menu /*:not(:hover)*/
:is(.zr-rightmenu-arbox, .zr-rightmenu-userbox) {
    /*  display:none;
  visibility: hidden;
  white-space: nowrap;*/
}

.zr-small-menu /*:not(:hover)*/ .zr-hmenu-toggle {
    justify-content: center;
}

.zr-programtitle-box {
    /*  background: var(--Mainsecondary);
  border-radius: var(--borderradiusrightmenutitle);
  width: calc(100% - 0.75rem);
  min-height: var(--Heightrightmenulink);
  box-shadow: 0px 6px 10px #00000052;

  background: var(--primary70light);  */
    border-radius: var(--xlargeradius);
    width: calc(100% - 1rem);
    min-height: var(--Heightrightmenulink);
    /* box-shadow: 0px 6px 10px #00000052; 0 auto 2.5rem;*/
    margin: 0 auto 2rem;
    color: var(--white);
}

.zr-rightmenu.zr-small-menu .zr-programtitle-box {
    background: transparent;
}

.zr-small-menu :is(.zr-program-boxlogo, .zr-first-item .zr-shortkey-boximg) {
    /*   --menuicon: 28px;
  border-radius: var(--smallradius);
  width: 42px;
  height: 42px;
  overflow: hidden;
  min-height: 42px;
  background: var(--primary70LIGHT);
  margin-top: auto;*/
}

/*.zr-programtitle-box:not(.zr-mainprogram-box):hover  .zr-program-logo{
filter: grayscale(1) brightness(5);
}*/
/*.zr-rightmenu.zr-small-menu :is(.zr-rightmenu-item):not(.zr-shortkey-menu .zr-rightmenu-item , .zr-rightmenu-dropdown .zr-rightmenu-item), */ .zr-rightmenu:not(.zr-small-menu:not(:hover) ) :is(.zr-shortmenu-visible) {
    display: none !important;
}

.zr-rightmenu.zr-small-menu:not(:hover) :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:not(:hover)) :is(.zr-shortmenu-invisible) {
    display: flex !important;
}

.zr-rightmenu.zr-small-menu:not(:hover) .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: calc(var(--rightmenugap) * 2) var(--rightmenugap);
    row-gap: calc(var(--rightmenugap) * 1.5);
    width: 100%;
}

.zr-rightmenu-dropdown {
    background: var(--MainThemeColor);
    width: var(--Widthdropdown);
    border-radius: var(--xxlargeradius);
    position: fixed;
    right: calc(var(--Widthrightmenu) + 1.25rem);
    top: 76px;
    z-index: 31;
}

.zr-menu-userbox .zr-rightmenu-dropdown {
    bottom: calc(var(--FooterHeight) + 12px);
    top: auto;
}

.zr-menu-settingbox .zr-rightmenu-dropdown {
    bottom: calc(var(--FooterHeight) + 12px + 64px);
    top: auto;
}

.zr-rightmenu-dropdown {
    display: none;
}

.zr-rightmenu :is(.zr-rightmenubox,.zr-rightmenu-dropdown-link):hover .zr-rightmenu-dropdown {
    display: flex;
    --boxprofile: 52px;
}

.zr-rightmenu-dropdown::before { /*.zr-rightmenu-dropdown.sp-flex-column::before {*/
    width: calc(2.5rem + var(--smallWidthrightmenu));
    height: calc(100% + 0.5rem);
    content: "";
    position: absolute;
    left: calc(100% - 1rem);
    top: -0.25rem;
    z-index: 30;
}

.zr-rightmenu:not(.zr-small-menu:not(:hover) /**/ ) .zr-shortkey-menu .zr-first-item {
    /*  background: var(--white);
  --rightmenucolor: var(--primary70);*/
}

.zr-shortkey-menu .zr-first-item {
    /*  order: -1;

  border-radius: var(--smallradius);
  --Heightrightmenulink: 32px;
  padding: 0 0.5rem 0 0;*/
}
/*
.zr-small-menu

/*:not(:hover) 
.zr-shortmenu-link {
justify-content: center;
}

.zr-shortkey-menu .zr-shortmenu-link:hover .zr-shortkey-img,
.zr-rightmenu:not(.zr-small-menu

:not(:hover)
) .zr-shortkey-menu .zr-shortkey-img {
filter: invert(0.9);
}*/

/* ,.zr-programtitle-box:hover .zr-program-logo , .zr-programtitle-box.zr-mainprogram-box .zr-program-logo*/
.zr-rightmenu.zr-small-menu:not(:hover) /**/ :is(.zr-rightmenu-link, .zr-programtitle-box) {
    /* width: 100%;*/
    /* --Marginrightmenulink: 0;
  1.25rem 0rem 1.25rem 0;0*/
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    padding: 0;
    flex: 1;
}

.zr-rightmenu.zr-small-menu:not(:hover) .zr-rightmenubox {
    max-width: var(--HeightLargerightmenulink);
    max-height: var(--HeightLargerightmenulink);
    height: var(--HeightLargerightmenulink);
    margin: auto;
    width: 100%;
    display: flex !important;
    z-index: 34;
}

.zr-rightmenu.zr-small-menu:not(:hover) /**/ :is(.sp-menu-active .zr-rightmenu-link, .zr-programtitle-box) {
    /* width: calc(100% - 0.5rem);*/
    width: 100%;
}

:is(.zr-menu-userbox, .zr-rightmenubox):not(.zr-rightmenu-hasdropdown:hover, .zr-menu-userbox:hover) {
    z-index: 36;
}

.zr-rightmenu.zr-small-menu:not(:hover)
.sp-menu-active .zr-rightmenu-link {
    /*  padding-left: 0rem;
  min-height: 48px;
  padding-left: 0.75rem;*/
}

.zr-rightmenu-toggle {
    background: var(--primary70);
    min-width: var(--ToggleWidth);
    min-height: var(--ToggleHeight);
    border-radius: 1.5rem 0 1.5rem 0;
}

.zr-rightmenu-togglebox {
    /*  left: 0;
  top:0;
  border-radius: 0px 0px 0px 46px;
  border-radius: 50%;
  top: 2rem;
  height: var(--ToggleHeight);
  margin: auto 0;
  right: calc(100% + 0.5rem);*/
}

/*.zr-rightmenu-togglebox:hover .zr-rightmenu-toggle {
max-width: none;
}*/

/*.zr-rightmenu-togglebox:hover .zr-toggle-text {
display: flex;
}

.zr-toggle-text {
display: none;
}*/

.zr-codeinput::placeholder,
.zr-placeholder-input::placeholder {
    font-size: var(--Fontcodeinput);
    color: var(--gray70);
    text-align: center;
}

.zr-codeinput-img {
    max-width: 18px;
    right: 0.5rem;
    top: 50%;
    transform: translatey(-50%);
    z-index: 1;
}

.zr-codeinput-form {
    margin: 0.25rem 0;
}

.zr-codeinput,
input[type=text].zr-codeinput {
    border-radius: var(--normalradius);
    line-height: var(--LineheightCode) !important;
    background: var(--white);
    color: var(--link50);
    outline: 1px solid var(--link50);
    width: var(--WidthCode);
    text-align: center;
    font-size: var(--xlargefont);
}

/* leftside */
.zr-main-content {
    border-radius: 0 0 var(--normalradius) var(--normalradius);
    padding: 0.75rem;
    /*min-height: calc(100vh - var(--FooterHeight) - var(--HeaderHeight)  - 0.5px);
  height: calc(100vh - var(--FooterHeight) - var(--HeaderHeight) - 0.5px);
  */
    min-height: 100vh;
    height: 100vh;
    padding-top: calc(var(--FooterHeight) + var(--HeaderHeight) + var(--MarginHeader) + 0.75rem);
}

.zr-footer {
    min-height: var(--FooterHeight);
    padding: 0 2rem;
    background: var(--primary80);
}

.zr-divquick-menu {
    /*  background: var(--primary80);*/
}

.zr-leftside {
    height: calc(100vh - var(--FooterHeight) - var(--HeaderHeight) - var(--MarginHeader) - 1.5rem + 0px);
    width: calc(100% - var(--distancerightmenu));
    margin: 0 var(--distancerightmenu) 0 0;
    /* min-height: max-content;*/
    transition: width 0.5s;
    /* max-width: calc(100% - 0px); */
    /* overflow-x: auto;*/
}

.zr-left-mainbox {
    overflow: auto;
    max-height: calc(100% - 0px);
}

.DropList {
    display: none;
    top: -12%;
    right: -5%;
    left: -5%;
    width: 110%;
}

/* Tab */

.zr-grid-tab {
    padding-right: 5.75rem;
    flex: 1;
}

.zr-tab-item,
.sp-tab-item
/*,.zr-grid-tab .sp-tab-active*/ {
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: transparent;
    color: var(--primary5);
    align-items: center;
    min-width: var(--DoctabWidth);
    line-height: var(--tablineheight);
    margin: var(--TabItemMargin);
    font-size: var(--largeradius);
    font-weight: 500;
    padding: 0 0.5rem;
    justify-content: center;
    display: flex;
    position: relative;
    transition: none;
    text-transform: none;
}

.sp-d-tab.sp-tab-simple
/*.sp-tab */
:is(.zr-tab-item, .sp-tab-item):not(.zr-tab-slide) {
    font-size: var(--normalfont);
}

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

.zr-tab-item::after,
.sp-tab-item::after {
    box-shadow: -0.5rem 0 0 0 transparent;
    transition: none;
}

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

.zr-tab-item::before,
.sp-tab-item::before {
    box-shadow: 0.5rem 0 0 0 transparent;
}

.sp-icon-print {
    max-width: 20px;
}

.zr-tab-item::before,
.zr-tab-item:after,
.zr-grid-tab .sp-tab-active::before,
.zr-grid-tab .sp-tab-active::after,
.sp-tab-item::after,
.sp-tab-item::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 10px;
    width: 20px;
    z-index: 1;
    transition: none;
    transform: none;
    background-color: transparent;
    top: auto;
}

:is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover,
.zr-tab-item-col:hover {
    background: var(--primary70) !important;
    color: var(--primary5) !important;
}

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

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

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

.zr-divpay {
    min-height: 38px;
    margin-bottom: 0.5rem;
    max-height: 38px;
}

.zr-tab-item-col:nth-child(1),
.zr-tab-item-col.zr-selected:nth-child(1) {
    margin-top: var(--MarginTabright);
}

.zr-tab-item-col:nth-last-child(1),
.zr-tab-item-col.zr-selected:nth-last-child(1) {
    margin-bottom: var(--MarginTabright);
}

.zr-tab-item-col {
    min-width: 86px;
    min-height: 28px;
    margin: 0.375rem 0 0.375rem;
    border-radius: var(--smallradius);
    background: var(--MainThemeColor);
    color: var(--grayColor);
}

    .zr-tab-item-col.zr-selected {
        border-left: 0;
        margin: 0.5rem 0 0.5rem;
        outline: var(--FormContentBorder) solid var(--primary70);
        border-radius: 0 0.5rem 0.5rem 0 !important;
    }

.zr-tab-item-code {
    width: 24px;
    height: 24px;
    font-size: var(--xxlargefont);
    padding-top: 0.25rem;
    border-radius: 6px;
    color: var(--MainThemeColor);
}

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

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

.zr-selected .zr-tab-item-code {
    background: var(--primary70);
    color: var(--primary5) !important;
}

.zr-tab-item-col .zr-tab-title {
    z-index: 3;
    white-space: nowrap;
}

.zr-tab-item-col.zr-selected .zr-tab-title {
    color: var(--primary70);
}

.zr-tab-item-col .zr-tab-item-code {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    font-size: var(--normalfont);
    margin: auto 0 auto 0.25rem;
    background: var(--primary5);
    padding-top: 1px;
}

.zr-tab-item-col.zr-selected .zr-tab-item-code {
    min-width: 20px;
    font-size: var(--largefont);
    min-height: 20px;
    background: var(--primary70);
}

.zr-tab-item.zr-selected,
.zr-tab-item.sp-tab-active,
.sp-tab-item.sp-tab-active {
    color: var(--primary70) !important;
    background: var(--grayWhite);
    font-size: var(--xxlargefont);
    font-weight: 700;
}

.zr-tab-list {
    height: var(--TabHeight);
    border-radius: 1.5rem 1.5rem 0 0;
}

.zr-Main-tab-list,
.zr-grid-tab,
.sp-tab-header {
    width: 100%;
    min-height: var(--TabHeight);
}

.zr-Main-tab-list {
    justify-content: center;
}

.zr-production .zr-Main-tab-list {
    column-gap: 2rem;
}

.zr-totalgrid {
    max-height: calc(100% - var(--TabHeight));
}

.zr-tab-item-col.zr-selected::after,
.zr-tab-item-col.zr-selected::before {
    content: "";
    position: absolute;
    right: calc(100% - 7px);
    width: calc(0.75rem + 3px);
    height: 0.8rem;
    z-index: 2;
}

.zr-tabCollist {
    margin-left: 0.5rem;
    max-width: 90px;
}

.zr-tab-item-col.zr-selected::before {
    bottom: 100%;
    border: var(--FormContentBorder) solid var(--primary70);
    border-right: 0;
    background: var(--formbg);
    border-top: 0;
    border-bottom-left-radius: var(--normalradius);
    box-shadow: -11px 9px 0px 6px var(--bgForm);
}

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

.btn-submit {
    min-width: 6.75rem;
}

.btn-reset {
    left: 6px;
    top: 22%;
}

.select-box {
    min-width: 50px;
    height: 1.875rem;
}

.zr-table-cell-1 {
    width: 12.5%;
    min-width: 2.75rem;
    white-space: normal;
    flex: 1;
}

.zr-table-cell-small {
    width: 4.5%;
    min-width: 2.25rem;
    white-space: normal;
    flex: 0.4;
}

.zr-table-cell-2 {
    width: 25%;
    min-width: 5.5rem;
    white-space: normal;
    flex: 2;
}

.zr-table-cell-8 {
    width: 80%;
    min-width: 5.5rem;
    white-space: normal;
    flex: 8;
}

.zr-table-cell-3 {
    width: 40%;
    min-width: 8.8rem;
    white-space: normal;
    flex: 3;
}

.zr-table-cell-4 {
    width: 60%;
    min-width: 13.2rem;
    white-space: normal;
    flex: 4;
}

.zr-table-cell-5 {
    width: 70%;
    min-width: 14.2rem;
    white-space: normal;
    flex: 5;
}

.zr-table-cell-child {
    width: 3.5%;
    min-width: 3.8rem;
    white-space: normal;
}

.zr-table .zr-table-row:nth-child(2n) {
    background-color: var(--whiteColor);
}

.zr-table .zr-table-row:nth-child(2n),
.zr-SecondTable .zr-table-row,
.zr-SecondTable .zr-table-row:nth-child(2n) {
    background-color: var(--Trbg);
}

.zr-table .zr-EditBox,
.zr-table .zr-ChildrenBox {
    display: none;
}

.zr-table .zr-EditBox {
    background: #35558a38;
    border-radius: var(--normalradius);
}

.zr-gridopen-link:focus {
    color: var(--link60);
}

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

.zr-ChildrenBox {
    border-right: 1.5rem solid white;
}

.zr-VisibleChild .zr-ChildrenBox .zr-VisibleEdit .zr-EditBox {
    background: #ddbf5e00 !important;
    box-shadow: 0 0;
    border-radius: 0;
}

.zr-VisibleChild {
    background-color: var(--white) !important;
}

.zr-thead.zr-table-row:nth-child(2n+1),
.zr-thead {
    background: var(--primary10);
    color: var(--Dark);
    min-height: 32px;
    overflow: hidden;
    position: sticky;
    width: 100%;
    z-index: 10;
    top: 0;
    padding-left: 6px;
    border-radius: 1.5rem 1.5rem 0 0;
}

.ToggleIcon {
    top: 0.55rem;
    left: 0.2rem;
}

.boxform {
    width: 32%;
}

.MainFormBox {
    width: 74%;
    margin-right: 6rem;
}

.zr-divForm {
    width: 28%;
}

.sp-rp-0 {
    border-radius: 0;
}

.zr-divContent {
    width: 72%;
    margin-right: var(--MargindivContent);
}

.zr-divCalc {
    width: 100%;
    display: flex;
    height: auto;
}

.zr-sales .zr-divCalc {
    max-height: fit-content;
}

.zr-PayTypeTab {
    flex: 1;
    border-radius: var(--normalradius);
}

.zr-paytype-2 .zr-PayTypeTab {
    max-width: 320px;
    padding: 5px 0;
}

.zr-paytype-4 .zr-PayTypeTab {
    max-width: 192px;
    min-height: 38px;
}

.zr-PayTypeTab.zr-selectedtab {
    color: var(--white);
}

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

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

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

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

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

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


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

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


.zr-PayTypeTab p {
    line-height: 28px;
    font-size: var(--xxlargefont);
    color: var(--gray10);
    font-weight: 700;
}

.zr-PayTypeTab:not(.zr-selectedtab) p {
    font-size: var(--largefont);
}

.zr-PayTypeTab .zr-PayTab-code {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background: var(--whiteColor);
    margin: auto 0 auto 0.5rem;
    font-size: 24px;
    line-height: 26px;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: var(--normalfont);
    line-height: 20px;
    text-align: center;
    align-items: center;
}

.zr-PayTypeTab[ispink="1"] .zr-PayTab-code {
    color: var(--tertiary20);
    background: var(--gray10);
}

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

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

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

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

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

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

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

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

.zr-PayTypeTab.zr-selectedtab .zr-PayTab-code {
    width: 21px;
    height: 21px;
}

.zr-paytype {
    width: calc(100% - 136px);
    margin-right: auto;
    margin-left: 1rem;
    justify-content: center;
    column-gap: 4.5rem;
}

    .zr-paytype.zr-paytype-4 {
        column-gap: 2.25rem;
    }

.zr-EnterForm {
    padding: var(--EnterFormPadding) !important;
    height: calc(100% - var(--TabHeight));
    background-color: var(--grayWhite);
    --InputColor: var(--gray5);
}

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

/* form */
.input-autocomolete::placeholder {
    color: var(--PlaceholderColor);
    font-size: 10px;
}

.icon-down {
    left: 0.5rem;
    top: 50%;
    transform: translateY(-41%);
}

.btn-search {
    width: var(--HeightBtn);
    height: var(--HeightBtn);
}

.barcodediv::after {
    content: "";
    position: absolute;
    top: 0;
    right: 94%;
    width: 2rem;
    display: inline-block;
    background: var(--bgForm);
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
    border: 1px solid var(--bgForm);
    height: 1rem;
    border-top: 0;
}

.barcodediv::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 94%;
    width: 2rem;
    display: inline-block;
    background: var(--bgForm);
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    border: 1px solid var(--bgForm);
    height: 1rem;
    border-bottom: 0;
}

.zr-DropDownParent.sp-relative.active .zr-dots {
    transform: rotate(90deg);
}

.zr-DropDownlink {
    min-width: 10px;
}

.zr-DropDownList {
    background: var(--Lightsecondcolor);
    backdrop-filter: blur(6px) opacity(0.9);
    -moz-backdrop-filter: blur(6px) opacity(0.9);
    width: fit-content;
    min-width: 198px;
    top: 95%;
    right: -148px;
    z-index: 15;
    display: none;
}

.zr-DropDownArrow {
    top: -18px;
    left: 28px;
    color: var(--Lightsecondcolor);
}

.zr-Notification .zr-DropDownList {
    min-width: 357px;
    min-height: 70vh;
    max-height: 70vh;
    right: -303px;
    top: 114%;
    background: var(--LightFirstcolor);
    backdrop-filter: blur(6px) opacity(0.9);
    -moz-backdrop-filter: blur(6px) opacity(0.9);
}

    .zr-Notification .zr-DropDownList ul {
        overflow: auto;
        max-height: 67vh;
        overflow-x: hidden;
        scrollbar-color: var(--MainThemeColor) var(--white);
        scrollbar-width: thin;
    }

        .zr-Notification .zr-DropDownList ul::-webkit-scrollbar-track {
            background: transparent;
        }

        .zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb {
            background: var(--white);
            border-radius: var(--largeradius);
            border: 1px solid var(--white);
            width: 4px;
            margin: auto;
        }

            .zr-Notification .zr-DropDownList ul::-webkit-scrollbar-thumb:hover {
                background: var(--white);
            }

.zr-Notification .zr-DropDownItem:last-child {
    border-bottom: 0;
}

.zr-Notification .zr-DropDownArrow {
    color: var(--LightFirstcolor);
    font-size: 28px;
    top: -18px;
    left: 26px;
}

.zr-Notification .zr-DropDownItem p {
    margin: 0 -1.5rem;
}

.zr-Notification .zr-DropDownItem:hover p {
    background: var(--ShadowColor);
}

.zr-MainHeaderMenu .zr-DropDownItem:hover {
    background: var(--hovercolor);
    color: var(--white);
    backdrop-filter: brightness(1);
    -moz-backdrop-filter: brightness(1);
}

    .zr-MainHeaderMenu .zr-DropDownItem:hover .sp-color-black {
        color: white !important;
    }

    .zr-MainHeaderMenu .zr-DropDownItem:hover p.sp-color-black {
        font-weight: bold;
    }

.zr-DropDownsvg {
    color: var(--MainThemeColor) !important;
}

.zr-DropDownIcon {
    width: 1.5rem;
}

.zr-production .select-btn {
    border-radius: 0.75rem 0 0 0.75rem;
}

.zr-production .zr-table .zr-table-row:nth-child(2n+1),
.zr-SecondTable .zr-table-row,
.zr-SecondTable .zr-table-row:nth-child(2n) {
    background-color: var(--bluegray);
}

.activebuttonlist {
    right: 0;
    left: 0;
    border-radius: 0 0 0.75rem 0.75rem;
    z-index: 11;
}

.zr-operationheader {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: var(--operationheaderHeight);
}

.zr-operationheader-icon {
    font-size: 36px;
    max-width: 36px;
}

.zr-operationheader-blue {
    background-image: url("/themes/manager/images/Blue.png");
}

.zr-operationheader-red {
    background-image: url("/themes/manager/images/Redbg.png");
}

.zr-operationheader-green {
    background-image: url("/themes/manager/images/Greenbg.png");
}

.zr-operationheader-yellow {
    background-image: url("/themes/manager/images/Yellow.png");
}

.operation-icon {
    font-size: 25px;
    width: 35px;
    text-align: center;
}

.zr-operation-item {
    box-shadow: 0px 3px 6px #0000001c;
    border: 1px solid var(--Purewhite);
}

    .zr-operation-item:hover {
        border: 1px solid var(--MainThemeColor);
        background: var(--primary5);
        box-shadow: 0px 3px 6px var(--BlueShadow);
    }

.zr-operation-box {
    max-height: 100%;
    width: 24%;
    box-shadow: 6px 6px 10px var(--OperationShadow);
}

/*Dashbord*/
.zr-icon-dasboard {
    width: 16px;
    height: 16px;
}

.sp-card:has(.zr-production-dashboard) {
    height: 100%;
}

.sp-card li:not(.sp-card>li, [class^="sp-c-"], [class*=" sp-c-"]) {
    padding: 0;
}

.sp-card li {
    padding-left: var(--InputPadding);
}

#divQuickMenu {
    /*  height: 100%;
  min-height: 100vh;*/
}

.sp-height-max {
    height: 100vh !important;
}

.zr-dashboard-calendar.sp-calendar {
    color: var(--primary70);
    min-height: calc(100% - 0px);
    flex: 1;
    align-self: stretch;
    height: auto;
    display: flex;
    flex-direction: column;
}

.sp-calendar {
    border: 0;
}

.zr-dashboard-calendar :is(.sp-calendar-indicator, .sp-calendar-indicator .sp-calendar-day:hover, .sp-calendar-day:hover, .sp-calendar-today) {
    background: transparent;
}

.sp-calendar-indicator .sp-calendar-day:hover {
    background: var(--primary70);
    border-radius: 0px;
}

.sp-calendar-day a, .sp-calendar-indicator .sp-calendar-day {
    display: flex;
    justify-content: center;
    flex: 1;
    flex-direction: column;
}

.sp-calendar-day:not(.zr-dashboard-calendar .sp-calendar-day) {
    width: 24px;
    height: 24px;
    border-radius: 16px;
    transition: none;
}

.sp-calendar-InActive a {
    color: var(--gray70);
}

.sp-calendar-day:not(.sp-calendar-indicator .sp-calendar-day):hover {
    background: var(--link5);
    color: var(--gray95);
}

.zr-dashboard-calendar :is(.sp-calendar-indicator, .sp-calendar-week:last-child) {
    border-bottom: 1px solid var(--primary30);
    padding-bottom: 0.75rem;
    margin-bottom: 0.25rem;
}

.zr-dashboard-calendar .sp-calendar-indicator .sp-calendar-day {
    color: var(--primary70);
    font-size: var(--normalfont);
    font-weight: bold;
    letter-spacing: 0;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: 500;
    font-size: var(--xxlargefont);
    transition: 0s;
}

.zr-dashboard-calendar .sp-calendar-today:not(:hover) span {
    background-color: var(--primary70);
    color: var(--white) !important;
}

.zr-dashboard-calendar .sp-calendar-today span {
    font-size: 24px !important;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day.sp-calendar-holiday span {
    color: var(--error70);
}

.zr-dashboard-calendar .sp-calendar-disactive {
    opacity: 0.4;
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day span {
    width: 44px;
    min-height: 44px;
    display: flex;
    font-weight: 500;
    font-size: var(--xxlargefont);
    border-radius: 50%;
    justify-content: center;
    margin: auto;
    flex-direction: column;
    color: var(--primary70);
}

.zr-dashboard-calendar .sp-calendar-week .sp-calendar-day:hover span {
    background: var(--link5);
    color: var(--gray95);
}

.zr-dashboard-calendar .sp-calendar-holiday.sp-calendar-disactive {
    color: var(--error50);
}

.zr-dashboard-calendar .sp-calendar-month a {
    font-size: var(--xlargefont);
    font-weight: bold;
}

.zr-dashboard-calendar .sp-calendar-day {
    flex: 14%;
}

.zr-calendar-box {
    background: linear-gradient(261.6deg, #eaedf3e3 2%, #d7dde8e3 67.65%);
    backdrop-filter: blur(3.5px);
    min-height: 214px;
}

.zr-widget-list {
    background: linear-gradient(263.11deg, #6687bd66 5.39%, #5d77a166 49.54%, #6687bd66 94.61%);
    backdrop-filter: blur(8px);
    min-height: 100px;
    column-gap: 1.75rem;
}

.zr-calendar-box,
.zr-widget-box {
    min-width: 595px;
    width: max-content;
    margin: 0 auto;
}

.zr-dash-hour {
    font-size: 96px;
    background: conic-gradient(from 50.38deg at 62.29% 82.93%, #35558A -37.23deg, #1C2D48 23.55deg, #152237 181.87deg, #35558A 267.93deg, #35558A 322.77deg, #1C2D48 383.55deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.zr-date-shamsi {
    min-width: 240px;
    background: conic-gradient(from 90.57deg at 48.94% 0%, #35558A 0deg, #152237 181.87deg, #35558A 360deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.zr-calendar-miladi {
    background: conic-gradient(from 90.57deg at 48.94% 0%, #35558A 0deg, #152237 50.63deg, #345488 185.62deg, #35558A 360deg);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.zr-dash-tab {
    width: clamp(20%, 160px, 22%);
    border-radius: 0.5rem 0.5rem 0 0;
    min-height: 40px;
    position: relative;
}

.zr-dash-tabicon {
    width: 24px;
}

.zr-tab-text {
    color: var(--primary80);
}

    .zr-tab-hovericon:not(:is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-hovericon),
    .zr-tab-text:not(:is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-text),
    :is(.zr-dash-tab:hover, .zr-dash-tab.sp-tab-active) .zr-tab-mainicon,
    .zr-widget-text:not(.zr-widget-item:hover .zr-widget-text) {
        display: none;
    }

.zr-dash-tabbox {
    min-height: clamp(40vh, 500px, 50vh);
    max-height: clamp(40vh, 500px, 50vh);
    max-width: 595px;
}

.zr-widget-imgbox,
.zr-widget-add {
    background: var(--primary5);
    width: 76px;
    height: 76px;
    margin: auto 0;
}

.zr-widget-icon {
    max-width: 42px;
    margin: auto;
}

.zr-widget-item {
    max-width: 76px;
}

    .zr-widget-item:hover {
        margin: -1.5rem 0 0;
    }

.zr-widget-text {
    white-space: nowrap;
}

.zr-shortcut-parentlist,
.zr-icon-removeshortcut {
    display: none;
}

.zr-shortcut-list,
.zr-vitrin-list {
    row-gap: 0.75rem;
}

.zr-shortcut-parent.zr-shortcut-show {
    background: var(--primary15);
}

.zr-shortcut-parentlist {
    background: var(--primary5);
    border: 1px solid var(--primary15);
}

.zr-shortcut-img {
    max-width: var(--minibtnwidth);
}

.zr-icon-shortcut,
[disabled=disabled] img.zr-icon-shortcut {
    min-width: var(--minibtnwidth);
    opacity: 1;
}

.zr-tooltip-prostar {
    margin-left: 0.75rem;
}

.zr-shortcut-search:hover {
    background: var(--primary70);
}

.zr-shortcut-search :is(.zr-Show-search, .zr-Show-search .zr-searchForm-box) {
    background: var(--primary20);
}

.zr-shortcut-search :is(.zr-Show-search) {
    min-width: 186px;
}

.zr-shortcut-parent.zr-shortcut-show .zr-icon-removeshortcut {
    display: flex;
}

.zr-shortcut-item {
    flex: 0 0 calc(25% - 1rem);
}

.zr-shortcut-check {
    --marginboxheight: 0.25rem;
    --checkboxheight: 1rem;
}

.sp-form-check.zr-shortcut-check:checked:after,
.sp-f-check.zr-shortcut-check:checked:after {
    left: 4px;
    top: 0px;
    height: calc(var(--checkboxheight) - 6px);
    width: 5px;
}

.zr-user-item {
    background: var(--gray10);
    border-color: var(--gray50);
}

    .zr-user-item:hover {
        background: var(--primary5);
        border-color: var(--primary70);
    }

.zr-icon-type {
    max-width: 10px;
}

.zr-user-privatetype {
    color: var(--primary80);
}

.zr-user-publictype {
    color: var(--secondary70);
}

.zr-btn-user {
    outline: 1px solid var(--error70) !important;
    color: var(--error70);
    line-height: 18px;
}

.zr-user-device,
.zr-user-offlinetype {
    color: var(--gray80);
}

.zr-user-online,
.zr-color-approved {
    color: var(--approved70);
}

.zr-user-offline,
.zr-color-error {
    color: var(--error70);
}

.zr-user-active,
.zr-color-active {
    color: var(--link70);
}

.zr-color-salesprogram {
    color: var(--sales50);
}

.zr-color-sunny {
    color: var(--warning80);
}

.zr-color-Shopping50 {
    color: var(--Shopping50)
}

.zr-color-gray60 {
    color: var(--gray60)
}

.zr-user-logout:hover {
    background: var(--error70);
    color: var(--white);
    border-radius: 0.75rem 0 0 0.75rem;
}

.zr-user-disabled {
    color: var(--gray60);
}

.zr-user-list,
.zr-note-list.zr-dash-note {
    row-gap: 0.75rem;
}

.zr-add-note {
    --HeightBtn: 24px;
}

.zr-note-list.zr-dash-note .zr-Note-item {
    border: 1px solid var(--primary15);
}

.zr-userbadge-online,
.zr-badge-green {
    background: var(--approved70);
}

.zr-userbadge-offline,
.zr-badge-red {
    background: var(--error70);
}

.zr-userbadge-active,
.zr-badge-link {
    background: var(--link70);
}

.zr-user-emptyitem {
    min-height: 72px;
}

.zr-calc-text:is(input[type=text]) {
    font-size: 32px !important;
    color: var(--gray60);
    line-height: 32px !important;
    text-align: left !important;
    font-weight: 100 !important;
}

.zr-calc-res {
    font-size: 64px;
    line-height: 48px;
}

.zr-calc-grid {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 0.75rem 1.5rem;
}

.zr-calc-btn {
    background: var(--primary5);
    font-size: 32px;
}

.zr-calc-top {
    background: var(--gray30);
}

.zr-calc-operation {
    background: var(--primary40);
}

.zr-calc-gridoperation {
    row-gap: 0.75rem;
}

.zr-history-calender {
    color: #373737cc;
}

.zr-number-box {
    flex: 3;
}

.zr-form-note .sp-row:nth-last-child(2) {
    flex: 1;
}

.zr-form-note .sp-row:nth-last-child(3),
.zr-form-note .sp-d-textarea {
    flex: 60;
}

    .zr-form-note .sp-row:nth-last-child(3) .sp-c-12 {
        margin-top: 0;
    }

    .zr-form-note .sp-row:nth-last-child(3) .sp-f-editor {
        overflow: hidden;
    }

    .zr-form-note .sp-row:nth-last-child(3) .sp-f-editor,
    .zr-form-note .sp-row:nth-last-child(3) .sp-f-textarea {
        border-radius: var(--inputrp) !important;
    }

.zr-dash-notearea {
    background-attachment: local !important;
    background-image: linear-gradient(to right, var(--InputColor) 2rem, transparent 2rem), linear-gradient(to left, var(--InputColor) 2rem, transparent 2rem), repeating-linear-gradient(var(--InputColor), var(--InputColor) 30px, var(--gray30) 30px, var(--gray30) 30px, var(--InputColor) 32px) !important;
    line-height: 32px !important;
    padding: 0 1.5rem !important;
}

.closebtnbox {
    min-width: 536px;
}

.zr-btnConfrim {
    min-width: 160px;
    line-height: 28px;
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-title {
    min-width: var(--Pagewidthtitle);
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-note {
    --widthtitle: var(--Pagewidthtitle);
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-row:not(.sp-d-checkbox) :is(.sp-form-editor, .sp-f-editor) {
    flex: 1;
}

:is(.zr-dialog-box) .sp-d-checkbox .sp-f-title {
    display: none;
}

:is(.zr-dialog-box, .zr-page-box) .sp-f-row.sp-d-checkbox :is(.sp-form-editor, .sp-f-editor) {
    width: 100%;
}

:is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form {
    max-height: calc(100% - 0px);
    overflow: auto;
}

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form.sp-d-form > form {
        max-height: 100%;
    }

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-f {
        max-height: 100%;
        overflow: hidden;
        padding: 0.25rem;
    }

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form :nth-last-child(1):is(.sp-c-12) {
        max-height: 100%;
    }

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-tab {
        margin: 0;
    }

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-tab-body {
        padding-top: 1.5rem;
    }

    :is(.zr-page-box, .zr-dialog-box) .zr-gridtab-form .sp-row:not(.sp-d-frame .sp-row):nth-last-child(2) {
        flex: 50;
        display: flex;
        padding: 0.25rem !important;
        overflow: hidden;
    }

:is(.zr-page-box, .zr-dialog-box) .zr-grid-parent.sp-pb-0 {
    padding-bottom: 1px !important;
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab {
    padding: 0;
    /*margin: 0 0 1rem;*/
    background: var(--primary70);
    border: 2px solid var(--primary70);
    border-top: 0;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs {
    border: 0 !important;
    border-radius: 0 !important;
    --TabItemMargin: 0;
    padding: 0 !important;
}

    .sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-body {
        border: 2px solid var(--Mainprimary);
        border-radius: 12px;
        padding: 1.25rem 0 !important;
    }

    .sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-content {
        border-radius: 0;
    }

    .sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item:not(.sp-tab-active) {
        background: transparent;
        color: var(--primary30);
        border-radius: var(--xxlargeradius);
    }

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab-rfid {
    background: var(--Mainprimary);
    border-color: var(--Mainprimary);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-rfid .sp-tab-header {
    background: var(--Mainprimary);
    justify-content: flex-start;
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab {
    background: var(--Mainsecondary);
    border-color: var(--Mainsecondary);
}

:is(.zr-dialog-box, .zr-page-parent) .zr-edited-form .sp-tab-header {
    background: var(--Mainsecondary);
}

.zr-tab-rfidsection.sp-d-tab:not(.sp-tab-simple) .sp-tab-body {
    padding: 0 0 0.25rem !important;
}

.sp-tab-simple.zr-inventory-tabs .sp-tab-header,
.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-header {
    margin: 1rem 0;
    background-color: var(--primary5) !important;
    border-radius: var(--xxlargeradius);
    padding: 0.25rem !important;
    gap: 0.5rem;
}

.sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item {
    line-height: 30px;
}

    .sp-tab.sp-tab-separaterfid.zr-inventory-tabs .sp-tab-item.sp-tab-active {
        background: var(--white);
        color: var(--primary70) !important;
        border-radius: var(--xxlargeradius);
    }

.zr-tab-rfidinventory .sp-tab-body {
    padding: 0;
}

.zr-tab-rfidinventory .sp-section-body {
    padding: 1.5rem 1.5rem 1rem 0.25rem;
}

.zr-rfid-setting:not(.sp-color-secondary) {
    color: var(--primary30);
}

.zr-edited-form :is(.zr-tab-item, .sp-tab-item):not(.zr-Main-tab-list .zr-tab-item) {
    color: var(--primary70);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab-header,
.zr-maingrid .sp-tab-header {
    justify-content: right;
    padding-right: 2.5rem;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab-header {
    background: var(--primary70);
}

/*:is(.zr-page-box , .zr-dialog-box) .sp-tab-header{
justify-content: center;
}*/
:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-body {
    /*padding: 0 0rem 1.25rem;*/
    padding: 0 0rem 0.5rem;
    background: var(--gray5);
    border-radius: var(--xlargeradius);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) :is(.zr-tab-item.zr-selected, .zr-tab-item.sp-tab-active, .sp-tab-item.sp-tab-active) {
    background: var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-item.sp-tab-active::before {
    box-shadow: 0.5rem 0 0 0 var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-d-tab:not(.sp-tab-simple, .zr-tab-rfidsection) .sp-tab-item.sp-tab-active::after {
    box-shadow: -0.5rem 0 0 0 var(--gray5);
}

.sp-tab-active.zr-dash-tab {
    background: var(--white);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item, .zr-chartFilter):not(.zr-selected, .sp-tab-active):hover
/*, .zr-tab-item-col:hover*/ {
    background: var(--MainThemeColor) !important;
    color: var(--gray5);
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::before {
    box-shadow: 0.5rem 0 0 0 var(--MainThemeColor);
    background: transparent;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab:not(.sp-tab-rfid) :is(.zr-tab-item, .sp-tab-item):not(.zr-selected, .sp-tab-active):hover::after {
    box-shadow: -0.5rem 0 0 0 var(--MainThemeColor);
    background: transparent;
}

:is(.zr-page-box, .zr-dialog-box) :is(.sp-g-body, .zr-maingrid .sp-g.sp-g-body),
.sp-g-body,
.zr-maingrid .sp-g.sp-g-body {
    overflow: scroll;
    overflow-x: hidden;
    border-radius: 0px;
    align-items: stretch;
    height: auto;
    flex: 1;
    scrollbar-width: 8px;
    /*padding-top: 1px;*/
    max-height: calc(100% - calc(var(--HeaderCellHeight) - 4px));
}

.zr-divGrid {
    /* max-height: calc(100% - 80px);
  min-height: calc(100% - 80px);*/
    display: flex !important;
    flex: 10;
    flex-direction: column;
    overflow: hidden;
}

    .zr-divGrid :is(.zr-grid-parent, .sp-d-grid) {
        /* max-height: calc(100% - 100px);
  height: calc(100% - 100px);*/
        max-height: calc(100% - 0px);
        height: calc(100% - 0px);
        overflow: hidden;
        display: flex;
        align-self: stretch;
        flex-direction: column;
        flex: 1;
        padding: 0.25rem !important;
        background: var(--gray5);
        border-radius: var(--xxlargeradius);
    }

.sp-g-scroll,
.sp-d-grid {
    display: flex;
    align-self: stretch;
    flex-direction: column;
    flex: 1;
}

.zr-hasfilter .sp-g-header .sp-g-cell
/*:not(.sp-g-sort) */ {
    /*  justify-content: flex-end !important; */
}

    .zr-hasfilter .sp-g-header .sp-g-cell a {
        /*  align-items: flex-end; */
    }

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-grid-parent) {
    display: flex;
    flex: 10;
    /*    padding: 0.25rem !important;*/
    padding: 2px !important;
    overflow: hidden;
}

:is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-parent) {
    /*padding-bottom: 1.25rem !important;*/
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab :is(.zr-grid-parent):not(.sp-p-0) {
    /*  padding:0.25rem 2.25rem 0.25rem !important;*/
    padding: 0.25rem 0.75rem 0.25rem !important;
    margin-bottom: 0;
}

.zr-dialog-formbox {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.zr-maingrid .sp-tab-body {
    padding: 0;
}

.zr-dialog-box .zr-dialog-formbox .sp-d-form:not(:last-child) {
    margin: 0 0 0.75rem;
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab-content .zr-dialog-formbox .sp-d-form,
:is(.zr-dialog-box, .zr-page-box) .sp-tab-content .sp-d-form {
    padding: 0 2.25rem;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .zp-app) .sp-tab-content {
    padding: 0;
    margin: 0;
    background: transparent;
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .zp-app) :is(.sp-tab-content, .zr-tabparent-content).sp-block {
    display: flex !important;
}

.sp-icon-medium {
    min-height: var(--mediumsize) !important;
    max-width: var(--mediumsize) !important;
    max-height: var(--mediumsize);
    margin: auto 0;
    --icongridbtnwidth: var(--mediumsize) !important;
}

.sp-icon-calendar,
.sp-icon-clear {
    max-width: 1rem;
    max-height: 1rem;
    margin: 0 0 0 0.25rem;
}

:is(.zr-page-box, .zr-dialog-box) .sp-tab.zr-onlytab .sp-tab-content {
    /*  padding-top: calc(var(--MarginRow) * 2);
  padding-bottom: 0.5rem;*/
    padding-top: 0.5rem;
}

.zr-dialog-content {
    max-height: calc(100% - 0px);
    min-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.sp-grid-buttons,
.sp-g-buttons {
    justify-content: center;
    gap: 0.5rem;
}

.sp-grid-button a,
.sp-g-button a {
    margin: 0 0.5em;
    display: flex;
}

.closebtn.btn-cancel,
.closebtn.sp-btn-cancel,
.sp-f input[type=button].sp-btn-cancel.closebtn,
input[type=button].sp-ultra-active.sp-btn-cancel.closebtn,
input[type=submit].sp-ultra-active.sp-btn-cancel.closebtn,
button.sp-ultra-active.sp-btn-cancel.closebtn {
    border: 2px solid var(--whiteColor) !important;
    color: var(--whiteColor) !important;
}

/*Accounting Dashboard*/
.zr-remain-list {
    gap: 0.75rem;
}

.sp-card {
    box-shadow: 0px 0px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    overflow: inherit;
    height: auto;
    width: 100%;
}

.sp-board .sp-card {
    flex: 1;
}

.sp-card-body {
    padding: 0;
    width: 100%;
    margin: 0 !important;
    display: flex;
}

.zr-ChequeImgProfile {
    min-width: 30px;
    min-height: 30px;
    object-fit: cover;
    max-width: 30px;
    max-height: 30px;
}

.zr-chequeitem {
    max-width: 180px;
    min-width: 180px;
    background-color: var(--white);
    margin-left: 1rem;
}

.sp-card li {
    margin-top: 0;
    text-align: right;
}

.sp-chequehelp {
    width: 16px;
    height: 16px;
}

.zr-chequeitem-passed {
    background-color: #CAEBF8;
    border-color: #00CCF2;
}

.zr-chequeitem-unpassed {
    background-color: #D6D9D2;
    border-color: #1B4D4D;
}

.zr-chequeitem-returned {
    background-color: #F2DAC5;
    border-color: #5B2B00;
}

.zr-ChequeList::after {
    content: "";
    position: absolute;
    top: 50%;
    background: var(--Dark);
    height: 1px;
    z-index: -1;
    left: 0;
    right: 0;
}

.zr-ChequeDateItem {
    min-height: 44px;
}

.zr-ChequeDateList {
    min-width: max-content;
}

.zr-ChequeDateItem:nth-child(odd) .zr-ChequeList {
    padding: 0 1.25rem;
}

.zr-ChequeDateItem:nth-child(even) .zr-ChequeList {
    padding: 0 2.5rem;
}

.zr-dashboardCheque::-webkit-scrollbar {
    height: 6px;
}

.sp-board .sp-c-6:nth-child(2n+1) {
    padding: 0 0 1.25rem 1.25rem;
}

.sp-board .sp-c-6:nth-child(1),
.sp-board .sp-c-6:nth-child(2) {
    padding-bottom: 40px;
}

.sp-board .sp-c-6:nth-child(2n) {
    padding-right: 1.25rem;
    padding-left: 0;
}

.sp-board .zr-Dashboardtable {
    border: 0;
    max-height: calc(100% - 0px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    align-self: stretch;
}

.sp-board .sp-tab-body {
    min-height: auto !important;
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.sp-board .sp-tab-content {
    border: 0;
    display: flex;
    background: transparent;
    padding: 0;
    margin: 0;
    flex-direction: column;
    max-height: calc(100% - 0px);
    overflow: hidden;
    flex: 1;
}

    .sp-board .sp-tab-content.sp-block {
        display: flex !important;
    }

.sp-board .zr-tab-rfidsection.sp-d-tab:not(.sp-tab-simple) .sp-tab-body {
    background: var(--white);
    margin: 0 2px 2px;
}

.sp-board .sp-tab,
.zr-payroll-grid {
    height: 100%;
    background: var(--primary20);
    padding: 0.75rem 0.5rem 0.5rem;
}

.zr-payroll-grid {
    flex: 5;
    overflow: hidden;
}

    .sp-board .zr-Dashboardtable .sp-g,
    .zr-payroll-grid .sp-g {
        border-radius: 1.25rem;
        display: flex;
        flex-direction: column;
        flex: 1;
        max-height: calc(100% - 0px);
    }

.salesItemimg {
    width: 134px;
    height: 134px;
    object-fit: cover;
}

.zr-Carat-Btn {
    min-height: 22px;
    border-radius: 4px;
    font-size: var(--xsmallfont) !important;
}

.zr-carat-form {
    --InputHeight: 22px;
    --widthtitle: 40px;
    --Pagewidthtitle: 40px;
}

    .zr-carat-form .sp-f-editor {
        border-radius: var(--inputxminrp) 0rem var(--inputminrp) var(--inputxminrp) !important;
    }

.zr-Carat-text input {
    min-height: 22px;
}

.zr-LastDocument-item {
    border-color: #CFCFCF;
    background-image: url('/themes/manager/images/LastDocumentbg.svg');
    background-size: cover;
    background-repeat: no-repeat;
    flex: 1;
}

.zr-LastDocument-Parent:nth-child(2n+1) .zr-LastDocument-Number {
    color: #C69D15;
}

.zr-LastDocument-Parent:nth-child(2n) {
    color: #35558A;
}

.zr-LastDocument-Number {
    position: absolute;
    font-size: 135px;
    bottom: -72px;
    line-height: 2;
    opacity: 21%;
    right: 0
}

.zr-LastDocument-Box {
    z-index: 1;
}

.zr-LastDoc-Btn .zr-LastDoc-txt {
    display: none;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-txt {
    display: flex;
}

.zr-LastDoc-Btn {
    min-width: 60px;
    z-index: 3;
}

    .zr-LastDoc-Btn:hover .zr-LastDoc-Editicon {
        color: #C69D15;
    }

.zr-LastDoc-Deleteicon {
    color: #710303;
}

.zr-LastDoc-Detailicon {
    color: #00286E;
}

.zr-LastDoc-Detailicon {
    color: #00286E;
}

.zr-LastDoc-Ceratinicon {
    color: #006E30;
    fill: #006E30;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-Ceratinicon {
    color: #00286E;
    fill: #00286E;
}

.zr-LastDoc-returnicon {
    color: #6E0000;
    fill: #6E0000;
}

.zr-LastDoc-Btn:hover .zr-LastDoc-returnicon {
    color: #00286E;
    fill: #00286E;
}

.zr-Grid-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 11;
    background-color: #ffffff00;
    backdrop-filter: blur(6px) brightness(0.9) saturate(1);
    position: absolute;
    border-radius: 1.5rem;
}

.zr-Grid-dialog {
    left: 50%;
    width: 496px;
    min-height: 135px;
    top: 140px !important;
}

.zr-GridBtn {
    min-width: 120px;
}

.zr-last-document-empty {
    opacity: 17%;
}

.sp-c-4.zr-LastDocument-Parent {
    padding-bottom: 0.75rem !important;
}

.sp-c-4.zr-LastDocument-Parent {
    padding-right: 0 !important;
}

    .sp-c-4.zr-LastDocument-Parent:nth-last-child(1) {
        padding-left: 0.75rem !important;
    }

.zr-Timebtn {
    min-width: 56px;
}

.zr-DeleteBtnParent,
.zr-EditBtnParent {
    /*min-width: var(--smallwidth);*/
}

.zr-deleteIcon {
    color: var(--DarkRed);
    margin-right: 5rem;
    position: absolute;
    right: 0;
    top: 0.75rem;
}

.sp-f-button p {
    font-size: var(--FontBtn);
}

.zr-btn-addGroup,
.sp-f .sp-f-button.zr-btn-addGroup
/**/
,
.sp-f .sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-simple,
.zr-btn-coin {
    background: transparent;
    border-radius: var(--smallradius);
}

.zr-btn-addGroup,
.sp-f .sp-f-button.zr-btn-addGroup,
.zr-btn-coin
/*, .sp-f-button.zr-btn-simple*/ {
    outline: 1px solid var(--primary70);
}

.zr-btn-coin {
    --BtnMinwidth: 24px;
    --HeightBtn: 24px;
    padding: 0;
    font-size: var(--normalfont);
}

.sp-f .sp-f-button.zr-btn-sample,
.sp-f-button.zr-btn-sample {
    padding: 0 0.5rem;
    min-height: 24px;
    height: 24px;
    justify-content: space-between;
    min-width: 70px;
}

.sp-f-button.zr-btn-red {
    background: var(--Maintertiary);
    color: var(--white);
}

.sp-f-button.zr-btn-blue {
    background: var(--Accountingcolor);
    color: var(--white);
    outline-color: var(--Accountingcolor);
}

.sp-f-button.zr-btn-grayoutline {
    color: var(--gray70) !important;
    outline: 1px solid var(--gray70);
    background: var(--white);
}

.sp-f-button.zr-btn-darkblue {
    background: var(--primary70);
    color: var(--white);
}

.sp-f-button.zr-btn-green {
    background: var(--salescolor);
    color: var(--white);
}

.sp-f-button.zr-btn-simple {
    padding: 0 0.5rem;
    min-height: 24px;
    height: 24px;
    min-width: 156px;
}

    .sp-f-button.zr-btn-simple[disabled] {
        outline: 1px solid var(--gray60);
        color: var(--gray60);
    }

:is(.zr-addproduct, .zr-addcategory),
:is(.zr-addproduct, .zr-addcategory):is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
    min-height: var(--multigridbtnHeight);
    color: var(--MainThemeColor);
    font-weight: 700;
    min-width: var(--smallBtnwidth);
    padding: 0 0.5rem;
    font-size: var(--normalfont);
}

/*.zr-addproduct-parent,.zr-add-parent{
min-width: var(--xnormalwidth);
}*/
.zr-editbtn,
.zr-editbtn:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
    min-height: var(--multigridbtnHeight);
    color: var(--secondary60);
    font-weight: 700;
    font-size: var(--normalfont);
    /*  min-width: var(--smallwidth);*/
}

.zr-deletebtn,
.zr-deletebtn:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
    min-height: var(--multigridbtnHeight);
    color: var(--error70);
    font-weight: 700;
    font-size: var(--normalfont);
    /*  min-width: var(--smallwidth);*/
}

.zr-btn-upload,
.zr-btn-upload:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active) {
    border-radius: 0.5rem;
    background: var(--MainThemeColor);
    color: var(--white);
    font-size: var(--largefont);
}

    .zr-btn-upload,
    .zr-btn-upload:is(input[type=button].sp-ultra-active, input[type=submit].sp-ultra-active, button.sp-ultra-active),
    .zr-btn-exlarge {
        min-width: var(--exlarge) !important;
    }

.zr-deletebtn i {
    color: var(--error70);
    transition: unset !important;
}

.zr-deletebtn:is(:hover, :focus) i {
    color: var(--link50);
}

.zr-addcategory .zr-category-icon,
.sp-f-button .zr-category-icon {
    width: 16px;
    min-height: 16px;
    background: var(--MainThemeColor);
    color: var(--white);
}

.zr-addcategory:hover .zr-category-icon,
.sp-f-button:hover .zr-category-icon {
    color: var(--link5);
    background: var(--link50);
}

.zr-Grid-check,
.zr-square-mini {
    width: 12px;
    min-width: 12px;
    height: 12px;
    margin: auto 0;
}

.zr-square-ultramini {
    width: 8px;
    min-width: 8px;
    height: 8px;
    margin: auto 0;
}

:is(.zr-group-row, .zr-Main-row).zr-selected-row {
    border: 1px solid var(--secondary70);
}

:is(.zr-group-row, .zr-Main-row).zr-selected-row {
    --Trbg: var(--secondary10);
    --whiteColor: var(--secondary10);
    --gray95: var(--Dark);
}

.zr-active.zr-Grid-checktitle {
    color: var(--approved70) !important;
}

.zr-Deactive.zr-Grid-checktitle,
.sp-color-deactive {
    color: var(--error60) !important;
}

.zr-btn-activegrid {
    max-width: 18px;
}

.zr-openedTree .icon-network::after {
    content: "";
    position: absolute;
    width: 1px;
    background: #00286E;
    height: 14px;
    z-index: 12;
    top: 100%;
    right: 2rem;
}

.zr-openedTree[parentid="Parentid0"] .icon-network::after {
    right: 1.25rem;
}

.zr-Visible-rows,
.zr-ISvisible {
    position: relative;
}

:is(.zr-Visible-rows, .zr-ISvisible) .icon-pipe {
    display: block !important;
    position: absolute;
    width: 1px;
    background: #00286E;
    height: 100%;
    z-index: 12;
    top: 0;
}

.zr-HasPipe .icon-pipe.zr-short {
    height: 100% !important;
}

.icon-pipe.zr-short {
    height: 44px !important;
}

    .icon-pipe.zr-short::after {
        content: "";
        position: absolute;
        width: 18px;
        background: #00286E;
        height: 1px;
        z-index: 1;
        top: 23px;
    }

    .icon-pipe.zr-short.zr-pipe-100::after {
        top: 100%;
    }

.zr-grid-tree .zr-table .zr-ISvisible.zr-table-row.zr-ISvisible-even {
    background-color: var(--whiteColor);
}

.zr-grid-tree .zr-table .zr-ISvisible.zr-table-row.zr-ISvisible-odd {
    background-color: var(--Trbg);
}

.zr-grid-tree .zr-table-row:hover {
    box-shadow: 0 0;
    transition: none !important;
}

.zr-grid-tree .zr-Title-Box {
    flex: 1;
}

.zr-grid-tree .zr-EditedRow:is(.sp-g-row, .zr-table-row),
.sp-grid-select,
.zr-EditedRow.zr-DetailBox {
    background: var(--secondary10) !important;
    border: 1px solid var(--secondary70) !important;
    --gray95: var(--Dark);
    --MainThemeColor: var(--Dark);
}

.zr-EditedRow.zr-DetailBox
/* , .zr-Show .zr-DetailBox:hover*/ {
    border: 0 !important;
    outline: 1px solid var(--secondary70) !important;
    border-bottom: 1px solid var(--secondary70) !important;
}

    .zr-EditedRow.zr-DetailBox .sp-g-cell
    /* , .zr-Show .zr-table-row:last-child .zr-DetailBox:hover*/ {
        border-bottom: 0 !important;
    }

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) :is(.zr-grid-tree .zr-EditedRow:is(.sp-g-row, .zr-table-row), .sp-grid-select).sp-g-row .sp-g-cell:not(.zr-group-row .sp-g-cell) {
    border-bottom: 0 !important;
}

.sp-grid-row,
.sp-g-row {
    border-left: 1px solid var(--primary30);
    border-right: 1px solid transparent;
}

.sp-f input.zr-PrintBtn {
    background-color: var(--PrintBtn) !important;
}

.sp-f input.zr-CancelPrintBtn.sp-btn-cancel,
.sp-f input.zr-PrintBtn {
    height: 40px !important;
    width: var(--largewidth);
    border-radius: var(--normalradius) !important;
}

.zr-LabelFrame .sp-d-frame .sp-d-form {
    width: 100% !important;
}

.zr-LabelFrame .sp-d-frame .sp-f-title {
    min-width: var(--widthtitle);
}


.zr-TrustDetail-row {
    border: 1px solid #345489;
    background: var(--primary10);
}

.zr-TrustChildParent {
    z-index: 13;
    width: calc(100% - 3rem);
    height: calc(100% - 4.5rem);
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    /*  background: #ddbf5ea6;*/
}

.zr-TrustChildBox {
    background-color: var(--secondary20);
}

.zr-Truschildgrid .sp-g-header {
    background-color: #ddbf5e5e;
}

.zr-divGrid .zr-TrustChildParent section {
    max-height: calc(100% - 40px);
    height: calc(100% -140px);
}

.zr-TrustChildParent .sp-g-body {
    scrollbar-width: thin;
    scrollbar-color: #DDBF5E var(--white);
}


    .zr-TrustChildParent .sp-g-body ::-webkit-scrollbar-thumb,
    .zr-TrustChildParent .sp-g-body::-webkit-scrollbar-thumb {
        background: #DDBF5E;
    }

.zr-PrintGrid {
    flex: 3;
}

/*payroll*/

.pr-list .check-push {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10;
    top: -8px;
    right: -9px;
}

.pr-list li {
    cursor: pointer;
}

.zr-dash-difclr {
    background-image: url(/themes/manager/images/Bgpayroll.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-width: 160px;
    display: flex !important;
    width: 16%;
    padding-left: 0 !important;
    min-height: 160px;
}

.zr-dash-img {
    max-width: 75px;
}

.zr-dash-difclr img {
    max-width: 64px;
    max-height: 68px;
}

.zr-dash-counts {
    width: 75%;
}

.zr-dash-rb1 {
    background: #E4F9E9 !important;
}

.zr-dash-rb1-text {
    color: #095E44;
}

.zr-dash-rb2-text {
    color: #84541A;
}

.zr-dash-rb2 img {
    max-width: 102px;
}

.zr-dash-rb1 img {
    max-width: 50px;
}

.zr-dash-left,
.zr-dash-rb3 {
    background-color: var(--LightBlue)
}

.zr-dash-rb2 {
    background: #FCF3EC !important;
}

.zr-dash-countstext {
    font-size: 76px;
}

.zr-da-link a {
    max-width: 176px;
    line-height: 24px;
}

    .zr-da-link a:hover {
        background-color: var(--midnightbtn);
        color: var(--white);
    }

.zr-l-events {
    max-height: calc(100% - 64px);
    overflow: auto;
}

    .zr-l-events::-webkit-scrollbar-track {
        background: var(--LightBlue);
    }

    .zr-l-events li:not(:last-child) {
        margin-bottom: 1rem;
    }

.sp-bg-GreenWhite {
    background: var(--GreenWhite);
}

.sp-bg-YellowWhite {
    background: var(--YellowWhite);
}

.sp-bg-RedWhite {
    background: var(--RedWhite);
}

.zr-contract-form {
    --MarginRow: 8px;
}

.sp-d-form .zr-contract-form .sp-row:first-of-type .sp-f-row {
    margin-top: var(--MarginRow);
}

.zr-rp-select {
    text-decoration: underline;
    color: #095e44;
}

.zr-payroll.zr-page-box {
    border-top: 0.25rem solid var(--Dialogbg);
}

.zr-pr-select .zr-pr-selectchild {
    background: var(--primary70);
    color: var(--white) !important;
    opacity: 1;
}

.zr-pr-select p {
    color: var(--white) !important;
}

.zr-pr-list .sp-my-2:not(.pr-select-child) {
    opacity: 0.6;
}

.datepicker li p {
    flex: 14%;
    border-radius: 8px;
}

.datepicker {
    width: 36%;
    background: var(--primary10);
    align-self: flex-start;
}

    .datepicker li {
        display: flex;
        flex-wrap: wrap;
        flex: none;
    }

.daysno span {
    width: 32px;
    min-height: 32px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.day-nom {
    opacity: 0.3;
}

.freeTrue {
    color: var(--red);
}




.cl-updates input,
.set-timer input {
    width: 50px;
    border: 1px solid var(--borderDoccolor);
}

.sl-month {
    background: var(--primary20);
}

.conf-wcal .datepicker li span {
    width: 14%;
    border: 1px solid #adc1e2;
    border-right: 5px solid #adc1e2;
    margin: 2px;
    position: relative;
    padding-right: 10px;
    border-radius: 6px;
}

.wr-shifts input {
    border: 1px solid gainsboro;
    width: 45px;
    border-radius: 3px;
    padding: 0;
    text-align: center;
    margin: 3px 1px;
}

.wr-shifts {
    display: flex;
    margin: 4px 0;
    opacity: 0;
}

    .wr-shifts b {
        margin-left: 10px;
        width: 70px;
        color: #35558a;
        font-size: 0.9em;
    }

    .wr-shifts label {
        font-weight: 400;
        margin: 0 4px;
    }

.cal-daylabel {
    position: absolute;
    font-size: 400%;
    font-weight: bold;
    bottom: -15px;
    right: 10px;
    color: #bdbbbb;
    display: none;
}

.conf-wcal .day-nom {
    opacity: 1;
    background: #ededed;
    border-color: #dbdbdb !important;
}

.TreeShift .wr-shifts {
    opacity: 1;
}

.TwoShift .Shift2,
.TwoShift .Shift1 {
    opacity: 1;
}

.OneShift .Shift1,
.OneShift .Shift1 > input {
    opacity: 1;
    color: #35558a
}

.OneShift .cal-daylabel,
.day-nom .cal-daylabel {
    display: block;
    color: #adc1e2;
}

.freeTrue .cal-daylabel {
    color: #cba4a9;
}

.freeTrue .wr-shifts {
    opacity: 0 !important;
}

.day-nom .cal-daylabel {
    color: #dbdbdb;
}

.sh-calfree {
    position: absolute;
    left: 10px;
    font-size: 120%;
    bottom: 15px;
    display: none;
}

.conf-wcal .freeTrue {
    background: #fff3f3;
    color: #6a6a6a;
    border-color: #cba4a9 !important;
}

.freeTrue .sh-calfree {
    display: block;
    color: #cba4a9;
}

.day-ism input {
    border: none;
    background: none;
    font-size: 120%;
    margin-top: -4px;
}

.OneShift,
.TwoShift,
.TreeShift {
    background: #edf3ff;
}

.fil-wrap {
    display: none;
}

.sh-calfree input {
    display: none;
}

.sh-calfree > b {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.day-ism .frday-cmt {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50% !important;
    border-radius: 7px !important;
    z-index: 10;
    font-size: 85%;
    height: 50%;
    display: none;
}

.freeTrue .frday-cmt {
    display: block;
    border: none;
    background: none;
}

.addfor-edit .day-ism input {
    background: white;
    border: 1px solid #b7b6b6;
}

.addfor-edit .sh-calfree {
    display: block;
}

    .addfor-edit .sh-calfree input {
        display: inline-block;
    }

.addfor-edit .sh-calfree {
    top: 1px;
    bottom: auto;
}

.addfor-edit .wr-shifts {
    opacity: 1;
}

.addfor-edit .freeFalse .cal-daylabel {
    display: none;
}

.addfor-edit .freeTrue .frday-cmt {
    display: block;
    border: 1px solid gray;
    background: white;
    top: auto;
    bottom: 10px;
}

.addfor-edit .fil-wrap {
    display: flex;
}

.bordr-sday {
    border: 2px solid orange;
}

div .Gr-SumAll {
    background: background: var(--primary10);
    !important;
}

.sp-bg-gray {
    background: gainsboro !important;
}

.Summery1 {
    text-decoration: underline;
}

.dayfilters input[type="checkbox"] {
    cursor: pointer;
    appearance: none;
    outline: 0;
    height: 14px;
    width: 14px;
    border: 1px solid gray;
    color: white;
    transition-duration: 0.3s;
    border-radius: 3px;
}

    .dayfilters input[type="checkbox"]:checked {
        border-radius: 50%;
    }

.rpt-abs input[type="checkbox"]:checked {
    background: red;
}

.rpt-leave input[type="checkbox"]:checked {
    background: #00cf2d
}

.rpt-prnt input[type="checkbox"]:checked {
    background: #35558a;
}

.rpt-edited input[type="checkbox"]:checked {
    background: white;
}

.rpt-manual input[type="checkbox"]:checked {
    background: #d06dd7;
}

.Select-shift .sactive {
    background: #35558a;
    color: var(--white);
    font-weight: bold;
}

.r-remove {
    background: var(--selected);
}

.zr-persons-info {
    padding: 1rem 2.25rem 0.25rem;
}

.zr-person-avtr {
    height: 50px;
    overflow: hidden;
}

    .zr-person-avtr img,
    .zr-pr-avatar img {
        width: 50px;
        height: 50px;
        object-fit: cover;
    }

.pan_1 {
    width: 23%;
}

.pan_2 {
    width: 80%;
}

.top-menu {
    display: flex;
    background: #ebebeb;
    margin-bottom: 30px;
}

    .top-menu li {
        width: 12%;
        margin: 1%;
        padding: 10px;
        border: 1px solid gray;
        text-align: center;
        border-radius: 5px;
        cursor: pointer;
        background: white;
    }

.pop-wrap {
    background: #00000078;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 100;
}


.set-cal {
    position: absolute;
    background: white;
    z-index: 1;
    padding: 5px;
    width: 100%;
    top: 0;
    right: 0;
    border-radius: var(--inputminrp) 0 var(--inputrp) var(--inputminrp);
    overflow: hidden;
    max-height: var(--InputHeight);
}

    .set-cal li {
        padding: 5px;
        border-bottom: 1px solid gainsboro;
        text-align: center;
        cursor: pointer;
    }

        .set-cal li:last-child {
            border: none;
        }

        .set-cal li input {
            margin-top: 5px;
            z-index: -3;
            position: relative;
        }



.ShowSelect {
    border: 1px solid var(--CancelColor);
    border-top: 0;
    max-height: 500px;
}

.ShowSelect-List {
    max-height: 460px;
    overflow: auto;
}

.lr-lft {
    width: 62%;
    min-height: 350px;
}


.day-selected {
    color: white !important;
    background: var(--MainThemeColor) !important;
}

.p-header span {
    width: 20%;
    padding: 5px;
    text-align: center;
}

.fish-pop {
    position: absolute;
    top: 0;
    right: 0;
    background: #00000085;
    width: 100%;
    z-index: 9;
}

.fish-wrap {
    width: 80%;
    margin: 20px auto;
}

.pay-fish {
    border: 1px solid gray;
}

    .pay-fish div {
        width: 100%;
        display: flex;
        border-bottom: 1px solid gray;
    }

        .pay-fish div span {
            padding: 15px;
            font-size: 14px;
        }

    .pay-fish .pay-r3 span {
        text-align: center;
        border-left: 1px solid grey;
    }

        .pay-fish .pay-r3 span:last-child {
            border: none;
        }

    .pay-fish .pay-r3 .pay-title {
        width: 20.33%;
    }

    .pay-fish .pay-r3 .pay-val {
        width: 13%;
    }

.fish-vals {
    flex-flow: column;
    width: 20.33% !important;
    border-left: 1px solid gray;
}

.fish-title {
    width: 13% !important;
}

.last-f-val {
    border: none;
}

.pay-fish .frow-sum span:first-child {
    width: 80.55%;
    border-left: 1px solid gray;
    text-align: left;
}

.zr-input-personel::placeholder {
    color: #ccc;
    font-size: 14px;
}

.sp-boxShadow {
    box-shadow: 0 0 15px #0000002b;
}

.zr-payroll-DropDown {
    top: calc(100% - 0.5rem);
    z-index: 5;
    border-radius: 0 0 0.75rem 0.75rem;
    display: none;
}

.zr-payroll-Dropbtn {
    min-width: 177px;
}

.zr-active.zr-payroll-Dropbtn {
    border-radius: 0.75rem 0.75rem 0 0 !important;
}

.zr-payroll-Dropbtn:hover,
.zr-payroll-Dropbtn:hover i {
    background-color: var(--MainThemeColor) !important;
    color: var(--white) !important;
}

.zr-personnel-report.zr-personnel-list {
    flex: 5;
}

.zr-shift {
    background-image: url(/themes/manager/images/bg-Circle-payroll.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.zr-shift-blue {
    background: linear-gradient(45deg, #35558A, #0A3073);
}

.zr-shift-violet {
    background: linear-gradient(45deg, #925995, #7B3480);
}

.zr-shift-green {
    background: linear-gradient(45deg, #4A8282, #196753, #095E44);
}

/*Filter*/
/*.sp-g-filter{
display: none;
}
.sp-g-header:is(:focus , :focus-within)+* .sp-g-filter {
display: flex !important;
}
*/

:is(.zr-page-content, .zr-dialog-content) .zr-hasfilter grid-section:has(.sp-g-filter),
.zr-hasfilter grid-section:has(.sp-g-filter) {
    border-left: 1px solid var(--primary10);
    border-right: 1px solid var(--primary10);
    border-top: 1px solid var(--table-header-border);
}

.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) .sp-g-cell {
    position: relative;
    display: flex;
    justify-content: center;
    padding-bottom: 0.25rem;
}

.zr-hasfilter .sp-g-filter :is(.sp-f-input, input) {
    border-radius: var(--smallradius);
    margin: 0.25rem 0;
    line-height: 20px;
    padding: 0.25rem 0.5rem;
    width: calc(100% - 0.5rem);
}

.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
    background: var(--primary10);
    color: var(--primary70);
    flex: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    overflow: unset;
    min-height: fit-content;
    position: sticky;
    width: 100%;
    z-index: 10;
    top: 0;
    padding: var(--Gridpadding);
    border: 0;
}

.zr-hasfilter :is(.sp-grid-filter .sp-grid-cell, .sp-g-filter .sp-g-cell, .sp-g .sp-g-filter .sp-g-cell:not(:first-child)) {
    border-left: 1px solid var(--table-header-border) !important;
}

.zr-hasfilter :is(.sp-g .sp-g-filter .sp-g-cell:last-child) {
    border-right: 0 !important;
    border-left: 0 !important;
}

/*.zr-hasfilter  :is(.sp-g-header){
padding: 0.5rem 0 0rem 0.5rem;
}
*/
.zr-hasfilter .sp-g .sp-g {
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 32px);
    overflow: hidden;
    flex: 1;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.sp-paging.sp-g.sp-paging-rtl {
    max-height: initial;
    margin: 0.25rem auto;
    width: auto;
    flex: none;
    border-radius: var(--smallradius);
    border: 0;
}

.sp-paging-item:first-child {
    margin-left: 0.5rem;
}

.sp-paging-row {
    align-items: center;
    min-height: var(--pagingHeight);
}

.sp-paging-item div {
    font-size: var(--largefont);
    font-weight: 500;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sp-paging-item {
    justify-content: center;
    padding: 0;
    border: 0;
    color: var(--primary70);
    font-size: var(--largefont);
    font-weight: 500;
    min-width: var(--normalbtnwidth);
    height: var(--normalbtnwidth);
    cursor: pointer;
    padding: 0.25rem;
}

    .sp-paging-item.sp-paging-select {
        background: var(--primary70);
        color: var(--white);
        border-radius: 1rem;
        margin: 0 6px;
    }

        .sp-paging-item.sp-paging-select span {
            font-size: var(--xxlargefont);
        }

    .sp-paging-item span {
        font-size: var(--largefont);
        display: flex;
        justify-content: center;
        font-weight: 500;
        align-items: center;
    }

    .sp-paging-item a {
        color: inherit;
    }

.zr-remain-frame {
    background: var(--primary30);
    outline: 1px solid var(--primary30);
    flex: 10;
}

    .zr-remain-frame .zr-grid-parent {
        padding: 0 !important;
    }

    .zr-remain-frame .zr-ramainbox-parent {
        padding: 0 1.5rem;
    }

    .zr-remain-frame li.zr-RemainItem,
    .zr-ramain-list .zr-RemainItem,
    .zr-remain-frame .zr-RemainItem,
    .zr-ramain-printlist .zr-RemainItem {
        width: clamp(200px, 24%, var(--Gridremainwidth));
        /*  min-width: auto !important;*/
        height: max-content;
    }

.zr-remain-small {
    --Gridremainwidth: 280px;
}

.zr-ramain-min {
    row-gap: 1rem;
    display: flex;
    flex-direction: column;
}

/*.zr-ramain-row{
row-gap: 1rem;
}*/
.zr-print-buttonrow {
    gap: 0.75rem;
}

:is(.zr-remain-frame, .zr-print-form) .zr-ramain-min .zr-RemainItem,
.zr-ramain-docprintlist .zr-RemainItem {
    width: clamp(200px, 33%, var(--Gridremainwidth));
}

/*.zr-ramain-list .zr-RemainItem ,*/
.zr-ramain-printlist .zr-printRemainItem {
    border: 1px solid var(--primary30);
}

.zr-remain-frame .zr-ramainbox-parent ul,
.zr-ramain-list,
.zr-ramain-printlist {
    gap: 1rem;
    /* column-gap: clamp(1rem,calc((100% - (340px * 4))/4),3rem);
  column-gap: clamp(1rem,calc((100% - (340px * 4))/4),1.5rem);*/
    flex-direction: row-reverse;
}

.zr-saleslist-remain {
    flex-direction: column !important;
    overflow: auto;
}

.zr-ramain-docprintlist {
    column-gap: 1.5rem;
}

.sp-form select,
.sp-f select,
.sp-form-select,
.sp-f-select {
    margin: 0;
    padding: 0;
    border: 0;
}

.sp-d-form .sp-row:first-of-type .sp-row:not(:first-child) .sp-f-row[data-container="ChequeNo2"] {
    margin-top: calc(var(--MarginRow) * 2);
}

.zr-edited-form:not(.zr-Disabled) {
    --bgForm: var(--secondary5) !important;
    --Dialogbg: var(--Mainsecondary);
    --AppColor5: var(--Mainsecondary);
    --tertiary5: var(--secondary5);
}

.zr-edited-form .zr-title-box {
    --white: var(--primary60);
}

.sp-ultra-wait:is(.btn-save, .sp-btn-save, .btn-save.sp-ultra-active, input[type=button].sp-ultra-active.btn-save, .sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save, .zr-edited-form :is(.zr-edited-row, .zr-edited-form .sp-f-row):is(.btn-save, .sp-btn-save, .btn-save.sp-ultra-active, input[type=button].sp-ultra-active.btn-save, .sp-f input[type=button].sp-btn-save, .sp-btn-save.sp-ultra-active, input[type=button].sp-ultra-active.sp-btn-save)),
input[type=button].sp-ultra-wait,
input[type=submit].sp-ultra-wait,
button.sp-ultra-wait {
    background-image: url(/themes/base/images/white/loading.gif) !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}


/*New Dashboard*/
.zr-supportbox {
    /*  background:var(--blackblue);
  border:1px solid var(--blackblue);*/
}

.zr-supportbox-child {
    background: var(--LightBlue);
}

.zr-supportbox-img {
    max-width: 242px;
}

.zr-btn-support {
    min-height: 20px;
    min-width: clamp(calc(100% - 2rem), 142px, calc(100% - 1rem));
}

.zr-note-text {
    white-space: nowrap;
}

.zr-NoteTab {
    background: rgba(116, 116, 128, 0.08);
    backdrop-filter: blur(54.3656px);
    color: rgba(60, 60, 67, 0.6);
}

.zr-note-input {
    background: var(--blackblue);
    outline: 1px solid var(--blackblue);
}

.zr-signout-icon {
    max-width: 17px;
}

.zr-note-search {
    min-height: 24px;
}

.zr-Note-box {
    background: #F2F2F2;
}

.zr-NoteTab.zr-active {
    background: #C6D7F2;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(30px);
    color: #34343B;
    max-height: calc(100% - 24px);
    overflow: hidden;
}

.sp-card li.zr-NoteTab {
    text-align: center;
    padding-left: 0;
}

.zr-support-icon {
    width: 20px;
    height: 25px;
}

.zr-parent-note {
    max-height: calc(100% - 0px);
    overflow: hidden;
    background: var(--primary20);
    box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
}

.zr-note-box {
    padding: var(--noteboxpadding);
}

.zr-dashboard-textarea {
    background-attachment: local;
    background-image: linear-gradient(to right, var(--gray5) 1.5rem, transparent 1.5rem), linear-gradient(to left, var(--gray5) 1.5rem, transparent 1.5rem), repeating-linear-gradient(var(--gray5), var(--gray5) 22px, #D9D9D9 22px, #D9D9D9 22px, var(--gray5) 24px);
    line-height: 24px !important;
    padding: 0 1.5rem !important;
}

.zr-note-part {
    background: var(--gray5);
    outline: 1px solid var(--primary10);
}

.zr-addNote {
    color: #008756;
    background: #00875661;
    min-width: 30px;
    height: 30px;
}

.zr-btn-notesave,
.zr-btn-notecancel {
    min-width: 94px;
    background: transparent;
    outline: 1px solid var(--Mainprimary);
    display: flex;
    justify-content: center;
    min-height: 24px;
    align-items: center;
}

.zr-btn-notecancel {
    outline: 0;
    color: var(--gray70);
}

.zr-btn-notesave::before {
    content: "";
    width: 16px;
    min-height: 12px;
    background: url(/themes/manager/icons/accounting/TickDark.svg) no-repeat;
    background-size: cover;
    margin: auto 0 auto 0.25rem;
}

.zr-Note-item {
    background: var(--gray10);
    min-height: 52px;
}

.zr-Note-list {
    height: 100%;
    max-height: 180px;
    overflow: auto;
}

.zr-note-imgbox {
    width: 40px;
    height: 40px;
    border: 1px solid var(--gray20)
}

.zr-note-img {
    height: 100%;
    object-fit: cover;
}

.zr-docgridlist .sp-tab-header {
    justify-content: start;
    background: transparent;
    padding: 0 2rem 0 1.5rem;
    color: var(--primary70);
}

.zr-docgridlist :is(.zr-tab-item, .sp-tab-item) {
    line-height: var(--tablineheight);
}

.zr-docgridlist {
    background: var(--Mainprimary) !important;
    padding: var(--docgridlistpadding) !important;
}

    .zr-docgridlist li:not(.sp-tree li, .sp-select-item, .sp-drop-items li) {
        border-radius: 0.5rem;
        padding: 0.2rem 1.25rem !important;
        font-weight: 300 !important;
    }

    .zr-docgridlist .zr-grid-seperate :is(.sp-g, .sp-grid) {
        border-radius: var(--xxlargeradius);
    }

    .zr-docgridlist .zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
        border-radius: 0;
    }

    /*
.zr-docgridlist .sp-tab-active
{
background:var(--blackblue);
color:var(--white);
}*/
    .zr-docgridlist .sp-g-footer {
        /*  display: none !important;*/
    }
    /*
.zr-docgridlist .sp-g-header {
background-color: var(--primary10Temp) !important;
}
*/
    .zr-docgridlist .sp-g-header .sp-g-cell {
        color: var(--primary70) !important;
        --table-header-border: var(--primary15) !important;
    }

    .zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a::before,
    .zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a::before {
        /*background-image: url(/themes/manager/icons/baseinformations/sortingwhite2.svg) !important;*/
        background-image: url(/themes/manager/icons/baseinformations/Sorting.svg) !important;
        background-size: inherit;
    }

    .zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before,
    .zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before,
    {
        background-image: url(/themes/manager/icons/baseinformations/Sortingascp.svg) !important;
        background-size: inherit;
    }

    .zr-docgridlist .zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before,
    .zr-rfid-history.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before {
        background-image: url(/themes/manager/icons/baseinformations/Sortingdescp.svg) !important;
        background-size: inherit;
    }

    /*

.zr-docgriditem.sp-tab-item.sp-tab-active , .zr-docgridlist .sp-tab-item.sp-tab-active{
background: var(--blackblue) !important;
}
.zr-docgriditem.sp-tab-item.sp-tab-active::before , .zr-docgridlist .sp-tab-item.sp-tab-active::before{
box-shadow: 0.5rem 0 0 0 var(--blackblue);
}
.zr-docgriditem.sp-tab-item.sp-tab-active::after , .zr-docgridlist .sp-tab-item.sp-tab-active::after{
box-shadow: -0.5rem 0 0 0 var(--blackblue);;
}

.zr-docgriditem, .zr-docgridlist .sp-tab-item.sp-tab-active, .zr-docgridlist .sp-tab-item{
display: flex !important;
justify-content: center;
padding-left: 0 !important 
color: var(--white) !important;
padding: 0 1.25rem !important;  
margin-top: 0;
font-size: large;
border-radius: 0.5rem;
padding: 0.2rem 1.25rem !important;
font-weight: 300 !important;
}*/
    .zr-docgridlist .zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
        background: var(--primary10Temp);
        --table-header-border: var(--primary15);
    }

    .zr-docgridlist .zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter) {
        border-left: 1px solid var(--primary10Temp);
        border-right: 1px solid var(--primary10Temp);
        background: var(--primary10Temp);
        /* border-top: 1px solid var(--primary15);*/
    }

    .zr-docgridlist .sp-widget {
        display: flex;
        justify-content: center;
    }

.sp-board .zr-RaminParent {
    overflow: unset;
}

.zr-RaminParent {
    justify-content: space-between;
    max-height: var(--productionRemain);
    overflow: auto;
}

.sp-g-row .sp-g-row {
    border-left: 0;
    border-right: 0 !important;
}

.zr-remaincash-list {
    max-height: 152px;
    overflow: hidden;
    gap: 0.5rem;
}

.sp-board {
    direction: rtl;
    max-height: calc(100% - 0px);
    overflow: auto;
    height: 100%;
    --InputPadding: 0.75rem;
    margin: 0;
}

    .sp-board .sp-c-9.zr-accounting-dashboard,
    .sp-board .sp-c-9.zr-accounting-dashboard + .sp-c-3 {
        max-height: calc(100% - var(--DashboardRemainHeight));
        overflow: hidden;
        height: 100%;
    }

    .sp-board .sp-c-9.zr-accounting-dashboard {
        padding-right: 0;
    }

.zr-rate-title {
    margin: 6px 0 7px;
}

.zr-rate-list {
    row-gap: 0.75rem;
    max-height: calc(100% - 0px);
}

.zr-rate-item {
    border: 1px solid var(--primary5);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
    color: var(--Dark);
}

.zr-SalesRate-list .zr-rate-item {
    min-height: var(--rateitemheight);
}

.zr-btn-rate.zn-rate-upgrad {
    --FontBtn: var(--normalfont);
    background: var(--primary10);
    outline: 0px;
    min-width: calc(var(--Widthbtn) - 0.5rem);
}

.sp-board :is(.sp-row, .sp-r) {
    max-height: 100%;
}

.zr-accdashboardgrid {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: calc(100% - 0px);
    padding: 0.25rem !important;
    background: var(--gray5);
    border-radius: var(--xxlargeradius);
}

.zr-DocumentBox {
    max-height: calc(100% - 0px) !important;
    height: 100%;
}

.zr-RaminBox, .sp-card li.zr-RaminBox, .zr-tax-mainbox {
    background-color: var(--whiteColor);
    border: 1px solid var(--gray10);
    box-shadow: 0px 4px 12px #1522371f;
    padding: var(--RemainPadding);
}

.zr-tax-mainbox {
    min-height: 200px;
}

.zr-selectedremain .zr-RaminBox {
    background-color: var(--link5);
    border-color: var(--link50);
}

.zr-remainSymbol,
.zr-remainBankLogo,
.zr-upload-Download {
    max-width: var(--remainSymbolWidh);
}

.zr-remainicon {
    color: #606c80ab;
}

.zr-dashboard-green {
    color: var(--approved70);
}

.zr-dashboard-red {
    color: var(--error70);
}

.zr-bankimg-parent {
    max-width: 16px;
    overflow: hidden;
}

.zr-bankimg {
    /*height: 100%;
  object-fit: cover;*/
}

.zr-progress-green,
.zr-progressfill-green,
.zr-progress-red,
.zr-progressfill-red {
    min-height: 0.5rem;
}

.zr-progress-green {
    background: var(--approved5);
}

.zr-progressfill-green {
    left: 0;
}

.zr-progress-red {
    background: var(--error5);
}

.zr-dashboard-bgred,
.zr-progressfill-red {
    background: var(--error70);
}

.zr-dashboard-bggreen,
.zr-progressfill-green {
    background: var(--approved70);
}

.zr-circle-mini {
    width: 16px;
    height: 16px;
    margin: auto 0;
}

.zr-remainbank-list {
    column-gap: 1rem;
    row-gap: 0.75rem;
    max-height: 138px;
    overflow: auto;
    padding: 0 0.25rem;
    height: 100%;
}

:is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-track {
    background: transparent;
}

:is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-thumb {
    background: var(--gray30);
    border-radius: 1rem;
    border: 1px solid var(--gray30);
    width: 4px;
    margin: auto;
}

    :is(.zr-Note-list, .zr-remainbank-list, .zr-SalesRate-list, .zr-note-list.zr-dash-note)::-webkit-scrollbar-thumb:hover {
        background: var(--gray30);
    }

.zr-remainbank-line {
    width: 6px;
    background: var(--Mainsecondary);
    border-radius: 0px 3px 3px 0px;
}

.zr-remainbank-item {
    width: 47%;
    height: max-content;
}

.zr-ramainbox-parent:not(.zr-printbox .zr-ramainbox-parent) {
    max-height: 2.25rem;
    overflow: auto;
}

.zr-ramaincash-item:nth-child(1) {
    color: var(--Mainquaternary);
    /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(2) {
    color: var(--link70);
    /* border-bottom: 1px solid #EEEEEE;*/
}

.zr-ramaincash-item:nth-child(3) {
    color: var(--secondary70);
}

.sp-board .sp-c-12 {
    padding: 0;
    max-height: calc(100% - 0px);
    overflow: hidden;
}

.zr-zargarprintlogo {
    max-width: 80px;
}

.zr-rightmenu-logoicon {
    max-width: 20px;
}

.zr-doc-redtext {
    color: #B20101;
}

.zr-doc-redbox {
    background: #FFC8C8;
}

.zr-doc-greentext {
    color: #008756;
}

.zr-remainbank-item {
    box-shadow: 0px 8px 16px #3e134e12;
    border: 1px solid var(--gray15);
    min-height: 32px;
}

.zr-advanceSearchParent .sp-f-editor,
.zr-advanceSearchParent .sp-f-input {
    border-radius: 1.5rem 0px 1.5rem 1.5rem;
}

.zr-advanceSearchParent .sp-f-input {
    border: 0;
    padding: 0;
    margin: 0;
}

.zr-advanceSearchParent {
    background: url("/themes/manager/images/salesdashboard/bg-AdvanceSearch.svg"), linear-gradient(134.13deg, #AEC6EF 0%, #92AAD2 92.72%) no-repeat;
    padding: 2px;
}

.zr-advancesearch-img {
    min-width: 30px;
}

.zr-advancesearch-title {
    min-width: 250px;
}

.zr-advancesearch-btn {
    height: clamp(30px, 54px, 54px);
    width: clamp(190px, 100%, 510px);
}

.zr-chartFilter.sp-tab-active,
.sp-d-tab.sp-tab-simple .sp-tab-item.sp-tab-active:not(.zr-tab-slide) {
    background-color: var(--primary5) !important;
    /* border: 1px solid #EBEEF2; */
    color: var(--primary80) !important;
    font-size: var(--largefont) !important;
}

.sp-d-tab.sp-tab-simple .sp-tab-item.sp-tab-active:not(.zr-tab-slide) {
    font-size: var(--normalfont) !important;
}

.sp-d-tab.sp-tab-simple .sp-tab-item.zr-tab-slide:not(.sp-tab-active) {
    border-color: var(--gray70);
    color: var(--gray70);
    font-size: var(--largefont);
}

.sp-tab-item.zr-tab-slide.sp-tab-active {
    background-color: var(--Mainsecondary) !important;
    border: 0 !important;
    font-weight: 500;
    color: var(--primary80);
}

:is(.sp-tab-item.zr-tab-slide):not(.zr-selected, .sp-tab-active):hover {
    background: var(--secondary30) !important;
    color: var(--primary80) !important;
    border-color: var(--Mainsecondary) !important;
}

.zr-chartFilter.sp-tab-active p {
    font-weight: 900;
}

.zr-chartFilter,
.sp-d-tab.sp-tab-simple .sp-tab-item {
    box-shadow: 0px 1px 3px rgba(96, 108, 128, 0.05);
    border: 1px solid var(--grayColor);
    color: rgba(96, 108, 128, 0.6);
    padding-left: 0 !important;
    min-width: 80px;
    border-radius: 0.5rem !important;
    background: transparent;
    padding: 0;
    margin: 0;
}

    .zr-chartFilter.zr-bilan-datatab {
        max-width: 112px;
    }

.zr-ChartTab,
.sp-d-tab.sp-tab-simple .sp-tab-header {
    column-gap: 1.25rem;
    --TabHeight: 32px;
    background: transparent;
    padding: 0;
}

.sp-d-tab.sp-tab-simple .sp-tab-item::after,
.sp-d-tab.sp-tab-simple .sp-tab-item::before {
    display: none;
}

.zr-ChartParent {
    /* background: rgba(255, 255, 255, 0.8);
  border: 2px solid #E0ECF8;
  box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
  backdrop-filter: blur(76px);
  max-height: calc(100% - 148px);
  overflow: hidden;*/
}

.zr-chartbox-count {
    font-size: 64px;
    line-height: 64px;
}

.zr-chartbox-bluecount {
    /*background: linear-gradient(98.13deg, #2559B4 5.53%, #17418D 25.23%, #0E45A4 56.65%, #012C76 92.61%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;*/
    color: var(--Mainprimary);
}

.zr-chartbox-Goldcount {
    background: linear-gradient(90deg, #D4CC08 0%, #D4C008 22.58%, #DDBF5E 51.08%, #BC9926 77.97%, #A7830D 100.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.zr-chartbox-blue {
    border: 2px solid var(--primary5);
    background: var(--primary5);
}

.zr-chart-box {
    max-height: calc(100% - 0px);
}

.zr-chart-parent {
    max-height: calc(100% - 284px);
    overflow: hidden;
}

.zr-saleschart-parent {
    /*max-height: calc(100% - 50px);*/
    overflow: hidden;
}

.zr-chartbox-Gold {
    border: 2px solid var(--secondary5);
    background: var(--secondary5);
}

.zr-chartboxParent {
    column-gap: 0.75rem;
}

.zr-chartbox-text {
    color: var(--primary70);
}

.zr-chartbox-img {
    margin-top: -28px;
}

.zr-chartbox-imgFactor {
    max-width: 154px;
}

.zr-chartbox-imgPrice {
    max-width: 84px;
}

.zr-chartbox-imgProduct {
    max-width: 90px;
}

.zr-chartbox-Gold:nth-child(3) .zr-chartbox-img {
    max-width: 141px;
}

.zr-chartbox-menu {
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.zr-chartbox-imgCustomers {
    max-width: 80px;
}

.zr-chartguideparent {
    column-gap: 2.5rem;
}

.zr-chartguide-miniPrice {
    background: #00B4D8;
}

.zr-chartguide-miniProduct {
    background: #0077B6;
}

.zr-chartguide-miniFactor {
    background: #023E8A;
}

.zr-chartguide-miniCustomers {
    background: #03045E;
}

.zr-chartguide-minititle {
    color: #475366;
}

.zr-chartguide-minitext {
    color: #B8BFCC;
}

.zr-chartguideImage {
    max-height: 264px;
    object-fit: cover;
}

.zr-SalesRate {
    border: 1px solid var(--gray20);
    box-shadow: 0px 2px 8px #00000033;
}

.zr-SalesRate-list {
    /*  max-height: 380px;*/
    overflow: auto;
    padding: 0 0.25rem;
    row-gap: 1rem;
}

.zr-SalesRate-title {
    color: var(--error70);
}

.zr-SalesRate-dot {
    background: var(--error70);
    width: 10px;
    height: 10px;
}

.zr-SalesIcon {
    width: 22px;
}

.zr-Salesdesc {
    color: #606C80;
}

.zr-SalesAmount {
    border: 1px solid var(--gray20);
    background: var(--white);
}

.zr-SalesText {
    /*background: linear-gradient(90deg, #5921AC 0%, #4F1892 22.58%, #4A1282 51.08%, #591E96 77.97%, #5202A4 100.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;*/
}

.zr-SalesChart {
    max-width: 260px;
}

.zr-SalesChart-icon.GoldProduct {
    background-color: var(--primary85);
}

.zr-SalesChart-icon.Jewellery {
    background-color: var(--primary70);
}

.zr-SalesChart-icon.Used-gold {
    background-color: var(--Mainprimary);
}

.zr-SalesChart-icon.Melted-gold {
    background-color: var(--primary30);
}

.zr-SalesChart-icon.coin {
    background-color: var(--primary10);
}

.zr-production .zr-divGrid.zr-itemgrid {
    /* max-height: calc(100% - 40px);
  min-height: calc(100% - 40px);*/
}

/*#SumWageGolds{     
position: absolute;
width: 100%;
bottom: 2px;
right: -2px;
z-index: 10;
display: flex;
}*/

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) :is(.sp-select.sp-f-select.sp-select-show::before, .zr-active-tree .sp-f-select::before),
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-drop.sp-f-drop.sp-drop-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-select.sp-f-select.sp-select-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .zr-active-tree .sp-f-select::before {
    content: "";
    position: absolute;
    width: 10px;
    left: calc(100% - var(--btnadddistance));
    height: 100%;
    background: var(--bgDoccolor);
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell :is(.sp-select.sp-f-select.sp-select-show::before, .sp-g-cell .zr-active-tree .sp-f-select::before),
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .sp-drop.sp-f-drop.sp-drop-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .sp-select.sp-f-select.sp-select-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-g-cell .zr-active-tree .sp-f-select::before {
    display: none
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-f-append .sp-select.sp-f-select.sp-select-show::before,
:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box) .sp-f-append .sp-drop.sp-f-drop.sp-drop-show::before {
    display: none
}

*[ultra-action] img {
    filter: opacity(100%) grayscale(0%) !important;
}

.sp-toolbar-tab .sp-tab-header {
    /* padding-right: 1.5rem;*/
    padding: 0 2rem 0 1.5rem;
}

.sp-board .sp-toolbar-tab .sp-tab-header {
    padding: 0 calc(2rem + 2px) 0 calc(1.5rem + 2px);
}

.sp-toolbar {
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    outline: 0;
    gap: 1rem;
}

    .sp-toolbar .sp-d-button .sp-f-title {
        display: none;
    }

.sp-d-buttons {
    justify-content: center;
}

.sp-toolbar-item {
    padding: 0;
    margin: 0;
    border: 0;
    flex: 1 1 auto;
    justify-content: center;
    display: flex;
    min-width: auto;
}

    .sp-toolbar-item.zr-toolbar-inputparent {
        min-width: 280px;
    }

    .sp-toolbar-item .sp-f-row {
        margin: auto 0 !important;
    }

    .sp-toolbar-item :is(.sp-d-form .sp-row:first-of-type .sp-f-row) {
        margin-top: 0.25rem;
    }

tab-header + div:nth-last-child(1):has(.sp-toolbar),
tab-header + div:nth-last-child(1) {
    flex: 1;
    justify-content: end;
    display: flex;
}


@media print {
    body {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        --FooterHeight: 0;
    }

    aside,
    header, .zr-footer {
        display: none !important;
        visibility: hidden;
    }

    .sp-dialog {
        width: 100% !important;
        height: 100% !important;
    }

    .zr-printbox,
    #PrintedItem {
        zoom: 0.7;
    }

    .zr-leftside {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #divQuickMenu {
        background: transparent;
    }

    :is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) .sp-g-row .sp-g-cell,
    :is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board) .sp-g-row .sp-g-cell p,
    .sp-g-header .sp-g-cell,
    .sp-g .sp-g-header .sp-g-cell {
        font-size: var(--smallfont) !important;
        font-weight: normal !important;
        padding: 0 3px;
    }

    [data-col="1"] {
        max-width: 100px !important;
    }

    [data-col="3"] {
        max-width: 30px !important;
    }

    .sp-grid-row,
    .sp-g-row,
    .sp-g-header {
        justify-content: right;
    }

    .zr-ramainbox-parent {
        max-height: fit-content;
    }

    @page {
        @top-center {
            content: element(pageHeader);
        }
    }

    .sp-g-header {
        padding-left: 0;
    }

    :is(.zr-dialog-box, .zr-page-box) .zr-grid-parent {
        outline: 0;
        margin: 0;
    }

    :is(.zr-page-box) :is(.sp-g-body, .zr-maingrid .sp-g .sp-g-body),
    .sp-g-body,
    .zr-maingrid .sp-g-body {
        overflow: hidden !important;
    }

    :is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-parent) {
        max-height: initial;
        min-height: initial;
    }

    .sp-g-row {
        clear: both;
        page-break-after: always;
    }

    .zr-ramainbox-parent {
        max-height: initial;
        min-height: 80px;
        overflow: initial;
    }

    .zr-page-content {
        max-height: initial;
        overflow: unset;
    }
}

/*
@media screen and (max-width: 1440px) {
.zr-rightmenu,.sp-board,.zr-operation-box,.zr-page-box .zr-page-conten *,.sp-dialog* {
zoom: 0.8;
}
.zr-FormParent{
zoom: 0.7;
}
.zr-maingrid-parent {
flex: 3;
max-height: calc(100% - 19.75rem);
}
}


@media screen and (max-width: 1366px) {
.sp-board{
zoom:0.6;
}
}
@media screen and (max-width: 1280px){
.zr-rightmenu,.sp-board,.zr-operation-box,.zr-page-box .zr-page-conten*t/,.sp-dialog* {
zoom: 0.5;
}
.zr-leftside{
padding: 0;
margin: calc(1.5rem + var(--HeaderHeight)) calc(var(--Widthrightmenu) + 6px) 1.5rem 1.5rem;
--Widthrightmenu: 6rem;
}
.zr-rightmenu {
top: calc( var(--HeaderHeight) + 5.5rem);
}
}
*/
/*New Filter */
.zr-pagefilter-box {
    background: var(--Mainprimary);
    margin: -3rem -2.25rem 0;
    padding: 1.5rem 1.5rem 0.5rem;
    position: relative;
}

.zr-pagefilter-form:not(app-form) {
    background: white;
    border-radius: 1.5rem;
    padding: 1.5rem 1.5rem 0.25rem;
}

.zr-page-box:has(.zr-pagefilter-form) {
    border-radius: 0 0 var(--xxlargefont) var(--xxlargefont);
}

.zr-pagefilter-box::before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2rem;
    background: white;
    top: 100%;
    left: 0;
    border-radius: 1.5rem 0 0 0;
    box-shadow: -9px -4px 0 4px var(--MainThemeColor);
}

.zr-pagefilter-box::after {
    content: "";
    position: absolute;
    width: 3rem;
    height: 2rem;
    background: white;
    top: 100%;
    right: 0;
    border-radius: 0 1.5rem 0 0;
    box-shadow: 9px -4px 0 4px var(--MainThemeColor);
}

.zr-pagefilter-grid {
    margin: 1.5rem 0 0;
}

.zr-cashtabs {
    max-width: calc(100% - 0px);
    gap: 1.5rem;
    overflow-x: auto;
}

    .zr-cashtabs .zr-cashtab-item {
        background: var(--primary10);
        color: var(--gray70);
        font-size: var(--largefont);
        min-width: clamp(120px, 180px, 150px);
        min-height: clamp(32px, 42px, 42px);
    }

        .zr-cashtabs .zr-cashtab-item:is(:hover, :focus, .zr-selected) {
            background: var(--blackblue);
            color: var(--white);
            font-size: var(--xlargefont);
        }

.zr-popup-title {
    background: var(--link60);
}

.zr-popup-rate {
    filter: drop-shadow(-2px 2px 10px rgba(112, 112, 117, 0.3));
    min-width: 250px;
    min-height: 150px;
    z-index: 50;
    /*  transform: translate(106px, -100px);*/
    display: none;
}

    .zr-popup-rate ul {
        max-height: 220px;
        overflow: auto;
        min-height: 100px;
    }

.zr-popup-rate-min {
    min-height: 40px;
}

/*.sp-g ..zr-popup-rate{
transform: translate(106px, -140px);
}*/
.zr-popup-row {
    min-height: 32px;
    align-items: center;
}

.zr-popup-parent:hover .zr-popup-rate {
    display: block;
}

:is(.zr-tooltip-error, .zr-tooltip-prostar, .zr-tooltip-info).zr-popup-parent:hover .zr-popup-rate, .zr-popup-parent:hover .zr-popup-rate-min {
    display: flex;
}

.zr-popup-rate::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid var(--white);
    top: 100%;
    left: 0.75rem;
}

.zr-popup-rate:not(.zr-tooltip-info .zr-popup-rate)::after {
    content: "";
    position: absolute;
    top: 100%;
    height: 32px;
    width: 100%;
    left: 0;
}

.zr-tooltip-prostar .zr-popup-rate::after {
    bottom: 100%;
    top: auto;
}

:is(.zr-tooltip-error) .zr-popup-rate::before {
    border-top: 14px solid var(--warning60);
}

:is(.zr-tooltip-error, .zr-tooltip-info) .zr-popup-rate {
    background-color: var(--warning60) !important;
    color: var(--white);
    min-height: 36px;
    flex-direction: column;
    align-items: center;
    font-size: var(--normalfont);
    justify-content: center;
    font-weight: 400;
}

.zr-tooltip-info .zr-popup-rate {
    background-color: var(--link50) !important;
}

:is(.zr-tooltip-info) .zr-popup-rate::before {
    border-top: 14px solid var(--link50);
}

.zr-tooltip-prostar .zr-popup-rate::before {
    border-bottom: 14px solid var(--ProStar);
    border-top: none;
    bottom: 100%;
    top: unset;
}

.zr-tooltip-prostar .zr-popup-rate {
    background-color: var(--ProStar) !important;
    color: var(--white);
    min-height: 36px;
    flex-direction: column;
    align-items: center;
    font-size: var(--normalfont);
    justify-content: center;
    font-weight: 400;
}



.zr-cash-box {
    justify-content: start;
    column-gap: 8rem;
    margin: 0 4rem;
    row-gap: 1.25rem;
}

.zr-remainbank .sp-chart {
    margin-right: auto;
}

.zr-bank-item :is(.zr-square-mini, .zr-remain-square) {
    background: #152237;
}

.zr-bank-item:nth-child(2) :is(.zr-square-mini, .zr-remain-square) {
    background: #2A446E;
}

.zr-bank-item:nth-child(3) :is(.zr-square-mini, .zr-remain-square) {
    background: #5D77A1;
}

.zr-bank-item:nth-child(4) :is(.zr-square-mini, .zr-remain-square) {
    background: #8699B9;
}

.zr-bank-item:nth-child(5) :is(.zr-square-mini, .zr-remain-square) {
    background: #C2CCDC;
}

.zr-bank-item:nth-child(6) :is(.zr-square-mini, .zr-remain-square) {
    background: var(--primary5);
}

.zr-bank-item,
.zr-account-item {
    color: var(--primary60)
}

    .zr-account-item .zr-square-mini,
    .zr-coin-item .zr-coin-square {
        background: #93C4FB;
    }

    .zr-account-item:nth-child(2) .zr-square-mini,
    .zr-coin-item:nth-child(2) .zr-coin-square {
        background: #F0DB98;
    }

    .zr-account-item:nth-child(3) .zr-square-mini,
    .zr-coin-item:nth-child(3) .zr-coin-square {
        background: #ABCCCF;
    }

    .zr-account-item:nth-child(4) .zr-square-mini,
    .zr-coin-item:nth-child(4) .zr-coin-square {
        background: #FDC088;
    }

    .zr-account-item:nth-child(5) .zr-square-mini,
    .zr-coin-item:nth-child(5) .zr-coin-square {
        background: #BDA3DE;
    }

    .zr-account-item:nth-child(6) .zr-square-mini,
    .zr-coin-item:nth-child(6) .zr-coin-square {
        background: #F1A2A2;
    }

.zr-grid-seperate :is(.sp-g, .sp-grid) {
    outline: 0;
    border-radius: 0;
}

.zr-grid-seperate :is(.sp-grid-row, .sp-g-row) {
    border: 1px solid var(--primary10);
    border-radius: var(--normalradius);
    margin-bottom: 0.625rem;
    --Trbg: var(--gray5);
    background: var(--gray5);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

    .zr-grid-seperate :is(.sp-grid-row, .sp-g-row):last-child {
        margin-bottom: 0;
    }

.zr-grid-lightseperate {
    --table-border: var(--primary30);
    --table-header-border: var(--primary30);
}

    .zr-grid-lightseperate :is(.sp-grid-row, .sp-g-row) {
        border: 1px solid var(--table-border);
        box-shadow: none;
    }

.zr-grid-seperate .zr-Main-row:hover {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate, .zr-grid-new) {
    --table-border: var(--primary10);
}

    :is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate, .zr-grid-new) .sp-g-row .sp-g-cell {
        /*  border-left: 0.25px solid var(--primary10) !important;;*/
        min-height: var(--SeparateGridCellHeight);
        /*  font-size: var(--normalfont);*/
        color: var(--gray95);
    }

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate) .sp-g-row .sp-g-cell {
    border-bottom: 0 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate.zr-grid-lightseperate) .sp-g-row .sp-g-cell {
    /*  border-left: 0.25px solid var(--primary30) !important;*/
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate) .sp-g-row .sp-g-cell:last-child {
    border-left: 0 !important;
    padding: 1rem;
}

: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(--forms-head-color);
    color: var(--MainBlack) !important;
    --table-header-border: var(--primary40);
}

:is(.zr-grid-seperate.zr-grid-headerseperate:not(.zr-grid-lightseperate), .zr-grid-new) .sp-g-header {
    background: transparent;
    color: var(--primary60);
    --table-header-border: transparent;
    --SeparateHeaderHeight: 42px;
    margin-bottom: 0.25rem;
}

.zr-grid-headerseperate .sp-g-row {
    box-shadow: none !important;
}

.zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
    border-radius: var(--normalradius);
    margin-bottom: var(--SeparateHeaderMargin);
    /*  padding: 0rem 0 0rem calc(0.5rem + 3px);*/
    padding: var(--Gridpadding);
}

.zr-grid-seperate :is(.sp-g-footer) {
    margin-top: var(--SeparateHeaderMargin) !important;
}

.zr-grid-lightseperate :is(.sp-g-header, .sp-g-footer) {
    border: 1px solid var(--table-header-border);
    /* --table-header-border: var(--primary30);*/
}

.zr-grid-lightseperate :is(.sp-g-footer) {
    margin: 0.75rem 0 0 !important;
    padding: 0;
}

.sp-grid-header .sp-grid-sorting,
.sp-g-header .sp-g-sorting,
.sp-grid-header .sp-grid-sorting-asc,
.sp-g-header .sp-g-sorting-asc,
.sp-grid-header .sp-grid-sorting-desc,
.sp-g-header .sp-g-sorting-desc {
    background-image: unset;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-g-cell.sp-g-sorting a::before {
    background-image: url("/themes/manager/icons/baseinformations/sortingwhite.svg");
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-grid-header .sp-g-cell.sp-grid-sorting-desc a::before,
:is(.zr-grid-seperate, .zr-grid-new) .sp-g-header .sp-g-cell.sp-g-sorting-desc a::before {
    content: '';
    background: url("/themes/manager/icons/baseinformations/sortingasc.svg") no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

:is(.zr-grid-seperate, .zr-grid-new) .sp-grid-header .sp-g-cell.sp-grid-sorting-asc a::before,
:is(.zr-grid-seperate, .zr-grid-new) .sp-g-header .sp-g-cell.sp-g-sorting-asc a::before {
    content: '';
    background: url("/themes/manager/icons/baseinformations/sortingdesc.svg") no-repeat center;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-seperate-multicolor) {
    --table-border: var(--primary10);
    --table-header-border: var(--white);
    --HeaderCellHeight: 48px;
}

.zr-grid-seperate-multicolor :is(.sp-grid-row, .sp-g-row) {
    --Trbg: var(--primary5) !important;
}

.zr-melted-square,
.zr-remain-square {
    width: var(--minibtnwidth);
    height: var(--minibtnwidth);
    min-width: var(--minibtnwidth);
}

.zp-row-productlocation {
    --widthtitle: 192px;
    --TitleIcon: 24px;
    --InputHeight: 48px;
    --Pagewidthtitle: 192px;
}

.zr-melted-square {
    background: #A09362;
}

.zr-melted-list {
    row-gap: var(--GapCaratlist);
}

.zr-box-gray {
    box-shadow: inset 0px 0px 1px #00000040;
    border-color: #DEDFE9;
}

.zr-box-bilan {
    box-shadow: 0px 4px 12px 0px #1522371f;
}

.zr-box-totalbilan {
    border: 2px solid var(--primary15);
    background: var(--primary10);
    box-shadow: 0px 4px 12px 0px #1522371f;
    max-height: var(--bilanheight);
    min-height: var(--bilanheight);
    flex: 1 1 var(--bilanheight);
    display: flex;
}

.zr-boxtitle-totalbilan {
    padding: var(--bilanpadding) 0 !important;
}

.zr-box-bilandistance {
    padding: 0 var(--bilanboxpadding);
}

.zr-melted-parent :is(.sp-chart, canvas) {
    margin-left: auto;
    margin-right: auto;
}

.zr-grid-new.zr-hasfilter {
    --table-header-border: var(--primary40)
}

    .zr-grid-new.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter)
    /* , :is(.zr-grid-new) :is(.sp-grid-footer, .sp-g-footer)*/ {
        background: var(--primary60);
    }

    :is(.zr-page-content, .zr-dialog-content) .zr-grid-new.zr-hasfilter grid-section:has(.sp-g-filter),
    .zr-grid-new.zr-hasfilter grid-section:has(.sp-g-filter) {
        border-left: 1px solid var(--primary60);
        border-right: 1px solid var(--primary60);
    }

.zr-grid-new .sp-grid-rtl.sp-g,
.zr-grid-new .sp-g {
    outline: 1px solid var(--primary60);
    border-radius: var(--normalradius);
}

: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(--forms-head-color);
    color: var(--MainBlack);
    --table-header-border: var(--primary40);
}

.zr-grid-new .sp-g-body .sp-g-row:nth-child(even) {
    --Trbg: var(--primary5);
}

.zr-grid-new .sp-paging-item,
.zr-grid-new .sp-paging-item a {
    color: var(--white);
    font-size: var(--largefont);
    font-weight: 300;
    min-width: 20px;
    height: 20px;
}

.zr-grid-new .sp-paging-item {
    margin-left: 0.75rem;
}

    .zr-grid-new .sp-paging-item.sp-paging-select {
        background: var(--white);
        color: var(--primary60);
        border-radius: 50%;
        font-weight: 700;
        font-size: var(--xlargefont);
    }

.zr-grid-new .sp-paging {
    display: flex;
}

.zr-grid-new .sp-paging-row {
    direction: ltr;
}

:is(.zr-remainbank, .zr-remainmelted, .zr-remaindoc) .zr-RemainItem {
    min-width: 360px;
    background: var(--primary60);
    border: 1px solid var(--primary60);
    border-radius: 0.75rem;
    min-height: var(--bankremainHeight);
}

.zr-hasremain-toggle .zr-remaindoc .zr-RemainItem {
    min-height: var(--ReportRemainheight);
}

:is(.zr-remainbank, .zr-remainmelted, .zr-remainused, .zr-remaindoc) .zr-remain-number,
.sp-color-lightblue {
    color: var(--primary60);
}

.zr-remaindoc {
    --rameinwidth: 86px;
    --normalradius: 1rem;
    overflow: hidden;
    max-height: 100%;
}

.zr-remainmelted {
    --rameinwidth: 120px;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.zr-remainused {
    --rameinwidth: 155px;
    gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-link-item:not(.sp-color-Darkgreen, .sp-color-DarkRed),
.sp-color-Darklink {
    color: var(--link70) !important;
}

.zr-link-item::after {
    content: "";
    width: 100%;
    flex: 1;
    height: 1px;
    margin: auto;
    background: var(--link70);
    margin-right: 0.5rem
}

.zr-link-item.sp-color-Darkgreen::after {
    background: var(--DarkGreen);
}

.zr-link-item.sp-color-DarkRed::after {
    background: var(--DarkRed);
}

.sp-bg-litelink {
    background: var(--link5) !important;
}

.sp-bg-darklink {
    background: var(--link10) !important;
}

.zr-icon-scale {
    width: var(--normalbtnwidth) !important;
    min-width: var(--normalbtnwidth) !important;
}

.zr-carat-list {
    row-gap: 0.75rem;
}

.zr-cash-list,
.zr-inventory-list {
    row-gap: 1rem;
}

.zr-inventory-list {
    padding: 0.25rem 1.5rem;
}

.zr-coin-square {
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.zr-cheque-remain {
    /*  --MarginRow: 3rem;*/
}

.zr-cheque-mainframe .sp-row:not(:last-child) {
    /* padding-left: 2.70rem;*/
}

.zr-remainbank .sp-row {
    overflow: hidden;
}

.zr-lastbox:not(.sp-c-4, .sp-f-editor) {
    /*  margin-left: 1.1rem;
  margin-right: 1px;*/
}

.zr-switch {
    position: relative;
    display: inline-block;
    width: var(--switchwidth);
    height: var(--switchheight);
    margin: auto;
}

    .zr-switch.zr-switch-mini {
        --switchwidth: 48px;
        --switchheight: 26px;
        --switchtransform: 22px;
    }

    .zr-switch.zr-switch-ultramini {
        --switchwidth: 40px;
        --switchheight: 22px;
        --switchtransform: 18px;
    }

    .zr-switch .zr-switchinput {
        opacity: 0;
        width: 0;
        height: 0;
    }

.zr-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--Mainsecondary);
    transition: .4s;
    box-shadow: inset 1px 1px 4px #4f4f4f4d;
}

    .zr-switch-slider:before {
        position: absolute;
        content: "";
        height: calc(var(--switchheight) - 4px);
        width: calc(var(--switchheight) - 4px);
        left: 2px;
        bottom: 2px;
        ;
        border-radius: 50%;
        background-color: var(--white);
        transition: .4s;
        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
    }

.zr-switch-input:checked + .zr-switch-slider {
    background-color: var(--Mainprimary);
    box-shadow: inset 1px 1px 4px rgba(79, 79, 79, 0.3);
}

    .zr-switch-input:checked + .zr-switch-slider:before {
        transform: translateX(var(--switchtransform));
    }

.zr-tab-switch:not(.zr-tab-selected) {
    color: var(--gray60);
    border: 1px solid transparent;
}

.zr-tab-switch.zr-tab-selected {
    color: var(--primary70);
    border: 1px solid var(--primary70);
}

    .zr-tab-switch.zr-tab-selected .zr-gray-img,
    .zr-tab-switch:not(.zr-tab-selected) .zr-main-img {
        display: none;
    }

:is(.zr-dialog-box, .zr-page-box) .zr-remainbank .sp-f-row:not(.sp-d-checkbox) :is(.sp-form-editor, .sp-f-editor) {
    max-height: 100%;
}

:is(.zr-page-content, .zr-dialog-content) .zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter),
.zr-grid-seperate.zr-hasfilter grid-section:has(.sp-g-filter) {
    margin: -1.5rem 0 0.75rem;
    border-left: 1px solid var(--primary70);
    border-right: 1px solid var(--primary70);
    border-top: 1px solid var(--primary40);
    border-radius: 0 0 0.75rem 0.75rem;
    padding: 0.75rem 0 0 0;
    --table-header-border: var(--primary40);
    background: var(--primary60);
}

:is(.zr-page-content, .zr-dialog-content) .zr-grid-seperate.zr-grid-lightseperate.zr-hasfilter grid-section:has(.sp-g-filter),
.zr-grid-seperate.zr-grid-lightseperate.zr-hasfilter grid-section:has(.sp-g-filter) {
    background: var(--primary10);
    --table-header-border: var(--primary30);
    border: 1px solid var(--primary30);
    margin: calc(-2rem + -3px) 0 0.75rem;
}

.zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) {
    background: var(--primary60);
    border-radius: 0 0 0.75rem 0.75rem;
    min-height: var(--SeparateHeaderHeight);
    /* border-top: 1px solid var(--primary40); */
}

.zr-grid-seperate.zr-hasfilter.zr-grid-lightseperate :is(.sp-grid-filter, .sp-g-filter) {
    background: var(--primary10);
    border-top: 1px solid var(--primary40);
}

/*.zr-grid-seperate.zr-hasfilter .sp-g-header {
border-radius: 0.75rem 0.75rem 0 0;
margin-bottom: 0.75rem;
}*/
.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell a {
    align-items: center;
}

.zr-grid-seperate.zr-hasfilter .sp-g-header .sp-g-cell {
    justify-content: center !important;
    min-height: var(--SeparateHeaderHeight);
}

.zr-grid-seperate.zr-hasfilter :is(.sp-grid-filter, .sp-g-filter) .sp-g-cell {
    padding-bottom: 0;
}

.zr-grid-seperate.zr-hasfilter .sp-g-cell :is(input[type=text], input[type=number], textarea, select):not(.zr-Carat-text input),
:is(.zr-hasfilter) :is(.sp-drop, .sp-select) {
    margin: auto;
}

.zr-grid-tree.zr-grid-seperate .zr-table .zr-selected-row.zr-ISvisible.zr-table-row {
    background-color: var(--production20);
    border: 1px solid var(--primary20);
}

.zr-grid-seperate .zr-DetailBox.zr-openedTree {
    --table-border: var(--primary10Temp);
    --gray95: var(--link70);
    --primary10: var(--primary20);
    border-bottom: 1px solid var(--primary10Temp);
    --InputTextColor: var(--link70);
}

.zr-grid-seperate .zr-Parents {
    background: var(--production5);
    border-radius: 0 0 0.75rem 0.75rem;
    --table-border: var(--primary10);
}

    .zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row) {
        background-color: transparent !important;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid var(--primary10);
        box-shadow: none;
        margin: 0;
    }

.zr-grid-tree.zr-grid-seperate .zr-Parents :is(.sp-grid-row, .sp-g-row, .sp-grid-row, .sp-g-row, .sp-g-body .sp-g-row:nth-child(even)):not(.zr-selected-row) > .zr-DetailBox:hover {
    background: var(--production15) !important;
    transition: none !important;
    --gray95: var(--link70);
    --primary10: var(--production60);
    margin: 0 -1px;
    border: 1px solid var(--production60);
    position: relative;
    box-shadow: 0px 0px 8px rgba(33, 65, 118, 0.4);
}

.zr-grid-seperate .zr-DetailBox.zr-openedTree {
    border-radius: 0.75rem 0.75rem 0 0;
    background-color: var(--production15) !important;
}

.zr-remaingold {
    --rameinwidth: 154px;
    gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-remaincoin {
    --rameinwidth: 180px;
    gap: var(--ReportRemainRowGap) var(--ReportRemainColumnGap);
}

.zr-grid-seperate .zr-DetailBox:not(.zr-openedTree, .zr-Parents .zr-DetailBox) {
    border-radius: 0.75rem;
}



.zr-cash-guide .zr-mini-round {
    background: var(--Mainsecondary)
}

.zr-cash-guide {
    color: var(--secondary70)
}

    .zr-cash-guide.zr-cash-credit {
        color: var(--tertiary70)
    }

.zr-mini-round {
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.zr-cash-guide.zr-cash-credit .zr-mini-round {
    background: var(--Maintertiary);
}

.zr-copy-box {
    background: var(--link60);
    cursor: pointer;
}

.zr-productionop-img {
    max-width: 100px;
}

.ProductinCustomer .zr-productionop-img {
    max-width: 75px;
}

.zr-productionop-item {
    box-shadow: 0px 4px 12px #1522371f;
    width: var(--productionopItemWidth);
    height: var(--productionopItemHeight);
    min-height: var(--productionopItemMinHeight);
}

.zr-productionop-list {
    row-gap: 0.75rem;
    width: 12%;
    min-width: max-content;
}

.zr-productionop-link:not(:hover, :focus) .zr-productionop-hover,
.zr-productionop-link:is(:hover, :focus) .zr-productionop-title {
    display: none;
}

.zr-productionop-link:is(:hover, :focus) .zr-productionop-hover {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #e6eff7eb;
    backdrop-filter: blur(1px);
    left: 0;
    top: 0;
    margin-top: 0 !important;
    border: 1px solid var(--production60);
    border-radius: 1.5rem;
    box-shadow: 0px 4px 12px rgba(21, 34, 55, 0.12);
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
}

.zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
    opacity: 0.95;
    max-width: 140px;
}

.zr-prcustomer .zr-productionop-link:is(:hover, :focus) .zr-productionop-img {
    max-width: 102px !important;
}

.zr-btn-saveprocess {
    background: transparent;
    color: var(--primary70);
}

    .zr-btn-saveprocess::before {
        content: "";
        background: url(/themes/manager/icons/production/SaveProcess.svg) no-repeat center;
        width: 18px;
        height: 18px;
        background-size: 100% 100%;
        margin-left: 0.25rem;
    }

    .zr-btn-saveprocess:is(:hover, :focus) {
        background: var(--primary70);
        color: var(--white);
    }

        .zr-btn-saveprocess:is(:hover, :focus)::before {
            background: url(/themes/manager/icons/production/SaveProcessFocus.svg) no-repeat center;
            background-size: 100% 100%;
        }

.sp-g-cell img.zr-prstatus {
    width: var(--prstatus);
    height: var(--prstatus);
    max-width: var(--prstatus) !important;
}

.sp-g-cell img.zr-prstatus-check {
    width: 24px;
    height: 24px;
    max-width: 24px !important;
}

.zr-drop-link:not(:is(:focus, :hover), .zp-factor-summery-menu .zr-drop-link) .zr-drop-hover,
.zr-drop-link:is(:focus, :hover):not( .zp-factor-summery-menu .zr-drop-link ) .zr-drop-main {
    display: none;
}


.zr-drop-item .zr-drop-link:is(:focus, :hover):not( .zp-factor-summery-menu .zr-drop-link ) {
    background: var(--primary80);
    color: var(--white) !important;
}

.zr-drop-item.zr-drop-edit .zr-drop-link:is(:focus, :hover) {
    color: var(--primary80);
    background: var(--Mainsecondary);
}

.zr-drop-item.zr-drop-delete .zr-drop-link:is(:focus, :hover) {
    background: var(--Maintertiary)
}

:is(.zr-divContent, .zr-dialog-box) .zr-detail-distance :nth-last-child(1):is(.sp-c-12) {
    margin-top: 0;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title {
    display: flex;
    width: 100%;
    justify-content: center;
}

    .zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon img {
        display: none;
    }

    .zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon::before {
        content: "";
        width: var(--mediumsize);
        height: var(--mediumsize);
        background: url(/themes/manager/icons/baseinformations/LightFilter.svg);
        display: flex;
        background-size: 100% 100%;
        margin: auto 0.25rem auto 0.25rem;
    }

.zr-grid-seperate.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon::before {
    background: url(/themes/manager/icons/baseinformations/DarkFilter.svg);
    background-size: 100% 100%;
}

.zr-hasfilter .sp-g-hasfilter .sp-g-title .sp-g-icon {
    display: flex;
    ;
    justify-content: center;
}

.zr-datalist-grid.zr-hasremain .sp-c-12:has(.sp-d-grid) {
    /*background: var(--primary30);*/
    border-radius: 0 !important;
    /*var(--xlargeradius) !important;*/
    padding: 0 !important;
}

.zr-datalist-grid.zr-hasremain .sp-d-grid {
    flex: 10;
}

.zr-cashchart-parent .sp-row:nth-last-child(1) :is(.sp-c-8, .sp-c-4) {
    margin: auto;
}

.zr-GridRemain .zr-RemainItem .zr-remain-title {
    min-width: max-content;
    white-space: nowrap;
    padding: 0 0.5rem;
}

.sp-d-menu {
    width: 100%;
    height: 100%;
    border-radius: 0 0.75rem 0.75rem 0;
    display: flex;
    flex-direction: row;
}

button.sp-menu-active {
    width: 100%;
    height: 100%;
    display: flex !important;
    justify-content: space-around;
    font-size: var(--largefont);
    align-items: center;
    color: var(--primary70);
    font-weight: 500;
    background: var(--ActiveMenu);
    max-width: 200px;
    margin-right: auto;
}

button.sp-menu-active {
    width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
}

.sp-tab-rfid .sp-d-menu:not(:has(.sp-menu-show)) button.sp-menu-active {
    outline: 1px solid var(--primary70);
    border-radius: 0.75rem;
    padding: 0.25rem 0;
}

.sp-tab-rfid .sp-d-menu button.sp-menu-active {
    margin-left: auto;
    margin-right: 0;
    outline: 1px solid var(--ActiveMenu)
}

.sp-menu-rfid {
    max-width: 150px;
}

/*.zr-rfid-detail{
row-gap:1.5rem;
}
.zr-rfid-detailimg{
object-fit:cover;
}*/
.sp-tab-rfid .sp-d-menu:not(:has(.sp-menu-show)) button.sp-menu-active::after {
    background-image: url(/themes/manager/icons/baseinformations/ChevronDown.svg);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}

.sp-tab-rfid .sp-d-menu:has(.sp-menu-show) button.sp-menu-active::after {
    background-image: url(/themes/manager/icons/baseinformations/ChevronUp.svg);
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}

.sp-d-menu:has(.sp-menu-top) button.sp-menu-active {
    border-radius: 0 0 0.75rem 0.75rem;
}

button.sp-menu-active::after {
    content: "";
    display: flex;
    width: 5px;
    height: 20px;
    background-image: url(/themes/manager/icons/baseinformations/MenuGrid.svg);
    background-size: 100% 100%;
}

.sp-menu-body,
.sp-menu-items {
    background: var(--link5);
    box-shadow: 0 0 0;
    border-radius: 0 0 0.75rem 0.75rem;
    border: 1px solid var(--link30);
    border-top: 0;
    padding: 0.5rem;
    min-height: max-content;
    margin-top: -2px;
}

.sp-menu-show .sp-menu-items {
    display: flex !important;
    flex-direction: column;
    row-gap: 0.5rem;
    min-width: auto;
}

.sp-g-cell img.zr-icon-large {
    max-width: 22px !important;
}

.sp-d-menu:has(.sp-menu-show) {
    --ActiveMenu: var(--link20);
}

.sp-g-row:has(.sp-menu-show) {
    background: var(--link5) !important;
}

.sp-g:has(.sp-menu.sp-menu-show) .sp-g-row:not(.sp-g-row:has(.sp-menu.sp-menu-show)) {
    filter: blur(3px);
    opacity: 0.9;
}

    .sp-g:has(.sp-menu.sp-menu-show) .sp-g-row:not(.sp-g-row:has(.sp-menu.sp-menu-show))::before {
        content: "";
        background: #ff000000;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

.sp-menu-side {
    z-index: 25;
    padding: 0;
}

.zr-hashidden {
    max-height: calc(100% - 0px);
    overflow: hidden;
}

.sp-board .zr-hashidden > :is(.sp-row, .sp-r) {
    overflow: hidden;
    max-height: calc(100% - 0px);
    flex-direction: column;
    /** flex-direction:column*/
}

.zr-hascard-flex.sp-flex-4 {
    overflow: hidden;
}

.zr-print-rightside {
    --MarginRow: 1rem;
}

.sp-bb-0,
:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent) .sp-g-row:last-child .sp-g-cell.sp-bb-0 {
    border-bottom: 0 !important;
}

/**Mohandes Alizadeh*/

.profile-online {
    width: 20px;
    height: 20px;
    background-color: #34C759;
    border-radius: 50%;
    right: 7px;
    bottom: -3px;
    border: 4px solid #E6EFF7;
    box-sizing: border-box;
    padding: 10px;
}

.manage-profile-header {
    background: url(/themes/manager/icons/baseinformations/HeaderBg2.png), linear-gradient(278.47deg, #E6EFF7 1.34%, #CDDFF0 96.65%);
    border-radius: 1.1rem 1.1rem 0 0;
    min-height: 100px;
    overflow: hidden;
}

    .manage-profile-header img {
        width: 98px;
        height: 98px;
    }

.profile-header-image {
    display: table;
}

.manage-profile-info p {
    color: var(--blackblue);
}

.manage-profile-info .profile-title p {
    font-size: 1.5rem;
}

.manage-profile-info .profile-mobile p {
    font-size: 1.25rem;
}

.manage-profile-info .profile-unit p {
    font-size: 1rem;
}

.profile-login-info {
    border: 1px solid #DEDEE9;
    width: 80%;
    border-radius: 18px;
    margin: auto;
}

.profile-login-title p {
    font-size: 1rem;
}

.profile-login-bottom {
    border: 1px solid var(--primary70);
    width: 80%;
    border-radius: 12px;
    margin: auto;
    padding: 8px;
}

    .profile-login-bottom a {
        font-size: 1rem;
    }

.profile-bottom-logo {
    margin-right: 0.5rem;
}

.profile-login-bottom i {
    font-size: 1rem;
}

.profile-loginin span,
.profile-loginin i {
    color: var(--approved70);
}

.profile-logout span,
.profile-logout i {
    color: var(--gray60);
}

.profile-login-icon {
    font-size: 1rem;
}


.verification-footer img {
    width: 20px;
}

.verification-footer p {
    color: var(--warning60);
}

.verification-title p {
    font-size: 1rem;
    color: var(--Mainprimary);
}

.verification-num p {
    color: var(--secondary60);
    font-size: 3.5rem;
    letter-spacing: 1rem;
}

.verification-close {
    border: 1px solid var(--gray70);
    color: var(--gray70);
    padding: 4px 42px;
    border-radius: 0.5rem;
    margin-left: 22px;
}

    .verification-close i {
        font-size: 1.5rem;
    }

    .verification-close p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

.verification-copy {
    border: 1px solid #DCBE5E;
    background: #DCBE5E;
    color: var(--primary80);
    padding: 4px 42px;
    border-radius: 0.5rem;
}

    .verification-copy i {
        font-size: 1.5rem;
    }

    .verification-copy p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

.password-image img {
    width: 98px;
    height: 98px;
    border-radius: 50%;
}

.password-image {
    border-radius: 50%;
}

.password-person p {
    color: var(--blackblue);
    font-size: 1.5rem;
}

.password-mobile p {
    color: var(--blackblue);
    font-size: 1rem;
    letter-spacing: 6px;
    margin-top: 12px;
}

.password-header {
    justify-content: center;
}

.password-info {
    margin-right: 20px;
}

.password-input-title {
    background: var(--Mainprimary);
    color: white;
    padding: 8px 26px;
    border: 1px solid #35558A;
    border-radius: 0px 12px 12px 0;
}

.password-input-input {
    border: 1px solid #35558A;
    border-radius: 12px 0px 12px 12px;
    position: relative;
    width: 350px;
    right: -15px;
    top: 0px;
    background-color: white;
    overflow: hidden;
}

    .password-input-input input,
    .password-input-captcha input {
        height: 100%;
    }

.password-input-captcha {
    border: 1px solid #35558A;
    border-radius: 12px 0px 12px 12px;
    width: 320px;
    position: relative;
    right: -15px;
    top: 0px;
    overflow: hidden;
    background-color: white;
}

.password-input-title p {
    font-size: 0.8rem;
}

.password-item {
    margin: 12px auto;
}

.password-captcha {
    left: 80px;
}

    .password-captcha img {
        height: 35px;
        position: relative;
        top: 1px;
        border-radius: 12px 0 0 12px;
    }


.profile-transaction-bg {
    border-color: #EEE7D0;
}

.sp-b-transaction {
    background-color: #EEE7D0;
}

.profile-transaction-bg .zn-rate-header p {
    color: var(--primary70) !important;
}

.profile-transaction-bg .zr-rate-item {
    border: 1px solid #EEE7D0 !important;
}

.sp-transaction-text {
    color: var(--primary70);
}

.profile-transaction-header {
    background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

    .profile-transaction-header .title {
        margin: 0.9rem;
        font-size: 1.25rem;
    }

.profile-rate-bg {
    background-color: #D5E6E6;
}

.sp-b-rate {
    background-color: #D5E6E6;
}

.profile-rate-bg .zn-rate-header p {
    color: var(--primary70) !important;
}

.profile-rate-title {
    justify-content: start;
    margin-right: 13px;
}

.profile-rate-more a {
    color: var(--primary70);
    font-size: 1rem;
}

.profile-rate-bg .zr-rate-item {
    border: 1px solid #D5E6E6 !important;
}

.rate-up {
    color: #1F7735;
}

.rate-down span {
    color: var(--Maintertiary);
}

.profile-rate-logo {
    width: 42px;
    height: 42px;
}

.profile-rate-bg .rate-unit {
    font-size: 0.7rem;
    text-align: center;
}

.rate-number {
    color: var(--primary70);
    margin-left: 8px;
    font-size: 1rem;
}

.rate-top-unit {
    color: var(--primary70);
    font-size: 0.7rem;
}

.profile-rate-header {
    background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

    .profile-rate-header .title {
        margin: 0.6rem 0;
    }

.zr-security-backup {
    margin-top: 1.5rem;
}

.zr-backup-item > div {
    background: #FFFFFF;
    border: 0.4px solid #EEE7D0;
    box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
    border-radius: 12px;
    padding: 14px 72px;
    width: 100%;
}

.zr-backup-item p {
    font-size: 1rem;
    color: var(--primary70);
    margin-right: 0.5rem;
}

.zr-backup-top {
    margin-bottom: 18px;
}

.zr-security-backup-title p {
    color: var(--blackblue);
    font-size: 1.25rem;
}

.zr-security-backup-date p {
    color: var(--blackblue);
    font-size: 1rem;
}

.zr-security-backup-bottom {
    background-color: var(--blackblue);
    margin: auto;
    border: 1px solid #00286E;
    border-radius: 12px;
    text-align: center;
    justify-content: center;
    width: 300px;
}

    .zr-security-backup-bottom p {
        color: var(--MainWhite);
        font-size: 1rem;
        margin-right: 1rem;
        padding: 0.5rem;
    }

    .zr-security-backup-bottom img {
        width: 24px;
    }

.sp-menu-top .sp-menu-items {
    border-radius: 0.75rem 0.75rem 0 0;
    border-top: 1px solid var(--link30);
    border-bottom: 0;
    margin-bottom: -2px;
    margin-top: unset;
}

.security-rate-bg {
    background-color: #EEE7D0;
}

.security-b-rate {
    background-color: #EEE7D0;
}

.security-rate-bg .zn-rate-header p {
    color: var(--primary70) !important;
}

.profile-rate-title {
    justify-content: start;
    margin-right: 13px;
}

.security-rate-bg .zr-rate-item {
    border: 1px solid #EEE7D0 !important;
}

.rate-up {
    color: #1F7735;
}

.rate-down span {
    color: var(--Maintertiary);
}

.profile-rate-logo {
    width: 42px;
    height: 42px;
}

.security-rate-bg .rate-unit {
    font-size: 0.7rem;
    text-align: center;
}

.rate-number {
    color: var(--primary70);
    margin-left: 8px;
    font-size: 1rem;
}

.rate-top-unit {
    color: var(--primary70);
    font-size: 0.7rem;
}

.profile-rate-header {
    background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.zr-security-info-logo {
    width: 24px;
    margin-right: 1rem;
}

.zr-device-online {
    width: 15px;
    height: 13px;
    background-color: #34C759;
    border-radius: 50%;
    right: 0px;
    bottom: 7px;
    border: 2px solid #35558A;
    box-sizing: border-box;
    padding: 6px;
}

.security-profile-logo {
    width: 51px;
    height: 52px;
    border: 2px solid #35558A;
}

.zr-security-logout i {
    color: var(--error70);
    font-size: 1rem;
    margin-left: 0.5rem;
}

.zr-security-logout p {
    color: var(--error70);
}

.zr-security-logout {
    margin-top: 12px;
}

.device-login-link {
    color: var(--link50) !important;
    font-size: 1rem;
    position: relative
}

    .device-login-link:after {
        content: '';
        position: absolute;
        height: 1px;
        background: var(--link50) !important;
        right: 0;
        bottom: 0px
    }

.zr-security-backup {
    margin-top: 1.5rem;
}

.zr-backup-item > div {
    background: #FFFFFF;
    border: 0.4px solid #EEE7D0;
    box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
    border-radius: 12px;
    padding: 14px 72px;
    width: 100%;
}

.zr-backup-item p {
    font-size: 1rem;
    color: var(--primary70);
    margin-right: 0.5rem;
}

.zr-backup-top {
    margin-bottom: 18px;
}

.zr-security-backup-title p {
    color: var(--blackblue);
    font-size: 1.25rem;
}

.zr-security-backup-date p {
    color: var(--blackblue);
    font-size: 1rem;
}

.zr-security-backup-bottom {
    background-color: var(--blackblue);
    margin: auto;
    border: 1px solid #00286E;
    border-radius: 12px;
    text-align: center;
    justify-content: center;
    width: 300px;
}

    .zr-security-backup-bottom p {
        color: var(--MainWhite);
        font-size: 1rem;
        margin-right: 1rem;
        padding: 0.5rem;
    }

    .zr-security-backup-bottom img {
        width: 24px;
    }

.zr-setting-title {
    font-size: 1.125rem;
    margin-right: 12px;
}

.zr-setting-text {
    text-align: justify;
    margin: 1rem 0;
}

    .zr-setting-text p {
        font-size: 0.9rem;
        line-height: 1.7rem;
    }

.security-rate-bg {
    background-color: #EEE7D0;
}

.security-b-rate {
    background-color: #EEE7D0;
}

.security-rate-bg .zn-rate-header p {
    color: var(--primary70) !important;
}

.profile-rate-title {
    justify-content: start;
    margin-right: 13px;
}

    .profile-rate-title img {
        width: 32px;
        height: 32px;
    }

.profile-rate-more {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    margin-left: 1.5rem;
}

.security-rate-bg .zr-rate-item {
    border: 1px solid #EEE7D0 !important;
}

.rate-up {
    color: #1F7735;
}

.rate-down span {
    color: var(--Maintertiary);
}

.profile-rate-logo {
    width: 42px;
    height: 42px;
}

.profile-rate-icon {
    top: 6px;
}

.security-rate-bg .rate-unit {
    font-size: 0.7rem;
    text-align: center;
}

.rate-number {
    color: var(--primary70);
    margin-left: 8px;
    font-size: 1rem;
}

.rate-top-unit {
    color: var(--primary70);
    font-size: 0.7rem;
}

.profile-rate-header {
    background-image: url(/themes/manager/icons/baseinformations/HeaderBg2.png);
}

.zr-security-info-logo {
    width: 24px;
    margin-right: 1rem;
}

.zr-device-online {
    width: 15px;
    height: 13px;
    background-color: #34C759;
    border-radius: 50%;
    right: 0px;
    bottom: 7px;
    border: 2px solid #35558A;
    box-sizing: border-box;
    padding: 6px;
}

.security-profile-logo {
    width: 51px;
    height: 52px;
    border: 2px solid #35558A;
}

.zr-security-logout i {
    color: var(--error70);
    font-size: 1rem;
    margin-left: 0.5rem;
}

.zr-security-logout p {
    color: var(--error70);
}

.zr-security-logout {
    margin-top: 12px;
}

.device-login {
    background: #FFFFFF;
    border: 0.4px solid #DEDEE9;
    box-shadow: 0px 4px 12px rgba(13, 10, 44, 0.06);
    border-radius: 16px;
    width: 42px;
    height: 42px;
}

    .device-login img {
        width: 22px;
        height: 22px;
    }

.device-login-link {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 1.1rem;
}

    .device-login-link a {
        color: var(--link50);
        font-size: 0.9rem;
    }

        .device-login-link a:after {
            content: '';
            width: 104%;
            height: 1px;
            background-color: var(--link50);
            position: absolute;
            right: 0px;
            bottom: -1px;
        }


.profile-backup-title p {
    color: var(--blackblue);
    font-size: 1.25rem;
}

.profile-backup-date p {
    color: var(--blackblue);
    font-size: 1.25rem;
}

.profile-backup-bottom {
    background-color: var(--blackblue);
    width: 80%;
    margin: auto;
    border: 1px solid #00286E;
    border-radius: 12px;
    text-align: center;
    justify-content: center;
}

    .profile-backup-bottom p {
        color: var(--MainWhite);
        font-size: 1rem;
        margin-right: 1rem;
        padding: 0.5rem;
    }

.device-login-links {
    color: var(--link50) !important;
    font-size: 1rem;
    position: relative;
}

.backup-footer {
    color: var(--warning60);
    margin-top: 12px;
}

.zr-security-backup-bottom-disable {
    background-color: var(--gray40);
    margin: auto;
    border: 1px solid var(--gray40);
    border-radius: 12px;
    text-align: center;
    justify-content: center;
    width: 300px;
}

    .zr-security-backup-bottom-disable p {
        color: var(--gray80);
        font-size: 1rem;
        margin-right: 1rem;
        padding: 0.5rem;
    }

.backup-active > div {
    border-color: var(--approved70)
}

.zn-profile-rate {
    text-align: left;
}

.zn-rate-arrow {
    position: relative;
    top: 3px;
}

.zr-backup-box {
    overflow: hidden;
}

.backup-start-image {
    position: relative;
    top: -130px;
    filter: saturate(1) sepia(0.3) hue-rotate(17deg);
}

.backup-progress {
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
    right: 50%;
    transform: translateX(50%);
}

    .backup-progress p {
        color: var(--blackblue);
        font-size: 1rem;
    }

.zr-rate-div {
}

.zr-rate-div-logo {
    text-align: left;
}

.zr-rate-div-title {
    text-align: right;
}

.verification-footer img {
    width: 20px;
}

.verification-footer p {
    color: var(--warning60);
}

.verification-title p {
    font-size: 1rem;
    color: var(--Mainprimary);
}

.verification-num p {
    color: var(--secondary60);
    font-size: 3.5rem;
    letter-spacing: 1rem;
}

.verification-close {
    border: 1px solid var(--gray70);
    color: var(--gray70);
    padding: 4px 42px;
    border-radius: 0.5rem;
    margin-left: 22px;
}

    .verification-close i {
        font-size: 1.5rem;
    }

    .verification-close p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

.verification-copy {
    border: 1px solid #DCBE5E;
    background: #DCBE5E;
    color: var(--primary80);
    padding: 4px 16px;
    border-radius: 0.5rem;
}

    .verification-copy i {
        font-size: 1.5rem;
    }

    .verification-copy p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

.password-image img {
    width: 98px;
    height: 98px;
    border-radius: 50%;
}

.password-image {
    border-radius: 50%;
}

.password-person p {
    color: var(--blackblue);
    font-size: 1.5rem;
}

.password-mobile p {
    color: var(--blackblue);
    font-size: 1rem;
    letter-spacing: 6px;
    margin-top: 12px;
}

.password-header {
    justify-content: center;
}

.password-info {
    margin-right: 20px;
}

.password-input-title {
    background: var(--Mainprimary);
    color: white;
    padding: 8px 26px;
    border: 1px solid #35558A;
    border-radius: 0px 12px 12px 0;
}

.password-input-input {
    border: 1px solid #35558A;
    border-radius: 12px 0px 12px 12px;
    position: relative;
    width: 350px;
    right: -15px;
    top: 0px;
    background-color: white;
    overflow: hidden;
}

    .password-input-input input,
    .password-input-captcha input {
        height: 100%;
    }

.password-input-captcha {
    border: 1px solid #35558A;
    border-radius: 12px 0px 12px 12px;
    width: 320px;
    position: relative;
    right: -15px;
    top: 0px;
    overflow: hidden;
    background-color: white;
}

.password-input-title p {
    font-size: 0.8rem;
}

.password-item {
    margin: 12px auto;
}

.password-captcha {
    left: 80px;
}

    .password-captcha p {
        position: relative;
        top: 8px;
        border-radius: 12px 0 0 12px;
        left: 33px;
    }

.change-rate-title p {
    font-size: 1.25rem;
    margin-right: 10px;
}

.change-rate-now {
    font-size: 0.875rem;
}

.change-rate-unit {
    margin-top: 4px;
    margin-right: 10px;
}

.change-rate-now p {
    font-size: 0.875rem;
}

.change-rate-value {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

.change-rate-last p {
    font-size: 0.875rem;
}

.change-rate-time p {
    font-size: 0.875rem;
}

.profile-rate-name p {
    font-size: 1.25rem;
    padding-right: 0.6rem;
    position: relative;
    top: -4pxpx;
}

.profile-rate-logoimage {
    margin-right: 0.۹۳۷rem
}


.verification-footer img {
    width: 20px;
}

.verification-footer p {
    color: var(--warning60);
}

.verification-title p {
    font-size: 1rem;
    color: var(--Mainprimary);
}

.verification-num p {
    color: var(--secondary60);
    font-size: 3.5rem;
    letter-spacing: 1rem;
}

.verification-close {
    border: 1px solid var(--gray70);
    color: var(--gray70);
    padding: 4px 42px;
    border-radius: 0.5rem;
    margin-left: 22px;
}

    .verification-close i {
        font-size: 1.5rem;
    }

    .verification-close p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

.verification-copy {
    border: 1px solid #DCBE5E;
    background: #DCBE5E;
    color: var(--primary80);
    padding: 4px 42px;
    border-radius: 0.5rem;
}

    .verification-copy i {
        font-size: 1.5rem;
    }

    .verification-copy p {
        font-size: 1.2rem;
        margin-right: 13px;
        margin-top: -2px;
    }

#UserPerformanceResult #divChartDoughnut {
    display: flex;
    justify-content: end;
}

.user-option-title {
    color: var(--primary70);
    top: -6px;
}

.UserPerformance-title {
    position: relative;
    top: 12px;
}

.UserPerformanceOption {
    margin-bottom: 0.7rem;
}

.connected-icon {
    width: 24px !important;
    height: 24px !important;
    position: relative;
    top: 20px;
    right: 16px;
}

.header-connect-icon {
    max-width: 32px !important;
    max-height: 32px;
}

.profile-rate-titles {
    justify-content: start;
    margin-right: 28px;
}

.profile-rate-mores a:after {
    content: '';
    height: 1px;
    width: 92px;
    position: absolute;
    background-color: var(--link50) !important;
    bottom: 0px;
    right: 0px;
}

.rate-value2 {
    width: 80px;
    text-align: left;
    margin-left: 14px;
    font-size: 0.9rem;
}

.rate-unit {
    margin-left: 12px;
}

.rate-logo-right {
    margin-right: 0.5rem;
}

.top-rate-num {
    font-size: 1rem;
    font-weight: 700;
}

.rate-SymbolTitle p {
    font-size: 14px;
    font-weight: 700;
}

app-div#divPage,
.sp-d-division:has(.sp-p-data),
.zr-datalist-grid > .sp-d-division,
.sp-p-data > .sp-d-division {
    max-height: calc(100% - 0px);
    overflow: hidden;
}

.zr-detaildoc-list .sp-d-division:has(.sp-p-filter) {
    overflow: unset;
}

.zr-detaildoc-list .sp-p-filter {
    padding-bottom: 0.5rem;
}

.sp-p-filter {
    flex: unset;
}

.zr-has-nofilter .sp-p-filter {
    display: none;
}

.zr-previewonly,
.zr-previewonly *:not(button, input[type=Button]),
.zr-divContent.zr-Disabled,
.zr-maingrid.zr-Disabled {
    --bgForm: var(--gray15) !important;
    --Dialogbg: var(--gray15) !important;
    --secondary: var(--gray70) !important;
    --MainThemeColor: var(--gray70) !important;
    --primary70: var(--gray80) !important;
    --primary15: var(--gray80) !important;
    --primary10: var(--gray30) !important;
    --primary30: var(--gray50) !important;
    --borderDoccolor: var(--gray80) !important;
    --bgDoccolor: var(--gray30) !important;
    --Mainsecondary: var(--gray50) !important;
    --TempbgDoccolor: var(--gray30) !important;
    --InputColor: var(--gray30) !important;
    --Maintertiary: var(--gray70) !important;
    --tertiary70: var(--gray80) !important;
    --tertiary80: var(--gray80) !important;
    --tertiary5: var(--gray15);
    --tertiary60: var(--gray70) !important;
    --tertiary10: var(--gray30) !important;
    --tertiary30: var(--gray50) !important;
    --tertiary5light: var(--gray15);
    --TitleColor: var(--gray95);
    !important;
}

.zr-maingrid.zr-Disabled {
    --primary15: var(--gray15);
}

.zr-previewonly button {
    --primary70: #203353;
}


.zr-Trfilter.sp-c-12,
.zr-remain-hidden {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

    .zr-Trfilter.sp-c-12.zr-toggleheight,
    .zr-remain-hidden.zr-toggleheight {
        max-height: 1000px;
    }

.zr-Trfilter.sp-d-frame,
.zr-gridtab-frame .sp-frame > .sp-row {
    padding: 0 1px !important;
}

.zr-newfilter-page .zr-datalist-form > .sp-d-form,
.zr-datalist-form > .sp-d-form:has(.zr-newfilter-form),
.zr-newfilter-page .sp-d-form {
    z-index: 24;
}

.zr-show-filter .zr-transaction-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff33;
    backdrop-filter: blur(4px);
    z-index: 23 !important;
    display: none;
}

:is(.zr-page-parent, .zr-dialog-parent).zr-report-parent .zr-showfilter .sp-d-form:not(.sp-d-form .sp-d-form) {
    outline: 1.5rem solid var(--Mainprimary);
}

.zr-contact-form {
    width: 83%;
}

.zr-contact-parent {
    border: 1px solid var(--primary5, #EBEEF3);
    box-shadow: 0px 4px 12px 0px #0d0a2c0f;
}

.zr-contact-distance {
    padding: 1rem 3rem;
}

.zr-grid-distance,
:is(.zr-dialog-box, .zr-page-box) :is(.zr-grid-distance.zr-grid-parent) {
    padding: 0.25rem 3rem 0.5rem !important;
}

.zr-switchparent-mini :is(.zr-switch-input:checked + .zr-switch-slider) {
    background-color: var(--approved70);
}

.zr-switchparent-mini :is(.zr-switch-slider) {
    background-color: var(--gray60);
}

.zr-switchparent-mini .zr-tab-selected {
    color: var(--approved70);
}

.zr-switchparent-mini :is(.zr-tab-unchecked:not(.zr-tab-selected), .zr-tab-checked:not(.zr-tab-selected)) {
    color: var(--gray60);
}

.zr-switchparent-mini :is(.zr-tab-unchecked.zr-tab-selected) {
    color: var(--error70);
}

.zr-chartbank {
    width: var(--chartbanksize);
    height: var(--chartbanksize);
    max-height: var(--chartbanksize);
}

.zr-chartbar {
    /*  width: var(--chartbarwidth);
  height: var(--chartbarheight);
  max-height: var(--chartbarheight);*/
}

    .zr-chartbank chart,
    .zr-chartbar chart {
        width: 100%;
        height: 100%;
    }

.zr-chartbox-imgPopular {
    max-width: 143px;
}

.zr-chartbox-imgSold {
    max-width: 128px;
    object-fit: cover;
    margin-top: -48px;
}

.zr-Chartsales-list,
.zr-dashboard-cardlist {
    row-gap: 1.5rem;
}

.zr-productionop-cuimg {
    max-width: 80px;
}

.zr-rfid-list {
    max-height: 114px;
    padding: 1px 0;
}

.zr-rfidsave-list,
.zr-rfid-detail {
    row-gap: 1rem;
}

.zr-badge-metal {
    width: 12px;
    height: 12px;
    background: var(--primary60);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) {
    color: var(--salescolor);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) {
    color: var(--productioncolor);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) {
    color: var(--secondmain);
}

.zr-metal-gold,
.zr-metal-title:nth-child(2) :is(.zr-badge-metal) {
    background: var(--salescolor);
}

.zr-metal-platin,
.zr-metal-title:nth-child(3) :is(.zr-badge-metal) {
    background: var(--productioncolor);
}

.zr-metal-silver,
.zr-metal-title:nth-child(4) :is(.zr-badge-metal) {
    background: var(--secondmain);
}

.zr-item-selected {
    background: var(--link5);
    outline: 1px solid var(--link50);
    border-radius: var(--normalradius);
}

.zr-vitrin-selected {
    background: var(--secondary10);
    border-radius: var(--normalradius);
}

.zr-rfid-rowselected:hover {
    --primary10: var(--secondary70);
}

.zr-rfid-rowselected:not(:hover) {
    background: var(--secondary10) !important;
    border-radius: var(--normalradius);
    --Trbg: var(--secondary80) !important;
    border: 1px solid var(--secondary80) !important;
    --table-border: var(--secondary80);
    --gray95: var(--secondary80) !important;
    --primary10: var(--secondary80);
}

.zr-btn-rfidsave:not(:focus, :hover, [disabled]) {
    background: var(--Mainprimary) !important;
    color: var(--white);
}

.zr-btn-rfidend:not(:focus, :hover, [disabled]) {
    background: var(--primary60) !important;
    color: var(--white);
}

.zr-btn-rfidend,
.zr-start-rfid {
    max-width: var(--rfidMainBtnWidth);
}

.zr-btn-rfidsave {
    min-width: var(--Widthbtn);
}

.zr-input-rfidrow:not(:focus, :hover, :focus-within, .sp-f-readonly) {
    background: var(--MainThemeColor);
    outline: 0.5px solid var(--MainThemeColor);
}

.zr-input-rfidrow {
    --inputminrp: var(--inputrp);
}

.zr-documentwhite-title.sp-f-readonly .sp-f-title::after {
    filter: brightness(0.45);
}

.zr-input-rfidrow:not(:focus, :hover, :focus-within, .sp-f-readonly) .zr-title-rfid {
    color: var(--white);
    --TitleIcon: 28px;
}

.zr-page-simple.zr-page-parent {
    background: transparent;
    border-radius: 0;
}

.zr-page-simple .zr-page-box {
    overflow-y: inherit;
}

.zr-maintitle {
    white-space: nowrap;
}

.zr-title-box {
    min-height: 60px;
}

/*.zr-page-large .zr-title-box {
min-height: 72px;
}*/
.zr-page-small .zr-title-box {
    min-height: var(--PageTitleHeight);
}

.zr-btn-addcontact {
    outline: 1px solid var(--white)
}

    .zr-page-small .zr-maintitle,
    .zr-btn-addcontact .zr-btn-text {
        font-size: var(--xxlargefont);
    }

/**/
.zr-page-simple .zr-title-box {
    display: none !important;
}

.zr-page-simple .zr-page-box {
    border: 0 !important;
}

.zr-page-simple .zr-page-content {
    padding: 0 !important;
}

.zr-progress-parent {
    margin-bottom: 1.5rem;
    column-gap: var(--progressparentdistance);
}

.zr-page-title {
    padding: 0.25rem 0;
}

.sp-g-cell :is(.sp-form-check, .sp-f-check, .sp-form-radio, .sp-f-radio) {
    margin: 0 !important;
}

.zr-report-frame {
    padding: var(--paddingreport)
}

.zr-chart-nopic {
    max-width: var(--ChartNoPicWidth);
}

.zr-stoneprofit-list {
    row-gap: 0.5rem;
}

.zr-form-global {
    /*  left: 50%;
  transform: translateX(-50%);
  top: 20%;
  z-index: 4000;*/
}

.zr-formrow-global {
    max-width: 642px;
    --borderDoccolor: var(--primary60);
    --bgDoccolor: var(--primary60);
    --widthtitle: 50px;
    /*  background: var(--Mainprimary);
  border: 1px solid var(--Mainprimary);
  min-height: 40px;
  max-height: 40px;
  overflow: visible;*/
}

    .zr-formrow-global:not(:focus, :hover, :focus-within) .zr-hover,
    .zr-formrow-global:is(:focus, :hover, :focus-within) .zr-main {
        display: none;
    }

    .zr-formrow-global .sp-select-items {
        max-height: 26rem;
    }

/* .zr-formrowbg-global{
min-height: 40px;
max-height: 40px;
background: var(--Mainprimary);
border-radius: 0.75rem 0.75rem 0.75rem 0;
border: 1px solid var(--Mainprimary);
}
.zr-active-list .zr-formrowbg-global{
border-bottom: 0;
}*/
.zr-input-global {
    line-height: 36px;
    text-indent: 0.5rem;
    border-radius: 0.75rem 0px 0.75rem 0.75rem;
    min-height: 38px;
    font-size: var(--xlargefont) !important;
}

    .zr-input-global::placeholder {
        font-size: var(--xlargefont);
    }

.zr-title-global {
    min-width: 50px;
    max-height: 40px;
}

.zr-tab-gray {
    background: var(--primary10);
    border: 2px solid var(--primary15);
}

.zr-tabinner-gray {
    outline: 2px solid var(--primary15);
}

.zr-tab-pink {
    background: var(--tertiary10);
    border: 2px solid var(--tertiary15);
}

.zr-tabinner-pink {
    outline: 2px solid var(--tertiary15);
}

.zr-tab-pinklist,
.zr-tab-greenlist {
    --bankremainHeight: 30px;
    row-gap: 1rem;
}

    .zr-tab-pinklist .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
        background: var(--tertiary60);
        border: 1px solid var(--tertiary60);
    }

    .zr-tab-greenlist .zr-RemainItem:not(.zr-ramain-printlist .zr-RemainItem) {
        background: var(--quaternary60);
        border: 1px solid var(--quaternary60);
    }

.zr-tab-green {
    background: var(--quaternary10);
    border: 2px solid var(--quaternary15);
}

.zr-tabinner-green {
    outline: 2px solid var(--quaternary15);
}

.zr-tab-secondary {
    border: 1px solid var(--secondary11);
    background-color: var(--secondary11);
}

.zr-grid-simple .sp-g {
    outline: 0;
    border-radius: 0;
}

.zr-grid-simple .sp-g-header {
    background: var(--white);
    --HeaderCellHeight: 24px;
    --table-header-border: var(--Dark);
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--gray50);
}

.zr-grid-simple .sp-g-body {
    --table-border: var(--gray50);
    --GridCellHeight: 24px;
}

.zr-grid-simple:not(.zr-grid-simplerate) :is(.sp-grid-row, .sp-g-row) {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid var(--gray50);
    background-color: var(--white) !important;
}

:is(.zr-grid-simple) .sp-g-row .sp-g-cell {
    margin: 0.5rem 0 !important;
    border-bottom: 0 !important;
    font-size: var(--largefont);
    font-weight: 400;
    color: var(--primary70);
}

:is(.zr-grid-simple) :is(.sp-grid-header .sp-grid-cell, .sp-g-header .sp-g-cell) {
    font-weight: 700 !important;
}

:is(.zr-dialog-box, .zr-page-box, .zr-grid-page) :is(.zr-grid-parent.zr-grid-simpleborder) {
    border: 1px solid var(--Mainprimary);
    border-radius: var(--normalradius);
    padding: 0.75rem 0.75rem 0.25rem !important;
}

.zr-rfid-history {
    --SeparateHeaderHeight: 40px;
    --HeaderCellHeight: 40px;
    --SeparateGridCellHeight: 36px;
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab .zr-rfid-history.zr-grid-parent {
    padding: 0 !important;
}

.zr-rfid-historylocation .sp-g {
    margin: 0.25rem 0;
}

.zr-rfid-historylocation {
    background: var(--white);
}

.zr-tab-searchparent {
    gap: var(--tabsearchGap);
}

.zr-tab-search {
    min-width: var(--tabsearchWidth);
    height: var(--tabsearchHeight);
    border-radius: 0.5rem;
    background: var(--white);
    color: var(--gray70);
    border: 1px solid var(--gray70);
    font-size: var(--largefont);
    font-weight: 400;
}

.sp-tab-active.zr-tab-search {
    font-weight: 700;
    color: var(--white) !important;
    background: var(--primary60);
    border-color: var(--primary60);
}

.zr-globalsearch-gif {
    max-width: 240px;
}

.zr-global-list {
    gap: 0.5rem;
    padding: 0.5rem 0;
    margin: 0 0.75rem;
}

/* .zr-global-listparent{
border-top: 1px solid var(--gray60);
}*/
.zr-global-li {
    background: var(--gray15);
}

    .zr-global-li:hover,
    .zr-global-li.sp-select-active {
        outline: 1px solid var(--link20);
        background: var(--link5);
    }

.zr-formrow-global:has(.sp-select-show) :is(.zr-input-global, .sp-f-editor) {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.zr-formrow-global .sp-select-show .sp-select-items {
    margin-top: -1px;
}

.zr-active-list .zr-inputparent-global {
    border-radius: 0 0 0.75rem 0.75rem;
    border: 1px solid var(--Mainprimary);
    background: var(--white);
    width: calc(100% - 54px);
    margin-right: auto;
    border-top: 0;
    margin-top: -1px;
}

.zr-global-listparent::before {
    content: "";
    height: 1px;
    background: var(--gray60);
    display: block;
    position: absolute;
    top: 0;
    left: 1rem;
    right: 1rem;
}

.zr-active-list .zr-global-main {
    min-height: 50px;
    background: var(--white);
}

.zr-global-arrow {
    display: none;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.zr-active-list .zr-global-arrow {
    display: flex;
    color: var(--gray70);
}

.zr-rfid-parentsetting:not(:last-child) i.zr-rfid-setting::after {
    content: "";
    position: absolute;
    background: var(--primary10);
    width: calc(100% - 24px);
    height: 2px;
    top: 11px;
    z-index: 0;
}

.zr-rfid-activesetting.zr-rfid-parentsetting:not(:last-child) i.zr-rfid-setting::after {
    background: var(--secondary);
}

.zr-rfid-allactive {
    --secondary: var(--Mainquaternary);
}

.zr-rfid-error {
    --secondary: var(--Maintertiary);
}

.zr-rfid-blink {
    animation: blinkrfid 1s steps(5, start) infinite;
}

.zr-rfid-parentsetting .zr-rfid-settingicon {
    font-size: 24px;
}

@keyframes blinkrfid {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.5;
    }
}

.zr-rfid-resualt div {
    color: var(--Mainquaternary) !important;
    font-size: var(--xlargefont) !important;
    padding-bottom: 2rem !important;
}

.zr-contact-img {
    max-width: 142px;
}

.zr-ul-sign {
    font-size: 4px;
}

.zr-balance-frame {
    row-gap: 1.5rem;
}

.zr-sale-progress {
    background: var(--tertiary5);
}

.zr-sale-mainprogress {
    background: var(--tertiary60);
    ;
    left: 0;
}

.zr-buy-progress {
    background: #E8EDED;
}

.zr-buy-mainprogress {
    --quaternary65: #1B4D4D;
    background: var(--quaternary65);
    left: 0;
}

.zr-rfid-progress,
.zr-buy-mainprogress,
.zr-buy-progress,
.zr-sale-mainprogress,
.zr-sale-progress {
    min-height: 12px;
}

.zr-btn-rfidsave {
    margin: 0px 0px 1px 1px;
}

.zr-btn-unselect.sp-f-button {
    padding: 0 0rem !important;
}

.zr-label-productitem {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.zr-label-form :is(.sp-icon-edit, .sp-icon-delete) {
    max-height: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
}

.sp-bg-selected {
    --selected: var(--link5);
    border-color: var(--link50);
}

.zr-invoice-parentimg {
    background: var(--primary5);
    min-height: 260px;
    max-width: 560px;
    margin: auto;
    max-height: 260px;
    overflow: hidden;
}

.zr-invoice-img {
    object-fit: contain;
}

.zr-salesterminal {
    --terminalimagewidth: 502px;
}

.zr-page-content .update-header {
    margin: 1.25rem 0 1.25rem 0;
}

.zr-page-content .update-item-input input {
    min-height: 40px;
}

.zr-page-content .zp-update-packlist {
    gap: 1.5rem;
    --exlargefont: 20px;
}

.zr-page-content .update-item-title img {
    width: 20px;
    height: 20px;
}

.zr-page-content .update-item-title {
    min-width: 140px;
}

    .zr-page-content .update-item-title p {
        --xlargefont: 16px;
    }

.zr-row-category {
    border-radius: 12px;
    padding: 0.25rem;
    min-height: 32px;
}

    .zr-row-category:not(.zr-item-selected) {
        outline: 0.4px solid #867940;
        box-shadow: 0px 2px 4px 0px #00000014;
        background: var(--white);
        --line: var(--primary30);
    }

.zr-grid-category,
.zr-grid-category-body {
    gap: 1.5rem;
}

.zr-row-categorybox {
    border-radius: 12px;
    border: 0.4px solid var(--Mainprimary);
    background: var(--primary5);
    padding: 0.75rem;
}

    .zr-row-categorybox .zr-row-category:not(.zr-item-selected) {
        outline: 0.4px solid var(--Mainprimary);
        background: rgba(255, 255, 255, 0.80);
        box-shadow: none;
    }

.zr-global-specific {
    --InputHeight: 38px;
    --Pagewidthtitle: 92px;
    --borderDoccolor: var(--primary60);
    --bgDoccolor: var(--primary60);
    --FontFormTitle: var(--largefont);
    --TitleColor: var(--white);
    --inputminrp: 0.75rem;
    --FontInput: var(--largefont);
    --FontInputColor: var(--primary70);
}

    .zr-global-specific .sp-f-title {
        justify-content: right;
        padding-right: 1rem;
    }

.zr-global-specific-res {
    --InputPadding: 1.25rem;
}

    .zr-global-specific-res > .sp-d-form {
        max-width: clamp(50%, calc(100% - 8.5rem), 100%);
        margin: 0 auto;
    }

.zr-global-specific-formparent > form {
    overflow: hidden;
}

.zr-global-specific-formparent .sp-f > .sp-row:nth-last-child(3) {
    flex: 50;
    overflow: auto;
    padding: 1px;
}

.zr-global-specific-formparent .sp-f > .sp-row:nth-last-child(2) {
    flex: unset;
}

.zr-mainglobal {
    max-width: calc(var(--tabsearchWidth)*3 + var(--tabsearchGap)*2 + 0.75rem);
}

:is(.zr-dialog-box, .zr-page-box) .zr-mainglobal :is(.sp-d-form:not(.sp-d-form .sp-d-form)) {
    padding: 0 1px;
}

.zr-global-contact-cardparent {
    max-height: 116px;
    gap: 1.5rem;
}

.zr-global-contact-card {
    background: var(--primary5);
}

:is(.zr-page-box, .zr-dialog-box, .zp-app) .sp-tab.zr-global-contact-tab {
    border-radius: var(--normalradius);
    border: 1px solid var(--MainThemeColor);
    background: var(--Mainprimary);
}

.zr-global-contact-tabparent {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}

.zr-global-contact-tab .sp-tab-body {
    border-radius: var(--normalradius);
}

:is(.zr-page-box, .zr-dialog-box) .zr-global-contact-tabparent .sp-tab-header {
    background: var(--Mainprimary);
}

:is(.zr-dialog-box, .zr-page-box) .sp-tab :is(.zr-grid-parent.zr-grid-seperate-multicolor):not(.sp-p-0) {
    padding: 0 0.5rem !important;
}

.zr-global-contact-remain {
    border-bottom: 1px solid var(--primary20);
    padding: 0 0 0.75rem;
}

.zr-global-contact-remainlist {
    gap: 0.75rem
}

.zr-global-contact-remainparent {
    gap: 3rem;
}

.zr-globalremain-arrow {
    min-width: 60px;
}

.zr-global-contact-remaincard.zr-open {
    z-index: 15;
    height: fit-content;
    outline: 1px solid var(--primary30);
    margin: 1px 0 0;
    max-height: 326px;
}

.zr-global-productinfo {
    color: var(--primary60);
}

.zr-global-producticon {
    width: 24px;
}

.zr-grid-globalseperate {
    --GridCellFont: var(--largefont);
}

    .zr-grid-globalseperate :is(.sp-g-header, .sp-g-footer, .sp-grid-row, .sp-g-row) {
        box-shadow: 0px 2px 8px 0px #00000033;
    }

.product-info-advance-right:nth-last-child(1) {
    padding-bottom: 0.25rem;
}

.product-info-advance-right:nth-child(1) {
    padding-top: 0rem;
}

.zr-productinfo-item {
    background: var(--primary5);
    flex: 1;
    border-radius: 0.75rem;
    min-height: 48px;
}

.zr-productinfo-parent {
    gap: 2rem;
}

:is(.zr-maingrid, .zp-factor-summery-menu, .zp-appgrid-menu) button.sp-menu-active::after {
    background-image: url(/themes/manager/icons/header/Menu.svg);
}

:is(.zr-maingrid, .zp-factor-summery-menu, .zp-appgrid-menu) button.sp-menu-active {
    background: transparent;
}

:is(.zr-maingrid, .zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-show .sp-menu-items {
    min-width: 200px;
    border-radius: 0.75rem;
    margin-top: 3px;
    margin-left: -1rem;
    border: 1px solid var(--link30);
}

:is(.zr-maingrid, .zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-side::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 15px;
    top: calc(100% + 7px);
    left: -4px;
    z-index: 5;
    box-shadow: 1px 1px #ff000000;
    border-left: 1px solid var(--link50);
    border-top: 1px solid var(--link50);
    background: var(--link5);
    border-radius: 3px 0 0 0;
    transform: rotate(45deg);
}

:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-show .sp-menu-items {
    border: 1px solid var(--sales5);
}

:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-side::after {
    border-left: 1px solid var(--sales5);
    border-top: 1px solid 1px solid var(--sales5);
    background: var(--sales5);
    left: 8px;
}

:is(.zp-factor-summery-menu, .zp-appgrid-menu) .sp-menu-items {
    background: var(--sales5);
    box-shadow: -2px 2px 10px 0px #7070754D;
}

.zp-factor-grid .sp-g-row:has(.sp-menu-show), .zp-factor-grid .sp-g-row:has(.sp-menu-show):hover {
    background: var(--sales5) !important;
    border-radius: 0.75rem;
    border-color: var(--sales5);
    box-shadow: 0px 4px 4px 0px #00000040;
}

.zr-RemainItem .sp-tooltip-text {
    max-width: 250px;
}

.sp-tooltip-bottom.zr-popup-rate::before {
    bottom: 100%;
    left: calc(50% + 0rem);
    rotate: 180deg;
    top: auto;
}

.sp-tooltip-bottom.zr-popup-rate::after {
    border: 0;
    margin: 0;
}

.sp-tooltip-bottom.zr-popup-rate {
    margin-top: 12px;
}

.sp-tooltip-top.zr-popup-rate {
    margin-bottom: 0.75rem;
}

    .sp-tooltip-top.zr-popup-rate::before {
        left: calc(50% + 0.25rem);
    }

.zr-mainreport-list {
    gap: 1.5rem;
}

:is(.zr-dialog-box, .zr-page-box) .zr-setting-rate .sp-f-title {
    font-weight: 400;
    justify-content: right;
    padding-right: 1.25rem;
}

.zr-setting-rate {
    --borderDoccolor: var(--primary60);
    --bgDoccolor: var(--primary60);
    --InputHeight: 40px;
    --FontFormTitle: var(--xxlargefont);
    --TitleColor: var(--white);
    --inputminrp: 0.75rem;
    --inputrp: 1rem;
    --Pagewidthtitle: 140px;
    --FontInput: var(--largefont);
}

.zr-setting-rateimg {
    max-width: 36px;
}

.zr-btn-setting-ratesave.sp-f-button {
    --HeightBtn: 34px;
    /*border-radius: 0.75rem;*/
    --Widthbtn: 210px;
}

.zr-update-rateitem {
    border-bottom: 1px solid var(--gray50);
}

.swiper-slide img.zr-global-nopic {
    border-radius: 0.75rem;
    max-width: 500px !important;
    height: auto !important;
    width: 100% !important;
    max-height: fit-content !important;
}

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .zr-formrow-global .sp-select.sp-f-select.sp-select-show::before {
    width: 0;
}

.zr-label-panel, .item-group-parent {
    background: var(--primary10);
    box-shadow: 0px 8px 16px 0px rgba(62, 19, 77, 0.07);
}

.zr-label-box {
    border: 1px solid var(--primary10);
}

.zr-edit-panel.zr-label-panel {
    background: var(--primary70);
}

.zr-edit-panel {
    border: 1px solid var(--primary70);
}

.zr-grid-parent.zr-grid-light {
    --table-border: var(--primary60);
    --table-header-border: var(--primary60);
    --Trbg: var(--gray10);
    --GridCellFont: var(--largefont);
}

    .zr-grid-parent.zr-grid-light .sp-g-header {
        border-bottom: 1px solid var(--primary60);
    }

    .zr-grid-parent.zr-grid-light .sp-g-footer {
        border-top: 1px solid var(--primary60);
    }

    .zr-grid-parent.zr-grid-light .sp-g {
        outline: 1px solid var(--primary60);
    }

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox, .zr-payroll-grid, .zr-grid-parent):is(.zr-grid-light, .zr-grid-new) .sp-g-row:last-child .sp-g-cell {
    border-bottom: none !important;
}

.sp-icon-status {
    --icongridbtnwidth: 24px;
}

.zr-bg-sales {
    background: var(--primary60);
    box-shadow: 0px 4px 4px 0px #00000040;
}

.zr-b-sales {
    border-color: var(--primary60);
}

.zr-mainsales {
    background: var(--primary5);
    min-height: 240px;
}

.zr-color-salescount {
    color: var(--quaternary60);
    font-size: 80px;
}

.sp-gap-2 {
    gap: 0.5rem;
}

.sp-gap-3 {
    gap: 0.75rem;
}

.sp-gap-4 {
    gap: 1rem;
}

.sp-gap-6 {
    gap: 1.5rem;
}

.sp-gap-8 {
    gap: 2rem;
}

.sp-gap-10 {
    gap: 2.5rem;
}

.sp-columngap-4 {
    column-gap: 1.5rem;
}

.zr-select-simple {
    --bgDoccolor: var(--primary5) !important;
    --InputColor: var(--primary5) !important;
    --gray5: var(--primary5);
    outline: 0 !important;
    --TempbgDoccolor: var(--primary5);
    --grayWhite: var(--primary5);
    --link50: var(--primary30);
    --link20: var(--primary20);
    --link5: var(--primary15);
    --borderDoccolor: var(--primary30);
    --approved60: var(--primary30);
    --FontInput: var(--normalfont);
    --InputFontWeight: 700;
}

    .zr-select-simple .sp-f-title {
        display: none;
    }

    .zr-select-simple :is(.sp-form-editor, .sp-f-editor),
    :is(.zr-divContent, .zr-divForm, .zr-dataForm, .zr-hasfilter) .zr-select-simple .sp-f-drop:not(.sp-drop-show) :is(.sp-drop-button) {
        border-radius: var(--inputrp) !important;
    }

    .zr-select-simple :is(.sp-form-editor, .sp-f-editor) {
        outline: 0 !important;
    }

:is(.zr-left-mainbox, .zr-dialog-box, .zr-page-box, .zp-app) .sp-drop.sp-f-drop.sp-drop-show::before {
    display: none;
}

.zr-tax-list {
    gap: 1rem 1.5rem;
}

.zr-tax-item {
    flex: 1 1 calc(50% - 0.75rem);
    border: 1px solid var(--primary15);
    background: var(--primary5);
}

.zr-tax-title {
    font-size: 21px;
}

.zr-tax-count {
    font-size: 46px;
    line-height: 1;
}

.zr-tax-moved .zr-tax-count {
    color: var(--Primary85);
}

.zr-tax-sum {
    color: var(--gray60);
}

.zr-tax-item-sent {
    background: var(--link5);
}

.zr-tax-item-notmoved {
    border: 1px solid var(--secondary15);
    background: var(--secondary5);
}

.zr-tax-text-notmoved,
.zr-color-secondary {
    color: var(--secondary70);
}

.zr-tax-item-edit {
    border: 1px solid var(--warning20);
    background: var(--warning5);
}

.zr-tax-text-edit {
    color: var(--warning60) !important;
}

.zr-color-darkwarning {
    color: var(--warning70) !important;
}

.zr-tax-desc {
    letter-spacing: -0.42px;
}

.zr-tax-item-delete {
    border: 1px solid var(--tertiary15);
    background: var(--tertiary5);
}

.zr-tax-text-delete {
    color: var(--tertiary60);
}

.zr-tax-item-confirmed {
    border: 1px solid var(--sales15);
    background: var(--approved5);
}

.zr-tax-item-img {
    width: 28px;
}

.zr-btn-sent {
    background: var(--production70);
    color: var(--white);
}

.zr-btn-sent-light {
    background: var(--production50);
    color: var(--white);
}

.zr-btn-result.zr-btn-outline,
.zr-btn-sent.zr-btn-outline {
    font-size: var(--largefont);
    background: transparent;
    outline: 1px solid var(--accounting70);
    min-height: 42px;
    min-width: var(--exlargeBtnwidth);
    border-radius: var(--smallradius);
    color: var(--accounting70);
}


.sp-f-button.zr-btn-outline:is(.zr-btn-sent-light,.zr-btn-sent)::before, .sp-f-button:is(.zr-btn-sent-honey.zr-btn-sent)::before {
    background: url(/themes/manager/icons/baseinformations/moadian/plane_paper_paperplane_send.svg) no-repeat;
    background-size: 100% 100%;
}

.sp-f-button:is(.zr-btn-sent-light,.zr-btn-sent)::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/themes/manager/icons/baseinformations/moadian/plane_paperWhite.svg) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.5rem;
}

.sp-f-button:is(.zr-btn-sent-light,.zr-btn-sent):is(:focus, :hover)::before {
    background: url(/themes/manager/icons/baseinformations/moadian/planepaperFocus.svg) no-repeat;
    background-size: 100% 100%;
}

.sp-f-button.zr-btn-result::before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(/themes/manager/icons/baseinformations/Refresh.svg) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.5rem;
}

.sp-f-button.zr-btn-result:is(:focus, :hover)::before {
    background: url(/themes/manager/icons/baseinformations/RefreshRateFocus.svg) no-repeat;
    background-size: 100% 100%;
}

.zr-grid-new .sp-g-header {
    color: var(--white) !important;
    --table-header-border: var(--primary15) !important;
    --HeaderCellHeight: 48px;
    --HeaderCellFont: var(--normalfont);
    margin-bottom: 0 !important;
}

:is(.zr-grid-new) :is(.sp-grid-footer, .sp-g-footer, .sp-g-header) {
    background: var(--Mainprimary) !important;
}

.zr-grid-new {
    --table-border: var(--MainThemeColor) !important;
}

.zr-separate-box {
    background: var(--gray5);
    box-shadow: 0px 4px 12px 0px #0000001f;
}

.zr-separate-img {
    max-width: 42px;
}

.zr-separate-line::after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--gray60);
    margin: 0 40px;
}

.zr-color-recieve {
    color: var(--production60);
}

.zr-color-buy {
    color: var(--sales60);
}

.zr-color-sale {
    color: var(--tertiary60);
}

.zr-color-discount {
    color: var(--gray80);
}

.zr-color-recievepay {
    color: var(--primary60);
}

.zr-color-buysell {
    color: var(--rfid60);
}

.zr-color-returnitem {
    color: var(--warning80);
}

.zr-separate-toggle {
    display: none;
}

.zr-separate-icon {
    width: 40px;
    height: 40px;
}

.zr-separate-arrow {
    transition: 0.5s;
}

    .zr-separate-arrow.zr-arrow-top,
    .zr-arrow-top {
        transform: rotate(180deg) !important;
    }

.zr-separate-item {
    min-height: 72px;
    background-image: url(/themes/manager/icons/baseinformations/separatereport/BgTransparent.svg);
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1 1 calc(20% - 20px);
    max-width: calc(20% - 20px);
    border: 1px solid var(--production15);
    background-color: var(--production10);
}

    .zr-separate-item::after {
        content: '';
        width: 35px;
        height: 42px;
        background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecVector.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        margin: auto;
    }

    .zr-separate-item:is(:hover, :focus)::after {
        background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecVectorHover.svg);
    }

    .zr-separate-item:is(:hover, :focus) {
        background-color: var(--production20);
        border-color: var(--production60);
    }

    .zr-separate-item.zr-separate-payitem {
        background-color: var(--secondary15);
        border-color: var(--secondary30);
    }

        .zr-separate-item.zr-separate-payitem:is(:hover, :focus) {
            background-color: var(--secondary20);
            border-color: var(--secondary60);
        }

.zr-separate-payitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/PayVector.svg);
}

.zr-separate-payitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/PayVectorHover.svg);
}

.zr-separate-item.zr-separate-buyitem {
    background-color: var(--quaternary10);
    border-color: var(--quaternary20);
}

    .zr-separate-item.zr-separate-buyitem:is(:hover, :focus) {
        background-color: var(--quaternary20);
        border-color: var(--quaternary60);
    }

.zr-separate-buyitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuyVector.svg);
}

.zr-separate-buyitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuyVectorHover.svg);
}

.zr-separate-item.zr-separate-sellitem {
    background-color: var(--tertiary15);
    border-color: var(--tertiary30);
}

    .zr-separate-item.zr-separate-sellitem:is(:hover, :focus) {
        background-color: var(--tertiary20);
        border-color: var(--Maintertiary);
    }

.zr-separate-sellitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/SellVector.svg);
}

.zr-separate-sellitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/SellVectorHover.svg);
}

.zr-separate-item.zr-separate-returnitem {
    background-color: var(--warning10);
    border-color: var(--warning15);
}

    .zr-separate-item.zr-separate-returnitem:is(:hover, :focus) {
        background-color: var(--warning20);
        border-color: var(--warning30);
    }

.zr-separate-returnitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/ReturnVector1.svg);
    width: 43px;
    height: 34px;
}

.zr-separate-returnitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/ReturnVectorHover1.svg);
}

.zr-separate-item.zr-separate-discountitem {
    background-color: var(--payroll10);
    border-color: var(--payroll20);
}

    .zr-separate-item.zr-separate-discountitem:is(:hover, :focus) {
        background-color: var(--payroll20);
        border-color: var(--payroll40);
    }

.zr-separate-discountitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/DiscountVector.svg);
    width: 30px;
    height: 32px;
}

.zr-separate-discountitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/DiscountVectorHover.svg);
}

.zr-separate-item.zr-separate-recpayitem {
    background-color: var(--primary10);
    border-color: var(--primary20);
}

    .zr-separate-item.zr-separate-recpayitem:is(:hover, :focus) {
        background-color: var(--primary20);
        border-color: var(--primary40);
    }

.zr-separate-recpayitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecpayVector1.svg);
    width: 38px;
    height: 44px
}

.zr-separate-recpayitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/RecpayVectorHover.svg);
}

.zr-separate-item.zr-separate-sellbuyitem {
    background-color: var(--rfid10);
    border-color: var(--rfid20);
}

    .zr-separate-item.zr-separate-sellbuyitem:is(:hover, :focus) {
        background-color: var(--rfid20);
        border-color: var(--rfid40);
    }

.zr-separate-sellbuyitem::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuySellVector2.svg);
    width: 42px;
    height: 26px;
}

.zr-separate-sellbuyitem:is(:hover, :focus)::after {
    background-image: url(/themes/manager/icons/baseinformations/separatereport/vector/BuySellVectorHover.svg);
}

.zr-color-paytext {
    color: var(--secondary80);
}

.zr-color-buyselltext {
    color: var(--rfid70);
}

.zr-grid-simple.zr-grid-simplerate {
    --HeaderCellFontWeight: 700;
}

    .zr-grid-simple.zr-grid-simplerate .sp-g-body {
        --table-border: var(--gray70);
        --GridCellHeight: 54px;
        --GridCellFont: var(--largefont);
        --Trbg: var(--primary5);
    }

    .zr-grid-simple.zr-grid-simplerate :is(.sp-grid-row, .sp-g-row) {
        margin: 0.5rem 0;
        border-radius: 0.75rem;
        border: 1px solid var(--table-border);
    }

:is(.zr-grid-simple) .sp-g-row[id] .sp-g-cell.zr-cell-multirow {
    border-left: 0 solid var(--table-border) !important;
}

.zr-cell-b-multirow {
    border-color: var(--table-border);
    --line: var(--table-border);
}

:is(.zr-dialog-box, .zr-page-box, .zr-maingrid, .sp-board, .zr-printbox) .sp-g-row .sp-g-cell .sp-fw-300 {
    font-weight: 300 !important;
}

.zr-grid-simple.zr-grid-simplerate :is(.sp-grid-row, .sp-g-row):last-child {
    margin-bottom: 0;
}

.zr-rate-balance {
    padding: 1rem;
    gap: 60px;
}

.zr-textarea-longheight {
    --inputminrp: 0.75rem;
    --borderDoccolor: var(--primary10);
    flex-direction: column;
}

    .zr-textarea-longheight .sp-f-row:not(.sp-d-custom, .sp-d-section, .sp-d-division, .sp-d-checkbox, .sp-d-button, .sp-f-result, .sp-d-label) {
        --borderDoccolor: var(--primary10);
        outline: 2px solid var(--borderDoccolor);
    }

    .zr-textarea-longheight .sp-f-title {
        max-height: 40px;
    }

    .zr-textarea-longheight .sp-f-editor {
        height: calc(100% - 40px);
    }

    .zr-textarea-longheight .sp-f-textarea {
        min-height: 270px !important;
    }

.zr-textarea-wrap .sp-f-editor {
    border-radius: var(--inputrp) var(--inputrp) var(--inputrp) var(--inputrp) !important;
    outline-width: 0px !important;
    width: 100%;
}

.zr-textarea-wrap .sp-f-textarea {
    border-radius: var(--inputminrp) var(--inputminrp) var(--inputminrp) var(--inputminrp) !important;
}

.zr-edit-panel :is(form, .sp-f, .sp-f>.sp-row:nth-child(1)) {
    overflow: hidden;
}

.zr-edit-panel .sp-d-form {
    padding: 1.5rem 0.75rem !important;
}

.zr-edit-panel .sp-f > .sp-row:nth-child(1) > .sp-c-12 {
    overflow: auto;
    max-height: calc(100% - 0px) !important;
    padding: 1px;
}

.zr-edit-panel .sp-f,
.zr-editrate-list,
.sp-p-1x {
    padding: 1px;
}

.zr-edit-panel .sp-f {
    --MarginRow: 1rem;
}

    .zr-edit-panel .sp-f > .sp-row:nth-last-child(2) {
        flex: unset !important;
        padding-top: 1.5rem;
    }

.zr-edit-panel .zr-ProductImgParent {
    max-width: none;
    --Imageheight: 276px;
    --MainPicWidth: 170px;
}

.zr-edit-ratepanel .sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2)) {
    flex: 1;
}

.zr-edit-ratepanel .sp-row:nth-last-child(1):not(:is(.zr-setting-rate, .zr-global-specific-formparent) .sp-row:nth-last-child(1)) {
    overflow: hidden;
    flex: 50;
}

.zr-edit-ratepanel .sp-row:nth-last-child(1):not(.zr-setting-rate .sp-row:nth-last-child(1)) .sp-c-12 {
    overflow: hidden;
    max-height: 100%;
}

.zr-board-mainpic {
    outline: 1px solid var(--primary15);
    background: url(/themes/manager/icons/accounting/BasePic.svg) var(--gray5) no-repeat;
    background-size: cover;
}

.zr-board-pic-item {
    flex: 1 1 calc(50% - 0.75rem);
    height: 126px;
    max-height: 126px;
    max-width: calc(50% - 0.75rem);
}

.zr-board-pic-parent {
    gap: 0.75rem 1.5rem;
}

.zr-icon-xsmall {
    max-width: 18px;
}

/*.zr-boardprice*/
.zr-labelrow-box {
    border-bottom: 1px solid var(--primary10);
}

.zr-icon-board {
    min-width: 18px;
    min-height: 18px;
    border-radius: 0.25rem;
}

.zr-board-slider {
    flex: 2 2 auto;
    border: 2px solid var(--primary-CBlue-P15, #C2CCDC);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}

.zr-board-slider-item {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    opacity: 0;
}

.zr-effect-box {
    max-width: 232px;
    max-height: 232px;
    width: 232px;
    height: 232px;
}

.zr-effect-list {
    gap: 40px;
    max-width: 95%;
}

.zr-effect-item {
    flex: 1 1 calc(20% - 0.5rem);
    max-width: calc(20% - 0.5rem);
    border: 3px solid transparent;
    border-radius: 2.75rem;
}

    .zr-effect-item.zr-selected-effect {
        border-color: var(--link50);
    }

.zr-board-firstitem,
.zr-board-seconditem,
.zr-board-slider-item {
    transform: translateX(-50%) translateY(-50%) scale(1);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.zr-board-firstitem {
    background-image: url(/themes/manager/icons/accounting/1.svg);
}

.zr-board-seconditem {
    background-image: url(/themes/manager/icons/accounting/2.svg);
}

.zr-fade .zr-board-firstitem {
    /*   animation:fadeOut var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fade .zr-board-seconditem {
    animation: fadeIn var(--animationslider) linear 0s infinite;
}

.zr-fade-out.zr-board-slider-item {
    animation: fadeOut var(--animationslider) linear 0s forwards;
}

.zr-fade.zr-board-slider-item {
    animation: fadeIn var(--animationslider) linear 0s forwards;
}

.zr-movetoleft .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0  infinite alternate;*/
}

.zr-fade .zr-board-seconditem {
    animation: fadeIn var(--animationslider) linear 0s infinite;
}

.zr-movetoleft .zr-board-seconditem {
    animation: fadeInMoveLeft var(--animationslider) linear 0s infinite;
    left: auto;
    transform: translateY(-50%);
    border-radius: 2.5rem;
}

.zr-movetoleft.zr-board-slider-item {
    animation: fadeInMoveLeft var(--animationslider) linear 0s forwards;
    left: auto;
    transform: translateY(-50%);
    border-radius: 2.5rem;
}

.zr-fadecircle .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite  ; */
}

.zr-fadecircle .zr-board-seconditem {
    animation: fadeIncircle var(--animationslider) linear 0s infinite;
    /* background:none;*/
    background-position: center;
    background-clip: border-box;
}

.zr-fadecircle.zr-board-slider-item {
    animation: fadeIncircle var(--animationslider) linear 0s forwards;
    background-position: center;
    background-clip: border-box;
}

.zr-fadeshadow-top .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-top .zr-board-seconditem {
    animation: fadeInshadowtop var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-top.zr-board-slider-item {
    animation: fadeInshadowtop var(--animationslider) linear 0s forwards;
}


.zr-fadeshadow-bottom .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-bottom .zr-board-seconditem {
    animation: fadeInshadowbottom var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-bottom.zr-board-slider-item {
    animation: fadeInshadowbottom var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-left .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-left .zr-board-seconditem {
    animation: fadeInshadowleft var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-left.zr-board-slider-item {
    animation: fadeInshadowleft var(--animationslider) linear 0s forwards;
}


.zr-fadeshadow-right .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-right .zr-board-seconditem {
    animation: fadeInshadowright var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-right.zr-board-slider-item {
    animation: fadeInshadowright var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-slant .zr-board-firstitem {
    /*  animation:fadeOutMoveLeft var(--animationslider) linear 0s  infinite alternate;*/
}

.zr-fadeshadow-slant .zr-board-seconditem {
    animation: fadeInshadowslant var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-slant.zr-board-slider-item {
    animation: fadeInshadowslant var(--animationslider) linear 0s forwards;
}

.zr-fadeshadow-slanttop .zr-board-seconditem {
    animation: fadeInshadowslanttop var(--animationslider) linear 0s infinite;
}

.zr-fadeshadow-slanttop.zr-board-slider-item {
    animation: fadeInshadowslanttop var(--animationslider) linear 0s forwards;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOutMoveLeft {
    100% {
        opacity: 0;
    }
}

@keyframes fadeInMoveLeft {
    0% {
        opacity: 0;
        right: 100%;
    }

    100% {
        opacity: 1;
        right: 0%;
    }
}


@keyframes fadeOutcircle {
    100% {
        opacity: 0;
    }
}

@keyframes fadeIncircle {
    0% {
        opacity: 0;
        width: 0;
        height: 0;
        /**/
        border-radius: 50%;
    }

    100% {
        opacity: 1;
        width: 350px;
        height: 350px;
        /**/
        border-radius: 50%;
    }
}

@keyframes CircleInshadow {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        width: 400px;
        height: 400px;
        opacity: 0;
    }
}




@keyframes fadeInshadowtop {
    0% {
        opacity: 0;
        mask-image: linear-gradient(to top, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(to top, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(to top, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(to top, black 0%, black 20%, black 80%, black 90%, black95%, black 100%)
    }
}


@keyframes fadeInshadowbottom {
    0% {
        opacity: 0;
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(to bottom, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(to bottom, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(to bottom black 0%, black 20%, black 80%, black 90%, black95%, black 100%)
    }
}

@keyframes fadeInshadowleft {
    0% {
        opacity: 0;
        mask-image: linear-gradient(to left, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(to left, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(to left, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(to left, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
    }
}


@keyframes fadeInshadowright {
    0% {
        opacity: 0;
        mask-image: linear-gradient(to right, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(to right, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(to right, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(to right, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
    }
}

@keyframes fadeInshadowslant {
    0% {
        opacity: 0;
        mask-image: linear-gradient(220deg, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(220deg, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(220deg, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(-45deg, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
    }
}

@keyframes fadeInshadowslanttop {
    0% {
        opacity: 0;
        mask-image: linear-gradient(45deg, transparent 0%, transparent 20%, transparent 80%, #000000a3 90%, #000000e0 95%, black 100%)
    }

    10% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    20% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, transparent 80%, black 90%, black 100%);
    }

    30% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, transparent 70%, black 80%, black 90%, black 100%);
    }

    40% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, transparent 60%, black 70%, black 80%, black 90%, black 100%);
    }

    50% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, transparent 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    60% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, transparent 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    70% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, transparent 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    80% {
        mask-image: linear-gradient(45deg, transparent 0%, transparent 10%, transparent 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    90% {
        mask-image: linear-gradient(45deg, transparent 0%, black 10%, blackblack 20%, black 30%, black 40%, black 50%, black 60%, black 70%, black 80%, black 90%, black 100%);
    }

    100% {
        opacity: 1;
        mask-image: linear-gradient(45deg, black 0%, black 20%, black 80%, black 90%, black 95%, black 100%)
    }
}

.zr-board-logo {
    max-width: 320px;
    max-height: 320px;
    object-fit: contain;
    /*  width: auto !important;
  height: auto !important;
  overflow: hidden;*/
}

.zr-board-ratelogo {
    max-width: 42px;
    object-fit: none;
}

.zr-board-ratetitle,
.zr-board-rateitem,
.zr-board-nav {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}

.zr-board-rateitem {
    border: 1px solid var(--primary5);
    width: var(--boardrateitemWidth);
    padding: 0.5rem;
    flex: 1 1 calc(100%/var(--boardrateitem, 6));
    max-height: calc((100%/8) - (1rem * 7)/8);
    /*  max-width: calc(50% - 8px);*/
}

.zr-board-ratenumber {
    font-size: 26px;
}

.zr-board-nav {
    border: 2px solid var(--primary20);
    margin: 2px;
    border-radius: 24px !important;
    /*  min-height:80px;*/
}

.zr-board-navlist {
    animation: marquee 30s linear infinite;
}

.zr-board-border {
    border-radius: 4px;
    background: var(--Main-color-secondary-Color, #DCBE5E);
    min-width: 2px;
    margin: 12px 0;
    zoom: 1 !important;
    min-height: calc(100% - 24px);
}

@keyframes marquee {
    0% {
        transform: translateX(-100%);
        opacity: 1;
    }

    100% {
        transform: translateX(100%);
    }
}

.zr-title-long {
    --Pagewidthtitle: 136px;
}

.BoardRateList {
    min-width: 33%;
    /*  width: -webkit-fill-available;*/
    max-width: calc(50% - 0.75rem);
    /* flex: 1 1 auto;
  max-width: fit-content;
  max-width: calc(50% - 0.75rem);*/
}

.BoardRateList-16,
.BoardRateList-8 {
    --boardrateitem: 8;
}

.BoardRateList-6,
.BoardRateList-12 {
    --boardrateitem: 6;
}

:is(.BoardRateList-6, .BoardRateList-12) .zr-board-rateitem {
    max-height: calc((100%/6) - (1rem * 5)/6);
}

.BoardRateList-12,
.BoardRateList-16 {
    min-width: calc(50% - 0.75rem);
    --boardrateitemWidth: calc(50% - 0.5rem);
}

.BoardImage {
    min-width: calc(50% - 0.75rem);
    width: 100%;
}

.zr-BoardRateList {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: calc(100% - 0px);
    width: 100%;
    /*  display: grid;
  grid-template-rows: repeat(8, 1fr);
  grid-auto-flow: column;*/
}

.zr-minify-preview {
    zoom: 0.75;
}

    .zr-minify-preview .zr-board-ratelogo {
        object-fit: unset;
        width: 42px;
    }

.zr-board-slider:not(:hover) .speakerfshover {
    /* display: none;*/
    display: flex;
}

.zr-board-slider:hover .speakerfshover {
    display: flex;
}

/* (A) MATERIAL ICONS */
.aWrap .svg-inline--fa {
    color: white !important;
}

/* (B) WRAPPER */
.aWrap {
    border-radius: 12px;
    padding: 0.75rem;
    background: var(--primary5);
    border: 1px solid var(--primary30);
}

.aPlay {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.08);
    min-height: 24px;
    background: var(--Mainprimary);
}

/* (D) TIME */
.aCron {
    color: var(--gray60);
}

/* (E) RANGE SLIDERS */
/* (E1) HIDE DEFAULT */
.aWrap input[type="range"] {
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    direction: ltr;
    padding: 0;
    margin: 0;
    background: 0;
    max-height: 3px;
}

.range,
.range-volume {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .range input,
    .range-volume input {
        position: relative;
        z-index: 1;
    }

    .range .change-range,
    .range-volume .change-range {
        position: absolute;
        left: 0;
        top: 0;
        height: 3px;
        width: 0px;
        background-color: var(--Mainprimary);
        border-radius: 10px 0 0 10px;
    }

    .range-volume .change-range {
        height: 2px;
        width: 95%;
    }

.under-ranger {
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.range-volume .under-ranger {
    height: 2px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
    appearance: none;
}

/* (E2) CUSTOM SLIDER TRACK */
.aWrap input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
    height: 3px;
    border-radius: 10px;
}

/* (E3) CUSTOM SLIDER BUTTON */
.aWrap input[type="range"]::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 0;
    background: var(--Mainprimary);
    position: relative;
    cursor: pointer;
    margin-top: -5px;
}

.aWrap input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 0;
    background: var(--Mainprimary);
    position: relative;
    cursor: pointer;
    margin-top: -5px;
}

.aVolume::-webkit-slider-runnable-track {
    height: 10px !important;
}

.aVolume::-webkit-slider-thumb {
    margin-top: -3px !important;
}

.aVolume::-moz-range-thumb {
    margin-top: -3px !important;
}

.volume-container {
    display: flex;
    align-items: center;
}

.zr-btn-taxgrid, .zr-btn-taxgrid-min {
    min-height: 32px;
    border-radius: var(--smallradius);
    --btnmarginleft: 0rem;
}

.zr-btn-taxgrid {
    --BtnMinwidth: 146px;
    --Widthbtn: 146px;
    --midWidthbtn: 146px;
}

.sp-g-button a:is(.zr-btn-taxgrid-min, .zr-btn-taxgrid) {
    margin: 0;
}

.zr-menu-taxgrid button.sp-menu-active {
    min-width: 150px;
    width: 150px;
    color: var(--accounting85);
}

.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show) button.sp-menu-active {
    border-radius: 0.75rem 0.75rem 0 0;
    outline: 1px solid var(--link20);
}

.zr-menu-taxgrid button.sp-menu-active:not(.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show) button.sp-menu-active) {
    --ActiveMenu: var(--primary15);
}

.zr-menu-taxgrid.sp-d-menu button.sp-menu-active {
    border-radius: var(--smallradius);
}

.zr-btn-taxgrid-min {
    --BtnMinwidth: 64px;
    --Widthbtn: 64px;
    --midWidthbtn: 64px;
    background: transparent !important;
    outline: 1px solid var(--primary70);
}

.zr-menu-taxgrid button.sp-menu-active::after {
    background-image: url(/themes/manager/icons/baseinformations/ChevronDown.svg);
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
}

.zr-menu-taxgrid.sp-d-menu:has(.sp-menu-show) button.sp-menu-active::after {
    background-image: url(/themes/manager/icons/baseinformations/RemainUp.svg);
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
}

.zr-btn-taxgrid-min {
    margin-top: 0;
    margin-left: -1px;
}

    .zr-btn-taxgrid-min.zr-btn-print::before {
        margin-left: 0rem;
    }

.sp-g-buttons.sp-justify-evenly {
    justify-content: space-evenly;
}

.sp-menu-show .sp-menu-items {
    margin-top: 0;
}

.zr-tax-dash-img {
    max-width: 40px;
}

.zr-themelist {
    background: var(--primary15);
    border-radius: 40px;
    padding: 0.25rem;
    min-height: var(--themelistheight);
}

.zr-btn-lighttheme {
    background: var(--primary5);
    color: var(--primary70);
    border-radius: 36px;
    box-shadow: 0 4px 8px -4px #0000001c;
}

.zr-btn-darktheme {
    color: var(--primary95);
    border-radius: 36px;
}

[data-theme="dark"] .zr-themelist {
    background: var(--primary80);
}

[data-theme="dark"] .zr-btn-darktheme {
    background: var(--primary60);
    color: var(--white);
}

[data-theme="dark"] .zr-btn-lighttheme {
    background: transparent;
    color: var(--primary15);
}

[data-theme="light"] .zr-theme-lightimg {
    display: flex;
}

[data-theme="light"] .zr-theme-darkimg {
    display: none;
}

[data-theme="dark"] .zr-theme-darkimg {
    display: flex;
}

[data-theme="dark"] .zr-theme-lightimg {
    display: none;
}

.zr-menu-settingbox .zr-shortkey-menu {
    padding: var(--rightmenugap) var(--rightmenugap);
}

.zr-changetheme {
    padding: var(--rightmenugap) var(--rightmenugap) 0;
}

.sp-gap-1 {
    gap: 0.25rem;
}

.zr-db-box {
    box-shadow: 0 4px 12px 0px #0d0a2c0f;
    border: 1px solid var(--primary5);
    flex: 1 1 calc(12.5% - 1.75rem);
    min-height: 162px;
    max-width: 120px;
}

    .zr-db-box:hover, .zr-db-box.zr-active, .zr-device-item.zr-active {
        background: var(--primary5);
        border-color: var(--primary70);
    }

.zr-db-img {
    max-width: 72px;
}

.zr-device-item {
    width: calc(50% - 1.25rem);
}

.zr-edituser-profile .zr-edituser-img {
    font-size: 162px;
    max-width: 350px;
    max-height: 350px;
}

.zr-edituser-profile .zr-edituser-box {
    width: 350px;
    height: 350px;
    background: var(--primary10);
    border-radius: 50%;
    outline: 1px solid var(--primary10);
}

.zr-edituser-profile .zr-edituser-op {
    max-width: 52px;
    max-height: 52px;
    bottom: 30px;
    right: 30px;
}

.zr-edituser-profile .zr-edituser-dropmenu {
    min-width: 142px;
    min-height: auto;
    left: calc(100% + 1rem);
    bottom: 6px;
    display: none;
}

.zr-edituser-profile .zr-popup-rate::before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid var(--white);
    bottom: 0.75rem;
    right: 100%;
    transform: rotate(90deg);
    top: auto;
    left: auto;
}

.zr-edituser-profile .zr-popup-rate ul {
    max-height: max-content;
    min-height: auto;
    z-index: 50;
    width: 100%;
}

.zr-edituser-profile .zr-popup-rate:not(.zr-tooltip-info .zr-popup-rate)::after {
    top: 0;
    height: calc(100% + 0.75rem);
    width: calc(100% + 1.5rem);
    right: 0;
}

.zr-edituser-profile .zr-edituser-op:hover .zr-edituser-dropmenu {
    display: flex;
}

.zr-drop-item {
    min-height: 32px;
    color: var(--primary70)
}

.zr-edituser-profile .zr-drop-item:hover .zr-drop-link {
    justify-content: center;
}

.zr-edituser-profile .zr-drop-delete {
    width: 24px;
    max-width: 24px;
    max-height: 24px;
}

.zr-bilan-toptitle:not(:last-child) {
    border-bottom: 1px solid var(--gray30);
}

.sp-flex-nowrap {
    flex-wrap: nowrap !important;
}

    .sp-flex-nowrap.zr-datalist-grid.zr-grid-parent .sp-c-12:nth-child(2) {
        flex: 10;
        overflow: hidden;
    }

.zr-pro-op {
    width: 24px;
}

.sp-d-frame.sp-block {
    display: flex !important;
}

.zr-manage-access form {
    display: flex;
    flex: 1;
    overflow: hidden;
    max-height: calc(100% - 0px);
}

    .zr-manage-access form :is(.sp-row:nth-last-child(2):not(.zr-setting-rate .sp-row:nth-last-child(2))) {
        flex: unset;
    }

    .zr-manage-access form :is(.sp-row:first-of-type) {
        flex: 50;
        overflow: hidden;
    }

.sp-f-row:not(.sp-d-button, .sp-d-checkbox, .sp-d-custom, .sp-d-division, .sp-d-section, .sp-d-label) :is(.sp-form-editor, .sp-f-editor):has(.sp-drop-show:not(.sp-f-append .sp-drop-show)) {
    outline: 0;
}

.zr-profit-box {
    background: var(--gray5);
    border: 1px solid var(--approved10);
    box-shadow: 0px 4px 16px 0px rgba(21, 34, 55, 0.09);
    flex: calc((100% / 3) - 1rem);
    max-width: calc((100% / 3) - 1rem);
}

    .zr-profit-box.zr-profit-red {
        border: 1px solid var(--error10);
    }

    .zr-profit-box.zr-profit-warning {
        border: 1px solid var(--warning15);
    }

.zr-cost-chartparent {
    box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
    border: 1px solid var(--branch20);
}

.zr-income-chartparent {
    box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
    border: 1px solid var(--production20);
}

.zr-profit-chartparent {
    box-shadow: 0px 4px 20px 0px rgba(21, 34, 55, 0.09);
    border: 1px solid var(--sales20);
}

.zr-profit-parent {
    gap: 0.75rem 1.5rem;
}

.zr-profit-popwarning {
    top: 0.75rem;
    left: 1.25rem;
    width: 24px;
}

.zr-profit-popinfo {
    top: 0.75rem;
    left: 0.75rem;
}

.zr-icon-allprofit {
    max-width: 26px;
}

.zr-profit-parent > .sp-row > .sp-c-12 {
    max-height: calc(100% - 0px) !important;
    overflow: hidden;
}

.sp-calendar-today {
    color: var(--white);
}

.tr-selected {
    left: 0;
}

@media (pointer:none), (pointer:coarse) {
    :root {
        --Gridpadding: 0;
    }
}

.sp-g-row.sp-row-new {
    animation: example 10s;
}

@keyframes example {
    from {
        transition: 0.5s;
        background: var(--link5);
        border: 1px solid var(--link50);
    }
}

#PriceBoardSettingPreview .sp-gap-4, #PriceBoardSettingPreview.sp-gap-6, #PriceBoardSettingPreview .sp-gap-6 {
    gap: 0;
}

    #PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem {
        margin: 0.5rem;
    }

    #PriceBoardSettingPreview.sp-gap-6 .BoardRateList {
        margin-left: 0.75rem;
    }

#PriceBoardSettingPreview .BoardHeaderPrice {
    margin-bottom: 0.75rem;
}

#PriceBoardSettingPreview .BoardMarquee {
    margin-top: 0.75rem;
}

#PriceBoardSettingPreview .zr-board-rateitem {
    height: calc((100% / var(--boardrateitem, 6)) - 1rem);
    max-height: calc((100% / var(--boardrateitem, 6)) - 1rem);
}

@media all and (-webkit-device-pixel-ratio: 1.5) and (min-device-width: 960px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* Styles specific to Samsung TV browsers */
    #PriceBoardSettingPreview .sp-gap-4, #PriceBoardSettingPreview.sp-gap-6 {
        gap: 0;
        /*  background:yellow !important;*/
    }

        #PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem {
            margin: 0.5rem;
            /*   background:yellow !important;*/
        }

        #PriceBoardSettingPreview.sp-gap-6 .BoardRateList {
            margin-left: 0.75rem;
            /*   background:yellow !important;*/
        }

        #PriceBoardSettingPreview.sp-gap-6 .BoardImage {
            margin-right: 0.75rem;
            /*  background:yellow !important;*/
        }

    #PriceBoardSettingPreview .BoardHeaderPrice {
        margin-bottom: 0.75rem;
        /*  background:yellow !important;*/
    }

    #PriceBoardSettingPreview .BoardMarquee {
        margin-top: 0.75rem;
        /*   background:yellow !important;*/
    }

    #PriceBoardSettingPreview .zr-board-rateitem {
        height: calc(100% / var(--boardrateitem, 6));
        /*   background:yellow !important;*/
    }
}

@media all and (-webkit-device-pixel-ratio: 1.5) and (min--moz-device-pixel-ratio: 1.5) {
    #PriceBoardSettingPreview .sp-gap-4, #PriceBoardSettingPreview.sp-gap-6 {
        gap: 0;
        /*   background:red !important;*/
    }

        #PriceBoardSettingPreview .sp-gap-4 .zr-board-rateitem {
            margin: 0.5rem;
            /*    background:red !important;*/
        }

        #PriceBoardSettingPreview.sp-gap-6 .BoardRateList {
            margin-left: 0.75rem;
            /*   background:red !important;*/
        }

        #PriceBoardSettingPreview.sp-gap-6 .BoardImage {
            margin-right: 0.75rem;
            /*  background:red !important;*/
        }

    #PriceBoardSettingPreview .BoardHeaderPrice {
        margin-bottom: 0.75rem;
        /*    background:red !important;*/
    }

    #PriceBoardSettingPreview .BoardMarquee {
        margin-top: 0.75rem;
        /*  background:red !important;*/
    }

    #PriceBoardSettingPreview .zr-board-rateitem {
        height: calc(100% / var(--boardrateitem, 6));
        /*   background:red !important;*/
    }
}

@media tv and (min-width:1900px) {
    #PriceBoardSettingPreview .BoardMarquee {
        /*   background:green !important;*/
    }
}

.sp-chart {
    background-color: transparent;
}

.zr-branch-dashboard {
    --chartbanksize: 142px;
}

.zr-branch-img {
    background: var(--primary40);
    width: 40px;
    height: 40px;
}

.zr-color-lightdark {
    /*  color:var(--lightdark);*/
    opacity: 0.6;
}

.zr-dropdown-parent-branch {
    background: var(--gray5);
}

.zr-dropdown-branch {
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 50;
    border-radius: 0 0 var(--xxlargeradius) var(--xxlargeradius);
}

.zr-dropdown-branch-item {
    background: var(--gray5);
    outline: 1px solid var(--primary15);
    min-height: 40px;
    color: var(--gray85);
}

    .zr-dropdown-branch-item.zr-branch-selected, .zr-dropdown-branch-item:hover {
        background: var(--primary60);
        color: var(--white);
        outline: 1px solid var(--primary60);
    }

        .zr-dropdown-branch-item.zr-branch-selected p {
            font-weight: 700;
        }

.zr-dropdown-parent-branch.zr-dropdown-show {
    background: var(--primary50);
    border-radius: var(--xxlargeradius) var(--xxlargeradius) 0 0 !important;
    color: var(--white);
}

    .zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-branch {
        background: var(--primary50);
        display: flex;
    }

    .zr-dropdown-parent-branch:not(.zr-dropdown-show) .zr-dropdown-icon-hover, .zr-dropdown-parent-branch.zr-dropdown-show .zr-dropdown-icon-main {
        display: none;
    }

.zr-dropdown-list-branch {
    padding: 1px;
}

.zr-switchparent-branch :is(.zr-switch-slider) {
    background-color: var(--approved70);
}

.zr-branch-db, .zr-branch-cr {
    min-height: 42px;
    min-width: 42px;
    background: var(--approved10);
}

:is(.zr-branch-db, .zr-branch-cr) img {
    max-width: 14px;
}

.zr-branch-db {
    background: var(--error10);
}

.zr-branch-progress, .zr-progressfill-green, .zr-progressfill-red {
    min-height: 0.75rem;
}

    .zr-branch-progress .zr-progressfill-red {
        left: 0;
    }

    .zr-branch-progress .zr-progressfill-green {
        right: 0;
    }

.zr-branch-cash-item {
    --branchsquare: #4F6FAd;
    --minibtnwidth: 1rem;
    color: var(--branchsquare);
}

    .zr-branch-cash-item .zr-remain-square {
        background: var(--branchsquare);
    }

    .zr-branch-cash-item:nth-child(2) {
        --branchsquare: #489E72;
    }

    .zr-branch-cash-item:nth-child(3) {
        --branchsquare: #D28D4C;
    }

    .zr-branch-cash-item:nth-child(4) {
        --branchsquare: #D76668;
    }

.zr-branch-RaminParent {
    --productionRemain: 240px;
    min-height: var(--productionRemain);
}

    .zr-branch-RaminParent .zr-RaminBox {
        border: 2px solid var(--gray20);
        box-shadow: none;
    }

.zr-branch-grid {
    --table-header-border: var(--white) !important;
    --table-border: var(--sales10) !important;
}

.zr-docgridlist .zr-branch-grid .sp-g-header .sp-g-cell {
    --table-header-border: var(--white) !important;
}

.zr-grid-seperate-multicolor.zr-branch-grid :is(.sp-grid-row, .sp-g-row) {
    --Trbg: var(--accounting5) !important;
    border: 1px solid var(--sales10);
    box-shadow: none;
}

.zr-branch-grid.zr-grid-seperate :is(.sp-g-header, .sp-g-footer) {
    border-radius: var(--normalradius);
}

.zr-branch-grid.zr-grid-seperate :is(.sp-g, .sp-grid) {
    border-radius: 0;
}

.zr-branch-dashboard .zr-chartFilter.sp-tab-active {
    background-color: var(--accounting5) !important;
}

.zr-branch-dashboard .zr-chartFilter {
    background-color: var(--white);
}

.zr-color-main-sales {
    color: var(--sales70);
}

.zr-dropdown-parent-list-branch {
    max-height: 324px;
}

.zr-switchparent-ultramini .zr-tab-selected {
    color: var(--primary50);
}

.zr-tab-analys {
    width: calc(100% - 1.5rem);
}

.zr-box-analys {
    border: 1px solid var(--sales20);
    box-shadow: 0px 4px 12px 0px #15223717;
    flex: 0 0 calc((100% / 3) - 0.5rem);
    max-width: calc((100% / 3) - 0.5rem);
    max-height: calc(50% - 6px);
    height: calc(50% - 4px);
}

.zr-color-lightgray {
    color: var(--gray60);
}

.zr-row-details > .sp-row {
    overflow: auto;
}

.zr-scanner-parent {
    left: 1rem;
    top: 8px;
    gap: 1.5rem;
}

.zr-scanner, .zp-enbale-keyboard img {
    width: 32px;
    height: 32px;
}

.zr-menu-taxgrid > div {
    height: 100%;
}

.zr-contact-img {
    max-width: 90px;
}

.zr-Main-tab-list.sp-justify-right {
    justify-content: right !important;
}

.zr-manage-desc .zr-separate-toggle {
    width: calc(100% - 48px);
    margin: 1.5rem 1.5rem 0;
}

.zr-manage-desc .sp-g-buttons {
    padding: 0 1.5rem;
    gap: 2.25rem;
    --icongridbtnwidth: 20px;
    justify-content: space-evenly;
}

.zr-manage-desc .sp-icon-changehistory:not(.sp-g-cell)::before {
    --icongridbtnwidth: 22px;
}

.zr-manage-desc .zr-grid-seperate :is(.sp-g, .sp-grid) {
    background: var(--gray5);
}

.zr-manage-desc-btn {
    gap: 64px;
}

.zr-manage-desc-form {
    --Pagewidthtitle: 92px;
}

    .zr-manage-desc-form .sp-d-textarea {
        --borderDoccolor: var(--primary10);
    }

    .zr-manage-desc-form .sp-f-textarea {
        line-height: 36px;
        min-height: 64px;
    }

.zr-row-desc-disabled {
    --bgDoccolor: var(--gray10);
    --borderDoccolor: var(--gray30);
    --primary60: var(--gray30);
    --TitleColor: var(--gray60);
    --gray95: var(--gray70);
    --primary70: var(--gray70);
}

.zr-item-installment {
    flex: 1 1 calc(50% - 21px);
    --rameinwidth: 260px;
}

.zr-status-blue {
    --branchsquare: var(--primary50) !important;
}

.zr-status-green .zr-remain-square {
    --branchsquare: var(--approved40) !important;
}

.zr-status-warning .zr-remain-square {
    --branchsquare: var(--warning40) !important;
}

.zr-status-red .zr-remain-square {
    --branchsquare: var(--error40) !important;
}

.zr-status-darkred {
    --branchsquare: var(--error80) !important;
}

.zr-status-darkgreen {
    --branchsquare: var(--sales70) !important;
}

.zr-sms-panel {
    --RemainPadding: 1rem 1.5rem 1.25rem;
}

    .zr-sms-panel .zr-RaminBox {
        box-shadow: none;
    }

.zr-nocontent-img {
    margin-bottom: 52px;
}

.sc-gauge {
    width: 314px;
    height: 158px;
    margin: auto
}

.sc-background {
    position: relative;
    height: 100%;
    background-color: var(--gray20);
    border-radius: 150px 150px 0 0;
    overflow: hidden;
    text-align: center;
}

.sc-mask {
    position: absolute;
    top: 60px;
    right: 60px;
    left: 60px;
    bottom: 0;
    background-color: var(--white);
    border-radius: 150px 150px 0 0;
}

.sc-percentage {
    position: absolute;
    top: 158px;
    left: -200%;
    width: 400%;
    height: 400%;
    margin-left: 100px;
    background-color: var(--secondary40);
}

.sc-percentage {
    --rotatepercent: 0deg;
    transform: rotate(var(--rotatepercent));
    transform-origin: top center;
}

.sc-value {
    position: absolute;
    top: 80px;
    right: 60px;
    left: 60px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.zr-remainbank .sp-d-frame :nth-last-child(1):is(.sp-c-12) {
    margin-top: 0;
}

.zr-list-headermenu {
    gap: 36px;
}

.zr-item-headermenu {
    width: 32px;
    height: 32px;
}

    .zr-item-headermenu:hover {
        background: var(--MainWhite);
    }

    .zr-item-headermenu img {
        max-width: 24px;
    }

.zr-item-imgparent:hover .zr-img-main, .zr-item-imgparent:not(:hover) .zr-img-hover {
    display: none;
}

.zr-ring-badge {
    background: var(--error50);
    width: 12px;
    height: 12px;
    right: 4px;
    top: 4px;
}

.zr-ring-badge-title .zr-ring-badge {
    right: 0px;
    top: 0px;
}

.zr-overlay-menu {
    position: fixed;
    top: 0;
    bottom: var(--FooterHeight);
    left: -100%;
    width: 100%;
    background: #FFFFFF0D;
    z-index: 25;
    border-radius: 0 0 var(--normalradius) var(--normalradius);
    backdrop-filter: blur(10px);
}

.zr-headermenu-dropdown-parent {
    left: -100%;
    bottom: calc(var(--FooterHeight) + 12px);
    background: var(--primary80);
    border: 4px solid var(--primary80);
    height: calc(100% - var(--FooterHeight) - var(--HeaderHeight) - 1.5rem);
    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-headerrate {
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    border: 1px solid var(--primary5);
    color: var(--primary70);
}

    .zr-item-support:hover {
        background: var(--Mainprimary);
        color: var(--MainWhite);
        border-color: var(--Mainprimary);
    }

.zr-item-social {
    height: 50px;
}

    .zr-item-social.zr-item-social-telegram:hover {
        border: 1px solid #26A4E3;
        background: linear-gradient(116deg, #CBEDFF 7.63%, #B5E6FF 92.09%);
    }

    .zr-item-social.zr-item-social-whatsapp:hover {
        border: 1px solid #25D366;
        background: linear-gradient(115deg, #E1FFEC 0%, #B1FFCE 100%);
    }

    .zr-item-social.zr-item-social-instagram:hover {
        border: 1px solid #F381DB;
        background: linear-gradient(295deg, #FFB4EF 0%, #FFF2FC 100%);
    }

    .zr-item-social.zr-item-social-web:hover {
        border: 1px solid #BCA64D;
        background: linear-gradient(295deg, #F4E4A3 0%, #FFFAE9 100%);
    }

.zr-parent-social, .zr-parent-social, .zr-headerrate-list, .zr-gap-3 {
    gap: 0.75rem;
}

.zr-headermenu-title {
    gap: 0.5rem;
    color: var(--gray60);
}

    .zr-headermenu-title::after, .zr-headermenu-title::before {
        content: '';
        flex: 1;
        height: 1px;
        background: var(--gray60);
        width: 100%;
        display: flex;
        margin-block: auto;
    }

.zr-without-notif-img {
    max-width: 180px;
}

.zr-title-notif {
    color: var(--gray90);
}

.zr-notif-close {
    max-width: 12px;
}

.zr-notif-success {
    background: #F6FFF9;
    border: 1px solid #48C1B5;
}

.zr-notif-info {
    background: #F5F9FF;
    border: 1px solid #9DC0EE;
}

.zr-notif-warning {
    background: #FFF8EC;
    border: 1px solid #F7D9A4
}

.zr-notif-error {
    background: #FFF5F3;
    border: 1px solid #F4B0A1
}

.zr-btn-closenotif {
    min-width: 98px;
    width: 98px;
}

.zr-triangle {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M8.65932 1.50586C7.88952 0.172526 5.96502 0.172527 5.19522 1.50586L-0.000936508 10.5059H13.8555L8.65932 1.50586Z' fill='white'/%3E%3C/svg%3E");
    width: 14px;
    height: 12px;
    display: flex;
    position: absolute;
    top: -11px;
    left: 13px;
    background-size: cover;
}

.zr-notif-dropdown {
    width: 156px;
    min-height: 92px;
    box-shadow: -2px 2px 10px 0px #7070754D;
    top: calc(100% + 12px);
    left: -8px;
    display: none;
}

.notification .zr-notif-dropdown {
    width: 190px;
}

.zr-dropdown-notifparent:hover .zr-dropdown-notif {
    display: flex;
    z-index: 1;
}

.zr-dropdown-notif .zr-drop-link:hover {
    background: var(--primary70);
    color: var(--MainWhite) !important;
}

.zr-notif-dropdown::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 100%;
    left: 0;
}

.zr-header-search-first {
    min-height: 42px;
    min-width: 320px;
    background: var(--primary70);
}

.zr-h-search-title {
    color: var(--primary20);
}

.zr-header-search-second {
    border: 1px solid var(--primary50);
    background: var(--primary20);
    min-height: 42px;
    min-width: 540px;
}

.zr-h-search-input {
    outline: 1px solid var(--primary60);
    border-radius: 0.75rem 0 0.75rem 0.75rem;
}

.zr-h-search-dropdown {
    height: 402px;
    background: var(--white);
    top: 100%;
    display: none;
    left: -1px;
    border: 1px solid var(--primary60);
    border-top: 0;
    border-radius: 0 0 0.75rem 0.75rem;
    right: -1px;
}

.zr-h-tab {
    min-width: 84px;
    color: var(--gray80);
    background-color: var(--gray15);
}

.zr-h-tab-active {
    color: var(--primary80);
    background-color: var(--primary15);
}

.zr-h-search-tab {
    border-color: var(--gray60);
}

.zr-h-search-tablist {
    padding: 1px;
}

.zr-h-search-open .zr-h-search-input {
    border-radius: 0.75rem 0.75rem 0 0;
}

.zr-h-item {
    color: var(--gray80);
}

.zr-dropdown-rate-title {
    background-color: var(--primary50);
    width: 278px;
}

    .zr-dropdown-rate-title:hover {
        background-color: var(--primary60);
    }

.zr-h-dropdown-rate {
    background-color: var(--primary70);
    top: 0.5rem;
    display: none;
    width: 278px;
}

.zr-h-rateitem:not(:last-child) {
    border-bottom: 1px solid var(--primary30);
}

.zr-op-parent {
    background: var(--grey1);
    border: 1px solid var(--grey2);
}

.zr-op-line {
    width: 100%;
    height: 1px;
    background: var(--primary15);
    margin: auto;
}

.zr-op-item {
    border: 1px solid var(--grey3);
    width: calc(20% - (24px* (4 / 5)));
}

    .zr-op-item.disable a {
        cursor: not-allowed !important;
    }

    .zr-op-item.disable p {
        color: var(--gray60) !important;
    }

    .zr-op-item.disable :is(img, svg) {
        opacity: 0.5;
        filter: grayscale(1);
    }

.zr-rewrite-row-style {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.zw-product-list-item p {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.zr-productlist-rightside {
    max-height: calc(100vh - 153px);
}

.sp-smart-menu {
    max-height: 280px !important;
    overflow: auto !important;
    padding-block: 1rem;
}

.zw-prod-item .image {
    max-height: 292px;
}

    .zw-prod-item .image img {
        object-fit: cover;
    }

.zw-fav-main {
    height: 100%;
}

.zw-user-panel-left {
    height: 100svh !important;
    max-height: fit-content;
}


.zw-fav-main {
    align-content: center;
}

    .zw-fav-main > div {
        margin: auto;
    }


.zr-shortmenu-invisible.sp-flex-column {
    justify-content: center;
}

#WebsiteContactValue {
    direction: rtl;
    text-align: right !important;
}

.zr-login-logo img {
    max-width: 130px;
    max-height: 64px;
    object-fit: contain;
}

.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-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;
}

.zr-color-lower-chart {
    stroke: var(--danger);
}

.zr-color-middel-chart {
    stroke: var(--warning50);
}

.zr-bg-gray-5 {
    background: var(--gray5);
}

.zr-color-success-dark {
    color: var(--approved80);
}

.zr-color-success {
    color: var(--success);
}

.zr-color-success-light-1 {
    color: var(--success-light-1);
}

.zr-color-success-light-2 {
    color: var(--success-light-2);
}

.zr-datalist-grid > .sp-c-12 {
    overflow: hidden;
}

.zr-menu-items > li {
    max-height: 70px;
}


.zr-responsive-error {
    display: none !important;
}


.zr-order-levels.active::before,
.zr-order-levels.active::after {
    content: unset !important;
}

.zr-form-webservice .sp-row:nth-last-child(3) {
    /* background: red; */
    flex: 50;
    overflow: auto;
}

    .zr-form-webservice .sp-row:nth-last-child(3) > .sp-c-12 {
        margin-top: 0;
        margin-bottom: auto;
    }

.zr-groupproduct-title.sp-row {
    margin-bottom: 1rem;
}

.zr-datalist-scroll .sp-p-main > .sp-c-12 {
    overflow: hidden;
}

/* update date css */
.sp-select-show .sp-select-items, .sp-drop-show .sp-drop-items, .sp-widget-show .sp-widget-items {
    display: flex;
    flex-direction: column;
}

.sp-widget-items {
    overflow-y: auto;
}

.sp-calendar-day a, .sp-calendar-indicator .sp-calendar-day {
    display: flex;
    justify-content: center;
    flex: 1;
    flex-direction: column;
}

.sp-calendar-day:not(.zr-dashboard-calendar .sp-calendar-day) {
    width: 24px;
    height: 24px;
    border-radius: 16px;
    transition: none;
}


.customer-grid .sp-p-footer.sp-c-12{
  flex: unset !important;
}

.customer-grid .sp-p-body.sp-c-12 {
  flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  overflow: auto;
}

.customer-grid .sp-g{
padding:0 !important;
}

.customer-grid #CustomerOrderInfoGridData #divGrid > #Grid {
    max-height: unset !important;
}