body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:2px;margin:0;padding:0}.navbar{display:flex;position:relative;justify-content:space-between;align-items:center;background-color:#333;color:#fff}.brand-title{font-size:1.4rem;margin:.5rem}.brand-title p{float:right;padding-top:.7rem}.MuiSvgIcon-root,.navbar-links{margin-right:1.5rem}.navbar-links{height:100%;align-items:center}.navbar-links ul{display:flex;margin:0;padding:0}.navbar-links li{list-style:none}.navbar-links li a{display:block;text-decoration:none;color:#fff;padding:0 1rem .5rem}.navbar-links li:hover{background-color:#555}.toggle-button{position:absolute;top:.75rem;right:1rem;display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;margin-top:12px}.toggle-button .bar{height:3px;width:100%;background-color:#fff;border-radius:10px}@media (max-width:1000px){.navbar{flex-direction:column;align-items:flex-start}.toggle-button{display:flex}.navbar-links{display:none;width:100%}.navbar-links ul{width:100%;flex-direction:column}.navbar-links ul li{text-align:center}.navbar-links ul li a{padding:.5rem 1rem}.navbar-links.active{display:flex}}.loginPassword,.loginUsername{display:flex;padding:5px}.login{align-items:center}.login,.loginButton{display:flex;justify-content:center}.loginButton{padding:5px;background-color:#006400;width:100%;cursor:pointer}.loginButton,input{border:.5px solid;border-radius:30px}.inventoryBody{display:flex;align-Items:center;justify-Content:center;flex-direction:column}.inventoryButton{background-color:#87ceeb;border:.5px solid;border-radius:30px;cursor:pointer}.MuiSvgIcon-root{cursor:pointer}.overallContainer{width:100%;height:100%}.componentTable{width:90%;margin-left:auto;margin-right:auto}.componentTable,.genericTable{display:flex;flex-direction:column;justify-content:space-evenly;border:.5px solid;margin-top:1.5rem}.genericTable{width:80%}.depRepDistriTable{border:.001px solid #fff;width:80%}.depRepCollectTable,.depRepDistriTable{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:1.5rem}.depRepCollectTable{border:.5px solid;width:90%;margin-left:auto;margin-right:auto}.supplierTable{justify-content:space-evenly;width:100%;margin-top:1.5rem}.inventoryTable,.supplierTable{display:flex;flex-direction:column;border:.5px solid}.inventoryTable{width:60%;overflow:scroll;max-height:600px}.placeOrderTable{display:flex;flex-direction:column;justify-content:space-evenly;border:.5px solid;width:60%;max-height:500px}.tbody{overflow:scroll}.requisitionTable{display:flex;flex-direction:column;justify-content:space-evenly;border:.5px solid;width:100%;margin-top:50px}.h-25{height:15px}.reqForm{display:flex;flex-direction:column;justify-content:space-evenly;width:100%;margin-left:200px}.colReqForm{margin-left:100px;width:200px}.submitReqForm{margin-left:200px}.submitRButton,.submitReqForm{float:right;justify-content:space-evenly;width:200px}.submitRButton{margin-left:20px}.tblReq{margin-top:20px}.mouserPointer{cursor:pointer}tr:nth-child(2n){background-color:#f4f5f6}.depRepCollectTable th,.depRepDistriTable th,td{width:100%}td{display:flex;align-items:center;justify-content:center}.tableIcons{padding-left:30px}.tableQuantity{display:flex;justify-content:center}.tableHeader{padding-top:15px;padding-bottom:15px;background:linear-gradient(to bottom right,#247494,#1c5a73,#103442,#000);color:#fff;text-align:center;width:100%}.tableHeader,.tableRow{display:flex;justify-content:space-evenly}.tableRow{border:.3px solid}.tableRow:hover{background-color:#ddd}button{padding:.3em 1.2em;border:.1em;margin:.5em;border-radius:1em;box-sizing:border-box;font-family:"Roboto",sans-serif;font-weight:300;color:#000;text-shadow:0 .04em .04em rgba(0,0,0,.35);text-align:center;transition:all .15s}button,button.manageButton{display:inline-block;text-decoration:none}button.manageButton{margin-right:5%;margin-top:.5rem;box-shadow:inset 0 1px 0 0 #fff;background:linear-gradient(180deg,#ededed 5%,#dfdfdf);background-color:#ededed;border-radius:6px;border:1px solid #dcdcdc;cursor:pointer;color:#777;font-family:Arial;font-size:15px;font-weight:700;padding:6px 5px;text-shadow:0 1px 0 #fff}button.manageButton:hover{background:linear-gradient(180deg,#dfdfdf 5%,#ededed);background-color:#dfdfdf}button.backButton{margin-right:2%;margin-top:.5rem;box-shadow:inset 0 1px 0 0 #fff;background:linear-gradient(180deg,#ededed 5%,#dfdfdf);background-color:#ededed;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;cursor:pointer;color:#777;font-family:Arial;font-size:15px;font-weight:700;padding:6px 70px;text-decoration:none;text-shadow:0 1px 0 #fff}button.backButton:hover{background:linear-gradient(180deg,#dfdfdf 5%,#ededed);background-color:#dfdfdf}button.greenButton{margin-right:2%;box-shadow:inset 0 1px 0 0 #caefab;background:linear-gradient(180deg,#77d42a 5%,#5cb811);background-color:#77d42a;border-radius:6px;border:1px solid #268a16;display:inline-block;cursor:pointer;color:#fff;font-family:"Roboto",sans-serif;font-size:15px;padding:6px 15px;text-decoration:none;text-shadow:0 1px 0 #aade7c}button.greenButton:hover{background:linear-gradient(180deg,#5cb811 5%,#77d42a);background-color:#5cb811}button.greenButton:active{position:relative;top:1px}button.redButton{margin-right:2%;box-shadow:inset 0 1px 0 0 #f29c93;background:linear-gradient(180deg,#fe1a00 5%,#ce0100);background-color:#fe1a00;border-radius:6px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#fff;font-family:"Roboto",sans-serif;font-size:15px;padding:6px 15px;text-decoration:none;text-shadow:0 1px 0 #b23e35}button.redButton:hover{background:linear-gradient(180deg,#ce0100 5%,#fe1a00);background-color:#ce0100}button.redButton:active{position:relative;top:1px}.collectView{width:100%;text-align:right}.distriView{width:100%;text-align:center}.collectView button{box-shadow:inset 0 1px 0 0 #fff6af;background:linear-gradient(180deg,#ffec64 5%,#ffab23);background-color:#ffec64;border-radius:6px;border:1px solid #fa2;display:inline-block;cursor:pointer;color:#333;font-family:"Roboto",sans-serif;font-size:15px;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #fe6;margin-top:1.5rem;margin-right:7%}.collectView button:hover{background:linear-gradient(180deg,#ffab23 5%,#ffec64);background-color:#ffab23}.collectView button:active{position:relative;top:1px}.distriView button{box-shadow:inset 0 1px 0 0 #97c4fe;background:linear-gradient(180deg,#3d94f6 5%,#1e62d0);background-color:#3d94f6;border-radius:6px;border:1px solid #337fed;display:inline-block;cursor:pointer;color:#fff;font-family:"Roboto",sans-serif;font-size:15px;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #1570cd;margin-top:1.5rem}.distriView button:hover{background:linear-gradient(180deg,#1e62d0 5%,#3d94f6);background-color:#1e62d0}.distriView button:active{position:relative;top:1px}textarea{width:100%;height:100%;min-height:50px;resize:vertical}.tableColumn{float:left;width:55%;padding:0 10px}.tableColumn h2{text-align:center}.cardColumn{float:left;width:41%;padding:0 10px;margin-right:4%;margin-top:3rem}.card{width:100%;height:250px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);padding:16px;text-align:left;background-color:#f1f1f1;float:left;border-radius:40px}.card h3{margin-bottom:2rem}.card select{margin-bottom:1.5rem}.card p{font-size:22px}.popupDialog{font-size:12px;text-align:center}.popupDialog>.dialogHeader{display:inline-block;margin:0 auto;width:100%;font-size:18px}.popupDialog>.dialogHeader h2{font-size:25px;margin-bottom:1.5rem}.popupDialog>.dialogContent{width:100%;padding:10px 5px;text-align:left;float:left}.popupDialog>.dialogContent p{margin-left:20%}.popupDialog>.dialogContent p,.popupDialog>.dialogContent span{margin-top:1.5rem;margin-bottom:.2rem;font-size:18px;font-weight:500;text-align:left}.popupDialog>.dialogContent span{margin-left:.5rem}.popupDialog>.dialogContent input[type=date]{-moz-appearance:none;appearance:none;width:60%;-webkit-appearance:none;color:#95a5a6;font-family:"Helvetica",arial,sans-serif;font-size:18px;border:1px solid #ecf0f1;background:#ecf0f1;padding:5px;display:inline-block!important;visibility:visible!important;margin-left:20%}.popupDialog>.dialogContent input[type=date],focus{color:#95a5a6;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.popupDialog>.dialogContent input[type=radio]{margin-left:35%}.select-css{display:block;font-size:16px;font-family:sans-serif;font-weight:700;color:#444;line-height:1.3;padding:.6em 1.4em .5em .8em;width:100%;max-width:60%;margin-left:20%;box-sizing:border-box;border:1px solid #aaa;box-shadow:0 1px 0 1px rgba(0,0,0,.04);border-radius:.5em;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fff 0,#e5e5e5);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.select-css::-ms-expand{display:none}.select-css:hover{border-color:#888}.select-css:focus{border-color:#aaa;box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.select-css option{font-weight:400}@media (max-width:30em){button{display:block;margin:.4em auto}}@media only screen and (max-width:1200px){.overallContainer{display:flex;flex-wrap:wrap;flex-direction:row}.cardColumn{order:-1;flex:1 0 90%;margin-left:5%;margin-right:5%;margin-top:1.5rem}.tableColumn{flex:1 0 100%}.tableColumn h2{margin-top:1.5rem}.popupDialog>.dialogHeader h2{font-size:18px}.popupDialog>.dialogHeader h4{font-size:17px}.popupDialog>.dialogContent p{margin-left:10%}.popupDialog>.dialogContent span{font-size:13px;margin-left:.2rem}.popupDialog>.dialogContent input[type=date]{width:80%;margin-left:10%}.popupDialog>.dialogContent input[type=radio]{margin-left:5%}.select-css{max-width:80%;margin-left:10%}}@media only screen and (max-width:1600px){.popupDialog>.dialogContent input[type=radio]{margin-left:8%}}body{background-color:#f5f5f5}.button{border:none;background-color:#87ceeb;color:#fff;padding:15px;text-align:center;text-decoration:none;display:inline-block;margin:4px 2px;cursor:pointer;border-radius:4px;min-width:60px}.disabled{opacity:.6;cursor:not-allowed}.tableBody{display:flex;align-Items:center;justify-Content:center;flex-direction:column;padding:50px 0 0;min-width:300px}.tablebottom{display:block;text-align:right;float:right;padding:0 0 0 400px}.btn-group .button{background-color:#f5f5f5;color:#000;padding:15px 32px;text-align:left;text-decoration:underline;display:inline-block;font-size:16px;cursor:pointer;float:left}.btn-group .button:not(:last-child){border-right:none}.btn-group .button:hover{color:#00bfff}.detailContainer{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8)}.detailInnerContainer{position:fixed;background-color:#fff;border:1px solid red;width:60%;height:60%;top:25%;left:20%;right:20%;bottom:0;border-radius:10px}.commentSubmitContainer{position:fixed;background-color:#fff;width:50%;height:30%;top:35%;left:25%;right:25%;bottom:0;border-radius:10px}tbody,thead{display:block}.popupTable{height:100%}.popupTable,.sumTable{overflow-y:auto;overflow-x:hidden}.sumTable{height:520px}body{margin:0;padding:0;font:12pt "Times new roman"}*{box-sizing:border-box;-moz-box-sizing:border-box}.page{width:21cm;min-height:29.7cm;padding:2cm;margin:1cm auto;border:1px solid #d3d3d3;border-radius:5px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}.subpage{padding:1cm;border:5px solid #dcdcdc;height:256mm;outline:2cm solid #f8f8ff;background-color:#fff}.pageHeader{padding:0;font:11pt "Times new roman";color:#696969}.pageTitle{font:18pt "Times new roman";align-content:center;align-items:center;margin:auto;width:50%;padding:10px;text-align:center}@page{size:A4;margin:0}@media print{body,html{width:210mm;height:297mm}.page{margin:0;border-radius:0;border-radius:initial;width:auto;min-height:0;box-shadow:none;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;background-color:#fff;page-break-after:always}}.box{width:100%;display:flex;border:double}.innerbox{width:50%;padding:10px 10px 10px 20px;border:1px solid grey;align-content:center;align-items:center;text-align:center;font:10pt}.popupInner{max-height:10%;max-width:25%;left:35%;right:35%;top:25%;bottom:25%}.popupMessage{text-align:center;font-weight:700;font-size:larger}body,html{width:100%;height:100%;margin:0}.toppane{width:100%;height:20%;border-collapse:collapse}.toppane h1{text-align:center}.leftpane{width:25%;height:100%;float:left;border-collapse:collapse;margin-top:1.5rem}.leftpane h4{text-align:center}.middlepane{width:50%;height:100%;float:left;border-collapse:collapse;margin-top:1.5rem}.middlepane h4{text-align:center}.middlepane table{width:90%;margin-left:auto;margin-right:auto}.rightpane{width:25%;height:100%;position:relative;float:left;border-collapse:collapse;margin-top:1.5rem}.rightpane h4{text-align:center}@media only screen and (max-width:1200px){.leftpane,.middlepane,.rightpane{display:block;float:none;width:100%;padding:20px 0}}.popup{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5)}.popupInner{position:absolute;max-height:40%;max-width:35%;left:30%;right:30%;top:30%;bottom:30%;margin:auto;border-radius:20px;background:#fff}.form{display:flex;flex-direction:column;align-items:center}fieldset{border:none}.formBody,.formSection{display:flex;justify-content:space-evenly;padding:5px}.formCloseBtn{margin:5px}.formButtons{display:flex;justify-content:center;padding:5px}.poPopupInner{position:absolute;left:20%;right:20%;top:20%;bottom:35%;margin:auto;border-radius:5px;background:#fff}.dropDownMenu,.StockTrendBody{display:flex;justify-content:space-evenly}.dropDownMenu{flex-direction:column}.graphSection{width:60%;padding:3rem}.chartjs-render-monitor{height:100%}.chartjs-size-monitor{height:500px}.homeBodyClerk,.homeBodyHead,.homeBodyMgr,.homeBodySup{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.homeBodyClerk Button{background-color:#87ceeb}.homeBodyClerk Button,.homeBodySup Button{border:.5px solid;cursor:pointer;width:400px;margin:5px}.homeBodySup Button{background-color:#add8e6}.homeBodyHead Button{background-color:green}.homeBodyHead Button,.homeBodyMgr button{border:.5px solid;cursor:pointer;width:400px;margin:5px}.homeBodyMgr button{background-color:#1e90ff}
/*# sourceMappingURL=main.887144fa.chunk.css.map */