/*
Octave Homes Dark Theme
Autogenerated by application Dev Tools
*/

/* ===== BASE ===== */
body {
    background: #000 !important;
    color: #ccc !important;
}

.wrapper-content,
.wrapper,
#page-wrapper {
    background: #000 !important;
}

.white-bg { background: #000 !important; }
.gray-bg { background: #0a0a0a !important; }
.light-gray-bg { background: #111 !important; }

/* ===== SIDEBAR ===== */
.navbar-default.navbar-static-side {
    background: #000 !important;
    border-right: 1px solid #C9A84C !important;
}
.sidebar-collapse {
    background: #000 !important;
}
.nav-header {
    background: #000 !important;
    border-bottom: 1px solid #222 !important;
    padding: 20px 15px !important;
}
.nav-header .font-bold { color: #fff !important; }
.nav-header .text-muted { color: #C9A84C !important; }
.nav-header .dropdown-toggle { color: #ccc !important; }

.nav > li > a {
    color: #aaa !important;
    border-bottom: 1px solid #111 !important;
}
.nav > li > a:hover,
.nav > li.active > a {
    background: #111 !important;
    color: #C9A84C !important;
}
.nav > li > a i,
.nav > li > a .icon,
.nav > li > a [class^="icon-"] {
    color: #C9A84C !important;
}
.nav .nav-second-level {
    background: #0a0a0a !important;
}
.nav .nav-second-level li a {
    color: #888 !important;
    border-bottom: 1px solid #0f0f0f !important;
}
.nav .nav-second-level li a:hover,
.nav .nav-second-level li.active a {
    color: #C9A84C !important;
    background: #111 !important;
}

/* ===== TOP NAVBAR ===== */
.navbar.navbar-fixed-top,
.navbar.navbar-fixed-top.white-bg,
.row.border-bottom {
    background: #000 !important;
    border-bottom: 1px solid #222 !important;
}
.navbar-top-links a,
.navbar-top-links li > a {
    color: #aaa !important;
}
.navbar-top-links a:hover {
    color: #C9A84C !important;
}
.navbar .navbar-user .hidden-xs,
.navbar .hidden-xs {
    color: #ccc !important;
}
.navbar-minimalize {
    background: #C9A84C !important;
    color: #000 !important;
    border: none !important;
}
.navbar-minimalize:hover {
    background: #E0C068 !important;
}

/* ===== PAGE HEADING ===== */
.page-heading,
.row.wrapper.white-bg.page-heading {
    background: #111 !important;
    border-bottom: 1px solid #222 !important;
}
.page-heading h2 {
    color: #C9A84C !important;
}

/* ===== IBOX ===== */
.ibox {
    background: #0a0a0a !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 4px;
}
.ibox-title {
    background: #000 !important;
    border-bottom: 1px solid #C9A84C !important;
    color: #C9A84C !important;
    border-radius: 4px 4px 0 0;
}
.ibox-title h5 {
    color: #C9A84C !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ibox-content {
    background: #0a0a0a !important;
    border: none !important;
    color: #ccc !important;
}

/* ===== TABLES ===== */
.table { background: transparent !important; color: #ccc !important; }
.table th, .table td { color: #ccc !important; }
.table > thead > tr > th,
.table th {
    background: #111 !important;
    color: #C9A84C !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #C9A84C !important;
    border-top: none !important;
}
.table > tbody > tr > td,
.table td {
    background: #0a0a0a !important;
    color: #ccc !important;
    border-bottom: 1px solid #1a1a1a !important;
    border-top: none !important;
    border-color: #1a1a1a !important;
}
.table > tbody > tr:hover > td {
    background: #111 !important;
}
.table-striped > tbody > tr:nth-of-type(odd) > td {
    background: #0f0f0f !important;
}
.table-striped > tbody > tr:nth-of-type(even) > td {
    background: #0a0a0a !important;
}
.table-bordered {
    border-color: #1a1a1a !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td {
    border-color: #1a1a1a !important;
}
.table a { color: #C9A84C !important; }
.table a:hover { color: #E0C068 !important; }
.table a.btn-primary,
.table a.btn-success,
.table a.btn-warning,
a.btn-primary,
a.btn-success,
a.btn-warning {
    color: #000000 !important;
}
.table a.btn-danger,
.table a.btn-info,
a.btn-danger,
a.btn-info {
    color: #ffffff !important;
}
.table a.btn-primary i,
.table a.btn-success i,
.table a.btn-warning i,
a.btn-primary i,
a.btn-success i,
a.btn-warning i {
    color: #000000 !important;
}
.table a.btn-danger i,
.table a.btn-info i,
a.btn-danger i,
a.btn-info i {
    color: #ffffff !important;
}
.table-responsive {
    background: transparent !important;
}

/* ===== FORMS ===== */
.form-control {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}
.form-control:focus {
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.2) !important;
}
::placeholder { color: #666 !important; }
.input-group-addon {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #C9A84C !important;
}
label { color: #ccc !important; }
.form-material .form-control {
    background: #111 !important;
    color: #fff !important;
}
select.form-control {
    background: #111 !important;
    color: #fff !important;
}

/* ===== BUTTONS ===== */
.btn-primary {
    background: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background: #E0C068 !important;
    border-color: #E0C068 !important;
    color: #000000 !important;
}
.btn-success {
    background: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.btn-success:hover {
    background: #E0C068 !important;
    border-color: #E0C068 !important;
    color: #000000 !important;
}
.btn-warning {
    background: #b8860b !important;
    border-color: #b8860b !important;
    color: #000000 !important;
    font-weight: 600 !important;
}
.btn-warning:hover {
    background: #d4a017 !important;
    border-color: #d4a017 !important;
    color: #000000 !important;
}
.btn-danger {
    background: #8b0000 !important;
    border-color: #8b0000 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.btn-danger:hover {
    background: #a50000 !important;
    border-color: #a50000 !important;
    color: #ffffff !important;
}
.btn-info {
    background: #1a3a5c !important;
    border-color: #1a3a5c !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.btn-info:hover {
    background: #254d73 !important;
    border-color: #254d73 !important;
    color: #ffffff !important;
}
.btn-sm.btn-primary,
.btn-sm.btn-success,
.btn-sm.btn-warning,
.btn-xs.btn-primary,
.btn-xs.btn-success,
.btn-xs.btn-warning {
    color: #000000 !important;
    font-weight: 600 !important;
}
.btn-sm.btn-danger,
.btn-sm.btn-info,
.btn-xs.btn-danger,
.btn-xs.btn-info {
    color: #ffffff !important;
    font-weight: 600 !important;
}
.btn-default {
    background: #1a1a1a !important;
    border-color: #333 !important;
    color: #ccc !important;
}
.btn-default:hover {
    background: #222 !important;
    color: #fff !important;
}
.btn-white {
    background: #111 !important;
    border-color: #333 !important;
    color: #ccc !important;
}
.btn-white:hover {
    background: #1a1a1a !important;
    color: #C9A84C !important;
}

/* ===== LABELS / BADGES ===== */
.label-success, .badge-success {
    background: #1a3a1a !important;
    color: #4caf50 !important;
    border: 1px solid #4caf50 !important;
}
.label-danger, .badge-danger {
    background: #3a0000 !important;
    color: #f44336 !important;
    border: 1px solid #f44336 !important;
}
.label-info, .badge-info {
    background: #001a3a !important;
    color: #2196f3 !important;
    border: 1px solid #2196f3 !important;
}
.label-warning, .badge-warning {
    background: #3a2a00 !important;
    color: #C9A84C !important;
    border: 1px solid #C9A84C !important;
}
.label-default, .badge-default {
    background: #222 !important;
    color: #aaa !important;
}

/* ===== PANELS / WELLS ===== */
.panel {
    background: #0a0a0a !important;
    border-color: #1a1a1a !important;
}
.panel-heading {
    background: #111 !important;
    border-color: #1a1a1a !important;
    color: #C9A84C !important;
}
.panel-body { background: #0a0a0a !important; color: #ccc !important; }
.panel-footer { background: #0a0a0a !important; border-color: #1a1a1a !important; }
.well {
    background: #111 !important;
    border-color: #1a1a1a !important;
    color: #ccc !important;
}

/* ===== DROPDOWNS ===== */
.dropdown-menu {
    background: #111 !important;
    border-color: #333 !important;
}
.dropdown-menu > li > a {
    color: #ccc !important;
}
.dropdown-menu > li > a:hover {
    background: #1a1a1a !important;
    color: #C9A84C !important;
}
.dropdown-menu .divider {
    background-color: #333 !important;
}

/* ===== PAGINATION ===== */
.pagination > li > a,
.pagination > li > span {
    background: #111 !important;
    border-color: #333 !important;
    color: #ccc !important;
}
.pagination > li.active > a,
.pagination > li.active > span {
    background: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #000 !important;
}
.pagination > li > a:hover {
    background: #1a1a1a !important;
    color: #C9A84C !important;
}

/* ===== MODALS ===== */
.modal-content {
    background: #111 !important;
    border-color: #333 !important;
    color: #ccc !important;
}
.modal-header {
    background: #000 !important;
    border-color: #C9A84C !important;
}
.modal-title { color: #C9A84C !important; }
.modal-body { color: #ccc !important; }
.modal-footer {
    background: #0a0a0a !important;
    border-color: #222 !important;
}

/* ===== ALERTS ===== */
.alert { border-radius: 3px !important; }
.alert-success {
    background: #1a3a1a !important;
    border-color: #4caf50 !important;
    color: #4caf50 !important;
}
.alert-danger, .alert-error {
    background: #3a0000 !important;
    border-color: #f44336 !important;
    color: #f44336 !important;
}
.alert-info {
    background: #001a3a !important;
    border-color: #2196f3 !important;
    color: #2196f3 !important;
}
.alert-warning {
    background: #3a2a00 !important;
    border-color: #C9A84C !important;
    color: #C9A84C !important;
}

/* ===== RIGHT SIDEBAR ===== */
#right-sidebar {
    background: #0a0a0a !important;
    border-left: 1px solid #222 !important;
}
.sidebar-container { background: #0a0a0a !important; }
.sidebar-title {
    background: #000 !important;
    border-bottom: 1px solid #222 !important;
}
.sidebar-title h3 { color: #C9A84C !important; }
.tab-content { background: #0a0a0a !important; }
.nav-tabs > li > a {
    color: #aaa !important;
    border: none !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #111 !important;
    color: #C9A84C !important;
    border-bottom: 2px solid #C9A84C !important;
}
.setings-item {
    border-bottom: 1px solid #222 !important;
    color: #ccc !important;
}

/* ===== CHARTS / STATS ===== */
.chart-statistic-box {
    background: #111 !important;
    border: 1px solid #222 !important;
    border-radius: 4px;
}
.chart-statistic-box .chart-txt-top p { color: #fff !important; }
.chart-statistic-box .caption { color: #C9A84C !important; }
.chart-statistic-box .tbl-data td {
    color: #aaa !important;
    border-color: #222 !important;
}
.number, .amount { color: #C9A84C !important; }
.text-red { color: #f44336 !important; }
.flot-chart { background: transparent !important; }
canvas { background: transparent !important; }

/* ===== PROGRESS BARS ===== */
.progress {
    background: #1a1a1a !important;
    border-radius: 2px !important;
    height: 8px !important;
}
.progress-bar { background: #C9A84C !important; }
.progress-bar-danger { background: #f44336 !important; }
.progress-bar-success { background: #4caf50 !important; }
.progress-bar-info { background: #C9A84C !important; }
.progress-bar-warning { background: #E0C068 !important; }

/* ===== HEADINGS ===== */
h1, h2, h3, h4, h5, h6 { color: #ddd !important; }

/* ===== LINKS ===== */
a { color: #C9A84C; }
a:hover { color: #E0C068; }

/* ===== TEXT UTILS ===== */
.text-muted { color: #666 !important; }
.text-dark { color: #fff !important; }
.text-navy { color: #C9A84C !important; }
.text-primary { color: #C9A84C !important; }

/* ===== FOOTER ===== */
.footer {
    background: #000 !important;
    border-top: 1px solid #222 !important;
    color: #555 !important;
}

/* ===== HR ===== */
hr { border-color: #1a1a1a !important; }

/* ===== BREADCRUMB ===== */
.breadcrumb {
    background: #111 !important;
}
.breadcrumb > li + li::before { color: #555 !important; }
.breadcrumb > li > a { color: #C9A84C !important; }

/* ===== TOOLTIP / POPOVER ===== */
.tooltip-inner {
    background: #1a1a1a !important;
    color: #fff !important;
}
.popover {
    background: #111 !important;
    border-color: #333 !important;
}
.popover-title {
    background: #1a1a1a !important;
    color: #C9A84C !important;
    border-color: #333 !important;
}
.popover-content { color: #ccc !important; }

/* ===== LIST GROUP ===== */
.list-group-item {
    background: #0a0a0a !important;
    border-color: #1a1a1a !important;
    color: #ccc !important;
}
.list-group-item:hover {
    background: #111 !important;
}

/* ===== SEARCH ===== */
.btn-search { color: #C9A84C !important; }

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: #C9A84C; }

/* ===== MOBILE SIDEBAR FIX ===== */
@media (max-width: 768px) {
    body.mini-navbar .navbar-static-side {
        width: 220px !important;
    }
    body.mini-navbar .nav-label {
        display: inline !important;
        opacity: 1 !important;
    }
    body.mini-navbar .nav-header {
        padding: 20px 15px !important;
    }
    body.mini-navbar .nav > li > a {
        padding: 12px 15px !important;
        text-align: left !important;
    }
    body.mini-navbar .nav > li > a span.nav-label {
        display: inline !important;
        font-size: 13px !important;
        margin-left: 8px !important;
    }
    body.mini-navbar .nav .nav-second-level {
        display: none;
    }
    body.mini-navbar .nav > li.active .nav-second-level {
        display: block !important;
    }
    body.mini-navbar .profile-element span {
        display: block !important;
    }
    body.mini-navbar .nav-header .font-bold {
        display: block !important;
    }
    .navbar-static-side {
        width: 220px !important;
        overflow-y: auto !important;
        z-index: 9998 !important;
    }
    .nav-label {
        display: inline !important;
    }
}

/* ===== MOBILE BOTTOM NAV ===== */
@media (max-width: 768px) {
    #page-wrapper {
        margin-left: 0 !important;
        padding-bottom: 75px !important;
    }
    .mobile-bottom-nav {
        display: flex !important;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 65px;
        background: #000;
        border-top: 1px solid #C9A84C;
        z-index: 9999;
        justify-content: space-around;
        align-items: center;
        padding: 0 5px;
    }
    .mobile-bottom-nav a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #aaa !important;
        text-decoration: none !important;
        font-size: 10px !important;
        gap: 3px;
        padding: 5px 6px;
        border-radius: 4px;
        min-width: 50px;
    }
    .mobile-bottom-nav a:hover,
    .mobile-bottom-nav a.active {
        color: #C9A84C !important;
        background: #111 !important;
    }
    .mobile-bottom-nav a i {
        font-size: 18px !important;
        display: block;
        color: inherit !important;
    }
    .mobile-bottom-nav a span {
        font-size: 9px !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
}
@media (min-width: 769px) {
    .mobile-bottom-nav {
        display: none !important;
    }
}

/* ===== MISC ===== */
.border-bottom { border-color: #222 !important; }
.sk-spinner-wave .sk-rect { background-color: #C9A84C !important; }
.logo { filter: brightness(1.1); }
address { color: #aaa !important; }
address strong { color: #fff !important; }
.close { color: #aaa !important; opacity: 0.8; }
.close:hover { color: #fff !important; }