.headerShopeDetails{width:100%}.headerShopeDetails .headerShopeDetailsMain{align-items:center;gap:15px;width:100%;display:flex}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsLogo{aspect-ratio:2/2;background:var(--boxBgColor);border-radius:12px;width:70px;position:relative;overflow:hidden}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsLogo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo{flex-direction:column;width:calc(100% - 85px);display:flex}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo h3{color:var(--primaryFontColor);text-transform:uppercase;font-family:font4;font-size:18px}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul{flex-direction:column;gap:5px;width:100%;margin-top:5px;display:flex}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul li{align-items:center;gap:10px;list-style:none;display:flex}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul li .icon{width:16px;height:16px}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul li .icon svg{width:100%;height:100%;color:var(--secondaryFontColor)}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul li .details{width:calc(100% - 26px)}.headerShopeDetails .headerShopeDetailsMain .headerShopeDetailsInfo ul li .details p{color:var(--secondaryFontColor);margin:0;font-family:font2;font-size:14px}.appMainTiles{width:100%;margin-top:25px}.appMainTiles .appMainTilesList{flex-wrap:wrap;gap:20px 10px;width:100%;display:flex}.appMainTiles .appMainTilesList .fullWidth{background:var(--boxBgColor);border-radius:20px;width:100%;padding:15px;text-decoration:none;transition:all .3s;box-shadow:inset 3px 3px 8px -2px #ffffff40}.appMainTiles .appMainTilesList .fullWidth:hover{box-shadow:none;transition:all .3s}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper{justify-content:space-between;align-items:center;gap:10px;width:100%;padding:5px 0 5px 10px;display:flex}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper .icon{width:40px;height:40px;margin-left:20px;position:relative}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper .name{text-align:left;width:calc(100% - 110px);color:var(--primaryFontColor);align-items:center;padding-left:20px;font-family:font3;font-size:26px;display:flex}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper .iconRight{width:30px;height:30px;color:var(--secondaryFontColor)}.appMainTiles .appMainTilesList .fullWidth .appMainTilesBoxWraper .iconRight svg{width:100%;height:100%}.appMainTiles .appMainTilesList .appMainTilesBox{background:var(--boxBgColor);border-radius:20px;width:calc(50% - 5px);padding:15px;text-decoration:none;transition:all .3s;box-shadow:inset 3px 3px 8px -2px #ffffff40}.appMainTiles .appMainTilesList .appMainTilesBox:hover{box-shadow:none;transition:all .3s}.appMainTiles .appMainTilesList .appMainTilesBox .appMainTilesBoxWraper{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;padding:30px 10px;display:flex}.appMainTiles .appMainTilesList .appMainTilesBox .appMainTilesBoxWraper .icon{width:40px;height:40px;position:relative}.appMainTiles .appMainTilesList .appMainTilesBox .appMainTilesBoxWraper .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.appMainTiles .appMainTilesList .appMainTilesBox .appMainTilesBoxWraper .name{text-align:center;width:100%;color:var(--primaryFontColor);justify-content:center;align-items:center;font-family:font3;font-size:20px;display:flex}.serviceHead{width:100%}.serviceHead .serviceHeadMain{flex-direction:column;gap:15px;width:100%;display:flex}.serviceHead .serviceHeadMain .serviceHeadTabs{align-items:center;gap:15px;width:100%;display:flex}.serviceHead .serviceHeadMain .serviceHeadTabs .tablinks{text-align:center;cursor:pointer;width:100%;height:50px;color:var(--primaryFontColor);background:#282d32;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;font-family:font2;font-size:18px;transition:all .3s;display:flex}.serviceHead .serviceHeadMain .serviceHeadTabs .tablinks:hover{box-shadow:none;transition:all .3s}.serviceHead .serviceHeadMain .serviceHeadTabs .active{background:var(--primaryColor);color:var(--primaryFontColor);box-shadow:none}.serviceHead .serviceHeadMain .serviceHeadFilterArea{align-items:center;gap:10px;width:100%;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .searchBox{cursor:pointer;background:#1f252b;border:1px solid #323232;border-radius:8px;align-items:center;width:calc(100% - 110px);height:45px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.serviceHead .serviceHeadMain .serviceHeadFilterArea .searchBox .icon{width:20px;height:20px;margin-left:10px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .searchBox .icon svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .searchBox input{width:100%;height:100%;color:var(--primaryFontColor);background:0 0;border:none;outline:none;padding-left:40px;padding-right:10px;font-size:16px;position:absolute}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox{cursor:pointer;background:#1f252b;border:1px solid #323232;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxIcon{width:20px;height:20px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxIcon svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:200px;padding:15px;position:absolute;top:calc(100% + 10px);right:-15px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .stausFilterBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .stausFilterBtnList .stausFilterBtn{white-space:nowrap;color:#fff;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:10px;font-family:font2;font-size:16px;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .stausFilterBtnList .statusPending{background:var(--pending)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .stausFilterBtnList .statusOK{background:var(--completed)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .sortBox .sortBoxDropDown .stausFilterBtnList .statusNotOK{background:var(--return)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox{cursor:pointer;background:#1f252b;border:1px solid #323232;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterBoxIcon{width:20px;height:20px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterBoxIcon svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:200px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain{flex-direction:column;gap:10px;width:100%;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain h3{text-align:center;color:var(--primaryFontColor);font-family:font3;font-size:14px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form{flex-direction:column;gap:10px;width:100%;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form .formGroup{background:#282d32;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form .formGroup label{color:var(--primaryFontColor);font-family:font3;font-size:16px}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form .formGroup .calendarIcon{cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form .formGroup .calendarIcon input{opacity:0;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.serviceHead .serviceHeadMain .serviceHeadFilterArea .filterBox .filterCalendarDropDown .filterCalendarMain .form .formGroup .calendarIcon svg{width:100%;height:100%;color:var(--primaryColor)}.tabcontent{animation:1s fadeEffect}@keyframes fadeEffect{0%{opacity:0}to{opacity:1}}.serviceListTile{width:100%;margin-top:15px;padding-bottom:65px}.serviceListTile .serviceListTileMain{flex-direction:column;gap:15px;width:100%;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox{background:var(--boxBgColor);border-left:2px solid #0000;border-radius:20px;flex-direction:column;width:100%;padding:15px;display:flex;position:relative;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxLink{position:absolute;inset:0}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead{border-bottom:1px solid #0003;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col1{align-items:center;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col1 h2{color:var(--primaryFontColor);font-family:font3;font-size:18px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2{align-items:center;gap:15px;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .status{color:#fff;background:#aaa;border-radius:50px;justify-content:center;align-items:center;min-width:90px;padding:3px 16px;font-family:font2;font-size:14px;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn{position:relative}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsBtnIcon{cursor:pointer;width:20px;height:20px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsBtnIcon svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:150px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .menuDropDownToggleIcon{width:14px;height:14px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .settingsMenuBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn{cursor:pointer;color:var(--primaryFontColor);background:#282d32;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon{width:18px;height:18px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon svg{width:100%;height:100%}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxHead .col2 .settingsBtn .settingsMenuDropDown .settingsMenuBtnList .deleteBtn{color:#f85151}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxBody{flex-direction:column;width:100%;padding-top:15px;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxBody ul{flex-wrap:wrap;justify-content:space-between;gap:6px 20px;width:100%;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxBody ul li{align-items:center;gap:5px;min-width:calc(50% - 10px);list-style:none;display:flex}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxBody ul li h5{color:var(--secondaryFontColor);white-space:nowrap;font-family:font1;font-size:12px}.serviceListTile .serviceListTileMain .serviceTileBox .serviceTileBoxBody ul li p{color:var(--primaryFontColor);white-space:nowrap;text-overflow:ellipsis;font-family:font3;font-size:12px;overflow:hidden}.serviceListTile .serviceListTileMain .statusPending{border-color:var(--pending)}.serviceListTile .serviceListTileMain .statusPending .status{background:var(--pending)!important}.serviceListTile .serviceListTileMain .statusCompleted{border-color:var(--completed)}.serviceListTile .serviceListTileMain .statusCompleted .status{background:var(--completed)!important}.serviceListTile .serviceListTileMain .statusReturn{border-color:var(--return)}.serviceListTile .serviceListTileMain .statusReturn .status{background:var(--return)!important}.serviceFooter{z-index:10;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#52525299;width:480px;height:70px;padding:10px 0;transition:all .2s;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:500px){.serviceFooter{width:100%}}.serviceFooter .serviceFooterMain{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.serviceFooter .serviceFooterMain .addServiceBtn{background:var(--primaryColor);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 20px;font-family:font2;font-size:16px;text-decoration:none;display:flex}.serviceFooter .serviceFooterMain .addServiceBtn .icon{width:22px;height:22px}.serviceFooter .serviceFooterMain .addServiceBtn .icon svg,.serviceFooter .serviceFooterMain .addServiceBtn .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.serviceFooter .serviceFooterMain .addServiceBtn2{gap:30px;padding:0 4px 0 40px;font-family:font3}.serviceFooter .serviceFooterMain .addServiceBtn2 .icon{border:1px solid #fff;border-radius:6px;justify-content:center;align-items:center;width:42px;height:calc(100% - 8px);display:flex}.serviceFooter .serviceFooterMain .addServiceBtn2 .icon svg{width:50%;height:50%}.serviceFooter .serviceFooterDaybookBtnList{justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex}.serviceFooter .serviceFooterDaybookBtnList .daybookFooterBtn{width:100%;height:50px;color:var(--primaryFontColor);background:#171c21;border-radius:6px;justify-content:center;align-items:center;gap:10px;font-family:font2;font-size:14px;display:flex;box-shadow:-1px -1px 6px #ffffff40}.serviceFooter .serviceFooterDaybookBtnList .daybookFooterBtn .icon{width:16px;height:16px}.serviceFooter .serviceFooterDaybookBtnList .daybookFooterBtn .icon svg{width:100%;height:100%}.serviceFooter .serviceFooterDaybookBtnList .salesBtn .icon svg{stroke:#26a91f}.serviceFooter .serviceFooterDaybookBtnList .salesBtn .icon svg path{fill:#26a91f}.serviceFooter .serviceFooterDaybookBtnList .salesBtnActive{border:1px solid #26a91f}.serviceFooter .serviceFooterDaybookBtnList .serviceBtn .icon svg{color:#c62e2e}.serviceFooter .serviceFooterDaybookBtnList .serviceBtnActive{border:1px solid #c62e2e}.serviceFooter .serviceFooterDaybookBtnList .expenseBtn .icon svg path{stroke:#ffed25}.serviceFooter .serviceFooterDaybookBtnList .expenseBtnActive{border:1px solid #ffed25}.serviceFooterDaybookBtn{z-index:11;transition:all .2s;bottom:-80px}.serviceFooterDaybookBtnActive{transition:all .2s;bottom:0}.serviceDeletePopup{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:10;background:#52525299;border-radius:12px;width:410px;padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:500px){.serviceDeletePopup{width:85%}}.serviceDeletePopup .closeServiceDeletePopup{width:20px;height:20px;color:var(--primaryFontColor);cursor:pointer;position:absolute;top:20px;left:20px}.serviceDeletePopup .closeServiceDeletePopup svg{width:100%;height:100%}.serviceDeletePopup .serviceDeletePopupMain{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:100px 0;display:flex}.serviceDeletePopup .serviceDeletePopupMain h3{text-align:center;color:var(--primaryFontColor);font-family:font3;font-size:18px}.serviceDeletePopup .serviceDeletePopupMain .form{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:20px;display:flex}.serviceDeletePopup .serviceDeletePopupMain .form .formGroup{width:80%}.serviceDeletePopup .serviceDeletePopupMain .form .formGroup input{background:#d9d9d9;border:none;border-radius:5px;outline:none;width:100%;height:50px;padding:0 20px;font-family:font3;font-size:14px}.serviceDeletePopup .serviceDeletePopupMain .form .formBtnArea{justify-content:center;align-items:center;width:80%;display:flex}.serviceDeletePopup .serviceDeletePopupMain .form .formBtnArea button{cursor:pointer;background:var(--primaryColor);color:#fff;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;width:100%;height:50px;font-family:font3;font-size:16px;transition:all .3s;display:flex;box-shadow:2px 6px 9px 3px #0000004d}.serviceDeletePopup .serviceDeletePopupMain .form .formBtnArea button:hover{box-shadow:none;transition:all .3s}.serviceInfoWraper{flex-direction:column;width:100%;padding-bottom:70px;display:flex}.addServiceHead{width:100%;margin-top:20px}.addServiceHead .addServiceHeadMain{flex-direction:column;width:100%;display:flex}.addServiceHead .addServiceHeadMain .addServiceHeadMainCol1{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.addServiceHead .addServiceHeadMain h3{color:var(--primaryColor);font-family:font3;font-size:22px}.addServiceHead .addServiceHeadMain .addServiceHeadSearch{width:100%;margin-top:15px;display:flex}.addServiceHead .addServiceHeadMain .addServiceHeadSearch .searchBox{cursor:pointer;background:#1f252b;border:1px solid #323232;border-radius:8px;align-items:center;width:100%;height:45px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.addServiceHead .addServiceHeadMain .addServiceHeadSearch .searchBox .icon{width:20px;height:20px;margin-left:10px}.addServiceHead .addServiceHeadMain .addServiceHeadSearch .searchBox .icon svg{width:100%;height:100%;color:var(--primaryFontColor)}.addServiceHead .addServiceHeadMain .addServiceHeadSearch .searchBox input{width:100%;height:100%;color:var(--primaryFontColor);background:0 0;border:none;outline:none;padding-left:40px;padding-right:10px;font-size:16px;position:absolute}.addServiceHead .addServiceHeadMain .statusDropDown{position:relative}.addServiceHead .addServiceHeadMain .statusDropDown .statusDropDownHead{cursor:pointer;background:#aaa;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:140px;padding:10px 14px;display:flex;position:relative}.addServiceHead .addServiceHeadMain .statusDropDown .statusDropDownHead p{text-align:center;color:#fff;font-family:font2;font-size:16px}.addServiceHead .addServiceHeadMain .statusDropDown .statusDropDownHead .icon{color:#fff;width:18px;height:18px;position:absolute;right:10px}.addServiceHead .addServiceHeadMain .statusDropDown .statusDropDownHead .icon svg{width:100%;height:100%}.addServiceHead .addServiceHeadMain .statusDropDown .statusPending{background:var(--pending)}.addServiceHead .addServiceHeadMain .statusDropDown .statusOK{background:var(--completed)}.addServiceHead .addServiceHeadMain .statusDropDown .statusNotOK{background:var(--return)}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:200px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .stausFilterBtnList{flex-direction:column;gap:10px;width:100%;display:flex}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .stausFilterBtnList .stausFilterBtn{white-space:nowrap;color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:10px;font-family:font2;font-size:16px;display:flex}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .stausFilterBtnList .statusPending{background:var(--pending)}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .stausFilterBtnList .statusOK{background:var(--completed)}.addServiceHead .addServiceHeadMain .statusDropDown .sortBoxDropDown .stausFilterBtnList .statusNotOK{background:var(--return)}.addServiceHead .addServiceHeadMain .dateTimeBox{justify-content:center;align-items:center;width:100%;display:flex}.addServiceHead .addServiceHeadMain .dateTimeBox p{color:var(--primaryFontColor);font-family:font3;font-size:14px}.addServiceForm{width:100%;margin-top:30px}.addServiceForm .addServiceFormTemplate{flex-direction:column;gap:20px;width:100%;display:flex}.addServiceForm .addServiceFormBox{background:var(--boxBgColor);border-radius:10px;flex-direction:column;gap:25px;width:100%;padding:20px;display:flex;position:relative;box-shadow:inset 1px 1px 4px #ffffff40}.addServiceForm .addServiceFormBox .addServiceFormBoxTitleHead{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.addServiceForm .addServiceFormBox .addServiceFormBoxTitleHead h2{text-align:center;color:var(--primaryFontColor);font-family:font4;font-size:26px}.addServiceForm .addServiceFormBox .addServiceFormBoxTitleHead p{text-align:center;color:#ffffff80;margin-top:10px;font-family:font2;font-size:14px}.addServiceForm .addServiceFormBox .subTitle{flex-direction:column;width:100%}.addServiceForm .addServiceFormBox .subTitle h3{color:var(--primaryColor);text-align:center;font-family:font2;font-size:16px}.addServiceForm .addServiceFormBox .formGroup{flex-direction:column;width:100%;display:flex}.addServiceForm .addServiceFormBox .formGroup label{color:var(--primaryFontColor);margin-left:10px;font-family:font4;font-size:14px}.addServiceForm .addServiceFormBox .formGroup input{background:#fff;border:1px solid #0003;border-radius:5px;outline:none;width:100%;height:50px;margin-top:5px;padding:0 15px;font-size:16px;box-shadow:inset 3px 2px 10px #0000004d}.addServiceForm .addServiceFormBox .formGroup textarea{background:#fff;border:1px solid #0003;border-radius:5px;outline:none;width:100%;height:75px;margin-top:5px;padding:10px 15px;font-size:16px;box-shadow:inset 3px 2px 10px #0000004d}.addServiceForm .addServiceFormBox .formGroupBtnArea{justify-content:flex-end;align-items:center;gap:20px;width:100%;display:flex}.addServiceForm .addServiceFormBox .formGroupBtnArea .sbtBtn,.addServiceForm .addServiceFormBox .formGroupBtnArea .backBtn{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:calc(50% - 10px);height:50px;font-family:font3;font-size:16px;text-decoration:none;display:flex}.addServiceForm .addServiceFormBox .formFileUpload{justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox{flex-direction:column;width:100px;display:flex}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox label{color:var(--primaryFontColor);margin-left:10px;font-family:font4;font-size:14px}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload{aspect-ratio:2/2;text-align:center;cursor:pointer;background:#fff;border:1px solid #0003;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:5px;display:flex;position:relative;overflow:hidden;box-shadow:inset 3px 2px 10px #00000040}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload svg{color:#0000004d;width:24px;height:24px}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload p{color:#0000004d;margin-top:10px;font-family:font2;font-size:12px}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload .previewImg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload .loadingBox{flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.addServiceForm .addServiceFormBox .formFileUpload .formFileUploadBox .customUpload .spinner{border:4px solid #ddd;border-top-color:#9e9d9d;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.addServiceForm .addServiceFormBox .addNewItemBtn{background:var(--primaryColor);color:#7c320d;cursor:pointer;border-radius:6px;width:fit-content;padding:12px 20px;font-family:font3;font-size:14px}.addServiceForm .addServiceFormBox .removeItemBtn{background:var(--boxBgColor);width:35px;height:35px;color:var(--primaryFontColor);cursor:pointer;border:1px solid #414141;border-radius:50px;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-10px}.addServiceForm .addServiceFormBox .removeItemBtn svg{width:20px;height:20px}.serviceJobInfoBox{width:100%;margin-top:20px}.serviceJobInfoBox .serviceJobInfoBoxMain{background:var(--boxBgColor);border-radius:20px;flex-direction:column;width:100%;padding:15px;display:flex;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceJobInfoBox .serviceJobInfoBoxMain ul{border-bottom:1px solid #fff3;flex-direction:column;gap:20px;width:100%;margin-top:20px;padding-bottom:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain ul li{align-items:flex-start;gap:17px;width:100%;list-style:none;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain ul li .icon{width:18px;height:18px;color:var(--primaryFontColor);margin-top:5px}.serviceJobInfoBox .serviceJobInfoBoxMain ul li .icon svg{width:100%;height:100%}.serviceJobInfoBox .serviceJobInfoBoxMain ul li .details{flex-direction:column;width:calc(100% - 37px);display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain ul li .details h5{color:var(--secondaryFontColor);opacity:.6;font-family:font3;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain ul li .details h2{color:var(--primaryFontColor);margin-top:4px;font-family:font4;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails{gap:15px}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails li .icon{margin-top:0}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails li .details{width:calc(100% - 92px)}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails li .details h2{margin-top:0}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails li .amnt{width:55px}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails li .amnt h2{color:var(--primaryFontColor);text-align:right;font-family:font4;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails .totalAmnt{position:relative}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails .totalAmnt:after{content:"";background:#fff3;width:50px;height:1px;position:absolute;top:-10px;right:0}.serviceJobInfoBox .serviceJobInfoBoxMain .sparePartDetails .totalAmnt .amnt h2{color:var(--primaryColor);font-size:16px}.serviceJobInfoBox .serviceJobInfoBoxMain .filePreview{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .filePreview .filePreviewBox{aspect-ratio:2/2;background:#767272;border-radius:7px;width:100px;overflow:hidden}.serviceJobInfoBox .serviceJobInfoBoxMain .filePreview .filePreviewBox img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo{flex-direction:column;width:100%;margin-top:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList{flex-direction:column;gap:15px;width:100%;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col1{width:calc(100% - 150px)}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col1 h3{color:var(--primaryFontColor);font-family:font4;font-size:20px}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col1 .disc{color:var(--completed)}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col2{width:140px}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col2 input{text-align:center;opacity:.6;background:#fff;border:none;border-radius:6px;outline:none;width:100%;height:45px;padding:0 15px;font-family:font4;font-size:20px}.serviceJobInfoBox .serviceJobInfoBoxMain .amountInfo .amountInfoList .amountInfoListBox .col2 .grandToatalAmnt{text-align:center;width:100%;height:45px;color:var(--primaryFontColor);background:#0b0d18;border-radius:6px;justify-content:center;align-items:center;font-family:font4;font-size:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode{flex-direction:column;width:100%;margin-top:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList{flex-direction:column;gap:15px;width:100%;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox{justify-content:space-between;align-items:center;gap:10px;width:100%;padding-left:30px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1{align-items:center;gap:20px;width:calc(100% - 150px);display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 h3{color:var(--primaryFontColor);width:60px;font-family:font4;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox input{display:none}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox input:checked~label{background:var(--completed)}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox input:checked~label .icon{display:block}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox label{background:#868686;border-radius:4px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox label .icon{color:#fff;width:14px;height:14px;margin-bottom:5px;display:none}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col1 .radioBox label .icon svg{width:100%;height:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col2{width:140px}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col2 input{text-align:center;background:#fff;border:none;border-radius:6px;outline:none;width:100%;height:45px;padding:0 15px;font-family:font4;font-size:20px}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .paymentModeListBox .col2 .grandToatalAmnt{text-align:center;width:100%;height:45px;color:var(--primaryFontColor);background:#0b0d18;border-radius:6px;justify-content:center;align-items:center;font-family:font4;font-size:20px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .disable{cursor:not-allowed}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .disable h3{color:#868686!important}.serviceJobInfoBox .serviceJobInfoBoxMain .paymentMode .paymentModeList .disable input{opacity:1;background:#868686!important}.serviceJobInfoBox .serviceJobInfoBoxMain .addNewItemBtn{background:var(--primaryColor);color:#7c320d;cursor:pointer;border-radius:6px;width:fit-content;margin-top:20px;padding:12px 20px;font-family:font3;font-size:14px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable{width:100%;overflow-x:auto}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table{box-sizing:border-box;border-collapse:collapse;width:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table thead,.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table thead tr{width:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table thead tr th{color:var(--primaryFontColor);text-align:left;border-left:1px solid var(--primaryFontColor);white-space:nowrap;padding:6px 10px;font-family:font4;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table thead tr th:first-of-type{border-left:none;padding-left:0}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody{width:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr{border-top:1px solid #707070;width:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr:first-of-type{border-top:1px solid var(--primaryFontColor)}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td{padding:20px 10px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td:first-of-type{padding-left:0}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td .tableItem{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td .tableItem .dot{background:var(--primaryFontColor);border-radius:10px;width:4px;height:4px;margin-top:5px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td .tableItem .details{flex-direction:column;width:calc(100% - 14px);display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td p{color:var(--primaryFontColor);font-family:font3;font-size:10px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td .number{white-space:nowrap}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr td .totalAmnt{color:var(--primaryColor);font-family:font4;font-size:16px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .tableSetting{padding:0}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn{cursor:pointer;justify-content:flex-end;align-items:center;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn .tableSettingBtnIcon{width:14px;height:14px;color:var(--primaryFontColor)}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn .tableSettingBtnIcon svg{width:100%;height:100%}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .addMoreArea{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .addMoreArea .dot{background:#ffffff4d;border-radius:10px;width:4px;height:4px;margin-top:5px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody tr .addMoreArea p{color:#ffffff4d;width:calc(100% - 14px);font-family:font3;font-size:12px}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody .totalAmountFooter{border-top:none;border-bottom:1px solid #707070}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody .totalAmountFooter td{padding-top:0}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody .totalAmountFooter td .totalAmnt{position:relative}.serviceJobInfoBox .serviceJobInfoBoxMain .serviceInformationTable table tbody .totalAmountFooter td .totalAmnt:after{content:"";background:#fff3;width:100%;height:1px;position:absolute;top:-10px;left:0}.serviceTimeInformation{width:100%;margin-top:30px}.serviceTimeInformation .serviceTimeInformationMain{flex-direction:column;width:100%;display:flex}.serviceTimeInformation .serviceTimeInformationMain .form{flex-direction:column;width:100%;margin-top:15px;display:flex}.serviceTimeInformation .serviceTimeInformationMain .form .formGroup{flex-direction:column;width:100%;display:flex}.serviceTimeInformation .serviceTimeInformationMain .form .formGroup textarea{background:#fff;border:1px solid #0003;border-radius:5px;outline:none;width:100%;height:100px;margin-top:5px;padding:10px 15px;font-size:16px;box-shadow:inset 3px 2px 10px #0000004d}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload{background:var(--boxBgColor);border-radius:0 0 20px 20px;justify-content:center;align-items:center;width:75%;margin:0 auto;padding:0;display:flex;position:relative;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload:after{content:"";background:#0000004d;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload .fileUploadBox{width:100%;color:var(--primaryFontColor);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload .fileUploadBox .icon{width:18px;height:18px}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload .fileUploadBox .icon svg{width:100%;height:100%}.serviceTimeInformation .serviceTimeInformationMain .form .fileUpload .fileUploadBox p{font-family:font3;font-size:12px}.serviceInformation{width:100%;margin-top:30px}.serviceInformation .serviceInformationHead{flex-direction:column;width:100%;display:flex}.serviceInformation .serviceInformationHead .serviceInformationSearchArea{align-items:center;gap:10px;width:100%;margin-top:15px;display:flex}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .searchBox{cursor:pointer;background:#1f252b;border:1px solid #323232;border-radius:8px;align-items:center;width:calc(100% - 55px);height:45px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .searchBox .icon{width:20px;height:20px;margin-left:15px}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .searchBox .icon svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .searchBox input{width:100%;height:100%;color:var(--primaryFontColor);background:0 0;border:none;outline:none;padding-left:55px;padding-right:10px;font-size:16px;position:absolute}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .addBtn{cursor:pointer;width:45px;height:45px;color:var(--primaryFontColor);background:#1f252b;border:1px solid #323232;border-radius:8px;justify-content:center;align-items:center;display:flex;box-shadow:0 0 4px #00000040}.serviceInformation .serviceInformationHead .serviceInformationSearchArea .addBtn svg{width:28px;height:28px}.serviceInformation .serviceInformationHead .serviceInformationHeadCol1{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.serviceInformation .serviceInformationHead .serviceInformationHeadCol1 .addBtn{cursor:pointer;color:#000;background:#1f252b;background:var(--primaryFontColor);border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex;box-shadow:2px 4px 4px #00000040}.serviceInformation .serviceInformationHead .serviceInformationHeadCol1 .addBtn svg{width:28px;height:28px}.serviceInformation .serviceInformationTable{background:var(--boxBgColor);border-radius:20px;width:100%;margin-top:15px;padding:15px;overflow-x:auto;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceInformation .serviceInformationTable table{box-sizing:border-box;border-collapse:collapse;width:100%}.serviceInformation .serviceInformationTable table thead,.serviceInformation .serviceInformationTable table thead tr{width:100%}.serviceInformation .serviceInformationTable table thead tr th{color:var(--primaryFontColor);text-align:left;border-left:1px solid var(--primaryFontColor);white-space:nowrap;padding:6px 10px;font-family:font4;font-size:12px}.serviceInformation .serviceInformationTable table thead tr th:first-of-type{border-left:none;padding-left:0}.serviceInformation .serviceInformationTable table tbody{width:100%}.serviceInformation .serviceInformationTable table tbody tr{border-top:1px solid #707070;width:100%}.serviceInformation .serviceInformationTable table tbody tr:first-of-type{border-top:1px solid var(--primaryFontColor)}.serviceInformation .serviceInformationTable table tbody tr td{padding:20px 10px}.serviceInformation .serviceInformationTable table tbody tr td:first-of-type{padding-left:0}.serviceInformation .serviceInformationTable table tbody tr td .tableItem{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.serviceInformation .serviceInformationTable table tbody tr td .tableItem .dot{background:var(--primaryFontColor);border-radius:10px;width:4px;height:4px;margin-top:5px}.serviceInformation .serviceInformationTable table tbody tr td .tableItem .details{flex-direction:column;width:calc(100% - 14px);display:flex}.serviceInformation .serviceInformationTable table tbody tr td p{color:var(--primaryFontColor);font-family:font3;font-size:10px}.serviceInformation .serviceInformationTable table tbody tr td .number{white-space:nowrap}.serviceInformation .serviceInformationTable table tbody tr .tableSetting{padding:0}.serviceInformation .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn{cursor:pointer;justify-content:flex-end;align-items:center;display:flex}.serviceInformation .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn .tableSettingBtnIcon{width:14px;height:14px;color:var(--primaryFontColor)}.serviceInformation .serviceInformationTable table tbody tr .tableSetting .tableSettingBtn .tableSettingBtnIcon svg{width:100%;height:100%}.serviceInformation .serviceInformationTable table tbody tr .addMoreArea{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.serviceInformation .serviceInformationTable table tbody tr .addMoreArea .dot{background:#ffffff4d;border-radius:10px;width:4px;height:4px;margin-top:5px}.serviceInformation .serviceInformationTable table tbody tr .addMoreArea p{color:#ffffff4d;width:calc(100% - 14px);font-family:font3;font-size:12px}.serviceInformation .serviceInformationAmountBox{background:var(--boxBgColor);border-radius:20px;flex-direction:column;width:100%;margin-top:15px;padding:20px;display:flex;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead{justify-content:space-between;align-items:center;width:100%;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol1{color:var(--primaryFontColor);align-items:center;gap:15px;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol1 .icon{width:22px;height:22px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol1 .icon svg{width:100%;height:100%}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol1 h3{font-family:font3;font-size:18px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol2{color:var(--primaryFontColor);align-items:center;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .serviceInformationAmountCol2 h3{font-family:font4;font-size:26px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .saleQtyPrice{align-items:center;width:100%;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .saleQtyPrice .saleQtyPriceBox{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .saleQtyPrice .saleQtyPriceBox p{text-align:center;color:#fffc;font-size:14px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountHead .saleQtyPrice .saleQtyPriceBox h3{color:var(--primaryFontColor);text-align:center;margin-top:20px;font-family:font4;font-size:22px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList{border-top:1px solid #fff3;flex-direction:column;width:100%;margin-top:20px;padding-top:20px;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul{flex-direction:column;gap:15px;width:100%;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li{justify-content:space-between;align-items:center;width:100%;list-style:none;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .col1{color:var(--primaryFontColor);align-items:center;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .col1 h3{font-family:font3;font-size:18px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .col2{color:var(--primaryFontColor);border-radius:6px;justify-content:center;align-items:center;width:140px;padding:10px 0;display:flex}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .col2 h3{font-family:font4;font-size:20px}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .discountAmnt{color:#000;background:#ffffff86}.serviceInformation .serviceInformationAmountBox .serviceInformationAmountList ul li .billingAmnt{background:#0b0d18}.serviceInformationAmount{width:100%;margin-top:20px}.serviceInformationAmount .serviceInformationAmountMain{background:var(--boxBgColor);border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:20px;display:flex;box-shadow:inset 3px 3px 8px -2px #ffffff40}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol1{color:var(--primaryColor);align-items:center;gap:15px;display:flex}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol1 .icon{width:22px;height:22px}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol1 .icon svg{width:100%;height:100%}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol1 h3{font-family:font3;font-size:18px}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol2{color:var(--primaryFontColor);align-items:center;display:flex}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountCol2 h3{font-family:font4;font-size:26px}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountMainList{flex-direction:column;gap:14px;width:100%;display:flex}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountMainList .serviceInformationAmountBox{justify-content:space-between;align-items:center;width:100%;display:flex}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountMainList .serviceInformationAmountBox .serviceInformationAmountCol1{width:134px}.serviceInformationAmount .serviceInformationAmountMain .serviceInformationAmountMainList .serviceInformationAmountBox h3{text-align:right}.serviceInformationFooter{z-index:10;-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);background:#414141;width:480px;height:70px;padding:10px 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:500px){.serviceInformationFooter{width:100%}}.serviceInformationFooter .serviceInformationFooterMain{justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex}.serviceInformationFooter .serviceInformationFooterMain .saveBtn{color:#000;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:70%;height:50px;padding:0 20px;text-decoration:none;display:flex}.serviceInformationFooter .serviceInformationFooterMain .saveBtn .icon{width:22px;height:22px}.serviceInformationFooter .serviceInformationFooterMain .saveBtn .icon svg{width:100%;height:100%}.serviceInformationFooter .serviceInformationFooterMain .saveBtn h3{font-family:font2;font-size:16px}.serviceInformationFooter .serviceInformationFooterMain .generateBillBtn{background:var(--primaryColor);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:70%;height:50px;padding:0 20px;text-decoration:none;display:flex}.serviceInformationFooter .serviceInformationFooterMain .generateBillBtn .icon{width:22px;height:22px}.serviceInformationFooter .serviceInformationFooterMain .generateBillBtn .icon svg{width:100%;height:100%}.serviceInformationFooter .serviceInformationFooterMain .generateBillBtn h3{font-family:font2;font-size:16px}.serviceJobInfoBWorkProfit{width:100%;margin-top:20px}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn{cursor:pointer;background:#d9d9d9;border-radius:6px;align-items:center;gap:10px;width:fit-content;padding:10px 20px;display:flex;position:relative}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn p{font-family:font3;font-size:14px}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .icon{width:16px;height:16px;transition:all .3s}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .icon svg{width:100%;height:100%}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .rotateIcon{transition:all .3s;transform:rotate(180deg)}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown{z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#4141414d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;display:flex;position:absolute;bottom:calc(100% + 10px);left:0}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown .formGroup{width:180px}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown .formGroup input{text-align:center;background:#d9d9d9;border:none;border-radius:6px;outline:none;width:100%;height:40px;font-family:font3;font-size:20px}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown .formGroup input:disabled{opacity:1;background:#d9d9d9!important}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown .formBtn{display:flex}.serviceJobInfoBWorkProfit .serviceJobInfoBWorkProfitBtn .serviceJobInfoBWorkProfitDropDown .formBtn button{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;padding:10px 40px;font-family:font3;font-size:16px}.settingMenu{width:100%;padding:15px 0}.settingMenu .settingMenuList{flex-direction:column;gap:30px;width:100%;display:flex}.settingMenu .settingMenuList .settingMenuBox{flex-direction:column;gap:10px;width:100%;display:flex}.settingMenu .settingMenuList .settingMenuBox h3{color:var(--primaryColor);font-family:font2;font-size:18px}.settingMenu .settingMenuList .settingMenuBox ul{background:radial-gradient(50% 50%,#2c3036d6 0%,#1a1f24 100%);border-radius:12px;flex-direction:column;width:100%;display:flex}.settingMenu .settingMenuList .settingMenuBox ul li{list-style:none;position:relative}.settingMenu .settingMenuList .settingMenuBox ul li:first-of-type:after{display:none}.settingMenu .settingMenuList .settingMenuBox ul li:after{content:"";background:#676767;width:calc(100% - 40px);height:1px;position:absolute;top:0;left:20px}.settingMenu .settingMenuList .settingMenuBox ul li a{align-items:center;gap:15px;padding:20px;text-decoration:none;display:flex}.settingMenu .settingMenuList .settingMenuBox ul li a .Linkicon{width:20px;height:20px;color:var(--primaryColor)}.settingMenu .settingMenuList .settingMenuBox ul li a .Linkicon svg,.settingMenu .settingMenuList .settingMenuBox ul li a .Linkicon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.settingMenu .settingMenuList .settingMenuBox ul li a .details{width:calc(100% - 70px)}.settingMenu .settingMenuList .settingMenuBox ul li a .details h4{color:var(--primaryFontColor);font-size:16px}.settingMenu .settingMenuList .settingMenuBox ul li a .actionIcon{width:20px;height:20px;color:var(--primaryColor)}.settingMenu .settingMenuList .settingMenuBox ul li a .actionIcon svg{width:100%;height:100%}.versionCode{justify-content:center;align-items:center;width:100%;margin-top:30px;display:flex}.versionCode p{text-align:center;color:#fff9;font-size:15px}.settingsForm{width:100%;padding:15px 0}.settingsForm form{flex-direction:column;gap:25px;width:100%;display:flex}.settingsForm form .formFileUpload{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.settingsForm form .formFileUpload label{color:var(--primaryColor);font-family:font3;font-size:14px}.settingsForm form .formFileUpload .customUpload{aspect-ratio:2/2;text-align:center;cursor:pointer;background:#34383b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100px;margin-top:5px;padding:15px;display:flex;position:relative}.settingsForm form .formFileUpload .customUpload svg{width:24px;height:24px;color:var(--primaryColor)}.settingsForm form .formFileUpload .customUpload p{color:var(--primaryColor);margin-top:10px;font-family:font2;font-size:12px}.settingsForm form .formFileUpload .customUpload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.settingsForm form .formFileUpload .customUpload .previewImg{aspect-ratio:2/2;-o-object-fit:cover;object-fit:cover;border-radius:10px;width:100%}.settingsForm form .formFileUpload .customUpload .editBtn{border:1px solid var(--primaryColor);background:#34383b;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:-18px;right:-18px}.settingsForm form .formFileUpload .customUpload .editBtn svg{width:20px;height:20px}.settingsForm form .formFileUpload .customUpload .loadingBox{flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.settingsForm form .formFileUpload .customUpload .spinner{border:4px solid #052042;border-top-color:#273c5b;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.settingsForm form .formGroup{flex-direction:column;width:100%;display:flex}.settingsForm form .formGroup label{color:var(--primaryColor);margin-left:10px;font-family:font4;font-size:14px}.settingsForm form .formGroup input{color:#fff;background:#34383b;border:none;border-radius:6px;outline:none;width:100%;height:50px;margin-top:5px;padding:0 15px;font-size:16px}.settingsForm form .formGroup input::placeholder{color:#fff6}.settingsForm form .formGroup textarea{color:#fff;background:#34383b;border:none;border-radius:6px;outline:none;width:100%;height:230px;margin-top:5px;padding:15px;font-size:16px}.settingsForm form .formGroup textarea::placeholder{color:#fff6}.settingsForm form .formGroup .ratingGroup{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.settingsForm form .formGroup .ratingGroup .ratingBox{background:#34383b;border-radius:6px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.settingsForm form .formGroup .ratingGroup .ratingBox svg{width:22px;height:22px;color:var(--primaryColor)}.settingsForm form .formGroup .pinGroup{align-items:center;gap:10px;width:100%;display:flex}.settingsForm form .formGroup .pinGroup input{color:#fff;text-align:center;background:#34383b;border:none;border-radius:6px;outline:none;width:50px;height:50px;margin-top:5px;padding:0 15px;font-family:font4;font-size:24px}.settingsForm form .formGroup .pinGroup input::placeholder{color:#fff6}.settingsForm form .smallFormGroup{width:230px;margin:0 auto}.settingsForm form .formBtnArea{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:10px;display:flex}.settingsForm form .formBtnArea button{background:var(--primaryColor);border:2px solid var(--primaryColor);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:100%;height:50px;font-family:font4;font-size:16px;display:flex}.settingsForm form .formBtnArea .otpSbtBtn{width:230px}.settingsForm form .formOtpInput{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.settingsForm form .formOtpInput input{color:#fff;text-align:center;background:#ff814366;border:none;border-radius:6px;outline:none;width:50px;height:50px;margin-top:5px;padding:0 15px;font-family:font4;font-size:24px}.settingsForm form .formOtpInput input::placeholder{color:#fff6}.settingsForm form .formOtpInput .activeBorder{border:1px solid var(--primaryColor)}.settingsForm form .formSplitBox{flex-wrap:wrap;align-items:flex-start;gap:25px;width:100%;display:flex}.settingsForm form .formSplitBox .formGroup{width:calc(50% - 12.5px)}.settingsForm form .addNewItemBtn{width:100%;height:50px;color:var(--thirdColor);background:#0b1829;border:2px solid #5993ff82;border-radius:6px;justify-content:center;align-items:center;font-family:font4;font-size:16px;display:flex}.settingsForm form .newTemplateList{flex-direction:column;gap:25px;width:100%;display:flex}.settingsForm form .newTemplateList .newTemplateListBox{border-top:1px solid #89b2fd70;flex-direction:column;gap:25px;width:100%;padding-top:25px;display:flex}.settingContactMenu{width:100%;padding:15px 0}.settingContactMenu .settingContactMenuList{flex-direction:column;gap:30px;width:100%;display:flex}.settingContactMenu .settingContactMenuList .settingContactMenuBox{flex-direction:column;gap:10px;width:100%;display:flex}.settingContactMenu .settingContactMenuList .settingContactMenuBox h3{color:var(--primaryColor);font-family:font2;font-size:14px}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul{background:#34383b;border-radius:12px;flex-direction:column;width:100%;display:flex}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li{list-style:none}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a{align-items:flex-start;gap:15px;padding:20px;text-decoration:none;display:flex}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a .Linkicon{width:20px;height:20px;color:var(--primaryColor)}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a .Linkicon svg{width:100%;height:100%}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a .details{flex-direction:column;width:calc(100% - 35px);display:flex}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a .details h4{color:var(--primaryColor);font-family:font1;font-size:15px}.settingContactMenu .settingContactMenuList .settingContactMenuBox ul li a .details p{color:var(--primaryFontColor);margin-top:10px;font-size:15px}.dashBoardReport{width:100%;padding:10px 0}.dashBoardReport .dashBoardReportMain{flex-wrap:wrap;gap:15px;width:100%;display:flex}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1{z-index:0;border-radius:10px;flex-direction:column;width:calc(50% - 7.5px);padding:15px 25px 25px;display:flex;position:relative;overflow:hidden}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1:after{content:"";z-index:-1;border-radius:10px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1 p{font-size:12px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1 h3{margin-top:10px;font-family:font3;font-size:18px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1 .icon{width:18px;height:18px;position:absolute;bottom:15px;right:15px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox1 .icon svg{width:100%;height:100%}.dashBoardReport .dashBoardReportMain .box1{background:linear-gradient(294.45deg,#c62e2e26 72.76%,#c80000 105.7%)}.dashBoardReport .dashBoardReportMain .box1:after{background:linear-gradient(105.12deg,#fff 28.74%,#c62e2e 141.64%)}.dashBoardReport .dashBoardReportMain .box1 .icon{color:#c10000a8}.dashBoardReport .dashBoardReportMain .box2{background:linear-gradient(293.01deg,#26a91f00 70.43%,#26a91fe0 100.02%)}.dashBoardReport .dashBoardReportMain .box2:after{background:linear-gradient(110.85deg,#fff 19.24%,#26a91f 153.22%)}.dashBoardReport .dashBoardReportMain .box2 .icon{color:#26a91fa8;width:22px;height:22px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2{z-index:0;background:linear-gradient(296.52deg,#ce961c1c 73.45%,#ce961c 100.03%);border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:25px;display:flex;position:relative;overflow:hidden}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2:after{content:"";z-index:-1;background:linear-gradient(99.12deg,#fff 35.26%,#ce961cc2 125.71%);border-radius:10px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2 p{font-family:font4;font-size:18px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2 h3{margin-right:50px;font-family:font3;font-size:24px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2 .icon{color:#ae7800;width:20px;height:20px;position:absolute;bottom:15px;right:15px}.dashBoardReport .dashBoardReportMain .dashBoardReportBox2 .icon svg{width:100%;height:100%}.dashBoardReport .dashBoardReportChartView{align-items:center;gap:30px;width:100%;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1{justify-content:center;align-items:center;width:55%;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1 .dashBoardReportChartBox{z-index:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1 .dashBoardReportChartBox canvas{aspect-ratio:2/2;width:100%!important;height:auto!important}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1 .dashBoardReportChartBox .totalData{z-index:-1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1 .dashBoardReportChartBox .totalData p{color:var(--secondaryFontColor);text-align:center;font-family:font3;font-size:13px}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol1 .dashBoardReportChartBox .totalData h2{color:var(--primaryFontColor);text-align:center;font-family:font4;font-size:16px}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2{width:45%}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList{flex-direction:column;width:100%;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul{flex-direction:column;gap:15px;width:100%;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li{justify-content:space-between;align-items:flex-start;gap:15px;list-style:none;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName{align-items:center;gap:8px;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName .colorDot{background:#eee;border-radius:4px;width:18px;height:18px}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName .serviceDot{background:#c62e2e}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName .salesDot{background:#26a91f}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName .expenseDot{background:#d2ae1c}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListName p{color:var(--primaryFontColor);font-size:14px}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListValue{flex-direction:column;display:flex}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListValue h3{color:var(--primaryFontColor);text-align:right;font-family:font1;font-size:14px}.dashBoardReport .dashBoardReportChartView .dashBoardReportChartBoxCol2 .chartDataList ul li .chartDataListValue h5{color:var(--secondaryFontColor);text-align:right;opacity:.7;font-size:12px}.dashBoardReportTable{width:100%;margin-bottom:-20px;padding:20px 0;position:relative}.dashBoardReportTable:after{content:"";z-index:-1;background:linear-gradient(#0f141a00 0%,#0e121e 47.95%,#202224 100%);width:100%;height:160px;position:absolute;top:0;left:0}.dashBoardReportTable .dashBoardReportTableHead{flex-direction:column;gap:15px;width:100%;margin-bottom:20px;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol1{width:100%}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol1 .searchBox{cursor:pointer;background:#0f141a;border:1px solid #fffc;border-radius:8px;align-items:center;width:100%;height:50px;display:flex;position:relative}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol1 .searchBox .icon{width:20px;height:20px;margin-left:15px}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol1 .searchBox .icon svg{width:100%;height:100%;color:var(--primaryFontColor)}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol1 .searchBox input{width:100%;height:100%;color:var(--primaryFontColor);background:0 0;border:none;outline:none;padding-left:55px;padding-right:10px;font-size:16px;position:absolute}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2{align-items:center;gap:15px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn{z-index:0;z-index:2;background:#02050d;border:1px solid #78787899;border-radius:6px;justify-content:center;align-items:center;width:20%;height:40px;display:flex;position:relative;box-shadow:3px 3px 6px #0009}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn:after{content:"";z-index:-1;border-radius:6px;width:100%;height:100%;position:absolute;box-shadow:-2px -2px 4px #ffffff21}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .calendarBtn{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .calendarBtn .calendarIcon{width:24px;height:24px;color:var(--primaryFontColor)}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .calendarBtn .calendarIcon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .calendarBtn .calendarIcon input{opacity:0;border:none;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .calendarBtn label{color:var(--primaryFontColor);font-family:font4;font-size:14px}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .icon{width:24px;height:24px;color:var(--primaryFontColor)}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .icon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;min-width:140px;top:calc(100% + 10px);right:-15px;right:inherit;z-index:5;background:#52525299;border-radius:10px;padding:15px;position:absolute;left:-30px}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList{flex-direction:column;gap:10px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox{background:#363636;border:1px solid #fff3;border-radius:2px;width:140px;position:relative}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListTitle{justify-content:space-between;align-items:center;width:100%;padding:6px 10px;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListTitle .col1{display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListTitle .col1 p{color:var(--primaryFontColor);opacity:.75;font-size:14px}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListTitle .col2 .downIcon{width:16px;height:16px;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListTitle .col2 .downIcon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListSubDrop{z-index:2;border:1px solid var(--primaryColor);background:#363636;border-radius:2px;width:100%;position:absolute;top:100%;left:0;box-shadow:0 7px 7px #00000040}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListSubDrop ul{flex-direction:column;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListSubDrop ul li{border-top:1px solid var(--primaryColor);cursor:pointer;color:var(--primaryColor);padding:10px;font-size:14px;list-style:none}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .CategoryFilterBtnListBox .CategoryFilterBtnListSubDrop ul li:first-of-type{border-top:none}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtn .dropdownFilterDropDown .CategoryFilterBtnList .filterApplyBtn{background:var(--primaryColor);color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:70%;height:35px;margin:0 auto;font-family:font4;font-size:14px;display:flex}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .tableHeadFilterBtnActive{border:1px solid var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableHead .dashBoardReportTableHeadCol2 .calendarButton{width:calc(60% - 30px)}.dashBoardReportTable .dashBoardReportTableBox{background:#02050d;border-radius:15px;width:100%;margin-top:10px;padding:15px 0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead{justify-content:space-between;align-items:center;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1{align-items:center;gap:15px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox{background:#262c33;border-radius:6px;justify-content:center;align-items:center;gap:10px;height:36px;padding:0 20px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox h3{color:#fff;font-family:font2;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox h2{color:#fff;font-family:font4;font-size:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox .profitArea{align-items:center;gap:6px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox .profitArea .icon{color:#26a91f;width:16px;height:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox .profitArea .icon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol1 .filterValueBox .profitArea p{color:#fff;font-size:12px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol2{align-items:center;gap:15px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol2 .shareBtn{border:1px solid #707070;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol2 .shareBtn .icon{width:22px;height:22px;color:var(--primaryFontColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxHead .dashBoardReportTableBoxHeadCol2 .shareBtn .icon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain{flex-direction:column;width:100%;margin-top:5px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign{flex-direction:column;gap:10px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead{flex-direction:column;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox{background:#171c21;border:1px solid #fff3;border-radius:6px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox .tableDesignBoxCol{text-align:center;color:var(--primaryFontColor);border-left:1px solid #fff3;padding:15px 10px;font-family:font2;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox .tableDesignBoxCol:first-of-type{border-left:none;width:40px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox .tableDesignBoxCol:nth-of-type(2){width:calc(100% - 180px)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox .tableDesignBoxCol:nth-of-type(3),.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .tableDesignBox .tableDesignBoxCol:nth-of-type(4){width:70px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol{align-items:center;gap:15px;display:flex;width:100%!important}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn{background:#262c33;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-width:40px;height:40px;transition:all .3s;display:flex;position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn:hover{background:#ff814370;transition:all .3s}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .icon{width:26px;height:26px;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .icon svg,.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:200px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .menuDropDownToggleIcon{width:12px;height:12px;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .stausFilterBtn{white-space:nowrap;color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-family:font2;font-size:16px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .stausFilterBtn .icon{color:#fff;width:20px;height:20px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .stausFilterBtn .icon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .statusPending{background:var(--pending)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .statusOK{background:var(--completed)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .statusNotOK{background:var(--return)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .filterPaymentModeBtn{white-space:nowrap;color:#fff;cursor:pointer;background:#282d32;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px;font-family:font2;font-size:16px;transition:all .3s;display:flex;box-shadow:0 1px 4px #00000040}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .tableFilterBtn .sortBoxDropDown .stausFilterBtnList .filterPaymentModeBtn:hover{border:1px solid var(--primaryColor);transition:all .3s}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .dateBox{width:80px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .dateBox p{font-family:font3;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .amountBox{align-items:center;gap:10px;width:calc(100% - 205px);display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .amountBox .icon{width:22px;height:22px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableDesignBoxCol .amountBox p{font-family:font4;font-size:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .tableFilterBtn{background:#262c33;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .tableFilterBtn .icon{width:26px;height:26px;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .tableFilterBtn .icon svg,.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .tableFilterBtn .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .tableFilterBtn p{font-family:font3;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .dateBox{width:80px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .amountBox{align-items:center;gap:10px;width:calc(100% - 205px);display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .amountBox .icon{width:22px;height:22px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .headFilter .tableFilterBtnList .amountBox p{font-size:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .head{border-top-left-radius:0;border-top-right-radius:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .head .tableDesignBoxCol{font-family:font4;position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .head .tableDesignBoxCol .downIcon{width:12px;height:12px;position:absolute;top:5px;right:10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .head .tableDesignBoxCol .downIcon svg{width:100%;height:100%;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .openingBalance{margin-top:10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .openingBalance .tableDesignBoxCol{color:#ffffff72;padding:8px 10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .openingBalance .tableDesignBoxCol:first-of-type{width:calc(100% - 140px)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignHead .openingBalance .tableDesignBoxCol:nth-of-type(2){width:70px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody{flex-direction:column;gap:6px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox{background:#171c21;border-radius:6px;width:100%;text-decoration:none;display:flex;position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol{text-align:center;color:var(--primaryFontColor);border-left:1px solid #fff3;flex-direction:column;justify-content:center;padding:15px 10px;font-family:font2;font-size:14px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol:first-of-type{border-left:none;border-radius:6px 0 0 6px;width:40px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol:nth-of-type(2){width:calc(100% - 180px)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol:nth-of-type(3),.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol:nth-of-type(4){width:70px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol p{text-align:left}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol .icon{width:16px;height:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol .icon svg,.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .tableDesignBoxCol .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;z-index:6;background:#52525299;border-radius:10px;min-width:150px;padding:15px;position:absolute;top:calc(100% + 10px);right:40%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .menuDropDownToggleIcon{width:14px;height:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .settingsMenuBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn{cursor:pointer;color:var(--primaryFontColor);background:#282d32;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon2{width:18px;height:18px;color:var(--primaryFontColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon2 svg{width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .settingsMenuDropDown .settingsMenuBtnList .deleteBtn{color:#f85151}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .serviceIconColor{color:#c62e2e}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .serviceIcoBgColor{background:#c62e2e}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .salesIconColor svg path{fill:#26a91f}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .salesIcoBgColor{background:#26a91f}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .expenseIconColor{color:#ffed25}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .expenseIconColor svg path{stroke:#ffed25}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .tableDesignBox .expenseIcoBgColor{background:#ffed25}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .serviceIcon .icon{color:#c62e2e}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .saleIcon .icon svg{stroke:#26a91f}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .saleIcon .icon svg path{fill:#26a91f}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .cashIcon .icon svg path{stroke:#ffed25}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trRedBg{position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trRedBg:after{content:"";border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 13px #c80000a6}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trGreenBg{position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trGreenBg:after{content:"";border:1px solid;border-image-source:linear-gradient(90deg,#26a91f33 0%,#171c2133 100%);border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 13px #26a91fa6}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trYellowBg{position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignBody .trYellowBg:after{content:"";border:1px solid;border-image-source:linear-gradient(90deg,#ffed254d 0%,#171c214d 100%);border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 9px #ffed2599}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter{flex-direction:column;align-items:flex-end;gap:10px;width:100%;margin-top:20px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .tableDesignBox{background:#171c21;border:1px solid #fff3;border-radius:6px;width:calc(100% - 40px);display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .tableDesignBox .tableDesignBoxCol{text-align:center;color:var(--primaryFontColor);border-left:1px solid #fff3;padding:15px 10px;font-family:font3;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .tableDesignBox .tableDesignBoxCol:first-of-type{border-left:none;width:calc(100% - 140px);font-family:font4;font-size:18px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .tableDesignBox .tableDesignBoxCol:nth-of-type(2),.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .tableDesignBox .tableDesignBoxCol:nth-of-type(3){width:70px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .grandTatal{background:#171c21;border:1px solid #fff3;border-radius:6px;width:140px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .grandTatal .tableDesignBoxCol{text-align:center;width:100%;color:var(--primaryFontColor);padding:15px 10px;font-family:font4;font-size:18px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .closingBalance{background:0 0;border:none}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableDesign .tableDesignFooter .closingBalance .tableDesignBoxCol{border:none;font-family:font4;font-size:18px;width:100%!important}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table{border-collapse:separate;border-spacing:0 10px;box-sizing:border-box;width:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead{width:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead tr{width:100%;margin-top:10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead tr th{color:var(--primaryFontColor);text-align:center;background:#171c21;border:1px solid #fff3;border-left:none;padding:15px 10px;font-family:font3;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead tr th:first-of-type{border-left:1px solid #fff3;border-top-left-radius:6px;border-bottom-left-radius:6px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead tr th:last-of-type{border-top-right-radius:6px;border-bottom-right-radius:6px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead .openingBalance th{color:#ffffff35;padding:10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead .emptyBox{background:0 0;border:none!important}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table thead .valueBox{border-left:1px solid #fff3;border-top-left-radius:6px;border-bottom-left-radius:6px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody{width:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr{width:100%;margin-top:10px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td{color:var(--primaryFontColor);text-align:center;background:#171c21;border:1px solid #ffffff0f;border-left:none;border-right-color:#fff3;padding:15px 10px;font-family:font2;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td:first-of-type{border-left:1px solid #ffffff0f;border-top-left-radius:6px;border-bottom-left-radius:6px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td:last-of-type{border-right:1px solid #ffffff0f;border-top-right-radius:6px;border-bottom-right-radius:6px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td .icon{width:16px;height:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td .icon svg,.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table tbody tr td .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .tableFilterBtn{background:#262c33;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .tableFilterBtn .icon{width:26px;height:26px;color:var(--primaryColor)}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .tableFilterBtn .icon svg,.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .tableFilterBtn .icon img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .tableFilterBtn p{font-family:font3;font-size:14px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .dateBox{width:80px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .amountBox{align-items:center;gap:10px;width:calc(100% - 205px);display:flex}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .amountBox .icon{width:22px;height:22px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .tableFilterBtnList .amountBox p{font-size:16px}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .trRedBg{position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .trRedBg:after{content:"";border:1px solid;border-image-source:linear-gradient(90deg,#c800004d 0%,#171c214d 100%);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 13px #c80000a6}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .trGreenBg{position:relative}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain table .trGreenBg:after{content:"";border:1px solid;border-image-source:linear-gradient(90deg,#26a91f33 0%,#171c2133 100%);width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 13px #26a91fa6}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableBoxGapOff{border-spacing:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableBoxGapOff thead tr:first-of-type th{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableBoxGapOff thead tr:nth-of-type(2) th:first-of-type{border-top-left-radius:0}.dashBoardReportTable .dashBoardReportTableBox .dashBoardReportTableBoxMain .tableBoxGapOff thead tr:nth-of-type(2) th:last-of-type{border-top-right-radius:0}.dashBoardReportTable .dashBoardReportTableBox .titleBox{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.dashBoardReportTable .dashBoardReportTableBox .titleBox .titleBoxCol{align-items:center;display:flex}.dashBoardReportTable .dashBoardReportTableBox .titleBox .titleBoxCol h3{color:var(--primaryColor);font-family:font4;font-size:18px}.dashBoardReportTable .dashBoardReportTableBox .titleBox .titleBoxCol .titleBoxColDate{background:#262c33;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:0 20px;display:flex}.dashBoardReportTable .dashBoardReportTableBox .titleBox .titleBoxCol .titleBoxColDate p{color:#fff;font-family:font3;font-size:14px}.customerListSection{width:100%;margin-top:20px;padding-bottom:70px}.customerListSection .customerListSectionList{flex-direction:column;gap:10px;width:100%;display:flex}.customerListSection .customerListSectionList .customerListBox{background:var(--boxBgColor);border:1px solid #0000;border-radius:12px;gap:10px;width:100%;padding:15px;text-decoration:none;transition:all .3s;display:flex;position:relative;box-shadow:inset 3px 3px 8px -2px #ffffff40}.customerListSection .customerListSectionList .customerListBox:hover{border:1px solid var(--primaryColor);transition:all .3s}.customerListSection .customerListSectionList .customerListBox .customerListBoxLink{z-index:0;position:absolute;inset:0}.customerListSection .customerListSectionList .customerListBox ul{flex-wrap:wrap;gap:14px;width:100%;display:flex}.customerListSection .customerListSectionList .customerListBox ul li{align-items:center;gap:14px;width:calc(50% - 7px);display:flex}.customerListSection .customerListSectionList .customerListBox ul li .icon{width:14px;height:14px;color:var(--primaryColor)}.customerListSection .customerListSectionList .customerListBox ul li .icon svg{width:100%;height:100%}.customerListSection .customerListSectionList .customerListBox ul li p{width:calc(100% - 28px);color:var(--primaryFontColor);white-space:nowrap;text-overflow:ellipsis;font-family:font3;font-size:14px;overflow:hidden}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;z-index:10;background:#52525299;border-radius:10px;flex-direction:column;align-items:center;min-width:200px;max-width:300px;padding:20px;display:flex;position:fixed;top:50%;left:50%;right:-15px;transform:translate(-50%,-50%)}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown .menuDropDownToggleIcon svg{width:100%;height:100%}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown h3{color:var(--primaryColor);text-align:center;font-family:font2;font-size:16px}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown ul{flex-direction:column;gap:15px;width:100%;margin-top:20px;display:flex}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown ul li{width:100%;list-style:none}.customerListSection .customerListSectionList .customerListBox .customerListBoxPorductDropdown ul li a{color:#000;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:10px;font-family:font4;font-size:16px;text-decoration:none;display:flex;box-shadow:2px 6px 9px 3px #0000004d}.customerListSection .customerListSectionList .customerListBox .settingBox{z-index:6;height:100%;margin-top:-15px;margin-right:-15px;position:relative}.customerListSection .customerListSectionList .customerListBox .settingBox .settingBoxIcon{cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.customerListSection .customerListSectionList .customerListBox .settingBox .settingBoxIcon svg{width:50%;height:50%;color:var(--primaryFontColor)}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;z-index:6;background:#52525299;border-radius:10px;min-width:150px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .menuDropDownToggleIcon{width:14px;height:14px}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .settingsMenuBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn{cursor:pointer;color:var(--primaryFontColor);background:#282d32;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon{width:18px;height:18px}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon svg{width:100%;height:100%}.customerListSection .customerListSectionList .customerListBox .settingBox .settingsMenuDropDown .settingsMenuBtnList .deleteBtn{color:#f85151}.dropdownFilterHead{width:100%}.dropdownFilterHead .dropdownFilterHeadMain{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol{align-items:center;gap:10px;display:flex}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn{border:1px solid var(--primaryColor);cursor:pointer;background:#1f252b;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;height:45px;padding:0 10px;display:flex;position:relative;box-shadow:0 0 4px #00000040}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn p{color:var(--primaryFontColor);font-size:14px}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .sortBoxIcon{width:20px;height:20px}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .sortBoxIcon svg{width:100%;height:100%;color:var(--primaryColor)}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:140px;padding:15px;position:absolute;top:calc(100% + 10px);right:0}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList{flex-direction:column;width:100%;display:flex}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList .stausFilterBtn{white-space:nowrap;color:#fff;border-radius:6px;align-items:center;width:100%;padding:8px 5px;font-family:font2;font-size:12px;display:flex}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList .stausFilterBtn:hover{color:var(--primaryColor)}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList .statusPending{background:var(--pending)}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList .statusOK{background:var(--completed)}.dropdownFilterHead .dropdownFilterHeadMain .dropdownFilterHeadCol .dropdownFilterBtn .dropdownFilterDropDown .stausFilterBtnList .statusNotOK{background:var(--return)}.customerTable{background:#02050d;border-radius:10px 10px 0 0;margin-top:20px;padding:20px 0}.customerTable .customerTableMain{flex-direction:column;gap:30px;width:100%;display:flex}.customerTable .customerTableMain .customerTableBox{flex-direction:column;width:100%;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableBoxHead{align-items:center;gap:10px;width:100%;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableBoxHead .dateBox{color:var(--primaryFontColor);background:#262c33;border-radius:6px;padding:10px 20px;font-family:font3;font-size:14px}.customerTable .customerTableMain .customerTableBox .customerTableList{flex-direction:column;gap:5px;width:100%;margin-top:10px;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow{background:#171c21;border-radius:6px;width:100%;text-decoration:none;display:flex;position:relative}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol{color:#fff;border-left:1px solid #fff3;justify-content:center;align-items:center;padding:12px 10px;font-family:font2;font-size:13px;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol:first-of-type{border-left:none;border-radius:6px 0 0 6px;width:50px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol:nth-of-type(2){width:calc(100% - 190px)}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol:nth-of-type(3),.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol:nth-of-type(4){width:70px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol p{text-align:left;width:100%;font-family:font1}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol .icon{width:16px;height:16px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .customerTableCol .icon svg{width:100%;height:100%}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .iconBox{justify-content:center;align-items:center;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .statusRedBg{background:#c62e2e}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .statusGreen{color:#26a91f}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .statusGreenBg{background:#26a91f}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;background:#52525299;border-radius:10px;min-width:150px;padding:15px;position:absolute;top:100%;right:40%}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .menuDropDownToggleIcon svg{width:100%;height:100%}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .menuDropDownToggleIcon{width:14px;height:14px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .settingsMenuBtnList{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn{cursor:pointer;color:var(--primaryFontColor);background:#282d32;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:14px;text-decoration:none;display:flex;box-shadow:0 1px 4px #00000040}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon{width:18px;height:18px}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .settingsMenuBtnList .settingsMenuBtn .icon svg{width:100%;height:100%}.customerTable .customerTableMain .customerTableBox .customerTableList .customerTableRow .settingsMenuDropDown .settingsMenuBtnList .deleteBtn{color:#f85151}.customerTable .customerTableMain .customerTableBox .customerTableList .thead{border:1px solid #fff3}.customerTable .customerTableMain .customerTableBox .customerTableList .thead .customerTableCol{text-align:center;font-family:font4;font-size:14px}.clossingDayBookPopup{-webkit-backdrop-filter:blur(29px);backdrop-filter:blur(29px);z-index:5;z-index:100;min-width:200px;top:calc(100% + 10px);right:-15px;top:inherit;bottom:15px;right:inherit;background:#52525299;border-radius:10px;flex-direction:column;width:450px;padding:15px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.clossingDayBookPopup .menuDropDownToggleIcon{width:18px;height:18px;color:var(--primaryFontColor);position:absolute;top:5px;right:5px}.clossingDayBookPopup .menuDropDownToggleIcon svg{width:100%;height:100%}@media (max-width:500px){.clossingDayBookPopup{width:calc(100% - 30px)}}.clossingDayBookPopup .clossingDayBookPopupHead{justify-content:space-between;align-items:center;width:100%;display:flex}.clossingDayBookPopup .clossingDayBookPopupHead .removeDayBookPopup{cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.clossingDayBookPopup .clossingDayBookPopupHead .removeDayBookPopup svg{width:100%;height:100%;color:var(--primaryFontColor)}.clossingDayBookPopup .clossingDayBookPopupHead .infoDayBookPopup{cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.clossingDayBookPopup .clossingDayBookPopupHead .infoDayBookPopup svg{width:100%;height:100%;color:var(--primaryFontColor)}.clossingDayBookPopup .clossingDayBookPopupHead .infoDayBookPopup .infoDayBookPopupTextBox{background:#464646;border-radius:6px;width:320px;padding:15px;position:absolute;top:30px;right:0}.clossingDayBookPopup .clossingDayBookPopupHead .infoDayBookPopup .infoDayBookPopupTextBox p{color:var(--primaryFontColor);opacity:.6;font-size:15px;line-height:1.4}.clossingDayBookPopup .clossingDayBookPopupBody{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 140px);display:flex}.clossingDayBookPopup .clossingDayBookPopupBody h2{color:var(--primaryFontColor);text-align:center;font-family:font4;font-size:20px}.clossingDayBookPopup .clossingDayBookPopupBody .form{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;margin-top:20px;display:flex}.clossingDayBookPopup .clossingDayBookPopupBody .form .formGroup{flex-direction:column;width:calc(50% - 15px);display:flex}.clossingDayBookPopup .clossingDayBookPopupBody .form .formGroup label{color:var(--primaryFontColor);opacity:.6;margin-left:10px;font-family:font2;font-size:14px}.clossingDayBookPopup .clossingDayBookPopupBody .form .formGroup input{text-align:center;background:#d9d9d9;border:none;border-radius:5px;outline:none;width:100%;height:50px;margin-top:5px;padding:0 15px;font-family:font3;font-size:16px}.clossingDayBookPopup .clossingDayBookPopupBody .form .formBtnArea{justify-content:center;align-items:center;width:100%;display:flex}.clossingDayBookPopup .clossingDayBookPopupBody .form .formBtnArea button{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:calc(50% - 15px);height:50px;font-family:font3;font-size:16px;text-decoration:none;display:flex}.serviceSalseExpenseFormPopup{z-index:15;background:#171c21;border-radius:10px;flex-direction:column;width:400px;padding:20px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px 4px #00000080}@media (max-width:500px){.serviceSalseExpenseFormPopup{width:calc(100% - 30px)}}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead{justify-content:space-between;align-items:center;width:100%;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col1{display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col1 .closeServiceSalseExpenseFormPopup{cursor:pointer;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col1 .closeServiceSalseExpenseFormPopup svg{width:100%;height:100%;color:var(--primaryFontColor)}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2{align-items:center;gap:10px;margin-top:20px;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 .icon{width:20px;height:20px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 .icon svg{width:100%;height:100%}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 .serviceIcon svg{color:#c62e2e}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 .salesIcon svg path{fill:#26a91f}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 .expenseIcon svg path{stroke:#ffed25}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupHead .col2 h2{color:var(--primaryFontColor);font-family:font4;font-size:15px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody{flex-direction:column;gap:15px;width:100%;max-height:80vh;margin-top:20px;display:flex;overflow-y:auto}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form{flex-wrap:wrap;gap:20px;width:100%;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 .icon{width:20px;height:20px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 .icon svg{width:100%;height:100%}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 .serviceIcon svg{color:#c62e2e}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 .salesIcon svg path{fill:#26a91f}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 .expenseIcon svg path{fill:#ffed25}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .col2 h2{color:var(--primaryFontColor);font-family:font4;font-size:15px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroupList{align-items:flex-start;gap:20px;width:100%;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroupList .formGroup{width:calc(50% - 10px)}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .disable{cursor:not-allowed}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .disable h3{color:#868686!important}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .disable input{opacity:1;background:#868686!important}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup{flex-direction:column;width:100%;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead{justify-content:space-between;align-items:center;width:100%;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox{margin-right:10px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox input{display:none}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox input:checked~label{background:var(--completed)}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox input:checked~label .icon{display:block}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox label{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox label .icon{color:#fff;width:14px;height:14px;display:none}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup .formGroupLabelHead .radioBox label .icon svg{width:100%;height:100%}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup label{color:var(--primaryFontColor);margin-left:10px;font-family:font4;font-size:14px}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formGroup input{background:#fff;border:1px solid #0003;border-radius:5px;outline:none;width:100%;height:50px;margin-top:5px;padding:0 15px;font-size:16px;box-shadow:inset 3px 2px 10px #0000004d}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formBtnArea{justify-content:flex-end;align-items:center;width:100%;margin-top:10px;display:flex}.serviceSalseExpenseFormPopup .serviceSalseExpenseFormPopupBody .form .formBtnArea button{background:var(--primaryColor);color:#fff;cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;width:calc(50% - 10px);height:45px;font-family:font3;font-size:16px;text-decoration:none;display:flex}