﻿/* Loyalty Advantage Pro */

:root {
    --primary: #226e6f;
    --primary_hover: rgba(34, 110, 111, .85);
    --secondary: #59636f;
    --secondary_hover: rgba(89, 99, 111, .85);
    --info: #3d73bb;
    --info_hover: rgba(61, 115, 187, .85);
    --success: #4cbc7e;
    --success_hover: rgba(76, 188, 126, .85);
    --warning: #d5ad14;
    --warning_hover: rgba(213, 173, 20, .9);
    --danger: #d21514;
    --danger_hover: rgba(210, 21, 20, .85);
    --dark: #000000 !important;
    --dark_hover: rgba(0, 0, 0, .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);
}
[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);
}

@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);
}