reporting-engine/kpi_dashboard/static/src/scss/kpi_dashboard.scss

.o_dashboard_view {
    height: 100%;
    @include o-webclient-padding(
        $top: $o-horizontal-padding/2,
        $bottom: $o-horizontal-padding/2
    );
    display: flex;
    > .gridster {
        margin: 0 auto;
        > ul {
            > li {
                text-align: center;
                list-style: none outside none;
            }
        }
    }
    .updated_at {
        font-size: 15px;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
    }
    .gs-w {
        padding: 10px;
    }
    .centered {
        position: absolute;
        left: 0;
        right: 0;
    }
    .numbervalue {
        text-transform: uppercase;
        font-size: 54px;
        font-weight: 700;
    }
    .change-rate {
        font-weight: 500;
        font-size: 30px;
    }
    .hidden {
        display: none;
    }
    .o_kpi_dashboard_toggle_button {
        position: absolute;
        right: 0px;
        top: 0px;
        margin: -1px -1px auto auto;
        padding: 8px 16px;
        border: 1px solid transparent;
        border-bottom: none;
        height: 35px;
    }
    .o_kpi_dashboard_manage_panel {
        @include o-position-absolute($right: -1px, $top: 34px);
        margin-top: -1px;
        &.container {
            width: 95%;
            max-width: 400px;
        }
        .o_kpi_dashboard_manage_section {
            border-bottom: 1px solid gray("300");
            margin-bottom: 10px;
        }
        > div {
            padding: 3px 0 3px 20px;
            visibility: visible;
            margin-bottom: 5px;
        }
    }
    .o_dropdown_open {
        .o_kpi_dashboard_manage_panel {
            display: block;
        }
        .o_kpi_dashboard_toggle_button {
            background: white;
            border-color: gray("400");
            z-index: $zindex-dropdown + 1;
        }
    }
    .GaugeMeter {
        position: relative;
        text-align: center;
        left: 0;
        right: 0;
        overflow: hidden;
        cursor: default;
        span,
        b {
            margin: 0 23%;
            width: 54%;
            position: absolute;
            text-align: center;
            display: inline-block;
            font-height: 100;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        [data-style="Semi"] b {
            margin: 0 10%;
            width: 80%;
        }
        s,
        u {
            text-decoration: None;
            font-height: 100;
        }
        b {
            color: Black;
            font-weight: 200;
            font-size: 0.85em;
            opacity: 0.8;
        }
    }
}