/* ------------------------------------------------------------ *\
    Project Colors
\* ------------------------------------------------------------ */
.color-primary, .cp { color: #3570db !important; }
.color-secondary, .cs { color: #2ab5f7 !important; }

.bg-primary, .bgp { background-color: #3570db; }
.bg-secondary, .bgs { background-color: #2ab5f7 }
.bg-primary:hover, .bgp:hover { background-color: #3570db; }
.bg-secondary:hover, .bgs:hover { background-color: #2ab5f7; }

/* ------------------------------------------------------------ *\
    Font Colors
\* ------------------------------------------------------------ */
.color-grey { color: #999999 !important; }
.color-grey-2 { color: #a3b1bf; }
.color-white { color: #ffffff; }
.color-black { color: #222222; }

.color-green, .color-success { color: #77cc66; }
.color-red, .color-error, .color-fail { color: #e65c5c; }
.color-orange, .color-warning { color: #ff9b00; }

/* ------------------------------------------------------------ *\
    Backgrounds
\* ------------------------------------------------------------ */
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #222222; }
.bg-grey-1 { background-color: #f2f2f2; }
.bg-grey-2 { background-color: #fafafa; }
.bg-grey-3 { background-color: #e5e5e5; }
.bg-grey-4 { background-color: #a3b1bf; }
.bg-green, .bg-success { background-color: #77cc66; }
.bg-red, .bg-error, .bg-fail { background-color: #e63428; }
.bg-orange, .bg-warning { background-color: #ff6000; }
.bg-none { background-color: transparent; }

/* ------------------------------------------------------------ *\
    Hover
\* ------------------------------------------------------------ */

.bg-green:hover { background-color: #77cc66; }
.bg-red:hover { background-color: #e63428; }
.bg-grey:hover { background-color: #fafafa; }
.bg-grey-2:hover { background-color: #f2f2f2; }

.color-black:hover { color: #222222; }
.color-secondary:hover { color: #2ab5f7; }
.color-green:hover { color: #77cc66; }

.no-underline:hover { text-decoration: none; }
.underline:hover { text-decoration: underline; }

/* ------------------------------------------------------------ *\
    Notification & Error Colors
\* ------------------------------------------------------------ */
.color-success { color: #77cc66 !important; }
.color-info { color: #a3b1bf !important; }
.color-warning { color: #e5c52f !important; }
.color-error { color: #e65c5c !important; }

.bg-success { background-color: #77cc66; }
.bg-info { background-color: #a3b1bf; }
.bg-warning { background-color: #e5c52f; }
.bg-error { background-color: #e65c5c; }