:root {
    --proxi-blue: #2864AD;
    --proxi-blue-dark: #1f4f89;
    --proxi-sidebar: #232b32;
    --proxi-sidebar-border: #34414a;
    --proxi-sidebar-muted: #9fb0bf;
    --kpi-success: #1f9d55;
    --kpi-danger: #d64545;
    --kpi-warning: #d99400;
    --kpi-cyan: #1588b2;
    --kpi-teal: #158f76;
    --kpi-slate: #5a6775;
}

.proxi-theme ::selection {
    background: var(--proxi-blue);
    color: #fff;
}

.proxi-theme .navbar-fixed-top {
    background: var(--proxi-blue);
}

.proxi-theme .navbar-fixed-top .icon-menu i,
.proxi-theme .navbar-fixed-top .btn-link,
.proxi-theme .navbar-fixed-top .btn-link i {
    color: #fff;
}

.proxi-theme #left-sidebar {
    background: var(--proxi-sidebar);
}

.proxi-theme #left-sidebar .navbar-brand {
    border-color: var(--proxi-sidebar-border);
}

.proxi-theme #left-sidebar .navbar-brand span {
    color: #fff;
}

.proxi-theme #left-sidebar .user-account {
    color: #dce6ee;
}

.proxi-theme #left-sidebar .user-account .user_div {
    border-color: var(--proxi-sidebar-border);
}

.proxi-theme #left-sidebar .user-account .user_div .user-photo {
    border-color: var(--proxi-blue);
}

.proxi-theme .sidebar-nav .metismenu a,
.proxi-theme .sidebar-nav .metismenu > li i {
    color: var(--proxi-sidebar-muted);
}

.proxi-theme .sidebar-nav .metismenu > li.active > a,
.proxi-theme .sidebar-nav .metismenu a:hover,
.proxi-theme .sidebar-nav .metismenu a:focus {
    background: var(--proxi-blue);
    color: #fff;
}

.proxi-theme .sidebar-nav .metismenu > li.active > a i,
.proxi-theme .sidebar-nav .metismenu a:hover i,
.proxi-theme .sidebar-nav .metismenu a:focus i {
    color: #fff;
}

.proxi-theme .btn-primary,
.proxi-theme .badge-info,
.proxi-theme .fancy-checkbox input[type="checkbox"]:checked + span:before {
    background: var(--proxi-blue);
    border-color: var(--proxi-blue);
}

.proxi-theme .btn-primary:hover,
.proxi-theme .btn-primary:focus {
    background: var(--proxi-blue-dark);
    border-color: var(--proxi-blue-dark);
}

.proxi-theme .auth-main:after {
    background: var(--proxi-blue);
}

.proxi-theme .auth-main:before {
    background: var(--proxi-sidebar);
}

.proxi-brand-icon,
.proxi-header-logo,
.proxi-sidebar-logo {
    border-radius: 8px;
    object-fit: cover;
}

.proxi-header-logo {
    height: 32px;
    width: 32px;
}

.proxi-sidebar-logo {
    height: 32px;
    width: 32px;
}

.proxi-theme .top_counter .icon.kpi-icon {
    align-items: center;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(31, 79, 137, 0.12);
    color: #fff;
    display: inline-flex;
    height: 50px;
    justify-content: center;
    width: 50px;
}

.proxi-theme .top_counter .icon.kpi-icon i {
    color: #fff;
}

.proxi-theme .top_counter .icon.kpi-blue {
    background: var(--proxi-blue) !important;
}

.proxi-theme .top_counter .icon.kpi-success {
    background: var(--kpi-success) !important;
}

.proxi-theme .top_counter .icon.kpi-danger {
    background: var(--kpi-danger) !important;
}

.proxi-theme .top_counter .icon.kpi-warning {
    background: var(--kpi-warning) !important;
}

.proxi-theme .top_counter .icon.kpi-cyan {
    background: var(--kpi-cyan) !important;
}

.proxi-theme .top_counter .icon.kpi-teal {
    background: var(--kpi-teal) !important;
}

.proxi-theme .top_counter .icon.kpi-slate {
    background: var(--kpi-slate) !important;
}

.proxi-theme input[readonly] {
    background: #f7f9fc;
    color: #2d3435;
}

.proxi-theme code {
    color: var(--proxi-blue-dark);
    word-break: break-all;
}

.proxi-theme .proxi-json-block,
.proxi-theme .proxi-code-textarea {
    background: #f7f9fc;
    border: 1px solid #dde6ef;
    border-radius: 4px;
    color: #2d3435;
    font-family: Consolas, Monaco, monospace;
    font-size: 13px;
}

.proxi-theme .proxi-json-block {
    max-height: 220px;
    overflow: auto;
    padding: 12px;
}