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: .8;
        }
    }

}