.showw{opacity:1}.circle-icon{height:10px;width:10px;background:#999;border-radius:50%}.input-date{border:none!important;padding:0;width:120px}.graphbarstyle{height:300px}.graphbarstyle_mobile{height:180px}.master-data-wrapper .master-data{width:100%;padding:0;margin-bottom:20px;max-height:calc(100vh - 120px);overflow:scroll;border-radius:3px;position:relative}.master-data-wrapper .master-data h6{margin:0;padding:10px 0;text-align:center;background:#e74c3c;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:16px}.master-data-wrapper .master-data button.unic-btn-success{padding:5px 10px!important;min-width:60px}.master-data-wrapper .master-data tbody>tr>td{text-transform:capitalize}.master-data-wrapper .master-data table{position:relative}.master-data-wrapper .unic-table-wrapper table>thead>tr.h2>th{position:sticky;top:-2px}.master-data-wrapper .master-data .nav-pills{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.master-data-wrapper .master-data .nav-pills>li.active{background-color:none!important}.master-data-wrapper .master-data .nav-pills>li{width:99.5%}.master-data-wrapper .master-data .nav-pills>li.active>a,.master-data-wrapper .master-data .nav-pills>li.active>a:focus,.master-data-wrapper .master-data .nav-pills>li.active>a:hover{text-align:center;background:#e74c3c;border-top-color:#e74c3c;color:#fff;border-top-right-radius:20px;border-top-left-radius:20px;padding:5px 45px 8px 45px}.master-data-wrapper .master-data .nav-pills>li>a,.master-data-wrapper .master-data .nav-pills>li>a:focus,.master-data-wrapper .master-data .nav-pills>li>a:hover{text-align:center;background:#e7e7e7;border-top-right-radius:20px;border-top-left-radius:20px;color:#fff;color:#707b7c;padding:5px 45px 8px 45px}.master-data-wrapper .active{background:none}.master-data-wrapper .bg-tab-color{background:#fdedec}.unic-btn-save-data{height:35px;margin-top:5px;border:2px solid #5691c8!important;color:#fff;background:#5691c8;border:none;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:5px 5px}.status-presling{-webkit-box-shadow:5px 5px 10px #d3d3d3;box-shadow:5px 5px 10px #d3d3d3;border-radius:10px;margin:5px;background:#fff9f6;padding-top:5px}.status-presling p{margin-bottom:0;color:#d68910;font-size:20px}.status-presling h6{margin-bottom:0;color:#707b7c;font-size:10px}.m_whs_dashboard{min-height:100vh}.m_whs_dashboard .showw{opacity:1}.m_whs_dashboard .top-wrapper{background:#d31027;background:-webkit-gradient(linear,left top,left bottom,from(#ea384d),to(#d31027));background:linear-gradient(180deg,#ea384d,#d31027);padding:20px;border-radius:20px;position:relative}.m_whs_dashboard .datetime-wrapper{background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:absolute;top:114px;left:5%;width:90%;margin:0 auto;border-radius:8px;padding-top:8px}.m_whs_dashboard .datetime-wrapper p{margin-bottom:0;color:#a6acaf}.m_whs_dashboard .top-wrapper .btn-select{color:#fff;width:27%;opacity:.5;-webkit-box-shadow:none;box-shadow:none;text-transform:uppercase;font-size:13px}.m_whs_dashboard .top-wrapper .active{background:hsla(0,0%,100%,.5);margin-bottom:10px;opacity:1;border-radius:3px}.m_whs_dashboard .top-wrapper .active input{border-radius:5px}.m_whs_dashboard .top-chart{margin-top:55px;background:#fff;width:96vw;margin-left:2vw}.m_whs_dashboard .count-bag{width:25vw;position:relative;border-top-left-radius:20px;border-bottom-right-radius:20px;padding:5px 15px;margin-bottom:10px}.m_whs_dashboard .time-1{background:#dcedc8}.m_whs_dashboard .time-2{background:#e1f5fe}.m_whs_dashboard .time-3{background:#fffde7}.m_whs_dashboard .time-4{background:#fdf2e9}.m_whs_dashboard .time-5{background:#fbeee6}.m_whs_dashboard .time-6{background:#eaecee}.m_whs_dashboard .time-1 h6{font-size:45px;color:#689f38;position:absolute;right:0;top:-15%}.m_whs_dashboard .time-2 h6{font-size:45px;color:#2e86c1;position:absolute;right:3%;top:-15%}.m_whs_dashboard .time-3 h6{font-size:45px;color:#c4b749;position:absolute;right:3%;top:-15%}.m_whs_dashboard .time-4 h6{font-size:45px;color:#e0b24d;position:absolute;right:3%;top:-15%}.m_whs_dashboard .time-5 h6{font-size:40px;color:#d35400;position:absolute;right:3%;top:-15%;letter-spacing:0}.m_whs_dashboard .time-5 h6>span{position:absolute;left:-5%;top:-5%}.m_whs_dashboard .time-6 h6{font-size:18px;width:40px;text-align:right;color:#353535;position:absolute;right:5%;top:-5%;letter-spacing:0;text-transform:uppercase}.m_whs_dashboard .count-bag p{margin-bottom:0;font-size:10px;color:#bdbdbd}.m_whs_dashboard .count-bag h5{font-size:15px;margin-bottom:3px}.m_whs_dashboard .count-bag h6>span{font-size:12px}.m_whs_dashboard .bag-info .show{display:block}.m_whs_dashboard .bag-info .datetime{text-align:center;background:#d6eaf8;padding:3px 10px;color:#1f618d;border-radius:10px}.m_whs_dashboard .bag-info ul{background:#e5e7e9;border-radius:30px;width:96vw}.m_whs_dashboard .bag-info .nav-pills>li.active{background:none}.m_whs_dashboard .bag-info .nav-pills>li>a,.m_whs_dashboard .bag-info .nav-pills>li>a:focus,.m_whs_dashboard .bag-info .nav-pills>li>a:hover{background:inherit;width:15.5vw;border:none;color:#f4f6f6}.m_whs_dashboard .bag-info .nav-pills>li.active>a,.m_whs_dashboard .bag-info .nav-pills>li.active>a:focus,.m_whs_dashboard .bag-info .nav-pills>li.active>a:hover{border:none;color:#fff;background:#ed213a;background:-webkit-gradient(linear,left top,left bottom,from(#93291e),to(#ed213a));background:linear-gradient(180deg,#93291e,#ed213a);font-weight:800;border-radius:30px}.m_whs_dashboard .one-bag{display:-webkit-box;display:-ms-flexbox;display:flex;width:95vw;margin-top:5px}.m_whs_dashboard .one-bag .used-time-1{background:#dcedc8;color:#689f38}.m_whs_dashboard .one-bag .used-time-1,.m_whs_dashboard .one-bag .used-time-2{text-align:center;height:35px;width:35px;border-radius:5px;line-height:35px;margin-right:5px;font-size:15px}.m_whs_dashboard .one-bag .used-time-2{background:#e1f5fe;color:#2e86c1}.m_whs_dashboard .one-bag .used-time-3{background:#fffde7;color:#c4b749}.m_whs_dashboard .one-bag .used-time-3,.m_whs_dashboard .one-bag .used-time-4{text-align:center;height:35px;width:35px;border-radius:5px;line-height:35px;margin-right:5px;font-size:15px}.m_whs_dashboard .one-bag .used-time-4{background:#fdf2e9;color:#e0b24d}.m_whs_dashboard .one-bag .used-time-5{background:#fbeee6;color:#d35400}.m_whs_dashboard .one-bag .used-time-5,.m_whs_dashboard .one-bag .used-time-6{text-align:center;height:35px;width:35px;border-radius:5px;line-height:35px;margin-right:5px;font-size:15px}.m_whs_dashboard .one-bag .used-time-6{background:#eaecee;color:#353535}.m_whs_dashboard p.info{font-size:10px;color:#b2babb;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}.m_whs_dashboard p.info>i{font-size:12px;margin-right:2px}.m_whs_dashboard p.info>span{color:#525252}.m_whs_dashboard .one-bag .btn-see-detail{background:none;border:none;position:absolute;top:0;right:-15%}.m_whs_dashboard .one-bag .btn-see-detail i{color:#aaa;font-size:20px}.m_whs_dashboard .status-unactive{background:#df3d14}.m_whs_dashboard .status-active{background:#2ebb45}.m_whs_modal .top-header{background:#ff416c;background:-webkit-gradient(linear,left top,right top,from(#ff4b2b),to(#ff416c));background:linear-gradient(90deg,#ff4b2b,#ff416c);color:#fff;border-radius:20px}.m_whs_modal p.info{font-size:10px;color:#b2babb;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}.m_whs_modal p.info>i{font-size:12px;margin-right:2px}.m_whs_modal p.info>span{color:#525252}.m_whs_modal .events li{display:-webkit-box;display:-ms-flexbox;display:flex;color:#999}.m_whs_modal .events time{position:relative;padding:0 1em}.m_whs_modal .events time:after{content:"";position:absolute;z-index:2;right:0;top:0;-webkit-transform:translateX(50%);transform:translateX(50%);border-radius:50%;background:#fff;border:1px solid #ccc;width:.8em;height:.8em}.m_whs_modal .events time.dot-active:after{background:#2ebb45}.m_whs_modal .events time.dot-unactive:after{background:#df3d14}.m_whs_modal ul{-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.m_whs_modal .events span{padding:0 1em 1em 1em;position:relative}.m_whs_modal .events span:before{content:"";position:absolute;z-index:1;left:0;height:100%;border-left:1px solid #ccc}.m_whs_modal .events strong{display:block;font-weight:bolder}.m_whs_modal .events{margin:1em;width:50%}.m_whs_modal .events,.m_whs_modal .events :after,.m_whs_modal .events :before{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:arial}.master-data-wrapper{padding-top:15px}.graphbarstyle{width:100%;height:350px;font-size:1em}.graphbarstyle_mobile{width:100%;height:350px;font-size:.5em}.graphtitlestyle{font-size:1em;font-weight:700;margin-top:15px}.graphborder{margin-bottom:1em}