:root {
    --nexus-primary: #6c4a9f;
    --nexus-primary-hover: #5a3d85;
    --nexus-icons-filter-color: brightness(0) invert(31%) sepia(28%) saturate(1234%) hue-rotate(222deg) brightness(98%) contrast(90%);
    --sidebar-hover-color: var(--nexus-primary-hover) !important;
    --sidebar-active-color: var(--nexus-primary) !important;
    --sidebar-border-color: #626262 !important;
    --desktop-icon-dimension: 64px !important;
    --primary: var(--nexus-primary) !important;
    --sidebar-width: 270px;
}

* {
    scrollbar-color: var(--nexus-primary) transparent !important;
    border-radius: 0 !important;
}

.btn {
    background-color: var(--nexus-primary) !important;
    border-color: var(--nexus-primary) !important;
    border-radius: 0 !important;
    color: #fff !important;
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: var(--nexus-primary-hover) !important;
    border-color: var(--nexus-primary-hover) !important;
}

.btn svg {
    stroke: #fff !important;
}

.btn .es-icon {
    fill: #fff !important;
    stroke: #fff !important;
}

input[type=checkbox].disabled-selected,
input[type=checkbox]:disabled:checked {
    background-color: #877d97 !important;
}

a {
    color: var(--nexus-primary);
}

a:hover {
    color: var(--nexus-primary-hover);
}