/* Admin Styled Colours */

.has-background-dim.has-grey-background-color,
.has-background.has-grey-background-color {
    background-color: var(--color-grey) !important;
}
.has-background-dim.has-light-grey-background-color,
.has-background.has-light-grey-background-color {
    background-color: var(--color-light-grey) !important;
}
.has-background-dim.has-white-background-color,
.has-background.has-white-background-color {
    background-color: var(--color-white) !important;
}
.has-background-dim.has-black-background-color,
.has-background.has-black-background-color {
    background-color: var(--color-black) !important;
}
.has-background-dim.has-primary-background-color,
.has-background.has-primary-background-color {
    background-color: var(--color-primary) !important;
}
.has-background-dim.has-secondary-background-color,
.has-background.has-secondary-background-color {
    background-color: var(--color-secondary) !important;
}
.has-background-dim.has-tertiary-background-color,
.has-background.has-tertiary-background-color {
    background-color: var(--color-tertiary) !important;
}
.has-background-dim.has-fourth-background-color,
.has-background.has-fourth-background-color {
    background-color: var(--color-fourth) !important;
}
.has-background-dim.has-fifth-background-color,
.has-background.has-fifth-background-color {
    background-color: var(--color-fifth) !important;
}
.has-background-dim.has-sixth-background-color,
.has-background.has-sixth-background-color {
    background-color: var(--color-sixth) !important;
}

.has-text-color.has-grey-color {
    color: var(--color-grey) !important;
}
.has-text-color.has-light-grey-color {
    color: var(--color-light-grey) !important;
}
.has-text-color.has-white-color {
    color: var(--color-white) !important;
    li{
        color: var(--color-white) !important;
    }
}
.has-text-color.has-black-color {
    color: var(--color-black) !important;
}
.has-text-color.has-primary-color {
    color: var(--color-primary) !important;
}
.has-text-color.has-secondary-color {
    color: var(--color-secondary) !important;
}
.has-text-color.has-tertiary-color {
    color: var(--color-tertiary) !important;
}
.has-text-color.has-fourth-color {
    color: var(--color-fourth) !important;
}
.has-text-color.has-fifth-color {
    color: var(--color-fifth) !important;
}
.has-text-color.has-sixth-color {
    color: var(--color-sixth) !important;
}