$bg-primary:#337ab7 !default;
$bg-success:#dff0d8 !default;
$bg-info:#d9edf7 !default;
$bg-warning:#fcf8e3 !default;
$bg-danger:#f2dede !default;
$bg-grey:#777 !default;
$bg-grey-2x:#999 !default;
$bg-grey-3x:#BBB !default;
$bg-grey-4x:#CCC !default;
$bg-grey-5x:#DDD !default;
$bg-grey-6x:#EEE !default;
$bg-grey-7x:#f2f2f2 !default;
$bg-stable:#f8f8f8 !default;
$bg-positive:#387ef5 !default;
$bg-calm:#11c1f3 !default;
$bg-balanced:#33cd5f !default;
$bg-energized:#ffc900 !default;
$bg-yellow:yellow !default;
$bg-assertive:#ef473a !default;
$bg-royal:#886aea !default;
$bg-dark:#444444 !default;


.color-positive, .text-positive {color:#0c60ee}
.color-calm, .text-calm {color:#0a9dc7}
.color-balanced, .text-balanced {color:#28a54c}
.color-energized, .text-energized {color:#e6b500}
.color-assertive, .text-assertive {color:#e42112}
.color-royal, .text-royal {color:#6b46e5}
.color-dark, .text-dark {color:#111111}

.color-primary, .text-primary {color:#337ab7}
.color-success, .text-success {color:#3c763d}
.color-info, .text-info {color:#31708f}
.color-warning, .text-warning {color:#8a6d3b}
.color-danger, .text-danger {color:#a94442}

// shades of grey dark to light
.color-grey-lg, .text-grey-lg, .text-muted-lg {color:#333}
.color-grey-md, .text-grey-md, .text-muted-md {color:#555}
.grey, .color-grey, .text-grey, .text-muted {color:#777}
.color-grey-2x, .text-grey-2x, .text-grey-sm, .text-muted-sm, .text-muted-2x {color:#999}
.color-grey-3x, .text-grey-3x, .text-grey-xs, .text-muted-xs, .text-muted-3x {color:#BBB}
.color-grey-4x, .text-grey-4x, .text-grey-xxs, .text-muted-xxs, .text-muted-4x {color:#CCC}
.color-grey-5x, .text-grey-5x {color:#DDD}
.color-grey-6x, .text-grey-6x {color:#EEE}

// simple color names (some with darker variations)
.green, .color-green, .text-green {color: #060}
.orange, .color-orange, .text-orange {color: #C60}
.yellow, .color-yellow, .text-yellow {color: yellow}
.red, .color-red, .text-red {color:#900}
.blue, .color-blue, .text-blue {color: blue}
.purple, .color-purple, .text-purple {color: #60C}
.black, .color-black, .text-black {color: black}
.white, .color-white, .text-white {color: white}

.bg-white,.bg-lite {background-color:white}
.bg-black {background-color:black}
.bg-primary {background-color:$bg-primary}
.bg-success {background-color:$bg-success}
.bg-info {background-color:$bg-info}
.bg-warning {background-color:$bg-warning}
.bg-danger {background-color:$bg-danger}
.bg-grey {background-color:$bg-grey}
.bg-grey-xs,.bg-grey-2x {background-color:$bg-grey-2x}
.bg-grey-xxs,.bg-grey-3x {background-color:$bg-grey-3x}
.bg-grey-4x {background-color:$bg-grey-4x}
.bg-grey-5x {background-color:$bg-grey-5x}
.bg-grey-6x {background-color:$bg-grey-6x}
.bg-grey-7x {background-color:$bg-grey-7x}
.bg-stable {background-color:$bg-stable}
.bg-positive {background-color:$bg-positive}
.bg-calm {background-color:$bg-calm}
.bg-balanced {background-color:$bg-balanced}
.bg-energized {background-color:$bg-energized}
.bg-yellow {background-color:$bg-yellow}
.bg-assertive {background-color:$bg-assertive}
.bg-royal {background-color:$bg-royal}
.bg-dark {background-color:$bg-dark}
.bg-green {background-color: #060}
.bg-orange {background-color: rgb(255, 129, 2)}
.bg-red {background-color:#900}
.bg-blue {background-color: #00F}
.bg-purple {background-color: #60C}
.bg-black {background-color: #000}
.bg-white {background-color: #FFF}

.child-bg-white > *,.child-bg-lite > * {background-color:white}
.child-bg-black > * {background-color:black}
.child-bg-primary > * {background-color:$bg-primary}
.child-bg-success > * {background-color:$bg-success}
.child-bg-info > * {background-color:$bg-info}
.child-bg-warning > * {background-color:$bg-warning}
.child-bg-danger > * {background-color:$bg-danger}
.child-bg-grey > * {background-color:$bg-grey}
.child-bg-grey-xs > *,.child-bg-grey-2x > * {background-color:$bg-grey-2x}
.child-bg-grey-xxs > *,.child-bg-grey-3x > * {background-color:$bg-grey-3x}
.child-bg-grey-4x > * {background-color:$bg-grey-4x}
.child-bg-grey-5x > * {background-color:$bg-grey-5x}
.child-bg-grey-6x > * {background-color:$bg-grey-6x}
.child-bg-grey-7x > * {background-color:$bg-grey-7x}
.child-bg-stable > * {background-color:$bg-stable}
.child-bg-positive > * {background-color:$bg-positive}
.child-bg-calm > * {background-color:$bg-calm}
.child-bg-balanced > * {background-color:$bg-balanced}
.child-bg-energized > * {background-color:$bg-energized}
.child-bg-yellow > * {background-color:$bg-yellow}
.child-bg-assertive > * {background-color:$bg-assertive}
.child-bg-royal > * {background-color:$bg-royal}
.child-bg-dark > * {background-color:$bg-dark}
.child-bg-green > * {background-color: #060}
.child-bg-orange > * {background-color: rgb(255, 129, 2)}
.child-bg-red > * {background-color:#900}
.child-bg-blue > * {background-color: #00F}
.child-bg-purple > * {background-color: #60C}
.child-bg-black > * {background-color: #000}
.child-bg-white > * {background-color: #FFF}

.child-bg-green > *, .child-hover-bg-green > *:hover {background-color: #060}
.child-bg-orange > *, .child-hover-bg-orange > *:hover {background-color: rgb(255, 129, 2)}
.child-bg-red > *, .child-hover-bg-red > *:hover {background-color:#900}
.child-bg-blue > *, .child-hover-bg-blue > *:hover {background-color: #00F}
.child-bg-purple > *, .child-hover-bg-purple > *:hover {background-color: #60C}
.child-bg-black > *, .child-hover-bg-black > *:hover {background-color: #000}
.child-bg-white > *, .child-hover-bg-white > *:hover {background-color: #FFF}

/** click active color changing (must be after and separate from hover) */
.active-bg-green:active, .child-active-bg-green > *:active {background-color: #060}
.active-bg-orange:active, .child-active-bg-orange > *:active {background-color: rgb(255, 129, 2)}
.active-bg-red:active, .child-active-bg-red > *:active {background-color:#900}
.active-bg-blue:active, .child-active-bg-blue > *:active {background-color: #00F}
.active-bg-purple:active, .child-active-bg-purple > *:active {background-color: #60C}
.active-bg-black:active, .child-active-bg-black > *:active {background-color: #000}
.active-bg-white:active, .child-active-bg-white > *:active {background-color: #FFF}

/** hover and active border coloring */
.child-hover-border-grey > *:hover,
.child-hover-border-grey > *:active,
.child-border-grey > *,
.hover-border-grey:hover,
.active-border-grey:active,
.border-grey
{border-color:#666}
.child-hover-border-grey-xs > *:hover,
.child-hover-border-grey-xs > *:active,
.child-border-grey-xs > *,
.hover-border-grey-xs:hover,
.active-border-grey-xs:active,
.child-border-grey-2x > *,
.hover-border-grey-2x:hover,
.active-border-grey-2x:active,
.border-grey-xs,
.border-grey-2x
{border-color:#888}
.child-hover-border-grey-xxs > *:hover,
.child-hover-border-grey-xxs > *:active,
.child-border-grey-xxs > *,
.hover-border-grey-xxs:hover,
.active-border-grey-xxs:active,
.child-border-grey-3x > *,
.hover-border-grey-3x:hover,
.active-border-grey-3x:active,
.border-grey-xxs,
.border-grey-3x
{border-color:#AAA}
.child-hover-border-grey-4x > *:hover,
.child-hover-border-grey-4x > *:active,
.child-border-grey-4x > *,
.hover-border-grey-4x:hover,
.active-border-grey-4x:active,
.border-grey-4x
{border-color:#BBB}
.child-hover-border-grey-5x > *:hover,
.child-hover-border-grey-5x > *:active,
.child-border-grey-5x > *,
.hover-border-grey-5x:hover,
.active-border-grey-5x:active,
.border-grey-5x
{border-color:#CCC}
.child-hover-border-grey-6x > *:hover,
.child-hover-border-grey-6x > *:active,
.child-border-grey-6x > *,
.hover-border-grey-6x:hover,
.active-border-grey-6x:active,
.border-grey-6x
{border-color:#DDD}
.child-hover-border-positive > *:hover,
.child-hover-border-positive > *:active,
.child-border-positive > *,
.hover-border-positive:hover,
.active-border-positive:active,
.border-positive
{border-color:#0c60ee}
.child-hover-border-calm > *:hover,
.child-hover-border-calm > *:active,
.child-border-calm > *,
.hover-border-calm:hover,
.active-border-calm:active,
.border-calm
{border-color:#0a9dc7}
.child-hover-border-balanced > *:hover,
.child-hover-border-balanced > *:active,
.child-border-balanced > *,
.hover-border-balanced:hover,
.active-border-balanced:active,
.border-balanced
{border-color:#28a54c}
.child-hover-border-energized > *:hover,
.child-hover-border-energized > *:active,
.child-border-energized > *,
.hover-border-energized:hover,
.border-energized {border-color:#e6b500}
.child-hover-border-assertive > *:hover,
.child-hover-border-assertive > *:active,
.child-border-assertive > *,
.hover-border-assertive:hover,
.border-assertive {border-color:#e42112}
.child-hover-border-royal > *:hover,
.child-hover-border-royal > *:active,
.child-border-royal > *,
.hover-border-royal:hover,
.border-royal {border-color:#6b46e5}
.child-hover-border-dark > *:hover,
.child-hover-border-dark > *:active,
.child-border-dark > *,
.hover-border-dark:hover,
.border-dark {border-color:#111111}
.child-hover-border-danger > *:hover,
.child-hover-border-danger > *:active,
.child-border-danger > *,
.hover-border-danger:hover,
.border-danger {border-color:#d43f3a}
.child-hover-border-warning > *:hover,
.child-hover-border-warning > *:active,
.child-border-warning > *,
.hover-border-warning:hover,
.border-warning {border-color:#eea236}
.child-hover-border-orange > *:hover,
.child-hover-border-orange > *:active,
.child-border-orange > *,
.hover-border-orange:hover,
.border-orange {border-color: #C60}
.child-hover-border-info > *:hover,
.child-hover-border-info > *:active,
.child-border-info > *,
.hover-border-info:hover,
.border-info {border-color:#46b8da}
.child-hover-border-success > *:hover,
.child-hover-border-success > *:active,
.child-border-success > *,
.hover-border-success:hover,
.border-success {border-color:#4cae4c}
.child-hover-border-primary > *:hover,
.child-hover-border-primary > *:active,
.child-border-primary > *,
.hover-border-primary:hover,
.border-primary {border-color:#2e6da4}
.child-hover-border-green > *:hover,
.child-hover-border-green > *:active,
.child-border-green > *,
.hover-border-green:hover,
.border-green {border-color:green}
.child-hover-border-red > *:hover,
.child-hover-border-red > *:active,
.child-border-red > *,
.hover-border-red:hover,
.border-red {border-color:red}
.child-hover-border-blue > *:hover,
.child-hover-border-blue > *:active,
.child-border-blue > *,
.hover-border-blue:hover,
.border-blue {border-color:blue}
.child-hover-border-white > *:hover,
.child-hover-border-white > *:active,
.child-border-white > *,
.hover-border-white:hover,
.border-white {border-color:#FFF}
.child-hover-border-black > *:hover,
.child-hover-border-black > *:active,
.child-border-black > *,
.hover-border-black:hover,
.border-black {border-color:#000}

/** click active color changing (must be after and separate from hover) */
.active-border-energized:active {border-color:#e6b500}
.active-border-assertive:active {border-color:#e42112}
.active-border-royal:active {border-color:#6b46e5}
.active-border-dark:active {border-color:#111111}
.active-border-danger:active {border-color:#d43f3a}
.active-border-warning:active {border-color:#eea236}
.active-border-info:active {border-color:#46b8da}
.active-border-success:active {border-color:#4cae4c}
.active-border-primary:active {border-color:#2e6da4}
.active-border-green:active {border-color:green}
.active-border-red:active {border-color:red}
.active-border-blue:active {border-color:blue}
.active-border-white:active {border-color:#FFF}
.active-border-black:active {border-color:#000}

.border-1-0,.border-1-black {border-color:#000;border-width:1px;border-style:solid}
.border-1-f,.border-1-white {border-color:#FFF;border-width:1px;border-style:solid}
.border-stable {border-color:#e7e7e7}
.border-1-positive {border-color:#0c60ee}
.border-1-calm {border-color:#0a9dc7}
.border-1-balanced {border-color:#28a54c}
.border-1-energized {border-color:#e6b500}
.border-1-assertive {border-color:#e42112}
.border-1-royal {border-color:#6b46e5}
.border-1-dark {border-color:#111111}
.border-1-danger {border-color:#d43f3a}
.border-1-warning {border-color:#eea236}
.border-1-info {border-color:#46b8da}
.border-1-success {border-color:#4cae4c}
.border-1-primary {border-color:#2e6da4}

.child-hover-text-positive > *:hover,
.child-hover-text-positive > *:active,
.hover-text-positive:hover,
.active-text-positive:active
{color:#0c60ee}
.child-hover-text-calm > *:hover,
.child-hover-text-calm > *:active,
.hover-text-calm:hover,
.active-text-calm:active
{color:#0a9dc7}
.child-hover-text-balanced > *:hover,
.child-hover-text-balanced > *:active,
.hover-text-balanced:hover,
.active-text-balanced:active
{color:#28a54c}
.child-hover-text-energized > *:hover,
.child-hover-text-energized > *:active,
.hover-text-energized:hover,
.active-text-energized:active
{color:#e6b500}
.child-hover-text-assertive > *:hover,
.child-hover-text-assertive > *:active,
.hover-text-assertive:hover,
.active-text-assertive:active
{color:#e42112}
.child-hover-text-royal > *:hover,
.child-hover-text-royal > *:active,
.hover-text-royal:hover,
.active-text-royal:active
{color:#6b46e5}
.child-hover-text-dark > *:hover,
.child-hover-text-dark > *:active,
.hover-text-dark:hover,
.active-text-dark:active
{color:#111111}
.child-hover-text-primary > *:hover,
.child-hover-text-primary > *:active,
.hover-text-primary:hover,
.active-text-primary:active
{color:#337ab7}
.child-hover-text-success > *:hover,
.child-hover-text-success > *:active,
.hover-text-success:hover,
.active-text-success:active
{color:#3c763d}
.child-hover-text-info > *:hover,
.child-hover-text-info > *:active,
.hover-text-info:hover,
.active-text-info:active
{color:#31708f}
.child-hover-text-warning > *:hover,
.child-hover-text-warning > *:active,
.hover-text-warning:hover,
.active-text-warning:active
{color:#8a6d3b}
.child-hover-text-danger > *:hover,
.child-hover-text-danger > *:active,
.hover-text-danger:hover,
.active-text-danger:active
{color:#a94442}
.child-hover-text-grey-lg > *:hover,
.child-hover-text-grey-lg > *:active,
.hover-text-grey-lg:hover,
.active-text-grey-lg:active,
.hover-text-muted-lg:hover,
.active-text-muted-lg:active
{color:#333}
.child-hover-text-grey-md > *:hover,
.child-hover-text-grey-md > *:active,
.hover-text-grey-md:hover,
.active-text-grey-md:active,
.hover-text-muted-md:hover,
.active-text-muted-md:active
{color:#555}
.child-hover-text-grey > *:hover,
.child-hover-text-grey > *:active,
.hover-text-grey:hover,
.active-text-grey:active,
.hover-text-muted:hover,
.active-text-muted:active
{color:#777}
.child-hover-text-grey-2x > *:hover,
.child-hover-text-grey-2x > *:active,
.hover-text-grey-2x:hover,
.active-text-grey-2x:active,
.hover-text-grey-sm:hover,
.active-text-grey-sm:active,
.hover-text-muted-sm:hover,
.active-text-muted-sm:active,
.hover-text-muted-2x:hover,
.active-text-muted-2x:active
{color:#999}
.child-hover-text-grey-3x > *:hover,
.child-hover-text-grey-3x > *:active,
.hover-text-grey-3x:hover,
.active-text-grey-3x:active,
.hover-text-grey-xs:hover,
.active-text-grey-xs:active,
.hover-text-muted-xs:hover,
.active-text-muted-xs:active,
.hover-text-muted-3x:hover,
.active-text-muted-3x:active
{color:#BBB}
.child-hover-text-grey-4x > *:hover,
.child-hover-text-grey-4x > *:active,
.hover-text-grey-4x:hover,
.active-text-grey-4x:active,
.hover-text-grey-xxs:hover,
.active-text-grey-xxs:active,
.hover-text-muted-xxs:hover,
.active-text-muted-xxs:active,
.hover-text-muted-4x:hover,
.active-text-muted-4x:active
{color:#CCC}
.child-hover-text-grey-5x > *:hover,
.child-hover-text-grey-5x > *:active,
.hover-text-grey-5x:hover,
.active-text-grey-5x:active
{color:#DDD}
.child-hover-text-grey-6x > *:hover,
.child-hover-text-grey-6x > *:active,
.hover-text-grey-6x:hover,
.active-text-grey-6x:active
{color:#EEE}
.child-hover-text-green > *:hover,
.child-hover-text-green > *:active,
.hover-text-green:hover,
.active-text-green:active
{color: #060}
.child-hover-text-orange > *:hover,
.child-hover-text-orange > *:active,
.hover-text-orange:hover,
.active-text-orange:active
{color: #C60}
.child-hover-text-red > *:hover,
.child-hover-text-red > *:active,
.hover-text-red:hover,
.active-text-red:active
{color:#900}
.child-hover-text-blue > *:hover,
.child-hover-text-blue > *:active,
.hover-text-blue:hover,
.active-text-blue:active
{color: #00F}
.child-hover-text-purple > *:hover,
.child-hover-text-purple > *:active,
.hover-text-purple:hover,
.active-text-purple:active
{color: #60C}
.child-hover-text-black > *:hover,
.child-hover-text-black > *:active,
.hover-text-black:hover,
.active-text-black:active
{color: #000}
.child-hover-text-white > *:hover,
.child-hover-text-white > *:active,
.hover-text-white:hover,
.active-text-white:active
{color: #FFF}

.text-shadow, .text-shadow-grey-blur,
.active-text-shadow-grey-blur:active,
.hover-text-shadow-grey-blur:hover
{text-shadow:0 0 4px #777}
.text-shadow-white,.text-shadow-white-blur,
.active-text-shadow-white:active,
.hover-text-shadow-white:hover,
.active-text-shadow-white-blur:active,
.hover-text-shadow-white-blur:hover
{text-shadow:0 0 4px #FFF}

.child-striped > *:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd)
{background-color: #f1f1f1}
.child-striped-primary > *:nth-of-type(odd),
.table-striped-primary > tbody > tr:nth-of-type(odd)
{background-color:$bg-primary}
.child-striped-success > *:nth-of-type(odd),
.table-striped-success > tbody > tr:nth-of-type(odd)
{background-color:$bg-success}
.child-striped-info > *:nth-of-type(odd),
.table-striped-info > tbody > tr:nth-of-type(odd)
{background-color:$bg-info}
.child-striped-warning > *:nth-of-type(odd),
.table-striped-warning > tbody > tr:nth-of-type(odd)
{background-color:$bg-warning}
.child-striped-danger > *:nth-of-type(odd),
.table-striped-danger > tbody > tr:nth-of-type(odd)
{background-color:$bg-danger}
.child-striped-grey > *:nth-of-type(odd),
.table-striped-grey > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey}
.child-striped-grey-2x > *:nth-of-type(odd),
.table-striped-grey-2x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-2x}
.child-striped-grey-3x > *:nth-of-type(odd),
.table-striped-grey-3x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-3x}
.child-striped-grey-4x > *:nth-of-type(odd),
.table-striped-grey-4x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-4x}
.child-striped-grey-5x > *:nth-of-type(odd),
.table-striped-grey-5x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-5x}
.child-striped-grey-6x > *:nth-of-type(odd),
.table-striped-grey-6x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-6x}
.child-striped-grey-7x > *:nth-of-type(odd),
.table-striped-grey-7x > tbody > tr:nth-of-type(odd)
{background-color:$bg-grey-7x}
.child-striped-stable > *:nth-of-type(odd),
.table-striped-stable > tbody > tr:nth-of-type(odd)
{background-color:$bg-stable}
.child-striped-positive > *:nth-of-type(odd),
.table-striped-positive > tbody > tr:nth-of-type(odd)
{background-color:$bg-positive}
.child-striped-calm > *:nth-of-type(odd),
.table-striped-calm > tbody > tr:nth-of-type(odd)
{background-color:$bg-calm}
.child-striped-balanced > *:nth-of-type(odd),
.table-striped-balanced > tbody > tr:nth-of-type(odd)
{background-color:$bg-balanced}
.child-striped-energized > *:nth-of-type(odd),
.table-striped-energized > tbody > tr:nth-of-type(odd)
{background-color:$bg-energized}
.child-striped-yellow > *:nth-of-type(odd),
.table-striped-yellow > tbody > tr:nth-of-type(odd)
{background-color:$bg-yellow}
.child-striped-assertive > *:nth-of-type(odd),
.table-striped-assertive > tbody > tr:nth-of-type(odd)
{background-color:$bg-assertive}
.child-striped-royal > *:nth-of-type(odd),
.table-striped-royal > tbody > tr:nth-of-type(odd)
{background-color:$bg-royal}
.child-striped-dark > *:nth-of-type(odd),
.table-striped-dark > tbody > tr:nth-of-type(odd)
{background-color:$bg-dark}
.child-striped-white > *:nth-of-type(odd),
.table-striped-white > tbody > tr:nth-of-type(odd)
{background-color:white}

/* anti sub classes */
[class*="child-striped"] > *.bg-primary,
[class*="table-striped"] > tbody > tr.bg-primary
{background-color:$bg-primary}
[class*="child-striped"] > *.bg-success,
[class*="table-striped"] > tbody > tr.bg-success
{background-color:$bg-success}
[class*="child-striped"] > *.bg-info,
[class*="table-striped"] > tbody > tr.bg-info
{background-color:$bg-info}
[class*="child-striped"] > *.bg-warning,
[class*="table-striped"] > tbody > tr.bg-warning
{background-color:$bg-warning}
[class*="child-striped"] > *.bg-danger,
[class*="table-striped"] > tbody > tr.bg-danger
{background-color:$bg-danger}
[class*="child-striped"] > *.bg-grey,
[class*="table-striped"] > tbody > tr.bg-grey
{background-color:$bg-grey}
[class*="child-striped"] > *.grey-2x,
[class*="table-striped"] > tbody > tr.grey-2x
{background-color:$bg-grey-2x}
[class*="child-striped"] > *.grey-3x,
[class*="table-striped"] > tbody > tr.grey-3x
{background-color:$bg-grey-3x}
[class*="child-striped"] > *.grey-4x,
[class*="table-striped"] > tbody > tr.grey-4x
{background-color:$bg-grey-4x}
[class*="child-striped"] > *.grey-5x,
[class*="table-striped"] > tbody > tr.grey-5x
{background-color:$bg-grey-5x}
[class*="child-striped"] > *.grey-6x,
[class*="table-striped"] > tbody > tr.grey-6x
{background-color:$bg-grey-6x}
[class*="child-striped"] > *.bg-stable,
[class*="table-striped"] > tbody > tr.bg-stable
{background-color:$bg-stable}
[class*="child-striped"] > *.bg-positive,
[class*="table-striped"] > tbody > tr.bg-positive
{background-color:$bg-positive}
[class*="child-striped"] > *.bg-calm,
[class*="table-striped"] > tbody > tr.bg-calm
{background-color:$bg-calm}
[class*="child-striped"] > *.bg-balanced,
[class*="table-striped"] > tbody > tr.bg-balanced
{background-color:$bg-balanced}
[class*="child-striped"] > *.bg-energized,
[class*="table-striped"] > tbody > tr.bg-energized
{background-color:$bg-energized}
[class*="child-striped"] > *.bg-yellow,
[class*="table-striped"] > tbody > tr.bg-yellow
{background-color:$bg-energized}
[class*="child-striped"] > *.bg-assertive,
[class*="table-striped"] > tbody > tr.bg-assertive
{background-color:$bg-assertive}
[class*="child-striped"] > *.bg-royal,
[class*="table-striped"] > tbody > tr.bg-royal
{background-color:$bg-royal}
[class*="child-striped"] > *.bg-dark,
[class*="table-striped"] > tbody > tr.bg-dark
{background-color:$bg-dark}
[class*="child-striped"] > *.bg-white,
[class*="table-striped"] > tbody > tr.bg-white
{background-color:white}

.table-active > tbody > tr:active,
.table-hover > tbody > tr:hover
{background-color: #f5f5f5}

.child-hover-bg-primary > *:hover,
.hover-bg-primary:hover,
.table-hover-primary > tbody > tr:hover,
[class*="table-striped"].table-hover-primary > tbody > tr:hover
{background-color:$bg-primary}

.hover-bg-white:hover,
.table-hover-white > tbody > tr:hover,
[class*="table-striped"].table-hover-white > tbody > tr:hover
{background-color:#FFF}

.hover-bg-black:hover,
.table-hover-black > tbody > tr:hover,
[class*="table-striped"].table-hover-black > tbody > tr:hover
{background-color:#000}

.child-hover-bg-success > *:hover,
.hover-bg-success:hover,
.table-hover-success > tbody > tr:hover,
[class*="table-striped"].table-hover-success > tbody > tr:hover
{background-color:$bg-success}

.child-hover-bg-info > *:hover,
.hover-bg-info:hover,
.table-hover-info > tbody > tr:hover,
[class*="table-striped"].table-hover-info > tbody > tr:hover
{background-color:$bg-info}

.child-hover-bg-warning > *:hover,
.hover-bg-warning:hover,
.table-hover-warning > tbody > tr:hover,
[class*="table-striped"].table-hover-warning > tbody > tr:hover
{background-color:$bg-warning}

.child-hover-bg-danger > *:hover,
.hover-bg-danger:hover,
.table-hover-danger > tbody > tr:hover,
[class*="table-striped"].table-hover-danger > tbody > tr:hover
{background-color:$bg-danger}

.child-hover-bg-grey > *:hover,
.hover-bg-grey:hover,
.table-hover-grey > tbody > tr:hover,
[class*="table-striped"].table-hover-grey > tbody > tr:hover
{background-color:$bg-grey}

.child-hover-bg-grey-2x > *:hover,
.hover-bg-grey-2x:hover,
.table-hover-grey-2x > tbody > tr:hover,
[class*="table-striped"].table-hover-grey-2x > tbody > tr:hover
{background-color:$bg-grey-2x}

.child-hover-bg-grey-3x > *:hover,
.hover-bg-grey-3x:hover,
.table-hover-grey-3x > tbody > tr:hover,
[class*="table-striped"].table-hover-grey-3x > tbody > tr:hover
{background-color:$bg-grey-3x}

.child-hover-bg-grey-4x > *:hover,
.hover-bg-grey-4x:hover,
.table-hover-grey-4x > tbody > tr:hover,
[class*="table-striped"].table-hover-grey-4x > tbody > tr:hover
{background-color:$bg-grey-4x}

.child-hover-bg-grey-5x > *:hover,
.hover-bg-grey-5x:hover,
.table-hover-grey-5x > tbody > tr:hover,
[class*="table-striped"].table-hover-grey-5x > tbody > tr:hover
{background-color:$bg-grey-5x}

.child-hover-bg-grey-6x > *:hover,
.hover-bg-grey-6x:hover,
.table-hover-grey-6x > tbody > tr:hover,
[class*="table-striped"].table-hover-grey-6x > tbody > tr:hover
{background-color:$bg-grey-6x}

.child-hover-bg-stable > *:hover,
.hover-bg-stable:hover,
.table-hover-stable > tbody > tr:hover,
[class*="table-striped"].table-hover-stable > tbody > tr:hover
{background-color:$bg-stable}

.child-hover-bg-positive > *:hover,
.hover-bg-positive:hover,
[class*="table-striped"].table-hover-positive > tbody > tr:hover
{background-color:$bg-positive}

.child-hover-bg-calm > *:hover,
.hover-bg-calm:hover,
.table-hover-calm > tbody > tr:hover,
[class*="table-striped"].table-hover-calm > tbody > tr:hover
{background-color:$bg-calm}

.child-hover-bg-balanced > *:hover,
.hover-bg-balanced:hover,
.table-hover-balanced > tbody > tr:hover,
[class*="table-striped"].table-hover-balanced > tbody > tr:hover
{background-color:$bg-balanced}

.child-hover-bg-energized > *:hover,
.hover-bg-energized:hover,
.table-hover-energized > tbody > tr:hover,
[class*="table-striped"].table-hover-energized > tbody > tr:hover
{background-color:$bg-energized}

.child-hover-bg-yellow > *:hover,
.hover-bg-yellow:hover,
.table-hover-yellow > tbody > tr:hover,
[class*="table-striped"].table-hover-yellow > tbody > tr:hover
{background-color:$bg-yellow}

.child-hover-bg-assertive > *:hover,
.hover-bg-assertive:hover,
.table-hover-assertive > tbody > tr:hover,
[class*="table-striped"].table-hover-assertive > tbody > tr:hover
{background-color:$bg-assertive}

.child-hover-bg-royal > *:hover,
.hover-bg-royal:hover,
.table-hover-royal > tbody > tr:hover,
[class*="table-striped"].table-hover-royal > tbody > tr:hover
{background-color:$bg-royal}

.child-hover-bg-dark > *:hover,
.hover-bg-dark:hover,
.table-hover-dark > tbody > tr:hover,
[class*="table-striped"].table-hover-dark > tbody > tr:hover
{background-color:$bg-dark}

/** start: actives */
.child-active-bg-primary > *:active,
.table-active-primary > tbody > tr:active,
[class*="table-striped"].table-hover-primary > tbody > tr:active,
.active-bg-primary:active {background-color:$bg-primary}

.table-active-white > tbody > tr:active,
[class*="table-striped"].table-hover-white > tbody > tr:active,
.active-bg-white:active {background-color:#FFF}

.table-active-black > tbody > tr:active,
[class*="table-striped"].table-hover-black > tbody > tr:active,
.active-bg-black:active {background-color:#000}

.child-active-bg-success > *:active,
.table-active-success > tbody > tr:active,
[class*="table-striped"].table-hover-success > tbody > tr:active,
.active-bg-success:active {background-color:$bg-success}

.child-active-bg-info > *:active,
.table-active-info > tbody > tr:active,
[class*="table-striped"].table-hover-info > tbody > tr:active,
.active-bg-info:active {background-color:$bg-info}

.child-active-bg-warning > *:active,
.table-active-warning > tbody > tr:active,
[class*="table-striped"].table-hover-warning > tbody > tr:active,
.active-bg-warning:active {background-color:$bg-warning}

.child-active-bg-danger > *:active,
.table-active-danger > tbody > tr:active,
[class*="table-striped"].table-hover-danger > tbody > tr:active,
.active-bg-danger:active {background-color:$bg-danger}

.child-active-bg-grey > *:active,
.table-active-grey > tbody > tr:active,
[class*="table-striped"].table-hover-grey > tbody > tr:active,
.active-bg-grey:active {background-color:$bg-grey}

.child-active-bg-grey-2x > *:active,
.table-active-grey-2x > tbody > tr:active,
[class*="table-striped"].table-hover-grey-2x > tbody > tr:active,
.active-bg-grey-2x:active {background-color:$bg-grey-2x}

.child-active-bg-grey-3x > *:active,
.table-active-grey-3x > tbody > tr:active,
[class*="table-striped"].table-hover-grey-3x > tbody > tr:active,
.active-bg-grey-3x:active {background-color:$bg-grey-3x}

.child-active-bg-grey-4x > *:active,
.table-active-grey-4x > tbody > tr:active,
[class*="table-striped"].table-hover-grey-4x > tbody > tr:active,
.active-bg-grey-4x:active {background-color:$bg-grey-4x}

.child-active-bg-grey-5x > *:active,
.table-active-grey-5x > tbody > tr:active,
[class*="table-striped"].table-hover-grey-5x > tbody > tr:active,
.active-bg-grey-5x:active {background-color:$bg-grey-5x}

.child-active-bg-grey-6x > *:active,
.table-active-grey-6x > tbody > tr:active,
[class*="table-striped"].table-hover-grey-6x > tbody > tr:active,
.active-bg-grey-6x:active {background-color:$bg-grey-6x}

.child-active-bg-stable > *:active,
.table-active-stable > tbody > tr:active,
[class*="table-striped"].table-hover-stable > tbody > tr:active,
.active-bg-stable:active {background-color:$bg-stable}

.child-active-bg-positive > *:active,
[class*="table-striped"].table-hover-positive > tbody > tr:active,
.active-bg-positive:active {background-color:$bg-positive}

.child-active-bg-calm > *:active,
.table-active-calm > tbody > tr:active,
[class*="table-striped"].table-hover-calm > tbody > tr:active,
.active-bg-calm:active .child-active-bg-calm > *:active,
.active-bg-calm:active {background-color:$bg-calm}

.child-active-bg-balanced > *:active,
.table-active-balanced > tbody > tr:active,
[class*="table-striped"].table-hover-balanced > tbody > tr:active,
.active-bg-balanced:active {background-color:$bg-balanced}

.child-active-bg-energized > *:active,
.table-active-energized > tbody > tr:active,
[class*="table-striped"].table-hover-energized > tbody > tr:active,
.active-bg-energized:active {background-color:$bg-energized}

.child-active-bg-yellow > *:active,
.table-active-yellow > tbody > tr:active,
[class*="table-striped"].table-hover-yellow > tbody > tr:active,
.active-bg-yellow:active {background-color:$bg-yellow}

.child-active-bg-assertive > *:active,
.table-active-assertive > tbody > tr:active,
[class*="table-striped"].table-hover-assertive > tbody > tr:active,
.active-bg-assertive:active {background-color:$bg-assertive}

.child-active-bg-royal > *:active,
.table-active-royal > tbody > tr:active,
[class*="table-striped"].table-hover-royal > tbody > tr:active,
.active-bg-royal:active {background-color:$bg-royal}

.child-active-bg-dark > *:active,
.table-active-dark > tbody > tr:active,
[class*="table-striped"].table-hover-dark > tbody > tr:active,
.active-bg-dark:active {background-color:$bg-dark}
/** end: actives */

.table-lines-primary {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-primary}}}
  > thead > tr > th {@extend .border-primary}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-primary}}}
  > tbody + tbody {@extend .border-primary}
}
.table-lines-success {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-success}}}
  > thead > tr > th {@extend .border-success}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-success}}}
  > tbody + tbody {@extend .border-success}
}
.table-lines-info {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-info}}}
  > thead > tr > th {@extend .border-info}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-info}}}
  > tbody + tbody {@extend .border-info}
}
.table-lines-warning {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-warning}}}
  > thead > tr > th {@extend .border-warning}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-warning}}}
  > tbody + tbody {@extend .border-warning}
}
.table-lines-danger {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-danger}}}
  > thead > tr > th {@extend .border-danger}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-danger}}}
  > tbody + tbody {@extend .border-danger}
}
.table-lines-grey {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey}}}
  > thead > tr > th {@extend .border-grey}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey}}}
  > tbody + tbody {@extend .border-grey}
}
.table-lines-grey-2x {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey-2x}}}
  > thead > tr > th {@extend .border-grey-2x}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey-2x}}}
  > tbody + tbody {@extend .border-grey-2x}
}
.table-lines-grey-3x {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey-3x}}}
  > thead > tr > th {@extend .border-grey-3x}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey-3x}}}
  > tbody + tbody {@extend .border-grey-3x}
}
.table-lines-grey-4x {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey-4x}}}
  > thead > tr > th {@extend .border-grey-4x}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey-4x}}}
  > tbody + tbody {@extend .border-grey-4x}
}
.table-lines-grey-5x {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey-5x}}}
  > thead > tr > th {@extend .border-grey-5x}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey-5x}}}
  > tbody + tbody {@extend .border-grey-5x}
}
.table-lines-grey-6x {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-grey-6x}}}
  > thead > tr > th {@extend .border-grey-6x}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-grey-6x}}}
  > tbody + tbody {@extend .border-grey-6x}
}
.table-lines-stable {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-stable}}}
  > thead > tr > th {@extend .border-stable}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-stable}}}
  > tbody + tbody {@extend .border-stable}
}
.table-lines-positive {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-positive}}}
  > thead > tr > th {@extend .border-positive}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-positive}}}
  > tbody + tbody {@extend .border-positive}
}
.table-lines-calm {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-calm}}}
  > thead > tr > th {@extend .border-calm}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-calm}}}
  > tbody + tbody {@extend .border-calm}
}
.table-lines-balanced {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-balanced}}}
  > thead > tr > th {@extend .border-balanced}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-balanced}}}
  > tbody + tbody {@extend .border-balanced}
}
.table-lines-energized {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-energized}}}
  > thead > tr > th {@extend .border-energized}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-energized}}}
  > tbody + tbody {@extend .border-energized}
}
.table-lines-assertive {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-assertive}}}
  > thead > tr > th {@extend .border-assertive}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-assertive}}}
  > tbody + tbody {@extend .border-assertive}
}
.table-lines-royal {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-royal}}}
  > thead > tr > th {@extend .border-royal}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-royal}}}
  > tbody + tbody {@extend .border-royal}
}
.table-lines-dark {
  > thead,> tbody,> tfoot {> tr {> th, > td {@extend .border-dark}}}
  > thead > tr > th {@extend .border-dark}
  > caption + thead,> colgroup + thead,> thead:first-child {> tr:first-child {> th, > td {@extend .border-dark}}}
  > tbody + tbody {@extend .border-dark}
}