﻿/* OnBlast */

:root {
    --primary: #ff8000;
    --primary_hover: rgba(255, 128, 0, .85);
    --secondary: #939393;
    --secondary_hover: rgba(147, 147, 147, .85);
    --info: #40dfff;
    --info_hover: rgba(64, 223, 255, .85);
    --success: #3d9986;
    --success_hover: rgba(61, 153, 134, .85);
    --warning: #ff8305;
    --warning_hover: rgba(255, 131, 5, .9);
    --danger: #ff5629;
    --danger_hover: rgba(255, 86, 41, .85);
    --dark: #000000 !important;
    --dark_hover: rgba(0, 0, 0, .85);
    --light: #efefef;
    --light_hover: rgba(239, 239, 239, .8);
}
body[data-layout=horizontal].dark-topbar .navbar-custom, body[data-layout=horizontal].dark-topbar .topbar {
    background-color: var(--dark);
}
[data-layout="horizontal"] .navbar-custom {
    background-color: var(--light);
}
[data-layout=horizontal] .topbar .brand {
    background-color: var(--light);
}

body[data-layout=horizontal].dark-topbar .navbar-custom .nav-link.nav-icon {
    background-color: var(--dark);
}
/* Makes logo on navbar 14px larger */
[data-layout=horizontal] .topbar .brand .logo .logo-lg {
    height: 30px;
}

body[data-layout=horizontal].dark-topbar .navigation-menu > li a .menu-icon {
    color: var(--primary);
}
.card-title {
    color: var(--warning) !important;
}
.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: var(--primary);
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active {
    color: var(--primary);
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link:hover {
    color: var(--primary_hover);
}
.navbar-custom-menu .navigation-menu .nav-item .nav-link.active .menu-icon{
    color: var(--primary);
}
.topbar .navigation-menu > li.active {
    border-bottom: none !important;
}
.navbar-custom-menu .dropdown .dropdown-menu .dropdown-item:hover {
    color: var(--danger);
}
[data-layout=horizontal] .topbar .brand .logo .logo-sm {
    height: 30px;
}

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

.topbar .navigation-menu > li:hover a i {
    color: var(--primary_hover);
}