/* MAIN */

    .echart-graphic {
        width: 100%;
        height:400px;
    }

    .red-warn {
        color: var(--redWarn);
    }

    .green-warn {
        color: var(--greenWarn);
    }

    .gray-warn {
        color: var(--grayWarn);
    }

    .blue-warn {
        color: var(--blueWarn);
    }

    .background-red-warn {
        background-color: var(--redWarn);
    }

    .background-red-warn:hover {
        color: var(--redWarn);
        background-color: white;
    }

    .background-blue-warn {
        background-color: var(--blueWarn);
    }

    .background-gray-warn {
        background-color: var(--grayWarn);
    }

    .background-green-warn {
        background-color: var(--greenWarn);
    }

    .background-green-warn:hover {
        color: var(--greenWarn);
        background-color: white;
    }