.main-header{background-color:#f8f9fa;color:rgba(0,0,0,.5019607843);height:60px;border-bottom:1px solid #dee2e6;right:0;padding:0 15px 0 5px;transition:width .7s ease;z-index:20}.main-header .header-log{padding:10px}.main-header .logout-button{background:linear-gradient(180deg,#adcfff,#e8d1f5);background-size:inherit;background-position:50%;border-radius:.375rem}.main-header .header-link{padding:0 10px;color:#000;cursor:pointer;border-left:1px solid rgba(30,73,153,.2509803922);border-right:1px solid rgba(30,73,153,.2509803922);font-size:16px;font-weight:500}.main-header .header-link .nav-icon{font-size:15px;padding-right:5px}.main-header .header-link:hover{background-color:#f3f1f1}.main-header .header-link.nav-link-active{box-shadow:inset 0 -5px 1px 0 #235fd0}.main-header .header-link.nav-link-active .nav-icon,.main-header .header-link.nav-link-active .nav-link{color:#235fd0}.main-header .icon{color:#4b8dff}.main-sidebar{background:linear-gradient(180deg,#adcfff,#e8d1f5);height:100%;color:#fff;background-size:cover;background-position:50%;transition:margin .7s ease;z-index:10;transition:width .7s ease}.main-sidebar .sidebar-log{padding:20px 30px;justify-self:center;width:100%!important}.main-sidebar .nav-link{margin-bottom:15px;border:1px solid #6197e3;padding-left:5px;padding-right:5px;color:#2e2e2e}.main-sidebar .nav-link:hover{background-color:#9ec1ff}.main-sidebar .nav-link-active,.main-sidebar .nav-link-active:hover{background-color:#85b1ff}.main-sidebar .nav-icon{margin-left:.05rem;font-size:1.2rem;margin-right:.2rem;text-align:center;width:1.6rem;color:#119ad7}.main-sidebar nav{margin-top:15px}.main-content{background:linear-gradient(180deg,#f4f6f9,#f4f6f9);color:#000;min-height:calc(100vh - 60px);height:100%;background-size:cover;background-position:50%;transition:margin .7s ease}.main-content .content-main-div{padding:15px}.sidebar-togale-button{color:#000;cursor:pointer;font-size:18px}.sidebar-togale-button :hover{color:#000;font-size:20px}.show-main-sidebar .lg-screen .main-header,.show-main-sidebar .md-screen .main-header{width:calc(100% - 230px);margin-left:230px}.show-main-sidebar .lg-screen .main-header .header-log,.show-main-sidebar .md-screen .main-header .header-log{display:none}.show-main-sidebar .lg-screen .main-sidebar,.show-main-sidebar .md-screen .main-sidebar{width:230px;margin-left:0;top:0}.show-main-sidebar .lg-screen .main-sidebar .sidebar-log,.show-main-sidebar .md-screen .main-sidebar .sidebar-log{display:block}.show-main-sidebar .lg-screen .main-content,.show-main-sidebar .md-screen .main-content{width:calc(100% - 230px);margin-left:230px}.show-main-sidebar .sm-screen .main-header,.show-main-sidebar .xs-screen .main-header{width:100%;margin-left:0}.show-main-sidebar .sm-screen .main-header .header-log,.show-main-sidebar .xs-screen .main-header .header-log{display:block}.show-main-sidebar .sm-screen .main-sidebar,.show-main-sidebar .xs-screen .main-sidebar{width:230px;margin-left:0;top:60px}.show-main-sidebar .sm-screen .main-sidebar .sidebar-log,.show-main-sidebar .xs-screen .main-sidebar .sidebar-log{display:none}.show-main-sidebar .sm-screen .main-content,.show-main-sidebar .xs-screen .main-content{width:100%;margin-left:0}.sm-screen .main-header .selected-device-name,.xs-screen .main-header .selected-device-name{font-size:9px!important;align-self:center!important}.hide-main-sidebar .lg-screen .main-header,.hide-main-sidebar .md-screen .main-header{width:calc(100% - 85px);margin-left:0}.hide-main-sidebar .lg-screen .main-header .header-log,.hide-main-sidebar .md-screen .main-header .header-log{display:none}.hide-main-sidebar .lg-screen .main-sidebar,.hide-main-sidebar .md-screen .main-sidebar{width:85px;margin-left:0;top:0}.hide-main-sidebar .lg-screen .main-sidebar .sidebar-log,.hide-main-sidebar .md-screen .main-sidebar .sidebar-log{display:block;padding:20px 8px 10px}.hide-main-sidebar .lg-screen .main-sidebar .nav-text,.hide-main-sidebar .md-screen .main-sidebar .nav-text{display:none}.hide-main-sidebar .lg-screen .main-content,.hide-main-sidebar .md-screen .main-content{width:calc(100% - 85px);margin-left:85px}.hide-main-sidebar .sm-screen .main-header,.hide-main-sidebar .xs-screen .main-header{width:100%;margin-left:0}.hide-main-sidebar .sm-screen .main-header .header-log,.hide-main-sidebar .xs-screen .main-header .header-log{display:block}.hide-main-sidebar .sm-screen .main-sidebar,.hide-main-sidebar .xs-screen .main-sidebar{width:230px;margin-left:-230px;top:60px}.hide-main-sidebar .sm-screen .main-sidebar .sidebar-log,.hide-main-sidebar .xs-screen .main-sidebar .sidebar-log{display:none}.hide-main-sidebar .sm-screen .main-content,.hide-main-sidebar .xs-screen .main-content{width:100%;margin-left:0}.collapsible-card-header{display:flex;justify-content:space-between;cursor:pointer;font-weight:600;font-size:1rem}.collapsible-card-body{display:none;opacity:0;transform:translateY(-10px);transition:all .5s ease}.collapsible-card-body.open{display:block;animation:slideDown .5s forwards}.collapsible-card-body.close{animation:slideUp .5s forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0);display:block}}@keyframes slideUp{0%{height:max-content;opacity:1;transform:translateY(0)}to{height:0;opacity:0;transform:translateY(-10px)}}.table-style thead{background:#c5bde5;background-size:25%;background-position:50%}.table-style thead tr th{text-align:center;padding:10px;color:#2e2e2e}.table-style thead tr th:first-child{text-align:start;border-top-left-radius:12px;border-bottom-left-radius:12px}.table-style thead tr th:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.table-style thead tr th:nth-child(2){min-width:130px}.table-style thead tr th:nth-child(3){min-width:100px}.table-style tbody .action-button{padding:0;min-width:30px;min-height:30px;margin-left:5px;max-height:min-content;background:none;border:1px solid #356bb7;color:#356bb7}.table-style tbody .action-button:hover{border:2px solid #adcfff}.table-style tbody .action-button-delete{padding:0;min-width:30px;min-height:30px;margin-left:5px;max-height:min-content;background:none;border:1px solid rgba(255,61,0,.9607843137);color:rgba(255,61,0,.9607843137)}.table-style tbody .action-button-delete:hover{border:2px solid rgba(255,61,0,.9607843137)}.table-style tbody tr{border-top:4px solid #fff}.table-style tbody tr td{text-align:center;padding:10px}.table-style tbody tr td:first-child{text-align:start;border-top-left-radius:12px;border-bottom-left-radius:12px}.table-style tbody tr td:last-child{border-right:none;border-top-right-radius:12px;border-bottom-right-radius:12px}.graph-image{width:100%!important;height:100%!important}.number_validation_message_fade_out{opacity:0;transition:opacity .5s ease-out}.number_validation_message,.validation-error-message{font-size:10px;color:red;padding-left:2px;margin:0}.modal-main-div .modal-top-cros-button{border:1px solid;border-radius:5px;width:25px;height:25px}.modal-main-div .modal-top-cros-button:hover{border:2px solid red;color:red}.collapse{visibility:visible!important}.collapse.show{display:block!important}.dropdown-toggle:after{display:none!important}.action-button{background-color:#3b87f1;background-size:inherit;background-position:50%;max-width:200px;text-align:center}.action-button,.action-button-delete{border-radius:.375rem;color:#fff;padding:10px;min-width:max-content;text-decoration:none}.action-button-delete{background:rgba(255,61,0,.9607843137);background-size:cover;background-position:50%}.main-title{font-size:16px}.main-title,.sub-title{font-weight:600;height:min-content;padding:0;margin:0}.sub-title{font-size:13px}.mini-spinner{width:26px;height:26px;border:6px solid #ccc;border-top-color:#007bff;border-radius:50%;display:inline-flex;animation:spin .6s linear infinite}.without-sidebar-header-page .login-page-background{background-image:url(/images/background_pattern/Background_Image_Comlada_Login.png);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh}.without-sidebar-header-page .login-signup-button{cursor:pointer;background:#1e1b3a;background-size:cover;background-position:50%;width:100%;color:#fff;font-size:17px;font-weight:600;padding:.5rem 1rem;border-radius:2rem;transition:all .2s;text-align:center;border:none;display:block}.without-sidebar-header-page .login-footer-text{color:#b7b7b9;text-align:center;font-size:.9rem;margin-bottom:5px}.without-sidebar-header-page .login-link{color:#0b86c4;text-decoration:none}.without-sidebar-header-page .login-link:hover{text-decoration:none;color:#32acd8}.without-sidebar-header-page{background:linear-gradient(180deg,#f4f6f9,#f4f6f9);color:#000;height:calc(100vh - 60px);background-size:cover;background-position:50%}.without-sidebar-header-page .signup-button{cursor:pointer;background:#3b87f1;background-size:cover;background-position:50%}.dashboard-main-div .predictions-time-box .predictions-time-tilte{font-size:16px;font-weight:600}.dashboard-main-div .predictions-time-icon,.dashboard-main-div .status-date-time-icon{width:30px;height:30px;border-radius:50%;background-color:#00cb00;animation:blinkOpacity .7s infinite alternate}@keyframes blinkOpacity{0%{opacity:1}to{opacity:.6}}.dashboard-main-div .d-process-rec-status-box,.dashboard-main-div .dashboard-process-status-box{padding-top:10px;min-height:200px}.dashboard-main-div .dashboard-card-box{min-height:70px}.dashboard-main-div .card-title{font-size:14px;font-weight:500;color:#6a7282}.dashboard-main-div .card-value{font-size:14px;font-weight:600;color:#119ad7}.dashboard-main-div .process-recommedation-box-title,.dashboard-main-div .process-status-box-title{font-size:16px;font-weight:600;height:min-content}.dashboard-main-div .dashboard-predictions-header{background:linear-gradient(180deg,rgba(30,64,153,.831372549),rgba(30,64,153,.7803921569));background-size:initial;background-position:50%;color:#fff}.dashboard-main-div .slider-main-div{padding:15px 15px 10px;height:100%;width:100%;max-height:100%;overflow:auto}.dashboard-main-div .slider-main-div .slider-left-button,.dashboard-main-div .slider-main-div .slider-right-button,.dashboard-main-div .slider-main-div .slider-view-detail-button{padding:2px;margin:2px 5px;font-size:14px;border:2px solid #adcfff;border-radius:20px;color:#adcfff;text-align:center;align-content:center;width:30px;height:30px;background-color:rgba(183,195,218,.1019607843);cursor:pointer}.dashboard-main-div .slider-main-div .slider-left-button:hover,.dashboard-main-div .slider-main-div .slider-right-button:hover,.dashboard-main-div .slider-main-div .slider-view-detail-button:hover{font-size:16px;border:2.4px solid #adcfff}.dashboard-main-div .slider-main-div .slider-view-number{padding:2px;margin:2px 5px;font-size:15px;border:2px solid #adcfff;border-radius:20px;color:#adcfff;text-align:center;align-content:center;width:50px;height:30px;background-color:rgba(183,195,218,.1019607843);font-weight:500}.dashboard-main-div .slider-main-div .slider-header{height:30px}.dashboard-main-div .slider-main-div .slider-footer{height:fit-content;border-top:2px solid rgba(0,0,0,.0784313725);padding-top:8px;padding-bottom:8px}.dashboard-main-div .slider-main-div .slider-body{align-content:center;overflow:auto}.dashboard-main-div .slider-main-div .slider-body .slider-body-title{font-size:14px;font-weight:600;text-align:start;margin:0 10px 5px}.dashboard-main-div .slider-main-div .slider-body .slider-body-content{font-size:14px;text-align:start;margin:0 20px;min-height:80px;overflow:auto}.dashboard-navbar-main-div .dashboard-nav-toggle-button{box-shadow:none!important;color:#000;font-size:18px;margin-bottom:5px}.dashboard-navbar-main-div .dashboard-nav-toggle-button:hover{box-shadow:0 0 7px 0!important}.dashboard-navbar-main-div .nav-item{padding:2px 10px;cursor:pointer;box-shadow:inset 0 -1px 2px 0 #1e4999}.dashboard-navbar-main-div .nav-item .nav-icon{font-size:12px;padding-right:5px}.dashboard-navbar-main-div .nav-item:hover{box-shadow:inset 0 -2px 2px 0 #1e4999}.dashboard-navbar-main-div .nav-item.nav-link-active{box-shadow:inset 0 -5px 1px 0 #235fd0}.dashboard-navbar-main-div .nav-item.nav-link-active .nav-icon,.dashboard-navbar-main-div .nav-item.nav-link-active .nav-link{color:#235fd0}.dashboard-overview .top-card-box{min-height:70px}.dashboard-overview .top-card-box .blue{background-color:#eff6ff}.dashboard-overview .top-card-box .blue .card-title{color:#3c41d1}.dashboard-overview .top-card-box .green{background-color:#f0fdf4}.dashboard-overview .top-card-box .green .card-title{color:#106e10}.dashboard-overview .top-card-box .purple{background-color:#faf5ff}.dashboard-overview .top-card-box .purple .card-title{color:#680b68}.dashboard-overview .top-card-box .red{background-color:#fef2f2}.dashboard-overview .top-card-box .red .card-title{color:#b92626}.dashboard-overview .top-card-box .mustard{background-color:#fefce8}.dashboard-overview .top-card-box .mustard .card-title{color:#746b0c}.dashboard-overview .top-card-box .orange{background-color:#fff7ed}.dashboard-overview .top-card-box .orange .card-title{color:#c17312}.dashboard-overview .top-card-box .card-title{font-weight:500;font-size:14px}.dashboard-overview .top-card-box .card-value{font-weight:700;font-size:15px}.dashboard-overview .top-card-box .card-footer{font-weight:500;font-size:12px;color:gray}.dashboard-overview .top-card-box .top-status-icon{font-size:12px;padding-right:5px}.predictions-top-box{min-height:70px}.predictions-top-box .red{background-color:#fef2f2}.predictions-top-box .red .card-title{color:#b92626}.predictions-top-box .orange{background-color:#fff7ed}.predictions-top-box .orange .card-title{color:#c17312}.predictions-top-box .green{background-color:#f0fdf4}.predictions-top-box .green .card-title{color:#106e10}.predictions-top-box .purple{background-color:#faf5ff}.predictions-top-box .purple .card-title{color:#680b68}.predictions-top-box .card-title{font-weight:500;font-size:14px}.predictions-top-box .card-value{font-weight:700;font-size:16px;color:#119ad7}.predictions-top-box .card-footer{font-weight:500;font-size:12px;color:gray}.predictions-top-box .top-status-icon{font-size:12px;padding-right:5px}.process-overview-diagram .process-overview-diagram-body{height:300px;display:flex;flex-wrap:wrap;align-items:flex-end;min-width:430px}.process-overview-diagram .process-overview-diagram-body .raw-mill{height:110px;background-color:#7fb3d5;align-content:center;text-align:center;width:15%;min-width:fit-content;cursor:pointer;color:#000;text-decoration:none;clip-path:polygon(50% 0,100% 40px,100% 47px,100% 100%,0 100%,0 40px,25% 20px)}.process-overview-diagram .process-overview-diagram-body .preheater{height:300px;background-color:#f5b041;align-content:center;text-align:center;width:10%;min-width:80px;cursor:pointer;color:#000;text-decoration:none}.process-overview-diagram .process-overview-diagram-body .rotary-kiln{height:90px;background-color:#e74c3c;align-content:center;text-align:center;width:35%;cursor:pointer;color:#000;text-decoration:none;min-width:150px}.process-overview-diagram .process-overview-diagram-body .cooler{height:75px;background-color:#58d68d;align-content:center;text-align:center;width:15%;cursor:pointer;color:#000;text-decoration:none;min-width:fit-content}.process-overview-detail-main-div .raw-mill{height:120px;background-color:#7fb3d5;align-content:center;text-align:center;width:100%;min-width:fit-content;max-width:150px;cursor:pointer;color:#000;text-decoration:none;clip-path:polygon(50% 0,100% 40px,100% 47px,100% 100%,0 100%,0 40px,25% 20px)}.process-overview-detail-main-div .preheater{height:300px;background-color:#f5b041;align-content:center;text-align:center;width:10%;min-width:80px;cursor:pointer;color:#000;text-decoration:none}.process-overview-detail-main-div .rotary-kiln{background-color:#e74c3c;width:80%;min-width:150px;max-width:400px}.process-overview-detail-main-div .cooler,.process-overview-detail-main-div .rotary-kiln{height:70px;align-content:center;text-align:center;cursor:pointer;color:#000;text-decoration:none}.process-overview-detail-main-div .cooler{background-color:#58d68d;width:70%;min-width:100px;max-width:300px}.environmental-main-div .environmental-comp-prof .comp-prof-save-button{padding:8px}