﻿.dasboard-kpi-row-op {
    width: 100%;
    height: 33%;
}

.dasboard-kpi-row-op:last-child {
    border-bottom: 0;
    height: calc(33% + 2px);
}

.dasboard-kpi-cell-op {
    width: 33%;
    height: 100%;
    padding: 0 5px;
    float: left;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    text-align: center;
    display: table;
}

.dasboard-kpi-cell-op span {
    vertical-align: middle;
    display: table-cell;
}

.dasboard-kpi-cell-op:last-child {
    border-right: 0;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-value {
    width: calc(33% + 3px);
    font-size: 18px;
    background: #f8f8f8;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-value .failed,
.dasboard-kpi-cell-op.dasboard-kpi-cell-value .inconclusive,
.dasboard-kpi-cell-op.dasboard-kpi-cell-value .success {
    font-weight: bold;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-value .failed {
    color: #c03131;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-value .inconclusive {
    color: #f3d320;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-value .success {
    color: #7fad5a;
}

.dasboard-kpi-cell-op.dasboard-kpi-cell-header-op {
    width: calc(33% + 3px);
    background: #f8f8f8;
    color: #6f7070;
}

.dasboard-kpi-cell-op.dashboard-kpi-cell-label-op {
    width: 50%;
}

.dasboard-kpi-cell-op.dashboard-kpi-cell-value-op {
    width: 25%;
}
 
.dasboard-kpi-row-op:first-child .dasboard-kpi-cell:first-child {
        border-bottom: 0;
}

.dasboard-kpi-row-op:last-child .dasboard-kpi-cell {
    border-bottom: 0;
}

.dashboard-kpi-disabled .dasboard-kpi-cell-op.dasboard-kpi-cell-value,
.dashboard-kpi-disabled .dasboard-kpi-cell-op.dasboard-kpi-cell-value .failed {
    color: #ebebeb;
}