*{padding:0;font-family:Roboto,Tahoma,Geneva,sans-serif}*,body{margin:0}body{display:flex;flex-direction:column;font-size:14px;background-color:#f4f6f8!important;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body,html{height:100%}footer,header{flex:0 0 auto}footer{height:65px}input{box-sizing:initial}.title-row{width:100%;background-color:#007dc6;height:50px;color:#fff;text-align:center;line-height:50px;font-weight:500;letter-spacing:.02857em;font-size:2em}.makeStyles-root-1{flex:1 0 auto}.MuiDivider-root{width:auto}.d-flex{display:flex}.flex-1{flex:1 1}.link{cursor:pointer;text-decoration:underline}.nowrap-text{white-space:nowrap}.loader{display:block;position:relative;border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:80px;height:80px;margin:0 auto}.loader,.mini-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.mini-loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:32px;height:32px}.button-loader{border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:22px;height:22px}.button-loader,.medium-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.medium-loader{border:9px solid #ddd;border-top-color:#3498db;border-radius:50%;width:80px;height:80px;margin:60px auto}.large-loader{border:12px solid #ddd;border-top-color:#3498db;border-radius:50%;width:100px;height:100px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:60px auto}.modal-loader-wrapper{display:block;position:relative;width:100%;max-width:600px;min-width:320px}.modal-loader{display:block;position:relative;border:8px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:80px;height:80px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:0 auto}.modal-h1{margin:0 20px 40px 0!important;color:#505458;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:500;font-size:20px;line-height:20px;text-transform:uppercase}.padding-top-0{padding-top:0!important}.margin-top-0{margin-top:0!important}.margin-top-5{margin-top:5px!important}.margin-top-20{margin-top:20px!important}.margin-top-60{margin-top:60px!important}.margin-bottom-10{margin-bottom:10px!important}.margin-bottom-15{margin-bottom:15px!important}.margin-bottom-20{margin-bottom:20px!important}.margin-bottom-30{margin-bottom:30px!important}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.link-color{font-size:13px;color:#4395c4!important}.text-left{text-align:left}.text-right{text-align:right}.MuiButton-label{font-size:12px!important}.HeaderBar{display:flex;flex:1 0 auto;min-height:100%}.HeaderBar .navbar{top:0;left:auto;right:0;position:fixed;width:100%;display:flex;z-index:1100;box-sizing:border-box;flex-shrink:0;flex-direction:column;color:#fff;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;border-bottom:3px solid #007dc6;background-color:#333!important;flex:0 0 auto}.HeaderBar .navbar-wrapper{display:flex;position:relative;align-items:center;height:64px;padding-left:24px;padding-right:24px}.HeaderBar img{margin-top:3px;margin-left:10px}@media only screen and (max-width:600px){.HeaderBar .navbar-wrapper{height:56px}}.HeaderBar .logout-button{color:#fff!important;border-color:#333!important;background-color:#333!important}.HeaderBar .exit-icon{padding-right:5px}.HeaderBar .person-wrapper{margin-top:30px;padding-left:16px!important;color:#333!important;display:flex;flex-direction:column}.HeaderBar .person-icon{font-size:100px!important;border-radius:100px;border:1px solid rgba(0,0,0,.5);padding:5px;margin-bottom:5px;color:#333}.HeaderBar .menu-wide{width:240px}.HeaderBar .menu-narrow,.HeaderBar .menu-wide{background-color:#fff;height:100%;max-height:100%;transition:width 225ms cubic-bezier(.4,0,.6,1) 0ms;border-right:1px solid rgba(0,0,0,.12);padding-top:64px}.HeaderBar .menu-narrow{width:73px;overflow:hidden}.HeaderBar .MuiListItemText-primary{font-size:16px!important}.HeaderBar .menu-item{padding-left:24px}.HeaderBar .menu-sub-item{padding-left:32px!important}.HeaderBar .active{color:#fff;background-color:#333}.HeaderBar .inactive{color:#333}.HeaderBar .active:hover{color:#fff;background-color:#333}.HeaderBar .MuiListItemIcon-root .MuiSvgIcon-root{font-size:22px!important}.MuiAppBar-colorPrimary{border-bottom:3px solid #007dc6;background-color:#333!important}main{margin-top:64px;width:100%;overflow:auto}main .MuiAppBar-colorPrimary{background-color:#fff!important;border-bottom:none}@media only screen and (max-width:719px){.HeaderBar .menu-wide{position:fixed;top:67px;left:0;width:100%;z-index:1110;padding-top:0}.HeaderBar .menu-narrow{position:fixed;width:0;top:59px;left:0;visibility:hidden;transition:width 225ms cubic-bezier(.4,0,.6,1) 0ms}main{margin-top:59px}}@media only screen and (max-width:600px){.HeaderBar .menu-wide{top:59px}}@media print{.HeaderBar .hide-print{display:none}}footer{display:flex;justify-content:space-around;width:100%;margin:0 auto;background-color:#3d3d3d;background-repeat:repeat-x;color:#fff;position:relative;bottom:0;z-index:1000}footer div{display:flex;justify-content:space-between;width:80%;padding:10px}footer a:link,footer a:visited{text-decoration:underline;color:#fff}footer a:active,footer a:hover{color:#22adff;text-decoration:underline}a:link,a:visited{text-decoration:none;color:#00e}a:hover{color:#0070b2}a:active,a:hover{text-decoration:none}a:active{color:#22adff}@media print{.hide-print{display:none}}.ProductGroupList{min-height:200px;height:50vh;overflow:auto}@media only screen and (max-width:1220px){.ProductGroupList{height:200px;min-height:200px;overflow:auto}}.ModalButtons .modal-button-row{display:flex;justify-content:flex-end}.ModalButtons .button{display:flex;justify-content:center;padding:3px 0;height:32px;width:120px;color:#fff;line-height:30px;overflow:visible;border-radius:5px}.ModalButtons .button-text{font-size:12px;font-weight:500;padding:1px 8px 0 5px;height:20px;line-height:26px;text-transform:uppercase}.ModalButtons .button-icon{margin-top:3px}.ModalButtons .close-button{width:40px;height:40px;color:#999;margin:0}.ModalButtons .close-button:hover{cursor:pointer;color:#777}.ModalButtons .close-button .MuiSvgIcon-root{font-size:30px;line-height:40px}.AddCategory{max-width:1160px;padding:10px 10px 0}.AddCategory,.AddCategory .wrapper{display:block;position:relative;width:100%}.AddCategory .wrapper{border:1px solid #d3d3d3;border-radius:5px;margin:30px 0;padding:5px 10px;overflow:auto;box-sizing:border-box}.AddCategory .title{display:block;position:relative;margin-bottom:10px}.input-content,.input-content-38{flex:0 0 50%;max-width:50%}.input-label,.input-label-high{flex:0 0 25%;max-width:25%}.input-width-33{flex:0 0 33%;max-width:33%}.btn-25,.btn-33,.btn-50{box-sizing:border-box}@media only screen and (max-width:600px){.modal-buttons{flex-wrap:wrap;height:auto;padding-bottom:0}.btn-33,.btn-50{width:100%!important;margin-bottom:10px}}.EditCategory{max-width:1160px;padding:10px 10px 0}.EditCategory,.EditCategory .wrapper{display:block;position:relative;width:100%}.EditCategory .wrapper{border:1px solid #d3d3d3;border-radius:5px;margin:30px 0;padding:5px 10px;overflow:auto;box-sizing:border-box}.EditCategory .title{display:block;position:relative;margin-bottom:10px}.button-icon{margin-top:3px}.InputDialog{display:block;position:relative;width:100%;max-width:600px;padding:10px}.InputDialog h1{margin:0 20px 20px 0!important;color:#505458;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:500;font-size:20px;line-height:20px;text-transform:uppercase}.MuiInputBase-root{border-radius:7px!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:2px solid #008fe3}.MuiPickersDay-daySelected,.MuiPickersDay-daySelected:hover{background-color:#008fe3}.MuiFormLabel-root.Mui-focused{color:#007dc6}.MuiFormControl-root{width:100%!important}.input-row{position:relative;display:flex;width:100%;margin:20px 0 0}.input-content,.input-content-38{flex:0 0 60%;max-width:60%}.input-content-38{line-height:38px}.input-label-old{flex:0 0 16.666667%;max-width:16.666667%;font-size:14px;height:38px;line-height:38px;color:#353c4e}.input-label-high{height:54px;line-height:54px}.input-label,.input-label-high{flex:0 0 30%;max-width:30%;font-size:14px;color:#353c4e}.input-label{height:38px;line-height:38px}.input-width-33,.input-width-45{flex:0 0 45%;max-width:45%}.input-width-60{flex:0 0 60%;max-width:60%}.input-checkbox{margin:8px 15px}.modal-buttons{display:flex;justify-content:space-between;align-self:flex-end;width:100%;margin-top:auto;padding:40px 0 15px}.button-icon{margin-top:2px!important}.btn-25{width:25%}.btn-25,.btn-33{display:flex;justify-content:center;padding:3px 0;height:32px;color:#fff;line-height:30px;overflow:visible;border-radius:5px}.btn-33{width:30%}.btn-50{width:47%}.btn-50,.btn-85{display:flex;justify-content:center;padding:3px 0;height:32px;color:#fff;line-height:30px;overflow:visible;border-radius:5px}.btn-85{width:85%}@media only screen and (max-width:600px){.modal-buttons{flex-wrap:wrap;height:auto;padding-bottom:0}.btn-25,.btn-33,.btn-50{width:100%!important;margin-bottom:10px}.input-label,.input-label-high{flex:0 0 40%;max-width:40%}.input-width-33{flex:0 0 60%;max-width:60%}.input-width-45{flex:0 0 30%;max-width:30%}.input-width-60{flex:0 0 60%;max-width:60%}}.button-text{font-size:12px;font-weight:500;padding:1px 8px 0 5px;height:20px;line-height:26px;text-transform:uppercase}.edit-button{background:#008fe3}.edit-button:hover{cursor:pointer;background:#007dc6}.remove-button{background:#e15f71}.remove-button:hover{cursor:pointer;background:#e03d53}.goback-button{background:#999}.goback-button:hover{cursor:pointer;background:#777}.preview-button{background:#999}.preview-button:hover{cursor:pointer;background:#777}.expand-button{border-radius:50%;padding:10px;width:43px;height:43px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.input-checkbox{-webkit-transform:scale(2);transform:scale(2);margin-right:10px}.input-with-checkbox{display:flex;align-items:center;position:relative;flex:1 1 auto;height:38px}.price-row{position:relative;display:flex;width:100%;margin-bottom:6px}.price-label{flex:0 0 25%;max-width:25%;font-size:14px;color:#353c4e}.margin-bottom-30{margin-bottom:30px}.padding-left-10{padding-left:10px}.MaterialComTable{width:100%;overflow:hidden;border-radius:10px}.MaterialComTable tr{border:none!important}.MaterialComTable tr:nth-child(2n){background-color:#eee!important}.MaterialComTable tr:hover{background-color:#bfe8ff!important}.MuiTableCell-body{border-bottom:none!important}.MuiTableFooter-root tr:hover{background-color:#fff!important}.ProductList .toolbar-title{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:20px;color:rgba(0,0,0,.87);padding:20px 20px 0!important;margin-bottom:0}.ProductList .wrapper{border-top:4px solid #007dc6;border-radius:10px}.ProductList .toolbar-button{padding:10px 20px 0 0}.AddProduct{display:block;position:relative;max-width:1160px;width:100%;padding:10px 10px 0}.ShowProduct h1{font-size:30px;margin-bottom:16px!important}.ShowProduct .category{font-size:16px}@media only screen and (max-width:960px){.MuiGrid-direction-xs-column{border-right:none!important;margin-left:0!important;margin-top:0!important;margin-bottom:0!important;padding-right:0!important}}.MainStorage{position:relative;min-width:360px}.MainStorage .title-row{position:relative;width:100%;background-color:#007dc6;height:50px;line-height:50px;margin:0;text-align:center;color:#fff;font-family:"Roboto","Tahoma","Geneva",sans-serif;font-weight:500;letter-spacing:.02857em;font-size:2em}.MainStorage .content-wrapper{padding:0 30px;margin:0 auto;overflow:auto}.MainStorage .col-left{width:275px;margin:30px 0}.MainStorage .col-left,.MainStorage .col-right{position:relative;float:left;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.27);background-color:#fff;box-sizing:border-box}.MainStorage .col-right{width:calc(100% - 300px);margin:30px 0 30px 20px}@media only screen and (max-width:1220px){.MainStorage .col-left{position:relative;width:100%;float:none;min-width:250px;margin-bottom:0}.MainStorage .col-right{position:relative;width:100%;float:none;margin-top:30px;margin-left:0}}
/*# sourceMappingURL=main.37b1686a.chunk.css.map */