.scm-cement .showw{opacity:1}.scm-cement .one-block-style{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border-radius:10px;padding:10px 5px;margin:10px 5px;background:#fff}.scm-cement .one-block-style .left-content{width:70%}.scm-cement .one-block-style .right-content{width:30%}.scm-cement .one-block-style .w-15{width:15%}.scm-cement .one-block-style .w-85{width:85%;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.scm-cement .title{font-size:12px;padding:0 3px}.scm-cement .title span{font-size:11px}.scm-cement .progress{width:80px}.scm-cement p.scm-location-status{color:#707b7c;font-weight:100!important;margin-bottom:0;font-size:11px;text-transform:uppercase}.scm-cement .vsl-bar-color{background-color:#00a84c}.scm-cement .truck-bar-color{background-color:#ffb72d}.scm-cement .one-status{width:17.5%;text-align:center}.scm-cement .one-status p{line-height:35px}.scm-cement .stepper-item .step-counter{width:17px;height:17px}.scm-cement .stepper-item:before{top:7px}.scm-cement .stepper-item.completed:after,.scm-cement .stepper-item:after{display:none}.scm-cement .one-sum-info p.number{background:#3498db;color:#fff;font-size:18px;font-weight:700;border-radius:5px;padding:2px 0;margin:0 10px;border:2px solid #fff}.scm-cement .one-sum-info h6{height:25px}.scm-cement .one-sum-info p{font-size:12px}.scm-cement hr{border-top:3px solid #2e86c1;margin-top:5px;margin-bottom:5px}.scm-cement .chart-wrapper{width:100%;height:100%;margin-bottom:20px}.scm-cement .status-wrapper-2{height:80%;overflow:auto}.scm-cement .camera-status p{margin-bottom:5px;font-size:11px;margin-top:5px}.scm-cement .camera-show-wrapper{height:75%;width:90%;overflow:hidden;border-radius:5px;border:5px solid #fff;margin:10px 0;position:relative}.scm-cement .camera-show-wrapper p{font-size:1em;padding:2%;position:absolute;top:0;left:0;background:rgba(46,134,193,.4);width:50%;height:8%;border-bottom-right-radius:30px;color:#fff}.scm-cement .top-wrapper{height:130px;width:100%}.scm-cement .bottom-wrapper,.scm-cement .center-wrapper{max-height:calc(45vh - 110px);width:100%;overflow:auto}.scm-cement .top2{height:35%;width:100%;overflow:hidden}.scm-cement .center2{height:40%;width:100%}.scm-cement .bottom2{height:18%;width:100%;overflow:auto}.scm-cement .bottom3,.scm-cement .top3{height:48%;width:100%;overflow:auto}.scm-cement .vessel-map-wrapper{width:95%;margin:10px auto;height:200px}.scm-cement input.form-check-input{min-height:25px!important}.scm-cement label.form-check-label{margin-left:3px;width:85%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.scm-cement .one-search{height:20%;overflow:auto}.scm-cement .map-gps{height:47%;width:96%;margin:3% auto;overflow:hidden;position:relative}.scm-cement .vsl-name{margin-top:3px;font-size:9px;width:110%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}.scm-cement .green{color:green}.scm-cement .stepper-item.fail .step-counter{background-color:red}.scm-cement .step-name1{font-size:11px}.scm-cement .name-location{margin-bottom:0}.scm-cement .chart-cement-wrapper{width:100%;height:50px;background:#2e86c1}.scm-cement .btn-zoom{position:absolute;top:0;right:10px;background-color:#707b7c;opacity:.2;color:#fff;border-radius:50%;height:30px;padding:3px!important;width:30px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.scm-cement .btn-zoom-small:hover,.scm-cement .btn-zoom:hover{opacity:1}.scm-cement .btn-zoom-small{position:absolute;top:0;right:10px;background-color:#707b7c;opacity:.2;color:#fff;border-radius:50%;height:22px;padding:0!important;width:22px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.scm-cement .btn-zoom-small i{font-size:12px}.scm-cement p.txt-detail{font-size:11px;text-align:center}.scm-cement .modal-zoom{width:90%!important}.master-data-wrapper .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 .nav-pills>li.active{background-color:none!important}.master-data-wrapper .nav-pills>li{width:99.5%}.master-data-wrapper .nav-pills>li.active>a,.master-data-wrapper .nav-pills>li.active>a:focus,.master-data-wrapper .nav-pills>li.active>a:hover{text-align:center;background:#5dade2;color:#fff;border-top-right-radius:20px;border-top-left-radius:20px;padding:5px 45px 8px 45px}.master-data-wrapper .nav-pills>li>a,.master-data-wrapper .nav-pills>li>a:focus,.master-data-wrapper .nav-pills>li>a:hover{text-align:center;background:#dbf1ff;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}@media only screen and (max-width:1599px){p{font-size:11px!important}}@media only screen and (min-width:1600px){.scm-cement p.txt-detail{font-size:1em}}