.topbar{width:100%;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:999;padding:10px 0;border-bottom:1px solid #eee}.topbarWrapper{height:100%;padding:0 20px;justify-content:space-between}.logo,.topbarWrapper{display:flex;align-items:center}.logo{font-weight:700;font-size:22px;color:#57df9e;cursor:pointer;grid-gap:10px;gap:10px}.topRight{display:flex;align-items:center}.topRight button{padding:9px 10px;background:#57df9e;border:1px solid #57df9e}.topbarIconContainer{position:relative;cursor:pointer;margin-right:10px;color:#555}.topIconBadge{width:15px;height:15px;position:absolute;top:-5px;right:0;background-color:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.topAvatar{width:40px;height:40px;border-radius:50%;cursor:pointer}#container{display:flex;margin-top:10px}#link{text-decoration:none;color:inherit}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:none}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,.btn:focus-visible,:not(.btn-check)+.btn:active{background-color:#57df9e!important;border-color:#57df9e!important}.btn:focus-visible{color:#fff;outline:0;box-shadow:none!important}.btn:hover{color:#fff;background-color:#2d9d67!important;border-color:#2d9d67!important}button:hover{background:#2d9d67!important}input:focus-visible,textarea:focus-visible{outline:0;box-shadow:none}::-webkit-scrollbar-thumb{background-color:#57df9e}::-webkit-scrollbar-track{background-color:#efefef}::-webkit-scrollbar{width:12px;height:12px}.userList{padding-top:1vh}.sidebar{flex:1 1;background-color:#fbfbff;position:relative;top:0}.sidebarWrapper{padding:20px;color:#555;position:fixed;top:135px;bottom:0;z-index:1;width:20%}.sidebarMenu{margin-bottom:10px}.sidebarTitle{font-size:18px;color:#000;font-weight:600}.sidebarList{list-style:none;padding:5px}.sidebarList a{line-height:32px;font-size:15px;color:#000;font-weight:600;cursor:pointer;transition:.3s}.sidebarListItem{padding:5px;cursor:pointer;display:flex;align-items:center;border-radius:5px;transition:.3s}.sidebarSubListItem{padding:0 0 0 55px;margin:0}.sidebarList a:hover{color:#57df9e}.sidebarListItem.active,.sidebarListItem:hover{background-color:#d8f9e8;color:#57df9e}.sidebarList a.active{color:#57df9e}.sidebarList a.active .sidebarListItem{background:#d8f9e8}.sidebarIcon{margin-right:15px;font-size:20px!important;width:25px;height:25px}@media only screen and (max-width:1200px){.sidebarWrapper{width:35%;position:relative;top:0}.sidebar{height:auto}}@media only screen and (max-width:991px){.sidebarWrapper{padding:20px 0}}@media only screen and (max-width:991px){.sidebar{flex:auto;height:auto;background-color:#fbfbff;position:relative;top:0}.sidebarWrapper{position:relative;top:10px}}@media only screen and (max-width:767px){.sidebarWrapper{width:50%;width:100%}}.userUpdateLeft button.add_new{margin-top:15px;display:block}.deleteButton{margin-left:10px;border:1px solid #e4565d!important;background-color:#e4565d!important;margin-bottom:.5vh}.add{margin-Top:10px;margin-right:10px;padding:10px 30px;background:#57df9e;border:1px solid #57df9e!important;font-size:18px;font-weight:600;background-color:#57df9e!important}.userUpdateMaterialInput{width:50%;border:1px solid #dbdbdb;font-size:16px;padding:0 10px;height:45px;border-radius:6px;background:#f7f7f7}.userListEdit{border-radius:10px;padding:5px 10px}.search_bar form input{background:#fff;border:1px solid #dbdbdb;padding:10px;border-radius:8px 0 0 8px;margin-right:0}.search_bar form .search_btn{border-radius:0 8px 8px 0}.search_bar form .reset_btn,.search_bar form .search_btn{padding:9px 10px;margin-top:-4px;background:#57df9e;border:1px solid #57df9e}body .search_bar{display:flex;justify-content:end!important;padding-bottom:20px}.userList ul.pagination{justify-content:center}@media only screen and (max-width:480px){.search_bar form input{margin-right:0;width:180px}}.productInfoItem{font-size:130%;width:500px;display:flex;justify-content:flex-start}.custom_login{background:#fff;box-shadow:0 0 8px 4px hsla(0,0%,58.4%,.12156862745098039);padding:25px;border-radius:10px;max-width:600px;margin:0 auto}.custom_login input{background:#fff!important;border:1px solid #dbdbdb;font-size:16px;padding:13px;color:#000}.custom_login input:focus{color:#000;background-color:#fff;border-color:#dbdbdb;outline:0;box-shadow:none}.custom_login label{font-size:16px;font-weight:600;margin-bottom:9px}.custom_login button{background:#57df9e;border:1px solid #57df9e;padding:8px 40px;font-size:16px;font-weight:600;text-transform:uppercase}.custom_login button:hover{background:#319162;border:1px solid #319162}@media screen and (max-width:767x){.custom_login{padding:15px;margin-top:30px}}body .search_bar_recycli{display:flex;justify-content:space-between;padding-bottom:20px}.search_bar_recycli form input{background:#fff;border:1px solid #dbdbdb;padding:10px;border-radius:8px 0 0 8px;margin-right:0}.search_bar_recycli form .search_btn{border-radius:0 8px 8px 0}.search_bar_recycli form .reset_btn,.search_bar_recycli form .search_btn{padding:9px 10px;margin-top:-4px;background:#57df9e;border:1px solid #57df9e}.custom_data_table table.table tbody tr td:last-child,.custom_data_table table.table thead tr th:last-child{text-align:right;width:15vw}.custom_data_table table.table tbody tr td{vertical-align:middle}.userList ul.pagination{bottom:30px}.custom_data_table{margin-bottom:120px}@media only screen and (max-width:1200px){.userList ul.pagination{left:0;right:0;bottom:10px}.custom_data_table{width:100%;overflow:scroll}.custom_data_table table.table{overflow-x:scroll;width:1200px}}@media only screen and (max-width:900px){.custom_data_table table.table tbody tr td:last-child,.custom_data_table table.table thead tr th:last-child{width:auto}}@media only screen and (max-width:767px){.userList{padding-right:0!important}.custom_data_table{height:auto}}@media only screen and (max-width:480px){body .search_bar_recycli{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;grid-gap:15px;gap:15px}}@media only screen and (max-width:360px){.search_bar_recycli form input{margin-right:0;width:180px}}@media only screen and (max-width:767px){.userUpdate{flex:auto;margin-left:0}}.product{flex:4 1;padding:20px}.productTitle{margin-left:2%}.productTitleContainer{justify-content:space-between}#productTitleContainer,.productTitleContainer{display:flex;align-items:center}.productAddButton{width:80px;border:none;padding:5px;background-color:teal;color:#fff;border-radius:5px;font-size:16px;cursor:pointer}.productTop{display:flex}.productTopLeft,.productTopRight{flex:1 1}.productInfoImg{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:20px}#productInfoImg{width:400px;height:400px;object-fit:contain}#productInfoImg,#productInfoImgNotFound{border-radius:10%;margin-right:20px;margin-bottom:20px}#productInfoImgNotFound{width:80px;height:80px;object-fit:cover}.productInfoTop{display:flex;align-items:center}.productName{font-size:200%}.productInfoBottom{margin-top:10px;justify-content:flex-start}.productInfoValue{font-weight:500}#productInfoKey{font-weight:500;font-size:90%}#productInfoItem{font-size:130%;width:100%;display:flex}#productInfoValue{width:80%;font-weight:500;font-size:90%;justify-content:flex-start}.productBottom{padding:20px;margin:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);border-radius:20px}.productForm{display:flex;justify-content:space-between}.productFormLeft{display:flex;flex-direction:column}.productFormLeft>label{margin-bottom:10px;color:grey}.productFormLeft>input{margin-bottom:10px;padding:5px;border:none;border-bottom:1px solid grey}.productFormLeft>select{margin-bottom:10px}.productUploadImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.productFormRight{display:flex;flex-direction:column;justify-content:space-around}.productUpload{display:flex;align-items:center}.productButton{border:none;padding:5px;border-radius:5px;background-color:#00008b;color:#fff;font-weight:600;cursor:pointer}.product .back_btn{padding:9px 10px;background:#57df9e;border:1px solid #57df9e}.product h1.productTitle{font-size:28px;font-weight:600;text-transform:capitalize}.productTop .productTopRight div#productInfoItem{padding:4px 0;border-bottom:1px solid #dbdbdb}#productInfoKey{width:20%;font-weight:600;font-size:18px;justify-content:flex-start}.productBottom .product_desc{border-bottom:2px solid #cdcdcd;margin-bottom:10px;padding-bottom:10px}.productBottom .product_desc:last-child{border-bottom:none}.productBottom .product_desc div#productInfoItem{border-bottom:1px solid #dbdbdb;padding:3px 0}.productBottom .product_desc div#productInfoItem:last-child{border-bottom:none}.productTopRight{padding:20px;margin:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75);border-radius:20px}.user{flex:4 1;padding:20px}.userTitleContainer{display:flex;align-items:center;justify-content:space-between}.userAddButton{width:80px;border:none;padding:5px;background-color:teal;border-radius:5px;cursor:pointer;color:#fff;font-size:16px}.userContainer{display:flex;margin-top:20px}.userShow{flex:1 1}.userShow,.userUpdate{padding:20px;box-shadow:0 0 15px -10px rgba(0,0,0,.75)}.userUpdate{flex:2 1;margin-left:20px;border-radius:20px}.userShowTop{display:flex;align-items:center}.userShowImg{width:40px;height:40px;border-radius:50%;object-fit:cover}.userShowTopTitle{display:flex;flex-direction:column;margin-left:20px}.userShowUsername{font-weight:600}.userShowUserTitle{font-weight:300}.userShowBottom{margin-top:20px}.userShowTitle{font-size:14px;font-weight:600;color:#afaaaa}.userShowInfo{display:flex;align-items:center;margin:20px 0;color:#444}.userShowIcon{font-size:16px!important}.userShowInfoTitle{margin-left:10px}.userUpdateTitle{font-size:24px;font-weight:600}.userUpdateForm{display:2;justify-content:space-between;margin-top:20px}.userUpdateItem{display:flex;flex-direction:column;margin-top:10px}.userUpdateItem>label{margin-bottom:5px;font-size:16px;text-transform:capitalize;font-weight:600}.userUpdateInput{padding:0 10px;height:45px}.userUpdateInput,.userUpdateInputText{width:100%;border:1px solid #dbdbdb;font-size:16px;border-radius:6px;background:#f7f7f7}.userUpdateInputText{height:8em;margin-bottom:2%;padding:10px}.userUpdateRight{display:flex;flex-direction:column;justify-content:space-between}.userUpdateUpload{display:flex;align-items:center}.userUpdateImg{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-right:20px}.userUpdateIcon{cursor:pointer}.userUpdateButton{border-radius:5px;border:none;padding:5px;cursor:pointer;background-color:#00008b;color:#fff;font-weight:600}.user h1.userTitle{font-size:28px;font-weight:600;text-transform:capitalize}.userUpdateLeft button.add_new{padding:10px 30px;background:#57df9e;border:1px solid #57df9e;font-size:18px;font-weight:600}.userList{flex:4 1;padding-right:20px!important}.userListUser{display:flex;align-items:center}.userListImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.userListEdit{border:none;border-radius:6px;background-color:#57df9e;color:#fff;cursor:pointer;margin-right:0;text-align:center;width:auto;padding:9px 10px}.viewButton{background-color:#57df9e;margin-right:10px}.deleteButton,.viewButton{border:none;border-radius:10px;padding:5px 10px;color:#fff;cursor:pointer}.deleteButton{background-color:#e4565d;margin-right:0}.editButton{background-color:#33b577}#userListEditdiv,.editButton{border:none;border-radius:10px;padding:5px 10px;color:#fff;cursor:pointer}#userListEditdiv{margin-left:80%;text-align:center;display:flex;justify-content:center;width:10%;background-color:#3bb077}button.next_btn,button.prev_btn{padding:9px 30px;margin-top:0;background:#57df9e!important;border:1px solid #57df9e!important}.userListDelete{color:red;cursor:pointer}body .search_bar_category{display:flex;justify-content:space-between;padding-bottom:20px}.search_bar_category form input{background:#fff;border:1px solid #dbdbdb;padding:10px;border-radius:8px 0 0 8px;margin-right:0}.search_bar_category form .search_btn{border-radius:0 8px 8px 0}.search_bar_category form .reset_btn,.search_bar_category form .search_btn{padding:9px 10px;margin-top:-4px;background:#57df9e;border:1px solid #57df9e}.categories_table table.table tbody tr td:last-child,.categories_table table.table thead tr th:last-child{width:15vw}.categories_table table.table tbody tr td{vertical-align:middle;min-width:180px}.userList ul.pagination .page-link{font-size:15px;color:#000;text-decoration:none;background-color:#fff;border:1px solid #57df9e}.userList ul.pagination .page-link:focus{outline:0;box-shadow:none}.userList ul.pagination .page-link:hover{background-color:#57df9e;color:#fff}.userList ul.pagination{position:fixed;bottom:10px;left:20%;right:0;margin:0 auto}.categories_table{margin-bottom:120px;overflow-x:scroll;width:100%}.userList ul.pagination .active>.page-link,.userList ul.pagination .page-link.active{z-index:3;color:#fff;background-color:#57df9e;border-color:#57df9e}.userList{max-width:calc(100% - 330px);overflow:auto}.view .wrapper .table{height:100%;max-height:100%}.view .wrapper .table thead{position:-webkit-sticky;position:sticky;top:0;z-index:99999;background:#fff;border-bottom:1px solid #e7e7e7}.view .wrapper .table thead th{padding-bottom:10px}@media only screen and (max-width:1530px){.editButton,.viewButton{padding:5px;margin-right:5px}.deleteButton{padding:5px}}@media only screen and (max-width:1200px){.userList ul.pagination{left:0;right:0;bottom:10px}.categories_table{width:100%}.categories_table table.table{width:1200px}}@media only screen and (max-width:900px){.categories_table table.table tbody tr td:last-child,.categories_table table.table thead tr th:last-child{width:auto}}@media only screen and (max-width:767px){.userList{padding-right:0!important}.categories_table{height:auto}}@media only screen and (max-width:480px){body .search_bar_category{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;grid-gap:15px;gap:15px}}@media only screen and (max-width:360px){.search_bar_category form input{margin-right:0;width:180px}}.view{margin:auto;overflow-y:unset;height:70vh}.wrapper{position:relative;overflow:auto;white-space:nowrap;max-height:100%}.sticky-col{position:-webkit-sticky;position:sticky;background-color:#fff!important;z-index:1000}.first-col{min-width:100px;max-width:140px;left:0}.second-col{min-width:150px;left:140px;text-align:center}.third-col{min-width:100px;max-width:160px;left:290px;white-space:normal;word-wrap:break-word}.z-index-100{z-index:100!important}.z-10000{position:fixed;z-index:10000}
/*# sourceMappingURL=main.1093d4cf.chunk.css.map */