/* ERP Accent Theme - stronger selectors - #486ddb */

/* =========================
   LIGHT MODE
========================= */

body:not(.dark-mode) .topbar,
body:not(.dark-mode) header.topbar,
body:not(.dark-mode) .navbar,
body:not(.dark-mode) .app-topbar{
    background:#486ddb !important;
    color:#fff !important;
    border-color:#324da1 !important;
}

body:not(.dark-mode) .topbar a,
body:not(.dark-mode) .topbar button,
body:not(.dark-mode) header.topbar a,
body:not(.dark-mode) header.topbar button,
body:not(.dark-mode) .navbar a,
body:not(.dark-mode) .navbar button,
body:not(.dark-mode) .app-topbar a,
body:not(.dark-mode) .app-topbar button{
    color:#fff !important;
}

body:not(.dark-mode) .sidebar,
body:not(.dark-mode) aside.sidebar,
body:not(.dark-mode) .app-sidebar,
body:not(.dark-mode) .main-sidebar{
    background:#3f60c7 !important;
    border-right:1px solid #324da1 !important;
    color:#eaf0ff !important;
}

body:not(.dark-mode) .sidebar .nav-link,
body:not(.dark-mode) aside.sidebar .nav-link,
body:not(.dark-mode) .app-sidebar .nav-link,
body:not(.dark-mode) .main-sidebar .nav-link,
body:not(.dark-mode) .sidebar a,
body:not(.dark-mode) aside.sidebar a,
body:not(.dark-mode) .app-sidebar a,
body:not(.dark-mode) .main-sidebar a{
    color:#eaf0ff !important;
}

body:not(.dark-mode) .sidebar .nav-link:hover,
body:not(.dark-mode) aside.sidebar .nav-link:hover,
body:not(.dark-mode) .app-sidebar .nav-link:hover,
body:not(.dark-mode) .main-sidebar .nav-link:hover,
body:not(.dark-mode) .sidebar a:hover,
body:not(.dark-mode) aside.sidebar a:hover,
body:not(.dark-mode) .app-sidebar a:hover,
body:not(.dark-mode) .main-sidebar a:hover{
    background:#486ddb !important;
    color:#ffffff !important;
}

body:not(.dark-mode) .sidebar .nav-link.active,
body:not(.dark-mode) aside.sidebar .nav-link.active,
body:not(.dark-mode) .app-sidebar .nav-link.active,
body:not(.dark-mode) .main-sidebar .nav-link.active,
body:not(.dark-mode) .sidebar a.active,
body:not(.dark-mode) aside.sidebar a.active,
body:not(.dark-mode) .app-sidebar a.active,
body:not(.dark-mode) .main-sidebar a.active{
    background:#2f4fb0 !important;
    color:#ffffff !important;
    border-radius:8px !important;
}

body:not(.dark-mode) .btn-primary{
    background:#486ddb !important;
    border-color:#486ddb !important;
}

body:not(.dark-mode) .btn-primary:hover{
    background:#3f60c7 !important;
    border-color:#3f60c7 !important;
}

/* =========================
   DARK MODE
========================= */

body.dark-mode .topbar,
body.dark-mode header.topbar,
body.dark-mode .navbar,
body.dark-mode .app-topbar{
    background:#1a1a1a !important;
    color:#fff !important;
}

body.dark-mode .sidebar,
body.dark-mode aside.sidebar,
body.dark-mode .app-sidebar,
body.dark-mode .main-sidebar{
    background:#1b1b1b !important;
    color:#e5e5e5 !important;
}
