@kq_npm/client3d_webgl_vue/shadowanalysis/style/shadowanalysis.css

KQGIS Client3D for Vue.js

.kq3d-shadow-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-shadow-analysis .kq3d-shadow-analysis-box{width:372px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime{margin-bottom:8px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-span{color:var(--kq-text-color-regular)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider{width:86%;display:inline-block;padding:10px 20px 20px;background-color:var(--kq-fill-color-light)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__button{width:12px;height:12px}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text{margin-top:8px;text-align:center}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__marks-text span{display:block}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .kq-slider__stop{display:none}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq-slider .spanLine{width:1px;height:8px;background-color:#ccc}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .kq3d-shadow-analysis-timeline .kq-icon{font-size:28px;height:66px;cursor:pointer}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colDate{line-height:32px;font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-datetime .colTime{line-height:62px;font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-tip{color:var(--kq-text-color-regular);font-size:var(--kq-font-size-base)}.kq3d-shadow-analysis .kq3d-shadow-analysis-tip p{margin-top:8px;margin-bottom:16px}.kq3d-shadow-analysis .kq-collapse{border:unset}.kq3d-shadow-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-shadow-analysis .kq-collapse .kq-collapse-item__arrow{margin:0 0 0 auto}.kq3d-shadow-analysis .kq-collapse .kq-collapse-item__wrap .kq-collapse-item__content{padding-bottom:unset;border:unset;padding-top:10px}.kq3d-shadow-analysis .kq-collapse .kq-row{display:block}.kq3d-shadow-analysis .kq-form-item{margin-bottom:8px}.kq3d-shadow-analysis .kq-form-item__content{text-align:end;display:block}.kq3d-shadow-analysis .kq-date-editor.kq-input,.kq3d-shadow-analysis .kq-date-editor.kq-input__wrapper{width:100%}.kq3d-shadow-analysis .kq-slider{width:93%;padding-left:7px}.kq3d-shadow-analysis .kq-slider .kq-slider__button{width:14px;height:14px}.kq3d-shadow-analysis .kq-input-number.is-controls-right{width:65px}.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__decrease,.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input-number__increase{width:20px}.kq3d-shadow-analysis .kq-col-8 .kq-input-number .kq-input__wrapper,.kq3d-shadow-analysis .kq-input-number.is-controls-right .kq-input__wrapper{padding-left:0;padding-right:20px}.kq3d-shadow-analysis .kq-color-picker,.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__mask,.kq3d-shadow-analysis .kq-color-picker .kq-color-picker__trigger{width:100%}.kq3d-shadow-analysis .kq3d-shadow-analysis-legend img{width:195px;height:16px;margin:0 10px;vertical-align:middle}.kq3d-shadow-analysis .kq3d-shadow-analysis-legend span{vertical-align:middle}.kq3d-shadow-analysis .kq3d-shadow-analysis-footer{text-align:right;padding:16px 0 0}