:root {
    --metrum-red: darkred;
    --metrum-green: darkgreen;
    --metrum-grey: grey;
    --metrum-dark-grey: #222;
    --metrum-light-grey: #aaa;
    --metrum-light-light-grey: rgba(0, 0, 0, 0.08);
    --metrum-blue: #025b7e;
    --metrum-blue-shadow: #025b7e22;
    --metrum-link-blue: #428bca;
    --metrum-yellow: yellow;
    --metrum-orange: #D3A434;
    --metrum-dark-orange: #b86e14;
    --metrum-border-color: #ddd;
    --metrum-border-color-darker: #ccc;
    --metrum-grey-background: #eee;
    --metrum-light-background: #F9F9F9;
    --metrum-darker-background: #24282a;
    --metrum-dark-background: #383A3D;
    --metrum-less-dark-background: #424448;
    --metrum-grid-header-background: #51666D;
    --metrum-placeholder-color: #888;
    --metrum-dirty-red: #A58C66;
    --metrum-accent: #1CADCC;
    --metrum-accent-darker: #15849d;
    --metrum-accent-lighter: #35c3e3;
    --metrum-separator: .1px solid #ddd;
    --metrum-border: .1px solid darkgray;
    --lightningchart-grey-background: #f6f9fa;
}

.metrum-red {
    color: var(--metrum-red);
}

.metrum-green {
    color: var(--metrum-green);
}
/* ta bort 'gray' */
.metrum-grey {
    color: var(--metrum-grey);
}

.metrum-dark-grey {
    color: var(--metrum-dark-grey);
}

.metrum-light-grey {
    color: var(--metrum-light-grey);
}

/*Teleriks tunna border*/
.metrum-light-light-grey {
    color: var(--metrum-light-light-grey);
}

.metrum-blue {
    color: var(--metrum-blue);
}

.metrum-pale-green {
    color: #529352;
}

.metrum-yellow {
    color: var(--metrum-yellow);
}

.metrum-orange {
    color: var(--metrum-orange);
}

.metrum-dark-orange {
    color: var(--metrum-dark-orange);
}

.metrum-dirty-red {
    color: var(--metrum-dirty-red);
}

.metrum-accent {
    color: var(--metrum-accent);
}

.metrum-placeholder {
    color: var(--metrum-placeholder-color);
}

/*bakgrundsfärg*/

.metrum-grey-background {
    background-color: var(--metrum-grey-background);
}

.metrum-light-background {
    background-color: var(--metrum-light-background);
}

.metrum-dark-background {
    background-color: var(--metrum-dark-background);
}

.metrum-darker-background {
    background-color: var(--metrum-darker-background);
}

.metrum-less-dark-background {
    background-color: var(--metrum-less-dark-background);
}

.lightningchart-background{
    background-color: var(--lightningchart-grey-background);
}
/* synkas med chartzoners C#-satta färger! */

.metrum-red-cell {
    color: #6D1000;
    background-color: #C1A8A8;
    font-weight:bold;
}

.metrum-yellow-cell {
    color: #916007;
    background-color: #DBD1A8;
    font-weight: bold;
}
.metrum-green-cell {
    color: #011801;
    background-color: #A3BAA3;
    font-weight: bold;
}