/**
 * Custom CSS for Mautic Admin Backend
 *
 * This file is loaded after the default Mautic styles (app.css)
 * Use this file to override or extend Mautic's backend UI theme
 *
 * Location: /docroot/media/css/custom.css (bind-mounted for easy editing)
 */

/* Example: Change primary brand color */
/*
:root {
    --primary-color: #4e5d9d;
}
*/

/* Example: Customize navigation bar background */
/*
.navbar {
    background-color: #2c3e50 !important;
}
*/

/* Example: Change sidebar background */
/*
#mautic_sidebar_wrapper {
    background: #34495e !important;
}
*/

/* Example: Customize button styles */
/*
.btn-primary {
    background-color: #3498db !important;
    border-color: #2980b9 !important;
}

.btn-primary:hover {
    background-color: #2980b9 !important;
    border-color: #21618c !important;
}
*/

/* Example: Change header text color */
/*
h1, h2, h3, h4, h5, h6 {
    color: #2c3e50 !important;
}
*/

/* Example: Customize card/panel styling */
/*
.panel-default > .panel-heading {
    background-color: #ecf0f1 !important;
    color: #2c3e50 !important;
}
*/

/* Example: Style table headers */
/*
.table thead th {
    background-color: #34495e !important;
    color: #ffffff !important;
}
*/

/* Add your custom CSS below this line */
.app-sidebar .sidebar-content {
    background: #3c7dc0;
}
.app-sidebar.sidebar-left .nav-sidebar>.nav>li>a {
    color:#ffffff !important;
}
.app-sidebar.sidebar-left .nav-sidebar>.nav>li>a:hover, .app-sidebar.sidebar-left .nav-sidebar>.nav>li>a:focus, .app-sidebar.sidebar-left .nav-sidebar>.nav>li.active>a, .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>a {
    background-color:#1a5796 !important;
}
.app-sidebar.sidebar-left .nav-sidebar>.nav>li>.nav-submenu, .app-sidebar.sidebar-left .nav-sidebar>.nav>li.active>.nav-submenu, .app-sidebar.sidebar-left .nav-sidebar>.nav>li.open>.nav-submenu {
    background-color:#1a5796 !important;
}
.app-sidebar.sidebar-left .nav-sidebar>.nav>li>.nav-submenu>li>a {
    color:#ffffff !important;
}