.slide-10 .showw{opacity:1}.slide-10 .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;background:#fff}.slide-10 .one-block-style .left-content{width:70%}.slide-10 .one-block-style .right-content{width:30%}.slide-10 .one-block-style .w-15{width:15%}.slide-10 .one-block-style .w-85{width:85%;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex}.slide-10 .title{font-size:12px;padding:0 3px}.slide-10 .title span{font-size:11px}.slide-10 .progress{width:80px}.slide-10 p.scm-location-status{color:#707b7c;font-weight:100!important;margin-bottom:0;font-size:11px;text-transform:uppercase}.slide-10 .vsl-bar-color{background-color:#00a84c}.slide-10 .truck-bar-color{background-color:#ffb72d}.slide-10 .one-status{width:17.5%;text-align:center}.slide-10 .one-status p{line-height:35px}.slide-10 .stepper-item .step-counter{width:17px;height:17px}.slide-10 .stepper-item:before{top:7px}.slide-10 .stepper-item.completed:after,.slide-10 .stepper-item:after{display:none}.slide-10 .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}.slide-10 .one-sum-info h6{height:25px}.slide-10 .one-sum-info p{font-size:12px}.slide-10 hr{border-top:3px solid #2e86c1;margin-top:5px;margin-bottom:5px}.slide-10 .chart-wrapper{width:100%;height:100%;margin-bottom:20px}.slide-10 .status-wrapper-2{height:80%;overflow:auto}.slide-10 .camera-status p{margin-bottom:5px;font-size:11px;margin-top:5px}.slide-10 .camera-show-wrapper{height:75%;width:90%;overflow:hidden;border-radius:5px}.slide-10 .top-wrapper{height:130px;width:100%}.slide-10 .bottom-wrapper,.slide-10 .center-wrapper{max-height:calc(45vh - 110px);width:100%;overflow:auto}.slide-10 .top2{height:35%;width:100%;overflow:hidden}.slide-10 .center2{height:40%;width:100%}.slide-10 .bottom2{height:18%;width:100%;overflow:auto}.slide-10 .vessel-map-wrapper{width:95%;margin:10px auto;height:200px}.slide-10 input.form-check-input{min-height:25px!important}.slide-10 label.form-check-label{margin-left:3px;width:85%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slide-10 .one-search{height:20%;overflow:auto}.slide-10 .map-gps{height:42vh;width:96%;margin:3% auto;overflow:hidden;position:relative}.slide-10 .vsl-name{margin-top:3px;font-size:9px;width:110%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slide-10 .green{color:green}.slide-10 .stepper-item.fail .step-counter{background-color:red}.slide-10 .step-name1{font-size:11px}.slide-10 .name-location{margin-bottom:0}.slide-10 .chart-cement-wrapper{width:100%;height:50px;background:#2e86c1}.slide-10 .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)}.slide-10 .btn-zoom-small:hover,.slide-10 .btn-zoom:hover{opacity:1}.slide-10 .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)}.slide-10 .btn-zoom-small i{font-size:12px}.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){p{font-size:14px}}