:root {
    --black: #000000;
    --white: #ffffff;
    --blue: #0061C5;
    --blue-light: #92BAF0;
    --grey: #8990B9;
    --grey-light: #E6E8F2;
    --grey-lighter: #F4F5F7;
    --grey-darker: #c2c5d6;
    --score-0: #E6E8F2;
    --score-A: #038141;
    --score-B: #85BB2F;
    --score-C: #FECB31;
    --score-D: #EE8124;
    --score-E: #E63E1B;
    --score-A-light: #8BC6AD;
    --score-B-light: #BCD98C;
    --score-C-light: #FFEEA8;
    --score-D-light: #F7C488;
    --score-E-light: #F5B7A7;
    --score-E-lighter: #FFF8F6;
}

/*#region Background colors*/

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

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

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

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

.bg-white {
    background-color: var(--white);
}

.bg-primary {
    background-color: var(--blue) !important;
}

.bg-primary-light {
    background-color: var(--blue-light) !important;
}

.bg-score-Default {
    background-color: var(--grey-light);
}

.bg-score-Default-light {
    background-color: var(--white);
}

.bg-score-0 {
    background-color: var(--grey-light);
}

.bg-score-0-light {
    background-color: var(--white);
}

.bg-score-A {
    background-color: var(--score-A);
}

.bg-score-B {
    background-color: var(--score-B);
}

.bg-score-C {
    background-color: var(--score-C);
}

.bg-score-D {
    background-color: var(--score-D);
}

.bg-score-E {
    background-color: var(--score-E);
}

.bg-score-A-light {
    background-color: var(--score-A-light);
}

.bg-score-B-light {
    background-color: var(--score-B-light);
}

.bg-score-C-light {
    background-color: var(--score-C-light);
}

.bg-score-D-light {
    background-color: var(--score-D-light);
}

.bg-score-E-light {
    background-color: var(--score-E-light);
}

.key-folder-active {
    border: 4px solid var(--blue) !important;
}

.corporate-folder-active {
    border: 2px solid var(--blue);
    margin-left: 0px !important;
}

.notification-active {
    border: 2px solid var(--blue);
}

.bg-error-lighter {
    background-color: var(--score-E-lighter);
}
/*#endregion*/

/*#region text color*/
.text-primary {
    color: var(--blue) !important;
}

.text-warning {
    color: #FBC707;
}

.text-white {
    color: var(--white);
}

.text-black {
    color: var(--black);
}

.text-grey {
    color: var(--grey);
}

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

.text-grey-darker {
    color: var(--grey-darker);
}

.text-score-0 {
    color: var(--score-0);
}

.text-score-A {
    color: var(--score-A);
}

.text-score-B {
    color: var(--score-B);
}

.text-score-C {
    color: var(--score-C);
}

.text-score-D {
    color: var(--score-D);
}

.text-score-E {
    color: var(--score-E);
}

.text-score-0-light {
    color: var(--white);
}

.text-score-A-light {
    color: var(--score-A-light);
}

.text-score-B-light {
    color: var(--score-B-light);
}

.text-score-C-light {
    color: var(--score-C-light);
}

.text-score-D-light {
    color: var(--score-D-light);
}

.text-score-E-light {
    color: var(--score-E-light);
}

/*#endregion*/

/*#region border colors */
.border-color-primary {
    border-color: var(--blue) !important;
}

.border-color-grey {
    border-color: var(--grey) !important;
}

.border-bottom-grey {
    border-bottom: 1px solid var(--grey);
}

.border-bottom-grey-light {
    border-bottom: 1px solid var(--grey-light);
}

.border-top-grey-light {
    border-top: 1px solid var(--grey-light);
}

.border-right-grey-light {
    border-right: 1px solid var(--grey-light);
}

.border-left-grey-light {
    border-left: 1px solid var(--grey-light);
}

.border-right-grey {
    border-right: 1px solid var(--grey-light);
}

.border-grey {
    border: 1px solid var(--grey);
}

.border-blue {
    border: 1px solid var(--blue);
}

.border-grey-light {
    border: 1px solid var(--grey-light);
}

.border-error {
    border: 1px solid var(--score-E);
}

.border-error-light {
    border: 1px solid var(--score-E-light);
}
/*#endregion*/