:root {
    --kong-btn-primary: linear-gradient(to right top, rgb(31, 98, 191), rgb(4, 43, 97));
    --kong-btn-primary-reverse: linear-gradient(to right top, rgb(4, 43, 97), rgb(31, 98, 191));
    --kong-border-primary: rgb(31, 98, 191);
    --kong-btn-danger: linear-gradient(to right top, rgb(220, 53, 69), rgb(82, 8, 15));
    --kong-dark: #27394F;
}

[data-theme-version="dark"] .nk-sidebar .metismenu > li.active > a {
    background: linear-gradient(to right top, rgb(31, 98, 191), rgb(4, 43, 97)) !important;
    color: #ffffff;
}

.nk-sidebar .metismenu > li:hover span, .nk-sidebar .metismenu > li:focus span, .nk-sidebar .metismenu > li.active span {
    color: #ffffff;
}

.nk-sidebar .metismenu > li:hover i, .nk-sidebar .metismenu > li:focus i, .nk-sidebar .metismenu > li.active i {
    color: #fdfd34 !important;
}

[data-sibebarbg="color_1"] .nk-sidebar .metismenu > li {
    color: #fff;
}

.float-right .fa, .float-right .fa-solid, .float-right .fa-brands {
    color: var(--kong-border-primary) !important;
}

button.swal2-styled {
    background: var(--kong-btn-primary) !important;
    border: none !important;
    color: white !important;
    box-shadow: none !important;
}

button.swal2-styled:hover {
    background: var(--kong-btn-primary-reverse) !important;
}

button.swal2-styled.swal2-cancel {
    background: var(--kong-btn-danger) !important;
    color: white !important;
}

.swal2-popup {
    background: var(--kong-dark) !important;
    color: #fff;
}

.btn-primary {
    background: var(--kong-btn-primary) !important;
    border-color: var(--kong-border-primary);
}

.btn-primary:hover {
    background: var(--kong-btn-primary-reverse) !important;
}

.login-form__btn.submit {
    background: var(--kong-btn-primary) !important;
    border-color: var(--kong-border-primary);
}

.login-form__btn.submit:hover {
    background: var(--kong-btn-primary-reverse) !important;
}

.badge-primary {
    background: var(--kong-btn-primary);
    color: #fff;
}

.pointer {
    cursor: pointer;
}