#### Colors

##### Background Colors

Primary

#FF9F43

Secondary

#092C4C

warning

#FF9900

info

#17a2b8

success

#28C76F

danger

#FF0000

light

#f8f9fa

dark

#29344a

`.bg-primary`

`.bg-secondary`

`.bg-warning`

`.bg-info`

`.bg-success`

`.bg-danger`

`.bg-light`

`.bg-dark`

##### Background transparent colors

`.bg-primary-transparent`

`.bg-secondary-transparent`

`.bg-warning-transparent`

`.bg-info-transparent`

`.bg-success-transparent`

`.bg-danger-transparent`

`.bg-light-transparent`

`.bg-dark-transparent`

Background gradients

`.bg-primary-gradient`

`.bg-secondary-gradient`

`.bg-warning-gradient`

`.bg-info-gradient`

`.bg-success-gradient`

`.bg-danger-gradient`

`.bg-light-gradient`

`.bg-dark-gradient`

Background outline colors

`.bg-outline-primary`

`.bg-outline-secondary`

`.bg-outline-warning`

`.bg-outline-info`

`.bg-outline-success`

`.bg-outline-danger`

`.bg-outline-light`

`.bg-outline-dark`

##### Border Colors

`.border-primary`

`.border-secondary`

`.border-warning`

`.border-info`

`.border-success`

`.border-danger`

`.border-light`

`.border-dark`

##### Text Colors

primary

`.text-primary`

secondary

`.text-secondary`

warning

`.text-warning`

info

`.text-info`

success

`.text-success`

danger

`.text-danger`

light

`.text-light`

dark

`.text-dark`

muted

`.text-muted`

Text Opacity
Opacity-100

`100% opacity`

Opacity-100

`.text-opacity-75`

Opacity-100

`.text-opacity-50`

Opacity-100

`.text-opacity-25`

##### Other Colors

$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray

##### Background Opacity

100%

`.bg-opacity-100`

75%

`.bg-opacity-75`

50%

`.bg-opacity-50`

25%

`.bg-opacity-25`

10%

`.bg-opacity-10`

##### Callout

Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.