@kq_npm/client3d_webgl_vue/excavatefillanalysis/style/excavatefillanalysis.css

KQGIS Client3D for Vue.js

.kq3d-excavate-fill-analysis{z-index:999;border-radius:var(--kq-border-radius-base);padding:16px;pointer-events:auto;cursor:default;background-color:var(--kq-bg-color)}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-box{width:372px}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:var(--kq-form-label-font-size);color:var(--kq-text-color-regular);height:32px;line-height:32px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--kq-font-size-base)}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-content{text-align:end;display:block;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:32px;position:relative;font-size:var(--kq-font-size-base);min-width:0}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-span{color:var(--kq-text-color-regular);line-height:32px}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-tip p{margin-top:16px;margin-bottom:16px}.kq3d-excavate-fill-analysis .kq-collapse{border:unset}.kq3d-excavate-fill-analysis .kq-collapse .kq-collapse-item__header{border:unset;height:38px;background-color:var(--kq-fill-color-light);font-weight:700;padding:0 16px;font-size:16px}.kq3d-excavate-fill-analysis .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-excavate-fill-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:10px}.kq3d-excavate-fill-analysis .kq-form-item{margin-bottom:8px}.kq3d-excavate-fill-analysis .kq-slider{width:100%;padding-left:7px}.kq3d-excavate-fill-analysis .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-excavate-fill-analysis .kq-input-number.is-controls-right{width:65px}.kq3d-excavate-fill-analysis .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-excavate-fill-analysis .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-excavate-fill-analysis .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-excavate-fill-analysis .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-excavate-fill-analysis .kq-color-picker,.kq3d-excavate-fill-analysis .kq-color-picker .kq-color-picker__mask,.kq3d-excavate-fill-analysis .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-footer{text-align:right;padding:16px 0 0;display:block}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result{color:var(--kq-text-color-regular);width:100%;margin-top:16px;background-color:var(--kq-fill-color-light)}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result .kq3d-excavate-fill-analysis-result-div{padding:12px 16px}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result .kq3d-excavate-fill-analysis-result-title{margin-bottom:12px}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result .kq3d-excavate-fill-analysis-result-title .title{font-size:16px;font-weight:700}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result .kq3d-excavate-fill-analysis-result-title .btn{text-align:end}.kq3d-excavate-fill-analysis .kq3d-excavate-fill-analysis-result .kq3d-excavate-fill-analysis-result-title .btn .kq-icon{cursor:pointer}