:root {
    --primary: #9ad1ed!important;
    --emphasis-primary: var(--primary)!important;
    --bg-color: white!important;
    --color: #494949!important;
    --light: #919191!important;
    --dark: #333333!important;
    --border: #efefef!important;
    --emphasis: var(--light) !important;
    --surface: #ffffff!important;
}

::-webkit-scrollbar-track {
    background: var(--border)!important;
}
::-webkit-scrollbar-thumb {
    background: var(--light)!important;
}

body:not(.dark-mode) #app [data-bind="sidebar"] {
    background: #f2f2f2;
    color: var(--dark);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 10px 10px 0px 10px;
    padding: 8px 0 8px 0px;
}
#app [is="component_submenu"] .component_submenu .action.right {
    background: var(--border);
    border-radius: 7px;
}
#app [is="component_submenu"] .component_submenu .action.left button {
    background: var(--border);
    margin-right: 5px;
}
body:not(.dark-mode) #app .scrolling [is="component_submenu"] {
    background: rgba(255, 255, 255, 0.95);
}
body:not(.dark-mode) #app .component_filemanager_shell [data-bind="filemanager-children"] {
    border-radius: 0px;
}
body:not(.dark-mode) #app .component_menubar {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
body:not(.dark-mode) #app .component_filemanager_shell component-breadcrumb:hover ~ [data-bind="filemanager-children"],
body:not(.dark-mode) #app .component_filemanager_shell [data-bind="sidebar"]:hover ~ div > [data-bind="filemanager-children"] {
    border-color: transparent;
}


body:not(.dark-mode) #app .component_mobilefileupload input[type="file"] + label {
    border-radius: 10px;
}

body:not(.dark-mode) #app .list > .component_thing.view-grid {
    border-color: transparent;
}

body:not(.dark-mode) #app component-menubar + div {
    border-top-left-radius: 5px;
    margin-top: 5px;
}

/* VIEWERPAGE */
body:not(.dark-mode) #app .component_filedownloader .download_button {
    margin-top: 50px;
    background: var(--color);
}