/*
 * Re2o est un logiciel d'administration développé initiallement au rezometz. Il
 * se veut agnostique au réseau considéré, de manière à être installable en
 * quelques clics.
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along
 * with this program; if not, write to the Free Software Foundation, Inc.,
 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
 */

/*
 * Body
 */
body {
    color: $text-color;
    background-color: $background-color;
}
hr {
    border-color: $border-color;
}


/*
 * Text
 */
a {
    color: $link-color;
}
a:focus,
a:hover {
    color: $link-focus-color;
}
.text-primary {
    color: $text-primary-color;
}
.text-secondary {
    color: $text-secondary-color;
}
.text-success {
    color: $success-color;
}
.text-info {
    color: $info-color;
}
.text-warning {
    color: $warning-color;
}
.text-danger {
    color: $danger-color;
}
.text-muted {
    color: $text-muted-color;
}
.help-block {
    color: $text-help-color;
}
.valid-feedback {
    color: $success-color;
}
.invalid-feedback {
    color: $danger-color;
}


/*
 * Highlights
 */
.bg-primary {
    color: $bg-text-color;
    background-color: $primary-color;
}
.bg-primary a {
    color: $bg-link-color;
}
.bg-secondary {
    color: $bg-text-color;
    background-color: $secondary-color;
}
.bg-secondary a {
    color: $bg-link-color;
}
.bg-success {
    color: $bg-text-color;
    background-color: $success-color;
}
.bg-success a {
    color: $bg-link-color;
}
.bg-info {
    color: $bg-text-color;
    background-color: $info-color;
}
.bg-info a {
    color: $bg-link-color;
}
.bg-warning {
    color: $bg-text-color;
    background-color: $warning-color;
}
.bg-warning a {
    color: $bg-link-color;
}
.bg-danger {
    color: $bg-text-color;
    background-color: $danger-color;
}
.bg-danger a {
    color: $bg-link-color;
}


/*
 * Badges
 */
.badge-primary {
    color: $text-color;
    background-color: $primary-color;
}
.badge-secondary {
    color: $text-color;
    background-color: $secondary-color;
}
.badge-success {
    color: $text-color;
    background-color: $success-color;
}
.badge-info {
    color: $text-color;
    background-color: $info-color;
}
.badge-warning {
    color: $text-color;
    background-color: $warning-color;
}
.badge-danger {
    color: $text-color;
    background-color: $danger-color;
}
.badge-light {
    color: $text-color;
    background-color: $light-color;
}
.badge-dark {
    color: $text-alt-color;
    background-color: $dark-color;
}


/*
 * Labels
 */
.label-primary {
    color: $label-text-color;
    background-color: $primary-color;
}
.label-secondary {
    color: $label-text-color;
    background-color: $secondary-color;
}
.label-success {
    color: $label-text-color;
    background-color: $success-color;
}
.label-info {
    color: $label-text-color;
    background-color: $info-color;
}
.label-warning {
    color: $label-text-color;
    background-color: $warning-color;
}
.label-danger {
    color: $label-text-color;
    background-color: $danger-color;
}


/*
 * Forms
 */
input::placeholder,
input::-webkit-input-placeholder,
.form-control::placeholder,
.form-control::-webkit-input-placeholder {
    color: $forms-placeholder-color !important;
    opacity: 1;
}
input, .form-control {
    color: $forms-text-color;
    background-color: $forms-background-color;
    border-color: $border-color;
}
.form-control .is-valid {
    border-color: $success-color;
}
.form-control .is-invalid {
    border-color: $danger-color;
}
.input-group-btn > .btn {
    border-color: $border-color;
}


/*
 * Django autocomplete light
 */
.select2-results__options {
	color: $forms-text-color;
}
.select2-dropdown {
    background-color: $forms-background-color !important;
}
.select2-container--default {
    border-color: $border-color;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: $forms-background-color !important;
}
.select2-search__field {
    color: $forms-text-color;
    background-color: $forms-background-color;
    border-color: $border-color;
}
.select2-results__option {
    background-color: $forms-background-color;
}
.select2-results__option--highlighted {
    color: $dal-result-focus-text-color !important;
    background-color: $dal-result-focus-background-color !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    color: $dal-result-selected-text-color !important;
    background-color: $dal-result-selected-background-color !important;
}


/*
 * Vue.js trees
 */
.tree-anchor {
    color: $text-color !important;
}
.tree-node > .tree-content:focus > .tree-anchor,
.tree-node > .tree-content:hover > .tree-anchor {
    color: $tree-text-focus-color !important;
}
.tree-node.selected > .tree-content > .tree-anchor {
    color: $tree-text-focus-color !important;
}
.tree-node > .tree-content:hover {
    background-color: $tree-background-focus-color !important;
}
.tree-node.selected > .tree-content {
    background-color: $tree-background-selected-color !important;
}


/*
 * Navbars
 */
.navbar-default, .navbar-inverse {
    color: $navbar-text-color;
    background-color: $navbar-background-color;
    border-color: $navbar-border-color;
}
.navbar-default .navbar-brand,
.navbar-inverse .navbar-brand {
    color: $navbar-brand-color;
}
.navbar-default .navbar-text,
.navbar-inverse .navbar-text {
    color: $navbar-text-color;
}

.navbar-static-bottom {
    color: $navbar-text-color;
    background-color: $secondary-navbar-background-color;
    border-color: $navbar-border-color;
}
.navbar-static-bottom .navbar-brand {
    color: $navbar-brand-color;
}
.navbar-static-bottom .navbar-text {
    color: $navbar-text-color;
}

.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a {
    color: $navbar-text-color !important;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: $navbar-text-focus-color !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: $navbar-text-focus-color;
    background-color: $navbar-background-active-color;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: $navbar-text-color;
    background-color: $navbar-background-color;
}
.navbar-inverse .dropdown-menu .btn-link {
    color: $navbar-text-color !important;
}
.navbar-inverse .dropdown-menu .btn-link:hover {
    color: $navbar-text-focus-color !important;
    background-color: $navbar-background-color !important;
}


/*
 * Menus
 */
.dropdown-menu {
    background-color: $navbar-background-color;
}
.dropdown-menu .divider {
    background-color: $border-color;
}
.dropdown-menu > li > a {
    color: $navbar-text-color;
    background-color: $navbar-background-color;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: $navbar-text-focus-color;
    background-color:  $navbar-background-color;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: $navbar-text-focus-color;
    background-color: $dropdown-background-focus-color;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: $navbar-text-disabled-color;
}
.navbar-inverse .dropdown-menu .btn-link {
    color: $navbar-text-color;
}


/*
 * Buttons
 */
.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn-default {
    color: $button-text-color;
    background-color: $secondary-color;
    border-color: $secondary-color;
}
.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}

.btn-primary {
    color: $button-text-color;
    background-color: $primary-color;
    border-color: $primary-color;
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: $button-text-color;
    background-color: $primary-focus-color;
    border-color: $primary-focus-color;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: $button-text-color;
    background-color: $primary-focus-color;
    border-color: $primary-focus-color;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: $button-text-color;
    background-color: $primary-focus-color;
    border-color: $primary-focus-color;
}

.btn-secondary {
    color: $button-text-color;
    background-color: $secondary-color;
    border-color: $secondary-color;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}
.btn-secondary.active,
.btn-secondary:active,
.open > .dropdown-toggle.btn-secondary {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary:hover {
    color: $button-text-color;
    background-color: $secondary-focus-color;
    border-color: $secondary-focus-color;
}

.btn-success {
    color: $button-text-color;
    background-color: $success-color;
    border-color: $success-color;
}
.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: $button-text-color;
    background-color: $success-focus-color;
    border-color: $success-focus-color;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    color: $button-text-color;
    background-color: $success-focus-color;
    border-color: $success-focus-color;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: $button-text-color;
    background-color: $success-focus-color;
    border-color: $success-focus-color;
}

.btn-info {
    color: $button-text-color;
    background-color: $info-color;
    border-color: $info-color;
}
.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    color: $button-text-color;
    background-color: $info-focus-color;
    border-color: $info-focus-color;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    color: $button-text-color;
    background-color: $info-focus-color;
    border-color: $info-focus-color;
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    color: $button-text-color;
    background-color: $info-focus-color;
    border-color: $info-focus-color;
}

.btn-warning {
    color: $button-text-color;
    background-color: $warning-color;
    border-color: $warning-color;
}
.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: $button-text-color;
    background-color: $warning-focus-color;
    border-color: $warning-focus-color;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
    color: $button-text-color;
    background-color: $warning-focus-color;
    border-color: $warning-focus-color;
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: $button-text-color;
    background-color: $warning-focus-color;
    border-color: $warning-focus-color;
}

.btn-danger {
    color: $button-text-color;
    background-color: $danger-color;
    border-color: $danger-color;
}
.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
    color: $button-text-color;
    background-color: $danger-focus-color;
    border-color: $danger-focus-color;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
    color: $button-text-color;
    background-color: $danger-focus-color;
    border-color: $danger-focus-color;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    color: $button-text-color;
    background-color: $danger-focus-color;
    border-color: $danger-focus-color;
}


/*
 * Alerts
 */
.alert a, .alert .alert-link {
    color: $alert-link-color;
}
.alert-success {
    color: $alert-text-color;
    background-color: $success-color;
    border-color: $success-focus-color;
}
.alert-success hr {
    border-top-color: $success-focus-color;
}
.alert-info {
    color: $alert-text-color;
    background-color: $success-focus-color;;
    border-color: $info-focus-color;
}
.alert-info hr {
    border-top-color: $info-focus-color;
}
.alert-warning {
    color: $alert-text-color;
    background-color: $warning-color;
    border-color: $warning-focus-color;
}
.alert-warning hr {
    border-top-color: $warning-focus-color;
}
.alert-danger {
    color: $alert-text-color;
    background-color: $danger-color;
    border-color: $danger-focus-color;
}
.alert-danger hr {
    border-top-color: $danger-focus-color;
}
.alert-light {
    color: $alert-text-color;
    background-color: $light-color;
    border-color: $light-focus-color;
}
.alert-light hr {
    border-top-color: $light-focus-color;
}
.alert-dark {
    color: $alert-text-color;
    background-color: $dark-color;
    border-color: $dark-focus-color;
}
.alert-dark hr {
    border-top-color: $dark-focus-color;
}


/*
 * Pagination
 */
.pagination > li > a,
.pagination > li > span {
    color: $pagination-text-color;
    background-color: $pagination-background-color;
    border-color: $pagination-border-color;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: $pagination-text-color;
    background-color: $pagination-focus-background-color;
    border-color: $pagination-border-color;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: $pagination-active-text-color;
    background-color: $pagination-active-background-color;
    border-color: $pagination-border-color;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: $pagination-text-color;
    background-color: $pagination-background-color;
    border-color: $pagination-border-color;
    opacity: 0.65;
}
.pager li > a,
.pager li > span {
    background-color: $pagination-background-color;
    border-color: $pagination-border-color;
}
.pager li > a:focus,
.pager li > a:hover {
    background-color: $pagination-background-color;
    border-color: $pagination-border-color;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
    background-color: $pagination-background-color;
    border-color: $pagination-border-color;
    opacity: 0.65;
}


/*
 * Panels
 */
.panel {
    background-color: $panel-background-color;
}
.panel-footer {
    background-color: $panel-footer-background-color;
}
.panel > .profil, .panel-default > .panel-heading {
    color: $panel-text-default-color !important;
}
.panel > .profil:hover {
    color: $panel-text-focus-color !important;
    background-color: $panel-background-focus-color !important;
    border-color: $panel-border-color;
}
.panel-heading h1 a,
.panel-heading h2 a,
.panel-heading h3 a,
.panel-heading h4 a {
    color: $panel-text-default-color;
}
.panel-heading a {
    color: $panel-text-color;
}

.panel-default {
    border-color: $panel-border-color;
}
.panel-default > .panel-heading {
    color: $panel-text-color;
    background-color: $panel-heading-background-color;
    border-color: $panel-border-color !important;
}
.panel-default > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $panel-border-color;
}
.panel-default > .panel-heading .badge {
    color: $panel-badge-text-color;
    background-color: $panel-badge-background-color;
}
.panel-default > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $panel-border-color;
}

.panel-primary {
    border-color: $primary-color;
}
.panel-primary > .panel-heading {
    color: $panel-text-color;
    background-color: $primary-color;
    border-color: $primary-color;
}
.panel-primary > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $primary-color;
}
.panel-primary > .panel-heading .badge {
    color: $primary-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-primary > .panel-heading .badge {
    color: $primary-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-primary > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $primary-color;
}

.panel-secondary {
    border-color: $secondary-color;
}
.panel-secondary > .panel-heading {
    color: $panel-text-color;
    background-color: $secondary-color;
    border-color: $secondary-color;
}
.panel-secondary > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $secondary-color;
}
.panel-secondary > .panel-heading .badge {
    color: $secondary-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-secondary > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $secondary-color;
}

.panel-success {
    border-color: $success-color;
}
.panel-success > .panel-heading {
    color: $panel-text-color;
    background-color: $success-color;
    border-color: $success-color;
}
.panel-success > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $success-color;
}
.panel-success > .panel-heading .badge {
    color: $success-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-success > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $success-color;
}

.panel-info {
    border-color: $info-color;
}
.panel-info > .panel-heading {
    color: $panel-text-color;
    background-color: $info-color;
    border-color: $info-color;
}
.panel-info > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $info-color;
}
.panel-info > .panel-heading .badge {
    color: $info-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-info > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $info-color;
}

.panel-warning {
    border-color: $warning-color;
}
.panel-warning > .panel-heading {
    color: $panel-text-color;
    background-color: $warning-color;
    border-color: $warning-color;
}
.panel-warning > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $warning-color;
}
.panel-warning > .panel-heading .badge {
    color: $warning-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-warning > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $warning-color;
}

.panel-danger {
    border-color: $danger-color;
}
.panel-danger > .panel-heading {
    color: $panel-text-color;
    background-color: $danger-color;
    border-color: $danger-color;
}
.panel-danger > .panel-heading+.panel-collapse > .panel-body {
    border-top-color: $danger-color;
}
.panel-danger > .panel-heading .badge {
    color: $danger-color;
    background-color: $panel-badge-alt-background-color;
}
.panel-danger > .panel-footer+.panel-collapse > .panel-body {
    border-bottom-color: $danger-color;
}


/*
 * Cards
 */
.thumbnail {
    color: $text-color;
    background-color: $thumbnail-background-color;
    border-color: $thumbnail-border-color;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: $thumbnail-background-color;
}
.thumbnail .caption {
    color: $text-color;
}


/*
 * Modals
 */
.modal-content, .modal-body {
    color: $text-color;
    background-color: $modal-background-color;
    border-color: $modal-border-color;
}
.modal-header {
    color: $text-color;
    background-color: $modal-heading-background-color;
    border-color: $modal-heading-border-color;
}
.modal-header .close {
    color: $text-color;
}


/*
 * Tables
 */
table {
    background-color: $table-background-color;
}
.table-responsive {
    border-color: $border-color !important;
}
caption {
    color: $text-color;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top-color: $border-color;
}
.table > thead > tr > th {
    border-bottom-color: $border-color;
}
.table > tbody+tbody {
    border-top-color: $border-color;
}
.table .table {
    background-color: $table-background-color;
}
.table-bordered {
    border-color: $border-color;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-color: $border-color;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: $table-alt-background-color;
}
.table-hover > tbody > tr:hover {
    background-color: $table-default-focus-background-color;
}
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th {
    color: $text-color;
    background-color: $table-default-focus-background-color;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active {
    color: $text-color;
    background-color: $table-default-focus-background-color;
}
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th {
    color: $table-success-text-color;
    background-color: $table-success-background-color;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success {
    color: $table-success-text-color;
    background-color: $table-success-focus-background-color;
}
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th {
    color: $table-info-text-color;
    background-color: $table-info-background-color;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info {
    color: $table-info-text-color;
    background-color: $table-info-focus-background-color;
}
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th {
    color: $table-warning-text-color;
    background-color: $table-warning-background-color;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning {
    color: $table-warning-text-color;
    background-color: $table-warning-focus-background-color;
}
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th {
    color: $table-danger-text-color;
    background-color: $table-danger-background-color;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger {
    color: $table-danger-text-color;
    background-color: $table-danger-focus-background-color;
}
.table > tbody > tr > td.light,
.table > tbody > tr > th.light,
.table > tbody > tr.light > td,
.table > tbody > tr.light > th,
.table > tfoot > tr > td.light,
.table > tfoot > tr > th.light,
.table > tfoot > tr.light > td,
.table > tfoot > tr.light > th,
.table > thead > tr > td.light,
.table > thead > tr > th.light,
.table > thead > tr.light > td,
.table > thead > tr.light > th {
    color: $table-light-text-color;
    background-color: $table-light-background-color;
}
.table-hover > tbody > tr > td.light:hover,
.table-hover > tbody > tr > th.light:hover,
.table-hover > tbody > tr.light:hover > td,
.table-hover > tbody > tr.light:hover > th,
.table-hover > tbody > tr:hover > .light {
    color: $table-light-text-color;
    background-color: $table-light-focus-background-color;
}
.table > tbody > tr > td.dark,
.table > tbody > tr > th.dark,
.table > tbody > tr.dark > td,
.table > tbody > tr.dark > th,
.table > tfoot > tr > td.dark,
.table > tfoot > tr > th.dark,
.table > tfoot > tr.dark > td,
.table > tfoot > tr.dark > th,
.table > thead > tr > td.dark,
.table > thead > tr > th.dark,
.table > thead > tr.dark > td,
.table > thead > tr.dark > th {
    color: $table-dark-text-color;
    background-color: $table-dark-background-color;
}
.table-hover > tbody > tr > td.dark:hover,
.table-hover > tbody > tr > th.dark:hover,
.table-hover > tbody > tr.dark:hover > td,
.table-hover > tbody > tr.dark:hover > th,
.table-hover > tbody > tr:hover > .dark {
    color: $table-dark-text-color;
    background-color: $table-dark-focus-background-color;
}


/*
 * Lists
 */
.list-group-item {
    color: $text-color;
    background-color: $list-background-color;
    border-color: $list-border-color;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    opacity: 0.65;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
    opacity: 0.65;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    color: $text-color;
    background-color: $list-background-color;
    border-color: $list-border-color;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: $text-color;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: $text-color;
    background-color: $list-background-color;
}

a.list-group-item,
button.list-group-item {
    color: $list-text-color;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: $list-text-color;
}
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: $list-text-color;
}

.list-group-item-primary {
    color: $list-text-color;
    background-color: $primary-color;
}
a.list-group-item-primary,
button.list-group-item-primary {
    color: $list-text-color;
}
a.list-group-item-primary:focus,
a.list-group-item-primary:hover,
button.list-group-item-primary:focus,
button.list-group-item-primary:hover {
    color: $list-text-color;
    background-color: $primary-focus-color;
}
a.list-group-item-primary.active,
a.list-group-item-primary.active:focus,
a.list-group-item-primary.active:hover,
button.list-group-item-primary.active,
button.list-group-item-primary.active:focus,
button.list-group-item-primary.active:hover {
    color: $list-text-color;
    background-color: $primary-focus-color;
}

.list-group-item-secondary {
    color: $list-text-color;
    background-color: $secondary-color;
}
a.list-group-item-secondary,
button.list-group-item-secondary {
    color: $list-text-color;
}
a.list-group-item-secondary:focus,
a.list-group-item-secondary:hover,
button.list-group-item-secondary:focus,
button.list-group-item-secondary:hover {
    color: $list-text-color;
    background-color: $secondary-focus-color;
}
a.list-group-item-secondary.active,
a.list-group-item-secondary.active:focus,
a.list-group-item-secondary.active:hover,
button.list-group-item-secondary.active,
button.list-group-item-secondary.active:focus,
button.list-group-item-secondary.active:hover {
    color: $list-text-color;
    background-color: $secondary-focus-color;
}

.list-group-item-success {
    color: $list-text-color;
    background-color: $success-color;
}
a.list-group-item-success,
button.list-group-item-success {
    color: $list-text-color;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
    color: $list-text-color;
    background-color: $success-focus-color;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
    color: $list-text-color;
    background-color: $success-focus-color;
}

.list-group-item-info {
    color: $list-text-color;
    background-color: $info-color;
}
a.list-group-item-info,
button.list-group-item-info {
    color: $list-text-color;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
    color: $list-text-color;
    background-color: $info-focus-color;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
    color: $list-text-color;
    background-color: $info-focus-color;
}

.list-group-item-warning {
    color: $list-text-color;
    background-color: $warning-color;
}
a.list-group-item-warning,
button.list-group-item-warning {
    color: $list-text-color;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
    color: $list-text-color;
    background-color: $warning-focus-color;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
    color: $list-text-color;
    background-color: $warning-focus-color;
}

.list-group-item-danger {
    color: $list-text-color;
    background-color: $danger-color;
}
a.list-group-item-danger,
button.list-group-item-danger {
    color: $list-text-color;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
    color: $list-text-color;
    background-color: $danger-focus-color;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
    color: $list-text-color;
    background-color: $danger-focus-color;
}