body{margin:0;padding:0;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}.textSize{font-size:17px;text-align:center;font-weight:bolder}.card-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;background-color:#f2f2f2;margin-top:25px}.card-container>div{margin:10px;padding:5px;box-shadow:3px 3px 3px 3px #777676;border-radius:10px;width:200px}.card-container>div:hover{background-color:#8f8e8e;transition:.3s}.MuiCardMedia-img{height:190px;padding:15px}.chart1BMAIN{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.Card{height:80px;border:4px solid #072452;box-shadow:5px 5px 5px 5px #777676;border-radius:10px}.custom-tooltip{padding:10px;background-color:hsla(0,0%,100%,.7);border:2px solid #c3c3c3;border-radius:10px}.custom-tooltip>span{font-weight:700}.Charts{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.TimeSelect{display:block;margin:50px;padding:50px}.TimeSelect>div{margin-top:10px}.container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:.5rem}.head{margin-left:65px}.container>div{padding:5px}.Cards-1b{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:700px}.Cards-1b>div{padding:2px}.LossChart{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row}.SelectPlant{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}.SelectPlant>div{margin-left:5px;padding-left:15px}.dhForm{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.dhForm>div{margin:3rem}.MuiDialogContent-root{overflow-y:hidden!important}.dhForm .div1t6,.dhForm .div7t12{margin-top:1px}.div1t6>div{margin-top:5px}.div7t12>div{margin-top:5 px}.DHContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap}.OHContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh}.OHContainer>div{margin-top:20px}.DHGCards{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}.DHGCards>div{width:10rem;padding:5px}.graphContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.graphContainer>div{margin:1px}.graphContainer>div:hover{background-color:#d8bfd8;transition:2s}.filter{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-grow:0.2;flex-grow:0.2}.datefilter{font-weight:"bold";-webkit-justify-content:"space-evenly";justify-content:"space-evenly";display:"flex";-webkit-flex-direction:"column";flex-direction:"column"}.machineSelect{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;margin:20px}.formUser>div{margin-top:10px}.textfield_label{color:#27d5e6!important}.textfield_label:focus{box-shadow:0 0 5px #51cbee!important;padding:3px 0 3px 3px!important;margin:5px 1px 3px 0!important;border:1px solid #51cbee!important}.textfield_insidetext{color:#fff!important;background-color:#000!important}.skeletonAdjust{height:50vh;margin-top:10%;line-height:2}.logoText{text-decoration:none;transition:.5s ease-in-out;color:#000}.logoText:hover{-webkit-text-decoration:"none";text-decoration:"none";color:#ff4500;transition:.7s}.logoText1{text-decoration:none;color:#000;transition:.4s ease-in-out;border:1px solid orange;border-radius:5px;padding:3px}.logoText1:hover{-webkit-text-decoration:"none";text-decoration:"none";border:1px solid orange;padding:6px;color:#ff4500;transition:.4s;border-radius:10px}@media only screen and (max-width:700px){.dhForm{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center}.dhform .div1to6.div7t12>div{width:100%}}.userCreationForm{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:100%}.userCreationForm>div{margin-top:5px;padding:5px;width:100%}@media only screen and (max-width:700px){.userCreationForm{position:relative;top:200px;-webkit-flex-direction:column;flex-direction:column;height:100vh!important;-webkit-align-items:center;align-items:center}.userCreationForm,.userCreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.userCreationForm>div{-webkit-transform:scale(1.8,2.1);transform:scale(1.8,2.1);width:100vw!important;margin-top:5rem}.userCreationForm>div>label{font-size:1.5rem;font-weight:700}.userCreationForm>label{font-size:3rem;font-weight:700}.userCreationForm button{width:60%;border-radius:30px;padding:20px;margin:2rem}.userCreationForm button .btnText{font-size:1.6rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}.instyU{width:90%;margin-top:4px;margin-bottom:8px;background-color:transparent;color:#000;border:1px solid;outline:none;height:30px;transition:.5s;border-radius:5px;padding:5px}.instyU::-webkit-input-placeholder{color:#000}.instyU::-moz-input-placeholder{color:#000}.instyU:-ms-input-placeholder{color:#000}.instyU:-moz-placeholder{color:#000}.cards,.smltbl{-webkit-justify-content:space-between;justify-content:space-between}.smltbl{display:-webkit-flex;display:flex}.smltbl>div{padding:5px;margin-top:5px;width:100%}.upperdiv{display:-webkit-flex;display:flex}.prodSmTable{margin-top:"10px";white-space:nowrap;max-width:45vw}.shiftCreationForm>div{margin-top:5px;padding:5px}.shiftCreationForm button{margin:2rem;width:50%}@media only screen and (min-width:701px) and (max-width:780px){.shiftCreationForm{position:relative;top:5px;-webkit-flex-direction:column;flex-direction:column;height:80vh!important;-webkit-align-items:center;align-items:center}.shiftCreationForm,.shiftCreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.shiftCreationForm>div{-webkit-transform:scale(1.8,2.1);transform:scale(1.8,2.1);width:50vw!important;margin-top:50px}.shiftCreationForm>div>label{font-size:1rem;font-weight:700}.shiftCreationForm>label{font-size:2rem;font-weight:700}.shiftCreationForm button{margin:4rem;width:90%;padding:10px}.shiftCreationForm button .btnText{font-size:1.5rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}@media only screen and (max-width:700px){.shiftCreationForm{position:relative;top:15px;-webkit-flex-direction:column;flex-direction:column;height:100vh!important;-webkit-align-items:center;align-items:center}.shiftCreationForm,.shiftCreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.shiftCreationForm>div{-webkit-transform:scale(1.8,2.1);transform:scale(1.8,2.1);width:40vw!important;margin-top:18px}.shiftCreationForm>div>label{font-size:1 rem;font-weight:700}.shiftCreationForm>label{font-size:1.8rem;font-weight:700}.shiftCreationForm button{width:60%;border-radius:30px;padding:20px;margin:2rem}.shiftCreationForm button .btnText{font-size:1.5rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}@media screen and (max-width:700px){.mwrt{margin-top:25px}.mwrt,.smltbl{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.prodSmTable{margin-top:"10px";white-space:nowrap;max-width:90vw}}.dropsty{width:100%;padding:8px;margin:10px 10px 10px 1.8px;border-radius:2px}.insty{width:90%;margin-top:4px;margin-bottom:8px;background-color:transparent;color:#fff;border:1px solid;outline:none;height:30px;transition:.5s;border-radius:5px;padding:5px}.insty:focus{font-size:16px;transition:.5s}.insty::-webkit-input-placeholder{color:#fff}.insty::-moz-input-placeholder{color:#fff}.insty:-ms-input-placeholder{color:#fff}.insty:-moz-placeholder{color:#fff}.ainfsty{width:100%;padding:12px 15px;margin-top:4px;margin-bottom:8px;border:1px solid #555;border-radius:4px;outline:none;transition:all .4s ease-in-out}.ainfsty:focus,textarea:focus{border:1px solid #51cbee;box-shadow:0 0 5px #51cbee}@media only screen and (max-width:700px){.tsty{width:35%}}.form__div{position:relative;height:48px;margin-bottom:1.5rem}.form__input{top:0;left:0;width:85%;border:none;border-bottom:2px solid #fff;color:"white";padding:1rem;background:none;z-index:1;outline:none}.form__input,.form__label{position:absolute;font-size:var(--normal-font-size)}.form__label{left:1rem;top:1rem;padding:0 .25rem;color:#fff;transition:.3s}.form__input:focus+.form__label{top:-.5rem;left:.8rem;color:#fff;font-size:12px;font-weight:500;z-index:10}.form__input:not(:-ms-input-placeholder).forminput:not(:focus)+.form__label{display:none}.form__input:not(:placeholder-shown).forminput:not(:focus)+.form__label{display:none}:focus{outline:none}.col-3{float:left;width:27.33%;margin:10px 3%;position:relative}input[type=password],input[type=text]{font:15px/24px "Lato",Arial,sans-serif;color:#333;width:100%;box-sizing:border-box;letter-spacing:1px}.effect-19,.effect-20,.effect-21{border:1px solid #ccc;padding:7px 14px;transition:.4s;background:transparent}.effect-19~.focus-border:after,.effect-19~.focus-border:before{content:"";position:absolute;top:-1px;left:50%;width:0;height:2px;background-color:#000;transition:.4s}.effect-19~.focus-border:after{top:auto;bottom:0}.effect-19~.focus-border i:after,.effect-19~.focus-border i:before{content:"";position:absolute;top:50%;left:0;width:2px;height:0;background-color:#117fec;transition:.6s}.effect-19~.focus-border i:after{left:auto;right:0}.effect-19:focus~.focus-border:after,.effect-19:focus~.focus-border:before,.has-content.effect-19~.focus-border:after,.has-content.effect-19~.focus-border:before{left:0;width:100%;transition:.4s}.effect-19:focus~.focus-border i:after,.effect-19:focus~.focus-border i:before,.has-content.effect-19~.focus-border i:after,.has-content.effect-19~.focus-border i:before{top:-1px;height:100%;transition:.6s}.effect-19~label{position:absolute;left:14px;width:100%;top:10px;color:#aaa;transition:.3s;z-index:-1;letter-spacing:.5px}.effect-19:focus~label,.has-content.effect-19~label{top:-18px;left:0;font-size:12px;color:#000;transition:.3s}.ubsty{margin-top:1.5rem!important}@media only screen and (max-width:600px){.tsty{width:35%;padding:12px;margin:5px}.ubsty{width:50%;margin:10px}.FormHeading{font-size:56px!important;text-align:center}}.form__di{position:relative;height:48px;margin-bottom:1.5rem}.form__inpu{top:0;left:0;width:85%;border:none;border-bottom:2px solid #000;color:"black";padding:1rem;background:none;z-index:1;outline:none}.form__inpu,.form__labe{position:absolute;font-size:var(--normal-font-size)}.form__labe{left:1rem;top:1rem;padding:0 .25rem;color:#000;transition:.3s}.form_inpu:focus+.form_labe{top:-.5rem;left:.8rem;color:#000;font-size:12px;font-weight:500;z-index:10}.form_inpu:not(:-ms-input-placeholder).forminpu:not(:focus)+.form_labe{top:-.5rem;left:.8rem;z-index:10;font-size:var(--small-font-size);font-weight:500}.form_inpu:not(:placeholder-shown).forminpu:not(:focus)+.form_labe{top:-.5rem;left:.8rem;z-index:10;font-size:var(--small-font-size);font-weight:500}.cause1CreationForm>div{margin-top:5px;padding:5px}.cause1CreationForm button{margin:2rem;width:60%;border-radius:30px}@media only screen and (min-width:701px) and (max-width:780px){.cause1CreationForm{position:relative;top:5px;-webkit-flex-direction:column;flex-direction:column;height:80vh!important;-webkit-align-items:center;align-items:center}.cause1CreationForm,.cause1CreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.cause1CreationForm>div{-webkit-transform:scale(1.6,2.1);transform:scale(1.6,2.1);width:40vw!important;margin-top:50px}.cause1CreationForm>div>label{font-size:1rem;font-weight:700}.cause1CreationForm>label{font-size:2rem;font-weight:700}.cause1CreationForm button{margin:4rem;width:60%;padding:10px}.cause1CreationForm button .btnText{font-size:1.5rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}@media only screen and (max-width:700px){.cause1CreationForm{position:relative;top:15px;-webkit-flex-direction:column;flex-direction:column;height:100vh!important;-webkit-align-items:center;align-items:center}.cause1CreationForm,.cause1CreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.cause1CreationForm>div{-webkit-transform:scale(1.6,2.1);transform:scale(1.6,2.1);width:70vw!important;padding:25px;margin-top:18px}.cause1CreationForm>div>label{font-size:1 rem;font-weight:700}.cause1CreationForm>label{font-size:1.8rem;font-weight:700}.cause1CreationForm button{width:50%;border-radius:30px;margin:1rem 2rem 2rem}.cause1CreationForm button .btnText{font-size:2rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}.cause2CreationForm>div{margin-top:5px;padding:5px}.cause2CreationForm button{margin:2rem;width:60%;border-radius:30px}@media only screen and (min-width:701px) and (max-width:780px){.cause2CreationForm{position:relative;top:5px;-webkit-flex-direction:column;flex-direction:column;height:80vh!important;-webkit-align-items:center;align-items:center}.cause2CreationForm,.cause2CreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.cause2CreationForm>div{-webkit-transform:scale(1.8,2.1);transform:scale(1.8,2.1);width:40vw!important;margin-top:50px}.cause2CreationForm>div>label{font-size:1rem;font-weight:700}.cause2CreationForm>label{font-size:2rem;font-weight:700}.cause2CreationForm button{margin:4rem;width:60%;padding:10px}.cause2CreationForm button .btnText{font-size:1.5rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}@media only screen and (max-width:700px){.cause2CreationForm{position:relative;top:10px;-webkit-flex-direction:column;flex-direction:column;height:100vh!important;-webkit-align-items:center;align-items:center}.cause2CreationForm,.cause2CreationForm>div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.cause2CreationForm>div{-webkit-transform:scale(1.8,2.1);transform:scale(1.8,2.1);width:70vw!important;padding:25px;margin-top:1px}.cause2CreationForm>div>label{font-size:1 rem;font-weight:700}.cause2CreationForm>label{font-size:1.8rem;font-weight:700}.cause2CreationForm button{margin:2rem;width:60%;padding:10px}.cause2CreationForm button .btnText{font-size:1.5rem}.MuiDialogContent-root{padding:0;margin:0;width:100%;height:100%}}.BackFourth{width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.BackFourth,.BackFourthLogo,.BackFourthLogout{display:-webkit-flex;display:flex}.BackFourthLogout{-webkit-align-items:center;align-items:center}@media only screen and (max-width:700px){.BackFourth{-webkit-justify-content:space-between;justify-content:space-between}.BackFourth,.BackFourthLogo{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.BackFourthLogo,.BackFourthLogout{-webkit-flex-wrap:wrap;flex-wrap:wrap}.BackFourthLogout{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}}.bgcoverr{background-color:#abe9cd;background-image:linear-gradient(315deg,#abe9cd,#3eadcf 74%);background-size:cover!important;box-shadow:" 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) "}.maincon{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.cards,.maincon{display:-webkit-flex;display:flex}.cards{width:100%;-webkit-justify-content:space-around;justify-content:space-around;margin-top:5px}.cards>div{padding:1px}@media only screen and (max-width:700px){.cards{-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-grow:1;flex-grow:1}@media only screen and (max-width:700px){.cards,.filter-button{display:-webkit-flex;display:flex}.filter-button{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}}.guagemain{width:100%;margin-top:25px;-webkit-justify-content:space-evenly;justify-content:space-evenly}.gauge-containers,.guagemain{display:-webkit-flex;display:flex}.gauge-containers{width:150px;height:150px;padding:10px}.gauge-containers>.gauge .dial{stroke:#32a8a0;stroke-width:2;fill:transparent}.gauge-containers>.gauge .value{stroke:#072452;stroke-width:8}.gauge-containers>.gauge .value-text{fill:#fff;font-family:sans-serif;font-weight:700;font-size:1em}.textal{text-align:center;color:#000}@media only screen and (max-width:700px){.guagemain{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}.graphs{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;margin-top:10px}.graphs>div{width:20%;padding:3px;margin-bottom:20px}@media only screen and (max-width:700px){.cards{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around}.cards>div{margin-top:10px}.graphs{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-grow:0.65;flex-grow:0.65;width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.graphs>div{width:30%}.Paper{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}.bg{background-repeat:no-repeat;position:fixed;background-size:cover;width:100vw;height:100vh}.colcard{display:-webkit-flex;display:flex;box-Shadow:" 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19) ";-webkit-justify-content:space-evenly;justify-content:space-evenly;padding:20px;margin:10px;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:100%}.colcard>div{margin:1rem;padding:.5rem}.col1{width:40%}.col1,.col2{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}.col1>div,.col2>div{padding:15px;margin:22px}.row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.side{-webkit-flex:30% 1;flex:30% 1;background-color:#abe9cd;background-color:#b6e5f1}.main{-webkit-flex:70% 1;flex:70% 1;background-color:#abe9cd;background-color:#c0d7eb}.dfil,.hd1{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.hd1>div{padding:15px}.hd2{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.hd2>div{padding:15px}.ohd{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.ohd>div{padding:20px}@media screen and (max-width:700px){.row{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.dfilsty{padding:100px}.dfilsty,.ohd{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.ohd{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.hd1,.hd2{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.colcard,.hd1,.hd2{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.colcard{-webkit-justify-content:center;justify-content:center}}@media screen and (min-width:768px) and (max-width:1536px){.dfilsty{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.colcard,.row{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.colcard{-webkit-flex-wrap:wrap;flex-wrap:wrap}.col1{min-width:0;width:auto}.col1,.col2{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}}input[type=checkbox]{-webkit-transform:scale(2);transform:scale(2);padding:10px;margin:10px}