/*  Sample Brand - Your Brand  */
:root {
    --primary: #FF1E27;
    --primary_hover: rgba(255, 30, 39, .85);
    --secondary: #9b9b9b;
    --secondary_hover: rgba(155, 155, 155, .85);
    --info: #4C4FAD;
    --info_hover: rgba(76, 79, 173, .85);
    --success: #55B00B;
    --success_hover: rgba(85, 173, 11, .85);
    --warning: #FCBC0C;
    --warning_hover: rgba(252, 188, 12, .9);
    --danger: #7D141D;
    --danger_hover: rgba(125, 20, 29, .85);
    --dark: #3F3F3F;
    --dark_hover: rgba(63, 63, 63, .85);
    --light: #F4F4F4;
    --light_hover: rgba(244, 244, 244, .8);
}

body[data-layout=horizontal].dark-topbar .navbar-custom, body[data-layout=horizontal].dark-topbar .topbar {
    background-color: var(--dark);
}

    body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon {
        background-color: var(--dark);
    }

body[data-layout=horizontal].dark-topbar .navigation-menu > li a .menu-icon {
    color: var(--primary);
}

.account-body.accountbg {
    background: radial-gradient(circle at 39% 47%, rgba(107, 107, 107, 0.08) 0%, rgba(107, 107, 107, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 99.999%), radial-gradient(circle at 53% 74%, rgba(182, 182, 182, 0.08) 0%, rgba(182, 182, 182, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 99.999%), radial-gradient(circle at 14% 98%, rgba(184, 184, 184, 0.08) 0%, rgba(184, 184, 184, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 99.999%), linear-gradient(45deg, var(--primary), var(--primary_hover));
}
.navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {
    color: #ffffff;
}
body[data-layout=horizontal].dark-topbar .navbar-custom .brand.v2, body[data-layout=horizontal].dark-topbar .topbar .brand.v2 {
    margin-right: 0px;
}
@media (max-width: 768px) {
    .navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {
        color: var(--dark);
    }
}