#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.custom__form{border-radius:4px;width:100%;outline:none;font-size:.875rem;display:flex;align-items:baseline;height:48px;justify-content:space-between;flex-direction:column}.custom__form .error{font-size:.75rem;font-weight:600;color:#000;line-height:0px}.custom__form:focus-within{outline:none}.custom__form .inside__input{border:none;outline:none;font-size:.875rem;width:100%;color:var(--text ThemeColor1)!important}.custom__form .inside__input:disabled{cursor:not-allowed!important;pointer-events:all!important;border:none}.custom__form input:focus{border:none}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{padding:2em}.signin{display:flex;align-items:center;justify-content:center;margin:auto;width:100vw;height:100vh;flex-direction:column;background-color:#2e8b57}.signin .signin__logo{display:flex;flex-direction:row;align-items:center;gap:20px;width:150px;margin-bottom:50px}.signin .signin__logo p{font-size:2rem;font-weight:600;color:#fff}.signin .signin__body{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:375px;gap:50px}.signin .signin__body .title{font-size:2.3rem;font-weight:600;color:#fff;line-height:0px}.signin .signin__body form{display:flex;flex-direction:column;justify-content:space-between;height:280px}.signin .signin__body form .inputs{height:48px}.signin .signin__body form input{width:355px;height:48px;border-radius:8px;border:none;padding:10px;background-color:#f5f5f5;color:#000;margin-top:20px;margin-bottom:10px}.signin .signin__body form .forgotPassword{font-size:1rem;font-weight:500;cursor:pointer;color:#fff}.signin .signin__body form .forgotPassword:hover{color:#f5f5f5}.signin .signin__body form .btn{width:360px;height:65px;background-color:#000;border-radius:10px}.signin .signin__body form .btn p{font-weight:600;color:#fff;font-size:.975rem}.signup{display:flex;align-items:center;justify-content:center;margin:auto;width:100%;height:100vh;flex-direction:column;background-color:#2e8b57}.signup .signup__logo{display:flex;flex-direction:row;align-items:center;gap:20px;width:150px;margin-bottom:50px}.signup .signup__logo p{font-size:2rem;font-weight:600;color:#fff}.signup .signup__body{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:375px}.signup .signup__body .title{font-size:1.5rem;font-weight:600;color:#fff;line-height:0px}.signup .signup__body .signup__form{display:flex;flex-direction:column;justify-content:center;align-items:center}.signup .signup__body .signup__form .inputs{height:70px;width:355px}.signup .signup__body .signup__form .inputs .error{font-size:.75rem;font-weight:600;color:red;line-height:0px}.signup .signup__body .signup__form .dropdown{width:355px;border-radius:8px;height:48px;margin-block:15px}.signup .signup__body .signup__form input{width:355px;height:48px;border-radius:8px;border:none;padding:10px;background-color:#f5f5f5;color:#000;margin-block:10px}.signup .signup__body .signup__form .terms_condition{font-size:1rem;font-weight:500;cursor:pointer;color:#fff;margin-block:5px;width:340px}.signup .signup__body .signup__form .terms_condition span{border-bottom:1px solid white}.signup .signup__body .signup__form .btn{width:360px;height:65px;background-color:#000;border-radius:10px}.signup .signup__body .signup__form .btn p{font-weight:600;color:#fff;font-size:.975rem}.signup .footer{margin-top:15px}.signup .footer p{font-size:1rem;font-weight:500;color:#fff}.signup .footer p:nth(2){cursor:pointer}.reset__password{display:flex;align-items:center;justify-content:space-around;margin:auto;width:100vw;height:100vh;flex-direction:column;background-color:#e6e6fa}.reset__password__logo{display:flex;flex-direction:row;align-items:center;gap:20px;width:150px}.reset__password__logo p{font-size:1.5rem;font-weight:600;color:#000}.reset__password__body{position:relative;bottom:100px;text-align:center;width:375px}.reset__password__body__info{display:flex;flex-direction:column;gap:5px;margin-top:30px}.reset__password__body__info p{line-height:30px;font-size:2rem;font-weight:600;color:#2e8b57;margin-block:10px}.reset__password__body__info p:nth-child(2){font-size:1rem;line-height:19px;color:#a9a9a9}.reset__password__body .inputs{height:70px;margin-block:20px}.reset__password__body .inputs .error{font-size:.75rem;font-weight:600;color:red;line-height:0px}.reset__password__body .inputs input{width:300px;height:30px;border-radius:8px;border:none;padding:10px;background-color:#f5f5f5;color:#000;margin-bottom:5px}.reset__password__body .btn{width:320px;height:65px;background-color:#2e8b57}.reset__password__body .btn p{font-weight:600}.sidebar{height:100vh;transition:all .5ms;border-right:1px solid rgba(2,118,59,.9215686275);width:250px;position:fixed;left:0;background:#02763beb;z-index:1;overflow-y:hidden;padding-top:40px}.sidebar .sidebar__layout{height:80%}.sidebar .sidebar__layout .sidebar__logo{display:flex;flex-direction:row;align-items:center;gap:20px;width:6.5rem;margin:0 auto 40px 48px;color:#fff!important}.sidebar .sidebar__layout .sidebar__logo p{font-size:2rem;font-weight:600;color:#fff}.sidebar .sidebar__layout .sidebar__menuItems:hover{color:unset}.sidebar .sidebar__layout .sidebar__menuItems .siderbar__itemLinks{font-weight:400;font-size:1.1rem;line-height:20px;color:#fff!important;display:flex;align-items:center;padding-left:3rem;height:36px;margin-bottom:15px;position:relative}.sidebar .sidebar__layout .sidebar__menuItems .siderbar__itemLinks:hover{background-color:#58d68d}.sidebar .sidebar__layout .sidebar__menuItems .siderbar__itemLinks:hover.active{color:var(--textThemeColor4)!important;background-color:var(--bgThemeColor2);border-right:5px solid var(--textThemeColor4);transition:all .5s}.sidebar .sidebar__layout .sidebar__menuItems .siderbar__itemLinks .menuItem__title{padding-left:11px;padding-block:11px}.sidebar .sidebar__layout .sidebar__menuItems .siderbar__itemLinks .menuItem__title:hover{color:var(--textThemeColor4);background-color:#58d68d}.sidebar .sidebar__layout .active{color:var(--textThemeColor4)!important;background-color:var(--bgThemeColor2);border-right:5px solid var(--textThemeColor4);transition:all .5s}.sidebar .sidebar__layout .sidebar__menuItem__icon{margin-right:.7rem}.sidebar .mobile__menuItem__logout{font-weight:400;font-size:1.1rem;line-height:20px;color:#fff!important;display:flex;align-items:center;padding-left:3rem;height:36px;margin-bottom:15px;position:relative;gap:20px}.sidebar .mobile__menuItem__logout:hover{background-color:#58d68d}.sidebar .mobile__menuItem__logout:hover.active{color:var(--textThemeColor4)!important;background-color:var(--bgThemeColor2);border-right:5px solid var(--textThemeColor4);transition:all .5s}@media only screen and (max-width: 992px){.sidebar{display:none;position:absolute;top:0;left:0;width:250px;min-height:100vh;z-index:12;background-color:var(--bgThemeColor1)}.sidebar .sidebar__logo{display:none}.sidebar .sidebar__menuItems{margin-top:50px}.sidebar .siderbar__itemLinks{color:#fff!important}.sidebar .siderbar__itemLinks:hover{background-color:var(--bgThemeColor2);color:var(--textThemeColor4)!important}.sidebar .active{color:var(--textThemeColor4)!important;background-color:var(--bgThemeColor2);border-right:5px solid var(--textThemeColor4);transition:all .5s}}.navbar{color:#fff;background:#fff;font-weight:400;font-size:1rem;line-height:24px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid black;position:fixed;padding:1rem 2.5rem;z-index:99;width:calc(100% - 250px);left:250px}.navbar__toggle__menu{display:none}.navbar .navbar__items{display:flex;align-items:center;justify-content:flex-start;gap:20px!important;width:100%;height:60px}.navbar .navbar__items__path{color:#000;font-size:1.5rem;font-weight:600}.navbar .mobile__view{display:none}.dashboardLayout__container{display:flex}.dashboardLayout__container .main__section__page{width:calc(100% - 215px);margin-left:247px}@media only screen and (max-width: 992px){.dashboardLayout__container{height:100vh}.dashboardLayout__container .main__section__page{width:100%;padding-left:0;padding-right:0;margin-left:0}.dashboardLayout__container .layout__main__area{margin-left:0;margin-right:0}}.client{display:flex;height:80vh;padding:90px 20px 10px 40px;height:100vh;width:80vw;justify-content:space-between;flex-direction:row}.client .client_list{display:flex}.client .client_list .clientlist{display:flex;flex-direction:column;margin-top:20px}.client .client_list .clientlist .clientlist__body{display:flex;flex-direction:column;gap:20px}.client .client_list .clientlist .clientlist__body .summary{display:flex;flex-direction:row;justify-content:space-between;gap:20px;width:100%!important}.client .client_list .clientlist .clientlist__body .summary .summary__body{display:flex;flex-direction:column;justify-content:center;border:1px solid #d7dbdd;height:100px;width:100%;padding:20px;border-radius:8px}.client .client_list .clientlist .clientlist__body .summary .summary__body p{font-size:1.2rem;color:#76797a}.client .client_list .clientlist .clientlist__body .summary .summary__body p:last-child{font-size:1.5rem;font-weight:600;color:#000}.client .client_list .clientlist .clientlist__body .search_select{display:flex;flex-direction:row;align-items:baseline;width:100%;gap:20px}.client .client_list .clientlist .clientlist__body .search_select .search_field{width:50%}.client .client_list .clientlist .clientlist__body .search_select .btns{display:flex;flex-direction:row;justify-content:space-between;gap:20px;height:48px;width:350px}.client .client_list .clientlist .clientlist__body .search_select .dropdown{width:180px}.client .client_list .clientlist .clientlist__body .active_status{width:100px;height:30px;padding:5px;border:2px solid #48c9b0;color:#48c9b0;font-weight:600;border-radius:8px}.client .client_list .clientlist .clientlist__body .suspended_status{width:100px;height:30px;padding:5px;border:2px solid #e74c3c;color:#e74c3c;font-weight:600;border-radius:8px}.client .client_list .clientlist .clientlist__body .pagination{list-style:none;height:31.5px;display:flex;justify-content:flex-end;align-items:center;margin-top:2px;cursor:pointer}.client .client_list .clientlist .clientlist__body .active{background-color:#d7dbdd;border:3px solid #76797a}.client .client_list .clientlist .clientlist__body .previous,.client .client_list .clientlist .clientlist__body .next{border-right:1px solid #d7dbdd;gap:5px}.client .client_list .clientlist .clientlist__body .page-item{list-style:none;height:31.5px;width:31px;display:flex;justify-content:center;align-items:center;margin-top:2px;border:1px solid #d7dbdd}.client .client_list .no_client{display:flex;justify-content:center;align-items:center;height:100vh;width:60vw}.client .client_list .no_client p{font-size:1.8rem;font-weight:600}.client .right{display:flex;width:25%;border-left:2px solid #d7dbdd;justify-content:center}.vendor{display:flex;align-items:center;justify-content:center;margin:0;flex-direction:column}.vendor .switch{display:flex;flex-direction:row;align-items:baseline;justify-content:space-around;width:400px}.vendor .switch .title{font-size:1.3rem;font-weight:600;cursor:pointer}.vendor .switch .active{text-decoration:underline;text-decoration-color:#85929e;font-weight:700}.vendor .switch .inactive{text-decoration:none;color:gray}.vendor .vendor__body{display:flex;align-items:center;flex-direction:column;text-align:center;width:375px;margin-top:20px}.vendor .vendor__body .title{font-size:1.5rem;font-weight:600;color:#000;line-height:0px}.vendor .vendor__body .vendor__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.vendor .vendor__body .vendor__form .inputs{height:60px;width:355px}.vendor .vendor__body .vendor__form .inputs .error{font-size:.75rem;font-weight:600;color:red;line-height:0px}.vendor .vendor__body .vendor__form .dropdown{width:355px;border-radius:8px;height:48px;margin-bottom:10px}.vendor .vendor__body .vendor__form input{width:355px;height:60px;border-radius:8px;border:none;padding:10px;background-color:#f5f5f5;color:#000;margin-block:10px}.vendor .vendor__body .vendor__form .terms_condition{font-size:1rem;font-weight:500;cursor:pointer;color:#fff;margin-block:5px;width:340px}.vendor .vendor__body .vendor__form .terms_condition span{border-bottom:1px solid white}.vendor .vendor__body .vendor__form .btn{width:360px;height:65px;background-color:#000;border-radius:10px}.vendor .vendor__body .vendor__form .btn p{font-weight:600;color:#fff;font-size:.975rem}.manager{display:flex;height:80vh;position:fixed;padding:90px 20px 10px 40px;height:100vh;width:calc(100% - 250px);justify-content:space-between;flex-direction:row}.manager .managerlist{display:flex;flex-direction:column;margin-top:20px;width:90%}.manager .managerlist .managerlist__body{display:flex;flex-direction:column;gap:20px}.manager .managerlist .managerlist__body .summary{display:flex;flex-direction:row;justify-content:space-between;gap:20px;width:100%!important}.manager .managerlist .managerlist__body .summary .summary__body{display:flex;flex-direction:column;justify-content:center;border:1px solid #d7dbdd;height:100px;width:100%;padding:20px;border-radius:8px}.manager .managerlist .managerlist__body .summary .summary__body p{font-size:1.2rem;color:#76797a}.manager .managerlist .managerlist__body .summary .summary__body p:last-child{font-size:1.5rem;font-weight:600;color:#000}.manager .managerlist .managerlist__body .active_status{width:100px;height:30px;padding:5px;border:2px solid #48c9b0;color:#48c9b0;font-weight:600;border-radius:8px}.manager .managerlist .managerlist__body .suspended_status{width:100px;height:30px;padding:5px;border:2px solid #e74c3c;color:#e74c3c;font-weight:600;border-radius:8px}.manager .managerlist .managerlist__body .pagination{list-style:none;height:31.5px;display:flex;justify-content:flex-end;align-items:center;margin-top:2px;cursor:pointer}.manager .managerlist .managerlist__body .active{background-color:#d7dbdd;border:3px solid #76797a}.manager .managerlist .managerlist__body .previous,.manager .managerlist .managerlist__body .next{border-right:1px solid #d7dbdd;gap:5px}.manager .managerlist .managerlist__body .page-item{list-style:none;height:31.5px;width:31px;display:flex;justify-content:center;align-items:center;margin-top:2px;border:1px solid #d7dbdd}.manager .no_client{display:flex;justify-content:center;align-items:center;height:100vh;width:60vw}.manager .no_client p{font-size:1.8rem;font-weight:600}.details{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.details .title{font-size:1.3rem;border-bottom:1px solid #d7e1e5;font-weight:600}.details .list_details{display:flex;flex-direction:column;margin:20px}.details .list_details .list{display:flex;justify-content:space-between;flex-direction:row}.details .list_details .list p{font-size:1rem;color:#000;font-weight:500}.details .list_details .list p:nth-child(2){font-size:1.1rem;color:#76797a;font-weight:600}.details .waste{display:flex;flex-wrap:wrap;gap:20px;margin:30px auto}.details .waste .waste_list{display:flex;flex-direction:column;background-color:#f6f6f6;border-radius:5px;padding:20px;flex:1 1 300px;min-width:375px;max-width:400px}.details .waste .waste_list .item{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.details .waste .waste_list .item p{font-size:1rem;color:#000;font-weight:500;text-align:start;min-width:60px}.details .waste .waste_list .item p:nth-child(2){font-size:1.1rem;color:#76797a;font-weight:600;text-align:end}.details .btn{display:flex;flex-direction:row;width:auto;justify-content:space-evenly;gap:50px;margin-inline:20px}.details .btn .suspend{background-color:#e74c3c;color:#fff}.user{display:flex;height:80vh;position:fixed;padding:90px 20px 10px 40px;height:100vh;width:calc(100% - 250px);justify-content:space-between;flex-direction:row}.user .userlist{display:flex;flex-direction:column;margin-top:20px;width:90%}.user .userlist .userlist__body{display:flex;flex-direction:column;gap:20px}.user .userlist .userlist__body .summary{display:flex;flex-direction:row;justify-content:space-between;gap:20px;width:100%!important}.user .userlist .userlist__body .summary .summary__body{display:flex;flex-direction:column;justify-content:center;border:1px solid #d7dbdd;height:100px;width:100%;padding:20px;border-radius:8px}.user .userlist .userlist__body .summary .summary__body p{font-size:1.2rem;color:#76797a}.user .userlist .userlist__body .summary .summary__body p:last-child{font-size:1.5rem;font-weight:600;color:#000}.user .userlist .userlist__body .active_status{width:100px;height:30px;padding:5px;border:2px solid #48c9b0;color:#48c9b0;font-weight:600;border-radius:8px}.user .userlist .userlist__body .suspended_status{width:100px;height:30px;padding:5px;border:2px solid #e74c3c;color:#e74c3c;font-weight:600;border-radius:8px}.user .userlist .userlist__body .pagination{list-style:none;height:31.5px;display:flex;justify-content:flex-end;align-items:center;margin-top:2px;cursor:pointer}.user .userlist .userlist__body .active{background-color:#d7dbdd;border:3px solid #76797a}.user .userlist .userlist__body .previous,.user .userlist .userlist__body .next{border-right:1px solid #d7dbdd;gap:5px}.user .userlist .userlist__body .page-item{list-style:none;height:31.5px;width:31px;display:flex;justify-content:center;align-items:center;margin-top:2px;border:1px solid #d7dbdd}.user .no_client{display:flex;justify-content:center;align-items:center;height:100vh;width:60vw}.user .no_client p{font-size:1.8rem;font-weight:600}