:root {
    --main-bg-color: #454545;

    --modal-bg-color: #353535;
    --modal-header-color: #353535;
    --modal-footer-color: #353535;

    --drop-down-menu-bg: #4d8069;

    --button-color: #5899eb;
    --button-color-hover: #4b91ea;
    --button-text: #eee;
    --button-text-hover: #fff;

    --accent-color: 0, 166, 91;
    --accent-color-hover: rgb(0, 166, 91, .8);
    --link-color: rgb(0, 166, 91);
    --link-color-hover: rgb(0, 166, 91, .8);
    --label-text-color: #eee;

    --text: #ccc;
    --text-hover: #fff;
    --text-muted: #999;

    /*Specials*/
    --arr-queue-color: #00a65b;
    --side-menu-active: #252525;
    --scroller-hover: #606060;
    --scroller: #707070;
    --border-color: #606060;
    --label-color: #1d563d;
    --label-info: #5d9cec;
    --header-color: #00a65b;
    --side-menu-color: #353535;
}

/* HEADER */

[class*="PageHeader-header-"] {
    background-color: var(--header-color);
    color: #fff;
}

[class*="PageToolbar-toolbar-"] {
    background-color: #1d563d;
    color: #e1e2e3;
}

/* SIDE MENU */

[class*="PageSidebar-sidebar-"] {
    background-color: #353535;
    color: #fff;
}

[class*=PageSidebarItem-link-]:focus {
    color: rgb(var(--accent-color)) !important;
}

[class*=PageSidebarItem-isActiveLink-] {
    color: var(--link-color) !important;
}

[class*=PageSidebarItem-isActiveParentLink-] {
    background-color: var(--side-menu-active);
}

/* SCROLLER */

[class*=OverlayScroller-thumb-]:hover {
    background-color: var(--scroller-hover) !important;
}

[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
    background-color: var(--scroller) !important;
}

/* MODALS */

[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
    border-bottom: 1px solid var(--border-color);
}

[class*=ModalFooter-modalFooter-] {
    border-top: 1px solid var(--border-color);
}

/* LABLES */

[class*="Label-default-"] {
    border-color: var(--label-color);
    background-color: var(--label-color);
    color: white;
}

[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
    border-color: var(--label-info);
    background-color: var(--label-info);
    color: #fff;
}

/* SETTINGS */

[class*=Settings-link-] {
    border-bottom: 1px solid var(--border-color);
}

/* SEARCH DROP DOWN */

[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
    border: 1px solid var(--main-bg-color);
    background-color: var(--main-bg-color);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    color: #e1e2e3;
}