/* Darul Iftaa custom color scheme */

:root {
    --du-dark: #083b2b;
    --du-primary: #00743a;
    --du-primary-light: #1bb56f;
    --du-bg: #eef5f0;
    --du-surface: #ffffff;
    --du-surface-soft: #f6faf7;
    --du-border: #d7e6dc;
    --du-text: #1f2933;
    --du-text-light: #ffffff;
    --du-hover: #e3f2e8;
    --du-active: #0d5a3b;
}

/* Main page background */
body,
body.no-sidebar,
body.skin-3 {
    background: var(--du-bg) !important;
    color: var(--du-text) !important;
}

/* Top navbar */
.navbar,
.navbar.navbar-default,
.navbar-fixed-top {
    background: var(--du-dark) !important;
    border-color: var(--du-dark) !important;
}

/* Top navbar text and links */
.navbar .navbar-brand,
.navbar .navbar-nav > li > a,
.navbar .navbar-toggle,
.navbar .dropdown-toggle {
    color: var(--du-text-light) !important;
}

/* Top navbar hover */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.open > a,
.navbar .navbar-brand:hover {
    background: var(--du-active) !important;
    color: var(--du-text-light) !important;
}

/* Sidebar background */
#sidebar {
    background: var(--du-surface) !important;
    border-right: 1px solid var(--du-border) !important;
}

/* Sidebar item */
#sidebar .nav-list > li > a {
    background: var(--du-surface) !important;
    color: var(--du-dark) !important;
    border-bottom: 1px solid var(--du-border) !important;
}

/* Sidebar icon */
#sidebar .nav-list > li > a > i {
    color: var(--du-primary) !important;
}

/* Sidebar hover */
#sidebar .nav-list > li > a:hover {
    background: var(--du-hover) !important;
    color: var(--du-dark) !important;
}

/* Active sidebar item */
#sidebar .nav-list > li.active > a,
#sidebar .nav-list > li.active > a:hover {
    background: var(--du-primary) !important;
    color: var(--du-text-light) !important;
}

/* Active sidebar icon */
#sidebar .nav-list > li.active > a > i {
    color: var(--du-text-light) !important;
}

/* General links */
a,
a:focus {
    color: var(--du-primary) !important;
}

a:hover {
    color: var(--du-dark) !important;
}

/* Buttons */
.btn-primary,
.btn-primary:focus {
    background: var(--du-primary) !important;
    border-color: var(--du-primary) !important;
    color: var(--du-text-light) !important;
}

.btn-primary:hover,
.btn-primary:active {
    background: var(--du-dark) !important;
    border-color: var(--du-dark) !important;
    color: var(--du-text-light) !important;
}

/* Tables and panel headers */
.widget-header,
.table thead tr,
.table-bordered thead tr {
    background: var(--du-dark) !important;
    color: var(--du-text-light) !important;
    border-color: var(--du-dark) !important;
}

/* Cards / boxes */
.widget-box,
.login-container .widget-box,
.login-box,
.well,
.panel,
.form-container {
    background: var(--du-surface) !important;
    border-color: var(--du-border) !important;
    color: var(--du-text) !important;
}

/* Inputs */
input,
textarea,
select,
.form-control {
    background: #ffffff !important;
    color: var(--du-text) !important;
    border: 1px solid var(--du-border) !important;
}

/* Input focus */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--du-primary) !important;
    box-shadow: 0 0 0 2px rgba(0, 116, 58, 0.15) !important;
}

/* Dropdown menus */
.dropdown-menu {
    background: #e6e6e6 !important;
    border-color: #cfcfcf !important;
}

.dropdown-menu > li > a {
    color: var(--du-text) !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: #d0d0d0 !important;
    color: #000000 !important;
}

/* Login page background */
.login-body,
.login-container,
.login-layout,
body.login,
body.login-layout {
    background: linear-gradient(180deg, #eef5f0 0%, #dfeee5 100%) !important;
}

/* Login panel header */
.login-container .widget-header {
    background: var(--du-dark) !important;
    color: var(--du-text-light) !important;
}

/* Alerts */
.alert,
.alert-info,
.alert-warning {
    color: var(--du-text) !important;
}

/* Remove default blue highlights */
.label,
.badge {
    background: var(--du-primary) !important;
    color: var(--du-text-light) !important;
}

/* Center logo on login page */
.login-container {
    text-align: center !important;
}

.login-container .space-6,
.login-container .space-4 {
    text-align: center !important;
}

.login-container img[src*="mantis_logo.png"] {
    display: block !important;
    margin: 0 auto 20px auto !important;
}
/* Hide footer logo */
#footer img,
.footer img,
.powered-by img,
.du-footer-logo {
    display: none !important;
}
/* Navbar brand: logo on left, text on right */
.navbar .navbar-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #ffffff !important;
}

/* Insert logo before brand text */
.navbar .navbar-brand::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url('/images/navbar-logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex: 0 0 28px;
}
#login-form .btn-success {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
}