/* ======================================================
   HABESHA BREWERIES MASTER THEME (Primary: #A29161)
   ====================================================== */

/* 1. BODY & SIDEBAR BACKGROUND */
body.fixed-sidebar #wrapper,
body.canvas-menu #wrapper,
#wrapper,
.navbar-static-side,
#side-menu {
    background-color: #24313C !important;
}

/* 2. NAV HEADER (PROFILE AREA) */
.nav-header {
    background-color: #24313C !important;
    background-image: none !important;
    border-bottom: 1px solid #1d2730;
}

/* 3. MENU NORMAL STATE */
.nav > li > a {
    color: #aeb9c2 !important;
    font-weight: 500;
}

    .nav > li > a i {
        color: #aeb9c2 !important;
    }

/* 4. ACTIVE MENU */
.nav > li.active {
    border-left: 4px solid #A29161 !important;
    background-color: #1d2730 !important;
}

    .nav > li.active > a {
        color: #ffffff !important;
    }

        .nav > li.active > a i {
            color: #A29161 !important;
        }

/* 5. HOVER STATE (NO BLACK) */
.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #2a3642 !important;
    color: #ffffff !important;
}

/* 6. SUB-MENU */
.nav-second-level li a {
    background-color: #1d2730 !important;
    color: #aeb9c2 !important;
}

    .nav-second-level li a:hover {
        background-color: #2a3642 !important;
        color: #ffffff !important;
    }

/* 7. PRIMARY UI ELEMENTS */
.btn-primary,
.navbar-minimalize,
.label-primary,
.badge-primary,
.bg-primary,
.progress-bar {
    background-color: #A29161 !important;
    border-color: #A29161 !important;
    color: #ffffff !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #8e7f55 !important;
        border-color: #8e7f55 !important;
    }

/* 8. TEXT & ICON ACCENTS */
.text-navy,
.onoffswitch-inner:before {
    color: #A29161 !important;
}

/* 9. TOP NAVBAR (STANDARD DARK NAV) */
.navbar-default {
    background-color: #24313C !important;
    border-bottom: 2px solid #A29161;
}

    .navbar-default .nav > li > a {
        color: #ffffff !important;
    }

        .navbar-default .nav > li > a:hover {
            background-color: #1d2730 !important;
            color: #A29161 !important;
        }

/* 10. LINKS */
a {
    color: #A29161;
}

    a:hover,
    .nav-tabs > li > a:hover {
        color: #A29161 !important;
        background-color: #f3efe6 !important;
    }

/* 11. CARDS / PANELS */
.ibox-title {
    border-top: 3px solid #A29161;
}

/* 12. TABLE HEADER */
.table thead th {
    background-color: #f3efe6;
    color: #333;
}