.DbBase{height:100%;font-size:11px;-webkit-transition:height .5s;transition:height .5s}.DbBase .Sparkline path{stroke:#ccc}.DbBase .el-select__caret{color:#ccc}.DbBase:hover{border-top-right-radius:0}.DbBase:hover .icons,.DbBase:hover .resizer{opacity:1!important}.DbBase head{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;cursor:move;font-weight:500;font-size:11px;height:20px;padding-top:2px}.DbBase head .caption{padding-left:5px;max-width:calc(100% - 90px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DbBase head .icons{opacity:0;-webkit-transition:all .25s;transition:all .25s;padding:0 2px;cursor:pointer;position:absolute;right:-20px;top:0;border-top-right-radius:2px;border-bottom-right-radius:2px;z-index:100000;background-color:var(--db-bg)!important;display:grid;grid-template-columns:1fr;grid-gap:8px}.DbBase main{margin-top:5px;height:calc(100% - 30px);overflow:auto;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.DbBase main .label{font-weight:500;padding-right:5px}.DbBase .resizer{position:absolute;right:0;bottom:0;opacity:0!important;-webkit-transition:all .25s;transition:all .25s;cursor:se-resize}.DbBase .material-design-icon{opacity:.3}.DbBase .material-design-icon svg{width:16px;height:16px}.DbBase .iconsRow{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 10px}.DbBase .configButtons,.DbBase .iconsRow{display:-webkit-box;display:-ms-flexbox;display:flex}.DbBase .configButtons{margin-top:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.DbBase .Button{zoom:70%}.DbBase .el-button--text{background:transparent!important;border:0!important;color:inherit}.DbBase .widgetContent{height:calc(100% - 10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.DbBase .widgetContent .el-input-number,.DbBase .widgetContent .el-select{zoom:80%}.DbBase .widgetContent .el-input__inner{background:transparent!important;border:0!important;border-bottom:1px solid #ccc!important;color:inherit!important}.DbBase .widgetContent .el-input-number__decrease,.DbBase .widgetContent .el-input-number__increase{background:transparent!important}.DbBase .widgetDelete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.DbBase .autoRefresh{height:calc(100% - 40px)}.DbBase .el-slider__button{width:9px;height:9px}.DbBase .el-slider__runway{margin:0}.DbBase .el-slider__bar{background-color:#9a9a9a!important}.DbBase .el-slider__button{border:2px solid #9a9a9a!important}.DbBase .kpisTable{display:grid;grid-template-columns:auto auto;grid-gap:10px;margin-bottom:5px}.DbBase .kpisTable b{font-size:500}.DbBase .el-checkbox__label{font-size:10px;color:#ddd!important}.DbBase .el-checkbox__input.is-checked+.el-checkbox__label{color:#fff!important}.DbBase .el-button,.DbBase .el-checkbox__inner{-webkit-filter:grayscale(1);filter:grayscale(1)}.DbBase .respGraph{display:grid;grid-template-rows:1fr auto;height:100%}.DbBase.isTactile .icons{opacity:1!important}.DbBase.noScroll main,.Sparkline{overflow:hidden}.Sparkline{position:relative}.Sparkline .caption{text-align:center;margin-bottom:10px;font-size:9px}.Sparkline line,.Sparkline path{stroke:var(--db-color)!important;opacity:.7}.Sparkline .apexcharts-tooltip,.Sparkline .apexcharts-xaxistooltip,.Sparkline .apexcharts-xcrosshairs,.Sparkline .apexcharts-ycrosshairs{display:none}.Sparkline .apexcharts-series-markers{display:none!important;opacity:0!important}.Sparkline .apexcharts-series-markers circle{r:0!important;opacity:0!important}.Sparkline .apexcharts-inner{-webkit-transform:translate(20px,20px);transform:translate(20px,20px)}.Sparkline.smallGraph .apexcharts-inner{-webkit-transform:translate(0);transform:translate(0)}.Sparkline.smallGraph .apexcharts-grid,.Sparkline.smallGraph .apexcharts-series-markers-wrap,.Sparkline.smallGraph .apexcharts-xaxis,.Sparkline.smallGraph .apexcharts-xcrosshairs{display:none}