:root {
    --blue1 : #364878;
    --blue2 : #172751;
    --blue3 : #1A2D4F;
    --grey1 : #8C8989;
    --lightgrey1: #D9D9D9;
    --yellow1 : #FEC928;
    --green1 : #009C22;
    --green2 : #39FF14;
    --red1 : #E10000;
    --red2 : #DA3030;
}

.blue1 { background-color: var(--blue1) !important; }
.blue2 { background-color: var(--blue2) !important; }
.green1 { background-color: var(--green1) !important; }
.yellow1 { background-color: var(--yellow1) !important; }
.red2 { background-color: var(--red2) !important; }

.blue1-text { color: var(--blue1); }
.green1-text{ color: var(--green1); }
.red1-text{ color: var(--red1); }

.color-cctv-online { color: var(--green2); }
.color-cctv-offline { color: var(--red1); }
.color-cctv-nostatus { color: var(--grey1); }