@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);body{margin:0;padding:0;font-family:BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiTypography-h4,.MuiTypography-h5,h1,h2,h3,h4,h5,h6,p{font-family:"Roboto","Helvetica","Arial",sans-serif!important}.makeStyles-margin-33,.makeStyles-textField-35,.MuiButton-contained,.MuiButton-containedSecondary,.MuiButton-root,.MuiButtonBase-root,.MuiFormControl-root,.MuiInputAdornment-root .MuiInputAdornment-positionStart,.MuiTextField-root{font-family:BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important}.MuiTypography-body1{font-size:1rem;font-weight:400;line-height:1.5;letter-spacing:.00938em;font-family:"Times New Roman",Times,serif;color:#000!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.centerHeading{text-align:center;border-radius:10px;color:#fff;box-shadow:0 3px 5px 2px rgba(33,203,243,.3);padding:.1rem;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;word-spacing:20px;font-size:larger;background:linear-gradient(-45deg,#e638fd,#fa893e,#e051f3);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.centerHeading>h1{font-weight:bolder}.textSize{font-size:12px;text-align:center;font-weight:700;text-transform:uppercase}.main-container-acknowledge{padding:30px}.card-data{display:flex;justify-content:space-between;align-items:center}.nameAtlogOut{color:#fff!important}.checkmark{position:relative;top:0;left:0;background-color:#badf13;transition:all .3s;border-radius:5px}.acknowledgeCardData{margin:20px;padding:20px;border-radius:10px;box-shadow:0 6px 10px rgba(0,0,0,.25);transition:all .2s}.acknowledgeCardData:hover{box-shadow:0 6px 10px rgba(0,0,0,.4);-webkit-transform:scale(1.01);transform:scale(1.01)}.c-button{color:#000;background-color:transparent;border:none}.c-button:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.breadcrumb{display:flex;align-items:flex-end;margin:1rem;padding:.3rem;cursor:pointer}.card-container{display:flex;flex-wrap:wrap;justify-content:space-around;background-color:#f2f2f2;margin-top:2.5rem}.card-container>div{margin:10px;box-shadow:3px 3px 3px 3px #1d1c1c;border-radius:5px;width:200px}.card-container>div:hover{background-color:#111;transition:.3s}.MuiCardMedia-img{height:190px;padding:15px}.backgroundImage{background-repeat:no-repeat;position:fixed;background-size:cover;width:92vw;height:85vh}.chart1BMAIN{display:flex;justify-content:space-around}.Card{width:200px;height:100px;border:1px solid grey;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:flex;flex-wrap:wrap;justify-content:center}.TimeSelect{display:block;margin:50px;padding:50px}.TimeSelect>div{margin-top:10px}.container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.5rem}.head{margin-left:65px}.container>div{padding:5px}.Cards-1b{display:flex;flex-wrap:wrap;max-width:700px}.Cards-1b>div{padding:2px}.LossChart{flex-direction:column}.LossChart,.SelectPlant{display:flex;flex-wrap:wrap}.SelectPlant{flex-direction:row;justify-content:flex-start}.SelectPlant>div{margin-left:5px;padding-left:15px}.dhForm{display:flex;justify-content:space-between}.dhForm>div{padding:1rem}.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{flex-wrap:wrap}.DHContainer,.OHContainer{display:flex;flex-direction:column}.OHContainer{height:100vh}.OHContainer>div{margin-top:20px}.DHGCards{display:flex;justify-content:space-between;flex-wrap:wrap}.DHGCards>div{width:10rem;padding:5px}.graphContainer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.graphContainer>div{margin:1px}.graphContainer>div:hover{background-color:#d8bfd8;transition:2s}.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}.left{display:flex;justify-content:center;align-items:center}.p-Card{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;display:flex;box-shadow:0 1px 20px 0 rgba(69,90,100,.08)}.p-Card .left{width:35%;background:#eee;padding:30px 25px;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;color:#000}.p-image-container{display:flex;align-items:center;justify-content:center}.p-Card img{border-radius:5px}.p-Card h4,.p-Card img{margin-bottom:10px}.p-Card p{font-size:12px}.p-Card .right{width:65%;background:linear-gradient(90deg,#faffd1,#a1ffce);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:30px 25px}.p-Card .right .info{margin-bottom:25px}.p-Card .right .info h3{margin-bottom:15px;padding-bottom:5px;border-bottom:1px solid #000;color:#353c4e;text-transform:uppercase;letter-spacing:5px}.p-Card .right .info-data .data{width:45%}.p-Card .right .info-data .data h4{color:#353c4e;margin-bottom:5px}.p-Card .right .info-data .data p{font-size:16px;margin-bottom:10px;color:#919aa3}.p-btn{color:#000;font-size:larger;background:linear-gradient(90deg,#faffd1,#a1ffce);border-radius:1rem;width:7rem}.input-label-area{margin-left:10px!important}@media only screen and (max-width:700px){.Card-container>div{margin:.2rem}}.dialog-btn{background:linear-gradient(45deg,#2196f3 30%,#21cbf3 90%);color:#fff!important;padding:8px;font-size:12px;font-weight:700}.close-btn-abc{background:linear-gradient(45deg,#fe6b8b 30%,red 90%)!important}@media only screen and (max-width:700px){.icon-size{margin-left:auto;margin-right:auto;height:auto!important;width:5rem!important}.Heading{margin-top:3rem;text-align:center}.Card-container>div{margin:.2rem}.Pie-chart{width:25rem!important;margin-left:auto;margin-right:auto}.Bar-Chart>div>div{display:flex!important;justify-content:center!important;align-items:center}.centerHeading,.DHContainer{margin-top:2rem}.Text-Gradient-Color{font-size:32px!important}.dialog-mobile-view{font-size:35px!important}.typography{display:flex;justify-content:center;align-items:center;font-size:40px!important}.mobile-view-form{margin-top:3rem}.mobile-view-text-field{height:10vh!important;margin-top:1rem}.mobile-view-btn-container{display:flex;flex-direction:column}.dialog-btn{margin-bottom:1rem!important;font-size:20px!important;padding:4px}.close-btn-abc{background:linear-gradient(45deg,#fe6b8b 30%,red 90%)!important}}@media only screen and (max-width:764px){.icon-size{margin-left:auto;margin-right:auto;height:auto!important;width:5rem!important}}@media only screen and (max-width:992px){.navigation-view{max-width:155px!important}}@media only screen and (max-width:400px){.p-Card{flex-direction:column;margin-top:5rem}.p-Card,.p-Card .left,.p-Card .right{width:100%}.left{display:flex;justify-content:center;align-items:center}.resp-view{min-width:320px!important}.resp-navbar{display:flex!important;flex-direction:row!important}.resp-child-element{max-width:50%}.resp-for-mobile{max-width:30%!important;display:table-cell}.navigation-view{display:none!important}}@media only screen and (max-width:330px){.left{display:flex;justify-content:center;align-items:center}}@media only screen and (max-width:420px){.p-Card{flex-direction:column;width:100%;margin-top:5rem}.p-image-container .image{height:10rem;width:174px;margin-top:55px}.p-Card .left{width:100%;height:25rem;padding-bottom:10px}.left img{height:100px;width:100px}.drawer,.menu-icon{display:none!important}}@media only screen and (max-width:590px){.p-Card{flex-direction:column;margin-top:5rem}.p-Card .left,.p-Card .right{width:100%}.navigation-view{display:none!important}}@media only screen and (max-width:570px){.navigation-view{display:none!important}.resp-navbar{display:flex!important;flex-direction:row!important}.resp-child-element{max-width:50%;margin:0!important;padding:0!important}.resp-logo-heading{display:none}.resp-logo-img{display:block!important;margin-left:.5rem}}@media only screen and (max-width:400px){.navigation-view{display:none!important}.resp-font-size{font-size:11px!important}.main-container,.MuiIconButton-root{padding:0!important}.drawer,.menu-icon{display:none!important}.typography{font-size:24px!important}.resp-for-mobile{max-width:30%!important}.resp-modal-for-mobile{width:95%!important}}.resp-logo-img{display:none}.input{border:1px solid grey}.paper-style-web{border-radius:50px;background:#e0e0e0;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}@media only screen and (max-width:768px){.resp-for-tab{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.resp-for-mobile{font-size:44px!important}.resp-form-container{width:60%!important}.resp-input{height:45px;border-radius:5px;border:1px solid grey}}.back-ground-color{background:#a1ffce;height:100vh;padding:2rem;background:linear-gradient(90deg,#faffd1,#a1ffce)}.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;border-radius:5px;background-color:#7cccbf;transition:.4s}.effect-19~.focus-border:after{top:auto;bottom:0;border-radius:5px}.effect-19~.focus-border i:after,.effect-19~.focus-border i:before{content:"";position:absolute;top:50%;left:0;width:2px;height:0;border-radius:5px;background-color:#7cccbf;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;border-radius:5px}.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:#7cccbf;transition:.3s}.forScrolling{overflow-y:scroll!important}.select-search{width:100%;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box}.select-search *,.select-search :after,.select-search :before{box-sizing:inherit}.select-search__value{position:relative;z-index:1}.select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px}.select-search__input{display:block;height:36px;width:100%;padding:0 40px 0 16px;background:#fff;border:1px solid transparent;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);border-radius:3px;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none}.select-search__input::-webkit-search-cancel-button,.select-search__input::-webkit-search-decoration,.select-search__input::-webkit-search-results-button,.select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search__input:not([readonly]):focus{cursor:auto}.select-search__select{background:#fff;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15)}.select-search__options{list-style:none}.select-search__row:not(:first-child){border-top:1px solid #eee}.select-search__not-found,.select-search__option{display:block;height:36px;width:100%;padding:0 16px;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer}.select-search--multiple .select-search__option{height:48px}.select-search__option.is-selected{background:#2fcc8b;color:#fff;width:97%}.select-search__option.is-highlighted,.select-search__option:not(.is-selected):hover{background:rgba(47,204,139,.1);width:97%}.select-search__option.is-highlighted.is-selected,.select-search__option.is-selected:hover{background:#2eb378;color:#fff}.select-search__group-header{font-size:10px;text-transform:uppercase;background:#eee;padding:8px 16px}.select-search.is-disabled{opacity:.5}.select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select-search:not(.is-disabled) .select-search__input{cursor:pointer}.select-search--multiple{border-radius:3px;overflow:hidden}.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:1px solid #000;border-bottom:1px solid #000;pointer-events:none}.select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.select-search:not(.select-search--multiple) .select-search__input:hover{border-color:#2fcc8b}.select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:44px;right:0;left:0;border-radius:3px;overflow:auto;max-height:360px}.select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:260px;border-top:1px solid #eee;border-radius:0 0 3px 3px}.select-search__not-found{height:auto;padding:16px;text-align:center;color:#888}.test-TwoBtn{display:flex;width:100%;justify-content:space-between;flex-direction:row-reverse}.for-margineSchedule{margin-top:1%}@media only screen and (max-width:700px){.for-margineSchedule{margin-top:3%}}.for-badge{width:5%;height:6vh}.for-checkbox{padding:10px}.form-check-input:checked{background-color:green;border-color:green}.main-container{width:90%!important}.cardStyle{background-color:#fff}.cardStyle,.cardtext{text-align:center}.forGreenbg{background-color:#77c159}.forBluebg{background-color:#5ec9e7}.clHeadGreen{font-size:20px;color:#fff}.clHeadGreen,.textBold{font-weight:700}.cardheight{height:180px}.txt-center{text-align:center;color:#fff;font-size:20px}.bgcolor{background-color:#fff}.for-date-picker,.for-date-picker>div>div>button,.for-date-picker>div>input,.for-date-picker>label{color:#fff!important}.white-text{color:#fff}.padding-ofs-dashboard{padding-top:15px;padding-bottom:15px}.ofs-record-table-color{background-color:rgba(52,119,222,.7607843137254902)}.ofs-record-table-color>.MuiIconButton-label>span{color:#fff!important}.safe-unsafe-icons{display:flex;justify-content:center}@media only screen and (max-width:1200px){.for-large-screen-resp{margin-top:10px;margin-bottom:5px}}.apexcharts-menu,.apexcharts-menu-open,.apexcharts-tooltip-text-y-label,.apexcharts-tooltip-text-y-value,.apexcharts-tooltip-title{color:#000!important}.apexcharts-legend-text,.white-text-bold{color:#fff!important}.white-text-bold{font-size:20px!important;font-weight:700!important;text-align:center!important}@media only screen and (max-width:768px){.for-date-picker>label{color:#fff!important;font-size:10px}.for-date-picker>div>input{color:#fff!important;font-size:7px}}.reset-btn{padding:5px;cursor:pointer;outline:none;color:#fff;background-color:#04aa6d;border-radius:5px;border:none}.reset-btn:hover{border-radius:5px;padding:7px;color:#fff}.month-btn{font-size:11px!important;margin:"4px 3px 4px 3px"!important;background:#fff!important;color:#000!important;font-weight:700!important}.score-section{font-size:14px!important;text-align:center!important;color:#fff!important;padding-top:14px!important;padding-bottom:14px!important;margin-top:5px!important}.font-weight-bold,.score-section{font-weight:700!important}.MuiTableBody-root>tr>td{text-align:center!important;font-size:13px!important}.MTableToolbar-title-22>h6{display:none!important}.user-unsafe-array-table>div>div>div>h6{display:block!important}.border-right{border-right:2px solid #fff!important}.border-left{border-left:2px solid #fff!important}.for-apex-chart-background>div>div>.apexcharts-tooltip.apexcharts-theme-dark,.for-apex-chart-background>div>div>div>{background:#fff!important}.for-font-family,div,h1,h2,h3,h4,h5,h6{font-family:"math"!important}.ofs-record-table-color>div>div>div>div,.ofs-record-table-color>div>div>div>div>div>button,.ofs-record-table-color>div>div>div>div>input,.ofs-record-table-color>div>table>tfoot>tr>td>div,.ofs-record-table-color>div>table>tfoot>tr>td>div>div,.ofs-record-table-color>div>table>tfoot>tr>td>div>div>span>button,.ofs-record-table-color>div>table>tfoot>tr>td>div>div>svg{color:#fff!important}.noDataHeading{text-align:center;color:#fff;padding-top:170px;padding-bottom:200px}.centerLine-td{min-width:400px}.tables{font-family:arial,sans-serif;border-collapse:collapse;width:100%;border:2px solid #ddd;display:block;overflow-x:auto;white-space:nowrap}.tds,.ths{border:1px solid #ddd;text-align:left;padding:8px}.trs{background-Color:rgba(52,119,222,.7607843137254902);color:#fff}.trs:first-child{background-Color:rgba(32,35,184,.7607843137254902)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}