/* Finzep single fixed color skin (equivalent to the source project's
   color-set system, but without the multi-tenant theme-switching machinery
   since this app only ever renders one skin). Colors taken from the source
   project's color-set 2 (the orange used for the card-header look). */

.top-navbar {
    border-bottom: 1px solid #262425;
    background: #262425;
}

.bg-greenhead {
    background: linear-gradient(85deg, #f9680f, #e47107);
}

.bg-gradientorange {
    background: linear-gradient(85deg, #f9680f, #e47107);
}

.main-wrapper .breadcrumb {
    background: #fff !important;
}

.nav-item.show {
    background: #e47107 !important;
}

#profileImage {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e47107 !important;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 44px;
}

/* Slab Commission grid (Views/Slab/Index): the table itself uses the same plain theme classes
   as the API Switching tables (table table-bordered table-sm); only the value box and the
   orange COM/SUR + PER/FIX toggle buttons need their own rules. */
.slab-grid .slab-value {
    max-width: 260px;
    margin-left: auto;
    text-align: right;
}

.slab-toggle .btn {
    min-width: 54px;
    font-weight: 600;
    color: #262425;
    background: #fff;
    border-color: #262425;
}

.slab-toggle .btn:hover:not(.active) {
    background: #f6efe6;
}

.slab-toggle .btn.active {
    color: #fff;
    background: #e47107;
    border-color: #e47107;
}

.slab-toggle .btn:focus,
.slab-toggle .btn.focus {
    box-shadow: 0 0 0 .15rem rgba(228, 113, 7, .35);
}

/* The copied theme's site.css sets .alert { z-index: 9999999 }, which pushes
   in-page success/error banners above Bootstrap modals. Modals must win. */
.alert {
    z-index: auto;
}

.modal.show,
.modal.in {
    z-index: 1050;
}

.modal-backdrop {
    z-index: 1040;
}