*{padding:0;margin:0;box-sizing:border-box;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}#root{--primary: rgb(194, 167, 76);--secondary: hsl(210, 11%, 96%);--green: ##0284c7;--focusGreen: ##0284c7;--btnGreen: #008b8b;--primaryHover:rgb(145, 124, 55);--fontBlack: #2b2b2b;--lightGreen: #d9f8e5;--lightBlue: "#F5F6F7";--blue: #1e2637;--yellowLight: #eac96b;--yellowThick: #e6b734;--cement: #c4cddd;--lightWhite: #f7f9fc;--white: #ffffff;--lightDarkBlue: #123262;--darkblue: #333a44;--black: #2b2b2b;--lightViolet: #9299b5;--red: #d02929;--gray: #bab6b6;--lightGray: #70707030;--lightBlack: #455555;--boxShadow: rgba(0, 0, 0, .02) 0px 1px 3px 0px, rgba(27, 31, 35, .15) 0px 0px 0px 1px;--boxShadowColor: rgba(188, 186, 186, .432);--borderGrey: #aeaeae;--lightWhite: #fcf8f8;--placeHolder: #65748b;--smoothgray: #fafafa}.Common-Con{height:100%;width:100%}.Common-BreadCrums-Con{height:3%;width:100%}input[type=radio]{accent-color:var(--green)}.height-width-100{height:100%;width:100%}.common-white-box{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.BreadCrums_com_container{width:100%;display:flex;height:fit-content}.common_table_container{width:100%;height:85%}.sub-heading-with-bc-btn{display:flex;justify-content:space-between;padding-top:10px}.sub-heading{color:var(--green)}.bc-text{font-weight:bolder;text-decoration:underline;cursor:pointer;transition:all .3s}.bc-text:hover{color:var(--primaryHover)}.bc-text:active{color:var(--primary)}.common-box{height:100%;width:100%;padding:10px;box-sizing:border-box;overflow-y:scroll}.common-white-box::-webkit-scrollbar,.common-box::-webkit-scrollbar{width:0px}.pd{padding:10px}.pdb{padding-bottom:7px}.pdt{padding-top:7px}.pdl{padding-left:7px}.Mg{margin:10px}.Mgb{margin-bottom:7px}.Mgt{margin-top:10px}.Mgr{margin-right:10px}.gap{gap:10px}.Align-items{display:flex;align-items:end;justify-content:center}.primary-bg{background-color:var(--primary)!important;border:1px solid var(--primary)!important;color:#fff!important}.Add-Form-Con{width:100%;display:flex;justify-content:center}.Add-Form{width:85%}@media (max-width: 800px){.BreadCrums_com_container{height:fit-content}}.text{margin:0;line-height:1.5}.text-small{font-size:.875rem}.text-xsmall{font-size:.775rem}.text-medium{font-size:1rem}.text-xmedium{font-size:1.25rem}.text-large{font-size:1.5rem}.text-dark{color:#000}.text-xlarge{font-size:1.5rem}.text-light{font-weight:300}.text-regular{font-weight:400}.text-bold{font-weight:700}.text-default{color:var(--lightBlack)}.text-primary{color:var(--primary)}.text-secondary{color:var(--fontBlack)}.text-error{color:#dc3545}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem;border-radius:4px;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s ease}.btn-primary{background-color:var(--primary);color:var(--white);font-size:18px}.btn-Back{color:var(--primary);background-color:transparent;text-decoration:underline;font-weight:700}.btn-primary:hover{background-color:#106931;color:#fff}.active_btn{border-bottom:5px solid green}.mini_btn{background-color:var(--primary_hover);color:var(--tritory_color);scale:.8}.mini_btn:hover{background-color:var(--primary_hover);color:var(--tritory_color)}.btn-secondary{background-color:var(--white);color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background-color:var(--primaryHover);color:var(--white)}.btn-danger{background-color:var(--tritory_color);color:var(--text_color);border:1px solid rgba(0,0,0,.103)}.btn-danger:hover{background-color:var(--secondary_color)}.btn-outline{background-color:transparent;border:1px solid currentColor;color:#6c757d}.btn-small{font-size:.8rem;padding:.25rem .5rem}.btn-medium{font-size:1rem;padding:.5rem 1rem}.btn-large{font-size:1.25rem;padding:.75rem 1.5rem}.btn:disabled{background-color:#e0e0e0;cursor:not-allowed}.btn-icon{margin-right:.5rem;display:inline-flex}.Loading-container{height:100%;display:flex;justify-content:center;align-items:center}.ButtonAlert-container{position:absolute;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.ButtonAlert-container-scroll{position:fixed;display:flex;justify-content:center;align-items:center;height:92.4vh;width:85vw;right:0;bottom:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.ButtonAlert-Inputcontainer-box{height:340px;width:40%;min-width:350px;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:9%;animation:popupAnimation .1s ease-out forwards}.ButtonAlert-container-box{height:240px;width:40%;min-width:350px;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:18%;animation:popupAnimation .1s ease-out forwards}.controll-popupheight{height:fit-content;width:64%;min-width:350px;padding:4% 0%;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:5%;animation:popupAnimation .1s ease-out forwards}.BtnAlert-btn-container{width:100%;height:40px;display:flex;justify-content:center;gap:5%}.BtnAlert-btn{width:25%}.BtnAlert-text{text-align:center}.input-popup-con{width:70%;display:flex;flex-direction:column;gap:20px}@media (max-width: 800px){.ButtonAlert-container-box{height:210px;width:80%;gap:15%}.ButtonAlert-container-scroll{width:100vw;height:93.3vh}}@keyframes popupAnimation{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.label-and-inp{display:flex;flex-direction:column;gap:10px;height:fit-content}.label-and-inp label{color:var(--primary)}.chkbox-class-name{color:var(--black)!important}.chkbox-inp{height:20px;width:20px}.label-and-inp input,input{border:1px solid var(--borderGrey);padding:10px;border-radius:5px;outline:0px solid}.label-and-inp input::placeholder,input::placeholder{color:var(--placeHolder)}.label-and-inp input:active,input:active{border:1px solid var(--primary)}.label-and-inp input:focus:not([type=radio]):not([type=checkbox]),input:focus:not([type=radio]):not([type=checkbox]){border:1px solid var(--primary);box-shadow:0 0 2px var(--primary)}.no-border{border:0px solid!important}.no-border:active:active{border:0px solid var(--primary)!important}.no-border:focus:focus{border:0px solid var(--primary)!important;box-shadow:0 0 0 var(--primary)!important}.no-padding{padding:10px 0!important}.Small-label{font-size:12px}.Small-Input{width:130px}.btn-lable{display:flex;width:100%;justify-content:space-between}.lable-btn{width:60px;background-color:var(--primary);border:none;color:#fff;border-radius:3px;cursor:pointer}.lable-btn:hover{background-color:var(--borderGrey)}.entry-form{height:100%;width:100%;display:flex;column-gap:5%}.Entry-Form-container{height:100%;width:100%}.form-btn{height:30px;width:22%;min-width:100px}.form-btn-third{height:30px;width:42%;min-width:100px}.entry-form::-webkit-scrollbar{width:0px}.entry-forms-flex{display:flex;align-items:start;gap:10px;flex-wrap:wrap}.entry-form-btns{display:flex;width:100%;margin-top:3%}.PopupEntry-form-btns{display:flex;justify-content:center;width:100%;margin-top:7%}.entry-form-btns-box{display:flex;width:47%;justify-content:space-between}.PopupEntry-form-btns-box{display:flex;gap:20px}.entry-forms-flex div:nth-child(1){flex:1}.entry-forms-flex div:nth-child(2){flex:1}.entry-forms-flex div:nth-child(3){flex:1}.button-inp{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:2px;flex:1}.entryFormBtn{width:100%;flex:1}.SplitedInp-Form{display:flex}.Splited-child1,.Splited-child2{width:50%}.formchild{height:100%;width:100%;display:flex;flex-direction:column;gap:20px;padding-right:3px}.formchild::-webkit-scrollbar{width:3px}.formchild::-webkit-scrollbar-thumb{background-color:#16a34a86;border-radius:10px}.big-PrimaryBtn{width:70%}@media screen and (max-width: 800px){.button-inp{margin-bottom:20px}.entry-form{display:flex;flex-direction:column;height:100%;overflow:scroll}.formchild,.entry-form-btns-box{width:100%}}@media screen and (min-width: 800px) and (max-width: 1600px){.Splited-child1,.Splited-child2{max-height:97%;overflow:auto}}.radio-label,.radio-label-input{color:var(--primary)}.radio,.radio-label-input{cursor:pointer}.radio-lab-comp{display:flex;align-items:start;height:40px}.radioInp_container{display:flex;justify-content:space-around;width:30%}@media screen and (max-width: 600px){.radio-lab-comp{display:flex;flex-direction:column;height:fit-content;gap:2px}.radioInp_container{display:flex;justify-content:start;gap:25px}}.Upload_Image_btn{display:flex;justify-content:center;align-items:center;height:40px;border:1px solid var(--primary);border-radius:5px;cursor:pointer;width:50%}.extra-text-label,.extra-text-btn{display:flex;align-items:center;gap:7%}.extra-text{font-size:small;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ProductImage{height:100px;width:100px;margin-bottom:1%}.Upload_Image_btn:hover{border:none;background-color:var(--primary);color:#fff}@media (max-width:800px){.extra-text{font-size:x-small}}.form_dropdown{height:40px;border-radius:5px;cursor:pointer;width:100%}.label-and-inpDropdown{display:flex;flex-direction:column;gap:10px}.Label-checkbox-box{display:flex;justify-content:space-between}.dropinp-con{display:flex;flex-direction:column;gap:10px}.dropinp-inner-con{display:flex;gap:5px}.inp_form_dropdown{width:30%;border-radius:5px}.dropinput{width:50%}.logOut-container{height:50px;display:flex;align-items:center;justify-content:center}.logOut-inner-con{display:flex;width:85%;gap:30px;color:#fff;align-items:center}.logOut-container:hover{background-color:#c5c5c5;cursor:pointer}.AlertPopup-container{width:30%;position:absolute;right:0;border-radius:5px;box-shadow:0 4px 6px #0000001a;animation:fadeSlide 3s ease-in-out forwards;z-index:11}@media (max-width: 800px){.AlertPopup-container{width:70%;top:3%}}.BreadCrums_bodytext{display:flex;flex-direction:column;gap:5px;width:100%}.BreadCrums_bodytextForm{width:80%}.bread-head{width:100%}.BreadCrums_container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;flex-wrap:wrap}.swapBtn_container-big{width:75%}.swapBtn_container-small{width:25%}.backArrow-Icon{color:#000000a9;cursor:pointer}@media (max-width: 1217px){.swapEnv,.swapBtn_container-big{width:100%}.swapEnv{flex-direction:column}}@media (max-width: 1100px){.BreadCrums_bodytext{width:100%}.BackBtnalign{width:100%;text-align:right;z-index:2}}.swapButton_container{width:100%;height:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.swapButton_container button{flex:1}.AddClient-Con{width:100%;display:flex;flex-direction:column;align-items:center;gap:70px}.extra-client-style{height:95%}.AddClient-Form{width:95%;margin-top:2%;height:12%}.client-view-con{width:100%;height:70%}.detailsPopup-con{position:absolute;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.detailsPopup{height:60vh;width:64%;min-width:350px;padding:2%;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%;animation:popupAnimation .1s ease-out forwards}.detailsPopup-content{height:100%;width:100%}.filter-and-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.history-table{width:100%;height:78%;overflow-y:scroll}.history-table::-webkit-scrollbar{width:3px}.history-table::-webkit-scrollbar-thumb{background-color:#16a34a86;border-radius:10px}.history-table-inside{height:99.6%;width:100%}.total-table{display:flex;justify-content:start;position:relative;flex:1}.zoom-btn{cursor:pointer;color:var(--primary);width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:3px;transition:all .3s}.table-dlt{color:red}.table-dlt:hover{transform:scale(1.1)}.Table-options{display:"flex";flex:1}.table-op{width:100px;height:40px;border-radius:5px;border:none;cursor:pointer;box-shadow:#0e3f7e0a 0 0 0 1px,#2a33450a 0 1px 1px -.5px,#2a33460a 0 3px 3px -1.5px,#2a33460a 0 6px 6px -3px,#0e3f7e0a 0 12px 12px -6px,#0e3f7e0a 0 24px 24px -12px}.filter-btns-con{display:flex;gap:10px;flex:2;justify-content:end;align-items:center}@media screen and (max-width: 1000px){.filter-btns-con{display:flex}}@media screen and (max-width: 900px){.filter-heads{margin-top:2%;height:13%}.filter-and-heading{gap:0px}}@media screen and (max-width: 610px){.filter-heads{height:25%}.history-table{height:80%}.filter-btns{width:40%}}.download-pdf-excel{height:50px;width:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.downloadpopUp-Btn{width:100%;display:flex;justify-content:center;cursor:pointer}.downloadpopUp-Btn:hover{background-color:#c2a74c9a;color:#fff}.toggle-btn-par{height:10px;width:30px;background-color:#16a34a!important;border-radius:20px;display:flex;justify-content:start;align-items:center;padding:2px;cursor:pointer;position:relative}.loading-par{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.date-filter{text-align:center;padding:5px 15px;width:230px}.date-filter>div{margin-bottom:10px}.date-filter-btns{display:flex;gap:5px}.filter-used{position:relative}.filter-used:after{content:"";position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--primary);border-radius:50%}.filter-and-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.filter-main-head-par{display:flex;justify-content:space-between}.history-table{width:100%;height:77%;overflow-y:scroll}.history-table::-webkit-scrollbar{height:5px}.history-table-inside{height:100%;width:100%}.filter-heads{height:13%;margin-bottom:10px;box-sizing:border-box}.filter-heads-btns{height:20%;margin-bottom:10px;box-sizing:border-box}.TableFilter-BreadCrums{display:flex;flex-direction:column;padding:5px 12px;gap:5px;min-width:200px}.zoom-btn{cursor:pointer;width:28px;height:28px;display:flex;justify-content:center;align-items:center;border-radius:3px;transition:all .3s}.zoomed-table{animation-name:zoomedTable;animation-duration:.3s;animation-fill-mode:forwards}.zoom-btn:hover{color:var(--primaryHover)}.zoom-btn:active{color:var(--primary)}.zooming-out-table{animation-name:zoomOut;animation-duration:.3s;animation-fill-mode:forwards}.delete-btn-table{color:red;cursor:pointer;transition:all .5s}.delete-btn-table:hover{background-color:red;color:#fff}.delete-btn-table:active{color:red;background-color:#fff}.tr-red .delete-btn-table{color:#fff}.tr-red .delete-btn-table:hover{background-color:#fff;color:red}.tr-red .delete-btn-table:active{color:#fff;background-color:red}.th-bolder{font-weight:bolder}tr:nth-child(2n){background-color:#2104040b}tr{box-shadow:#11111a1a 0 1px}.Action-Delete:hover,.Action-Edit:hover{transform:scale(1.2);cursor:pointer}.primary-tablerow-btn{background-color:var(--primary);color:#fff;height:30px;width:120px;border:none;border-radius:2px;cursor:pointer}.primary-tablerow-btn:hover{background-color:var(--primaryHover)}.second-tablerow-btn{color:#000;background-color:#fff;height:30px;width:120px;border:1px solid var(--primary);border-radius:2px;cursor:pointer}.second-tablerow-btn:hover{background-color:var(--primaryHover);color:#fff}@keyframes zoomOut{0%{position:fixed;top:0%;left:0%;height:100vh;width:100vw}to{position:fixed;top:8%;left:15%;height:92vh;width:85vw}}@keyframes zoomedTable{0%{position:fixed;top:10%;left:10%;height:90vh;width:90vw}to{position:fixed;height:100vh;width:100vw;top:0;left:0;background-color:#fff;z-index:2000;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:scale(1);opacity:1}}@media screen and (max-width: 800px){.filter-heads{margin-bottom:20px}}@media screen and (max-width: 610px){.filter-heads{height:20%}.history-table{height:77%}}@media screen and (max-width: 400px){.filter-heads{height:27%}.history-table{height:70%}}@media screen and (max-width: 880px){.history-table{height:66%}}@media screen and (max-width: 800px){@keyframes zoomOut{0%{position:fixed;top:0%;left:0%;height:100vh;width:100vw}to{position:fixed;top:8%;left:1%;right:1%;height:92vh;width:97vw}}}.pagination-wrapper{display:flex;gap:8px;justify-content:end;align-items:center;padding:12px}.pagination-wrapper button{padding:5px 10px;cursor:pointer;border:none;background:#fff;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;border-radius:4px}.pagination-wrapper button.active{background:#000;color:#fff}.pagination-wrapper span{padding:5px 10px;color:#555}.table{border-collapse:separate;border-spacing:0px 4px;color:var(--black);border-bottom:none}.table-th{font-weight:400;padding:5px 0;text-transform:capitalize;font-weight:700}.t-body{position:relative;z-index:1}.table-icon{transition:all .3s}.table-icon:hover{color:var(--gray)}.table-icon:active{color:#000}.th-container{display:flex;justify-content:center;align-items:center;min-width:max-content;padding:0 10px}.table-td{text-align:center;padding:10px 5px;min-width:50px}.table-tr{transition:all .2s;color:#000000b1;border-bottom:2px solid var(--lightGray);transition:all .3s}.table-tr:hover{background-color:var(--lightGray)!important}.table-view-td{text-decoration:underline;transition:all .3s}.table-view-td:hover{color:var(--black);background-color:var(--secondary)}.span-td{display:flex;justify-content:space-evenly}.table-view-td:active{background-color:var(--primaryHover);color:var(--white)}.table-body-load{height:100%;position:absolute;top:0;width:100%;opacity:.5;background-color:#fff;z-index:1}.tr-red{background-color:red;color:#fff!important}.tr-red:hover{opacity:.5;background-color:red}.toggle-btn-par{height:10px;width:30px;border-radius:20px;display:flex;justify-content:start;align-items:center;padding:2px;cursor:pointer;position:relative}.toggle-off{background-color:#707070!important}.toggle-btn-par div{height:10px;width:10px;border-radius:50%;background-color:#fff;position:absolute;left:2px;top:50%;transform:translateY(-50%)}.toggle-btn-on{animation-name:toggle-right;animation-duration:.5s;animation-fill-mode:forwards}.toggle-btn-off{animation-name:toggle-left;animation-duration:.5s;animation-fill-mode:forwards}.table-icon-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:3px;color:#fff}@media (max-width: 1000px){.filter-heads{height:25%}}@media (max-width: 900px){.filter-heads-btns{height:35%}.history-table{height:55%}}@keyframes toggle-right{0%{transform:translateY(-50%) translate(2px)}to{transform:translateY(-50%) translate(18px)}}@keyframes toggle-left{0%{transform:translateY(-50%) translate(18px)}to{transform:translateY(-50%) translate(2px)}}.inp-table-edit-par{display:flex;gap:2px;align-items:center;justify-content:space-evenly}.table-edit-inp{width:50%}.table-edit-btn{border:1px solid var(--primary);color:#fff;background-color:var(--primary);border-radius:3px;padding:3px}.filter-container{display:flex;align-items:center;gap:10px;justify-content:end;flex:1;flex-wrap:wrap}.search-inp-par{display:flex;align-items:center;border-radius:5px;position:relative}.Search-icon{position:absolute;left:13px}.Filter-btn-all{display:flex;gap:15px}.Filter-btn-container{width:100%;display:flex;gap:15px}@media (max-width: 900px){.filter-container{display:flex;flex-direction:column-reverse}.Filter-btn-container{width:100%;display:flex;gap:20px}.search-inp-par{width:100%}.Filter-btn-all{display:flex;width:100%;justify-content:space-between}}.quantity-value{border:1px solid var(--primary);padding:2px 5px;border-radius:5px;width:50px;text-align:center;color:var(--primary);font-weight:700;outline:none}.search-inp{border:1px solid var(--secondary);background-color:var(--secondary);width:100%;padding-left:40px}.search-inp:active{border:1px solid var(--secondary)}.search-inp:focus{border:1px solid var(--secondary);box-shadow:0 0 #000}.primary-btn,.primary-btn-big{background-color:var(--primary);border:1px solid var(--primary);color:var(--white);padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.primary-btn:hover,.primary-btn-big:hover{background-color:var(--primaryHover)}.primary-btn:active,.primary-btn-big:active{background-color:var(--primary)}.primary-btn-big{padding:15px 30px}.secondary-btn{background-color:var(--white);border:1px solid var(--primary);color:var(--primary);padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.secondary-btn:hover{background-color:var(--primary);color:var(--white)}.secondary-btn:active{background-color:var(--white);color:var(--primary)}.nav-selected{background-color:var(--primary);border:1px solid var(--primary);color:var(--white);padding:7px 20px;border-radius:5px;cursor:pointer;transition:all .3s}.nav-selected:hover{background-color:var(--primaryHover)}.nav-selected:active{background-color:var(--primary)}.nav-selected-secondary{background-color:var(--primary);border:1px solid var(--primary);color:var(--white);padding:7px 20px;border-radius:5px;cursor:pointer;transition:all .3s}.nav-selected-secondary:hover{background-color:var(--primaryHover)}.nav-selected-secondary:active{background-color:var(--primary)}.nav-not-selected{background-color:var(--secondary);border:1px solid var(--secondary);color:var(--primary);padding:7px 20px;border-radius:5px;cursor:pointer;transition:all .3s}.nav-not-selected:hover{background-color:var(--white);border:1px solid var(--primary)}.nav-not-selected:active{background-color:var(--secondary)}.nav-not-selected-secondary{background-color:var(--white);border:1px solid var(--primary);color:var(--primary);padding:7px 20px;border-radius:5px;cursor:pointer;transition:all .3s}.nav-not-selected-secondary:hover{background-color:var(--secondary);border:1px solid var(--primary);color:var(--primary)}.nav-not-selected-secondary:active{background-color:var(--white);color:var(--primary)}.quantity-btn{background-color:var(--primary);color:var(--white);padding:0 5px;border-radius:5px;border:1px solid var(--primary);cursor:pointer;transition:all .3s}.quantity-btn:hover{background-color:var(--white);color:var(--primary)}.filter-btns{background-color:var(--secondary);color:var(--primary);border:1px solid var(--secondary);padding:0 5px;border-radius:5px;transition:all .3s;cursor:pointer}.filter-btns:hover{background-color:var(--white);border:1px solid var(--primary)}.filter-btns:active{background-color:var(--secondary);border:1px solid var(--secondary)}.err-page{height:100%;display:flex;justify-content:center;align-items:center;background-color:#fff}.hide-column-and-toggle-btn{display:flex;align-items:center;gap:5px;padding:5px;text-transform:capitalize}.hide-colums-toggle-btn{height:10px;width:20px;cursor:pointer}.dateFilter-submit{background-color:#c2a74c;color:#fff}.dateFilter-cancel{border:1px solid rgb(194,167,76)}.Client-EntryBtn-Con{width:100%;justify-items:center}.Client-EntryBtns-inner{width:70%;display:flex;justify-content:space-between}.Client-EntryBtns{height:40px;width:32%;background-color:var(--primary);border:none;border-radius:5px;color:#fff;display:flex;justify-content:center;align-items:center;gap:2px}.Client-EntryBtns:hover{background-color:var(--primaryHover);color:#fff}.Client-EntryBtns-Secondary{height:40px;width:32%;background-color:#fff;border:2px solid var(--primary);border-radius:5px;color:#37c281;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:2px}.Client-EntryBtns-Secondary:hover{background-color:var(--primaryHover);color:#fff;border:none}.Entry-Form-colour{background-color:#f6f5f5;width:80%;height:100%;padding:4%}.Client_Entry_Form{width:60%}.Client-EntryBtns:hover{cursor:pointer}.view_entry_btn_con{height:40px;display:flex;gap:20px;padding-left:1%;margin-top:5px}.view_entry_btn{height:100%;width:17%;border:none;cursor:pointer;border-radius:3px;color:var(--primary)}.view_entry_btn_primary{background-color:var(--primary);color:#fff}.view_entry_btn_secondary{background-color:#fff;border:2px solid var(--primary);color:var(--primary)}.Dashboard-Division{display:flex;justify-content:space-evenly;gap:10px;flex-wrap:wrap;margin-bottom:10px;margin-top:1%}.dashboard-content-con{height:90%}.DashBoard-StatusCardbar{display:flex;width:100%;justify-content:space-evenly}.Dashboard-StatusCard-con{display:flex;justify-content:center}.Dashboard-StatusCard{display:flex;width:99%;flex-wrap:wrap;gap:10px;margin-bottom:10px}@media only screen and (max-width: 600px){.Dashboard-StatusCard{display:flex;flex:1;flex-wrap:wrap;column-gap:20px;border:2px}.DashBoard-StatusCardbar{display:flex;flex-wrap:wrap;gap:10px}.Dashboard-Division{margin-top:2%}}.Card-MainDiv-className{height:120px;box-sizing:border-box;display:flex;justify-content:space-between;padding:20px}.Card-Parent-className{flex:1;border-radius:7px;min-width:150px;height:120px;margin-bottom:20px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px}.Card-Design-Icon{color:#fff;font-size:30px}.StatusCard-Parent-div{display:flex;flex:1;min-width:250px;border-radius:15px;box-shadow:0 0 5px #d4d4d4;align-items:center;padding:5px;margin-bottom:10px}.StatusCard-Child-div-One{padding:10px;flex:1}.StatusCardTwo-MainDiv-Paragraph-className{display:flex;align-items:end;padding-bottom:10px}.StatusCard-Child-div-Two{padding:10px}.StatusCard-sub-div-one{display:flex;gap:15px}.Status-card-day-parent{flex:1}.border-right{border-right:1px solid gray}.StatusCardTwo-Parent-Division{flex:1;border-radius:5px;min-width:150px;height:110px;box-shadow:0 0 5px #d4d4d4;margin-bottom:10px;display:flex;justify-content:space-evenly;padding:10px}.StatusCardTwo-MainDiv-className{box-sizing:border-box;display:flex;align-items:center;justify-content:space-evenly;gap:30px;width:90%}.ViewInvestmentComp-StatusCardbar-Parent{padding-top:7px;min-width:250px;height:80px;border-radius:7px;box-shadow:0 0 7px var(--lightgray)}.card-icon-con{display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width: 600px){.StatusCardTwo-Parent-Division{flex:1;border-radius:15px;min-width:230px;height:60px;box-shadow:0 0 5px #d4d4d4;margin-bottom:10px;padding:0}.Card-Parent-className{flex:1;border-radius:15px;min-width:150px;height:100px;margin-bottom:10px;box-shadow:0 0 10px #d4d4d4}.StatusCard-Parent-div{margin:0 0 5px;padding:0}.ViewInvestmentComp-StatusCardbar-Parent{padding-top:12px;min-width:none;width:100%;height:100px}}.Card-Paragraph-text{color:var(--white);font-size:15px}.Card-Paragraph-text-two{color:var(--white);font-size:25px;padding-top:15px}.Notify-ALert-red{color:var(--red);font-size:13px}.Collection-Count-title-Paragraph{font-size:13px;padding-bottom:10px;color:var(--grey)}.Collection-Count-Paragraph{color:var(--primary);font-size:15px;text-align:center}.Collection-Status-Paragraph{font-size:15px;text-align:center;color:gray}.ViewInvestmentComp-StatusCardbar-Count-Paragraph{color:var(--white);font-size:20px;text-align:center;padding-top:5px}.ViewInvestmentComp-StatusCardbar-DescriptionClassName-Paragraph{color:var(--white);font-size:13px;text-align:center;padding-top:5px}.StatusCardTwo-Amount-Paragraph{font-size:17px}@media only screen and (max-width: 600px){.Card-Paragraph-text{color:var(--white);font-size:13px}.Card-Paragraph-text-two{color:var(--white);font-size:20px;padding-top:20px}.Collection-Count-Paragraph{color:var(--secondary);font-size:14px;text-align:center}.Collection-Status-Paragraph{font-size:12px;text-align:center}.StatusCardTwo-Amount-Paragraph{font-size:12px}.Collection-Count-title-Paragraph{font-size:11px}.Collection-Count-title-Paragraph{padding:0}}.signIn{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.content{width:50%;display:flex;justify-content:center;text-align:center}.content .left{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;max-width:450px;height:fit-content;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px}.left .top{display:flex;align-items:center;flex-direction:column;padding:20px;gap:10px;color:#00000061}.left .top .top_text{font-size:medium;width:71%;padding:5px;color:var(--primary)}.left form .input{padding:6px}.forget_pass{text-align:end;padding:10px}.forget_pass .anchor{text-decoration:underline;color:gray;font-size:small;cursor:pointer}.ic{color:var(--primaryHover);font-size:medium}.ic_box{margin-left:1%;width:200px;gap:5px;color:#0000009a}.input_common{border-radius:5px;border:1.5px solid var(--primary);width:100%;max-width:414px;height:40px;outline:none;padding:10px}.input_common::placeholder{color:#bebcbc}.input_common:focus{border:1px solid #0091ff}.signIn_btn{background-color:var(--primary);width:418px;height:42px;color:#fff;border-radius:5px;outline:none;border:none}.signIn_btn:hover{background-color:var(--primaryHover);cursor:pointer}.incorrect{color:red;font-size:small;padding-top:10px;text-align:start;padding-left:10px}.Login-alerts{width:100%;text-align:left;margin-left:2.3%;font-size:small;color:red}@media screen and (max-width:1000px){.right{display:none}}@media screen and (max-width:500px){.left{transform:scale(.7)}}.Tablebtn{background-color:var(--lightsandle);border:2px solid var(--lightsandle);text-decoration:underline;font-size:1em;cursor:pointer}.Table-btn{background-color:var(--lightsandle);border:2px solid var(--lightsandle);font-size:1em;color:var(--green);cursor:pointer}.Table-btn-warning{background-color:var(--lightsandle);font-size:1em;color:var(--red);border:1px solid var(--red);padding:2%;cursor:pointer}.Table-btn-completed{background-color:var(--lightsandle);border:2px solid var(--lightsandle);font-size:1em;color:var(--green);cursor:pointer}.SearchBar-Sort-icon{background-color:var(--white);border:2px solid var(--white);text-decoration:underline;font-size:1em;color:var(--secondary);cursor:pointer}.HeadComp-SwapVertIcon{color:var(--secondary);background-color:var(--white);border:0px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;height:35px;border-radius:3px;padding:2px;width:35px;cursor:pointer}.HeadComp-Group-Button{color:var(--secondary);background-color:var(--white);border:0px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;height:35px;min-width:120px;border-radius:3px;padding:5px;margin-right:10px;width:10%;cursor:pointer}.Form-Update-Button{color:var(--secondary);background-color:var(--white);border:0px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;height:35px;min-width:150px;border-radius:3px;padding:5px;width:16%;cursor:pointer}.HeadComp-Group-Button-color{color:var(--white);background-color:var(--secondary);border:0px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;height:35px;min-width:120px;border-radius:3px;padding:5px;margin-right:10px;width:10%;cursor:pointer}.DateFilter-Submit-Button{color:var(--white);background-color:var(--secondary);border:0px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;height:27px;border-radius:3px;padding:5px;margin-right:10px;width:80px;cursor:pointer}.Card-button-text-three{border:0px;color:#fff;text-decoration:underline;padding-top:5px;margin-bottom:25px;display:block;cursor:pointer}.Form-Submit-Button,.Popup-Submit-Button,.Form-Submit-Button-Label{background-color:var(--secondary);color:var(--white);border:0px solid var(--white);height:27px;padding:3px 10px 5px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;border-radius:3px;min-width:50px;width:100px;cursor:pointer}.Form-Submit-Button-two{background-color:var(--secondary);color:var(--white);border:0px solid var(--white);height:25px;padding:3px 10px 5px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;border-radius:3px;min-width:50px;width:80px;cursor:pointer}.Form-Clear-Button{outline:1px solid var(--secondary);border:0px solid var(--white);background-color:var(--white);height:25px;width:80px;padding:4px 10px 5px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;border-radius:3px;cursor:pointer}.Photo-button{height:35px;width:46%;outline:1px solid var(--secondary);border:0px solid var(--white);background-color:var(--white);border-radius:3px;color:var(--secondary);cursor:pointer}.Close-Group,.TakePhoto-Capture-Button{height:35px;width:46%;padding:7px;outline:1px solid var(--secondary);border:0px solid var(--white);background-color:var(--white);border-radius:3px;color:var(--secondary);font-size:13px;cursor:pointer}.Alert-view-btn{height:28px;width:46%;padding:7px;outline:1px solid var(--secondary);border:0px solid var(--white);background-color:var(--white);border-radius:3px;color:var(--secondary);font-size:12px;cursor:pointer}.TakePhoto-Capture-submit{height:35px;width:46%;padding:7px;background-color:var(--secondary);border:0px solid var(--white);border-radius:3px;color:#fff;font-size:13px;cursor:pointer}.Update-Submit-Button{background-color:var(--secondary);color:var(--white);border:0px solid var(--white);height:35px;padding:3px 10px 5px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;border-radius:3px;min-width:50px;width:160px;cursor:pointer}.Update-cancel-Button{outline:1px solid var(--secondary);border:0px solid var(--white);background-color:var(--white);height:35px;width:160px;padding:4px 10px 5px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:12px;border-radius:3px;cursor:pointer}@media screen and (max-width: 600px){.HeadComp-Group-Button{width:50%;height:40px}.Popup-Submit-Button{width:40%;height:35px}.HeadComp-Group-Button-color{width:50%;height:40px}.TakePhoto-Capture-submit,.TakePhoto-Capture-Button{width:90%}}.AddPackage-Con{width:100%;display:flex;flex-direction:column;align-items:center;gap:70px}.extra-package-style{height:90%}.AddPackage-Form{width:95%;margin-top:2%;height:25%}.package-view-con{width:100%;height:64%}.theropy-form{width:50%}@media (max-width: 800px){.theropy-form{width:90%}}.theropy-Editpop-con{position:absolute;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:4}.theropy-Editpop{height:70vh;width:70%;min-width:350px;padding:2% 2% 7%;background-color:#fff;border-radius:10px;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%;animation:popupAnimation .1s ease-out forwards}.popup-cancelIcon-con{width:100%;display:flex;justify-content:center;height:10%;align-items:center}.popup-cancelIcon{display:flex;justify-content:end;width:100%}.signIn .content{display:flex;justify-content:center}.left{width:fit-content;padding:10px}.forget_pass{text-align:end}.button_box{height:100px;display:flex;justify-content:center;align-items:center}.signIn_button{background-color:var(--primary);width:415px;height:42px;color:#fff;border-radius:5px;outline:none;border:none;cursor:pointer}.signIn_button:hover{background-color:var(--primaryHover)}.icon{color:var(--primary);padding-left:5px}.inc{color:red;font-size:small;text-align:start;padding-left:7px}.error_sect{padding-top:8px;text-align:start}.resend_otp{display:flex;justify-content:space-between;padding:10px}.error_section_otp{padding-top:15px;text-align:start}.incorr_otp{color:red;font-size:small;text-align:start;padding-left:14px}.otp_page{width:100%;height:100vh;display:flex;justify-content:space-between;align-items:center;background-image:url(../assets/bg.png);background-size:100% 102%;background-repeat:no-repeat}.otp_page .left{display:flex;justify-content:center}.content .left{display:flex;flex-direction:column;padding:10px}.input span{display:flex;align-items:center;padding:8px 8px 8px 0}.input2{outline:none;border:none;border:1px solid var(--primary);width:50px;font-size:large;padding:10px 10px 10px 20px}.button_box{height:100px;display:flex;width:100%;justify-content:center;align-items:center}.otp_button{background-color:var(--primary);width:415px;height:42px;color:#fff;border-radius:5px;outline:none;border:none}.otp_button:hover{background-color:var(--primaryHover);cursor:pointer}.icon{color:#123262;padding-left:5px}.image{border:2px solid black}.otp_section{width:414px;display:flex;justify-content:space-evenly}.pre_next{height:30px;display:flex;justify-content:center;align-items:center;gap:10px}.anchor{text-decoration:none;color:gray;font-size:small;cursor:pointer}.incorr{color:red;font-size:small;text-align:start;padding-left:7px}.error_section{padding-top:8px;text-align:start}