:root {
    --broken-white : #f5f5f5;
    --dashboard-background : #F5F6FA;
    --blue1 : #165DB4;
    --blue2: #084A9B;
    --blue3: #5b8dca;
    --blue4: #F1F9FF;
    --black1 : #666666;
    --black2 : #5C6973;
    --black3 : #888888;
    --black4 : #444444;
    --red1 : #DE0000;
    --grey1 : #F2F2F2;
    --grey2 : #999999;
    --grey3 : #F6F6F6;
    --grey4 : #EDEDED;
    --grey5: #D9D9D9;
    --fineline : #E7E7E7;
    --iconnormal : #165DB4;
    --iconalert : #FF6B00;
    --iconoffline : #727272;
    --disabled :#DEDEDE;

    --green1 : #86B049;
    --green2 : #3FAC6C;
    --green3: #3DC73C;

    --alert-0: #3FAC6C;
    --alert-1: #FF0000;
    --alert-2: #FF6B00;
    --alert-3: #E1005F;
    --alert-4: #FAFF00;
    --alert-5: #7000FF;
    --alert-6: #DB00FF;
    --alert-7: #600082;
    --alert-8: #730000;
}

.broken-white { background-color: var(--broken-white); }
.blue1 { background-color: var(--blue1) !important; }
.blue2 { background-color: var(--blue2) !important; }
.blue4 { background-color: var(--blue4) !important; }
.black1 { background-color: var(--black1) !important; }
.black3 { background-color: var(--black3) !important; }
.red1 { background-color: var(--red1) !important; }
.grey2 { background-color: var(--grey2) !important; }
.grey3 { background-color: var(--grey3) !important; }
.grey4 { background-color: var(--grey4) !important; }
.fineline-bg { background-color: var(--grey4) !important; }
.disabled-bg { background-color: var(--disabled) !important; }
.green1 { background-color: var(--green1) !important; }
.green3 { background-color: var(--green3) !important; }

.blue1-text { color: var(--blue1) !important; }
.black1-text { color: var(--black1) !important; }
.black2-text { color: var(--black2) !important; }
.black3-text { color: var(--black3) !important; }
.black4-text { color: var(--black4) !important; }
.grey2-text { color: var(--grey2) !important; }
.green1-text { color: var(--green1) !important; }
.red1-text { color: var(--red1) !important; }

.icon-normal { color: var(--iconnormal) !important; }
.icon-alert { color: var(--iconalert) !important; }
.icon-offline { color: var(--iconoffline) !important; }

.alert-0 { color: var(--alert-0); }
.alert-1 { color: var(--alert-1); }
.alert-2 { color: var(--alert-2); }
.alert-3 { color: var(--alert-3); }
.alert-4 { color: var(--alert-4); }
.alert-5 { color: var(--alert-5); }
.alert-6 { color: var(--alert-6); }
.alert-7 { color: var(--alert-7); }
.alert-8 { color: var(--alert-8); }