:root {
    --primary-color: 40, 95, 229;
    --primary-dark-color: 79, 72, 204;
    --secondary-color: 99, 91, 255;
    --secondary-dark-color: 79, 72, 204;
    --bs-blue:#009ef6;
    --bs-indigo:#6610f2;
    --bs-purple:#6f42c1;
    --bs-pink:#d63384;
    --bs-red:#dc3545;
    --bs-orange:#fd7e14;
    --bs-yellow:#ffc107;
    --bs-green:#198754;
    --bs-teal:#20c997;
    --bs-cyan:#0dcaf0;
    --bs-gray:#7E8299;
    --bs-gray-dark:#3F4254;
    --bs-gray-100:#F5F8FA;
    --bs-gray-200:#EFF2F5;
    --bs-gray-300:#E4E6EF;
    --bs-gray-400:#B5B5C3;
    --bs-gray-500:#A1A5B7;
    --bs-gray-600:#7E8299;
    --bs-gray-700:#5E6278;
    --bs-gray-800:#3F4254;
    --bs-gray-900:#181C32;
    --bs-white:#ffffff;
    --bs-light:#F5F8FA;
    --bs-primary:#285fe5;
    --bs-secondary:#635bff;
    --bs-success:#50CD89;
    --bs-info:#7239EA;
    --bs-warning:#FFC700;
    --bs-danger:#F1416C;
    --bs-dark:#181C32;
    --bs-white-rgb:255,255,255;
    --bs-light-rgb:245,248,250;
    --bs-primary-rgb:40, 95, 229;
    --bs-secondary-rgb:99, 91, 255;
    --bs-success-rgb:80,205,137;
    --bs-info-rgb:114,57,234;
    --bs-warning-rgb:255,199,0;
    --bs-danger-rgb:241,65,108;
    --bs-dark-rgb:24,28,50;
    --bs-white-rgb:255,255,255;
    --bs-black-rgb:0,0,0;
    --bs-body-color-rgb:24,28,50;
    --bs-body-bg-rgb:255,255,255;
}

.bg-primary {
    background-color: rgba(var(--primary-color), 1) !important;
}

.link-primary {
    color: rgba(var(--primary-color), 1);
}

.link-secondary {
    color: rgba(var(--secondary-color), 1);
}

.link-primary:focus, .link-primary:hover {
    color: rgba(var(--primary-dark-color), 1);
}

.link-secondary:focus, .link-secondary:hover {
    color: rgba(var(--secondary-dark-color), 1);
}

.btn.btn-primary {
    background-color: rgba(var(--primary-color), 1);
}

.btn.btn-secondary {
    background-color: rgba(var(--secondary-color), 1);
    color: #fff;
}

.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
    background-color: rgba(var(--primary-dark-color), 1) !important;
}

.btn-check:active + .btn.btn-secondary, .btn-check:checked + .btn.btn-secondary, .btn.btn-secondary.active, .btn.btn-secondary.show, .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .show > .btn.btn-secondary {
    color: #fff !important;
    background-color: rgba(var(--secondary-dark-color), 1) !important;
}

.btn-group-xs > .btn.btn-icon, .btn.btn-icon.btn-xs {
    height: calc(1.2em + 1rem + 2px);
    width: calc(1.2em + 1rem + 2px);
}

.text-primary {
    color: rgba(var(--primary-color), 1) !important;
}

.text-secondary {
    color: rgba(var(--secondary-color), 1) !important;
}

.bg-light-primary {
    background-color: rgba(var(--primary-light-color), 1) !important;
}

.bg-light-secondary {
    background-color: rgba(var(--secondary-light-color), 1) !important;
}

.text-hover-secondary:hover {
    color: rgba(var(--secondary-color), 1) !important;
}

.mt-n28 {
    margin-top: -8rem !important;
}

.fw-100 {
    font-weight:100 !important;
}
.fw-200 {
    font-weight:200 !important;
}
.fw-300 {
    font-weight:300 !important;
}
.fw-400 {
    font-weight:400 !important;
}
.fw-500 {
    font-weight:500 !important;
}
.fw-600 {
    font-weight:600 !important;
}
.fw-700 {
    font-weight:700 !important;
}
.fw-800 {
    font-weight:800 !important;
}
.fw-900 {
    font-weight:900 !important;
}

.fs-0 {
    font-size: 2rem !important;
}

.transition-03s {
    transition: all 0.3s;
}

.hide {
    opacity: 0;
    visibility: hidden;
}

body, html {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    background-color: #fff;
}

.aside {
    box-shadow: none;
}

.aside.aside-light {
    background-color: #f5f7f9;
}

.aside-menu .menu-item {
    margin: .3rem 0;
}

.menu-title {
    user-select: none;
}

.aside-menu .menu-item .menu-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.menu-item .menu-link.active {
    color: #3b4156;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    border-radius: 0.4rem;
}

.menu-item .menu-link .menu-title {
    font-weight: 700;
    font-size: 1.15rem;
}

.menu-item .menu-link .menu-arrow {
    width: 1.2rem;
    height: 1.2rem;
}

.bg-gray-200 {
    background-color: rgba(0,0,0,.03) !important;
}

#apps-list .wisdom-app.active {
    background-color: rgba(var(--primary-color), 1);
    color: #fff !important;
    border: none !important;
}

.active .live-icon {
    color: #fff !important;
}

#apps-list .wisdom-app.active .badge {
    background-color: #fff !important;
}


#app_select_menu .menu-link .menu-arrow:after {
    transform: rotateZ(0deg);
    transition: transform .3s ease;
}

#app_select_menu.open .menu-link .menu-arrow:after {
    transform: rotateZ(180deg);
}

#select_app_sidebar {
    transition: all .3s ease;
}