/* 
   Overrides para componentes do Bootstrap e sb-admin.
   Utiliza as variáveis css geradas dinamicamente com base no Tenant.
*/

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

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

.btn-primary:focus,
.btn-primary.focus {
    color: var(--branco);
    background-color: var(--secundaria);
    border-color: var(--principal);
}

.btn-primary:hover {
    color: var(--branco);
    background-color: var(--secundaria);
    border-color: var(--principal);
}

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

fieldset[disabled] .btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus {
    color: var(--branco);
    /*background-color: var(--secundaria);*/
    border-color: var(--principal);
}

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

.btn-link {
    color: var(--principal);
}

.btn-link:hover,
.btn-link:focus {
    color: var(--principal);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: var(--principal);
}

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

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

.navbar-inverse .navbar-brand {
    color: var(--principal);
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: var(--principal);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--principal);
    border-color: var(--principal);
}

.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--principal);
}

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

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: var(--principal);
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: var(--principal);
}

.alert-info {
    color: var(--principal);
}

.progress-bar {
    background-color: var(--principal);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--principal);
    border-color: var(--principal);
}

.list-group-item-info,
a.list-group-item-info,
button.list-group-item-info {
    color: var(--principal);
}

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: var(--principal);
}

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    background-color: var(--principal);
    border-color: var(--principal);
}

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

.panel-primary > .panel-heading {
    background-color: var(--principal);
    border-color: var(--principal);
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--principal);
}

.panel-primary > .panel-heading .badge {
    color: var(--principal);
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--principal);
}

.panel-info > .panel-heading {
    color: var(--principal);
}

.panel-info > .panel-heading .badge {
    background-color: var(--principal);
}