body.darkmodeview {
    --topleftcolor: #1b1f23;
    --forest-l: #2f3c34;
    --forest-m: #3D8A60;
    --stone: #202124;
    --stone2: #27292a;
    --stone3: #2c2f30;
    --ink: #ffffff;
    --ink2: #e3e3e3;
    --ink3: #cac7c7;
    --ink4: #cac7c7;
    --button-hovercolor: #49b77e;
    --h1color: #e5e6e8;
    --headingcolor: #ffffff;
    --subinfocolor: #e3e3e3;
    --othercolor: #cac7c7;
    --sidebarmenuboxshadow: rgb(26 29 32 / 37%);
    --sidebarmenuborder: #32383e;
    --brandsecondary-color: #1a1d21;
    --button-bordercolor: rgb(255 255 255 / 14%);
    --recentlyopenedborder: #32383e;
    --brandstroke-color: rgba(28,28,26,0.09);
    --body-gray: #1a1d21;
    --background-white: #212529;
    --headertopfix: #292e32;
    --headertopfixscroll: #292e32;
    --headergradientcolorblue: #292e32;
    --headergradientcolororange: #292e32;
    --tabcolor: #3577f1;
    --background-gray: #292e32;
    --button-disabledbordercolor: #1a1d21;
    --brandprimary-color: #1B5E3B;
    --recentlyopened: #666767;
    --filterheadercolor1: #292e32;
    --filterheadercolor2: #1a1d21;
    --bs-emphasis-color: #a6a6a6;
    --menuhovercolor: #0ab39c;
    --menulightcolor: rgba(10, 179, 156, 0.15);
    --shapiconcolor1: #1a1d21;
    --shapiconcolor2: #1a1d21;
    --dashboardhovershadow1: transparent;
    --dashboardhovershadow2: transparent;
    --rankinggradientborderyellowlight: #32383e;
    --rankinggradientborderyellowdark: #32383e;
    --rankinggradientborderwhiteblacklight: #32383e;
    --rankinggradientborderwhiteblackdark: #32383e;
    --rankinggradientborderbrownlight: #32383e;
    --rankinggradientborderbrowndark: #32383e;
    --background-white-bottom: #292e32;
    --tooltipbg: #292e32;
    --footer-color: #292e32;
    --background-gray_body: #181c20;
    --bottombuttonshadow: transparent;
    --shadowbg: rgb(18 17 17 / 41%);
    --borderwithimg: #32383e;
    --dropdownbgcolor: #292e32;
    --danger-bg: rgb(139 75 63 / 26%);
    --progres-bg: rgb(140 121 57 / 26%);
    --success-bg: rgb(69 135 90 / 26%);
    --warning-bg: rgb(108 82 48 / 26%);
    --card-bluedark: rgb(90 197 255);
    --card-bluelight: rgba(41, 156, 219, 0.15);
    --card-blueseparator: rgba(41, 156, 219, 0.15);
    --card-greendark: rgb(109 197 125);
    --card-greenlight: rgb(91 146 101 / 29%);
    --card-greenseparator: rgb(91 146 101 / 29%);
    --card-purpledark: rgb(214 142 238);
    --card-purplelight: rgb(192 135 212 / 21%);
    --card-purpleseparator: rgb(192 135 212 / 21%);
    --card-orangedark: rgb(222 159 113);
    --card-orangelight: rgb(181 139 108 / 29%);
    --card-orangeseparator: rgb(181 139 108 / 29%);
    --greenlight: rgb(69 135 90 / 26%);
    --orangelight: rgb(108 82 48 / 26%);
    --redlight: rgb(139 75 63 / 26%);
    --greendark: #7BC79B;
    --reddark: #E0714A;
    --bluelight: rgb(72 99 127 / 26%);
    --yellowlight: rgb(140 121 57 / 26%);
    --pinklight: rgb(143 63 78 / 26%);
    --purplelight: rgb(78 48 159 / 26%);
    --lightbluelight: rgb(93 66 180 / 26%);
    --graylight: rgb(247 247 247);
    --background-gray-dark: #1a1d1f;
}

:root {
    --topleftcolor: #fafaf8;
    --button-bordercolor: rgba(28,28,26,0.09);
    --button-hovercolor: #1B5E3B;
    --forest-l: #EBF4EF;
    --background-gray: #fafaf8;
    --button-hovercolor-view: #3D8A60;
    --brandsecondary-color: #F7F5FF;
    --stone: #fafaf8;
    --logocr1: #b1cabd;
    --logocr2: #68957d;
    --radiocheckbtncolor: #1B5E3B;
    --bdr: rgba(28, 28, 26, 0.09);
    --bdr2: rgba(28, 28, 26, 0.16);
    --bdr3: rgba(28, 28, 26, 0.24);
    --forest-m: #3D8A60;
    --stone2: #E4E0D8;
    --stone3: #D4D0C8;
    --ink: #1C1C1A;
    --ink2: #5A5A56;
    --ink3: #9A9A94;
    --ink4: #C4C4BE;
    --h1color: #21272A;
    --headingcolor: #1C1C1A;
    --subinfocolor: #5a5a56;
    --othercolor: #9a9a94;
    --textwhite-color: #fff;
    --brandprimary-color: #1B5E3B;
    --brandstroke-color: rgba(28,28,26,0.09);
    --body-gray: #FAFAFA;
    --background-gray-dark: #ececec;
    --footer-color: #FFFFFF;
    --background-white: #fff;
    --background-white-bottom: #FFFFFF;
    --card-bluedark: #4B96E0;
    --card-bluelight: #EBF5FF;
    --card-blueseparator: #dbedff;
    --card-purpledark: #CA64ED;
    --card-purplelight: #FAEBFF;
    --card-purpleseparator: #f3d7fc;
    --card-greendark: #019834;
    --card-greenlight: #EFF9F1;
    --card-greenseparator: #d5f8e1;
    --card-orangedark: #E98649;
    --card-orangelight: #FFF4EC;
    --card-orangeseparator: #ffeade;
    --warning-text: #E38503;
    --warning-status: #FC9403;
    --warning-bg: #FFF4E6;
    --danger-text: #C7361E;
    --danger-status: #DB3B21;
    --danger-bg: #FFE9E5;
    --success-text: #019834;
    --success-status: #02CA46;
    --success-bg: #E6FFEE;
    --progres-text: #E4AD01;
    --progres-status: #FECC2F;
    --progres-bg: #FFF9E5;
    --button-bgcolor: #212121;
    --button-textcolor: #212121;
    --button-primarydisabled: #BDBDBD;
    --button-primaryborderdisabled: #F8F8F8;
    --button-disabledcolor: #909090;
    --button-disabledbordercolor: #F2F2F2;
    --menuhovercolor: #0E7F87;
    --menulightcolor: #E4F6F7;
    --shapiconcolor1: #FFF8EC;
    --shapiconcolor2: #F7F5FF;
    --badgecoloryellow: #EFAA25;
    --badgecolorblackwhite: #8A8A8A;
    --badgecolorbrown: #C17630;
    --dashboardboxcolor: #FFF7EB;
    --dashboardboxbordercolor: #F1E5C6;
    --dashboardhovershadow1: #EDDFC6;
    --dashboardhovershadow2: #DDD9EA;
    --recentlyopened: rgba(10, 10, 10, 0.6);
    --recentlyopenedborder: #D8D8D8;
    --headergradientcolorblue: rgba(234, 229, 255, 0.45);
    --headergradientcolororange: rgba(255, 235, 206, 0.45);
    --cardcompletedtextcolor: #B5B5B5;
    --rankinggradientborderyellowlight: #FFD7B9;
    --rankinggradientborderyellowdark: #FFB21F;
    --rankinggradientborderwhiteblacklight: #e7e7e7;
    --rankinggradientborderwhiteblackdark: #B9B9B9;
    --rankinggradientborderbrownlight: #FFE9D5;
    --rankinggradientborderbrowndark: #B59374;
    --filterheadercolor1: #E7E3FA;
    --filterheadercolor2: #F4F2FF;
    --searchplaceholdercolor: #A2A3A5;
    --sidebarmenuboxshadow: rgba(202, 202, 202, 0.25);
    --sidebarmenuborder: rgba(229, 229, 229, 1);
    --headertopfix: #f6f3fe;
    --headertopfixscroll: #fef6ea;
    --overlaybg: rgba(0, 0, 0, 0.6);
    --tooltipbg: #ffffff;
    --tabcolor: #6831FF;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #ddd;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #2C3E50;
    --fc-button-border-color: #2C3E50;
    --fc-button-hover-bg-color: #1e2b37;
    --fc-button-hover-border-color: #1a252f;
    --fc-button-active-bg-color: #1a252f;
    --fc-button-active-border-color: #151e27;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(255, 220, 40, 0.15);
    --fc-now-indicator-color: red;
    --background-gray_body: #FAFAFA;
    --checkboxtick: #ffffff;
    --bottombuttonshadow: rgba(181, 181, 181, 0.25);
    --shadowbg: rgba(133, 133, 133, 0.25);
    --borderwithimg: #ffffff;
    --dropdownbgcolor: #ffffff;
    --fontsize24: 24px;
    --fontsize20: 20px;
    --fontsize18: 18px;
    --fontsize16: 16px;
    --fontsize14: 14px;
    --fontsize13: 13px;
    --fontsize12: 12px;
    --size16: 16px;
    --size36: 36px;
    --size25: 25px;
    --size30: 30px;
    --size35: 35px;
    --size42: 42px;
    --size40: 40px;
    --size48: 48px;
    --minheight36: 36px;
    --minheight30: 30px;
    --minheight40: 40px;
    --minheight42: 42px;
    --minheight48: 48px;
    --gap4: 4px;
    --gap8: 8px;
    --gap6: 6px;
    --gap12: 12px;
    --gap16: 16px;
    --gap24: 24px;
    --padding10: 10px;
    --padding12: 12px;
    --padding16: 16px;
    --padding20: 20px;
    --padding24: 24px;
    --padding30: 30px;
    --padding40: 40px;
    --margin8: 8px;
    --margin10: 10px;
    --margin12: 12px;
    --margin16: 16px;
    --margin20: 20px;
    --margin24: 24px;
    --svgiconheightwidth14: 14px;
    --svgiconheightwidth16: 16px;
    --svgiconheightwidth18: 18px;
    --svgiconheightwidth20: 20px;
    --svgiconheightwidth24: 24px;
    --font-family-serif: "Public Sans", "Inter", sans-serif;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --borderradius5: 5px;
    --borderradius6: 6px;
    --borderradius8: 8px;
    --borderradius10: 10px;
    --borderradius12: 12px;
    --borderradius16: 16px;
    --borderradius24: 24px;
    --borderradius40: 40px;
    --greenlight: #EBF4EF;
    --greendark: #1B5E3B;
    --orangelight: #FBF4E6;
    --orangedark: #8B6914;
    --redlight: #FAEEE8;
    --reddark: #C4522A;
    --bluelight: #E8F0FB;
    --bluedark: #1A5296;
    --yellowlight: #fff6d7;
    --yellowdark: #e4ad01;
    --pinklight: #ffe7eb;
    --pinkdark: #ff94a8;
    --purplelight: #e2d8fe;
    --purpledark: #9b79f8;
    --lightbluelight: #EEEAFB;
    --lightbluedark: #4A3A8C;
    --graylight: #f7f7f7;
    --graydark: #717171;
    --graphgreen: #5DB996;
    --graphorange: #F0BB78;
    --graphyellow: #FFE893;
    --graphblue: #9694FF;
    --graphpink: #FFCCE1;
    --graphpurple: #6C48C5;
    --graphred: #FF748B;
    --graphnavy: #4B4376;
    --graphmainlyblue: #81DAE3;
    --graphcolor1: #5470c6;
    --graphcolor2: #1B5E3B;
    --graphcolor3: #fac858;
    --graphcolor4: #ee6666;
    --graphcolor5: #73c0de;
    --graphcolor6: #3ba272;
    --graphcolor7: #fc8452;
    --graphcolor8: #9a60b4;
    --graphcolor9: #ea7ccc;
}