.kpi-stats-wrap {
    min-height: 520px;
    height: calc(100vh - 290px);
}

.kpi-stats-loading {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f7b86;
    font-size: 13px;
}

.kpi-stats-grid.e-grid {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    font-family: inherit;
}

.kpi-stats-grid .e-gridheader,
.kpi-stats-grid .e-headercell {
    background: #f7f9fb;
    border-color: #e6ebf1 !important;
}

.kpi-stats-grid .e-headercell,
.kpi-stats-grid .e-rowcell,
.kpi-stats-grid .e-filterbarcell,
.kpi-stats-grid .e-groupcaption,
.kpi-stats-grid .e-indentcell {
    border-left: 0 !important;
    border-right: 0 !important;
}

.kpi-stats-grid .e-headercelldiv {
    color: #5b6b7c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.kpi-stats-grid .e-stackedheadercelldiv {
    color: #243246;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.kpi-stats-grid .e-rowcell {
    padding: 10px 8px !important;
    color: #253247;
    font-size: 13px;
    border-bottom: 1px solid #eef1f4 !important;
}

.kpi-stats-grid .e-row:hover .e-rowcell {
    background: #f8fbff;
}

.kpi-stats-grid .e-toolbar {
    display: flex;
    align-items: center;
    border: 0;
    background: #fff;
    padding: 8px 10px 4px;
}

.kpi-stats-grid .e-toolbar .e-toolbar-items {
    width: 100%;
}

.kpi-stats-grid .e-toolbar .e-toolbar-right {
    margin-left: auto;
}

.kpi-stats-grid .e-toolbar .e-search,
.kpi-stats-grid .e-toolbar .e-search-wrapper {
    min-width: 220px;
}

.e-grid .e-toolbar .e-toolbar-right {
    margin-left: auto;
}

.kpi-stats-grid .e-pager {
    border: 0;
    background: #fbfcfe;
}

.kpi-stats-grid .e-rightalign {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    letter-spacing: -.02em;
}

.kpi-stats-grid .e-filterbarcell {
    background: #fbfcfe;
}

.kpi-date-cell {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.2;
}

.kpi-date-cell strong {
    color: #1f2d3d;
    font-size: 13px;
    font-weight: 650;
}

.kpi-date-cell small {
    color: #8090a2;
    font-size: 11px;
    text-transform: capitalize;
}

.kpi-metric {
    color: #243246;
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    letter-spacing: -.02em;
}

.kpi-grid-action {
    color: #2f6fb7;
    cursor: pointer;
}

.kpi-delay-chip,
.kpi-status-chip {
    display: inline-flex;
    min-width: 42px;
    justify-content: center;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.kpi-delay-chip.is-empty,
.kpi-status-chip.is-off {
    color: #9aa6b2;
    background: #f3f5f7;
}

.kpi-delay-chip.is-mild,
.kpi-status-chip.is-on {
    color: #168050;
    background: #e6f7ef;
}

.kpi-delay-chip.is-warn {
    color: #8a4b00;
    background: #fff2cc;
}

.kpi-delay-chip.is-alert {
    color: #9a3412;
    background: #ffedd5;
}

.kpi-delay-chip.is-hot {
    color: #9f1239;
    background: #ffe4e6;
}

.bt-editor {
    min-width: 0;
}

.bt-editor > .row {
    margin-left: 0;
    margin-right: 0;
}

.bt-editor > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    margin: 0 !important;
    max-width: 100%;
    flex: 0 0 100%;
}

.bt-editor > .row:first-child {
    margin-bottom: 10px;
}

.bt-editor > .row:first-child .e-btn {
    width: 100%;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: #2369aa;
    color: #fff;
    font-weight: 650;
    box-shadow: 0 6px 14px rgba(35, 105, 170, .18);
}

.bt-editor > .row:first-child .e-btn.e-disabled,
.bt-editor > .row:first-child .e-btn:disabled {
    background: #d7dee6;
    color: #8a96a4;
    box-shadow: none;
}

.bt-editor .accordion-block {
    overflow: hidden;
    padding: 0;
    border: 1px solid #dfe6ee;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(32, 48, 72, .05);
}

.bt-editor .e-tab .e-tab-header {
    padding: 0 8px;
    border-bottom: 1px solid #e6ebf1 !important;
    background: #fbfcfe !important;
}

.bt-editor .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 10px;
}

.bt-editor .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    color: #657487 !important;
    font-size: 13px;
    font-weight: 600;
}

.bt-editor .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #2369aa !important;
}

.bt-editor .e-tab .e-tab-header .e-indicator {
    background: #2369aa !important;
}

.bt-editor .e-tab,
.bt-editor .e-tab .e-content,
.bt-editor .e-tab .e-content .e-item {
    border: 0 !important;
    box-shadow: none !important;
    background: #fff;
}

.bt-editor .bt-accordion.e-accordion,
.bt-editor .e-accordion {
    border: 0 !important;
    background: #fff !important;
}

.bt-editor .e-accordion .e-acrdn-item,
.bt-editor .e-accordion .e-acrdn-item.e-select,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state {
    margin: 0 !important;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e6ebf1 !important;
}

.bt-editor .e-accordion .e-acrdn-item:last-child {
    border-bottom: 0 !important;
}

.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header,
.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header,
.bt-editor .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    min-height: 44px;
    padding: 0 14px;
    border: 0 !important;
    box-shadow: none !important;
    background: #fbfcfe !important;
}

.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header:hover {
    background: #f3f7fb !important;
}

.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header,
.bt-editor .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    background: #fff !important;
    box-shadow: inset 3px 0 0 #2369aa !important;
}

.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content,
.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content * {
    color: #657487 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.3;
}

.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header .e-acrdn-header-content,
.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header .e-acrdn-header-content *,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header .e-acrdn-header-content * {
    color: #2369aa !important;
}

.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header .e-toggle-icon,
.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header .e-toggle-icon .e-icons,
.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-header .e-tgl-collapse-icon::before {
    color: #657487 !important;
}

.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header .e-toggle-icon,
.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-header .e-toggle-icon .e-icons,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header .e-toggle-icon,
.bt-editor .e-accordion .e-acrdn-item.e-expand-state > .e-acrdn-header .e-tgl-collapse-icon::before {
    color: #2369aa !important;
}

.bt-editor .e-accordion .e-acrdn-item > .e-acrdn-panel,
.bt-editor .e-accordion .e-acrdn-item.e-select > .e-acrdn-panel {
    border: 0 !important;
    background: #fff !important;
}

.bt-editor .e-accordion .e-acrdn-item .e-acrdn-content {
    padding: 12px 14px 10px !important;
    background: #fff !important;
}

.bt-editor .e-acrdn-content > .row,
.bt-editor .e-acrdn-content .mb-3 {
    color: #6a788a;
    font-size: 13px;
    font-weight: 600;
}

.bt-editor .e-input-group,
.bt-editor .e-control-wrapper {
    border-radius: 10px !important;
}

.bt-editor label {
    color: #6a788a;
    font-size: 13px;
    font-weight: 600;
}