@media (min-width: 1200px){.mainNavigationMenuContainer{display:flex}.mainNavigationMenuContainer #appBar{position:fixed;background-color:#154360}.mainNavigationMenuContainer #homeIconButton{margin-right:36px}.mainNavigationMenuContainer #dashboardTitle{cursor:pointer}}@media (min-width: 900px) and (max-width: 1200px){.mainNavigationMenuContainer{display:flex}.mainNavigationMenuContainer #appBar{position:fixed;background-color:#154360}.mainNavigationMenuContainer #homeIconButton{margin-right:36px}.mainNavigationMenuContainer #dashboardTitle{cursor:pointer}}@media (min-width: 600px) and (max-width: 900px){.mainNavigationMenuContainer{display:flex}.mainNavigationMenuContainer #appBar{position:fixed;background-color:#154360}.mainNavigationMenuContainer #homeIconButton{margin-right:36px}.mainNavigationMenuContainer #dashboardTitle{cursor:pointer}}@media (max-width: 600px){.mainNavigationMenuContainer{display:flex}.mainNavigationMenuContainer #appBar{position:fixed;background-color:#154360}.mainNavigationMenuContainer #homeIconButton{margin-right:36px}.mainNavigationMenuContainer #dashboardTitle{cursor:pointer}}.mainMenuMovilContainer #buttonNavigationContainer{position:fixed;bottom:0;height:7.5vh;width:100vw;border-top:1px solid #B2B6B5;z-index:100;min-height:65px}.mainMenuMovilContainer #containerSubMenu{position:absolute;right:0;bottom:100%;background-color:#fff;width:65px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid gray;border-left:1px solid gray;border-radius:2.5px 0 0;z-index:100}.mainMenuMovilContainer #containerSubMenuBin{position:absolute;left:0;bottom:100%;background-color:#fff;width:65px;height:auto;display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid gray;border-right:1px solid gray;border-radius:0 2.5px 0 0;z-index:100}.mainContainerMiniBarMenu{position:absolute;top:40%;right:0;width:calc(17.5vw + 17.5px);height:auto;background:transparent;display:flex;align-items:center;justify-content:flex-end}.mainContainerMiniBarMenu .secondaryContainerMiniBarMenu{display:flex;flex-direction:column;justify-content:space-between;width:17.5vw;height:auto;background-color:#fff;border-top:1px solid rgb(165,165,165);border-left:1px solid rgb(165,165,165);border-bottom:1px solid rgb(165,165,165);border-radius:5px 0 0 5px;overflow:hidden}.mainContainerMiniBarMenu .arrowContainer{display:flex;align-items:center;justify-content:center;width:17.5px;height:30px;background-color:#fff;border-top:1px solid rgb(165,165,165);border-left:1px solid rgb(165,165,165);border-bottom:1px solid rgb(165,165,165);border-radius:7.5px 0 0 7.5px}.mainContainerMiniBarMenu .arrowContainer .MuiSvgIcon-root{color:#a5a5a5;font-size:16px}@media (min-width: 1200px){.mainImageCropContainer{position:fixed;background-color:#000;top:0;left:0;right:0;bottom:0;z-index:99}.mainImageCropContainer .button-area{text-align:center;margin:auto auto .5%}.mainImageCropContainer .button-area Button{margin-left:2.5%}.mainImageCropContainer .crop-container{position:fixed;top:0;left:0;right:0;z-index:100;bottom:80px}.mainImageCropContainer .controls{position:fixed;bottom:5%;left:0;width:100%;height:80px;z-index:110}.mainImageCropContainer .controls-upper-area{text-align:center}.mainImageCropContainer .slider{width:50%}}@media (min-width: 900px) and (max-width: 1200px){.mainImageCropContainer{position:fixed;background-color:#000;top:0;left:0;right:0;bottom:0;z-index:99}.mainImageCropContainer .button-area{text-align:center;margin:auto auto .5%}.mainImageCropContainer .button-area Button{margin-left:2.5%}.mainImageCropContainer .crop-container{position:fixed;top:0;left:0;right:0;z-index:100;bottom:80px}.mainImageCropContainer .controls{position:fixed;bottom:5%;left:0;width:100%;height:80px;z-index:110}.mainImageCropContainer .controls-upper-area{text-align:center}.mainImageCropContainer .slider{width:50%}}@media (min-width: 600px) and (max-width: 900px){.mainImageCropContainer{position:fixed;background-color:#000;top:0;left:0;right:0;bottom:0;z-index:99}.mainImageCropContainer .button-area{text-align:center;margin:auto auto .5%}.mainImageCropContainer .button-area Button{margin-left:2.5%}.mainImageCropContainer .crop-container{position:fixed;top:0;left:0;right:0;z-index:100;bottom:80px}.mainImageCropContainer .controls{position:fixed;bottom:5%;left:0;width:100%;height:80px;z-index:110}.mainImageCropContainer .controls-upper-area{text-align:center}.mainImageCropContainer .slider{width:50%}}@media (max-width: 600px){.mainImageCropContainer{position:fixed;background-color:#000;top:0;left:0;right:0;bottom:0;z-index:99}.mainImageCropContainer .button-area{text-align:center;margin:auto auto .5%}.mainImageCropContainer .button-area Button{margin-left:2.5%}.mainImageCropContainer .crop-container{position:fixed;top:0;left:0;right:0;z-index:100;bottom:80px}.mainImageCropContainer .controls{position:fixed;bottom:5%;left:0;width:100%;height:80px;z-index:110}.mainImageCropContainer .controls-upper-area{text-align:center}.mainImageCropContainer .slider{width:50%}}@media (min-width: 1200px){.mainProductModalContainer{position:absolute;left:17.5%;top:2.5%;background-color:#fff;width:40%;height:95vh;border-radius:5px 0 0 5px;border-right:1px solid #B2B6B5}.mainProductModalContainer .MuiTextField-root{margin:10px;width:25ch}.mainProductModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%}.mainProductModalContainer #title{font-size:25px;padding-top:1%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:1%}.mainProductModalContainer div{text-align:center}.mainProductModalContainer .products_input-image{position:absolute;visibility:hidden}.mainProductModalContainer #FormControl{margin:1;width:25ch}.mainProductModalContainer #imagePreviewProduct{margin:2.5% auto auto;width:30ch}.mainProductModalContainer #imagePreviewProduct img{width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #NoneImage{position:relative;width:30ch;height:30ch;object-fit:contain;border:gray 1px dashed}.mainProductModalContainer #NoneImage :hover{cursor:pointer}.mainProductModalContainer #PhotoCameraIcon{font-size:50px;color:gray;margin-top:40%}.mainProductModalContainer .MuiIconButton-root{margin-top:25%;height:50px;width:50px}.mainProductModalContainer #containerImage{display:flex;flex-wrap:wrap;margin:25% auto auto}.mainProductModalContainer #leftArrowIcon .MuiSvgIcon-root,.mainProductModalContainer #rightArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #iconsContainer{width:30ch;height:50ch;display:flex;align-items:flex-start;justify-content:flex-end}.mainProductModalContainer #editIcon,.mainProductModalContainer #cameraIcon{margin-top:-25%}.mainProductModalContainer #imageCard{margin:2.5% auto auto;width:30ch;height:30ch}.mainProductModalContainer #imageCard img{position:absolute;left:2.5%;width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #descriptionContainer{position:absolute;left:100%;top:0;background-color:#fff;width:30vw;height:95vh;border-radius:0 5px 5px 0;z-index:-1}.mainProductModalContainer #descriptionContainer .description{position:relative;min-height:10vh;min-width:25vw;max-height:80vh;max-width:25vw;overflow-y:scroll;left:0;padding:10px;margin-top:2.5vh;border:1px solid #B2B6B5;border-radius:5px;font-family:Arial;font-size:16px}.mainProductModalContainer #descriptionContainer .description :focus{border:1px solid #B2B6B5}.mainProductModalContainer #descriptionContainer #saveButton{position:relative;width:100px;margin-top:2.5%;margin-right:2.5%}.mainProductModalContainer #descriptionContainer #closeButton{position:relative;width:100px;margin-top:2.5%;margin-left:2.5%}}@media (min-width: 900px) and (max-width: 1200px){.mainProductModalContainer{position:absolute;left:9%;top:2.5%;background-color:#fff;width:50%!important;height:95vh;border-radius:5px 0 0 5px;border-right:1px solid #B2B6B5}.mainProductModalContainer .MuiTextField-root{margin:10px;width:42.5%!important}.mainProductModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%}.mainProductModalContainer #title{font-size:25px;padding-top:1%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:1%}.mainProductModalContainer div{text-align:center}.mainProductModalContainer .products_input-image{position:absolute;visibility:hidden}.mainProductModalContainer #FormControl{margin:10px;width:42.5%}.mainProductModalContainer #imagePreviewProduct{margin:2.5% auto auto;width:30ch}.mainProductModalContainer #imagePreviewProduct img{width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #NoneImage{position:relative;width:30ch;height:30ch;object-fit:contain;border:gray 1px dashed}.mainProductModalContainer #NoneImage :hover{cursor:pointer}.mainProductModalContainer #PhotoCameraIcon{font-size:50px;color:gray;margin-top:40%}.mainProductModalContainer .MuiIconButton-root{margin-top:25%;height:50px;width:50px}.mainProductModalContainer #containerImage{display:flex;flex-wrap:wrap;margin:25% auto auto}.mainProductModalContainer #leftArrowIcon{position:absolute;left:10%;top:51.125%}.mainProductModalContainer #leftArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #rightArrowIcon{position:absolute;left:90%;top:51.125%}.mainProductModalContainer #rightArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #iconsContainer{width:30ch;height:50ch;display:flex;align-items:flex-start;justify-content:flex-end}.mainProductModalContainer #editIcon,.mainProductModalContainer #cameraIcon{margin-top:-25%}.mainProductModalContainer #imageCard{margin:2.5% auto auto;width:30ch;height:30ch}.mainProductModalContainer #imageCard img{position:absolute;left:5%;width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #descriptionContainer{position:absolute;left:100%;top:0;padding-right:2.5%;background-color:#fff;width:30vw;height:95vh;border-radius:0 5px 5px 0;z-index:-1}.mainProductModalContainer #descriptionContainer .description{position:relative;min-height:10vh;min-width:25vw;max-height:80vh;max-width:25vw;overflow-y:scroll;left:0;padding:10px;margin-top:2.5vh;border:1px solid #B2B6B5;border-radius:5px;font-family:Arial;font-size:16px}.mainProductModalContainer #descriptionContainer .description :focus{border:1px solid #B2B6B5}.mainProductModalContainer #descriptionContainer #saveButton{position:relative;width:100px;margin-top:2.5%;margin-right:2.5%}.mainProductModalContainer #descriptionContainer #closeButton{position:relative;width:100px;margin-top:2.5%;margin-left:2.5%}}@media (min-width: 600px) and (max-width: 900px){.mainProductModalContainer{background-color:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden;object-fit:contain}.mainProductModalContainer .MuiTextField-root{margin:20px;width:40%}.mainProductModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%}.mainProductModalContainer #title{font-size:25px;padding-top:2%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:2%}.mainProductModalContainer div{text-align:center}.mainProductModalContainer .products_input-image{position:absolute;visibility:hidden}.mainProductModalContainer #FormControl{margin:20px;width:40%}.mainProductModalContainer #imagePreviewProduct{margin:2.5% auto auto;width:30ch}.mainProductModalContainer #imagePreviewProduct img{width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #NoneImage{position:relative;width:30ch;height:30ch;object-fit:contain;border:gray 1px dashed}.mainProductModalContainer #NoneImage :hover{cursor:pointer}.mainProductModalContainer #PhotoCameraIcon{font-size:50px;color:gray;margin-top:40%}.mainProductModalContainer .MuiIconButton-root{margin-top:25%;height:50px;width:50px}.mainProductModalContainer #containerImage{margin:15% auto auto}.mainProductModalContainer #leftArrowIcon{position:absolute;left:10%;top:51.125%}.mainProductModalContainer #leftArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #rightArrowIcon{position:absolute;left:90%;top:51.125%}.mainProductModalContainer #rightArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #iconsContainer{width:30ch;height:50ch;display:flex;align-items:flex-start;justify-content:flex-end}.mainProductModalContainer #editIcon,.mainProductModalContainer #cameraIcon{margin-top:-25%}.mainProductModalContainer #imageCard{margin:2.5% auto auto;width:30ch;height:30ch}.mainProductModalContainer #imageCard img{position:absolute;left:5%;width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #descriptionContainer{background-color:#fff;width:100%;height:auto;margin-top:10%}.mainProductModalContainer #descriptionContainer .description{position:relative;min-height:10vh;min-width:90%;max-height:100vh;max-width:90%;overflow-y:scroll;left:0;padding:10px;margin-top:2.5vh;border:1px solid #B2B6B5;border-radius:5px;font-family:Arial;font-size:16px}.mainProductModalContainer #descriptionContainer .description :focus{border:1px solid #B2B6B5}.mainProductModalContainer #descriptionContainer #saveButton{position:relative;width:100px;margin-top:2.5%;margin-bottom:2.5%;margin-right:2.5%}.mainProductModalContainer #descriptionContainer #closeButton{position:relative;width:100px;margin-top:2.5%;margin-bottom:2.5%;margin-left:2.5%}}@media (max-width: 600px){.mainProductModalContainer{background-color:#fff;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.mainProductModalContainer .MuiTextField-root{margin:20px;width:90%;object-fit:contain;overflow:cover}.mainProductModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%}.mainProductModalContainer #title{font-size:25px;padding-top:2%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:2%}.mainProductModalContainer div{text-align:center}.mainProductModalContainer .products_input-image{position:absolute;visibility:hidden}.mainProductModalContainer #FormControl{margin:20px;width:90%;object-fit:contain;overflow:cover}.mainProductModalContainer #imagePreviewProduct{margin:2.5% auto auto;width:100%}.mainProductModalContainer #imagePreviewProduct img{width:100%;height:auto;object-fit:contain}.mainProductModalContainer #NoneImage{position:relative;width:30ch;height:30ch;object-fit:contain;border:gray 1px dashed}.mainProductModalContainer #NoneImage :hover{cursor:pointer}.mainProductModalContainer #PhotoCameraIcon{font-size:50px;color:gray;margin-top:40%}.mainProductModalContainer .MuiIconButton-root{margin-top:25%;height:50px;width:50px}.mainProductModalContainer #containerImage{display:flex;flex-wrap:wrap;margin:15% auto auto}.mainProductModalContainer #arrowsContainer{display:flex;justify-content:space-between;width:100%;height:auto}.mainProductModalContainer #leftArrowIcon .MuiSvgIcon-root,.mainProductModalContainer #rightArrowIcon .MuiSvgIcon-root{font-size:50px}.mainProductModalContainer #iconsContainer{width:30ch;height:50ch;display:flex;align-items:flex-start;justify-content:flex-end}.mainProductModalContainer #editIcon,.mainProductModalContainer #cameraIcon{margin-top:-25%}.mainProductModalContainer #imageCard{margin:2.5% auto auto;width:30ch;height:30ch}.mainProductModalContainer #imageCard img{position:absolute;left:0;width:30ch;height:30ch;object-fit:contain}.mainProductModalContainer #descriptionContainer{background-color:#fff;width:100%;height:auto;margin-top:10%}.mainProductModalContainer #descriptionContainer .description{position:relative;min-height:10vh;min-width:90%;max-height:100vh;max-width:90%;overflow-y:scroll;left:0;padding:10px;margin-top:2.5vh;border:1px solid #B2B6B5;border-radius:5px;font-family:Arial;font-size:16px}.mainProductModalContainer #descriptionContainer .description :focus{border:1px solid #B2B6B5}.mainProductModalContainer #descriptionContainer #saveButton{position:relative;width:100px;margin-top:2.5%;margin-bottom:2.5%;margin-right:2.5%}.mainProductModalContainer #descriptionContainer #closeButton{position:relative;width:100px;margin-top:2.5%;margin-bottom:2.5%;margin-left:2.5%}}@media (min-width: 1200px){.mainCaregoriesModalContainer{background-color:#fff;height:70vh;width:60vh;margin:15% auto auto}.mainCaregoriesModalContainer .titleContainer{display:flex;align-items:center;justify-content:center;width:100%;height:7.5vh}.mainCaregoriesModalContainer .title{font-size:25px;margin:5% 4%;color:#575858}.mainCaregoriesModalContainer #container{display:flex;flex-direction:column;align-items:center;width:100%;height:40vh;margin-top:5%;overflow-y:scroll}.mainCaregoriesModalContainer .editionItemsContainer{display:flex;justify-content:center;align-items:center;background-color:#5a13dd26;width:100%;height:7.5vh;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCaregoriesModalContainer .MuiMenuItem-root{display:flex;align-items:center;justify-content:center;width:100%;cursor:default;text-align:center}.mainCaregoriesModalContainer #DeleteIcon,.mainCaregoriesModalContainer #EditIcon,.mainCaregoriesModalContainer #AddIcon{font-size:20px}.mainCaregoriesModalContainer #submitButton{width:20%;margin:7.5% auto 2.5% 40%}}@media (min-width: 900px) and (max-width: 1200px){.mainCaregoriesModalContainer{background-color:#fff;height:70vh;width:60vh;margin:15% auto auto}.mainCaregoriesModalContainer .titleContainer{display:flex;align-items:center;justify-content:center;width:100%;height:7.5vh}.mainCaregoriesModalContainer .title{font-size:25px;margin:5% 4%;color:#575858}.mainCaregoriesModalContainer #container{display:flex;flex-direction:column;align-items:center;width:100%;height:40vh;margin-top:5%;overflow-y:scroll}.mainCaregoriesModalContainer .editionItemsContainer{display:flex;justify-content:center;align-items:center;background-color:#5a13dd26;width:100%;height:7.5vh;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCaregoriesModalContainer .MuiMenuItem-root{display:flex;align-items:center;justify-content:center;width:100%;cursor:default;text-align:center}.mainCaregoriesModalContainer #DeleteIcon,.mainCaregoriesModalContainer #EditIcon,.mainCaregoriesModalContainer #AddIcon{font-size:20px}.mainCaregoriesModalContainer #submitButton{width:20%;margin:7.5% auto 2.5% 40%}}@media (min-width: 600px) and (max-width: 900px){.mainCaregoriesModalContainer{background-color:#fff;height:70vh;width:60vh;margin:15% auto auto}.mainCaregoriesModalContainer .titleContainer{display:flex;align-items:center;justify-content:center;width:100%;height:7.5vh}.mainCaregoriesModalContainer .title{font-size:25px;margin:5% 4%;color:#575858}.mainCaregoriesModalContainer #container{display:flex;flex-direction:column;align-items:center;width:100%;height:40vh;margin-top:5%;overflow-y:scroll}.mainCaregoriesModalContainer .editionItemsContainer{display:flex;justify-content:center;align-items:center;background-color:#5a13dd26;width:100%;height:7.5vh;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCaregoriesModalContainer .MuiMenuItem-root{display:flex;align-items:center;justify-content:center;width:100%;cursor:default;text-align:center}.mainCaregoriesModalContainer #DeleteIcon,.mainCaregoriesModalContainer #EditIcon,.mainCaregoriesModalContainer #AddIcon{font-size:20px}.mainCaregoriesModalContainer #submitButton{width:20%;margin:7.5% auto 2.5% 40%}}@media (max-width: 600px){.mainCaregoriesModalContainer{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.mainCaregoriesModalContainer .titleContainer{display:flex;align-items:center;justify-content:center;width:100%;height:7.5vh}.mainCaregoriesModalContainer .title{font-size:25px;margin:5% 4%;color:#575858}.mainCaregoriesModalContainer #container{display:flex;flex-direction:column;align-items:center;width:100%;height:50vh;margin-top:5%;overflow-y:scroll}.mainCaregoriesModalContainer .editionItemsContainer{display:flex;justify-content:center;align-items:center;background-color:#5a13dd26;width:100%;height:7.5vh;margin-top:5vh;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCaregoriesModalContainer .MuiMenuItem-root{display:flex;align-items:center;justify-content:center;width:100%;cursor:default;text-align:center}.mainCaregoriesModalContainer #DeleteIcon,.mainCaregoriesModalContainer #EditIcon,.mainCaregoriesModalContainer #AddIcon{font-size:20px}.mainCaregoriesModalContainer #submitButton{width:20%;margin:auto auto auto 40%}}.mod-btn{width:130px;height:40px;line-height:42px;padding:0;border:none;background:none;font-size:12px;font-weight:700;text-transform:uppercase}.mod-btn:hover{background:transparent;box-shadow:none}.mod-btn:before,.mod-btn:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;background-color:navy;transition:.4s ease all}.mod-btn:after{right:inherit;top:inherit;left:0;bottom:0}.mod-btn:hover:before,.mod-btn:hover:after{width:100%;transition:.8s ease all}.custom-mod-btn{width:130px;height:40px;color:#fff;font-family:Lato,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none}.admin-btn{width:130px;height:40px;line-height:42px;padding:0;border:none;background:none;font-size:12px;font-weight:700;text-transform:uppercase}.admin-btn:hover{background:transparent;box-shadow:none}.admin-btn:before,.admin-btn:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;background-color:#d61e53;transition:.4s ease all}.admin-btn:after{right:inherit;top:inherit;left:0;bottom:0}.admin-btn:hover:before,.admin-btn:hover:after{width:100%;transition:.8s ease all}button{margin:0}.custom-admin-btn{width:130px;height:40px;color:#fff;font-family:Lato,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none}.login__Container{width:100%;min-height:550px;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#2c3338}:root{--baseColor: #606468}.LoginTitle{width:100%;height:5vh;display:flex;align-items:center;justify-content:center}.iconLoginContainer{width:100%;min-height:300px;height:40vh;display:flex;align-items:center;justify-content:center}.iconLoginContainer img{width:250px;height:250px;object-fit:cover;object-position:20% 10%;border-radius:50%}.credentialButtons{width:100%;height:10vh;display:flex;align-items:center;justify-content:center}.grid{inline-size:90%;margin-inline:auto;max-inline-size:20rem}.hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:root{--iconFill: var(--baseColor)}.icons{display:none}.icon{block-size:1em;display:inline-block;fill:var(--iconFill);inline-size:1em;vertical-align:middle}:root{--htmlFontSize: 100%;--bodyFontFamily: "Open Sans";--bodyFontFamilyFallback: sans-serif;--bodyFontSize: .875rem;--bodyFontWeight: 400;--bodyLineHeight: 1.5}html{box-sizing:border-box;font-size:var(--htmlFontSize)}body{background-color:var(--bodyBackgroundColor);color:var(--bodyColor);font-family:var(--bodyFontFamily),var(--bodyFontFamilyFallback);font-size:var(--bodyFontSize);font-weight:var(--bodyFontWeight);line-height:var(--bodyLineHeight);margin:0;min-block-size:100vh}:root{--anchorColor: #eee}a{color:var(--anchorColor);outline:0;text-decoration:none}a:focus,a:hover{text-decoration:underline}:root{--formGap: .875rem}input{background-image:none;border:0;color:inherit;font:inherit;margin:0;outline:0;padding:0;transition:background-color .3s}input[type=submit]{cursor:pointer}.form{display:grid;gap:var(--formGap)}.form input[type=password],.form input[type=text],.form input[type=submit]{inline-size:100%}.form__field{display:flex}.form__input{flex:1}:root{--loginBorderRadus: .25rem;--loginColor: #eee;--loginInputBackgroundColor: #3b4148;--loginInputHoverBackgroundColor: #434a52;--loginLabelBackgroundColor: #363b41;--loginSubmitBackgroundColor: #ea4c88;--loginSubmitColor: #eee;--loginSubmitHoverBackgroundColor: #d44179}.login{color:var(--loginColor)}.login label,.login input[type=text],.login input[type=password],.login input[type=submit]{border-radius:var(--loginBorderRadus);padding:1rem}.login label{background-color:var(--loginLabelBackgroundColor);border-bottom-right-radius:0;border-top-right-radius:0;padding-inline:1.25rem}.login input[type=password],.login input[type=text]{background-color:var(--loginInputBackgroundColor);border-bottom-left-radius:0;border-top-left-radius:0}.login input[type=password]:focus,.login input[type=password]:hover,.login input[type=text]:focus,.login input[type=text]:hover{background-color:var(--loginInputHoverBackgroundColor)}.login input[type=submit]{background-color:var(--loginSubmitBackgroundColor);color:var(--loginSubmitColor);font-weight:700;text-transform:uppercase}.login input[type=submit]:focus,.login input[type=submit]:hover{background-color:var(--loginSubmitHoverBackgroundColor)}p{margin-block:1.5rem}.text--center{text-align:center}@media (min-width: 1200px){.mainProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainProductsTableContainer #headerDiv div p{color:#fff}.mainProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainProductsTableContainer #priceItemContainer,.mainProductsTableContainer #quantityItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainProductsTableContainer #menuIconDiv{visibility:hidden}.mainProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainProductsTableContainer #headerDiv div p{color:#fff}.mainProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainProductsTableContainer #priceItemContainer,.mainProductsTableContainer #quantityItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainProductsTableContainer #menuIconDiv{visibility:hidden}.mainProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainProductsTableContainer #headerDiv div p{color:#fff}.mainProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainProductsTableContainer #priceItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainProductsTableContainer #quantityItemContainer{position:absolute;visibility:hidden}.mainProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch}.mainProductsTableContainer #menuIconDiv{visibility:hidden}.mainProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainProductsTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainProductsTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainProductsTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainProductsTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainProductsTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainProductsTableContainer #headerDiv div p{color:#fff}.mainProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:20ch;height:7.5ch}.mainProductsTableContainer #priceItemContainer,.mainProductsTableContainer #quantityItemContainer{position:absolute;visibility:hidden}.mainProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainProductsTableContainer #userItemContainer{position:absolute;visibility:hidden}.mainProductsTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainUserModalContainer{text-align:center;background-color:#fff;height:50vh;margin-top:25%;border-radius:5px}.mainUserModalContainer .MuiTextField-root{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #title{text-align:start;font-size:20px;padding-top:1%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:1%;visibility:visible}.mainUserModalContainer #FormControl{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #submitButton{width:20%;bottom:2%;margin:1.5% auto 2.5% 2%}.mainUserModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}}@media (min-width: 900px) and (max-width: 1200px){.mainUserModalContainer{text-align:center;background-color:#fff;height:50vh;margin-top:25%;border-radius:5px}.mainUserModalContainer .MuiTextField-root{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #title{text-align:start;font-size:20px;padding-top:1%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:1%;visibility:visible}.mainUserModalContainer #FormControl{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #submitButton{width:20%;margin:1.5% auto 2.5% 2%}.mainUserModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}}@media (min-width: 600px) and (max-width: 900px){.mainUserModalContainer{text-align:center;background-color:#fff;height:50vh;margin-top:25%;border-radius:5px}.mainUserModalContainer .MuiTextField-root{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #title{text-align:start;font-size:20px;padding-top:1%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;padding-bottom:1%;visibility:visible}.mainUserModalContainer #FormControl{margin:5% 10px 10px;width:25ch}.mainUserModalContainer #submitButton{width:20%;bottom:2%;margin:1.5% auto 2.5% 2%}.mainUserModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}}@media (max-width: 600px){.mainUserModalContainer{position:absolute;left:0;overflow-y:scroll;background-color:#fff;height:100vh;width:100vw;text-align:center}.mainUserModalContainer #container{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainUserModalContainer .MuiTextField-root{width:100%;margin:7.5% auto auto}.mainUserModalContainer #title{text-align:start;font-size:20px;padding-top:5%;padding-bottom:2.5%;border-bottom:1px solid #B2B6B5;margin-left:4%;margin-right:4%;margin-bottom:2.5%;visibility:visible}.mainUserModalContainer #FormControl{margin:7.5% auto auto;width:100%}.mainUserModalContainer #submitButton{width:25%;margin:7.5% auto 2.5% 2%}}@media (min-width: 1200px){.mainUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainUsersTableContainer #headerDiv div p{color:#fff}.mainUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch}.mainUsersTableContainer #menuIconDiv{visibility:hidden}.mainUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainUsersTableContainer #headerDiv div p{color:#fff}.mainUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch}.mainUsersTableContainer #menuIconDiv{visibility:hidden}.mainUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainUsersTableContainer #headerDiv div p{color:#fff}.mainUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:15ch;height:7.5ch;padding:0 2.5%}.mainUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch}.mainUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:25ch;height:7.5ch;padding:0 2.5%}.mainUsersTableContainer #menuIconDiv{visibility:hidden}.mainUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainUsersTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainUsersTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainUsersTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainUsersTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainUsersTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainUsersTableContainer #headerDiv div p{color:#fff}.mainUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:20ch;height:7.5ch}.mainUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainUsersTableContainer #emailItemContainer{position:absolute;visibility:hidden}.mainUsersTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainRecordsModalContainer{background-color:#fff;height:95vh;margin-top:2.5%;border-radius:5px;text-align:center}.mainRecordsModalContainer #title{text-align:center;font-size:20px;margin-left:4%;padding-top:2%;margin-right:4%;margin-bottom:1%;visibility:visible}.mainRecordsModalContainer h4{font-size:15px;margin-left:2.5%;margin-top:2.5%;text-align:start}.mainRecordsModalContainer #itemsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer #description{max-height:10vh;overflow-y:scroll}.mainRecordsModalContainer #detailsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer .MuiListItemText-root{padding-left:2%;text-align:start}.mainRecordsModalContainer #submitButton{position:absolute;left:40%;bottom:10%;width:20%;margin:auto}.mainRecordsModalContainer #containerImage{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.mainRecordsModalContainer .arrowsContainer{display:flex;justify-content:center;align-items:center;height:100%;width:5vw}.mainRecordsModalContainer #ArrowIcon{font-size:50px}.mainRecordsModalContainer #imageCard{margin-top:2.5%;width:20ch;height:20ch}.mainRecordsModalContainer #imageCard img{width:20ch;height:20ch;object-fit:contain}}@media (min-width: 900px) and (max-width: 1200px){.mainRecordsModalContainer{background-color:#fff;height:95vh;margin-top:2.5%;border-radius:5px;text-align:center}.mainRecordsModalContainer #title{text-align:center;font-size:20px;margin-left:4%;padding-top:2%;margin-right:4%;margin-bottom:1%;visibility:visible}.mainRecordsModalContainer h4{font-size:15px;margin-left:2.5%;margin-top:2.5%;text-align:start}.mainRecordsModalContainer #itemsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer #description{max-height:10vh;overflow-y:scroll}.mainRecordsModalContainer #detailsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer .MuiListItemText-root{padding-left:2%;text-align:start}.mainRecordsModalContainer #submitButton{position:absolute;left:40%;bottom:10%;width:20%;margin:auto}.mainRecordsModalContainer #containerImage{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.mainRecordsModalContainer .arrowsContainer{display:flex;justify-content:center;align-items:center;height:100%;width:5vw}.mainRecordsModalContainer #ArrowIcon{font-size:50px}.mainRecordsModalContainer #imageCard{margin-top:2.5%;width:20ch;height:20ch}.mainRecordsModalContainer #imageCard img{width:20ch;height:20ch;object-fit:contain}}@media (min-width: 600px) and (max-width: 900px){.mainRecordsModalContainer{background-color:#fff;height:95vh;margin-top:2.5%;border-radius:5px;text-align:center}.mainRecordsModalContainer #title{text-align:center;font-size:25px;margin-left:4%;padding-top:2%;margin-right:4%;margin-bottom:1%;visibility:visible}.mainRecordsModalContainer h4{font-size:15px;margin-left:2.5%;margin-top:2.5%;text-align:start}.mainRecordsModalContainer #itemsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer #description{max-height:10vh;overflow-y:scroll}.mainRecordsModalContainer #detailsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer .MuiListItemText-root{padding-left:2%;text-align:start}.mainRecordsModalContainer #submitButton{position:absolute;left:40%;bottom:10%;width:20%;margin:auto}.mainRecordsModalContainer .arrowsContainer{display:flex;justify-content:center;align-items:center;height:100%;width:5vw}.mainRecordsModalContainer #containerImage{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%}.mainRecordsModalContainer #ArrowIcon{font-size:50px}.mainRecordsModalContainer #imageCard{margin-top:2.5%;width:20ch;height:20ch}.mainRecordsModalContainer #imageCard img{width:20ch;height:20ch;object-fit:contain}}@media (max-width: 600px){.mainRecordsModalContainer{position:absolute;left:0;top:0;background-color:#fff;height:100vh;width:100vw;text-align:center;overflow-y:scroll}.mainRecordsModalContainer #title{text-align:center;font-size:25px;margin-left:4%;padding-top:2%;margin-right:4%;margin-bottom:1%;visibility:visible}.mainRecordsModalContainer h4{font-size:15px;margin-left:2.5%;margin-top:2.5%;text-align:start}.mainRecordsModalContainer #itemsContainer{display:flex;flex-wrap:wrap;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer #description{max-height:10vh;overflow-y:scroll}.mainRecordsModalContainer #detailsContainer{display:flex;flex-direction:column;justify-content:space-between;margin-top:2.5%;margin-bottom:2.5%}.mainRecordsModalContainer #containerImage{display:flex;flex-direction:column;width:100%}.mainRecordsModalContainer #imageCard{margin:5% auto auto;width:100%}.mainRecordsModalContainer #imageCard img{height:30ch;max-width:100%;object-fit:contain}.mainRecordsModalContainer .MuiListItemText-root{padding-left:2%;text-align:start}.mainRecordsModalContainer #submitButton{width:25%;margin:auto;margin-bottom:2.5vh}.mainRecordsModalContainer .arrowsContainer{display:flex;justify-content:space-between;width:100%;height:7.5vh}.mainRecordsModalContainer #ArrowIcon{font-size:50px}}@media (min-width: 1200px){.mainRecordsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainRecordsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainRecordsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainRecordsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainRecordsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainRecordsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainRecordsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainRecordsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainRecordsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainRecordsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainRecordsTableContainer #headerDiv div p{color:#fff}.mainRecordsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainRecordsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #actionItemContainer,.mainRecordsTableContainer #typeItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #dateItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #menuIconDiv{visibility:hidden}.mainRecordsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainRecordsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainRecordsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainRecordsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainRecordsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainRecordsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainRecordsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainRecordsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainRecordsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainRecordsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainRecordsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainRecordsTableContainer #headerDiv div p{color:#fff}.mainRecordsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainRecordsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #actionItemContainer,.mainRecordsTableContainer #typeItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #dateItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #menuIconDiv{visibility:hidden}.mainRecordsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainRecordsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainRecordsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainRecordsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainRecordsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainRecordsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainRecordsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainRecordsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainRecordsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainRecordsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainRecordsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainRecordsTableContainer #headerDiv div p{color:#fff}.mainRecordsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainRecordsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #actionItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #typeItemContainer,.mainRecordsTableContainer #userItemContainer{position:absolute;visibility:hidden}.mainRecordsTableContainer #dateItemContainer{display:flex;align-items:center;justify-content:center;width:27.5ch;height:7.5ch;padding:0 2.5%}.mainRecordsTableContainer #menuIconDiv{visibility:hidden}.mainRecordsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainRecordsTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainRecordsTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainRecordsTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainRecordsTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainRecordsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainRecordsTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainRecordsTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainRecordsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainRecordsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainRecordsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainRecordsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainRecordsTableContainer #headerDiv div p{color:#fff}.mainRecordsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainRecordsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainRecordsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:20ch;height:7.5ch}.mainRecordsTableContainer #actionItemContainer,.mainRecordsTableContainer #typeItemContainer,.mainRecordsTableContainer #userItemContainer{position:absolute;visibility:hidden}.mainRecordsTableContainer #dateItemContainer{display:flex;align-items:center;justify-content:center;width:27.5ch;height:7.5ch}.mainRecordsTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainBinProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinProductsTableContainer #headerDiv div p{color:#fff}.mainBinProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainBinProductsTableContainer #priceItemContainer,.mainBinProductsTableContainer #quantityItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainBinProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainBinProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainBinProductsTableContainer #menuIconDiv{visibility:hidden}.mainBinProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainBinProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinProductsTableContainer #headerDiv div p{color:#fff}.mainBinProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainBinProductsTableContainer #priceItemContainer,.mainBinProductsTableContainer #quantityItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainBinProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainBinProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainBinProductsTableContainer #menuIconDiv{visibility:hidden}.mainBinProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainBinProductsTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinProductsTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinProductsTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinProductsTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinProductsTableContainer #headerDiv div p{color:#fff}.mainBinProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainBinProductsTableContainer #priceItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch}.mainBinProductsTableContainer #quantityItemContainer{position:absolute;visibility:hidden}.mainBinProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainBinProductsTableContainer #userItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch}.mainBinProductsTableContainer #menuIconDiv{visibility:hidden}.mainBinProductsTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainBinProductsTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainBinProductsTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainBinProductsTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainBinProductsTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainBinProductsTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinProductsTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinProductsTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainBinProductsTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinProductsTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainBinProductsTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinProductsTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainBinProductsTableContainer #headerDiv div p{color:#fff}.mainBinProductsTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinProductsTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinProductsTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:20ch;height:7.5ch}.mainBinProductsTableContainer #priceItemContainer,.mainBinProductsTableContainer #quantityItemContainer{position:absolute;visibility:hidden}.mainBinProductsTableContainer #categoryItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch}.mainBinProductsTableContainer #userItemContainer{position:absolute;visibility:hidden}.mainBinProductsTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainBinUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinUsersTableContainer #headerDiv div p{color:#fff}.mainBinUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch}.mainBinUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainBinUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch}.mainBinUsersTableContainer #menuIconDiv{visibility:hidden}.mainBinUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainBinUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinUsersTableContainer #headerDiv div p{color:#fff}.mainBinUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainBinUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainBinUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:30ch;height:7.5ch}.mainBinUsersTableContainer #menuIconDiv{visibility:hidden}.mainBinUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainBinUsersTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainBinUsersTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainBinUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainBinUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinUsersTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinUsersTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainBinUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainBinUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainBinUsersTableContainer #headerDiv div p{color:#fff}.mainBinUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;width:15ch;height:7.5ch;padding:0 2.5%}.mainBinUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch}.mainBinUsersTableContainer #emailItemContainer{display:flex;align-items:center;justify-content:center;width:25ch;height:7.5ch;padding:0 2.5%}.mainBinUsersTableContainer #menuIconDiv{visibility:hidden}.mainBinUsersTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainBinUsersTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainBinUsersTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainBinUsersTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainBinUsersTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainBinUsersTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainBinUsersTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainBinUsersTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainBinUsersTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainBinUsersTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainBinUsersTableContainer #rowsDiv :hover{background-color:transparent!important}.mainBinUsersTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainBinUsersTableContainer #headerDiv div p{color:#fff}.mainBinUsersTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainBinUsersTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainBinUsersTableContainer #nameItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:20ch;height:7.5ch}.mainBinUsersTableContainer #roleItemContainer{display:flex;align-items:center;justify-content:center;width:20ch;height:7.5ch}.mainBinUsersTableContainer #emailItemContainer{position:absolute;visibility:hidden}.mainBinUsersTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainSalesTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainSalesTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainSalesTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainSalesTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainSalesTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainSalesTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainSalesTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainSalesTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainSalesTableContainer #rowsDiv :hover{background-color:transparent!important}.mainSalesTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainSalesTableContainer #headerDiv div p{color:#fff}.mainSalesTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainSalesTableContainer #userItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #stateItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #totalItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #dateSendedItemContainer,.mainSalesTableContainer #dateRequestedItemContainer{display:flex;align-items:center;justify-content:center;width:25ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #menuIconDiv{visibility:hidden}.mainSalesTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 900px) and (max-width: 1200px){.mainSalesTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainSalesTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainSalesTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainSalesTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainSalesTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainSalesTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainSalesTableContainer #containerRows :hover{background-color:#7f29b980!important;transition:all .2s ease}.mainSalesTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainSalesTableContainer #rowsDiv :hover{background-color:transparent!important}.mainSalesTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainSalesTableContainer #headerDiv div p{color:#fff}.mainSalesTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainSalesTableContainer #userItemContainer{display:flex;align-items:center;justify-content:flex-start;width:20ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #stateItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #totalItemContainer{display:flex;align-items:center;justify-content:center;width:10ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #dateSendedItemContainer,.mainSalesTableContainer #dateRequestedItemContainer{display:flex;align-items:center;justify-content:center;width:25ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #menuIconDiv{visibility:hidden}.mainSalesTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 600px) and (max-width: 900px){.mainSalesTableContainer #searchAndFilter{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:22.5vh;margin-left:70px}.mainSalesTableContainer #searchAndFilter #closeIcon{position:absolute;top:1vh;left:30vw}.mainSalesTableContainer #searchAndFilter #FormControl{margin:10px;width:25ch;background-color:#fff}.mainSalesTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainSalesTableContainer #tableContainer{width:calc(100% - 70px);height:77.5vh;display:flex;flex-wrap:wrap;margin:auto auto auto 70px;padding:0;border:1px solid rgba(1,1,1,.25)}.mainSalesTableContainer #containerRows{width:100%;height:60vh;display:flex;flex-direction:column;align-items:center;margin:auto;padding:0 2.5%;overflow-y:scroll;overflow-x:hidden}.mainSalesTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainSalesTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5ch;background-color:#fff}.mainSalesTableContainer #rowsDiv :hover{background-color:transparent!important}.mainSalesTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;padding:0 4vw 0 2.5%;width:100%;height:7.5ch;background-color:#2980b9}.mainSalesTableContainer #headerDiv div p{color:#fff}.mainSalesTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainSalesTableContainer #userItemContainer{display:flex;align-items:center;justify-content:flex-start;width:15ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #stateItemContainer{display:flex;align-items:center;justify-content:center;width:15ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #totalItemContainer{display:flex;align-items:center;justify-content:center;width:7.5ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #dateSendedItemContainer{position:absolute;visibility:hidden}.mainSalesTableContainer #dateRequestedItemContainer{display:flex;align-items:center;justify-content:center;width:22.5ch;height:7.5ch;padding:0 2.5%}.mainSalesTableContainer #menuIconDiv{visibility:hidden}.mainSalesTableContainer #paginationDiv{display:flex;align-items:center;justify-content:flex-end;overflow:hidden;width:100%;height:6ch;padding:0 4vw 0 2.5%;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (max-width: 600px){.mainSalesTableContainer{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:space-between;margin-bottom:65px}.mainSalesTableContainer #searchAndFilter{display:flex;justify-content:space-around;flex-wrap:wrap-reverse;align-items:center;width:100%;height:25vh;min-height:150px}.mainSalesTableContainer #searchAndFilter .ContainerFormsControl{display:flex;flex-direction:row;justify-content:space-around;width:100vw}.mainSalesTableContainer #searchAndFilter #FormControl{margin:10px;width:30vw;background-color:#fff}.mainSalesTableContainer #searchAndFilter #FormControl .MuiInputBase-input{height:.5vh}.mainSalesTableContainer #tableContainer{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-wrap:wrap;margin:auto;padding:0;border:1px solid rgba(1,1,1,.25)}.mainSalesTableContainer #containerRows{width:100%;height:auto;min-height:calc(60vh + 16px);display:flex;flex-direction:column;align-items:center;justify-content:start;margin:auto;padding:0 2.5%;overflow-y:hidden;overflow-x:hidden}.mainSalesTableContainer #containerRows :hover{background-color:#7f29b980!important;cursor:pointer;transition:all .2s ease}.mainSalesTableContainer #rowsDiv{display:flex;align-items:center;justify-content:space-around;margin-bottom:2px;padding:0 2.5%;width:100%;height:7.5vh;min-height:65px;background-color:#fff}.mainSalesTableContainer #rowsDiv :hover{background-color:transparent!important}.mainSalesTableContainer #rowsDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer #headerDiv{display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(1,1,1,.25);overflow-x:hidden;width:100%;height:7.5vh;min-height:65px;background-color:#2980b9}.mainSalesTableContainer #headerDiv div p{color:#fff}.mainSalesTableContainer #headerDiv :hover #menuIconDiv{visibility:visible}.mainSalesTableContainer .progressTable{width:100%;height:60vh;display:flex;align-items:center;justify-content:center;background-color:#a5a5a51a}.mainSalesTableContainer #userItemContainer{display:flex;align-items:center;justify-content:flex-start;padding-left:2.5%;width:15ch;height:7.5ch}.mainSalesTableContainer #stateItemContainer{display:flex;align-items:center;justify-content:center;width:22.5ch;height:7.5ch}.mainSalesTableContainer #totalItemContainer,.mainSalesTableContainer #dateSendedItemContainer,.mainSalesTableContainer #dateRequestedItemContainer{position:absolute;visibility:hidden}.mainSalesTableContainer #paginationDiv{display:flex;align-items:center!important;justify-content:flex-end;overflow:hidden;width:100%;height:auto;border-radius:0 0 5px 5px;background-color:#fff;border-top:1px solid rgba(1,1,1,.25)}}@media (min-width: 1200px){.mainCardsContainer{position:absolute;display:flex;flex-wrap:wrap;width:100%;height:auto;left:7vw;top:2.5vh;font-family:Quicksand}.mainCardsContainer #chartsContainer{display:flex;justify-content:space-between;margin-top:2.5vh;margin-left:-3vw;width:100%;height:auto}.mainCardsContainer #doughnut,.mainCardsContainer #pie{margin-top:5vh;width:40ch;height:40ch;background:transparent}.mainCardsContainer .cardContainer{margin-top:5vh;width:92.5vw;height:auto;display:flex;flex-wrap:wrap;justify-content:space-around}.mainCardsContainer .cardInside{display:flex;flex-wrap:wrap;padding:25px}.mainCardsContainer .titleAndAmountContainer{display:flex;flex-direction:column;height:100%;width:50%}.mainCardsContainer .iconContainer{display:flex;justify-content:flex-end;height:100%;width:50%}.mainCardsContainer .iconContainer .MuiSvgIcon-root{font-size:35px}.mainCardsContainer .card{width:35vw;border-radius:6px;border:1px solid rgba(0,0,0,.05);background-color:#fff;margin-bottom:30px;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCardsContainer .card .border-left-pink{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(245,54,92) 100%);border-left:4px solid #f5365c}.mainCardsContainer .card .border-left-orange{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(251,99,64) 100%);border-left:4px solid #fb6340}.mainCardsContainer .card .border-left-yellow{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(255,214,0) 100%);border-left:4px solid #ffd600}.mainCardsContainer .card .border-left-blue{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(17,205,239) 100%);border-left:4px solid #11cdef}.mainCardsContainer .card .text-title{color:#818891;font-weight:500px;font-size:14px}.mainCardsContainer .card .text-amount{font-weight:600px}.mainCardsContainer .card .icon-shape{border-radius:50%;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:25px;box-shadow:0 0 2rem #8898aa26!important}.mainCardsContainer .card .icon-area{background-color:#ffd600}.mainCardsContainer .card .icon-pie{background-color:#f5365c}.mainCardsContainer .card .icon-user{background-color:#fb6340}.mainCardsContainer .card .icon-percent{background-color:#11cdef}}@media (min-width: 900px) and (max-width: 1200px){.mainCardsContainer{position:absolute;display:flex;flex-wrap:wrap;width:100%;height:auto;left:7vw;top:2.5vh;font-family:Quicksand}.mainCardsContainer #chartsContainer{display:flex;justify-content:space-between;margin-top:2.5vh;margin-left:-3vw;width:100%;height:auto}.mainCardsContainer #doughnut,.mainCardsContainer #pie{margin-top:5vh;width:40ch;height:40ch;background:transparent}.mainCardsContainer .cardContainer{margin-top:5vh;width:92.5vw;height:auto;display:flex;flex-wrap:wrap;justify-content:space-around}.mainCardsContainer .cardInside{display:flex;flex-wrap:wrap;padding:25px}.mainCardsContainer .titleAndAmountContainer{display:flex;flex-direction:column;height:100%;width:50%}.mainCardsContainer .iconContainer{display:flex;justify-content:flex-end;height:100%;width:50%}.mainCardsContainer .iconContainer .MuiSvgIcon-root{font-size:35px}.mainCardsContainer .card{width:35vw;border-radius:6px;border:1px solid rgba(0,0,0,.05);background-color:#fff;margin-bottom:30px;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCardsContainer .card .border-left-pink{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(245,54,92) 100%);border-left:4px solid #f5365c}.mainCardsContainer .card .border-left-orange{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(251,99,64) 100%);border-left:4px solid #fb6340}.mainCardsContainer .card .border-left-yellow{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(255,214,0) 100%);border-left:4px solid #ffd600}.mainCardsContainer .card .border-left-blue{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(17,205,239) 100%);border-left:4px solid #11cdef}.mainCardsContainer .card .text-title{color:#818891;font-weight:500px;font-size:14px}.mainCardsContainer .card .text-amount{font-weight:600px}.mainCardsContainer .card .icon-shape{border-radius:50%;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:25px;box-shadow:0 0 2rem #8898aa26!important}.mainCardsContainer .card .icon-area{background-color:#ffd600}.mainCardsContainer .card .icon-pie{background-color:#f5365c}.mainCardsContainer .card .icon-user{background-color:#fb6340}.mainCardsContainer .card .icon-percent{background-color:#11cdef}}@media (min-width: 600px) and (max-width: 900px){.mainCardsContainer{position:absolute;display:flex;flex-wrap:wrap;width:100%;height:auto;left:8.5vw;top:2.5vh;font-family:Quicksand}.mainCardsContainer #chartsContainer{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:2.5vh;margin-left:-3vw;width:100%;height:auto}.mainCardsContainer #doughnut,.mainCardsContainer #pie{margin-top:5vh;width:40ch;height:40ch;background:transparent}.mainCardsContainer .cardContainer{margin-top:5vh;width:92.5vw;height:auto;display:flex;flex-wrap:wrap;justify-content:space-around}.mainCardsContainer .cardInside{display:flex;flex-wrap:wrap;padding:25px}.mainCardsContainer .titleAndAmountContainer{display:flex;flex-direction:column;height:100%;width:50%}.mainCardsContainer .iconContainer{display:flex;justify-content:flex-end;height:100%;width:50%}.mainCardsContainer .iconContainer .MuiSvgIcon-root{font-size:35px}.mainCardsContainer .card{width:35vw;border-radius:6px;border:1px solid rgba(0,0,0,.05);background-color:#fff;margin-bottom:30px;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCardsContainer .card .border-left-pink{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(245,54,92) 100%);border-left:4px solid #f5365c}.mainCardsContainer .card .border-left-orange{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(251,99,64) 100%);border-left:4px solid #fb6340}.mainCardsContainer .card .border-left-yellow{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(255,214,0) 100%);border-left:4px solid #ffd600}.mainCardsContainer .card .border-left-blue{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(17,205,239) 100%);border-left:4px solid #11cdef}.mainCardsContainer .card .text-title{color:#818891;font-weight:500px;font-size:14px}.mainCardsContainer .card .text-amount{font-weight:600px}.mainCardsContainer .card .icon-shape{border-radius:50%;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:25px;box-shadow:0 0 2rem #8898aa26!important}.mainCardsContainer .card .icon-area{background-color:#ffd600}.mainCardsContainer .card .icon-pie{background-color:#f5365c}.mainCardsContainer .card .icon-user{background-color:#fb6340}.mainCardsContainer .card .icon-percent{background-color:#11cdef}}@media (max-width: 600px){.mainCardsContainer{position:absolute;display:flex;flex-wrap:wrap;width:100vw;height:auto;left:0;top:0;font-family:Quicksand}.mainCardsContainer #chartsContainer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2.5vh;width:100%;height:auto}.mainCardsContainer #doughnut{width:85%;padding:10px;margin-bottom:10vh;background:transparent;border-radius:6px}.mainCardsContainer #pie{width:85%;padding:10px;margin-bottom:2.5vh;background:transparent;border-radius:6px}.mainCardsContainer .cardContainer{width:92.5vw;height:auto;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;margin-top:10vh}.mainCardsContainer .cardInside{display:flex;flex-wrap:wrap;padding:25px}.mainCardsContainer .titleAndAmountContainer{display:flex;flex-direction:column;height:100%;width:50%}.mainCardsContainer .iconContainer{display:flex;justify-content:flex-end;height:100%;width:50%}.mainCardsContainer .iconContainer .MuiSvgIcon-root{font-size:35px}.mainCardsContainer .card{width:80vw;border-radius:6px;border:1px solid rgba(0,0,0,.05);background-color:#fff;margin-bottom:30px;box-shadow:0 .15rem 1.75rem #3a3b4526}.mainCardsContainer .card .border-left-pink{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(245,54,92) 100%);border-left:4px solid #f5365c}.mainCardsContainer .card .border-left-orange{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(251,99,64) 100%);border-left:4px solid #fb6340}.mainCardsContainer .card .border-left-yellow{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(255,214,0) 100%);border-left:4px solid #ffd600}.mainCardsContainer .card .border-left-blue{background:rgb(255,255,255);background:linear-gradient(90deg,rgba(255,255,255,.4926228006) 0%,rgb(17,205,239) 100%);border-left:4px solid #11cdef}.mainCardsContainer .card .text-title{color:#818891;font-weight:500px;font-size:14px}.mainCardsContainer .card .text-amount{font-weight:600px}.mainCardsContainer .card .icon-shape{border-radius:50%;color:#fff;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:25px;box-shadow:0 0 2rem #8898aa26!important}.mainCardsContainer .card .icon-area{background-color:#ffd600}.mainCardsContainer .card .icon-pie{background-color:#f5365c}.mainCardsContainer .card .icon-user{background-color:#fb6340}.mainCardsContainer .card .icon-percent{background-color:#11cdef}}@media (min-width: 1200px){.mainProgressCoffeContainer{position:absolute;left:0;top:0;color:#000;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;background-color:#00000026}.mainProgressCoffeContainer .progress{margin-left:7.5vw;font-size:100px;z-index:100}}@media (min-width: 900px) and (max-width: 1200px){.mainProgressCoffeContainer{position:absolute;left:0;top:0;color:#000;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;background-color:#00000026}.mainProgressCoffeContainer .progress{margin-left:7.5vw;font-size:100px;z-index:100}}@media (min-width: 600px) and (max-width: 900px){.mainProgressCoffeContainer{position:absolute;left:0;top:0;color:#000;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;background-color:#00000026}.mainProgressCoffeContainer .progress{margin-left:10vw;font-size:100px;z-index:100}}@media (max-width: 600px){.mainProgressCoffeContainer{position:absolute;left:0;top:0;color:#000;display:flex!important;align-items:center!important;justify-content:center!important;width:100%;height:100%;background-color:#00000026}.mainProgressCoffeContainer .progress{font-size:100px;z-index:100}}.btn-5{width:130px;height:40px;line-height:42px;padding:0;border:none;background:rgb(154,95,177)}.btn-5:hover{color:#6d3483;background:transparent;box-shadow:none}.btn-5:before,.btn-5:after{content:"";position:absolute;top:0;right:0;height:2px;width:0;background-color:#6c3483;box-shadow:-1px -1px 5px #fff,7px 7px 20px #0003,4px 4px 5px #0002;transition:.4s ease all}.btn-5:after{right:inherit;top:inherit;left:0;bottom:0}.btn-5:hover:before,.btn-5:hover:after{width:100%;transition:.8s ease all}p{font-family:Lato,sans-serif;font-weight:300;text-align:center;font-size:18px;color:#676767}.frame{width:90%;margin:40px auto;text-align:center}button{margin:20px}.custom-btn{width:130px;height:40px;font-family:Lato,sans-serif;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block;outline:none;color:gray;border:none;background:none;z-index:100}.custom-btn span{display:flex;align-items:center;justify-content:center}.custom-btn span .MuiSvgIcon-root{font-size:20px}@media (min-width: 1200px){.mainHomePageContainer{display:flex;justify-content:end;align-items:center;width:100%;height:7.5vh}}@media (min-width: 900px) and (max-width: 1200px){.mainHomePageContainer{display:flex;justify-content:end;align-items:center;width:100%;height:7.5vh}}@media (min-width: 600px) and (max-width: 900px){.mainHomePageContainer{display:flex;justify-content:end;align-items:center;width:100%;height:7.5vh}}@media (max-width: 600px){.mainHomePageContainer{display:flex;justify-content:end;align-items:center;width:100%;height:7.5vh}}@media (min-width: 1200px){.mainErrorAlertContainer{width:100%}}@media (min-width: 900px) and (max-width: 1200px){.mainErrorAlertContainer{width:100%}}@media (min-width: 600px) and (max-width: 900px){.mainErrorAlertContainer{width:100%}}@media (max-width: 600px){.mainErrorAlertContainer{width:100%;margin:auto auto auto -1.5%;margin-bottom:10vh}}@media (min-width: 1200px){.mainSuccessAlertContainer{width:100%}}@media (min-width: 900px) and (max-width: 1200px){.mainSuccessAlertContainer{width:100%}}@media (min-width: 600px) and (max-width: 900px){.mainSuccessAlertContainer{width:100%}}@media (max-width: 600px){.mainSuccessAlertContainer{width:100%;margin:auto auto auto -1.5%;margin-bottom:10vh}}@media (min-width: 1200px){.mainProgressContainer{color:#fff;z-index:100}}@media (min-width: 900px) and (max-width: 1200px){.mainProgressContainer{color:#fff;z-index:100}}@media (min-width: 600px) and (max-width: 900px){.mainProgressContainer{color:#fff;z-index:100}}@media (max-width: 600px){.mainProgressContainer{color:#fff;z-index:100}}*{margin:0;padding:0}body,html{overflow-x:hidden}