/* Go Social Pro */

:root {
    --primary: #09d3d3;
    --primary_hover: rgba(9, 211, 211, .85);
    --secondary: #aaaaaa;
    --secondary_hover: rgba(170, 170, 170, .85);
    --info: #ee19f4;
    --info_hover: rgba(238, 25, 244, .85);
    --success: #17a039;
    --success_hover: rgba(23, 160, 57, .85);
    --warning: #ed9d19;
    --warning_hover: rgba(237, 157, 25, .9);
    --danger: #ed1937;
    --danger_hover: rgba(237, 25, 55, .85);
    --dark: #1a1e38 !important;
    --dark_hover: rgba(26, 30, 56, .85);
    --light: #f2f2f2;
    --light_hover: rgba(242, 242, 242, .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);
}
.card-title {
    color: var(--warning) !important;
}

/* Makes logo on navbar 14px larger */
[data-layout=horizontal] .topbar .brand .logo .logo-lg {
    height: 30px;
}

.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;
}

@media (max-width: 768px) {
    .navbar-custom-menu .dropdown .nav-link.active.dropdown-toggle:after {
        color: var(--dark);
    }

}