body {
   background: var(--main-bg-color);
   background-repeat: repeat, no-repeat;
   background-attachment: fixed, fixed;
   background-position: center center, center center;
   background-size: auto, cover;
   -webkit-background-size: auto, cover;
   -moz-background-size: auto, cover;
   -o-background-size: auto, cover;
   color: var(--text);
}

.panel {
   border: 1px solid var(--accent-color);
}

.panel {
   background-color: var(--drop-down-menu-bg);
}

.panel-default>.panel-heading {
   color: var(--text);
   background-color: var(--modal-header-color);
   border-color: transparent;
}

.panel-default>.panel-heading {
   color: var(--text);
   background-color: var(--modal-header-color);
   border-color: transparent;
}

legend {
   color: var(--text);
}


.btn-default {
   color: var(--button-text);
   background-color: var(--button-color);
   border-color: var(--button-color);
}

.btn-default:focus, .btn-default:hover, .btn-group.open .dropdown-toggle.btn-default {
   background-color: var(--button-color-hover);
   border-color: var(--button-color-hover);
}

.btn-default:hover {
   color: var(--button-text-hover);
}

.btn-success {
    color: var(--button-text);
    background-color: var(--button-color);
   border-color: var(--button-color);
}

.btn-block {
    color: var(--button-text);
    background-color: var(--button-color);
   border-color: var(--button-color);
}

.btn-primary {
    color: var(--button-text);
    background-color: var(--button-color);
   border-color: var(--button-color);
}

.btn-success:hover {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
   border-color: var(--button-color-hover);
}

.btn-block:hover {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
   border-color: var(--button-color-hover);
}

.btn-primary:hover {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
   border-color: var(--button-color-hover);
}

.modal-content {
   background-color: var(--modal-bg-color);
}

.modal-header {
   border-bottom: 1px solid var(--modal-header-color);
}

.modal-title {
   color: var(--text-muted);
}

.modal .close {
   color: var(--text);
}

.navbar-default {
   background-color: var(--modal-header-color);
   border-color: var(--modal-header-color);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: var(--button-text-hover);
    background-color: var(--button-color-hover);
    border: 1px solid var(--accent-color-hover);
}

.nav-tabs>li>a {
    border-color: var(--button-color);
    background-color: var(--button-color);
    color: var(--button-text);
}

.nav-tabs {
   border-bottom: 1px solid var(--modal-bg-color);
}

.nav>li>a:focus, .nav>li>a:hover {
   background-color: var(--button-color-hover);
}

.nav-tabs>li>a:hover {
   border-color: var(--button-color-hover);
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   color: var(--text-color-hover);
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
   background-color: var(--button-color-hover);
}

.nav-tabs .open>a, .nav-tabs .open>a:focus, .nav-tabs .open>a:hover {
   border-color: var(--button-color-hover);
}

.dropdown-menu {
   background-color: var(--drop-down-menu-bg);
   border: 1px solid var(--drop-down-menu-bg);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   color: var(--button-text);
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
   color: var(--text-hover);
}

tbody tr {
   color: var(--modal-footer-color);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   color: var(--modal-footer-color);
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
   color: var(--modal-footer-color);
}

.list-group-item {
   background-color: var(--drop-down-menu-bg);
   border: 1px solid var(--drop-down-menu-bg);
}

.table-striped>tbody>tr:nth-of-type(odd) {
   background-color: var(--modal-bg-color);
}

tbody tr {
   color: var(--text);
}

.label.label-last-login {
   color: var(--text) !important;
   background-color: var(--modal-bg-color) !important;
}

.progress {
   background-color: var(--modal-bg-color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   color: var(--text);
}

div.numberedtextarea-number {
   color: var(--text);
}

.form-control {
   color: var(--text);
}

.well {
   border: 1px solid var(--modal-bg-color);
   background-color: var(--modal-bg-color);
}

.form-control {
   color: var(--modal-bg-color);
}

pre {
   color: var(--text);
   background-color: var(--modal-bg-color);
   border: 1px solid var(--modal-bg-color);
}

.form-control {
   color: var(--text);
   background-color: var(--modal-bg-color);
   border: 1px solid var(--modal-bg-color);
}

.input-group-addon {
   color: var(--text);
   background-color: var(--modal-bg-color);
   border: 1px solid var(--modal-bg-color);
}

.panel-heading a {
    color: var(--link-color);
}

.panel-heading a:hover {
    color: var(--link-color-hover);
}

/* Mobile */

.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
   color: var(--text);
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
   background-color: var(--modal-bg-color);
}

.navbar-default .navbar-toggle {
   border-color: var(--modal-bg-color);
}

.navbar-default .navbar-toggle .icon-bar {
   background-color: var(--modal-bg-color);
}