#### Color utilities

#### Background colors

##### Solid colors

`.bg-*` can apply to any element, where `*` is a color name.

.bg-primary
.bg-secondary
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-dark

##### Light colors

`.bg-*` can apply to any element, where `*` is a color name.

.bg-primary-light
.bg-secondary-light
.bg-success-light
.bg-info-light
.bg-warning-light
.bg-danger-light

##### Other colors

Some other fade colors are available for background-color.

.bg-white
.bg-transparent
.bg-light
.bg-lighter
.bg-lightest

#### Gradient colors

.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-info
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning

##### gradient colors in dark theme

.bg-gradient-primary-dark
.bg-gradient-secondary-dark
.bg-gradient-info-dark
.bg-gradient-success-dark
.bg-gradient-danger-dark
.bg-gradient-warning-dark

#### SVG Img Background

##### SVG Background with color

.bg-temple-dark
.bg-food-dark
.bg-brick-dark
.bg-bubbles-dark

##### SVG Background with Transparent color

.bg-temple-white
.bg-food-white
.bg-brick-white
.bg-bubbles-white

#### Border colors

`.border-*` can apply to any element, where `*` is a color name.

Default color
.border-primary
.border-secondary
.border-success
.border-info
.border-warning
.border-danger
.border-dark
.border-white
.border-light
.border-transparent

#### Text colors

`.text-*` can apply to any element, where `*` is a color name. Please note that you can safely add these classes to an `<a>` element.

.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-mute
.text-light
.text-lighter
.text-fade
.text-white

##### Hover colors

`.hover-*` can apply to any element, where `*` is a color name. Please note that you can safely add these classes to an `<a>` element.

.text-primary
.text-secondary
.text-success
.text-info
.text-warning
.text-danger
.text-dark
.text-mute
.text-light
.text-lighter
.text-fade
.text-white

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

##### Tasks Overview

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers

##### Messages

Duis faucibus lorem Pharetra, Nulla
+125$
Mauris varius augue Pharetra, Nulla
+125$
Aliquam in magna Pharetra, Nulla
+125$
Phasellus venenatis nisi Pharetra, Nulla
+125$
Vivamus consectetur Pharetra, Nulla
+125$

##### Support

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Overview

Generate Overview:
Enable Overview Export:
Allow Data Collection:

##### Users

Enable Users singup:
Allow User Feedbacks:
Enable Users Portal:
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?