.navbar-inverse {
    background: var(--primary);
}

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

.nav-tabs.nav-tabs-solid > .active > a, .nav-tabs.nav-tabs-solid > .active > a:hover, .nav-tabs.nav-tabs-solid > .active > a:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.panel-list {
    margin-bottom: 20px;
    border-color: #ddd;
    border-left-color: var(--primary);
    color: #333333;
    border-style: solid;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.sidebar-main.sidebar-default .sidebar-content {
    border: 0;
    background-color: var(--primary);
    color: white;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.2);
}

.sidebar-default .sidebar-content .navigation li > a:hover {
    background-color: var(--primary);
    color: white;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.bg-success, .bg-success:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}

a.bg-success:hover, a.bg-success:focus {
    background-color: var(--primary);
}

.label-success {
    background-color: var(--primary);
    border-color: var(--primary);
}

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

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:hover,
.btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover,  .btn-success:active:focus,
.btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    background-color: var(--primary);
    border-color: var(--primary);
}

.text-success, .text-success:hover, .text-success:focus {
    color: var(--primary) !important;
}

.border-success {
    border-color: var(--primary);
}

.badge-success {
    background-color: var(--primary);
    border-color: var(--primary);
}

.text-success-400, .text-success-400:hover, .text-success-400:focus {
    color: var(--primary) !important;
}

.border-success-400 {
    border-color: var(--primary);
}

.filter-by-channel-id-selected-channel {
    background-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
}

.filter-by-channel-id-selected-channel:hover {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}

.navbar-default .navbar-nav > .active > a {
    -webkit-box-shadow: 0 1px 0 0 var(--primary);
    box-shadow: 0 1px 0 0 var(--primary);
}

.btn-primary:hover {
    background-color: var(--primary) !important;
    border-color: var(--primary);
}

.btn-blue {
    background-color: #4b86c9;
    border-color: #4b86c9;
}

.btn-blue:hover {
    background-color: #4b86c9 !important;
    border-color: #4b86c9;
}

a, a:hover {
    color: var(--primary);
}

@media (min-width: 769px) {
    .sidebar-xs .sidebar-default .navigation-main > li > a > span {
        background-color: var(--primary);
        border-color: var(--primary);
    }
}

.bg-teal, .bg-teal-400 {
    background-color: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

.category-content.active {
    background-color: var(--primary) !important;
}

.history-dialog-list .sidebar-category.active {
    background-color: var(--primary);
}

.chat-hints > span.text-muted:hover {
    border-bottom: 1px dashed var(--primary);
    color: var(--primary);
}

.text-primary, .text-primary:focus {
    color: var(--primary) !important;
}

.lds-ripple div:nth-child(1) {
    border-color: var(--primary);
}

.lds-ripple div:nth-child(2) {
    border-color: #999999;
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: #FFFFFF;
    background-color: var(--primary);
    border-color: transparent;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent) !important;
}

.daterangepicker td.in-range {
    background-color: color-mix(in srgb, var(--primary) 50%, transparent);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary);
}

.daterangepicker .ranges li.active {
    background-color: var(--primary);
}

.history-load-button div {
    background-color: var(--primary);
    color: #fff;
}

.message-forward-container .icon-forward {
    color: var(--primary);
}

input[type="checkbox"] {
    accent-color: var(--primary);
}