diff --git a/docker/nextcloud/assets/apps/acom_custom_js_css/css/custom.css b/docker/nextcloud/assets/apps/acom_custom_js_css/css/custom.css
index 83c2b447..d373f42b 100644
--- a/docker/nextcloud/assets/apps/acom_custom_js_css/css/custom.css
+++ b/docker/nextcloud/assets/apps/acom_custom_js_css/css/custom.css
@@ -34,194 +34,194 @@
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/Robotoitalic.woff2') format('woff2'), url('../fonts/Robotoitalic.woff') format('woff'), url('../fonts/Robotoitalic.ttf') format('truetype');
-	font-weight: 400;
-	font-style: italic;
+    font-family: 'Roboto';
+    src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/Robotoitalic.woff2') format('woff2'), url('../fonts/Robotoitalic.woff') format('woff'), url('../fonts/Robotoitalic.ttf') format('truetype');
+    font-weight: 400;
+    font-style: italic;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Robotomedium.woff2') format('woff2'), url('../fonts/Robotomedium.woff') format('woff'), url('../fonts/Robotomedium.ttf') format('truetype');
-	font-weight: 500;
-	font-style: normal;
+    font-family: 'Roboto';
+    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/Robotomedium.woff2') format('woff2'), url('../fonts/Robotomedium.woff') format('woff'), url('../fonts/Robotomedium.ttf') format('truetype');
+    font-weight: 500;
+    font-style: normal;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/Robotomediumitalic.woff2') format('woff2'), url('../fonts/Robotomediumitalic.woff') format('woff'), url('../fonts/Robotomediumitalic.ttf') format('truetype');
-	font-weight: 500;
-	font-style: italic;
+    font-family: 'Roboto';
+    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/Robotomediumitalic.woff2') format('woff2'), url('../fonts/Robotomediumitalic.woff') format('woff'), url('../fonts/Robotomediumitalic.ttf') format('truetype');
+    font-weight: 500;
+    font-style: italic;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Robotobold.woff2') format('woff2'), url('../fonts/Robotobold.woff') format('woff'), url('../fonts/Robotobold.ttf') format('truetype');
-	font-weight: 700;
-	font-style: normal;
+    font-family: 'Roboto';
+    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/Robotobold.woff2') format('woff2'), url('../fonts/Robotobold.woff') format('woff'), url('../fonts/Robotobold.ttf') format('truetype');
+    font-weight: 700;
+    font-style: normal;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/Robotobolditalic.woff2') format('woff2'), url('../fonts/Robotobolditalic.woff') format('woff'), url('../fonts/Robotobolditalic.ttf') format('truetype');
-	font-weight: 700;
-	font-style: italic;
+    font-family: 'Roboto';
+    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/Robotobolditalic.woff2') format('woff2'), url('../fonts/Robotobolditalic.woff') format('woff'), url('../fonts/Robotobolditalic.ttf') format('truetype');
+    font-weight: 700;
+    font-style: italic;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Robotoblack.woff2') format('woff2'), url('../fonts/Robotoblack.woff') format('woff'), url('../fonts/Robotoblack.ttf') format('truetype');
-	font-weight: 900;
-	font-style: normal;
+    font-family: 'Roboto';
+    src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/Robotoblack.woff2') format('woff2'), url('../fonts/Robotoblack.woff') format('woff'), url('../fonts/Robotoblack.ttf') format('truetype');
+    font-weight: 900;
+    font-style: normal;
 }
 
 @font-face {
-	font-family: 'Roboto';
-	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/Robotoblackitalic.woff2') format('woff2'), url('../fonts/Robotoblackitalic.woff') format('woff'), url('../fonts/Robotoblackitalic.ttf') format('truetype');
-	font-weight: 900;
-	font-style: italic;
+    font-family: 'Roboto';
+    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/Robotoblackitalic.woff2') format('woff2'), url('../fonts/Robotoblackitalic.woff') format('woff'), url('../fonts/Robotoblackitalic.ttf') format('truetype');
+    font-weight: 900;
+    font-style: italic;
 }
 
 
 :root {
-	--color-main-text: #939393 !important;
-	--color-main-background: #fff !important;
-	--color-main-background-translucent: #fff !important;
-	--color-background-translucent: #fff !important;
-	--gradient-main-background: var(--color-main-background) 0%,
-	var(--color-main-background-translucent) 85%, transparent 100%;
-	--color-background-hover: rgba(72, 76, 146, 0.1) !important;
-	--color-background-dark: #ffffff !important;
-	--color-background-darker: #f2f2f2 !important;
-	--color-placeholder-light: #f2f2f2 !important;
-	--color-placeholder-dark: #f2f2f2 !important;
-	--color-primary-light: #f2f2f2 !important;
-	--color-primary-text: #929292 !important;
-	--color-primary-text-dark: #929292 !important;
-	--color-error: #bd362f !important;
-	--color-warning: #f89406 !important;
-	--color-success: #51a351 !important;
-	--color-text-maxcontrast: #929292 !important;
-	--color-text-light: #929292 !important;
-	--color-text-lighter: #929292 !important;
-	--border-radius: 4px !important;
-	--border-radius-large: 4px !important;
-	--border-radius-pill: 4px !important;
-	--font-face: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
-	--header-height: 40px !important;
-	--color-primary: #fff !important;
-	--color-border: #cfcfcf !important;
-	--color-border-dark: #cfcfcf !important;
-	--nav-bg-color: rgba(72, 76, 147, 0.1) !important;
-	--nav-border-left-color: #484C93 !important;
-	--nav-color-active: #484C93 !important;
-	--body-height: 100%;
-	--background-invert-if-dark: no !important;
+    --color-main-text: #939393 !important;
+    --color-main-background: #fff !important;
+    --color-main-background-translucent: #fff !important;
+    --color-background-translucent: #fff !important;
+    --gradient-main-background: var(--color-main-background) 0%,
+    var(--color-main-background-translucent) 85%, transparent 100%;
+    --color-background-hover: rgba(72, 76, 146, 0.1) !important;
+    --color-background-dark: #ffffff !important;
+    --color-background-darker: #f2f2f2 !important;
+    --color-placeholder-light: #f2f2f2 !important;
+    --color-placeholder-dark: #f2f2f2 !important;
+    --color-primary-light: #f2f2f2 !important;
+    --color-primary-text: #939393 !important;
+    --color-primary-text-dark: #939393 !important;
+    --color-error: #bd362f !important;
+    --color-warning: #f89406 !important;
+    --color-success: #51a351 !important;
+    --color-text-maxcontrast: #939393 !important;
+    --color-text-light: #939393 !important;
+    --color-text-lighter: #939393 !important;
+    --border-radius: 4px !important;
+    --border-radius-large: 4px !important;
+    --border-radius-pill: 4px !important;
+    --font-face: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
+    --header-height: 40px !important;
+    --color-primary: #fff !important;
+    --color-border: #cfcfcf !important;
+    --color-border-dark: #cfcfcf !important;
+    --nav-bg-color: rgba(72, 76, 147, 0.1) !important;
+    --nav-border-left-color: #484C93 !important;
+    --nav-color-active: #484C93 !important;
+    --body-height: 100%;
+    --background-invert-if-dark: no !important;
 }
 
 body[data-theme-default],
 body[data-themes="light"] {
-	--color-main-text: #929292 !important;
-	--color-main-background: #fff !important;
-	--color-main-background-translucent: #fff !important;
-	--color-background-translucent: #fff !important;
-	--gradient-main-background: var(
-			--color-main-background) 0%,
-	var(--color-main-background-translucent) 85%, transparent 100%;
-	--color-background-hover: rgba(72, 76, 146, 0.1) !important;
-	--color-background-dark: #f2f2f2 !important;
-	--color-background-darker: #f2f2f2 !important;
-	--color-placeholder-light: #f2f2f2 !important;
-	--color-placeholder-dark: #f2f2f2 !important;
-	--color-primary-light: #f2f2f2 !important;
-	--color-primary-light-text: #929292 !important;
-	--color-primary-light-hover: #dbe5ea !important;
-	--color-primary-text: #929292 !important;
-	--color-primary-text-dark: #929292 !important;
-	--color-error: #bd362f !important;
-	--color-warning: #f89406 !important;
-	--color-success: #51a351 !important;
-	--color-text-maxcontrast: #929292 !important;
-	--color-text-light: #929292 !important;
-	--color-text-lighter: #929292 !important;
-	--border-radius: 4px !important;
-	--border-radius-large: 4px !important;
-	--border-radius-pill: 4px !important;
-	--font-face: Roboto,
-	-apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans,
-	Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif,
-	Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-	--header-height: 40px !important;
-	--color-primary: #fff !important;
-	--color-border: #cfcfcf !important;
-	--color-border-dark: #cfcfcf !important;
-	--nav-bg-color: rgba(72, 76, 147, 0.12549019607843137) !important;
-	--nav-bg-hover-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-	--nav-border-left-color: #484C93 !important;
-	--nav-color-active: #484C93 !important;
-	--color-primary-element: #484C93;
-	--color-primary-element-default-hover: #484C93 !important;
-	--color-primary-element-text: #ffffff !important;
-	--color-primary-element-hover: #484C93 !important;
-	--color-primary-element-light: #e5f0f5 !important;
-	--color-primary-element-light-text: #484C93 !important;
-	--color-primary-element-light-hover: #dbe5ea !important;
-	--color-primary-element-text-dark: #ededed !important;
-	--color-loading-light: #c6c6c6 !important;
-	--color-loading-dark: #484C93 !important;
-	--background-invert-if-dark: no !important;
+    --color-main-text: #939393 !important;
+    --color-main-background: #fff !important;
+    --color-main-background-translucent: #fff !important;
+    --color-background-translucent: #fff !important;
+    --gradient-main-background: var(
+            --color-main-background) 0%,
+    var(--color-main-background-translucent) 85%, transparent 100%;
+    --color-background-hover: rgba(72, 76, 146, 0.1) !important;
+    --color-background-dark: #f2f2f2 !important;
+    --color-background-darker: #f2f2f2 !important;
+    --color-placeholder-light: #f2f2f2 !important;
+    --color-placeholder-dark: #f2f2f2 !important;
+    --color-primary-light: #f2f2f2 !important;
+    --color-primary-light-text: #939393 !important;
+    --color-primary-light-hover: #dbe5ea !important;
+    --color-primary-text: #939393 !important;
+    --color-primary-text-dark: #939393 !important;
+    --color-error: #bd362f !important;
+    --color-warning: #f89406 !important;
+    --color-success: #51a351 !important;
+    --color-text-maxcontrast: #939393 !important;
+    --color-text-light: #939393 !important;
+    --color-text-lighter: #939393 !important;
+    --border-radius: 4px !important;
+    --border-radius-large: 4px !important;
+    --border-radius-pill: 4px !important;
+    --font-face: Roboto,
+    -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans,
+    Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif,
+    Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+    --header-height: 40px !important;
+    --color-primary: #fff !important;
+    --color-border: #cfcfcf !important;
+    --color-border-dark: #cfcfcf !important;
+    --nav-bg-color: rgba(72, 76, 147, 0.12549019607843137) !important;
+    --nav-bg-hover-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+    --nav-border-left-color: #484C93 !important;
+    --nav-color-active: #484C93 !important;
+    --color-primary-element: #484C93;
+    --color-primary-element-default-hover: #484C93 !important;
+    --color-primary-element-text: #ffffff !important;
+    --color-primary-element-hover: #484C93 !important;
+    --color-primary-element-light: #e5f0f5 !important;
+    --color-primary-element-light-text: #484C93 !important;
+    --color-primary-element-light-hover: #dbe5ea !important;
+    --color-primary-element-text-dark: #ededed !important;
+    --color-loading-light: #c6c6c6 !important;
+    --color-loading-dark: #484C93 !important;
+    --background-invert-if-dark: no !important;
 }
 
 @media (prefers-color-scheme: dark) {
-	:root {
-		--color-main-text: #929292 !important;
-		--color-main-background: #fff !important;
-		--color-main-background-translucent: #fff !important;
-		--color-background-translucent: #fff !important;
-		--gradient-main-background: var(
-				--color-main-background) 0%,
-		var(--color-main-background-translucent) 85%, transparent 100%;
-		--color-background-hover: rgba(72, 76, 146, 0.1) !important;
-		--color-background-dark: #f2f2f2 !important;
-		--color-background-darker: #f2f2f2 !important;
-		--color-placeholder-light: #f2f2f2 !important;
-		--color-placeholder-dark: #f2f2f2 !important;
-		--color-primary-light: #f2f2f2 !important;
-		--color-primary-light-text: #929292 !important;
-		--color-primary-light-hover: rgba(72, 76, 146, 0.1) !important;
-		--color-primary-text: #929292 !important;
-		--color-primary-text-dark: #929292 !important;
-		--color-error: #bd362f !important;
-		--color-warning: #f89406 !important;
-		--color-success: #51a351 !important;
-		--color-text-maxcontrast: #929292 !important;
-		--color-text-light: #929292 !important;
-		--color-text-lighter: #929292 !important;
-		--border-radius: 4px !important;
-		--border-radius-large: 4px !important;
-		--border-radius-pill: 4px !important;
-		--font-face: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans,
-		Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif,
-		Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-		--header-height: 40px !important;
-		--color-primary: #fff !important;
-		--color-border: #cfcfcf !important;
-		--color-border-dark: #cfcfcf !important;
-		--nav-bg-color: rgba(72, 76, 147, 0.1) !important;
-		--nav-border-left-color: #484C93 !important;
-		--nav-color-active: #484C93 !important;
-		--color-primary-element: #484C93 !important;
-		--color-primary-element-default-hover: #484C93 !important;
-		--color-primary-element-text: #ffffff !important;
-		--color-primary-element-hover: #484C93 !important;
-		--color-primary-element-light: #e5f0f5 !important;
-		--color-primary-element-light-text: #484C93 !important;
-		--color-primary-element-light-hover: #dbe5ea !important;
-		--color-primary-element-text-dark: #ededed !important;
-		--color-loading-light: #c6c6c6 !important;
-		--color-loading-dark: #484C93 !important;
-		--background-invert-if-dark: no !important;
-	}
+    :root {
+        --color-main-text: #939393 !important;
+        --color-main-background: #fff !important;
+        --color-main-background-translucent: #fff !important;
+        --color-background-translucent: #fff !important;
+        --gradient-main-background: var(
+                --color-main-background) 0%,
+        var(--color-main-background-translucent) 85%, transparent 100%;
+        --color-background-hover: rgba(72, 76, 146, 0.1) !important;
+        --color-background-dark: #f2f2f2 !important;
+        --color-background-darker: #f2f2f2 !important;
+        --color-placeholder-light: #f2f2f2 !important;
+        --color-placeholder-dark: #f2f2f2 !important;
+        --color-primary-light: #f2f2f2 !important;
+        --color-primary-light-text: #939393 !important;
+        --color-primary-light-hover: rgba(72, 76, 146, 0.1) !important;
+        --color-primary-text: #939393 !important;
+        --color-primary-text-dark: #939393 !important;
+        --color-error: #bd362f !important;
+        --color-warning: #f89406 !important;
+        --color-success: #51a351 !important;
+        --color-text-maxcontrast: #939393 !important;
+        --color-text-light: #939393 !important;
+        --color-text-lighter: #939393 !important;
+        --border-radius: 4px !important;
+        --border-radius-large: 4px !important;
+        --border-radius-pill: 4px !important;
+        --font-face: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans,
+        Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif,
+        Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+        --header-height: 40px !important;
+        --color-primary: #fff !important;
+        --color-border: #cfcfcf !important;
+        --color-border-dark: #cfcfcf !important;
+        --nav-bg-color: rgba(72, 76, 147, 0.1) !important;
+        --nav-border-left-color: #484C93 !important;
+        --nav-color-active: #484C93 !important;
+        --color-primary-element: #484C93 !important;
+        --color-primary-element-default-hover: #484C93 !important;
+        --color-primary-element-text: #ffffff !important;
+        --color-primary-element-hover: #484C93 !important;
+        --color-primary-element-light: #e5f0f5 !important;
+        --color-primary-element-light-text: #484C93 !important;
+        --color-primary-element-light-hover: #dbe5ea !important;
+        --color-primary-element-text-dark: #ededed !important;
+        --color-loading-light: #c6c6c6 !important;
+        --color-loading-dark: #484C93 !important;
+        --background-invert-if-dark: no !important;
+    }
 }
 
 body {
@@ -348,70 +348,76 @@ div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon s
 
 #app-settings #app-settings__header .settings-button:before,
 #app-settings #app-settings-header .settings-button:before {
-	width: 20px;
-	height: 20px;
-	flex: 0 0 60px !important;
+    width: 20px;
+    height: 20px;
+    flex: 0 0 60px !important;
 }
 
 #app-settings #app-settings__header .settings-button,
 #app-settings #app-settings-header .settings-button {
-	border-left: 3px solid transparent;
-	line-height: 50px;
-	font-size: 17px;
-	letter-spacing: 0.2px;
-	font-weight: 400;
-	height: auto;
-	margin: 0;
-	color: var(--color-main-text) !important;
+    border-left: 3px solid transparent;
+    line-height: 50px;
+    font-size: 17px;
+    letter-spacing: 0.2px;
+    font-weight: 400;
+    height: auto;
+    margin: 0;
+    color: var(--color-main-text) !important;
+}
+
+#app-settings__header .settings-button .material-design-icon {
+    width: 50px !important;
+    height: 50px !important;
+    flex: 0 0 60px !important;
 }
 
 div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .chart-pie-icon {
-	background-size: auto 24px;
-	background-image: var(--original-icon-quota-dark);
+    background-size: auto 24px;
+    background-image: var(--original-icon-quota-dark);
 }
 
 li[data-cy-files-navigation-item="trashbin"] div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon span {
-	background-image: var(--original-icon-delete-dark);
+    background-image: var(--original-icon-delete-dark);
 }
 
 div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .cog-icon {
-	background-image: var(--original-icon-settings-dark);
+    background-image: var(--original-icon-settings-dark);
 }
 
 @media (any-hover: hover) {
-	div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .chart-pie-icon {
-		background-image: var(--icon-quota-dark);
-	}
+    div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .chart-pie-icon {
+        background-image: var(--icon-quota-dark);
+    }
 
-	li[data-cy-files-navigation-item="trashbin"] div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon span {
-		background-image: var(--icon-delete-dark);
-	}
+    li[data-cy-files-navigation-item="trashbin"] div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon span {
+        background-image: var(--icon-delete-dark);
+    }
 
-	div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .cog-icon {
-		background-image: var(--icon-settings-dark);
-	}
+    div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .cog-icon {
+        background-image: var(--icon-settings-dark);
+    }
 
-	.navigation-list li .navigation-list__link:hover .app-navigation-entry-icon,
-	.app-navigation-entry:not(.app-navigation-entry--editing):hover .app-navigation-entry-link .app-navigation-entry-icon,
-		/*.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link:hover .app-navigation-entry-icon,*/
-	.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div:hover .app-navigation-entry-icon {
-		filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
-	}
+    .navigation-list li .navigation-list__link:hover .app-navigation-entry-icon,
+    .app-navigation-entry:not(.app-navigation-entry--editing):hover .app-navigation-entry-link .app-navigation-entry-icon,
+        /*.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link:hover .app-navigation-entry-icon,*/
+    .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div:hover .app-navigation-entry-icon {
+        filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    }
 }
 
 .app-navigation .app-navigation-list > li .active > a .app-navigation-entry-icon,
 .app-navigation .app-navigation__list > li .active > a .app-navigation-entry-icon {
-	filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
 }
 
 .nav-icon-circlesfilter {
-	background-image: var(--original-icon-circles-dark);
+    background-image: var(--original-icon-circles-dark);
 }
 
 
 ::selection {
-	background-color: #ACCEF7 !important;
-	color: var(--color-primary-text);
+    background-color: #ACCEF7 !important;
+    color: var(--color-primary-text);
 }
 
 .loading:after,
@@ -420,160 +426,160 @@ div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .
 .icon-loading-dark:after,
 .icon-loading-small:after,
 .icon-loading-small-dark:after {
-	color: #484C93;
-	font-size: 6px;
-	width: 10px;
-	height: 10px;
-	-webkit-animation: load4 1.3s infinite linear;
-	animation: load4 1.3s infinite linear;
-	display: block;
-	transform: translate3d(-50%, 50%, 0);
-	border: none;
-	filter: none;
-	top: 50% !important;
-	left: 50% !important;
-	margin: 0 !important;
+    color: #484C93;
+    font-size: 6px;
+    width: 10px;
+    height: 10px;
+    -webkit-animation: load4 1.3s infinite linear;
+    animation: load4 1.3s infinite linear;
+    display: block;
+    transform: translate3d(-50%, 50%, 0);
+    border: none;
+    filter: none;
+    top: 50% !important;
+    left: 50% !important;
+    margin: 0 !important;
 }
 
 @-webkit-keyframes load4 {
-	0%,
-	100% {
-		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
-	}
-	12.5% {
-		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
-	}
-	25% {
-		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
-	}
-	37.5% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
-	}
-	50% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
-	}
-	62.5% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
-	}
-	75% {
-		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
-	}
-	87.5% {
-		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
-	}
+    0%,
+    100% {
+        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    }
+    12.5% {
+        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    }
+    25% {
+        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    }
+    37.5% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    }
+    50% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    }
+    62.5% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    }
+    75% {
+        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    }
+    87.5% {
+        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    }
 }
 
 @keyframes load4 {
-	0%,
-	100% {
-		box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
-	}
-	12.5% {
-		box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
-	}
-	25% {
-		box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
-	}
-	37.5% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
-	}
-	50% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
-	}
-	62.5% {
-		box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
-	}
-	75% {
-		box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
-	}
-	87.5% {
-		box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
-	}
+    0%,
+    100% {
+        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    }
+    12.5% {
+        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    }
+    25% {
+        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    }
+    37.5% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    }
+    50% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    }
+    62.5% {
+        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    }
+    75% {
+        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    }
+    87.5% {
+        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    }
 }
 
 #body-login * {
-	box-sizing: border-box !important;
+    box-sizing: border-box !important;
 }
 
 #body-login #header .logo {
-	margin-bottom: 0 !important;
+    margin-bottom: 0 !important;
 }
 
 #header .logo img {
-	width: 100% !important;
-	height: 100% !important;
+    width: 100% !important;
+    height: 100% !important;
 }
 
 #body-login,
 #firstrunwizard .firstrunwizard-header,
 #theming-preview {
-	background-color: var(--color-main-background) !important;
-	background-image: none !important;
+    background-color: var(--color-main-background) !important;
+    background-image: none !important;
 }
 
 #body-login .wrapper {
-	width: 100% !important;
-	max-width: 100% !important;
-	margin: 0 !important;
-	flex: 1 0 100%;
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+    flex: 1 0 100%;
 }
 
 #body-login #header {
-	margin-bottom: 150px !important;
-	width: 100% !important;
-	max-width: 100% !important;
-	height: 86px !important;
-	background: var(--color-background-dark) !important;
-	box-shadow: 0px 0px 24px rgb(0 0 0 / 25%) !important;
-	display: flex !important;
-	justify-content: center !important;
-	align-items: center !important;
+    margin-bottom: 150px !important;
+    width: 100% !important;
+    max-width: 100% !important;
+    height: 86px !important;
+    background: var(--color-background-dark) !important;
+    box-shadow: 0px 0px 24px rgb(0 0 0 / 25%) !important;
+    display: flex !important;
+    justify-content: center !important;
+    align-items: center !important;
 }
 
 #body-login #header .logo {
-	background-repeat: no-repeat !important;
-	background-size: cover !important;
-	height: 42px !important;
-	width: 123px !important;
-	min-height: 42px !important;
-	min-width: 123px !important;
+    background-repeat: no-repeat !important;
+    background-size: cover !important;
+    height: 42px !important;
+    width: 123px !important;
+    min-height: 42px !important;
+    min-width: 123px !important;
 }
 
 #body-login body {
-	background-color: var(--color-main-background) !important;
-	background-image: none !important;
+    background-color: var(--color-main-background) !important;
+    background-image: none !important;
 }
 
 #body-login #saml-select-user-back-end h1 {
-	margin: 0 !important;
-	margin-bottom: 50px !important;
-	color: var(--color-main-text) !important;
-	font-size: 38px !important;
-	line-height: 1.25 !important;
-	padding: 0 !important;
+    margin: 0 !important;
+    margin-bottom: 50px !important;
+    color: var(--color-main-text) !important;
+    font-size: 38px !important;
+    line-height: 1.25 !important;
+    padding: 0 !important;
 }
 
 #body-login .login-option {
-	background-color: #484c93 !important;
-	fill: currentColor !important;
-	border: 1px solid #484c93 !important;
-	border-radius: 4px !important;
-	margin: 0 !important;
-	margin-bottom: 16px !important;
+    background-color: #484c93 !important;
+    fill: currentColor !important;
+    border: 1px solid #484c93 !important;
+    border-radius: 4px !important;
+    margin: 0 !important;
+    margin-bottom: 16px !important;
 }
 
 #body-login .login-option:hover {
-	background: #353872 !important;
-	border: 1px solid #353872 !important;
+    background: #353872 !important;
+    border: 1px solid #353872 !important;
 }
 
-#body-login a {
-	color: var(--color-primary) !important;
-	font-size: 16px !important;
+#body-login a:not(button) {
+    color: var(--color-primary) !important;
+    font-size: 16px !important;
 }
 
 #body-login a:hover {
-	text-decoration: none !important;
+    text-decoration: none !important;
 }
 
 #body-login p.info,
@@ -581,19 +587,20 @@ div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .
 #body-login #datadirContent label,
 #body-login form fieldset .warning-info,
 #body-login form input[type="checkbox"] + label {
-	color: var(--color-main-text) !important;
+    color: var(--color-main-text) !important;
 }
 
 #body-login p.info {
-	text-shadow: none !important;
+    text-shadow: none !important;
 }
 
 #lost-password,
 #lost-password-back,
 #reset-password-wrapper + a {
-	text-shadow: none !important;
+    text-shadow: none !important;
 }
 
+/*
 #body-login a {
 	color: var(--color-main-text) !important;
 }
@@ -708,241 +715,263 @@ div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon .
 	box-shadow: 0 0 12px #000 !important;
 	opacity: 1 !important;
 	cursor: pointer !important;
+}*/
+#body-login .body-login-container{
+    max-width: 900px;
+    padding: 60px 32px 60px;
+}
+#body-login .icon-big.icon-search{
+    margin-bottom: 20px;
+    opacity: 0.56;
+}
+#body-login .body-login-container p{
+    font-size: 16px;
+}
+#body-login .body-login-container .button.primary{
+    border: none !important;
 }
-
 /* LOGIN PAGE END */
 
 #body-user #header,
 #body-settings #header,
 #body-public #header {
-	/* box-shadow: 0px 0px 24px rgb(0 0 0 / 25%) !important; */
-	min-height: 79px !important;
-	background: var(--color-background-dark) !important;
-	display: flex;
-	justify-content: center;
-	max-width: 100%;
-	height: 79px;
+    /* box-shadow: 0px 0px 24px rgb(0 0 0 / 25%) !important; */
+    min-height: 79px !important;
+    background: var(--color-background-dark) !important;
+    display: flex;
+    justify-content: center;
+    max-width: 100%;
+    height: 79px;
 }
 
 .user-menu__nav ul[data-v-6a818bbc] li a, .user-menu__nav ul[data-v-6a818bbc] li button {
-	color: var(--color-main-text) !important;
+    color: var(--color-main-text) !important;
 }
 
 .unified-search__form {
-	/*padding: 0 10px !important;*/
-	margin-right: 5px;
+    /*padding: 0 10px !important;*/
+    margin-right: 5px;
 }
 
 .unified-search__result[data-v-4805be6c]:active, .unified-search__result[data-v-4805be6c]:hover, .unified-search__result[data-v-4805be6c]:focus {
-	border-color: transparent !important;
+    border-color: transparent !important;
 }
 
 #body-user #header #nextcloud,
 #body-settings #header #nextcloud,
 #body-public #header #nextcloud {
-	/* padding-left: 150px !important; */
-	display: block;
-	overflow: unset;
-	z-index: 2;
-	position: relative;
+    /* padding-left: 150px !important; */
+    display: block;
+    overflow: unset;
+    z-index: 2;
+    position: relative;
 }
 
 #body-user #header .logo,
 #body-settings #header .logo,
 #body-public #header .logo {
-	width: 55px !important;
-	height: auto !important;
-	left: 0 !important;
-	top: 0 !important;
-	aspect-ratio: 1/1;
-	position: relative;
+    width: 55px !important;
+    height: auto !important;
+    left: 0 !important;
+    top: 0 !important;
+    aspect-ratio: 1/1;
+    position: relative;
 }
 
 #body-user.sidebar #header .logo,
 #body-settings.sidebar #header .logo,
 #body-public.sidebar #header .logo {
-	/* left: 0 !important; */
+    /* left: 0 !important; */
 }
 
 .app-menu li span {
-	color: var(--color-main-text) !important;
+    color: var(--color-main-text) !important;
 }
 
 .app-menu img {
-	filter: invert(0.427) !important;
+    filter: invert(0.427) !important;
 }
 
 .notifications-button *:not(#header-menu-notifications) {
-	cursor: pointer;
+    cursor: pointer;
 }
 
 div.header-menu__wrapper[role="menu"]:not(#header-menu-notifications, #header-menu-contactsmenu) {
-	position: fixed !important;
-	right: 30px !important;
+    position: fixed !important;
+    right: 30px !important;
 }
 
 #header-menu-notifications {
-	position: absolute !important;
-	right: -10px !important;
-	padding: 8px;
-	cursor: auto;
+    position: absolute !important;
+    right: -10px !important;
+    padding: 8px;
+    cursor: auto;
 }
 
 #header-menu-contactsmenu, #header-menu-notifications, #header-menu-user-menu.header-menu__wrapper {
-	filter: drop-shadow(-5px 0 10px rgba(170, 170, 170, .25))
+    filter: drop-shadow(-5px 0 10px rgba(170, 170, 170, .25))
 }
 
+.header-menu#user-menu .header-menu__trigger{
+    width: var(--header-height);
+    height: var(--header-height);
+    min-height: var(--header-height);
+}
+.header-menu#user-menu .header-menu__trigger .button-vue__icon{
+    height: var(--header-height);
+    min-height: var(--header-height);
+}
 #header-menu-notifications .dismiss-all {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	padding-top: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-top: 16px;
 }
 
 #header-menu-notifications .dismiss-all button {
-	background: #484c93;
-	color: #fff !important;
-	min-width: 164px;
-	border-radius: 4px !important;
-	font-size: 15px;
-	line-height: 1;
-	text-align: center;
-	min-height: auto;
-	padding: 6px 12px;
-	gap: 10px;
-	transition: filter .2s ease;
+    background: #484c93;
+    color: #fff !important;
+    min-width: 164px;
+    border-radius: 4px !important;
+    font-size: 15px;
+    line-height: 1;
+    text-align: center;
+    min-height: auto;
+    padding: 6px 12px;
+    gap: 10px;
+    transition: filter .2s ease;
 }
 
 
 @media (any-hover: hover) {
-	#header-menu-notifications .dismiss-all button:hover {
-		filter: brightness(.9);
-	}
+    #header-menu-notifications .dismiss-all button:hover {
+        filter: brightness(.9);
+    }
 }
 
 .modal-container .modal-container__close.button-vue .button-vue__wrapper,
 #header-menu-notifications .dismiss-all button .button-vue__wrapper {
-	gap: 10px;
+    gap: 10px;
 }
 
 .modal-container .modal-container__close.button-vue .button-vue__icon,
 #header-menu-notifications .dismiss-all button .button-vue__icon {
-	height: 20px;
-	width: 20px;
-	min-height: 20px;
-	min-width: 20px;
+    height: 20px;
+    width: 20px;
+    min-height: 20px;
+    min-width: 20px;
 }
 
 .app-sidebar__tab button.action-item__menutoggle,
 .modal-container button.modal-container__close.button-vue,
 #header-menu-notifications button.notification-dismiss-button {
-	width: 30px !important;
-	min-height: 30px !important;
-	min-width: 30px !important;
-	height: 30px !important;
-	background-color: #f2f2f2 !important;
-	box-sizing: border-box;
-	color: #484c93 !important;
-	border: 1px solid #484c93;
-	margin-left: 10px;
-	transition: filter 0.3s ease;
+    width: 30px !important;
+    min-height: 30px !important;
+    min-width: 30px !important;
+    height: 30px !important;
+    background-color: #f2f2f2 !important;
+    box-sizing: border-box;
+    color: #484c93 !important;
+    border: 1px solid #484c93;
+    margin-left: 10px;
+    transition: filter 0.3s ease;
 }
 
 .app-sidebar__tab button.action-item__menutoggle svg,
 .modal-container button.modal-container__close.button-vue svg,
 #header-menu-notifications button.notification-dismiss-button svg {
-	width: 14px;
-	height: 14px;
+    width: 14px;
+    height: 14px;
 }
 
 @media (any-hover: hover) {
-	.app-sidebar__tab button.action-item__menutoggle:hover,
-	.modal-container button.modal-container__close.button-vue:hover,
-	#header-menu-notifications button.notification-dismiss-button:hover {
-		filter: brightness(.9);
-	}
+    .app-sidebar__tab button.action-item__menutoggle:hover,
+    .modal-container button.modal-container__close.button-vue:hover,
+    #header-menu-notifications button.notification-dismiss-button:hover {
+        filter: brightness(.9);
+    }
 }
 
 #header-menu-contactsmenu {
-	position: fixed !important;
-	right: 30px !important;
-	padding: 8px;
-	cursor: auto;
+    position: fixed !important;
+    right: 30px !important;
+    padding: 8px;
+    cursor: auto;
 }
 
 #header-menu-contactsmenu input[type='search']::-webkit-search-cancel-button {
-	position: absolute;
-	right: 8px;
-	top: 50%;
-	transform: translateY(-50%);
-	color: transparent;
-	background-color: transparent;
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 0C3.36268 0 0 3.36268 0 7.5C0 11.6373 3.36268 15 7.5 15C11.6373 15 15 11.6373 15 7.5C15 3.36268 11.6373 0 7.5 0ZM7.5 14.243C3.78521 14.243 0.757042 11.2148 0.757042 7.5C0.757042 3.78521 3.78521 0.757042 7.5 0.757042C11.2148 0.757042 14.243 3.78521 14.243 7.5C14.243 11.2148 11.2148 14.243 7.5 14.243Z' fill='%239FA2B4'/%3E%3Cpath d='M8.02821 7.46479L10.2289 5.26408C10.3698 5.12324 10.3698 4.87676 10.2289 4.73591C10.0881 4.59507 9.8416 4.59507 9.70075 4.73591L7.50004 6.93662L5.29933 4.73591C5.15849 4.59507 4.91201 4.59507 4.77116 4.73591C4.63032 4.87676 4.63032 5.12324 4.77116 5.26408L6.97187 7.46479L4.77116 9.64789C4.63032 9.78873 4.63032 10.0352 4.77116 10.1761C4.84158 10.2465 4.94722 10.2817 5.03525 10.2817C5.12328 10.2817 5.22891 10.2465 5.29933 10.1761L7.50004 7.97535L9.70075 10.1761C9.77117 10.2465 9.87681 10.2817 9.96484 10.2817C10.0529 10.2817 10.1585 10.2465 10.2289 10.1761C10.3698 10.0352 10.3698 9.78873 10.2289 9.64789L8.02821 7.46479Z' fill='%239FA2B4'/%3E%3C/svg%3E");
-	opacity: 1;
-	-webkit-appearance: none;
-	display: inline-block;
-	width: 15px;
-	height: 15px;
-	cursor: pointer;
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: transparent;
+    background-color: transparent;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 0C3.36268 0 0 3.36268 0 7.5C0 11.6373 3.36268 15 7.5 15C11.6373 15 15 11.6373 15 7.5C15 3.36268 11.6373 0 7.5 0ZM7.5 14.243C3.78521 14.243 0.757042 11.2148 0.757042 7.5C0.757042 3.78521 3.78521 0.757042 7.5 0.757042C11.2148 0.757042 14.243 3.78521 14.243 7.5C14.243 11.2148 11.2148 14.243 7.5 14.243Z' fill='%239FA2B4'/%3E%3Cpath d='M8.02821 7.46479L10.2289 5.26408C10.3698 5.12324 10.3698 4.87676 10.2289 4.73591C10.0881 4.59507 9.8416 4.59507 9.70075 4.73591L7.50004 6.93662L5.29933 4.73591C5.15849 4.59507 4.91201 4.59507 4.77116 4.73591C4.63032 4.87676 4.63032 5.12324 4.77116 5.26408L6.97187 7.46479L4.77116 9.64789C4.63032 9.78873 4.63032 10.0352 4.77116 10.1761C4.84158 10.2465 4.94722 10.2817 5.03525 10.2817C5.12328 10.2817 5.22891 10.2465 5.29933 10.1761L7.50004 7.97535L9.70075 10.1761C9.77117 10.2465 9.87681 10.2817 9.96484 10.2817C10.0529 10.2817 10.1585 10.2465 10.2289 10.1761C10.3698 10.0352 10.3698 9.78873 10.2289 9.64789L8.02821 7.46479Z' fill='%239FA2B4'/%3E%3C/svg%3E");
+    opacity: 1;
+    -webkit-appearance: none;
+    display: inline-block;
+    width: 15px;
+    height: 15px;
+    cursor: pointer;
 }
 
 .user-menu__nav ul li a,
 .user-menu__nav ul li button,
 .user-menu__nav ul li .user-status-menu-item {
-	padding-right: 14px;
-	padding-left: 0;
-	background-position: 17px center;
-	min-height: 50px;
-	border-left: 3px solid transparent;
-	border-radius: 0 !important;
-	position: relative;
-	color: #939393 !important;
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-	border-left: 0 solid transparent;
-	font-size: 17px;
+    padding-right: 14px;
+    padding-left: 0;
+    background-position: 17px center;
+    min-height: 50px;
+    border-left: 3px solid transparent;
+    border-radius: 0 !important;
+    position: relative;
+    color: #939393 !important;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    border-left: 0 solid transparent;
+    font-size: 17px;
 }
 
 .user-menu__nav ul li a.active {
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-color) !important;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-color) !important;
 }
 
 @media (any-hover: hover) {
-	.user-menu__nav ul li a:hover,
-	.user-menu__nav ul li button:hover,
-	.user-menu__nav ul li .user-status-menu-item a:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-color) !important;
-	}
+    .user-menu__nav ul li a:hover,
+    .user-menu__nav ul li button:hover,
+    .user-menu__nav ul li .user-status-menu-item a:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-color) !important;
+    }
 }
 
 .user-menu__nav ul li .user-status-menu-item {
-	flex-direction: column;
-	align-items: flex-start;
-	padding-right: 0;
+    flex-direction: column;
+    align-items: flex-start;
+    padding-right: 0;
 }
 
 .user-menu__nav ul li .user-status-menu-item > a {
-	width: 100% !important;
+    width: 100% !important;
 }
 
 #user-menu.header-menu--opened.user-menu .header-menu__carret {
-	display: block !important;
+    display: block !important;
 }
 
 body .app-menu .icon-more-white,
 body .header-right > div:not(#user-menu) > *:first-child {
-	/* filter: invert(0.427) !important; */
-	width: 36px;
-	height: 34px;
-	min-width: initial;
-	min-height: initial;
+    /* filter: invert(0.427) !important; */
+    width: 36px;
+    height: 34px;
+    min-width: initial;
+    min-height: initial;
 }
 
 .user-menu__avatar {
-	border: 2px solid var(--color-primary-text) !important;
+    border: 2px solid var(--color-primary-text) !important;
 }
 
 body.dashboard--dark:not(.dashboard--inverted) .app-menu .icon-more-white,
@@ -950,95 +979,95 @@ body.dashboard--dark:not(.dashboard--inverted)
 .header-right
 > div:not(#settings)
 > *:first-child {
-	filter: invert(1) hue-rotate(180deg) !important;
+    filter: invert(1) hue-rotate(180deg) !important;
 }
 
 .user-status-menu-item__toggle--inline,
 .edit-panels,
 .statuses .action-item .action-item__menutoggle,
 .statuses .action-item.action-item--open .action-item__menutoggle {
-	background-color: var(--color-main-background) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
-	color: var(--color-main-text) !important;
-	border-radius: var(--border-radius) !important;
+    background-color: var(--color-main-background) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
+    color: var(--color-main-text) !important;
+    border-radius: var(--border-radius) !important;
 }
 
 .set-status-modal .status-buttons[data-v-2e1411e2] {
-	flex-direction: row-reverse;
-	-ms-flex-direction: row-reverse;
+    flex-direction: row-reverse;
+    -ms-flex-direction: row-reverse;
 }
 
 #app-dashboard > h2 {
-	padding: 125px 16px 0px !important;
+    padding: 125px 16px 0px !important;
 }
 
 #header:before {
-	background-image: none !important;
+    background-image: none !important;
 }
 
 .panel,
 .panels > div {
-	background: var(--color-main-background) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
-	border-radius: 4px;
+    background: var(--color-main-background) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
+    border-radius: 4px;
 }
 
 .panel > .panel--header > h2,
 .panels > div > .panel--header > h2 {
-	display: flex !important;
+    display: flex !important;
 }
 
 .panel--header [class^="icon-"] {
-	filter: invert(0.427) !important;
+    filter: invert(0.427) !important;
 }
 
 .activity-icon.monochrome {
-	opacity: 1;
-	filter: invert(0.427) !important;
+    opacity: 1;
+    filter: invert(0.427) !important;
 }
 
 .button-vue__text[data-v-1cebda90] {
-	font-weight: normal !important;
+    font-weight: normal !important;
 }
 
 .unified-search__filters .button-vue--vue-tertiary.button-vue--icon-only {
-	background-color: rgb(201 201 201) !important;
-	width: 36px !important;
-	min-height: 36px !important;
-	min-width: 36px !important;
-	height: 36px !important;
-	/*margin-right: 10px;*/
+    background-color: rgb(201 201 201) !important;
+    width: 36px !important;
+    min-height: 36px !important;
+    min-width: 36px !important;
+    height: 36px !important;
+    /*margin-right: 10px;*/
 }
 
 .toggleUserActions .button-vue--vue-tertiary.button-vue--icon-only[data-v-1cebda90] {
-	background-color: rgb(201 201 201) !important;
-	/*width: 36px !important;*/
-	/*min-height: 36px !important;*/
-	/*min-width: 36px !important;*/
-	/*height: 36px !important;*/
+    background-color: rgb(201 201 201) !important;
+    /*width: 36px !important;*/
+    /*min-height: 36px !important;*/
+    /*min-width: 36px !important;*/
+    /*height: 36px !important;*/
 }
 
 #body-settings #app-content.user-list-grid .row > div.userActions .toggleUserActions,
 #body-settings #app-content.user-list-grid .row > .displayName > form.userActions .toggleUserActions,
 #body-settings #app-content.user-list-grid .row > form.userActions .toggleUserActions {
-	gap: 10px;
+    gap: 10px;
 }
 
 .modal__content {
-	background: var(--color-main-background);
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
-	border-radius: 4px;
+    background: var(--color-main-background);
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%);
+    border-radius: 4px;
 }
 
 .modal__content li label {
-	background-color: var(--color-main-background) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
-	border-radius: 4px !important;
-	border: 2px solid transparent !important;
+    background-color: var(--color-main-background) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    border-radius: 4px !important;
+    border: 2px solid transparent !important;
 }
 
 .modal__content li label:hover {
-	border: 2px solid var(--color-main-text) !important;
+    border: 2px solid var(--color-main-text) !important;
 }
 
 button,
@@ -1046,36 +1075,37 @@ button,
 input[type="button"],
 input[type="submit"],
 input[type="reset"] {
-	border-radius: 4px !important;
+    border-radius: 4px !important;
 }
 
 .button-vue--vue-primary {
-	color: var(--color-primary-element-text) !important;
+    color: var(--color-primary-element-text) !important;
 }
 
 .button-vue--vue-primary[data-v-1cebda90]:hover:not(:disabled) {
-	background-color: #484c93 !important;
-	filter: brightness(.9);
+    background-color: #484c93 !important;
+    filter: brightness(.9);
 }
 
 #content {
-	padding-top: 79px;
-	margin: 0 !important;
-	width: 100% !important;
-	border-radius: 0 !important;
-	/* padding: 0 !important; */
+    padding-top: 79px;
+    margin: 0 !important;
+    width: 100% !important;
+    border-radius: 0 !important;
+    /* padding: 0 !important; */
+    height: 100vh;
 }
 
 #content.app-settings #app-content,
 #content.app-activity #app-content,
 #content.app-core {
-	padding-top: 85px !important;
+    padding-top: 85px !important;
 }
 
 .app-menu li a::before {
-	border-bottom-color: var(--color-main-text);
-	opacity: 0.8;
-	bottom: -17px;
+    border-bottom-color: var(--color-main-text);
+    opacity: 0.8;
+    bottom: -17px;
 }
 
 #app-navigation-vue > ul > li.active a,
@@ -1087,22 +1117,28 @@ input[type="reset"] {
 #app-navigation-vue > ul > li a.active a,
 .app-navigation .app-navigation-list > li .active a,
 .app-navigation .app-navigation__list > li .active a {
-	border-radius: 0 !important;
-	border-left: 3px solid var(--nav-border-left-color) !important;
+    border-radius: 0 !important;
+    border-left: 3px solid var(--nav-border-left-color) !important;
 }
 
 #app-navigation-vue > ul > li > a:hover,
 #app-navigation-vue > ul > li > a:hover a,
 .app-navigation .app-navigation-list > li:hover > a,
 .app-navigation .app-navigation__list > li:hover > a {
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-color) !important;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-color) !important;
+}
+#app-navigation-vue .icon-vue > span{
+    display: flex;
+    align-self: center;
+    justify-self: center;
+    align-items: center;
+    justify-content: center;
 }
-
 
 .app-navigation ul.app-navigation-list,
 .app-navigation ul.app-navigation__list {
-	gap: 0 !important;
+    gap: 0 !important;
 }
 
 #app-navigation:not(.vue) ul > li.active > a,
@@ -1114,11 +1150,11 @@ input[type="reset"] {
 #app-navigation:not(.vue) ul > li a.active > a,
 #app-navigation .app-navigation-list > li .active > a,
 #app-navigation .app-navigation__list > li .active > a {
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-color) !important;
-	border-left: 3px solid var(--nav-border-left-color) !important;
-	border-radius: 0 !important;
-	transition: background-color .2s ease-out;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-color) !important;
+    border-left: 3px solid var(--nav-border-left-color) !important;
+    border-radius: 0 !important;
+    transition: background-color .2s ease-out;
 }
 
 #app-settings #app-settings__header .settings-button, #app-settings #app-settings-header .settings-button,
@@ -1129,113 +1165,116 @@ input[type="reset"] {
 .app-navigation:not(.vue) > ul > li a.selected > a,
 .app-navigation:not(.vue) > ul > li a.active,
 .app-navigation:not(.vue) > ul > li a.active > a,
-	/*.app-navigation .app-navigation__list > li.app-navigation-entry-wrapper .active > a,*/
+    /*.app-navigation .app-navigation__list > li.app-navigation-entry-wrapper .active > a,*/
 .navigation-list li .navigation-list__link.navigation-list__link--active {
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-color) !important;
-	border-left: 3px solid var(--nav-border-left-color) !important;
-	border-radius: 0 !important;
-	transition: all .2s ease;
-	display: flex;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-color) !important;
+    border-left: 3px solid var(--nav-border-left-color) !important;
+    border-radius: 0 !important;
+    transition: all .2s ease;
+    display: flex;
 }
 
 @media (any-hover: hover) {
-	#app-settings #app-settings__header .settings-button, :hover
-	#app-settings #app-settings-header .settings-button:hover,
-	.app-navigation:not(.vue) > ul > li.active > a:hover,
-	.app-navigation:not(.vue) > ul > li a:active:hover,
-	.app-navigation:not(.vue) > ul > li a:active > a:hover,
-	.app-navigation:not(.vue) > ul > li a.selected:hover,
-	.app-navigation:not(.vue) > ul > li a.selected > a:hover,
-	.app-navigation:not(.vue) > ul > li a.active:hover,
-	.app-navigation:not(.vue) > ul > li a.active > a:hover,
-	.app-navigation .app-navigation-list > li.app-navigation-entry-wrapper .active:hover,
-	.app-navigation .app-navigation__list > li.app-navigation-entry-wrapper .active:hover,
-	.navigation-list li .navigation-list__link.navigation-list__link--active:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-hover-color) !important;
-		border-left-color: transparent;
-		border-radius: 0 !important;
-	}
+    #app-settings #app-settings__header .settings-button, :hover
+    #app-settings #app-settings-header .settings-button:hover,
+    .app-navigation:not(.vue) > ul > li.active > a:hover,
+    .app-navigation:not(.vue) > ul > li a:active:hover,
+    .app-navigation:not(.vue) > ul > li a:active > a:hover,
+    .app-navigation:not(.vue) > ul > li a.selected:hover,
+    .app-navigation:not(.vue) > ul > li a.selected > a:hover,
+    .app-navigation:not(.vue) > ul > li a.active:hover,
+    .app-navigation:not(.vue) > ul > li a.active > a:hover,
+    .app-navigation .app-navigation-list > li.app-navigation-entry-wrapper .active:hover,
+    .app-navigation .app-navigation__list > li.app-navigation-entry-wrapper .active:hover,
+    .navigation-list li .navigation-list__link.navigation-list__link--active:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-hover-color) !important;
+        border-left-color: transparent;
+        border-radius: 0 !important;
+    }
 }
 
 #app-navigation:not(.vue) ul > li,
 #app-navigation:not(.vue) ul > li > ul > li {
-	padding-right: 0;
-	margin: 0;
+    padding-right: 0;
+    margin: 0;
 }
 
 #app-navigation:not(.vue) ul > li[data-section-id="theming"] span {
-	font-size: 16px;
-	overflow: hidden;
-	max-width: 100%;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+    font-size: 16px;
+    overflow: hidden;
+    max-width: 100%;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 #app-navigation.app-navigation--close ul > li[data-section-id="theming"] span {
-	font-size: 0;
+    font-size: 0;
+}
+.app-navigation--close .app-navigation__search,
+.app-navigation--close .app-navigation-search{
+    display: none !important;
 }
-
 .app-navigation:not(.vue) ul > li,
 .app-navigation:not(.vue) ul > li > ul > li {
-	padding-right: 0 !important;
+    padding-right: 0 !important;
 }
 
 #app-navigation:not(.vue) {
-	/* top: 85px; */
-	padding-top: 0px;
-	height: calc(100vh - 85px);
-	width: 20%;
-	max-width: 290px;
-	position: relative;
+    /* top: 85px; */
+    padding-top: 0px;
+    height: calc(100vh - 85px);
+    width: 20%;
+    max-width: 290px;
+    position: relative;
 }
 
 @media (max-width: 1500px) {
-	#app-navigation:not(.vue) {
-		width: 290px;
-	}
+    #app-navigation:not(.vue) {
+        width: 290px;
+    }
 }
 
 @media (max-width: 400px) {
-	#app-navigation:not(.vue) {
-		width: 90%;
-	}
+    #app-navigation:not(.vue) {
+        width: 90%;
+    }
 }
 
 .app-navigation:not(.vue) {
-	padding-top: 15px !important;
-	height: calc(100vh - 79px) !important;
+    padding-top: 15px !important;
+    height: calc(100vh - 79px) !important;
 }
 
 #controls {
-	top: 100px;
+    top: 100px;
 }
 
 button,
 .button,
 input[type="button"],
 input[type="submit"] {
-	border-color: #484c93 !important;
-	color: #484c93 !important;
-	font-weight: normal;
-	font-size: 14px;
+    border-color: #484c93 !important;
+    color: #484c93 !important;
+    font-weight: normal;
+    font-size: 14px;
 }
 
 .background-selector .background {
-	color: var(--color-main-text);
+    color: var(--color-main-text);
 }
 
 .background-selector :hover {
-	border-color: #353872 !important;
+    border-color: #353872 !important;
 }
 
 button:hover,
 .button:hover,
 input[type="button"]:hover,
 input[type="submit"]:hover {
-	border-color: #484c93 !important;
-	background-color: #e8e8e8;
+    border-color: #484c93 !important;
+    background-color: #e8e8e8;
 }
 
 button.primary,
@@ -1243,9 +1282,9 @@ button.primary,
 div[contenteditable="true"].primary,
 .pager li a.primary,
 .link-button {
-	background-color: #484c93 !important;
-	color: var(--color-primary) !important;
-	border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: var(--color-primary) !important;
+    border-color: #484c93 !important;
 }
 
 button.primary:hover,
@@ -1253,109 +1292,109 @@ button.primary:hover,
 div[contenteditable="true"].primary:hover,
 .pager li a.primary:hover,
 .link-button:hover {
-	border: 1px solid #353872 !important;
-	border-color: #353872;
-	background-color: #353872 !important;
-	color: var(--color-primary) !important;
+    border: 1px solid #353872 !important;
+    border-color: #353872;
+    background-color: #353872 !important;
+    color: var(--color-primary) !important;
 }
 
 button:disabled,
 .button:disabled,
 input:not([type="range"]):disabled {
-	background-color: #484c93 !important;
-	color: var(--color-primary) !important;
-	border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: var(--color-primary) !important;
+    border-color: #484c93 !important;
 }
 
 button:disabled:hover,
 .button:disabled:hover,
 input:not([type="range"]):disabled:hover {
-	background-color: #484c93 !important;
-	color: var(--color-primary) !important;
-	border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: var(--color-primary) !important;
+    border-color: #484c93 !important;
 }
 
 button:disabled.sc-lxwit0-2:disabled,
 .button:disabled.sc-lxwit0-2:disabled {
-	color: var(--color-primary-text) !important;
+    color: var(--color-primary-text) !important;
 }
 
 .set-status-modal button.button-vue--vue-tertiary {
-	border: 1px solid transparent !important;
-	border-color: #484c93 !important;
-	height: 34px !important;
-	min-height: 34px !important;
-	background-color: var(--color-background-dark);
+    border: 1px solid transparent !important;
+    border-color: #484c93 !important;
+    height: 34px !important;
+    min-height: 34px !important;
+    background-color: var(--color-background-dark);
 }
 
 .set-status-modal button.button-vue--vue-tertiary:hover {
-	border-color: #484c93 !important;
-	background-color: #e8e8e8 !important;
+    border-color: #484c93 !important;
+    background-color: #e8e8e8 !important;
 }
 
 .set-status-modal button.button-vue--vue-primary {
-	height: 34px !important;
-	min-height: 34px !important;
+    height: 34px !important;
+    min-height: 34px !important;
 }
 
 .set-status-modal button.button-vue--vue-primary:hover {
-	background-color: #353872 !important;
-	color: var(--color-primary) !important;
-	border: 1px solid #353872 !important;
+    background-color: #353872 !important;
+    color: var(--color-primary) !important;
+    border: 1px solid #353872 !important;
 }
 
 
 .set-status-modal button.button-vue--vue-tertiary span,
 .set-status-modal button.button-vue--vue-primary span {
-	font-weight: 400;
+    font-weight: 400;
 }
 
 .multiselect:not(.view-grid) {
-	color: var(--color-main-text);
-	font-size: 14px;
-	background: var(--color-background-dark);
-	border: 1px solid var(--color-border);
-	box-sizing: border-box;
-	border-radius: 4px;
+    color: var(--color-main-text);
+    font-size: 14px;
+    background: var(--color-background-dark);
+    border: 1px solid var(--color-border);
+    box-sizing: border-box;
+    border-radius: 4px;
 }
 
 .multiselect__tags {
-	border: none !important;
-	background: transparent !important;
+    border: none !important;
+    background: transparent !important;
 }
 
 .multiselect:focus {
-	border-color: #cfcfcf;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
+    border-color: #cfcfcf;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
 }
 
 .multiselect__input {
-	color: var(--color-main-text);
-	font-size: 14px;
-	background-color: var(--color-background-dark);
-	border: none !important;
-	box-sizing: border-box !important;
+    color: var(--color-main-text);
+    font-size: 14px;
+    background-color: var(--color-background-dark);
+    border: none !important;
+    box-sizing: border-box !important;
 }
 
 .multiselect
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):hover,
 .multiselect select:hover {
-	color: var(--color-main-text);
-	font-size: 14px;
-	background-color: var(--color-background-dark);
-	border: none !important;
-	box-sizing: border-box !important;
-	height: 40px !important;
+    color: var(--color-main-text);
+    font-size: 14px;
+    background-color: var(--color-background-dark);
+    border: none !important;
+    box-sizing: border-box !important;
+    height: 40px !important;
 }
 
 .input-field__label{
-	inset-block-start: 8px;
+    inset-block-start: 8px;
 }
 
 .button-add {
-	border: 1px solid var(--color-border) !important;
-	border-radius: 4px !important;
+    border: 1px solid var(--color-border) !important;
+    border-radius: 4px !important;
 }
 
 
@@ -1363,58 +1402,79 @@ div.crumb > a.icon-home,
 div.crumb > a.icon-delete,
 div.crumb > span.icon-home,
 div.crumb > span.icon-delete {
-	/* filter: invert(1); */
+    /* filter: invert(1); */
 }
 
 span.icon.icon-add {
-	opacity: 1 !important;
-	-webkit-background-size: contain;
-	background-size: contain;
+    opacity: 1 !important;
+    -webkit-background-size: contain;
+    background-size: contain;
 }
 
 .rich-contenteditable__input {
-	min-height: 44px !important;
-	background: var(--color-background-dark) !important;
-	border: 1px solid var(--color-border) !important;
-	box-sizing: border-box !important;
-	border-radius: 4px !important;
-	padding: 9px !important;
-	height: 36px !important;
-	color: var(--color-main-text) !important;
-	font-size: 14px !important;
+    min-height: 44px !important;
+    background: var(--color-background-dark) !important;
+    border: 1px solid var(--color-border) !important;
+    box-sizing: border-box !important;
+    border-radius: 4px !important;
+    padding: 9px !important;
+    height: 36px !important;
+    color: var(--color-main-text) !important;
+    font-size: 14px !important;
 }
 
 .rich-contenteditable__input:hover {
-	border-color: var(--color-border) !important;
+    border-color: var(--color-border) !important;
 }
 
 .rich-contenteditable__input:focus {
-	border-color: #cfcfcf !important;
-	outline: 0 !important;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf !important;
+    outline: 0 !important;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 .rich-contenteditable__input--empty:before {
-	top: initial !important;
-	transform: none !important;
-	position: relative !important;
+    top: initial !important;
+    transform: none !important;
+    position: relative !important;
 }
 
 .rich-contenteditable__input--empty {
-	height: auto !important;
+    height: auto !important;
 }
 
 .empty-content__title {
-	text-align: center;
+    text-align: center;
+}
+.file-list-filters .button-vue:not(.button-vue--vue-tertiary-no-background){
+    background-color: rgb(72, 76, 147) !important;
+    color: rgb(255, 255, 255) !important;
+    transition: filter 0.2s;
+    border-color: rgb(72, 76, 147) !important;
+}
+.file-list-filters .button-vue:hover:not(.button-vue--vue-tertiary-no-background),
+.file-list-filters .button-vue:focus:not(.button-vue--vue-tertiary-no-background) {
+    filter: brightness(0.9);
+    background-color: rgb(72, 76, 147) !important;
+    color: rgb(255, 255, 255) !important;
+    border-color: rgb(72, 76, 147) !important;
+}
+.files-list__breadcrumbs{
+    margin: 0 10px 0 0 !important;
+}
+.files-list__header{
+    margin: 10px 8px 25px 36px !important;
+}
+.files-list__breadcrumbs > nav{
+    margin: 0 10px 0 0;
 }
-
 #filestable thead {
-	top: 85px;
+    top: 85px;
 }
 
 #filestable {
-	border: none !important;
-	background-color: transparent !important;
+    border: none !important;
+    background-color: transparent !important;
 }
 
 #filestable tbody tr:active,
@@ -1422,13 +1482,13 @@ span.icon.icon-add {
 #filestable tbody tr.highlighted .name:focus,
 #filestable tbody tr.selected,
 #filestable tbody tr.searchresult {
-	background-color: var(--nav-bg-color);
+    background-color: var(--nav-bg-color);
 }
 
 
 #app-navigation:not(.vue) > ul li:hover,
 #app-navigation:not(.vue) > ul li:focus {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 #app-navigation:not(.vue) ul > li.active,
@@ -1439,15 +1499,15 @@ span.icon.icon-add {
 #app-navigation:not(.vue) ul > li a.selected > a,
 #app-navigation:not(.vue) ul > li a.active,
 > ul > li a.active > a {
-	background-color: var(--nav-bg-color);
-	border-color: var(--nav-border-left-color);
-	color: var(--nav-border-left-color) !important;
+    background-color: var(--nav-bg-color);
+    border-color: var(--nav-border-left-color);
+    color: var(--nav-border-left-color) !important;
 }
 
 #app-navigation:not(.vue)[role="navigation"] > ul > li > a > img,
 #app-navigation:not(.vue)[role="navigation"] > ul > li > ul > li > a > img {
-	-webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%);
-	filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%);
+    -webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%);
+    filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%);
 }
 
 #app-navigation:not(.vue)[role="navigation"] > ul > li.active > a > img,
@@ -1456,150 +1516,150 @@ span.icon.icon-add {
 #app-navigation:not(.vue)[role="navigation"] > ul > li a.selected > a > img,
 #app-navigation:not(.vue)[role="navigation"] > ul > li a.active > img,
 #app-navigation:not(.vue)[role="navigation"] > ul > li a.active > a > img {
-	filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(2623%) hue-rotate(199deg) brightness(94%) contrast(86%);
-	-webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(2623%) hue-rotate(199deg) brightness(94%) contrast(86%);
+    filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(2623%) hue-rotate(199deg) brightness(94%) contrast(86%);
+    -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(14%) saturate(2623%) hue-rotate(199deg) brightness(94%) contrast(86%);
 }
 
 .app-navigation-entry:focus-within,
 .app-navigation-entry:hover {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 #app-navigation:not(.vue) > ul > li.active {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 #app-navigation:not(.vue) .collapsible:before,
 #app-navigation:not(.vue) .collapsible:before {
-	background-color: transparent !important;
-	box-sizing: border-box !important;
-	transition: 0 !important;
+    background-color: transparent !important;
+    box-sizing: border-box !important;
+    transition: 0 !important;
 }
 
 .app-navigation:not(.vue) .collapsible:before,
 .app-navigation:not(.vue) .collapsible:before {
-	background-color: transparent !important;
-	box-sizing: border-box !important;
-	transition: 0 !important;
+    background-color: transparent !important;
+    box-sizing: border-box !important;
+    transition: 0 !important;
 }
 
 #app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened a,
 #app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened a {
-	/*background-color: var(--nav-bg-color);*/
-	/*border-left: 3px solid var(--nav-border-left-color);*/
+    /*background-color: var(--nav-bg-color);*/
+    /*border-left: 3px solid var(--nav-border-left-color);*/
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened a,
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened a {
-	/*background-color: var(--nav-bg-color);*/
-	/*color: var(--nav-border-left-color) !important;*/
-	/*border-left: 3px solid var(--nav-border-left-color);*/
+    /*background-color: var(--nav-bg-color);*/
+    /*color: var(--nav-border-left-color) !important;*/
+    /*border-left: 3px solid var(--nav-border-left-color);*/
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible .icon-collapse--open {
-	/*background-color: var(--nav-bg-color);*/
+    /*background-color: var(--nav-bg-color);*/
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible .icon-collapse {
-	border-radius: 0 !important;
-	color: var(--color-main-text) !important;
+    border-radius: 0 !important;
+    color: var(--color-main-text) !important;
 }
 
 @media (any-hover: hover) {
-	/*.app-navigation:not(.vue) .app-navigation-entry--collapsible .icon-collapse:hover:not(:disabled) {*/
-	/*	background-color: transparent;*/
-	/*}*/
-	.app-navigation:not(.vue) .app-navigation-entry--collapsible > .app-navigation-entry > .app-navigation-entry-link:hover:not(:disabled) {
-		background-color: transparent !important;
-		color: var(--color-main-text) !important;
-	}
-
-	.app-navigation:not(.vue) .app-navigation-entry-wrapper.app-navigation-entry--collapsible:hover:not(:disabled) > .app-navigation-entry > .app-navigation-entry-link,
-	.app-navigation:not(.vue) .app-navigation-entry--collapsible:hover:not(:disabled) .icon-collapse {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-hover-color) !important;
-		border-left-color: transparent;
-		border-radius: 0 !important;
-	}
-
-	/*.app-navigation:not(.vue) .app-navigation-entry-wrapper.app-navigation-entry--collapsible:hover:not(:disabled) >.app-navigation-entry > .app-navigation-entry-link .app-navigation-entry-icon span svg path{*/
-	/*	fill: var(--nav-color-active) !important;*/
-	/*}*/
+    /*.app-navigation:not(.vue) .app-navigation-entry--collapsible .icon-collapse:hover:not(:disabled) {*/
+    /*	background-color: transparent;*/
+    /*}*/
+    .app-navigation:not(.vue) .app-navigation-entry--collapsible > .app-navigation-entry > .app-navigation-entry-link:hover:not(:disabled) {
+        background-color: transparent !important;
+        color: var(--color-main-text) !important;
+    }
+
+    .app-navigation:not(.vue) .app-navigation-entry-wrapper.app-navigation-entry--collapsible:hover:not(:disabled) > .app-navigation-entry > .app-navigation-entry-link,
+    .app-navigation:not(.vue) .app-navigation-entry--collapsible:hover:not(:disabled) > .app-navigation-entry  .icon-collapse {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-hover-color) !important;
+        border-left-color: transparent;
+        border-radius: 0 !important;
+    }
+
+    /*.app-navigation:not(.vue) .app-navigation-entry-wrapper.app-navigation-entry--collapsible:hover:not(:disabled) >.app-navigation-entry > .app-navigation-entry-link .app-navigation-entry-icon span svg path{*/
+    /*	fill: var(--nav-color-active) !important;*/
+    /*}*/
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened a .app-navigation-entry-icon svg {
-	color: currentColor !important;
+    color: currentColor !important;
 }
 
 #app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a,
 #app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a {
-	background-color: transparent;
-	border-left: 3px solid transparent;
+    background-color: transparent;
+    border-left: 3px solid transparent;
 }
 
 #app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a.active {
-	background-color: var(--nav-bg-color);
-	border-left: 3px solid var(--nav-border-left-color);
+    background-color: var(--nav-bg-color);
+    border-left: 3px solid var(--nav-border-left-color);
 }
 
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a,
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a {
-	background-color: transparent;
-	border-left: 3px solid transparent;
-	color: var(--color-main-text) !important;
+    background-color: transparent;
+    border-left: 3px solid transparent;
+    color: var(--color-main-text) !important;
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul .active a,
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul .active a {
-	/*border-left: 3px solid transparent !important;*/
-	color: var(--nav-border-left-color) !important;
+    /*border-left: 3px solid transparent !important;*/
+    color: var(--nav-border-left-color) !important;
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a:hover,
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened ul a:hover {
-	background-color: var(--nav-bg-color);
-	color: var(--nav-border-left-color) !important;
+    background-color: var(--nav-bg-color);
+    color: var(--nav-border-left-color) !important;
 }
 
 .app-navigation:not(.vue) .app-navigation-entry--collapsible.app-navigation-entry--opened:before {
-	transform: rotate(180deg);
-	border-right: 3px solid var(--nav-border-left-color);
+    transform: rotate(180deg);
+    border-right: 3px solid var(--nav-border-left-color);
 }
 
 #app-navigation:not(.vue) .app-navigation-entry--collapsible:hover:before,
 #app-navigation:not(.vue) .app-navigation-entry--collapsible:focus:before {
-	border-radius: 0;
-	--icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
+    border-radius: 0;
+    --icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
 }
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] {
-	gap: 10px;
+    gap: 10px;
 }
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] ~ button.icon-collapse {
-	height: 52px;
+    height: 52px;
 }
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] ~ button.icon-collapse span.button-vue__wrapper,
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] ~ button.icon-collapse span.button-vue__wrapper span.button-vue__icon {
-	height: 52px;
+    height: 52px;
 }
 
 #app-navigation:not(.vue) .collapsible.app-navigation-entry--opened ul a.active,
 #app-navigation:not(.vue) > ul.with-icon > li > a.active.svg {
-	--icon-folder-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="%23484c93" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>');
-	--icon-recent-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16" width="16" version="1.1"><circle stroke-width="2" stroke="%23484c93" cy="8" cx="8" r="7" fill="none"/><path stroke-linejoin="round" d="m8 3.5-1 5 3.5 2-2-2z" stroke="%23484c93" stroke-linecap="round" stroke-width="1.5" fill="%23000000"/></svg>');
-	--icon-starred-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="m8 0.5 2.2 5.3 5.8 0.45-4.5 3.75 1.5 5.5-5-3.1-5 3.1 1.5-5.5-4.5-3.75 5.8-0.45z" fill="%23484c93"/></svg>');
-	--icon-share-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><circle cx="3.5" cy="8" r="2.5" fill="%23484c93"/><circle cy="12.5" cx="12.5" r="2.5" fill="%23484c93"/><circle cx="12.5" cy="3.5" r="2.5" fill="%23484c93"/><path d="m3.5 8 9 4.5m-9-4.5 9-4.5" stroke="%23484c93" stroke-width="2" fill="none"/></svg>');
-	--icon-tag-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.55 1c-.15 0-.29.06-.39.16-.1.1-.16.24-.16.4v5.18c0 .16.07.3.17.4l7.68 7.68a.6.6 0 00.86 0l5.11-5.1a.6.6 0 000-.87L7.14 1.18a.57.57 0 00-.4-.18H1.55zM4.5 3A1.5 1.5 0 016 4.5 1.5 1.5 0 014.5 6 1.5 1.5 0 013 4.5 1.5 1.5 0 014.5 3z" fill="%23484c93"/></svg>');
-	--icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');
-	--icon-quota-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m8 1c-3.86 0-7 3.15-7 7s3.15 7 7 7c3.86 0 7-3.15 7-7 0-3.86-3.15-7-7-7zm0 1.75c2.91 0 5.25 2.34 5.25 5.25 0 1.42-0.56 2.7-1.47 3.644l-3.78-3.644z" fill="%23484c93"/></svg>');
-	--icon-delete-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill="%23484c93"/></svg>');
-	--icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
-	--icon-circles-dark: url('data:image/svg+xml,<svg height="16" viewBox="0 0 21.33 21.33" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 1.33a9.34 9.34 0 100 18.68 9.34 9.34 0 000-18.68zM6.93 15.8a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67zm1.4-8.87a2.33 2.33 0 114.67 0 2.33 2.33 0 01-4.67 0zm6.07 8.87a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67z" fill="%23484c93"/></svg>');
-	--icon-public-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" height="16" width="16"><path d="m9.2363 2.166-3.1816 3.1836c-0.7071 0.7072-1.0378 1.6182-0.9883 2.457 0.05 0.8389 0.4333 1.5841 0.9883 2.1387l1.4121-1.416c-0.5672-0.5672-0.5444-1.2192 0.002-1.7656l3.1812-3.1817c0.52536-0.52536 1.2507-0.52318 1.772-0.002 0.48245 0.5556 0.52732 1.2382-0.004 1.7695l-0.82 0.8203c0.555 0.785 0.645 1.3663 0.593 2.2344l1.641-1.6406c1.2374-1.2374 1.2371-3.3645 0-4.6016-1.236-1.2361-3.342-1.2113-4.5957 0.004zm0.7071 3.8848-1.4141 1.418c0 0 0.003-00 0.004 0 0.55 0.55 0.50736 1.2582-0.004 1.7695l-3.1816 3.1817c-0.696 0.59192-1.2985 0.47105-1.7696 0-0.62636-0.62636-0.5-1.2681 0-1.768l0.85-0.8473c-0.556-0.7835-0.6484-1.365-0.5976-2.2324l-1.666 1.666c-1.2393 1.2393-1.2357 3.36 0 4.5957 1.2353 1.2353 3.362 1.2356 4.5976 0l3.1817-3.182c0.7086-0.7083 1.0396-1.6184 0.9906-2.4586-0.048-0.8401-0.432-1.5864-0.9887-2.1407z" fill="%23484c93"/></svg>');
-	--icon-unshare-dark: url('data:image/svg+xml,<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 1a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 0.003906 0.12891l-4.9023 2.4512a2.5 2.5 0 0 0-1.6016-0.58008 2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 0.30469-0.021484l3.4395-1.7246-1.25-0.625a2.5 2.5 0 0 0 0.0058594-0.12891 2.5 2.5 0 0 0-0.0039062-0.12891l4.9023-2.4512a2.5 2.5 0 0 0 1.6016 0.58008 2.5 2.5 0 0 0 0.26562-0.013672l1.5625-0.7832a2.5 2.5 0 0 0 0.67188-1.7031 2.5 2.5 0 0 0-2.5-2.5zm0.25391 9.0156-3.7246 1.8672 0.97656 0.48828a2.5 2.5 0 0 0-0.005859 0.12891 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.2461-2.4844z" fill="%23484c93"/><rect transform="rotate(-26.63)" x="-1.0586" y="11.891" width="11.687" height="2.0029" ry="0" style="paint-order:normal" fill="%23484c93"/></svg>');
+    --icon-folder-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="%23484c93" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>');
+    --icon-recent-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16" width="16" version="1.1"><circle stroke-width="2" stroke="%23484c93" cy="8" cx="8" r="7" fill="none"/><path stroke-linejoin="round" d="m8 3.5-1 5 3.5 2-2-2z" stroke="%23484c93" stroke-linecap="round" stroke-width="1.5" fill="%23000000"/></svg>');
+    --icon-starred-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="m8 0.5 2.2 5.3 5.8 0.45-4.5 3.75 1.5 5.5-5-3.1-5 3.1 1.5-5.5-4.5-3.75 5.8-0.45z" fill="%23484c93"/></svg>');
+    --icon-share-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><circle cx="3.5" cy="8" r="2.5" fill="%23484c93"/><circle cy="12.5" cx="12.5" r="2.5" fill="%23484c93"/><circle cx="12.5" cy="3.5" r="2.5" fill="%23484c93"/><path d="m3.5 8 9 4.5m-9-4.5 9-4.5" stroke="%23484c93" stroke-width="2" fill="none"/></svg>');
+    --icon-tag-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.55 1c-.15 0-.29.06-.39.16-.1.1-.16.24-.16.4v5.18c0 .16.07.3.17.4l7.68 7.68a.6.6 0 00.86 0l5.11-5.1a.6.6 0 000-.87L7.14 1.18a.57.57 0 00-.4-.18H1.55zM4.5 3A1.5 1.5 0 016 4.5 1.5 1.5 0 014.5 6 1.5 1.5 0 013 4.5 1.5 1.5 0 014.5 3z" fill="%23484c93"/></svg>');
+    --icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');
+    --icon-quota-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m8 1c-3.86 0-7 3.15-7 7s3.15 7 7 7c3.86 0 7-3.15 7-7 0-3.86-3.15-7-7-7zm0 1.75c2.91 0 5.25 2.34 5.25 5.25 0 1.42-0.56 2.7-1.47 3.644l-3.78-3.644z" fill="%23484c93"/></svg>');
+    --icon-delete-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill="%23484c93"/></svg>');
+    --icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
+    --icon-circles-dark: url('data:image/svg+xml,<svg height="16" viewBox="0 0 21.33 21.33" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 1.33a9.34 9.34 0 100 18.68 9.34 9.34 0 000-18.68zM6.93 15.8a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67zm1.4-8.87a2.33 2.33 0 114.67 0 2.33 2.33 0 01-4.67 0zm6.07 8.87a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67z" fill="%23484c93"/></svg>');
+    --icon-public-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" height="16" width="16"><path d="m9.2363 2.166-3.1816 3.1836c-0.7071 0.7072-1.0378 1.6182-0.9883 2.457 0.05 0.8389 0.4333 1.5841 0.9883 2.1387l1.4121-1.416c-0.5672-0.5672-0.5444-1.2192 0.002-1.7656l3.1812-3.1817c0.52536-0.52536 1.2507-0.52318 1.772-0.002 0.48245 0.5556 0.52732 1.2382-0.004 1.7695l-0.82 0.8203c0.555 0.785 0.645 1.3663 0.593 2.2344l1.641-1.6406c1.2374-1.2374 1.2371-3.3645 0-4.6016-1.236-1.2361-3.342-1.2113-4.5957 0.004zm0.7071 3.8848-1.4141 1.418c0 0 0.003-00 0.004 0 0.55 0.55 0.50736 1.2582-0.004 1.7695l-3.1816 3.1817c-0.696 0.59192-1.2985 0.47105-1.7696 0-0.62636-0.62636-0.5-1.2681 0-1.768l0.85-0.8473c-0.556-0.7835-0.6484-1.365-0.5976-2.2324l-1.666 1.666c-1.2393 1.2393-1.2357 3.36 0 4.5957 1.2353 1.2353 3.362 1.2356 4.5976 0l3.1817-3.182c0.7086-0.7083 1.0396-1.6184 0.9906-2.4586-0.048-0.8401-0.432-1.5864-0.9887-2.1407z" fill="%23484c93"/></svg>');
+    --icon-unshare-dark: url('data:image/svg+xml,<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 1a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 0.003906 0.12891l-4.9023 2.4512a2.5 2.5 0 0 0-1.6016-0.58008 2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 0.30469-0.021484l3.4395-1.7246-1.25-0.625a2.5 2.5 0 0 0 0.0058594-0.12891 2.5 2.5 0 0 0-0.0039062-0.12891l4.9023-2.4512a2.5 2.5 0 0 0 1.6016 0.58008 2.5 2.5 0 0 0 0.26562-0.013672l1.5625-0.7832a2.5 2.5 0 0 0 0.67188-1.7031 2.5 2.5 0 0 0-2.5-2.5zm0.25391 9.0156-3.7246 1.8672 0.97656 0.48828a2.5 2.5 0 0 0-0.005859 0.12891 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.2461-2.4844z" fill="%23484c93"/><rect transform="rotate(-26.63)" x="-1.0586" y="11.891" width="11.687" height="2.0029" ry="0" style="paint-order:normal" fill="%23484c93"/></svg>');
 }
 
 #app-settings #app-settings__header .settings-button.active:hover,
@@ -1608,20 +1668,20 @@ span.icon.icon-add {
 #app-navigation:not(.vue) > ul > li a:hover > a,
 #app-navigation:not(.vue) > ul > li a:focus,
 #app-navigation:not(.vue) > ul > li a:focus > a {
-	background-color: var(--nav-bg-color);
-	color: var(--nav-border-left-color) !important;
-	--icon-folder-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="%23484c93" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>');
-	--icon-recent-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16" width="16" version="1.1"><circle stroke-width="2" stroke="%23484c93" cy="8" cx="8" r="7" fill="none"/><path stroke-linejoin="round" d="m8 3.5-1 5 3.5 2-2-2z" stroke="%23484c93" stroke-linecap="round" stroke-width="1.5" fill="%23000000"/></svg>');
-	--icon-starred-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="m8 0.5 2.2 5.3 5.8 0.45-4.5 3.75 1.5 5.5-5-3.1-5 3.1 1.5-5.5-4.5-3.75 5.8-0.45z" fill="%23484c93"/></svg>');
-	--icon-share-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><circle cx="3.5" cy="8" r="2.5" fill="%23484c93"/><circle cy="12.5" cx="12.5" r="2.5" fill="%23484c93"/><circle cx="12.5" cy="3.5" r="2.5" fill="%23484c93"/><path d="m3.5 8 9 4.5m-9-4.5 9-4.5" stroke="%23484c93" stroke-width="2" fill="none"/></svg>');
-	--icon-tag-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.55 1c-.15 0-.29.06-.39.16-.1.1-.16.24-.16.4v5.18c0 .16.07.3.17.4l7.68 7.68a.6.6 0 00.86 0l5.11-5.1a.6.6 0 000-.87L7.14 1.18a.57.57 0 00-.4-.18H1.55zM4.5 3A1.5 1.5 0 016 4.5 1.5 1.5 0 014.5 6 1.5 1.5 0 013 4.5 1.5 1.5 0 014.5 3z" fill="%23484c93"/></svg>');
-	--icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');
-	--icon-quota-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m8 1c-3.86 0-7 3.15-7 7s3.15 7 7 7c3.86 0 7-3.15 7-7 0-3.86-3.15-7-7-7zm0 1.75c2.91 0 5.25 2.34 5.25 5.25 0 1.42-0.56 2.7-1.47 3.644l-3.78-3.644z" fill="%23484c93"/></svg>');
-	--icon-delete-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill="%23484c93"/></svg>');
-	--icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
-	--icon-circles-dark: url('data:image/svg+xml,<svg height="16" viewBox="0 0 21.33 21.33" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 1.33a9.34 9.34 0 100 18.68 9.34 9.34 0 000-18.68zM6.93 15.8a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67zm1.4-8.87a2.33 2.33 0 114.67 0 2.33 2.33 0 01-4.67 0zm6.07 8.87a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67z" fill="%23484c93"/></svg>');
-	--icon-public-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" height="16" width="16"><path d="m9.2363 2.166-3.1816 3.1836c-0.7071 0.7072-1.0378 1.6182-0.9883 2.457 0.05 0.8389 0.4333 1.5841 0.9883 2.1387l1.4121-1.416c-0.5672-0.5672-0.5444-1.2192 0.002-1.7656l3.1812-3.1817c0.52536-0.52536 1.2507-0.52318 1.772-0.002 0.48245 0.5556 0.52732 1.2382-0.004 1.7695l-0.82 0.8203c0.555 0.785 0.645 1.3663 0.593 2.2344l1.641-1.6406c1.2374-1.2374 1.2371-3.3645 0-4.6016-1.236-1.2361-3.342-1.2113-4.5957 0.004zm0.7071 3.8848-1.4141 1.418c0 0 0.003-00 0.004 0 0.55 0.55 0.50736 1.2582-0.004 1.7695l-3.1816 3.1817c-0.696 0.59192-1.2985 0.47105-1.7696 0-0.62636-0.62636-0.5-1.2681 0-1.768l0.85-0.8473c-0.556-0.7835-0.6484-1.365-0.5976-2.2324l-1.666 1.666c-1.2393 1.2393-1.2357 3.36 0 4.5957 1.2353 1.2353 3.362 1.2356 4.5976 0l3.1817-3.182c0.7086-0.7083 1.0396-1.6184 0.9906-2.4586-0.048-0.8401-0.432-1.5864-0.9887-2.1407z" fill="%23484c93"/></svg>');
-	--icon-unshare-dark: url('data:image/svg+xml,<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 1a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 0.003906 0.12891l-4.9023 2.4512a2.5 2.5 0 0 0-1.6016-0.58008 2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 0.30469-0.021484l3.4395-1.7246-1.25-0.625a2.5 2.5 0 0 0 0.0058594-0.12891 2.5 2.5 0 0 0-0.0039062-0.12891l4.9023-2.4512a2.5 2.5 0 0 0 1.6016 0.58008 2.5 2.5 0 0 0 0.26562-0.013672l1.5625-0.7832a2.5 2.5 0 0 0 0.67188-1.7031 2.5 2.5 0 0 0-2.5-2.5zm0.25391 9.0156-3.7246 1.8672 0.97656 0.48828a2.5 2.5 0 0 0-0.005859 0.12891 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.2461-2.4844z" fill="%23484c93"/><rect transform="rotate(-26.63)" x="-1.0586" y="11.891" width="11.687" height="2.0029" ry="0" style="paint-order:normal" fill="%23484c93"/></svg>');
+    background-color: var(--nav-bg-color);
+    color: var(--nav-border-left-color) !important;
+    --icon-folder-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="%23484c93" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>');
+    --icon-recent-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" height="16" width="16" version="1.1"><circle stroke-width="2" stroke="%23484c93" cy="8" cx="8" r="7" fill="none"/><path stroke-linejoin="round" d="m8 3.5-1 5 3.5 2-2-2z" stroke="%23484c93" stroke-linecap="round" stroke-width="1.5" fill="%23000000"/></svg>');
+    --icon-starred-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="m8 0.5 2.2 5.3 5.8 0.45-4.5 3.75 1.5 5.5-5-3.1-5 3.1 1.5-5.5-4.5-3.75 5.8-0.45z" fill="%23484c93"/></svg>');
+    --icon-share-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" version="1.1" viewBox="0 0 16 16"><circle cx="3.5" cy="8" r="2.5" fill="%23484c93"/><circle cy="12.5" cx="12.5" r="2.5" fill="%23484c93"/><circle cx="12.5" cy="3.5" r="2.5" fill="%23484c93"/><path d="m3.5 8 9 4.5m-9-4.5 9-4.5" stroke="%23484c93" stroke-width="2" fill="none"/></svg>');
+    --icon-tag-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M1.55 1c-.15 0-.29.06-.39.16-.1.1-.16.24-.16.4v5.18c0 .16.07.3.17.4l7.68 7.68a.6.6 0 00.86 0l5.11-5.1a.6.6 0 000-.87L7.14 1.18a.57.57 0 00-.4-.18H1.55zM4.5 3A1.5 1.5 0 016 4.5 1.5 1.5 0 014.5 6 1.5 1.5 0 013 4.5 1.5 1.5 0 014.5 3z" fill="%23484c93"/></svg>');
+    --icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');
+    --icon-quota-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m8 1c-3.86 0-7 3.15-7 7s3.15 7 7 7c3.86 0 7-3.15 7-7 0-3.86-3.15-7-7-7zm0 1.75c2.91 0 5.25 2.34 5.25 5.25 0 1.42-0.56 2.7-1.47 3.644l-3.78-3.644z" fill="%23484c93"/></svg>');
+    --icon-delete-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 16 16" width="16" height="16"><path d="M6.5 1L6 2H3c-.554 0-1 .446-1 1v1h12V3c0-.554-.446-1-1-1h-3l-.5-1zM3 5l.875 9c.06.55.573 1 1.125 1h6c.552 0 1.064-.45 1.125-1L13 5z" fill="%23484c93"/></svg>');
+    --icon-triangle-s-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" width="16" height="16"><path d="M4 6l4 4 4-3.994z" fill="%23484c93"/></svg>');
+    --icon-circles-dark: url('data:image/svg+xml,<svg height="16" viewBox="0 0 21.33 21.33" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M10.67 1.33a9.34 9.34 0 100 18.68 9.34 9.34 0 000-18.68zM6.93 15.8a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67zm1.4-8.87a2.33 2.33 0 114.67 0 2.33 2.33 0 01-4.67 0zm6.07 8.87a2.33 2.33 0 110-4.67 2.33 2.33 0 010 4.67z" fill="%23484c93"/></svg>');
+    --icon-public-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16" height="16" width="16"><path d="m9.2363 2.166-3.1816 3.1836c-0.7071 0.7072-1.0378 1.6182-0.9883 2.457 0.05 0.8389 0.4333 1.5841 0.9883 2.1387l1.4121-1.416c-0.5672-0.5672-0.5444-1.2192 0.002-1.7656l3.1812-3.1817c0.52536-0.52536 1.2507-0.52318 1.772-0.002 0.48245 0.5556 0.52732 1.2382-0.004 1.7695l-0.82 0.8203c0.555 0.785 0.645 1.3663 0.593 2.2344l1.641-1.6406c1.2374-1.2374 1.2371-3.3645 0-4.6016-1.236-1.2361-3.342-1.2113-4.5957 0.004zm0.7071 3.8848-1.4141 1.418c0 0 0.003-00 0.004 0 0.55 0.55 0.50736 1.2582-0.004 1.7695l-3.1816 3.1817c-0.696 0.59192-1.2985 0.47105-1.7696 0-0.62636-0.62636-0.5-1.2681 0-1.768l0.85-0.8473c-0.556-0.7835-0.6484-1.365-0.5976-2.2324l-1.666 1.666c-1.2393 1.2393-1.2357 3.36 0 4.5957 1.2353 1.2353 3.362 1.2356 4.5976 0l3.1817-3.182c0.7086-0.7083 1.0396-1.6184 0.9906-2.4586-0.048-0.8401-0.432-1.5864-0.9887-2.1407z" fill="%23484c93"/></svg>');
+    --icon-unshare-dark: url('data:image/svg+xml,<svg width="16" height="16" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m12.5 1a2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 0.003906 0.12891l-4.9023 2.4512a2.5 2.5 0 0 0-1.6016-0.58008 2.5 2.5 0 0 0-2.5 2.5 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 0.30469-0.021484l3.4395-1.7246-1.25-0.625a2.5 2.5 0 0 0 0.0058594-0.12891 2.5 2.5 0 0 0-0.0039062-0.12891l4.9023-2.4512a2.5 2.5 0 0 0 1.6016 0.58008 2.5 2.5 0 0 0 0.26562-0.013672l1.5625-0.7832a2.5 2.5 0 0 0 0.67188-1.7031 2.5 2.5 0 0 0-2.5-2.5zm0.25391 9.0156-3.7246 1.8672 0.97656 0.48828a2.5 2.5 0 0 0-0.005859 0.12891 2.5 2.5 0 0 0 2.5 2.5 2.5 2.5 0 0 0 2.5-2.5 2.5 2.5 0 0 0-2.2461-2.4844z" fill="%23484c93"/><rect transform="rotate(-26.63)" x="-1.0586" y="11.891" width="11.687" height="2.0029" ry="0" style="paint-order:normal" fill="%23484c93"/></svg>');
 }
 
 
@@ -1629,7 +1689,7 @@ span.icon.icon-add {
 #app-navigation:not(.vue) ul > li a > a > img,
 #app-navigation:not(.vue) ul > li a > img,
 #app-navigation:not(.vue) ul > li a > a > img {
-	filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
+    filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
 }
 
 
@@ -1637,150 +1697,157 @@ span.icon.icon-add {
 #app-navigation:not(.vue) ul > li a:hover > a > img,
 #app-navigation:not(.vue) ul > li a:focus > img,
 #app-navigation:not(.vue) ul > li a:focus > a > img {
-	filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
 }
 
 #app-navigation:not(.vue) {
-	background-color: #f2f2f2 !important;
-	/* box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15) !important; */
-	box-shadow: none !important;
-	border: none !important;
-	z-index: 1999;
-	height: calc(100% - 65px);
-	max-height: 100%;
-	overflow: hidden;
-	margin-bottom: 55px !important;
-	overflow-y: auto;
-	height: calc(100vh - 79px) !important;
+    background-color: #f2f2f2 !important;
+    /* box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15) !important; */
+    box-shadow: none !important;
+    border: none !important;
+    z-index: 1999;
+    height: calc(100% - 65px);
+    max-height: 100%;
+    overflow: hidden;
+    margin-bottom: 55px !important;
+    overflow-y: auto;
+    height: calc(100vh - 79px) !important;
 }
 
 .app-navigation:not(.vue) .collapsible:hover:before,
 .app-navigation:not(.vue) .collapsible:focus:before {
-	border-radius: 0;
-	background-color: var(--nav-bg-color) !important;
-	border-left: 3px solid var(--nav-border-left-color) !important;
+    border-radius: 0;
+    background-color: var(--nav-bg-color) !important;
+    border-left: 3px solid var(--nav-border-left-color) !important;
 }
 
 .app-navigation:not(.vue) > ul > li a:hover,
 .app-navigation:not(.vue) > ul > li a:hover > a,
 .app-navigation:not(.vue) > ul > li a:focus,
 .app-navigation:not(.vue) > ul > li a:focus > a {
-	background-color: var(--nav-bg-color);
+    background-color: var(--nav-bg-color);
 }
 
 .app-navigation:not(.vue) {
-	background-color: var(--color-main-background) !important;
-	box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15) !important;
-	border: none !important;
+    background-color: var(--color-main-background) !important;
+    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.15) !important;
+    border: none !important;
 }
 
 
 div.select2-container-multi .select2-choices,
 div.select2-container-multi.select2-container-active .select2-choices {
-	background: var(--color-background-dark) !important;
-	border: 1px solid var(--color-border) !important;
-	box-sizing: border-box !important;
-	border-radius: 4px !important;
-	color: var(--color-main-text) !important;
-	font-size: 14px !important;
-	padding: 0 !important;
-	overflow: visible;
-	height: 100% !important;
-	min-height: initial;
+    background: var(--color-background-dark) !important;
+    border: 1px solid var(--color-border) !important;
+    box-sizing: border-box !important;
+    border-radius: 4px !important;
+    color: var(--color-main-text) !important;
+    font-size: 14px !important;
+    padding: 0 !important;
+    overflow: visible;
+    height: 100% !important;
+    min-height: initial;
 }
 
 div.select2-container-multi .select2-choices:focus,
 div.select2-container-multi.select2-container-active .select2-choices:focus {
-	border-color: #cfcfcf !important;
-	outline: 0 !important;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf !important;
+    outline: 0 !important;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 #app-settings {
-	background-color: var(--color-background-dark) !important;
-	padding-top: 10px;
-	padding: 0 !important;
+    background-color: var(--color-background-dark) !important;
+    padding-top: 10px;
+    padding: 0 !important;
 }
 
 div.app-navigation__footer button[type='button'].button-vue {
-	border-left: 3px solid transparent !important;
-	line-height: 52px;
-	font-size: 17px;
-	font-weight: 400;
-	height: auto;
-	margin: 0;
-	transition: all .2s ease-out;
-	overflow: visible;
-	border-radius: 0 !important;
-	color: var(--color-main-text) !important;
-	padding: 0;
+    border-left: 3px solid transparent !important;
+    line-height: 52px;
+    font-size: 17px;
+    font-weight: 400;
+    height: auto;
+    margin: 0;
+    transition: all .2s ease-out;
+    overflow: visible;
+    border-radius: 0 !important;
+    color: var(--color-main-text) !important;
+    padding: 0;
+}
+div.app-navigation__footer button[type='button'].button-vue:hover,
+div.app-navigation__footer button[type='button'].button-vue:focus {
+    background-color: var(--nav-bg-color) !important;
+    color: var(--nav-border-left-color) !important;
 }
-
 div.app-navigation__footer button[type='button'].button-vue .button-vue__text {
-	color: var(--color-main-text) !important;
-	font-weight: 400;
+    color: var(--color-main-text) !important;
+    font-weight: 400;
+}
+div.app-navigation__footer button[type='button'].button-vue:hover .button-vue__text,
+div.app-navigation__footer button[type='button'].button-vue:focus .button-vue__text{
+    color: var(--nav-border-left-color) !important;
 }
-
 div.app-navigation__footer button[type='button'] .button-vue__icon {
-	width: 50px !important;
-	height: 50px !important;
-	flex: 0 0 60px !important;
+    width: 50px !important;
+    height: 50px !important;
+    flex: 0 0 60px !important;
 }
 
 div.app-navigation__footer button[type='button'] .button-vue__icon span {
-	width: 100%;
-	height: 100%;
-	background-size: auto 20px;
-	background-position: center;
-	background-repeat: no-repeat;
+    width: 100%;
+    height: 100%;
+    background-size: auto 20px;
+    background-position: center;
+    background-repeat: no-repeat;
 }
 
 div.app-navigation__footer,
 #app-settings #app-settings-header,
 #app-settings #app-settings__header {
-	padding: 0 0 20px;
-	border-radius: 0 !important;
-	margin: 0;
-	background-color: #f2f2f2 !important;
-	overflow: visible;
+    padding: 0 0 20px;
+    border-radius: 0 !important;
+    margin: 0;
+    background-color: #f2f2f2 !important;
+    overflow: visible;
 }
 
 #app-settings #app-settings__header .settings-button,
 #app-settings #app-settings-header .settings-button {
-	border-left: 3px solid transparent !important;
-	min-height: 50px;
-	line-height: 50px;
-	border-radius: 0 !important;
-	position: relative;
-	/* color: #707070 !important; */
-	color: var(--color-main-text) !important;
-	opacity: 1;
-	font-size: 17px;
-	background-color: transparent !important;
-	font-weight: 400;
+    border-left: 3px solid transparent !important;
+    min-height: 50px;
+    line-height: 50px;
+    border-radius: 0 !important;
+    position: relative;
+    /* color: #707070 !important; */
+    color: var(--color-main-text) !important;
+    opacity: 1;
+    font-size: 17px;
+    background-color: transparent !important;
+    font-weight: 400;
 }
 
 #app-settings #app-settings__header .settings-button span,
 #app-settings #app-settings-header .settings-button span {
-	font-weight: 400;
+    font-weight: 400;
 }
 
 #app-settings.open #app-settings__header .settings-button,
 #app-settings #app-settings-header .settings-button.opened {
-	border-color: var(--nav-border-left-color) !important;
-	background-color: var(--nav-bg-color);
-	color: var(--nav-border-left-color) !important;
-	border-top: 0;
+    border-color: var(--nav-border-left-color) !important;
+    background-color: var(--nav-bg-color);
+    color: var(--nav-border-left-color) !important;
+    border-top: 0;
 }
 
 #app-settings #app-settings__header .settings-button:hover,
 #app-settings #app-settings__header .settings-button:focus,
 #app-settings #app-settings-header .settings-button:hover,
 #app-settings #app-settings-header .settings-button:focus {
-	background-color: var(--nav-bg-color) !important;;
-	color: var(--nav-border-left-color) !important;
-	border-top: 0;
-	border-color: transparent !important;
+    background-color: var(--nav-bg-color) !important;;
+    color: var(--nav-border-left-color) !important;
+    border-top: 0;
+    border-color: transparent !important;
 }
 
 #app-settings.open #app-settings__header .settings-button::before,
@@ -1789,255 +1856,260 @@ div.app-navigation__footer,
 #app-settings #app-settings-header .settings-button.opened::before,
 #app-settings #app-settings-header .settings-button:hover::before,
 #app-settings #app-settings-header .settings-button:focus::before {
-	/*--icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');*/
-	--icon-settings-dark: var(--original-icon-settings-dark);
+    /*--icon-settings-dark: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path d="m6.94 0.5c-0.24 0-0.44 0.2-0.44 0.44v1.26c-0.5 0.14-1.05 0.35-1.53 0.65l-0.91-0.91c-0.16-0.18-0.46-0.19-0.62 0l-1.5 1.5c-0.18 0.17-0.18 0.46 0 0.62l0.91 0.91c-0.284 0.48-0.5 1-0.65 1.53h-1.26c-0.24 0-0.44 0.2-0.44 0.44v2.12c0 0.25 0.19 0.44 0.44 0.44h1.26c0.14 0.54 0.36 1.05 0.65 1.53l-0.91 0.91c-0.18 0.17-0.18 0.45 0 0.62l1.5 1.5c0.18 0.18 0.46 0.18 0.62 0l0.91-0.91c0.48 0.285 1 0.5 1.53 0.65v1.26c0 0.25 0.2 0.44 0.44 0.44h2.12c0.24 0 0.45-0.2 0.44-0.44v-1.26c0.54-0.14 1.05-0.36 1.53-0.65l0.91 0.91c0.17 0.18 0.45 0.18 0.62 0l1.5-1.5c0.18-0.17 0.18-0.45 0-0.62l-0.91-0.91c0.29-0.48 0.5-1 0.65-1.53h1.26c0.24 0 0.45-0.2 0.44-0.44v-2.12c0-0.24-0.2-0.44-0.44-0.44h-1.26c-0.14-0.54-0.36-1.05-0.65-1.53l0.91-0.91c0.18-0.17 0.18-0.45 0-0.62l-1.5-1.5c-0.17-0.18-0.45-0.18-0.62 0l-0.91 0.91c-0.48-0.29-1-0.5-1.53-0.65v-1.26c0-0.24-0.2-0.44-0.44-0.44h-2.12zm1.06 4a3.5 3.5 0 0 1 3.5 3.5 3.5 3.5 0 0 1 -3.5 3.5 3.5 3.5 0 0 1 -3.5 -3.5 3.5 3.5 0 0 1 3.5 -3.5z" fill="%23484c93"/></svg>');*/
+    --icon-settings-dark: var(--original-icon-settings-dark);
 }
 
 #app-settings-content {
-	background-color: var(--color-background-dark) !important;
+    background-color: var(--color-background-dark) !important;
 }
 
 #app-navigation-vue ul.app-navigation-entry__settings {
-	padding: 0;
-	gap: 0;
+    padding: 0;
+    gap: 0;
 }
 
 .header-menu__wrapper {
-	background-color: var(--color-primary) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    background-color: var(--color-primary) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 .header-menu__wrapper input:not(.icon-close), .header-menu__wrapper input[type="search"] {
-	background: var(--color-background-dark) !important;
-	border: 1px solid var(--color-border) !important;
-	box-sizing: border-box !important;
-	border-radius: 4px !important;
-	padding: 9px !important;
-	height: 44px !important;
-	color: #929292 !important;
-	font-size: 14px !important;
-	-webkit-border-radius: 4px !important;
-	-moz-border-radius: 4px !important;
-	-ms-border-radius: 4px !important;
-	-webkit-appearance: none !important;
-	-webkit-box-shadow: none !important;
+    background: var(--color-background-dark) !important;
+    border: 1px solid var(--color-border) !important;
+    box-sizing: border-box !important;
+    border-radius: 4px !important;
+    padding: 9px !important;
+    height: 44px !important;
+    color: #939393 !important;
+    font-size: 14px !important;
+    -webkit-border-radius: 4px !important;
+    -moz-border-radius: 4px !important;
+    -ms-border-radius: 4px !important;
+    -webkit-appearance: none !important;
+    -webkit-box-shadow: none !important;
 }
 
 .header-menu__wrapper input:not(.icon-close):focus, .header-menu__wrapper input[type="search"]:focus {
-	border-color: #cfcfcf;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
-	-webkit-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    -webkit-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 .header-menu__wrapper input#unified-search__input {
-	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQxNjcgNS45NTgzM0MxMS40MTY3IDguOTcyODkgOC45NzI4OSAxMS40MTY3IDUuOTU4MzMgMTEuNDE2N0MyLjk0Mzc4IDExLjQxNjcgMC41IDguOTcyODkgMC41IDUuOTU4MzNDMC41IDIuOTQzNzggMi45NDM3OCAwLjUgNS45NTgzMyAwLjVDOC45NzI4OSAwLjUgMTEuNDE2NyAyLjk0Mzc4IDExLjQxNjcgNS45NTgzM1oiIHN0cm9rZT0iI0NGQ0ZDRiIvPgo8cGF0aCBkPSJNOS43NSA5Ljc1TDEzIDEzIiBzdHJva2U9IiNDRkNGQ0YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
-	background-repeat: no-repeat !important;
-	background-position: right 6px center !important;
-	padding-right: 21px !important;
-	color: #939393 !important;
-	font-size: 14px !important;
-	background-color: #ffffff !important;
-	border: 1px solid #cfcfcf !important;
+    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQxNjcgNS45NTgzM0MxMS40MTY3IDguOTcyODkgOC45NzI4OSAxMS40MTY3IDUuOTU4MzMgMTEuNDE2N0MyLjk0Mzc4IDExLjQxNjcgMC41IDguOTcyODkgMC41IDUuOTU4MzNDMC41IDIuOTQzNzggMi45NDM3OCAwLjUgNS45NTgzMyAwLjVDOC45NzI4OSAwLjUgMTEuNDE2NyAyLjk0Mzc4IDExLjQxNjcgNS45NTgzM1oiIHN0cm9rZT0iI0NGQ0ZDRiIvPgo8cGF0aCBkPSJNOS43NSA5Ljc1TDEzIDEzIiBzdHJva2U9IiNDRkNGQ0YiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) !important;
+    background-repeat: no-repeat !important;
+    background-position: right 6px center !important;
+    padding-right: 21px !important;
+    color: #939393 !important;
+    font-size: 14px !important;
+    background-color: #ffffff !important;
+    border: 1px solid #cfcfcf !important;
 }
 
 .header-menu__wrapper input#unified-search__input.unified-search__form-input--with-reset {
-	background-image: none !important;
+    background-image: none !important;
 }
 
 .header-menu__wrapper input.icon-close {
-	right: 3px;
-	margin: 0;
-	top: 50%;
-	transform: translateY(-50%);
-	color: transparent;
-	background-color: transparent;
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 0C3.36268 0 0 3.36268 0 7.5C0 11.6373 3.36268 15 7.5 15C11.6373 15 15 11.6373 15 7.5C15 3.36268 11.6373 0 7.5 0ZM7.5 14.243C3.78521 14.243 0.757042 11.2148 0.757042 7.5C0.757042 3.78521 3.78521 0.757042 7.5 0.757042C11.2148 0.757042 14.243 3.78521 14.243 7.5C14.243 11.2148 11.2148 14.243 7.5 14.243Z' fill='%239FA2B4'/%3E%3Cpath d='M8.02821 7.46479L10.2289 5.26408C10.3698 5.12324 10.3698 4.87676 10.2289 4.73591C10.0881 4.59507 9.8416 4.59507 9.70075 4.73591L7.50004 6.93662L5.29933 4.73591C5.15849 4.59507 4.91201 4.59507 4.77116 4.73591C4.63032 4.87676 4.63032 5.12324 4.77116 5.26408L6.97187 7.46479L4.77116 9.64789C4.63032 9.78873 4.63032 10.0352 4.77116 10.1761C4.84158 10.2465 4.94722 10.2817 5.03525 10.2817C5.12328 10.2817 5.22891 10.2465 5.29933 10.1761L7.50004 7.97535L9.70075 10.1761C9.77117 10.2465 9.87681 10.2817 9.96484 10.2817C10.0529 10.2817 10.1585 10.2465 10.2289 10.1761C10.3698 10.0352 10.3698 9.78873 10.2289 9.64789L8.02821 7.46479Z' fill='%239FA2B4'/%3E%3C/svg%3E");
-	opacity: 1;
+    right: 3px;
+    margin: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    color: transparent;
+    background-color: transparent;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.5 0C3.36268 0 0 3.36268 0 7.5C0 11.6373 3.36268 15 7.5 15C11.6373 15 15 11.6373 15 7.5C15 3.36268 11.6373 0 7.5 0ZM7.5 14.243C3.78521 14.243 0.757042 11.2148 0.757042 7.5C0.757042 3.78521 3.78521 0.757042 7.5 0.757042C11.2148 0.757042 14.243 3.78521 14.243 7.5C14.243 11.2148 11.2148 14.243 7.5 14.243Z' fill='%239FA2B4'/%3E%3Cpath d='M8.02821 7.46479L10.2289 5.26408C10.3698 5.12324 10.3698 4.87676 10.2289 4.73591C10.0881 4.59507 9.8416 4.59507 9.70075 4.73591L7.50004 6.93662L5.29933 4.73591C5.15849 4.59507 4.91201 4.59507 4.77116 4.73591C4.63032 4.87676 4.63032 5.12324 4.77116 5.26408L6.97187 7.46479L4.77116 9.64789C4.63032 9.78873 4.63032 10.0352 4.77116 10.1761C4.84158 10.2465 4.94722 10.2817 5.03525 10.2817C5.12328 10.2817 5.22891 10.2465 5.29933 10.1761L7.50004 7.97535L9.70075 10.1761C9.77117 10.2465 9.87681 10.2817 9.96484 10.2817C10.0529 10.2817 10.1585 10.2465 10.2289 10.1761C10.3698 10.0352 10.3698 9.78873 10.2289 9.64789L8.02821 7.46479Z' fill='%239FA2B4'/%3E%3C/svg%3E");
+    opacity: 1;
 }
 
 .header-menu__wrapper input.icon-close:hover {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 ::-webkit-scrollbar {
-	width: 9px !important;
-	box-sizing: border-box !important;
+    width: 9px !important;
+    box-sizing: border-box !important;
 }
 
 ::-webkit-scrollbar-thumb {
-	background-color: #c4c4c4 !important;
-	border-radius: 100px !important;
-	box-sizing: border-box !important;
-	border: none !important;
+    background-color: #c4c4c4 !important;
+    border-radius: 100px !important;
+    box-sizing: border-box !important;
+    border: none !important;
 }
 
 .notification-container.menu {
-	background-color: var(--color-main-background) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    background-color: var(--color-main-background) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 #contactsmenu-menu {
-	background-color: var(--color-main-background) !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    background-color: var(--color-main-background) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 #contactsmenu-search {
-	width: calc(100% - 16px) !important;
-	box-sizing: border-box !important;
-	border-radius: 4px !important;
-	padding: 9px !important;
-	height: 36px !important;
-	font-size: 14px !important;
-	color: #939393;
-	background-color: #ffffff !important;
-	border: 1px solid #cfcfcf !important;
-	-webkit-border-radius: 4px !important;
-	-moz-border-radius: 4px !important;
-	-ms-border-radius: 4px !important;
-	-webkit-appearance: none !important;
-	-webkit-box-shadow: none !important;
+    width: calc(100% - 16px) !important;
+    box-sizing: border-box !important;
+    border-radius: 4px !important;
+    padding: 9px !important;
+    height: 36px !important;
+    font-size: 14px !important;
+    color: #939393;
+    background-color: #ffffff !important;
+    border: 1px solid #cfcfcf !important;
+    -webkit-border-radius: 4px !important;
+    -moz-border-radius: 4px !important;
+    -ms-border-radius: 4px !important;
+    -webkit-appearance: none !important;
+    -webkit-box-shadow: none !important;
 }
 
 #contactsmenu-search:focus {
-	border-color: #cfcfcf;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
-	-webkit-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    -webkit-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 #recommendations--empty-content {
-	margin-top: 0 !important;
+    margin-top: 0 !important;
 }
 
 #recommendations, #rich-workspace {
-	margin-inline: 36px;
+    margin-inline: 36px;
+}
+.panel--content{
+    #recommendations{
+        margin-inline: 0;
+    }
 }
-
 .user-status-online-select__input:checked + .user-status-online-select__label,
 .user-status-online-select__input:focus + .user-status-online-select__label,
 .user-status-online-select__label:hover {
-	border-color: #484c93 !important;
+    border-color: #484c93 !important;
+    outline: none !important;
 }
 
 .modal-container .custom-input__emoji-button {
-	border-color: var(--color-border) !important;
-	border-radius: 4px 0 0 4px !important;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 4px !important;
+    border-color: var(--color-border) !important;
+    border-radius: 4px 0 0 4px !important;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px !important;
 }
 
 .modal-container input {
-	background: transparent !important;
-	box-sizing: border-box !important;
-	padding: 9px !important;
-	color: var(--color-main-text) !important;
-	font-size: 14px !important;
-	margin: 0;
-	height: 100% !important;
-	max-height: 100% !important;
-	border-radius: 2px !important;
+    background: transparent !important;
+    box-sizing: border-box !important;
+    padding: 9px !important;
+    color: var(--color-main-text) !important;
+    font-size: 14px !important;
+    margin: 0;
+    height: 100% !important;
+    max-height: 100% !important;
+    border-radius: 2px !important;
 }
 
 .modal-container input:focus {
-	border-color: #cfcfcf;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
+    border-color: #cfcfcf;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
 }
 
 .emoji-mart-search input {
-	background: var(--color-background-dark) !important;
-	border: 1px solid var(--color-border) !important;
-	box-sizing: border-box !important;
-	border-radius: 4px !important;
-	padding: 9px !important;
-	height: 36px !important;
-	color: var(--color-main-text) !important;
-	font-size: 14px !important;
+    background: var(--color-background-dark) !important;
+    border: 1px solid var(--color-border) !important;
+    box-sizing: border-box !important;
+    border-radius: 4px !important;
+    padding: 9px !important;
+    height: 36px !important;
+    color: var(--color-main-text) !important;
+    font-size: 14px !important;
 }
 
 .emoji-mart-search input:focus {
-	border-color: #cfcfcf;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
+    border-color: #cfcfcf;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25);
 }
 
 .emoji-mart-anchor-selected {
-	color: #222 !important;
+    color: #222 !important;
 }
 
 #header .header-left > nav > .menu,
 #header .header-right > div > .menu {
-	top: 85px !important;
+    top: 85px !important;
 }
 
 #header .header-right > div,
 #header .header-right > form {
-	display: flex !important;
-	align-items: center !important;
-	gap: 0;
-	/* margin-right: -2px; */
-	width: 36px !important;
+    display: flex !important;
+    align-items: center !important;
+    gap: 0;
+    /* margin-right: -2px; */
+    width: 36px !important;
 }
 
 .header-menu__wrapper {
-	top: 85px !important;
+    top: 85px !important;
 }
 
 
 #open-reasons-use-nextcloud-pdf {
-	border-radius: 4px;
-	color: var(--color-primary) !important;
-	background-color: #484c93;
-	text-align: center;
-	border: 1px solid #484c93;
+    border-radius: 4px;
+    color: var(--color-primary) !important;
+    background-color: #484c93;
+    text-align: center;
+    border: 1px solid #484c93;
 }
 
 #open-reasons-use-nextcloud-pdf:hover {
-	border: 1px solid #353872 !important;
-	background-color: #353872 !important;
-	color: var(--color-primary) !important;
+    border: 1px solid #353872 !important;
+    background-color: #353872 !important;
+    color: var(--color-primary) !important;
 }
 
 progress {
-	background: #929292 !important;
+    background: #939393 !important;
 }
 
 progress {
-	color: #222 !important;
+    color: #222 !important;
 }
 
 progress::-webkit-progress-value {
-	background: #222 !important;
+    background: #222 !important;
 }
 
 progress::-moz-progress-bar {
-	background: var(--color-main-text) !important;
+    background: var(--color-main-text) !important;
 }
 
 progress::-webkit-progress-value {
-	background: #222 !important;
+    background: #222 !important;
 }
 
 progress::-webkit-progress-bar {
-	background: var(--color-main-text) !important;
+    background: var(--color-main-text) !important;
 }
 
 .select2-search-field input {
-	background-color: transparent !important;
-	border: none !important;
+    background-color: transparent !important;
+    border: none !important;
 }
 
 .select2-search-field input:focus {
-	background-color: transparent !important;
-	box-shadow: none !important;
+    background-color: transparent !important;
+    box-shadow: none !important;
 }
 
 .select2-search input {
-	border: 1px solid var(--color-border) !important;
-	background-color: var(--color-background-dark) !important;
+    border: 1px solid var(--color-border) !important;
+    background-color: var(--color-background-dark) !important;
 }
 
 input[type="checkbox"].radio:checked + label:before,
@@ -2048,95 +2120,140 @@ input[type="radio"].radio:checked + label:before,
 input[type="radio"].radio.checkbox:indeterminate + label:before,
 input[type="radio"].checkbox:checked + label:before,
 input[type="radio"].checkbox.checkbox:indeterminate + label:before {
-	background-color: #484c93 !important;
-	border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    border-color: #484c93 !important;
 }
 
 input[type="checkbox"].radio:focus + label:before,
 input[type="checkbox"].checkbox:focus + label:before,
 input[type="radio"].radio:focus + label:before,
 input[type="radio"].checkbox:focus + label:before {
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 input[type=checkbox].checkbox + label:before, input[type=radio].checkbox + label:before {
-	border-radius: 3px !important;
-	border-color: rgba(0, 0, 21, .25);
+    border-radius: 3px !important;
+    border-color: rgba(0, 0, 21, .25);
+}
+.checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content, .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content:hover,
+.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content, .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content:hover{
+    background: transparent !important;
+    color: #484c93 !important;
+}
+#files-setting-richworkspace input[type="checkbox"].checkbox + label{
+    padding: 10px;
+}
+#files-setting-richworkspace input[type="checkbox"].checkbox + label:before{
+    width: 14px;
+    height: 14px;
+    margin: -2px 6px 0 3px;
+    border-color: #484c93;
+    border-width: 2px;
+}
+#files-setting-richworkspace input[type="checkbox"].checkbox:focus + label:before{
+    box-shadow: none !important;
+}
+#files-setting-richworkspace input[type=checkbox].checkbox:not(:disabled):not(:checked)+label:hover:before,
+#files-setting-richworkspace input[type=checkbox].checkbox:not(:disabled):not(:checked)+label:focus:before {
+    border-color: #484c93;
+}
+#files-setting-richworkspace input[type=checkbox].checkbox:not(:disabled)+label:hover,
+#files-setting-richworkspace input[type=checkbox].checkbox:not(:disabled)+label:focus{
+    color: #484c93 !important;
 }
-
 .warning {
-	/* color: var(--color-background-dark) !important; */
+    /* color: var(--color-background-dark) !important; */
 }
 
 .warning a {
-	color: #484c93 !important;
+    color: #484c93 !important;
 }
 
 span.toggle {
-	font-weight: 700 !important;
-	opacity: 1 !important;
+    font-weight: 700 !important;
+    opacity: 1 !important;
 }
 
 #user-saml-settings-complete {
-	min-height: 34px !important;
-	padding: 6px 16px !important;
-	color: var(--color-background-dark) !important;
-	border-radius: 4px !important;
+    min-height: 34px !important;
+    padding: 6px 16px !important;
+    color: var(--color-background-dark) !important;
+    border-radius: 4px !important;
+}
+#user-saml button,
+#user-saml .button,
+#user-saml input[type="button"],
+#user-saml input[type="submit"],
+#mail_general_settings input[type="submit"]{
+    border-color: #484c93 !important;
+    color: #fff !important;
+    background: #484c93 !important;
+    font-weight: normal;
+    font-size: 14px;
+}
+
+#user-saml button:hover,
+#user-saml .button:hover,
+#user-saml input[type="button"]:hover,
+#user-saml input[type="submit"]:hover,
+#mail_general_settings input[type="submit"]:hover {
+    -webkit-filter: brightness(.9);
+    filter: brightness(.9);
 }
-
 #content-vue {
-	padding-top: 79px;
-	margin: 0 !important;
-	width: 100% !important;
-	border-radius: 0 !important;
+    padding-top: 79px;
+    margin: 0 !important;
+    width: 100% !important;
+    border-radius: 0 !important;
+    height: 100vh;
 }
-
 .app-details__actions-manage input {
-	background-color: #484c93 !important;
-	color: var(--color-primary) !important;
-	border-color: #484c93 !important;
+    border: 1px solid #484c93 !important;
+    background-color: #484c93 !important;
+    color: var(--color-primary) !important;
+    border-color: #484c93 !important;
 }
 
 .app-details__actions-manage input:hover {
-	border: 1px solid #353872 !important;
-	border-color: #353872;
-	background-color: #353872 !important;
-	color: var(--color-primary) !important;
+    border: 1px solid #353872 !important;
+    border-color: #353872;
+    background-color: #353872 !important;
+    color: var(--color-primary) !important;
 }
 
 .app-details__actions-manage .force {
-	color: var(--color-error) !important;
-	border-color: var(--color-error) !important;
-	background: var(--color-main-background) !important;
+    color: var(--color-error) !important;
+    border-color: var(--color-error) !important;
+    background: var(--color-main-background) !important;
 }
 
 .app-details__actions-manage .force:hover {
-	color: var(--color-primary) !important;
-	border-color: var(--color-error) !important;
-	background: var(--color-error) !important;
+    color: var(--color-primary) !important;
+    border-color: var(--color-error) !important;
+    background: var(--color-error) !important;
 }
 
 .modal-wrapper .icon-next,
 .modal-wrapper .icon-previous {
-	background-color: var(--color-primary) !important;
-	border-radius: 50% !important;
-	position: relative;
+    background-color: var(--color-primary) !important;
+    border-radius: 50% !important;
+    position: relative;
 }
 
 .modal-wrapper .icon-next::before,
 .modal-wrapper .icon-previous::before {
-	color: var(--color-main-text) !important;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
+    color: var(--color-main-text) !important;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 input[type="text"] + .icon-confirm,
 input[type="password"] + .icon-confirm,
 input[type="email"] + .icon-confirm {
-	background-color: var(--color-background-dark) !important;
-	border-color: var(--color-border) !important;
+    background-color: var(--color-background-dark) !important;
+    border-color: var(--color-border) !important;
 }
 
 input[type="text"]:active + .icon-confirm,
@@ -2148,51 +2265,51 @@ input[type="password"]:focus + .icon-confirm,
 input[type="email"]:active + .icon-confirm,
 input[type="email"]:hover + .icon-confirm,
 input[type="email"]:focus + .icon-confirm {
-	border-color: var(--color-border) !important;
+    border-color: var(--color-border) !important;
 }
 
 #body-user #header #nextcloud,
 #body-settings #header #nextcloud,
 #body-public #header #nextcloud {
-	position: relative;
-	padding: 0;
-	width: 55px;
-	transition: width .2s ease;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+    position: relative;
+    padding: 0;
+    width: 55px;
+    transition: width .2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 .unified-search__form {
-	margin: 10px;
+    margin: 10px;
 }
 
 @media (max-width: 767px) {
-	#body-user #header #nextcloud,
-	#body-settings #header #nextcloud,
-	#body-public #header #nextcloud {
-		/* padding-left: 145px !important; */
-	}
+    #body-user #header #nextcloud,
+    #body-settings #header #nextcloud,
+    #body-public #header #nextcloud {
+        /* padding-left: 145px !important; */
+    }
 
-	#header .header-right > div > .menutoggle,
-	#header .header-right > form > .menutoggle {
-		width: 40px;
-	}
+    #header .header-right > div > .menutoggle,
+    #header .header-right > form > .menutoggle {
+        width: 40px;
+    }
 }
 
 .action-input__label {
-	background-color: var(--color-background-dark) !important;
-	border-color: var(--color-border) !important;
+    background-color: var(--color-background-dark) !important;
+    border-color: var(--color-border) !important;
 }
 
 #collection-select-container .multiselect {
-	border: none !important;
+    border: none !important;
 }
 
 #collection-select-container .multiselect input {
-	border: none !important;
-	padding: 0 8px !important;
-	background-color: transparent !important;
+    border: none !important;
+    padding: 0 8px !important;
+    background-color: transparent !important;
 }
 
 div.select2-container-multi
@@ -2201,38 +2318,38 @@ input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="
 div.select2-container-multi.select2-container-active
 .select2-choices
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):hover {
-	border: none !important;
+    border: none !important;
 }
 
 div.select2-container.select2-container-multi .select2-choices li {
-	width: 100%;
-	height: calc(100% - 2px);
+    width: 100%;
+    height: calc(100% - 2px);
 }
 
 .community-support .button:hover {
-	border-color: #353872 !important;
+    border-color: #353872 !important;
 }
 
 #theming #theming-preview {
-	border: 2px solid var(--color-border);
-	border-radius: 4px;
+    border: 2px solid var(--color-border);
+    border-radius: 4px;
 }
 
 .error.primary {
-	background-color: transparent !important;
-	color: var(--color-error) !important;
-	border-color: var(--color-error) !important;
+    background-color: transparent !important;
+    color: var(--color-error) !important;
+    border-color: var(--color-error) !important;
 }
 
 .error.primary:hover {
-	background-color: var(--color-error) !important;
-	color: var(--color-primary) !important;
-	border-color: var(--color-error) !important;
+    background-color: var(--color-error) !important;
+    color: var(--color-primary) !important;
+    border-color: var(--color-error) !important;
 }
 
 
 #body-settings {
-	overflow-x: unset !important;
+    overflow-x: unset !important;
 }
 
 #body-settings
@@ -2251,70 +2368,61 @@ div.select2-container.select2-container-multi .select2-choices li {
 .row
 > form
 > input:not(:focus):not(:active):not(.button) {
-	border-color: #cfcfcf !important;
+    border-color: #cfcfcf !important;
 }
 
 .user-list-grid {
-	padding: 30px;
+    padding: 30px;
 }
 
 #theming-preview-logo,
 #header .logo {
-	background-size: cover !important;
+    background-size: cover !important;
 }
 
 #theming-preview-logo,
 #header .logo {
-	z-index: 2 !important;
+    z-index: 2 !important;
 }
 
 .app-menu.app-menu.app-menu.app-menu {
-	z-index: 1 !important;
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	flex-shrink: 0;
-	justify-content: center;
-	/* max-width: calc(100vw - 550px); */
-	/* width: 280px; */
-	display: inline-flex !important;
-	/* flex-shrink: 0 !important; */
-	min-width: 410px;
-	gap: 10px;
-	margin-right: 0vw;
-	box-sizing: border-box;
-	width: auto;
-	transition: transform 0.2s ease;
+    z-index: 1 !important;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    flex-shrink: 0;
+    justify-content: center;
+    /* max-width: calc(100vw - 550px); */
+    /* width: 280px; */
+    display: inline-flex !important;
+    /* flex-shrink: 0 !important; */
+    min-width: 410px;
+    gap: 10px;
+    margin-right: 0vw;
+    box-sizing: border-box;
+    width: auto;
+    transition: transform 0.2s ease;
 }
 
 body.sidebar .app-menu.app-menu.app-menu {
-	transform: translate(calc(-50% + 145px), -50%);
+    transform: translate(calc(-50% + 145px), -50%);
 }
 
 body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu {
-	transform: translate(calc(-50% + calc(65px / 2)), -50%);
-}
-
-.app-menu-main .app-menu-entry {
-	opacity: 1 !important;
+    transform: translate(calc(-50% + calc(65px / 2)), -50%);
 }
 
-.app-menu-main .app-menu-entry .app-menu-entry--label {
-	width: auto !important;
-	text-overflow: inherit !important;
-	overflow: initial !important;
+.app-menu__list li.app-menu-entry {
+    width: 50px;
+    height: 50px;
+    position: relative;
+    display: flex;
 }
 
-.app-menu-main .app-menu-entry:hover .app-menu-entry--label,
-.app-menu-main .app-menu-entry:focus-within .app-menu-entry--label {
-	width: auto !important;
-	text-overflow: inherit !important;
-	overflow: initial !important;
-}
 
 #header #nextcloud {
-	z-index: 2 !important;
+    z-index: 2 !important;
 }
 
 /* THEME HIGH CONTRAST */
@@ -2325,7 +2433,7 @@ body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu {
 #body-user[data-themes="light"] #header,
 #body-settings[data-themes="light"] #header,
 #body-public[data-themes="light"] #header {
-	background-color: #fff !important;
+    background-color: #fff !important;
 }
 
 /*body[data-theme-default] #unified-search svg:not(.close-icon) path,*/
@@ -2337,44 +2445,46 @@ body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu {
 #body-user[data-theme-default] .panels > div,
 #body-user[data-themes="light"] .panel,
 #body-user[data-themes="light"] .panels > div {
-	border-color: transparent !important;
+    border-color: transparent !important;
 }
 
 .panels {
-	align-items: inherit !important;
+    align-items: inherit !important;
 }
 
 body[data-theme-default] progress,
 body[data-theme-default] progress,
 body[data-themes="light"] progress {
-	background: #222 !important;
-	border: 1px solid #222;
-	height: 8px !important;
+    background: #f2f2f2 !important;
+    border: none !important;
+    height: 10px !important;
 }
 
 body[data-theme-default] progress,
 body[data-themes="light"] progress {
-	color: #f2f2f2 !important;
+    color: #f2f2f2 !important;
 }
 
 body[data-theme-default] progress::-webkit-progress-value,
 body[data-themes="light"] progress::-webkit-progress-value {
-	background: #222 !important;
-}
-
-body[data-theme-default] progress::-moz-progress-bar,
-body[data-themes="light"] progress::-moz-progress-bar {
-	background: #f2f2f2 !important;
+    background: #484c93 !important;
+    height: 10px !important;
 }
 
 body[data-theme-default] progress::-webkit-progress-value,
 body[data-themes="light"] progress::-webkit-progress-value {
-	background: #222 !important;
+    background: #484c93 !important;
+    height: 10px !important;
+}
+
+body[data-theme-default] progress::-moz-progress-bar,
+body[data-themes="light"] progress::-moz-progress-bar {
+    background: #f2f2f2 !important;
 }
 
 body[data-theme-default] progress::-webkit-progress-bar,
 body[data-themes="light"] progress::-webkit-progress-bar {
-	background: #f2f2f2 !important;
+    background: #f2f2f2 !important;
 }
 
 body[data-theme-default] #header .header-left > nav > .menu #apps > ul li a:active,
@@ -2393,7 +2503,7 @@ body[data-themes="light"] #header .header-right > div > .menu #apps > ul li a:ac
 body[data-themes="light"] #header .header-right > div > .menu #apps > ul li a.active,
 body[data-themes="light"] #header .header-right > div > .menu.settings-menu > ul li a:active,
 body[data-themes="light"] #header .header-right > div > .menu.settings-menu > ul li a.active {
-	background-color: #cfcfcf !important;
+    background-color: #cfcfcf !important;
 }
 
 body[data-theme-default] .user-menu__nav ul li a img,
@@ -2404,46 +2514,49 @@ body[data-themes="light"] .user-menu__nav ul li a img,
 body[data-themes="light"] .user-menu__nav ul li a svg,
 body[data-themes="light"] .user-menu__nav ul li button img,
 body[data-themes="light"] .user-menu__nav ul li button svg {
-	filter: none !important;
+    filter: none !important;
 }
 
 body[data-theme-default] .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-theme-default] .app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon svg {
-	color: #939393;
+    color: #939393;
 }
 
 /*body[data-theme-default] .app-navigation-entry-wrapper:hover .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,*/
 body[data-theme-default] .app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry-wrapper:hover .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon svg,
-	/*body[data-theme-default] .app-navigation-entry-wrapper:hover .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,*/
+    /*body[data-theme-default] .app-navigation-entry-wrapper:hover .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,*/
 body[data-theme-default] .app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry-wrapper:hover .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,
 body[data-themes="light"] .app-navigation-entry.active .app-navigation-entry-link .app-navigation-entry-icon svg {
-	color: #484c93;
+    color: #484c93;
 }
 
 
 body[data-themes="light"] .app-icon,
 body[data-theme-default] .app-icon {
-	filter: none !important;
+    filter: none !important;
 }
 
 body[data-themes="light"] .apps-list.installed .app-image-icon svg,
 body[data-theme-default] .apps-list.installed .app-image-icon svg,
 body[data-themes="light"] .apps-list.installed .app-image-icon .icon-settings-dark,
 body[data-theme-default] .apps-list.installed .app-image-icon .icon-settings-dark {
-	opacity: 1;
+    opacity: 1;
+}
+.app-item--list-view .app-image-icon svg{
+    filter: invert(40%);
+    opacity: 1 !important;
 }
-
 body[data-themes="light"] .apps-list-container .app-icon,
 body[data-theme-default] .apps-list-container .app-icon,
 body[data-themes="light"] .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure,
 body[data-theme-default].app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure {
-	-webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
-	filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
+    -webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
+    filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
 }
 
 body[data-theme-default] .modal__content .button,
@@ -2456,10 +2569,10 @@ body[data-theme-default] .button-vue--vue-secondary,
 .app-details__actions-manage input,
 body[data-theme-default] .button-vue--vue-primary,
 body[data-themes="light"] .button-vue--vue-secondary {
-	border-color: #484c93 !important;
-	background-color: #484c93 !important;
-	color: #fff !important;
-	transition: filter .2s ease;
+    border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: #fff !important;
+    transition: filter .2s ease;
 }
 
 .app-details__actions-manage input:hover,
@@ -2480,104 +2593,112 @@ body[data-themes="light"] .modal__content .button:focus,
 body[data-themes="light"] .modal__content .button:focus span,
 body[data-theme-default] .button-vue--vue-secondary:focus,
 body[data-themes="light"] .button-vue--vue-secondary:focus {
-	border-color: #484c93 !important;
-	background-color: #484c93 !important;
-	color: #fff !important;
-	-webkit-filter: brightness(.9);
-	filter: brightness(.9);
+    border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: #fff !important;
+    -webkit-filter: brightness(.9);
+    filter: brightness(.9);
+}
+button.button-vue.button-vue--size-normal.button-vue--text-only.button-vue--vue-error:not(:disabled) {
+    border: 1px solid transparent !important;
+    border-color: #484c93 !important;
+    background-color: var(--color-background-dark);
+}
+button.button-vue.button-vue--size-normal.button-vue--text-only.button-vue--vue-error:not(:disabled):hover{
+    border-color: #484c93 !important;
+    background-color: #e8e8e8 !important;
 }
-
 .msg.success {
-	padding: 8px !important;
-	background-color: var(--color-success) !important;
+    padding: 8px !important;
+    background-color: var(--color-success) !important;
 }
 
 .msg.success {
-	padding: 8px !important;
-	background-color: var(--color-success) !important;
+    padding: 8px !important;
+    background-color: var(--color-success) !important;
 }
 
 .msg.warning {
-	padding: 8px !important;
-	background-color: var(--color-warning) !important;
+    padding: 8px !important;
+    background-color: var(--color-warning) !important;
 }
 
 .msg.error {
-	border-radius: 4px !important;
-	padding: 8px !important;
-	background-color: var(--color-error) !important;
+    border-radius: 4px !important;
+    padding: 8px !important;
+    background-color: var(--color-error) !important;
 }
 
 @media (max-width: 1024px) {
-	#app-navigation:not(.vue) {
-		z-index: unset;
-	}
+    #app-navigation:not(.vue) {
+        z-index: unset;
+    }
 }
 
 input:checked + label > .template-picker__preview {
-	border-color: #484c93 !important;
+    border-color: #484c93 !important;
 }
 
 .templates-picker__buttons input[type="submit"] {
-	background-color: #484c93 !important;
-	color: var(--color-primary) !important;
-	border-color: #484c93 !important;
+    background-color: #484c93 !important;
+    color: var(--color-primary) !important;
+    border-color: #484c93 !important;
 }
 
 .templates-picker__buttons input[type="submit"]:hover {
-	background-color: #353872 !important;
+    background-color: #353872 !important;
 }
 
 .summary {
-	opacity: 1;
+    opacity: 1;
 }
 
 .popovermenu {
-	z-index: 10000;
+    z-index: 10000;
 }
 
 .newFileMenu {
-	margin-left: 0px !important;
-	transform: translate(0);
+    margin-left: 0px !important;
+    transform: translate(0);
 }
 
 .newFileMenu::after {
-	left: 15px !important;
+    left: 15px !important;
 }
 
 .comments .comments__writer :disabled {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 .comments .comments__writer :disabled:hover {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 .multiselect .multiselect__tags .multiselect__single,
 .multiselect .multiselect__tags .multiselect__placeholder {
-	padding: 8px 6px !important;
+    padding: 8px 6px !important;
 }
 
 button.icon,
 .button.icon,
 .button.new,
 button.new {
-	border-radius: 4px !important;
-	border-color: transparent !important;
+    border-radius: 4px !important;
+    border-color: transparent !important;
 }
 
 #displayavatar .icon-upload,
 #displayavatar .icon-folder,
 #displayavatar .icon-delete {
-	border-radius: 4px !important;
-	border-color: transparent !important;
+    border-radius: 4px !important;
+    border-color: transparent !important;
 }
 
 #displayavatar .icon-upload:hover,
 #displayavatar .icon-folder:hover,
 #displayavatar .icon-delete:hover {
-	border-radius: 4px !important;
-	border-color: transparent !important;
+    border-radius: 4px !important;
+    border-color: transparent !important;
 }
 
 button.icon:hover,
@@ -2587,907 +2708,943 @@ button.new:hover,
 .icon-upload:hover,
 .icon-folder:hover,
 .icon-delete:hover {
-	border-radius: 4px !important;
-	border-color: transparent !important;
+    border-radius: 4px !important;
+    border-color: transparent !important;
 }
 
 #filelist-header {
-	padding-top: 25px;
+    padding-top: 25px;
 }
 
 @media (max-width: 500px) {
-	#header .header-right > div,
-	#header .header-right > form {
-		position: unset;
-	}
+    #header .header-right > div,
+    #header .header-right > form {
+        position: unset;
+    }
 
-	.header-menu__carret,
-	#header .header-left > nav > .menu:after,
-	#header .header-right > div > .menu:after {
-		display: none;
-	}
+    .header-menu__carret,
+    #header .header-left > nav > .menu:after,
+    #header .header-right > div > .menu:after {
+        display: none;
+    }
 
-	#contactsmenu-menu {
-		right: 5px !important;
-	}
+    #contactsmenu-menu {
+        right: 5px !important;
+    }
 
-	#header .header-right > div.openedMenu::after {
-		display: none !important;
-	}
+    #header .header-right > div.openedMenu::after {
+        display: none !important;
+    }
 
-	#firstrunwizard .modal-wrapper .icon-next {
-		left: -2px !important;
-	}
+    #firstrunwizard .modal-wrapper .icon-next {
+        left: -2px !important;
+    }
 
-	.modal-wrapper--full .prev,
-	.modal-wrapper--spread-navigation .prev {
-		left: 2px !important;
-	}
+    .modal-wrapper--full .prev,
+    .modal-wrapper--spread-navigation .prev {
+        left: 2px !important;
+    }
 
-	.modal-wrapper .icon-next,
-	.modal-wrapper .icon-previous {
-		box-shadow: 0 2px 8px rgb(0 0 0 / 33%);
-	}
+    .modal-wrapper .icon-next,
+    .modal-wrapper .icon-previous {
+        box-shadow: 0 2px 8px rgb(0 0 0 / 33%);
+    }
 }
 
 .modal-wrapper .modal-container {
-	overflow: auto !important;
+    overflow: auto !important;
 }
 
 #app-navigation:not(.vue) > ul,
 .app-navigation .app-navigation-list,
 .app-navigation .app-navigation__list {
-	width: 100%;
-	padding: 0 !important;
+    width: 100%;
+    padding: 0 !important;
 }
 
 .app-navigation--close {
-	top: 85px !important;
+    top: 85px !important;
 }
 
 body.sidebar #header #header-right, body.sidebar #header .header-right {
-	width: calc(100% - 290px);
-	max-width: calc(100% - 290px);
-	transition: all .15s ease;
-	gap: 10px;
+    width: calc(100% - 290px);
+    max-width: calc(100% - 290px);
+    transition: all .15s ease;
+    gap: 10px;
 }
 
 #header .header-left > nav > #navigation {
-	transform: translateX(-5%);
+    transform: translateX(-5%);
 }
 
 @media (max-width: 767px) {
-	#header .header-left > nav > #navigation {
-		transform: translateX(-50%);
-	}
+    #header .header-left > nav > #navigation {
+        transform: translateX(-50%);
+    }
 
-	.app-menu {
-		position: relative;
-		top: 0;
-		left: 0;
-		transform: translate(0);
-		min-width: 0 !important;
-	}
+    .app-menu {
+        position: relative;
+        top: 0;
+        left: 0;
+        transform: translate(0);
+        min-width: 0 !important;
+    }
 }
 
 .app-menu li a {
-	opacity: 1;
+    opacity: 1;
 }
 
 .header-menu__trigger {
-	opacity: 1 !important;
+    opacity: 1 !important;
 }
 
 #header .header-left > nav > .menu #apps > ul li a img, #header .header-left > nav > .menu #apps > ul li a svg, #header .header-left > nav > .menu.settings-menu > ul li a img, #header .header-left > nav > .menu.settings-menu > ul li a svg, #header .header-right > div > .menu #apps > ul li a img, #header .header-right > div > .menu #apps > ul li a svg, #header .header-right > div > .menu.settings-menu > ul li a img, #header .header-right > div > .menu.settings-menu > ul li a svg {
-	opacity: 1;
-	filter: invert(0.427) !important;
+    opacity: 1;
+    filter: invert(0.427) !important;
 }
 
 #contactsmenu .menutoggle, #contactsmenu .menutoggle, #contactsmenu .menutoggle {
-	opacity: 1 !important;
+    opacity: 1 !important;
 }
 
 .empty-content__icon {
-	opacity: 1 !important;
-	filter: invert(0.573) !important;
+    opacity: 1 !important;
+    filter: invert(0.573) !important;
 }
 
 .notification img.notification-icon {
-	opacity: 1 !important;
-	filter: invert(0.573) !important;
+    opacity: 1 !important;
+    filter: invert(0.573) !important;
 }
 
 
 .app-sidebar .app-sidebar-header > .app-sidebar__close {
-	border-radius: 4px !important;
+    border-radius: 4px !important;
 }
 
 .action-item--single, .action-item__menutoggle {
-	border-radius: 4px !important;
+    border-radius: 4px !important;
 }
 
 #header .header-right > div > .menutoggle, #header .header-right > form > .menutoggle {
-	opacity: 1;
+    opacity: 1;
 }
 
 #header .header-right > div#contactsmenu > .menu .content .footer a {
-	opacity: 1;
+    opacity: 1;
 }
 
 .app-sidebar .app-sidebar-header__desc .app-sidebar-header__menu {
-	border-radius: 4px;
+    border-radius: 4px;
 }
 
 /* BOX SHADOW FIX */
 
 #header-menu-user-menu.header-menu__wrapper {
-	filter: none !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
-	padding: 0;
-	right: 10px;
+    filter: none !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    padding: 0;
+    right: 10px;
 }
 
-
-#header-menu-user-menu li > a, #header-menu-user-menu li > button {
-	padding-inline: 22px !important;
-	box-sizing: border-box;
-	border-radius: 0;
-	background-color: transparent;
-	color: var(--color-main-text) !important;
+#header-menu-user-menu li > .list-item,
+#header-menu-user-menu li{
+    padding: 0 !important;
 }
-
-#header-menu-user-menu li > a img,
-#header-menu-user-menu li > button img {
-	filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
+#header-menu-user-menu li.list-item__wrapper:first-child {
+    padding: 0 !important;
+}
+#header-menu-user-menu li.list-item__wrapper:first-child > .list-item{
+    padding: 0 !important;
+}
+#header-menu-user-menu li.list-item__wrapper:first-child .list-item-content{
+    padding: 0;
+}
+#header-menu-user-menu .list-item:hover,
+#header-menu-user-menu .list-item:focus-within,
+#header-menu-user-menu .list-item:has(:active),
+#header-menu-user-menu .list-item:has(:focus-visible){
+    background: transparent;
+    border-radius: 0;
+}
+#header-menu-user-menu .list-item__wrapper--active .list-item,
+#header-menu-user-menu .list-item__wrapper.active .list-item,
+#header-menu-user-menu .list-item__wrapper--active .list-item-content__name{
+    background-color: transparent;
+    color: var(--nav-color-active) !important;
+}
+#header-menu-user-menu .list-item-content__name{
+    font-weight: 400;
+}
+#header-menu-user-menu li > .list-item button,
+#header-menu-user-menu li > .list-item a{
+    padding: 3px 22px !important;
+    box-sizing: border-box;
+    border-radius: 0;
+    background-color: transparent;
+    color: var(--color-main-text) !important;
+    height: var(--header-menu-item-height);
+}
+#header-menu-user-menu li:first-child > .list-item a{
+    height: calc(var(--header-menu-item-height)* 1.5) !important;
+}
+#header-menu-user-menu li > .list-item a img,
+#header-menu-user-menu li > .list-item button img {
+    filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
+}
+#header-menu-user-menu li > .list-item a img,
+#header-menu-user-menu li > .list-item a .user-status-icon{
+    margin: 0 10px 0 0;
 }
 
 @media (any-hover: hover) {
-	#header-menu-user-menu li > a:hover img,
-	#header-menu-user-menu li > button:hover img {
-		filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
-	}
+    #header-menu-user-menu li > .list-item a:hover img,
+    #header-menu-user-menu li > .list-item button:hover img {
+        filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    }
 }
 
 
-#header-menu-user-menu li > a.active img,
-#header-menu-user-menu li > button.active img {
-	filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+#header-menu-user-menu li.list-item__wrapper--active > .list-item a img,
+#header-menu-user-menu li.list-item__wrapper--active > .list-item button img {
+    filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
 }
 
 #header-menu-user-menu ul {
-	gap: 0;
+    gap: 0;
+    padding: 0 !important;
 }
 
 
-#header-menu-user-menu li > a.active,
-#header-menu-user-menu li > button.active {
-	border-left-color: transparent;
-	border-radius: 0 !important;
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-color) !important;
+#header-menu-user-menu li.list-item__wrapper--active > .list-item a,
+#header-menu-user-menu li.list-item__wrapper--active > .list-item button {
+    border-left-color: transparent;
+    border-radius: 0 !important;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-color) !important;
 }
 
 @media (any-hover: hover) {
-	#header-menu-user-menu li > a:hover,
-	#header-menu-user-menu li > button:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-color) !important;
-		border-left-color: transparent;
-		border-radius: 0 !important;
-	}
+    #header-menu-user-menu li > .list-item a:hover,
+    #header-menu-user-menu li > .list-item button:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-color) !important;
+        border-left-color: transparent;
+        border-radius: 0 !important;
+    }
 
-	#header-menu-user-menu li > a.active:hover,
-	#header-menu-user-menu li > button.active:hover {
-		background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-	}
+    #header-menu-user-menu li.list-item__wrapper--active > .list-item a:hover,
+    #header-menu-user-menu li.list-item__wrapper--active > .list-item button:hover {
+        background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+    }
 }
 
 #header .header-left > nav > .menu, #header .header-right > div > .menu {
-	filter: none !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    filter: none !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 .popover {
-	filter: none !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    filter: none !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 .v-popper__popper.v-popper--theme-dropdown.v-popper__popper.action-item__popper {
-	box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
-	filter: none;
-	border: none;
-	border-radius: 0.25rem;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
+    filter: none;
+    border: none;
+    border-radius: 0.25rem;
 }
 
 .bubble, .app-navigation-entry-menu, .popovermenu {
-	filter: none !important;
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    filter: none !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 .oc-dialog {
-	box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
+    box-shadow: 0px 0px 17px 2px rgb(112 112 112 / 25%) !important;
 }
 
 
 #app-navigation:not(.vue) ul > li > a,
 #app-navigation:not(.vue) ul > li > ul > li > a {
-	padding-right: 14px;
-	padding-left: 0;
-	background-position: 17px center;
-	min-height: 50px;
-	line-height: 50px;
-	border-left: 3px solid transparent;
-	border-radius: 0 !important;
-	position: relative;
-	color: #939393 !important;
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-	border-left: 3px solid transparent;
-	font-size: 17px;
+    padding-right: 14px;
+    padding-left: 0;
+    background-position: 17px center;
+    min-height: 50px;
+    line-height: 50px;
+    border-left: 3px solid transparent;
+    border-radius: 0 !important;
+    position: relative;
+    color: #939393 !important;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    border-left: 3px solid transparent;
+    font-size: 17px;
 }
 
 #app-navigation:not(.vue) ul > li > a:first-child img,
 #app-navigation:not(.vue) ul > li > ul > li > a:first-child img {
-	padding: 15px 20px;
-	box-sizing: content-box;
-	margin-right: 0 !important;
+    padding: 15px 20px;
+    box-sizing: content-box;
+    margin-right: 0 !important;
 }
 
 #app-navigation.without-app-settings:not(.vue) > ul > li > a,
 #app-navigation.without-app-settings:not(.vue) > ul > li > ul > li > a {
-	overflow: inherit !important;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: flex-start;
-	white-space: inherit;
+    overflow: inherit !important;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    white-space: inherit;
 }
 
 #app-navigation.without-app-settings:not(.vue) > ul > li > a span,
 #app-navigation.without-app-settings:not(.vue) > ul > li > ul > li > a span {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-	width: calc(100% - 10px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: calc(100% - 10px);
 }
 
 #app-content-recent, #app-content-favorites, #app-content-shareoverview, #app-content-sharingout, #app-content-sharingin, #app-content-sharinglinks, #app-content-deletedshares, #app-content-pendingshares {
-	margin-top: 45px;
+    margin-top: 45px;
 }
 
 .files-controls {
-	width: 100%;
-	top: 0;
-	margin-top: -40px;
-	margin-bottom: 10px;
+    width: 100%;
+    top: 0;
+    margin-top: -40px;
+    margin-bottom: 10px;
 }
 
 .checkbox-radio-switch__icon[data-v-2b31639e] {
-	margin: 0 !important;
+    margin: 0 !important;
 }
 
 @media (prefers-color-scheme: dark) {
-	body {
-		--icon-add-white: var(--original-icon-add-dark);
-		--icon-add-dark: var(--original-icon-add-dark);
-		--icon-address-white: var(--original-icon-address-dark);
-		--icon-address-dark: var(--original-icon-address-dark);
-		--icon-alert-outline-white: var(--original-icon-alert-outline-dark);
-		--icon-alert-outline-dark: var(--original-icon-alert-outline-dark);
-		--icon-audio-off-white: var(--original-icon-audio-off-dark);
-		--icon-audio-off-dark: var(--original-icon-audio-off-dark);
-		--icon-audio-white: var(--original-icon-audio-dark);
-		--icon-audio-dark: var(--original-icon-audio-dark);
-		--icon-calendar-white: var(--original-icon-calendar-dark);
-		--icon-calendar-dark: var(--original-icon-calendar-dark);
-		--icon-caret-white: var(--original-icon-caret-dark);
-		--icon-caret-dark: var(--original-icon-caret-dark);
-		--icon-category-app-bundles-white: var(--original-icon-category-app-bundles-dark);
-		--icon-category-app-bundles-dark: var(--original-icon-category-app-bundles-dark);
-		--icon-category-auth-white: var(--original-icon-category-auth-dark);
-		--icon-category-auth-dark: var(--original-icon-category-auth-dark);
-		--icon-category-customization-white: var(--original-icon-category-customization-dark);
-		--icon-category-customization-dark: var(--original-icon-category-customization-dark);
-		--icon-category-dashboard-white: var(--original-icon-category-dashboard-dark);
-		--icon-category-dashboard-dark: var(--original-icon-category-dashboard-dark);
-		--icon-category-files-white: var(--original-icon-category-files-dark);
-		--icon-category-files-dark: var(--original-icon-category-files-dark);
-		--icon-category-games-white: var(--original-icon-category-games-dark);
-		--icon-category-games-dark: var(--original-icon-category-games-dark);
-		--icon-category-integration-white: var(--original-icon-category-integration-dark);
-		--icon-category-integration-dark: var(--original-icon-category-integration-dark);
-		--icon-category-monitoring-white: var(--original-icon-category-monitoring-dark);
-		--icon-category-monitoring-dark: var(--original-icon-category-monitoring-dark);
-		--icon-category-multimedia-white: var(--original-icon-category-multimedia-dark);
-		--icon-category-multimedia-dark: var(--original-icon-category-multimedia-dark);
-		--icon-category-office-white: var(--original-icon-category-office-dark);
-		--icon-category-office-dark: var(--original-icon-category-office-dark);
-		--icon-category-organization-white: var(--original-icon-category-organization-dark);
-		--icon-category-organization-dark: var(--original-icon-category-organization-dark);
-		--icon-category-social-white: var(--original-icon-category-social-dark);
-		--icon-category-social-dark: var(--original-icon-category-social-dark);
-		--icon-category-workflow-white: var(--original-icon-category-workflow-dark);
-		--icon-category-workflow-dark: var(--original-icon-category-workflow-dark);
-		--icon-change-white: var(--original-icon-change-dark);
-		--icon-change-dark: var(--original-icon-change-dark);
-		--icon-checkmark-white: var(--original-icon-checkmark-dark);
-		--icon-checkmark-dark: var(--original-icon-checkmark-dark);
-		--icon-circles-white: var(--original-icon-circles-dark);
-		--icon-circles-dark: var(--original-icon-circles-dark);
-		--icon-clippy-white: var(--original-icon-clippy-dark);
-		--icon-clippy-dark: var(--original-icon-clippy-dark);
-		--icon-close-white: var(--original-icon-close-dark);
-		--icon-close-dark: var(--original-icon-close-dark);
-		--icon-comment-white: var(--original-icon-comment-dark);
-		--icon-comment-dark: var(--original-icon-comment-dark);
-		--icon-confirm-fade-white: var(--original-icon-confirm-fade-dark);
-		--icon-confirm-fade-dark: var(--original-icon-confirm-fade-dark);
-		--icon-confirm-white: var(--original-icon-confirm-dark);
-		--icon-confirm-dark: var(--original-icon-confirm-dark);
-		--icon-contacts-white: var(--original-icon-contacts-dark);
-		--icon-contacts-dark: var(--original-icon-contacts-dark);
-		--icon-delete-white: var(--original-icon-delete-dark);
-		--icon-delete-dark: var(--original-icon-delete-dark);
-		--icon-desktop-white: var(--original-icon-desktop-dark);
-		--icon-desktop-dark: var(--original-icon-desktop-dark);
-		--icon-details-white: var(--original-icon-details-dark);
-		--icon-details-dark: var(--original-icon-details-dark);
-		--icon-disabled-user-white: var(--original-icon-disabled-user-dark);
-		--icon-disabled-user-dark: var(--original-icon-disabled-user-dark);
-		--icon-disabled-users-white: var(--original-icon-disabled-users-dark);
-		--icon-disabled-users-dark: var(--original-icon-disabled-users-dark);
-		--icon-download-white: var(--original-icon-download-dark);
-		--icon-download-dark: var(--original-icon-download-dark);
-		--icon-edit-white: var(--original-icon-edit-dark);
-		--icon-edit-dark: var(--original-icon-edit-dark);
-		--icon-encryption-white: var(--original-icon-encryption-dark);
-		--icon-encryption-dark: var(--original-icon-encryption-dark);
-		--icon-error-white: var(--original-icon-error-dark);
-		--icon-error-dark: var(--original-icon-error-dark);
-		--icon-external-white: var(--original-icon-external-dark);
-		--icon-external-dark: var(--original-icon-external-dark);
-		--icon-favorite-white: var(--original-icon-favorite-dark);
-		--icon-favorite-dark: var(--original-icon-favorite-dark);
-		--icon-files-white: var(--original-icon-files-dark);
-		--icon-files-dark: var(--original-icon-files-dark);
-		--icon-filter-white: var(--original-icon-filter-dark);
-		--icon-filter-dark: var(--original-icon-filter-dark);
-		--icon-folder-white: var(--original-icon-folder-dark);
-		--icon-folder-dark: var(--original-icon-folder-dark);
-		--icon-fullscreen-white: var(--original-icon-fullscreen-dark);
-		--icon-fullscreen-dark: var(--original-icon-fullscreen-dark);
-		--icon-group-white: var(--original-icon-group-dark);
-		--icon-group-dark: var(--original-icon-group-dark);
-		--icon-history-white: var(--original-icon-history-dark);
-		--icon-history-dark: var(--original-icon-history-dark);
-		--icon-home-white: var(--original-icon-home-dark);
-		--icon-home-dark: var(--original-icon-home-dark);
-		--icon-info-white: var(--original-icon-info-dark);
-		--icon-info-dark: var(--original-icon-info-dark);
-		--icon-link-white: var(--original-icon-link-dark);
-		--icon-link-dark: var(--original-icon-link-dark);
-		--icon-logout-white: var(--original-icon-logout-dark);
-		--icon-logout-dark: var(--original-icon-logout-dark);
-		--icon-mail-white: var(--original-icon-mail-dark);
-		--icon-mail-dark: var(--original-icon-mail-dark);
-		--icon-menu-sidebar-white: var(--original-icon-menu-sidebar-dark);
-		--icon-menu-sidebar-dark: var(--original-icon-menu-sidebar-dark);
-		--icon-menu-white: var(--original-icon-menu-dark);
-		--icon-menu-dark: var(--original-icon-menu-dark);
-		--icon-more-white: var(--original-icon-more-dark);
-		--icon-more-dark: var(--original-icon-more-dark);
-		--icon-music-white: var(--original-icon-music-dark);
-		--icon-music-dark: var(--original-icon-music-dark);
-		--icon-password-white: var(--original-icon-password-dark);
-		--icon-password-dark: var(--original-icon-password-dark);
-		--icon-pause-white: var(--original-icon-pause-dark);
-		--icon-pause-dark: var(--original-icon-pause-dark);
-		--icon-phone-white: var(--original-icon-phone-dark);
-		--icon-phone-dark: var(--original-icon-phone-dark);
-		--icon-picture-white: var(--original-icon-picture-dark);
-		--icon-picture-dark: var(--original-icon-picture-dark);
-		--icon-play-add-white: var(--original-icon-play-add-dark);
-		--icon-play-add-dark: var(--original-icon-play-add-dark);
-		--icon-play-next-white: var(--original-icon-play-next-dark);
-		--icon-play-next-dark: var(--original-icon-play-next-dark);
-		--icon-play-previous-white: var(--original-icon-play-previous-dark);
-		--icon-play-previous-dark: var(--original-icon-play-previous-dark);
-		--icon-play-white: var(--original-icon-play-dark);
-		--icon-play-dark: var(--original-icon-play-dark);
-		--icon-projects-white: var(--original-icon-projects-dark);
-		--icon-projects-dark: var(--original-icon-projects-dark);
-		--icon-public-white: var(--original-icon-public-dark);
-		--icon-public-dark: var(--original-icon-public-dark);
-		--icon-quota-white: var(--original-icon-quota-dark);
-		--icon-quota-dark: var(--original-icon-quota-dark);
-		--icon-recent-white: var(--original-icon-recent-dark);
-		--icon-recent-dark: var(--original-icon-recent-dark);
-		--icon-rename-white: var(--original-icon-rename-dark);
-		--icon-rename-dark: var(--original-icon-rename-dark);
-		--icon-screen-off-white: var(--original-icon-screen-off-dark);
-		--icon-screen-off-dark: var(--original-icon-screen-off-dark);
-		--icon-screen-white: var(--original-icon-screen-dark);
-		--icon-screen-dark: var(--original-icon-screen-dark);
-		--icon-search-white: var(--original-icon-search-dark);
-		--icon-search-dark: var(--original-icon-search-dark);
-		--icon-settings-white: var(--original-icon-settings-dark);
-		--icon-settings-dark: var(--original-icon-settings-dark);
-		--icon-share-white: var(--original-icon-share-dark);
-		--icon-share-dark: var(--original-icon-share-dark);
-		--icon-shared-white: var(--original-icon-shared-dark);
-		--icon-shared-dark: var(--original-icon-shared-dark);
-		--icon-sound-off-white: var(--original-icon-sound-off-dark);
-		--icon-sound-off-dark: var(--original-icon-sound-off-dark);
-		--icon-sound-white: var(--original-icon-sound-dark);
-		--icon-sound-dark: var(--original-icon-sound-dark);
-		--icon-star-white: var(--original-icon-star-dark);
-		--icon-star-dark: var(--original-icon-star-dark);
-		--icon-starred-white: var(--original-icon-starred-dark);
-		--icon-starred-dark: var(--original-icon-starred-dark);
-		--icon-tablet-white: var(--original-icon-tablet-dark);
-		--icon-tablet-dark: var(--original-icon-tablet-dark);
-		--icon-tag-white: var(--original-icon-tag-dark);
-		--icon-tag-dark: var(--original-icon-tag-dark);
-		--icon-talk-white: var(--original-icon-talk-dark);
-		--icon-talk-dark: var(--original-icon-talk-dark);
-		--icon-template-add-white: var(--original-icon-template-add-dark);
-		--icon-template-add-dark: var(--original-icon-template-add-dark);
-		--icon-timezone-white: var(--original-icon-timezone-dark);
-		--icon-timezone-dark: var(--original-icon-timezone-dark);
-		--icon-toggle-background-white: var(--original-icon-toggle-background-dark);
-		--icon-toggle-background-dark: var(--original-icon-toggle-background-dark);
-		--icon-toggle-filelist-white: var(--original-icon-toggle-filelist-dark);
-		--icon-toggle-filelist-dark: var(--original-icon-toggle-filelist-dark);
-		--icon-toggle-pictures-white: var(--original-icon-toggle-pictures-dark);
-		--icon-toggle-pictures-dark: var(--original-icon-toggle-pictures-dark);
-		--icon-toggle-white: var(--original-icon-toggle-dark);
-		--icon-toggle-dark: var(--original-icon-toggle-dark);
-		--icon-triangle-e-white: var(--original-icon-triangle-e-dark);
-		--icon-triangle-e-dark: var(--original-icon-triangle-e-dark);
-		--icon-triangle-n-white: var(--original-icon-triangle-n-dark);
-		--icon-triangle-n-dark: var(--original-icon-triangle-n-dark);
-		--icon-triangle-s-white: var(--original-icon-triangle-s-dark);
-		--icon-triangle-s-dark: var(--original-icon-triangle-s-dark);
-		--icon-unshare-white: var(--original-icon-unshare-dark);
-		--icon-unshare-dark: var(--original-icon-unshare-dark);
-		--icon-upload-white: var(--original-icon-upload-dark);
-		--icon-upload-dark: var(--original-icon-upload-dark);
-		--icon-user-admin-white: var(--original-icon-user-admin-dark);
-		--icon-user-admin-dark: var(--original-icon-user-admin-dark);
-		--icon-user-white: var(--original-icon-user-dark);
-		--icon-user-dark: var(--original-icon-user-dark);
-		--icon-video-off-white: var(--original-icon-video-off-dark);
-		--icon-video-off-dark: var(--original-icon-video-off-dark);
-		--icon-video-switch-white: var(--original-icon-video-switch-dark);
-		--icon-video-switch-dark: var(--original-icon-video-switch-dark);
-		--icon-video-white: var(--original-icon-video-dark);
-		--icon-video-dark: var(--original-icon-video-dark);
-		--icon-view-close-white: var(--original-icon-view-close-dark);
-		--icon-view-close-dark: var(--original-icon-view-close-dark);
-		--icon-view-download-white: var(--original-icon-view-download-dark);
-		--icon-view-download-dark: var(--original-icon-view-download-dark);
-		--icon-view-next-white: var(--original-icon-view-next-dark);
-		--icon-view-next-dark: var(--original-icon-view-next-dark);
-		--icon-view-pause-white: var(--original-icon-view-pause-dark);
-		--icon-view-pause-dark: var(--original-icon-view-pause-dark);
-		--icon-view-play-white: var(--original-icon-view-play-dark);
-		--icon-view-play-dark: var(--original-icon-view-play-dark);
-		--icon-view-previous-white: var(--original-icon-view-previous-dark);
-		--icon-view-previous-dark: var(--original-icon-view-previous-dark);
-	}
-
-	body[data-themes="light"] .apps-list-container .app-icon,
-	body[data-theme-default] .apps-list-container .app-icon {
-		-webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
-		filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
-	}
+    body {
+        --icon-add-white: var(--original-icon-add-dark);
+        --icon-add-dark: var(--original-icon-add-dark);
+        --icon-address-white: var(--original-icon-address-dark);
+        --icon-address-dark: var(--original-icon-address-dark);
+        --icon-alert-outline-white: var(--original-icon-alert-outline-dark);
+        --icon-alert-outline-dark: var(--original-icon-alert-outline-dark);
+        --icon-audio-off-white: var(--original-icon-audio-off-dark);
+        --icon-audio-off-dark: var(--original-icon-audio-off-dark);
+        --icon-audio-white: var(--original-icon-audio-dark);
+        --icon-audio-dark: var(--original-icon-audio-dark);
+        --icon-calendar-white: var(--original-icon-calendar-dark);
+        --icon-calendar-dark: var(--original-icon-calendar-dark);
+        --icon-caret-white: var(--original-icon-caret-dark);
+        --icon-caret-dark: var(--original-icon-caret-dark);
+        --icon-category-app-bundles-white: var(--original-icon-category-app-bundles-dark);
+        --icon-category-app-bundles-dark: var(--original-icon-category-app-bundles-dark);
+        --icon-category-auth-white: var(--original-icon-category-auth-dark);
+        --icon-category-auth-dark: var(--original-icon-category-auth-dark);
+        --icon-category-customization-white: var(--original-icon-category-customization-dark);
+        --icon-category-customization-dark: var(--original-icon-category-customization-dark);
+        --icon-category-dashboard-white: var(--original-icon-category-dashboard-dark);
+        --icon-category-dashboard-dark: var(--original-icon-category-dashboard-dark);
+        --icon-category-files-white: var(--original-icon-category-files-dark);
+        --icon-category-files-dark: var(--original-icon-category-files-dark);
+        --icon-category-games-white: var(--original-icon-category-games-dark);
+        --icon-category-games-dark: var(--original-icon-category-games-dark);
+        --icon-category-integration-white: var(--original-icon-category-integration-dark);
+        --icon-category-integration-dark: var(--original-icon-category-integration-dark);
+        --icon-category-monitoring-white: var(--original-icon-category-monitoring-dark);
+        --icon-category-monitoring-dark: var(--original-icon-category-monitoring-dark);
+        --icon-category-multimedia-white: var(--original-icon-category-multimedia-dark);
+        --icon-category-multimedia-dark: var(--original-icon-category-multimedia-dark);
+        --icon-category-office-white: var(--original-icon-category-office-dark);
+        --icon-category-office-dark: var(--original-icon-category-office-dark);
+        --icon-category-organization-white: var(--original-icon-category-organization-dark);
+        --icon-category-organization-dark: var(--original-icon-category-organization-dark);
+        --icon-category-social-white: var(--original-icon-category-social-dark);
+        --icon-category-social-dark: var(--original-icon-category-social-dark);
+        --icon-category-workflow-white: var(--original-icon-category-workflow-dark);
+        --icon-category-workflow-dark: var(--original-icon-category-workflow-dark);
+        --icon-change-white: var(--original-icon-change-dark);
+        --icon-change-dark: var(--original-icon-change-dark);
+        --icon-checkmark-white: var(--original-icon-checkmark-dark);
+        --icon-checkmark-dark: var(--original-icon-checkmark-dark);
+        --icon-circles-white: var(--original-icon-circles-dark);
+        --icon-circles-dark: var(--original-icon-circles-dark);
+        --icon-clippy-white: var(--original-icon-clippy-dark);
+        --icon-clippy-dark: var(--original-icon-clippy-dark);
+        --icon-close-white: var(--original-icon-close-dark);
+        --icon-close-dark: var(--original-icon-close-dark);
+        --icon-comment-white: var(--original-icon-comment-dark);
+        --icon-comment-dark: var(--original-icon-comment-dark);
+        --icon-confirm-fade-white: var(--original-icon-confirm-fade-dark);
+        --icon-confirm-fade-dark: var(--original-icon-confirm-fade-dark);
+        --icon-confirm-white: var(--original-icon-confirm-dark);
+        --icon-confirm-dark: var(--original-icon-confirm-dark);
+        --icon-contacts-white: var(--original-icon-contacts-dark);
+        --icon-contacts-dark: var(--original-icon-contacts-dark);
+        --icon-delete-white: var(--original-icon-delete-dark);
+        --icon-delete-dark: var(--original-icon-delete-dark);
+        --icon-desktop-white: var(--original-icon-desktop-dark);
+        --icon-desktop-dark: var(--original-icon-desktop-dark);
+        --icon-details-white: var(--original-icon-details-dark);
+        --icon-details-dark: var(--original-icon-details-dark);
+        --icon-disabled-user-white: var(--original-icon-disabled-user-dark);
+        --icon-disabled-user-dark: var(--original-icon-disabled-user-dark);
+        --icon-disabled-users-white: var(--original-icon-disabled-users-dark);
+        --icon-disabled-users-dark: var(--original-icon-disabled-users-dark);
+        --icon-download-white: var(--original-icon-download-dark);
+        --icon-download-dark: var(--original-icon-download-dark);
+        --icon-edit-white: var(--original-icon-edit-dark);
+        --icon-edit-dark: var(--original-icon-edit-dark);
+        --icon-encryption-white: var(--original-icon-encryption-dark);
+        --icon-encryption-dark: var(--original-icon-encryption-dark);
+        --icon-error-white: var(--original-icon-error-dark);
+        --icon-error-dark: var(--original-icon-error-dark);
+        --icon-external-white: var(--original-icon-external-dark);
+        --icon-external-dark: var(--original-icon-external-dark);
+        --icon-favorite-white: var(--original-icon-favorite-dark);
+        --icon-favorite-dark: var(--original-icon-favorite-dark);
+        --icon-files-white: var(--original-icon-files-dark);
+        --icon-files-dark: var(--original-icon-files-dark);
+        --icon-filter-white: var(--original-icon-filter-dark);
+        --icon-filter-dark: var(--original-icon-filter-dark);
+        --icon-folder-white: var(--original-icon-folder-dark);
+        --icon-folder-dark: var(--original-icon-folder-dark);
+        --icon-fullscreen-white: var(--original-icon-fullscreen-dark);
+        --icon-fullscreen-dark: var(--original-icon-fullscreen-dark);
+        --icon-group-white: var(--original-icon-group-dark);
+        --icon-group-dark: var(--original-icon-group-dark);
+        --icon-history-white: var(--original-icon-history-dark);
+        --icon-history-dark: var(--original-icon-history-dark);
+        --icon-home-white: var(--original-icon-home-dark);
+        --icon-home-dark: var(--original-icon-home-dark);
+        --icon-info-white: var(--original-icon-info-dark);
+        --icon-info-dark: var(--original-icon-info-dark);
+        --icon-link-white: var(--original-icon-link-dark);
+        --icon-link-dark: var(--original-icon-link-dark);
+        --icon-logout-white: var(--original-icon-logout-dark);
+        --icon-logout-dark: var(--original-icon-logout-dark);
+        --icon-mail-white: var(--original-icon-mail-dark);
+        --icon-mail-dark: var(--original-icon-mail-dark);
+        --icon-menu-sidebar-white: var(--original-icon-menu-sidebar-dark);
+        --icon-menu-sidebar-dark: var(--original-icon-menu-sidebar-dark);
+        --icon-menu-white: var(--original-icon-menu-dark);
+        --icon-menu-dark: var(--original-icon-menu-dark);
+        --icon-more-white: var(--original-icon-more-dark);
+        --icon-more-dark: var(--original-icon-more-dark);
+        --icon-music-white: var(--original-icon-music-dark);
+        --icon-music-dark: var(--original-icon-music-dark);
+        --icon-password-white: var(--original-icon-password-dark);
+        --icon-password-dark: var(--original-icon-password-dark);
+        --icon-pause-white: var(--original-icon-pause-dark);
+        --icon-pause-dark: var(--original-icon-pause-dark);
+        --icon-phone-white: var(--original-icon-phone-dark);
+        --icon-phone-dark: var(--original-icon-phone-dark);
+        --icon-picture-white: var(--original-icon-picture-dark);
+        --icon-picture-dark: var(--original-icon-picture-dark);
+        --icon-play-add-white: var(--original-icon-play-add-dark);
+        --icon-play-add-dark: var(--original-icon-play-add-dark);
+        --icon-play-next-white: var(--original-icon-play-next-dark);
+        --icon-play-next-dark: var(--original-icon-play-next-dark);
+        --icon-play-previous-white: var(--original-icon-play-previous-dark);
+        --icon-play-previous-dark: var(--original-icon-play-previous-dark);
+        --icon-play-white: var(--original-icon-play-dark);
+        --icon-play-dark: var(--original-icon-play-dark);
+        --icon-projects-white: var(--original-icon-projects-dark);
+        --icon-projects-dark: var(--original-icon-projects-dark);
+        --icon-public-white: var(--original-icon-public-dark);
+        --icon-public-dark: var(--original-icon-public-dark);
+        --icon-quota-white: var(--original-icon-quota-dark);
+        --icon-quota-dark: var(--original-icon-quota-dark);
+        --icon-recent-white: var(--original-icon-recent-dark);
+        --icon-recent-dark: var(--original-icon-recent-dark);
+        --icon-rename-white: var(--original-icon-rename-dark);
+        --icon-rename-dark: var(--original-icon-rename-dark);
+        --icon-screen-off-white: var(--original-icon-screen-off-dark);
+        --icon-screen-off-dark: var(--original-icon-screen-off-dark);
+        --icon-screen-white: var(--original-icon-screen-dark);
+        --icon-screen-dark: var(--original-icon-screen-dark);
+        --icon-search-white: var(--original-icon-search-dark);
+        --icon-search-dark: var(--original-icon-search-dark);
+        --icon-settings-white: var(--original-icon-settings-dark);
+        --icon-settings-dark: var(--original-icon-settings-dark);
+        --icon-share-white: var(--original-icon-share-dark);
+        --icon-share-dark: var(--original-icon-share-dark);
+        --icon-shared-white: var(--original-icon-shared-dark);
+        --icon-shared-dark: var(--original-icon-shared-dark);
+        --icon-sound-off-white: var(--original-icon-sound-off-dark);
+        --icon-sound-off-dark: var(--original-icon-sound-off-dark);
+        --icon-sound-white: var(--original-icon-sound-dark);
+        --icon-sound-dark: var(--original-icon-sound-dark);
+        --icon-star-white: var(--original-icon-star-dark);
+        --icon-star-dark: var(--original-icon-star-dark);
+        --icon-starred-white: var(--original-icon-starred-dark);
+        --icon-starred-dark: var(--original-icon-starred-dark);
+        --icon-tablet-white: var(--original-icon-tablet-dark);
+        --icon-tablet-dark: var(--original-icon-tablet-dark);
+        --icon-tag-white: var(--original-icon-tag-dark);
+        --icon-tag-dark: var(--original-icon-tag-dark);
+        --icon-talk-white: var(--original-icon-talk-dark);
+        --icon-talk-dark: var(--original-icon-talk-dark);
+        --icon-template-add-white: var(--original-icon-template-add-dark);
+        --icon-template-add-dark: var(--original-icon-template-add-dark);
+        --icon-timezone-white: var(--original-icon-timezone-dark);
+        --icon-timezone-dark: var(--original-icon-timezone-dark);
+        --icon-toggle-background-white: var(--original-icon-toggle-background-dark);
+        --icon-toggle-background-dark: var(--original-icon-toggle-background-dark);
+        --icon-toggle-filelist-white: var(--original-icon-toggle-filelist-dark);
+        --icon-toggle-filelist-dark: var(--original-icon-toggle-filelist-dark);
+        --icon-toggle-pictures-white: var(--original-icon-toggle-pictures-dark);
+        --icon-toggle-pictures-dark: var(--original-icon-toggle-pictures-dark);
+        --icon-toggle-white: var(--original-icon-toggle-dark);
+        --icon-toggle-dark: var(--original-icon-toggle-dark);
+        --icon-triangle-e-white: var(--original-icon-triangle-e-dark);
+        --icon-triangle-e-dark: var(--original-icon-triangle-e-dark);
+        --icon-triangle-n-white: var(--original-icon-triangle-n-dark);
+        --icon-triangle-n-dark: var(--original-icon-triangle-n-dark);
+        --icon-triangle-s-white: var(--original-icon-triangle-s-dark);
+        --icon-triangle-s-dark: var(--original-icon-triangle-s-dark);
+        --icon-unshare-white: var(--original-icon-unshare-dark);
+        --icon-unshare-dark: var(--original-icon-unshare-dark);
+        --icon-upload-white: var(--original-icon-upload-dark);
+        --icon-upload-dark: var(--original-icon-upload-dark);
+        --icon-user-admin-white: var(--original-icon-user-admin-dark);
+        --icon-user-admin-dark: var(--original-icon-user-admin-dark);
+        --icon-user-white: var(--original-icon-user-dark);
+        --icon-user-dark: var(--original-icon-user-dark);
+        --icon-video-off-white: var(--original-icon-video-off-dark);
+        --icon-video-off-dark: var(--original-icon-video-off-dark);
+        --icon-video-switch-white: var(--original-icon-video-switch-dark);
+        --icon-video-switch-dark: var(--original-icon-video-switch-dark);
+        --icon-video-white: var(--original-icon-video-dark);
+        --icon-video-dark: var(--original-icon-video-dark);
+        --icon-view-close-white: var(--original-icon-view-close-dark);
+        --icon-view-close-dark: var(--original-icon-view-close-dark);
+        --icon-view-download-white: var(--original-icon-view-download-dark);
+        --icon-view-download-dark: var(--original-icon-view-download-dark);
+        --icon-view-next-white: var(--original-icon-view-next-dark);
+        --icon-view-next-dark: var(--original-icon-view-next-dark);
+        --icon-view-pause-white: var(--original-icon-view-pause-dark);
+        --icon-view-pause-dark: var(--original-icon-view-pause-dark);
+        --icon-view-play-white: var(--original-icon-view-play-dark);
+        --icon-view-play-dark: var(--original-icon-view-play-dark);
+        --icon-view-previous-white: var(--original-icon-view-previous-dark);
+        --icon-view-previous-dark: var(--original-icon-view-previous-dark);
+    }
+
+    body[data-themes="light"] .apps-list-container .app-icon,
+    body[data-theme-default] .apps-list-container .app-icon {
+        -webkit-filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
+        filter: invert(49%) sepia(0%) saturate(356%) hue-rotate(168deg) brightness(87%) contrast(80%) !important;
+    }
 }
 
 #app-navigation:not(.vue) .collapsible > a:first-child {
-	padding-left: 52px !important;
+    padding-left: 52px !important;
 }
 
 #app-navigation:not(.vue) .collapsible:before {
-	width: 50px;
-	height: 50px;
-	transition: unset !important;
+    width: 50px;
+    height: 50px;
+    transition: unset !important;
 }
 
 #app-navigation:not(.vue) .collapsible .collapse {
-	width: 50px;
-	height: 50px;
-	transition: unset !important;
-	border-color: var(--nav-border-left-color) !important;
+    width: 50px;
+    height: 50px;
+    transition: unset !important;
+    border-color: var(--nav-border-left-color) !important;
 }
 
 #app-settings {
-	background-color: var(--color-main-background) !important;
+    background-color: var(--color-main-background) !important;
 }
 
 
 #app-settings-content {
-	background-color: var(--color-main-background) !important;
+    background-color: var(--color-main-background) !important;
 }
 
 .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon, .app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon {
-	width: 50px !important;
-	height: 50px !important;
-	flex: 0 0 60px !important;
+    width: 50px !important;
+    height: 50px !important;
+    flex: 0 0 60px !important;
 }
 
 .app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon svg,
 .app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon svg {
-	color: #000;
+    color: #000;
 }
 
 .navigation-list li .navigation-list__link,
 .app-navigation-entry:not(.app-navigation-entry--editing) a.app-navigation-entry-link,
 .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div {
-	border-left: 3px solid transparent;
-	line-height: 52px;
-	font-size: 17px;
-	/* letter-spacing: 0.2px; */
-	font-weight: 400;
-	height: auto;
-	margin: 0;
-	transition: all .2s ease-out;
-	overflow: visible;
-	max-width: 290px;
-	color: inherit !important;
+    border-left: 3px solid transparent;
+    line-height: 52px;
+    font-size: 17px;
+    /* letter-spacing: 0.2px; */
+    font-weight: 400;
+    height: auto;
+    margin: 0;
+    transition: all .2s ease-out;
+    overflow: visible;
+    max-width: 290px;
+    color: inherit !important;
 }
 
 .navigation-list li .navigation-list__link .app-navigation-entry__name,
 .app-navigation-entry:not(.app-navigation-entry--editing) a.app-navigation-entry-link .app-navigation-entry__name,
 .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div .app-navigation-entry__name {
-	max-width: calc(100% - 60px);
+    max-width: calc(100% - 60px);
 }
 
 .navigation-list li .navigation-list__link:hover,
 .app-navigation-entry:not(.app-navigation-entry--editing):hover,
 .app-navigation-entry:not(.app-navigation-entry--editing):hover {
-	color: var(--nav-color-active) !important;
-	background-color: var(--nav-bg-hover-color) !important;
-	border-left-color: transparent;
-	border-radius: 0 !important;
+    color: var(--nav-color-active) !important;
+    background-color: var(--nav-bg-hover-color) !important;
+    border-left-color: transparent;
+    border-radius: 0 !important;
 }
 
 .app-navigation-entry:not(.app-navigation-entry--editing).active a.app-navigation-entry-link {
-	color: var(--color-primary-element) !important;
+    color: var(--color-primary-element) !important;
 }
 
 
 li.app-navigation-entry-wrapper > .app-navigation-entry {
-	border-radius: 0 !important;
+    border-radius: 0 !important;
 }
 
 li.app-navigation-entry-wrapper > .app-navigation-entry.active {
-	background-color: var(--nav-bg-color) !important;
+    background-color: var(--nav-bg-color) !important;
 }
 
 li.app-navigation-entry-wrapper > .app-navigation-entry.active {
-	background-color: var(--nav-bg-color) !important;
+    background-color: var(--nav-bg-color) !important;
 }
 
-	li.app-navigation-entry-wrapper > .app-navigation-entry.active:hover {
-		background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-	}
+li.app-navigation-entry-wrapper > .app-navigation-entry.active:hover {
+    background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+}
 
 .app-navigation.app-navigation--close .app-navigation-entry--collapsible button.icon-collapse {
-	width: 100% !important;
+    width: 100% !important;
 }
 
 .app-navigation-entry--collapsible ul.app-navigation-entry__children {
-	gap: 0;
+    gap: 0;
 }
 
 .app-navigation-entry--collapsible .app-navigation-entry__children div.app-navigation-entry {
-	padding-left: 0;
+    padding-left: 0;
+}
+.app-navigation-entry--collapsible .app-navigation-entry__children div.app-navigation-entry a{
+    padding-inline-start: 16px;
 }
 
 @media (any-hover: hover) {
-	.app-navigation-entry--collapsible:hover .app-navigation-entry__children .app-navigation-entry a.app-navigation-entry-link div.app-navigation-entry-icon svg {
-		color: #939393;
-	}
+    .app-navigation-entry--collapsible:hover .app-navigation-entry__children .app-navigation-entry a.app-navigation-entry-link div.app-navigation-entry-icon svg {
+        color: #939393;
+    }
 
-	.app-navigation-entry--collapsible .app-navigation-entry__children .app-navigation-entry a.app-navigation-entry-link:hover div.app-navigation-entry-icon svg {
-		color: #484c93;
-	}
+    .app-navigation-entry--collapsible .app-navigation-entry__children .app-navigation-entry a.app-navigation-entry-link:hover div.app-navigation-entry-icon svg {
+        color: #484c93;
+    }
 }
 
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] {
-	gap: 0;
+    gap: 0;
 }
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] button.icon-collapse {
-	height: 50px;
+    height: 50px;
 }
 
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] button.icon-collapse span.button-vue__wrapper,
 .app-navigation-entry .app-navigation-entry-link[title="Shares"] button.icon-collapse span.button-vue__wrapper span.button-vue__icon {
-	height: 50px;
+    height: 50px;
 }
 
 
 /* CONTAINER FIX  */
 .app-content, #app-content {
-	flex: 1 1 100% !important;
-	/* padding-right: calc((100vw - 1400px) / 2 + 4px) !important; */
+    flex: 1 1 100% !important;
+    /* padding-right: calc((100vw - 1400px) / 2 + 4px) !important; */
 }
 
 .app-sidebar {
-	/*padding-top: 85px;*/
+    /*padding-top: 85px;*/
 }
 
 .app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions button.app-sidebar-header__star.button-vue.button-vue--icon-only.button-vue--vue-secondary {
-	min-width: 20px !important;
-	min-height: 20px !important;
-	width: 20px !important;
-	height: 20px !important;
+    min-width: 20px !important;
+    min-height: 20px !important;
+    width: 20px !important;
+    height: 20px !important;
 }
 
 .app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-9dd749aa] {
-	top: 12px;
+    top: 12px;
 }
 
 .apps-list {
-	padding: 40px 65px;
+    padding: 40px 65px;
 }
 
 .app-files #app-content {
-	padding-left: 0;
-	width: 100%;
+    padding-left: 0;
+    width: 100%;
 }
 
 .app-activity#content,
 .app-files#content {
-	padding-top: 79px !important;
-	/*background-color: var(--color-main-background);*/
+    padding-top: 79px !important;
+    /*background-color: var(--color-main-background);*/
 }
 
 #settings #expand {
-	padding-right: 0 !important;
+    padding-right: 0 !important;
 }
 
 #settings #expanddiv:after {
-	right: 10px;
+    right: 10px;
 }
 
 .creatable {
-	padding-right: 0 !important;
+    padding-right: 0 !important;
 }
 
 #view-toggle {
-	/* right: calc((100vw - 1400px) / 2 - 10px); */
-	/* top: 100px; */
-	/* position: relative; */
+    /* right: calc((100vw - 1400px) / 2 - 10px); */
+    /* top: 100px; */
+    /* position: relative; */
 }
 
 #rich-workspace, #recommendations {
-	padding-left: 0 !important;
+    padding-left: 0 !important;
 }
 
 .grid-container {
-	padding-right: 0 !important;
-	padding-left: 14px !important;
+    padding-right: 0 !important;
+    padding-left: 14px !important;
 }
 
 .section {
-	padding-right: 0;
+    padding-right: 0;
 }
 
 .apps-list .section {
-	padding-right: 30px;
+    padding-right: 30px;
 }
 
 
 #personal-settings {
-	padding-right: 0 !important;
+    padding-right: 0 !important;
 }
 
 .with-app-sidebar .store .section {
-	width: 25% !important;
+    width: 25% !important;
 }
 
 @media (max-width: 1400px) {
-	.app-content, #app-content {
-		flex-basis: 100vw !important;
-		flex-shrink: unset !important;
-		padding-right: 9px !important;
-	}
+    .app-content, #app-content {
+        flex-basis: 100vw !important;
+        flex-shrink: unset !important;
+        padding-right: 9px !important;
+    }
 
-	#view-toggle {
-		right: -5px !important;
-	}
+    #view-toggle {
+        right: -5px !important;
+    }
 
-	.with-app-sidebar .store .section {
-		width: 50% !important;
-	}
+    .with-app-sidebar .store .section {
+        width: 50% !important;
+    }
 
-	#rich-workspace, #recommendations {
-		padding-left: 16px !important;
-	}
+    #rich-workspace, #recommendations {
+        padding-left: 16px !important;
+    }
 }
 
 .app-navigation--close ~ .app-content {
-	flex-basis: 100vw !important;
+    flex-basis: 100vw !important;
 }
 
 .app-content #app-content {
-	padding-right: 0 !important;
+    padding-right: 0 !important;
 }
 
 .app-sidebar-tabs__tab a.active {
-	opacity: 1 !important;
-	border-color: #484c93 !important;
-	box-shadow: inset 0 -1px 0 #484c93 !important;
+    opacity: 1 !important;
+    border-color: #484c93 !important;
+    box-shadow: inset 0 -1px 0 #484c93 !important;
 }
 
 .app-sidebar-tabs__tab a:not(.active):hover, .app-sidebar-tabs__tab a:not(.active):focus {
-	border-color: #484c93 !important;
-	box-shadow: inset 0 -1px 0 #484c93 !important;
-}
-
-.set-status-modal .vs__dropdown-toggle {
-	border-color: transparent !important;
+    border-color: #484c93 !important;
+    box-shadow: inset 0 -1px 0 #484c93 !important;
 }
 
 #weather-status-menu-item button .button-vue__text {
-	font-weight: 400;
+    font-weight: 400;
 }
 
 .vs__dropdown-menu.vs__dropdown-menu--floating {
-	border-color: transparent !important;
+    border-color: transparent !important;
 }
 
-.v-select.select.vs--open .vs__dropdown-toggle {
-	border-color: #cfcfcf !important;
-	outline: 0 !important;
-	box-shadow: 0 0 0 4px rgba(50, 31, 219, .25) !important;
+.v-select.select.vs--open .vs__dropdown-toggle{
+    border-color: #cfcfcf !important;
+    outline: 0 !important;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-width: 1px !important;
 }
-
 .v-select .vs__dropdown-toggle {
-	border: 1px solid #cfcfcf;
+    border: 1px solid #cfcfcf;
 }
-
 .v-select.select .vs__selected-options {
-	flex-wrap: nowrap;
+    flex-wrap: nowrap;
+}
+.v-select.select .vs__selected-options input:focus{
+    box-shadow: none !important;
+    border-color: transparent !important;
 }
 
-/*.v-select.select.vs--searchable .vs__dropdown-toggle .vs__selected,*/
-/*.v-select.select.vs--searchable .vs__dropdown-toggle .vs__selected-options,*/
-/*.v-select.select.vs--searchable .vs__dropdown-toggle {*/
-/*	cursor: pointer;*/
-/*	padding: 0;*/
-/*	margin: 0;*/
-/*}*/
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search),
 select,
 input[type="select"],
 textarea {
-	color: #939393;
-	font-size: 14px;
-	background-color: #ffffff !important;
-	border: 1px solid #cfcfcf;
-	width: 100% !important;
-	box-sizing: border-box;
-	border-radius: 4px;
-	height: 100%;
-	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    color: #939393;
+    font-size: 14px;
+    background-color: #ffffff !important;
+    border: 1px solid #cfcfcf;
+    width: 100% !important;
+    box-sizing: border-box;
+    border-radius: 4px;
+    height: 100%;
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+input#absence-first-day:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search),
+input#absence-last-day:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search){
+    height: auto !important;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search).focus-visible:focus,
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search):focus,
 select:focus,
 textarea:focus {
-	border-color: #cfcfcf !important;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf !important;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search):not(.vs__search).focus-visible:focus::placeholder,
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search):not(.vs__search):focus::placeholder,
 textarea:focus::placeholder {
-	opacity: 0;
+    opacity: 0;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search).focus-visible:hover,
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search):hover,
 select:hover, textarea {
-	cursor: text;
-	background-color: #ffffff !important;
-	border: 1px solid #cfcfcf !important;
+    cursor: text;
+    background-color: #ffffff !important;
+    border: 1px solid #cfcfcf !important;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):disabled,
 select:disabled,
 input[type="select"]:disabled,
 textarea:disabled {
-	color: #939393;
-	font-size: 14px;
-	background-color: #f2f2f2;
-	border: 1px solid #cfcfcf;
-	box-sizing: border-box;
-	border-radius: 4px;
-	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+    color: #939393;
+    font-size: 14px;
+    background-color: #f2f2f2;
+    border: 1px solid #cfcfcf;
+    box-sizing: border-box;
+    border-radius: 4px;
+    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):disabled.focus-visible:focus,
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):disabled:focus,
 select:disabled:focus,
 textarea:disabled:focus {
-	border-color: #cfcfcf !important;
-	outline: 0;
-	box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
+    border-color: #cfcfcf !important;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, .25) !important;
 }
 
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):disabled.focus-visible:hover,
 input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):disabled:hover,
 select:disabled:hover, textarea:disabled {
-	cursor: not-allowed;
-	background-color: #f2f2f2 !important;
-	border: 1px solid #cfcfcf !important;
+    cursor: not-allowed;
+    background-color: #f2f2f2 !important;
+    border: 1px solid #cfcfcf !important;
 }
 
 div.app-navigation.app-navigation {
-	display: flex;
-	flex-direction: column;
-	background-color: #f2f2f2 !important;
-	box-shadow: none !important;
-	transition: all .15s ease;
-	width: 290px;
-	flex: 1 0 290px;
-	transform: translateX(0);
-	backdrop-filter: none;
-	padding-top: 0px !important;
-	height: calc(100svh - 79px) !important;
+    display: flex;
+    flex-direction: column;
+    background-color: #f2f2f2 !important;
+    box-shadow: none !important;
+    transition: all .15s ease;
+    width: 290px;
+    flex: 1 0 290px;
+    transform: translateX(0);
+    backdrop-filter: none;
+    padding-top: 0px !important;
+    height: calc(100svh - 79px) !important;
 }
 
 @media screen and (max-width: 1024px) {
-	div.app-navigation.app-navigation {
-		position: relative;
-	}
+    div.app-navigation.app-navigation {
+        position: relative;
+    }
 }
 
 div#div.app-navigation {
-	display: flex;
-	flex-direction: column;
-	background-color: #f2f2f2 !important;
-	box-shadow: none !important;
-	transition: all .15s ease;
-	width: 290px;
-	flex: 1 0 290px;
-	transform: translateX(0);
-	backdrop-filter: none;
-	padding-top: 0px !important;
-	height: calc(100vh - 124px) !important;
+    display: flex;
+    flex-direction: column;
+    background-color: #f2f2f2 !important;
+    box-shadow: none !important;
+    transition: all .15s ease;
+    width: 290px;
+    flex: 1 0 290px;
+    transform: translateX(0);
+    backdrop-filter: none;
+    padding-top: 0px !important;
+    height: calc(100vh - 124px) !important;
 }
 
 .app-navigation-toggle-wrapper.app-navigation-toggle-wrapper.app-navigation-toggle-wrapper,
 div#div.app-navigation button[type='button'].app-navigation-toggle,
 .app-navigation button[type='button'].app-navigation-toggle {
-	position: relative;
-	margin-right: 0;
-	inset: initial;
+    position: relative;
+    margin-right: 0;
+    inset: initial;
 }
 
 #app-navigation.app-navigation--close,
 div.app-navigation.app-navigation--close {
-	width: 65px;
-	position: relative;
-	top: 0 !important;
-	flex: 1 0 65px;
-	overflow-y: auto;
-	overflow-x: hidden;
-	margin: 0;
+    width: 65px;
+    position: relative;
+    top: 0 !important;
+    flex: 1 0 65px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    margin: 0;
 }
 
 
 #app-navigation.app-navigation--close ul li[data-section-type] a img,
 div.app-navigation.app-navigation--close ul li[data-section-type] a img {
-	/* background-position: 21px center; */
-	padding: 15px;
+    /* background-position: 21px center; */
+    padding: 15px;
 }
 
 div.app-navigation.app-navigation--close .app-navigation-caption,
@@ -3502,62 +3659,69 @@ div.app-navigation.app-navigation--close ul li a .app-navigation-entry__name,
 div.app-navigation.app-navigation--close ul li a ~ .app-navigation-entry__utils .app-navigation-entry__counter,
 div.app-navigation.app-navigation--close .app-navigation-entry-link .app-navigation-entry__title,
 div.app-navigation.app-navigation--close .app-navigation-entry-link .app-navigation-entry__name {
-	font-size: 0;
-	overflow: visible;
-	position: relative;
-	padding-right: 0;
+    font-size: 0;
+    overflow: visible;
+    position: relative;
+    padding-right: 0;
+}
+
+.app-navigation .app-navigation-entry__settings .app-navigation-entry__settings-quota progress {
+    display: none;
 }
 
+.app-navigation .app-navigation-entry__settings .app-navigation-entry__settings-quota .app-navigation-entry__name {
+    margin-top: 0;
+}
 
 #app-navigation.app-navigation--close ul li.app-navigation-caption,
 div.app-navigation.app-navigation--close ul li.app-navigation-caption {
-	font-size: 0;
-	/*line-height: 0*/
+    font-size: 0;
+    /*line-height: 0*/
 }
 
 div.app-navigation.app-navigation--close #app-settings #app-settings__header .settings-button .settings-button__label,
 div.app-navigation.app-navigation--close #app-settings #app-settings__header .settings-button .button-vue__wrapper,
 div.app-navigation.app-navigation--close #app-settings #app-settings-header .settings-button .button-vue__wrapper {
-	font-size: 0;
+    font-size: 0;
 }
 
 #app-settings #app-settings-header .settings-button .button-vue__wrapper {
-	width: auto;
-	flex-shrink: 0;
+    width: auto;
+    flex-shrink: 0;
 }
 
 .app-navigation__toggle-wrapper,
 #app-navigation button.app-navigation-toggle,
 div.app-navigation button.app-navigation-toggle {
-	height: 58px !important;
-	min-height: 58px !important;
-	display: flex !important;
-	justify-content: flex-start;
-	padding: 0;
-	width: 100% !important;
-	background-color: #ebebeb;
-	inset: 0 !important;
-	border-radius: 0 !important;
-	margin: 0 !important;
-	border: none;
-	margin-top: auto !important;
-	order: 1;
-	z-index: 999;
-	bottom: 0 !important;
-	position: sticky !important;
+    height: 58px !important;
+    min-height: 58px !important;
+    display: flex !important;
+    justify-content: flex-start;
+    padding: 0;
+    width: 100% !important;
+    background-color: #ebebeb;
+    inset: 0 !important;
+    border-radius: 0 !important;
+    margin: 0 !important;
+    border: none;
+    margin-top: auto !important;
+    order: 1;
+    z-index: 999;
+    bottom: 0 !important;
+    position: sticky !important;
 }
 
 @media screen and (max-width: 640px) {
-	#app-navigation .app-navigation-toggle,
-	div.app-navigation .app-navigation-toggle {
-		display: none !important;
-	}
+    #app-navigation .app-navigation-toggle,
+    div.app-navigation .app-navigation-toggle {
+        display: none !important;
+    }
 }
 
 #app-navigation.app-navigation--close #app-settings #app-settings__header .settings-button,
 #app-navigation.app-navigation--close #app-settings #app-settings-header .settings-button {
-	font-size: 0;
-	max-height: 50px;
+    font-size: 0;
+    max-height: 50px;
 }
 
 #app-navigation.app-navigation--close #app-settings #app-settings__header .settings-button::before,
@@ -3568,45 +3732,45 @@ div.app-navigation button.app-navigation-toggle {
 div.app-navigation.app-navigation--close #app-settings #app-settings__header .settings-button span[role="img"],
 #app-navigation #app-settings #app-settings__header .settings-button::before,
 #app-navigation #app-settings #app-settings-header .settings-button::before {
-	width: 50px !important;
-	height: 50px !important;
-	flex: 0 0 60px !important;
-	background-size: 20px 20px;
-	background-position: center;
+    width: 50px !important;
+    height: 50px !important;
+    flex: 0 0 60px !important;
+    background-size: 20px 20px;
+    background-position: center;
 }
 
 #app-navigation .app-navigation-toggle > span,
 #app-navigation .app-navigation-toggle > span.button-vue__wrapper,
 div.app-navigation .app-navigation-toggle > span,
 div.app-navigation .app-navigation-toggle > span.button-vue__wrapper {
-	width: 64px;
-	margin-right: auto;
-	position: relative;
-	height: 100%;
+    width: 64px;
+    margin-right: auto;
+    position: relative;
+    height: 100%;
 }
 
 #app-navigation .app-navigation-toggle > span.button-vue__wrapper > *,
 div.app-navigation .app-navigation-toggle > span.button-vue__wrapper > * {
-	display: none;
+    display: none;
 }
 
 #app-navigation .app-navigation-toggle span.material-design-icon svg,
 div.app-navigation .app-navigation-toggle span.material-design-icon svg {
-	display: none;
+    display: none;
 }
 
 #app-navigation .app-navigation-toggle span.button-vue__wrapper:before,
 div.app-navigation .app-navigation-toggle span.button-vue__wrapper:before {
-	content: '';
-	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="19" viewBox="0 0 12 19" fill="none"><path d="M0.250986 10.0213L10.537 18.7948C10.8775 19.0753 11.4201 19.0672 11.749 18.7768C12.0698 18.4934 12.0698 18.0443 11.749 17.761L2.06902 9.50443L11.749 1.24787C12.0837 0.962391 12.0837 0.499557 11.749 0.214077C11.4143 -0.0713596 10.8717 -0.0713595 10.537 0.214077L0.250986 8.98753C-0.0836599 9.27305 -0.0836599 9.73584 0.250986 10.0213Z" fill="%23868686"/></svg>');
-	width: 64px;
-	height: 100%;
-	display: block;
-	background-repeat: no-repeat;
-	background-position: center;
-	transition: -webkit-transform .15s;
-	transition: transform .15s;
-	transition: transform .15s, -webkit-transform .15s;
+    content: '';
+    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="19" viewBox="0 0 12 19" fill="none"><path d="M0.250986 10.0213L10.537 18.7948C10.8775 19.0753 11.4201 19.0672 11.749 18.7768C12.0698 18.4934 12.0698 18.0443 11.749 17.761L2.06902 9.50443L11.749 1.24787C12.0837 0.962391 12.0837 0.499557 11.749 0.214077C11.4143 -0.0713596 10.8717 -0.0713595 10.537 0.214077L0.250986 8.98753C-0.0836599 9.27305 -0.0836599 9.73584 0.250986 10.0213Z" fill="%23868686"/></svg>');
+    width: 64px;
+    height: 100%;
+    display: block;
+    background-repeat: no-repeat;
+    background-position: center;
+    transition: -webkit-transform .15s;
+    transition: transform .15s;
+    transition: transform .15s, -webkit-transform .15s;
 }
 
 #app-navigation .app-navigation-toggle:active,
@@ -3615,231 +3779,234 @@ div.app-navigation .app-navigation-toggle span.button-vue__wrapper:before {
 div.app-navigation .app-navigation-toggle:active,
 div.app-navigation .app-navigation-toggle:focus,
 div.app-navigation .app-navigation-toggle:focus-visible {
-	outline: none;
-	box-shadow: none;
-	background-color: #ebebeb;
+    outline: none;
+    box-shadow: none;
+    background-color: #ebebeb;
 }
 
 #app-navigation.app-navigation--close .app-navigation-toggle span.button-vue__wrapper:before,
 div.app-navigation.app-navigation--close .app-navigation-toggle span.button-vue__wrapper:before {
-	-webkit-transform: rotate(-180deg);
-	transform: rotate(-180deg);
+    -webkit-transform: rotate(-180deg);
+    transform: rotate(-180deg);
 }
 
 div.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon,
 div.app-navigation-entry .app-navigation-entry-div .app-navigation-entry-icon {
-	background-size: 20px 20px;
-	background-position: 20px center;
-	transition: all .2s ease-out;
+    background-size: 20px 20px;
+    background-position: 20px center;
+    transition: all .2s ease-out;
 }
 
 #app-navigation:not(.vue) ul > li > a:first-child img,
 #app-navigation:not(.vue) ul > li > ul > li > a:first-child img {
-	width: 20px;
-	height: 20px;
+    width: 20px;
+    height: 20px;
 }
 
 .navigation-list,
 #app-navigation:not(.vue) ul {
-	flex-shrink: 1;
-	height: 100% !important;
-	padding: 0 !important;
-	top: 0;
+    flex-shrink: 1;
+    height: 100% !important;
+    padding: 0 !important;
+    top: 0;
 }
 
 #app-navigation:not(.vue) nav ul {
-	flex-shrink: 1;
-	height: 100% !important;
-	padding: 0 !important;
-	top: 0;
-	overflow-x: hidden;
-	overflow-y: hidden;
+    flex-shrink: 1;
+    height: 100% !important;
+    padding: 0 !important;
+    top: 0;
+    overflow-x: hidden;
+    overflow-y: hidden;
 }
 
 .content.app-settings .app-navigation.app-navigation--close .app-navigation__content ul.app-navigation__list,
 .content.app-settings .app-navigation.app-navigation--close .app-navigation__content ul.app-navigation-list {
-	overflow-x: hidden;
-	overflow-y: auto;
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .content.app-settings .app-navigation.app-navigation--close {
-	overflow: hidden;
+    overflow: hidden;
 }
 
 .app-navigation-list li.app-navigation-entry-wrapper > .app-navigation-entry{
-	flex-wrap: nowrap;
+    flex-wrap: nowrap;
 }
 
 .app-navigation.app-navigation--close .app-navigation-list li.app-navigation-entry-wrapper > .app-navigation-entry .app-navigation-entry__utils,
 .app-navigation.app-navigation--close .app-navigation-caption{
-	display: none;
+    display: none;
 }
 
 li.app-navigation-entry--pinned.app-navigation-entry-wrapper,
 #app-settings,
 li#app-navigation-item-ogutz,
 .app-navigation ul.app-navigation-entry__settings {
-	margin-top: 20px;
-	position: relative;
-	overflow: visible !important;
+    margin-top: 20px;
+    position: relative;
+    overflow: visible !important;
 }
 
 li.app-navigation-entry--pinned.app-navigation-entry-wrapper svg {
-	display: none;
+    display: none;
 }
 
 .app-navigation ul.app-navigation-entry__settings:before,
 li#app-navigation-item-ogutz:before,
 #app-settings:before,
 li.app-navigation-entry--pinned:before {
-	content: '';
-	position: absolute;
-	display: block;
-	top: -10px;
-	height: 1px;
-	width: 100%;
-	left: 0;
-	background-color: #dfe0eb;
-	z-index: 1;
+    content: '';
+    position: absolute;
+    display: block;
+    top: -10px;
+    height: 1px;
+    width: 100%;
+    left: 0;
+    background-color: #dfe0eb;
+    z-index: 1;
 }
 
 #app-navigation ul > li.active {
-	background-color: initial;
-	color: initial;
-	transition: background-color .2s ease-out;
+    background-color: initial;
+    color: initial;
+    transition: background-color .2s ease-out;
 }
 
 #app-navigation ul > li.active a {
-	transition: background-color .2s ease-out;
-	border-left: 3px solid var(--nav-border-left-color) !important;
+    transition: background-color .2s ease-out;
+    border-left: 3px solid var(--nav-border-left-color) !important;
 }
 
 #app-navigation ul > li.active a:first-child img {
-	filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+}
+.app-settings .mail_settings p select:nth-child(2),
+.app-settings .mail_settings p input:not([type=button]):not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search){
+    width: 143px !important;
 }
-
 @media (any-hover: hover) {
-	#app-navigation ul > li > a:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-color) !important;
-		border-radius: 0 !important;
-	}
+    #app-navigation ul > li > a:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-color) !important;
+        border-radius: 0 !important;
+    }
 }
 
 @media (any-hover: hover) {
-	#app-navigation .app-navigation-toggle:hover:not(:disabled),
-	div.app-navigation .app-navigation-toggle:hover:not(:disabled) {
-		background-color: rgb(169 169 169);
-	}
-
-	.navigation-list li .navigation-list__link.navigation-list__link--active:hover,
-	.app-navigation:not(.vue) > ul > li.active > a:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a:active:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a:active > a:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a.selected:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a.selected > a:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a.active:hover:not(:disabled),
-	.app-navigation:not(.vue) > ul > li a.active > a:hover:not(:disabled) {
-		background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-		border-left-color: var(--nav-border-left-color) !important;
-	}
-
-	#app-navigation:not(.vue) ul > li.active > a:hover:not(:disabled),
-	#app-navigation:not(.vue) ul > li a:active, :hover:not(:disabled)
-	#app-navigation:not(.vue) ul > li a:active > a:hover:not(:disabled),
-	#app-navigation:not(.vue) ul > li a.selected:hover:not(:disabled),
-	#app-navigation:not(.vue) ul > li a.selected > a, :hover:not(:disabled)
-	#app-navigation:not(.vue) ul > li a.active:hover:not(:disabled),
-	#app-navigation:not(.vue) ul > li a.active > a:hover:not(:disabled) {
-		background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-	}
-
-	#app-settings.open #app-settings__header .settings-button:hover:not(:disabled),
-	#app-settings #app-settings-header .settings-button.opened:hover:not(:disabled) {
-		background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
-	}
+    #app-navigation .app-navigation-toggle:hover:not(:disabled),
+    div.app-navigation .app-navigation-toggle:hover:not(:disabled) {
+        background-color: rgb(169 169 169);
+    }
+
+    .navigation-list li .navigation-list__link.navigation-list__link--active:hover,
+    .app-navigation:not(.vue) > ul > li.active > a:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a:active:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a:active > a:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a.selected:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a.selected > a:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a.active:hover:not(:disabled),
+    .app-navigation:not(.vue) > ul > li a.active > a:hover:not(:disabled) {
+        background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+        border-left-color: var(--nav-border-left-color) !important;
+    }
+
+    #app-navigation:not(.vue) ul > li.active > a:hover:not(:disabled),
+    #app-navigation:not(.vue) ul > li a:active, :hover:not(:disabled)
+    #app-navigation:not(.vue) ul > li a:active > a:hover:not(:disabled),
+    #app-navigation:not(.vue) ul > li a.selected:hover:not(:disabled),
+    #app-navigation:not(.vue) ul > li a.selected > a, :hover:not(:disabled)
+    #app-navigation:not(.vue) ul > li a.active:hover:not(:disabled),
+    #app-navigation:not(.vue) ul > li a.active > a:hover:not(:disabled) {
+        background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+    }
+
+    #app-settings.open #app-settings__header .settings-button:hover:not(:disabled),
+    #app-settings #app-settings-header .settings-button.opened:hover:not(:disabled) {
+        background-color: rgba(72, 76, 147, 0.06274509803921569) !important;
+    }
 }
 
 .header-left {
-	background-color: #fff !important;
-	/* flex: 0 0; */
+    background-color: #fff !important;
+    /* flex: 0 0; */
 }
 
 body.sidebar[aria-expanded="false"] #header .header-left {
-	width: 65px;
-	top: 0 !important;
-	flex: 1 0 65px;
+    width: 65px;
+    top: 0 !important;
+    flex: 1 0 65px;
 }
 
 body.sidebar[aria-expanded="false"] #header .header-left #nextcloud,
 body.sidebar[aria-expanded="false"] #header .header-left #nextcloud .logo.logo-icon {
-	width: 45px !important;
-	/* height: 100% !important; */
+    width: 45px !important;
+    /* height: 100% !important; */
 }
 
 body.sidebar[aria-expanded="false"] #header #header-right,
 body.sidebar[aria-expanded="false"] #header .header-right {
-	width: calc(100% - 64px);
-	max-width: calc(100% - 64px);
+    width: calc(100% - 64px);
+    max-width: calc(100% - 64px);
 }
 
 body #header #header-right,
 body #header .header-right {
-	border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;
-	box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;
-	gap: 10px;
+    border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;
+    box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;
+    gap: 10px;
 }
 
 body:not(.sidebar) #header #header-right,
 body:not(.sidebar) #header .header-right {
-	border-bottom: none !important;
-	box-shadow: none !important;
-	gap: 10px;
+    border-bottom: none !important;
+    box-shadow: none !important;
+    gap: 10px;
 }
 
 body.sidebar[aria-expanded="true"] #header #header-right,
 body.sidebar[aria-expanded="true"] #header .header-right {
-	width: calc(100% - 290px);
-	max-width: calc(100% - 290px);
+    width: calc(100% - 290px);
+    max-width: calc(100% - 290px);
 }
 
 .app-navigation__content {
-	max-height: calc(100% - 40px);
+    max-height: calc(100% - 58px);
 }
 
 body #header #header-right,
 body #header .header-right {
-	width: 100%;
-	max-width: 100%;
+    width: 100%;
+    max-width: 100%;
 }
 
 body:not(.sidebar) #header .header-left {
-	background-color: #fff !important;
+    background-color: #fff !important;
 }
 
 body.sidebar #header .header-left {
-	height: 100%;
-	background-color: #f2f2f2 !important;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	transition: all .15s ease;
-	flex: 1 0 290px;
-	/* position: relative; */
-	z-index: 5;
+    height: 100%;
+    background-color: #f2f2f2 !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all .15s ease;
+    flex: 1 0 290px;
+    /* position: relative; */
+    z-index: 5;
 }
 
 
 body.no-sidebar #header .header-left {
-	background-color: #fff !important;
+    background-color: #fff !important;
 }
 
 body #header .header-left {
-	flex: 1 0 290px;
-	white-space: nowrap;
-	width: 290px;
-	min-width: initial;
-	justify-content: center;
+    flex: 1 0 290px;
+    white-space: nowrap;
+    width: 290px;
+    min-width: initial;
+    justify-content: center;
 }
 
 .app-navigation.app-navigation--close .app-navigation-entry--collapsible.app-navigation-entry--no-icon .icon-collapse,
@@ -3848,40 +4015,39 @@ body #header .header-left {
 #app-navigation.app-navigation--close .app-navigation-entry--collapsible.app-navigation-entry--no-icon .icon-collapse,
 #app-navigation.app-navigation--close .app-navigation-entry--collapsible:hover .icon-collapse,
 #app-navigation.app-navigation--close .app-navigation-entry--collapsible:focus .icon-collapse {
-	position: relative;
+    position: relative;
 }
 
 .app-navigation.app-navigation--close .app-navigation-entry__children .app-navigation-entry,
 #app-navigation.app-navigation--close .app-navigation-entry__children .app-navigation-entry {
-	padding-left: 0;
+    padding-left: 0;
 }
-
-ul.app-navigation-entry__children .app-navigation-entry {
-	padding-left: 0;
+.app-navigation.app-navigation--close .app-navigation-entry__children .app-navigation-entry-link {
+    padding-left: 0 !important;
 }
 
 #app-navigation.app-navigation--close .app-navigation-entry .app-navigation-entry-link[title="Shares"] ~ button.icon-collapse,
 .app-navigation.app-navigation--close .app-navigation-entry .app-navigation-entry-link[title="Shares"] ~ button.icon-collapse {
-	/* display: block; */
-	height: 20px;
-	line-height: 1;
-	min-height: 20px !important;
-	/* top: 100%; */
-	width: 100% !important;
-	/* left: calc(50% - 22px); */
+    /* display: block; */
+    height: 20px;
+    line-height: 1;
+    min-height: 20px !important;
+    /* top: 100%; */
+    width: 100% !important;
+    /* left: calc(50% - 22px); */
 }
 
 .files-filestable tbody tr {
-	height: 61px;
-	transition: all .3s ease;
+    height: 61px;
+    transition: all .3s ease;
 
-	tbody tr {
-		height: 61px;
-		border-color: #DFE0EB;
-		border-bottom: 1px solid var(--color-border);
-	}
+    tbody tr {
+        height: 61px;
+        border-color: #DFE0EB;
+        border-bottom: 1px solid var(--color-border);
+    }
 
-	--color-border: #DFE0EB !important;
+    --color-border: #DFE0EB !important;
 }
 
 .files-list__table tbody tr span.nametext,
@@ -3898,302 +4064,308 @@ ul.app-navigation-entry__children .app-navigation-entry {
 .files-filestable tbody tr td.date,
 .files-filestable tbody tr .filesize,
 .files-filestable tbody tr .modified.live-relative-timestamp {
-	color: #252733 !important;
+    color: #252733 !important;
 }
 
 a.sort {
-	color: #9FA2B4;
+    color: #9FA2B4;
 }
 
 .files-list__table,
 .files-filestable {
-	table-layout: fixed;
-	margin-inline: 36px;
+    table-layout: fixed;
+    margin-inline: 36px;
 }
 
 .files-list__table.multiselect,
 .files-filestable.multiselect {
-	border: none;
-	background-color: initial;
-	font-size: 15px;
+    border: none;
+    background-color: initial;
+    font-size: 15px;
 }
 
 
 table.files-list__table tbody tr.selected,
 table.files-filestable tbody tr.selected {
-	background-color: var(--color-background-hover);
+    background-color: var(--color-background-hover);
 }
 
 @media (any-hover: hover) {
-	table.files-list__table tbody tr.selected:hover,
-	table.files-filestable tbody tr.selected:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-hover-color) !important;
-	}
+    table.files-list__table tbody tr.selected:hover,
+    table.files-filestable tbody tr.selected:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-hover-color) !important;
+    }
 
-	table.files-list__table .files-list__thead th.files-list__column--sortable button:hover {
-		background-color: transparent;
-	}
+    table.files-list__table .files-list__thead th.files-list__column--sortable button:hover {
+        background-color: transparent;
+    }
 }
 
 
 @font-face {
-	font-family: 'icomoon';
-	src: url('../fonts/icons/icomoon.eot?vvnxd6');
-	src: url('../fonts/icons/icomoon.eot?vvnxd6#iefix') format('embedded-opentype'),
-	url('../fonts/icons/icomoon.ttf?vvnxd6') format('truetype'),
-	url('../fonts/icons/icomoon.woff?vvnxd6') format('woff'),
-	url('../fonts/icons/icomoon.svg?vvnxd6#icomoon') format('svg');
-	font-weight: normal;
-	font-style: normal;
-	font-display: block;
-}
-
-[class^="icon-"], [class*=" icon-"], .app-menu-main .app-menu-entry a, .app-menu-main.app-menu-main .action.app-menu-popover-entry a, .header-menu button.header-menu__trigger span, .action.app-menu-popover-entry a .app-icon, .header-menu button.header-menu__trigger {
-	/* use !important to prevent issues with browser extensions that change fonts */
-	font-family: 'icomoon', ui-serif !important;
-	speak: never;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-	line-height: 1;
-
-	/* Better Font Rendering =========== */
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+    font-family: 'icomoon';
+    src: url('../fonts/icons/icomoon.eot?vvnxd6');
+    src: url('../fonts/icons/icomoon.eot?vvnxd6#iefix') format('embedded-opentype'),
+    url('../fonts/icons/icomoon.ttf?vvnxd6') format('truetype'),
+    url('../fonts/icons/icomoon.woff?vvnxd6') format('woff'),
+    url('../fonts/icons/icomoon.svg?vvnxd6#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: block;
+}
+
+[class^="icon-"], [class*=" icon-"],
+.app-menu-main .app-menu-entry a,
+.app-menu-main.app-menu-main .action.app-menu-popover-entry a,
+.header-menu button.header-menu__trigger span,
+.action.app-menu-popover-entry a .app-icon,
+.header-menu button.header-menu__trigger,
+.app-menu__list .app-menu-entry__link:before {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon', ui-serif !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 .icon-speak:before {
-	content: "\e900";
-	color: #4f4f4f;
+    content: "\e900";
+    color: #4f4f4f;
 }
 
-.app-menu-main .app-menu-entry[data-app-id="dashboard"] a:before {
-	content: "\e903";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 31px;
-	top: -2px;
-	position: relative;
+.app-menu__list .app-menu-entry__link[title="Dashboard"]:before {
+    content: "\e903";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 31px;
+    top: -2px;
+    position: relative;
 }
 
-.app-menu-main .app-menu-entry[data-app-id="files"] a:before {
-	content: "\e904";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 31px;
-	top: 0px;
-	position: relative;
+.app-menu__list .app-menu-entry__link[title="Files"]:before {
+    content: "\e904";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 31px;
+    top: 0px;
+    position: relative;
 }
 
-.app-menu-main .app-menu-entry[data-app-id="photos"] a:before {
-	content: "\e905";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 31px;
+.app-menu__list .app-menu-entry__link[title="Photos"]:before {
+    content: "\e905";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 31px;
 }
 
-.app-menu-main .app-menu-entry[data-app-id="activity"] a:before {
-	content: "\e900";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
+.app-menu__list .app-menu-entry__link[title="Activity"]:before {
+    content: "\e900";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
 }
 
 .action.app-menu-popover-entry a[href*="spreed"] .app-icon:before {
-	content: "\e907";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
+    content: "\e907";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
 }
 
 .action.app-menu-popover-entry a[href*="activity"] .app-icon:before {
-	content: "\e900";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
-	height: auto;
+    content: "\e900";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
+    height: auto;
 }
 
 .action.app-menu-popover-entry a[href*="photos"] .app-icon:before {
-	content: "\e907";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
-	height: auto;
+    content: "\e907";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
+    height: auto;
 }
 
 .action.app-menu-popover-entry a[href*="spreed"] .app-icon:before {
-	content: "\e905";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
-	height: auto;
+    content: "\e905";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
+    height: auto;
 }
 
 .action.app-menu-popover-entry a[href*="dashboard"] .app-icon:before {
-	content: "\e903";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
-	height: auto;
+    content: "\e903";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
+    height: auto;
 }
 
 .action.app-menu-popover-entry a[href*="files"] .app-icon:before {
-	content: "\e904";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
-	height: auto;
+    content: "\e904";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
+    height: auto;
 }
 
 .action.app-menu-popover-entry a .app-icon {
-	height: auto;
-	width: auto;
+    height: auto;
+    width: auto;
 }
 
 .action.app-menu-popover-entry a {
-	align-items: center;
-	justify-content: center;
-	padding: 0;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
 }
 
 .action.app-menu-popover-entry a {
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	height: 100%;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    height: 100%;
 }
 
 .action.app-menu-popover-entry .action-link__text {
-	display: none;
+    display: none;
 }
 
 .v-popper__popper [id*="menu"] {
-	display: flex;
-	flex-direction: column;
-	gap: 10px;
-	padding: 4px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    padding: 4px;
 }
 
 .action.app-menu-popover-entry a img,
 .app-menu-main.app-menu-main .action.app-menu-popover-entry .action-link__text,
-.app-menu-main.app-menu-main .action.app-menu-popover-entry a img,
-.app-menu-main .app-menu-entry a img,
-.app-menu-main .app-menu-entry a div.app-menu-entry--label.app-menu-entry--label {
-	display: none;
+.app-menu-main.app-menu-main .action.app-menu-popover-entry a img {
+    display: none;
 }
-
-.app-menu-main.app-menu-main li + li {
-	margin-left: 10px;
+.app-menu__list .app-menu-icon,
+.app-menu__list .app-menu-entry__label {
+    display: none !important;
+}
+.app-menu__list li + li {
+    margin-left: 10px;
 }
 
 .app-menu-main.app-menu-main .action.app-menu-popover-entry[aria-current] a {
-	background: rgba(72, 76, 147, 0.13);
+    background: rgba(72, 76, 147, 0.13);
 }
 
 .app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary,
 .app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary .button-vue__icon,
 .app-menu-popover-entry,
-.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry a,
+.app-menu__list li a.app-menu-entry__link,
 .app-menu-main.app-menu-main .action.app-menu-popover-entry a {
-	width: 50px !important;
-	height: 50px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	padding: 0;
-	margin: 0;
+    width: 50px !important;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    margin: 0;
 }
 
 .app-menu-main.app-menu-main li.app-menu-popover-entry a,
-.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry {
-	transition: background-color .15s ease;
-	border-radius: 12px;
+.app-menu__list li.app-menu-entry {
+    transition: background-color .15s ease;
+    border-radius: 12px;
 }
 
-.app-menu-entry.app-menu-entry.app-menu-entry__active,
+.app-menu__list li.app-menu-entry.app-menu-entry--active,
 .v-popper__popper li.app-menu-popover-entry[aria-current="page"],
 .v-popper__popper li.app-menu-popover-entry[aria-current="page"].active {
-	background: rgba(72, 76, 147, 0.13) !important;
+    background: rgba(72, 76, 147, 0.13) !important;
 }
 
 .v-popper__popper li.app-menu-popover-entry[aria-current="page"] .app-icon:before {
-	color: rgba(72, 76, 147, 0.99);
+    color: rgba(72, 76, 147, 0.99);
 }
 
 .v-popper__popper li.app-menu-popover-entry.active {
-	background: transparent !important;
-	border-radius: 12px;
+    background: transparent !important;
+    border-radius: 12px;
 }
 
 .app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary .button-vue__icon,
 .app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary,
 .v-popper__popper li.app-menu-popover-entry {
-	border-radius: 12px !important;
+    border-radius: 12px !important;
 }
 
 @media (any-hover: hover) {
-	.app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary:hover,
-	.v-popper__popper li.app-menu-popover-entry:hover,
-	.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry:hover {
-		background: rgba(72, 76, 147, 0.13) !important;
-		cursor: pointer;
-	}
-
-	.v-popper__popper li.app-menu-popover-entry[aria-current="page"]:hover,
-	.v-popper__popper .action.app-menu-popover-entry li[aria-current="page"] a:hover:before,
-	.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry.app-menu-entry__active:hover {
-		background: rgba(72, 76, 147, 0.06274509803921569) !important;
-	}
-
-	.v-popper__popper li.app-menu-popover-entry:hover .app-icon:before,
-	.app-menu-main.app-menu-main li.app-menu-popover-entry[aria-current="page"] a.action-link:hover,
-	.app-menu-main.app-menu-main .action.app-menu-popover-entry li[aria-current="page"] a:hover:before,
-	.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry.app-menu-entry__active a::before,
-	.app-menu li.app-menu-entry:hover a::before {
-		color: rgba(72, 76, 147, 0.99);
-	}
-
-
-	.files-list__table tbody tr:hover .fileactions .action,
-	.files-list__table tbody tr:focus .fileactions .action,
-	.files-list__table tbody .name:focus .fileactions .action,
-	.files-list__table tbody tr:hover .filename form .fileactions .action,
-	table tr.mouseOver td .fileactions .action {
-		opacity: 1;
-		visibility: visible;
-		color: rgba(159, 162, 180, 1);
-	}
-
-	.files-filestable tbody tr:hover .fileactions .action,
-	.files-filestable tbody tr:focus .fileactions .action,
-	.files-filestable tbody .name:focus .fileactions .action,
-	.files-filestable tbody tr:hover .filename form .fileactions .action,
-	table tr.mouseOver td .fileactions .action {
-		opacity: 1;
-		visibility: visible;
-		color: rgba(159, 162, 180, 1);
-	}
+    .app-menu-more button[type="button"].action-item__menutoggle.button-vue--vue-tertiary:hover,
+    .v-popper__popper li.app-menu-popover-entry:hover,
+    .app-menu__list li.app-menu-entry:hover {
+        background: rgba(72, 76, 147, 0.13) !important;
+        cursor: pointer;
+    }
+
+    .v-popper__popper li.app-menu-popover-entry[aria-current="page"]:hover,
+    .v-popper__popper .action.app-menu-popover-entry li[aria-current="page"] a:hover:before,
+    .app-menu__list li.app-menu-entry--active:hover {
+        background: rgba(72, 76, 147, 0.06274509803921569) !important;
+    }
+
+    .v-popper__popper li.app-menu-popover-entry:hover .app-icon:before,
+    .app-menu-main.app-menu-main li.app-menu-popover-entry[aria-current="page"] a.action-link:hover,
+    .app-menu-main.app-menu-main .action.app-menu-popover-entry li[aria-current="page"] a:hover:before,
+    .app-menu__list li.app-menu-entry--active a::before,
+    .app-menu__list li.app-menu-entry:hover a::before {
+        color: rgba(72, 76, 147, 0.99) !important;
+    }
+
+    .files-list__table tbody tr:hover .fileactions .action,
+    .files-list__table tbody tr:focus .fileactions .action,
+    .files-list__table tbody .name:focus .fileactions .action,
+    .files-list__table tbody tr:hover .filename form .fileactions .action,
+    table tr.mouseOver td .fileactions .action {
+        opacity: 1;
+        visibility: visible;
+        color: rgba(159, 162, 180, 1);
+    }
+
+    .files-filestable tbody tr:hover .fileactions .action,
+    .files-filestable tbody tr:focus .fileactions .action,
+    .files-filestable tbody .name:focus .fileactions .action,
+    .files-filestable tbody tr:hover .filename form .fileactions .action,
+    table tr.mouseOver td .fileactions .action {
+        opacity: 1;
+        visibility: visible;
+        color: rgba(159, 162, 180, 1);
+    }
 }
 
 .app-menu-main.app-menu-main li.app-menu-popover-entry[aria-current="page"] a.action-link:before {
-	color: rgba(72, 76, 147, 0.99);
+    color: rgba(72, 76, 147, 0.99);
 }
 
-.app-menu-main.app-menu-main .app-menu-entry.app-menu-entry.app-menu-entry__active::before {
-	display: none;
+.app-menu__list li.app-menu-entry--active::before {
+    display: none;
 }
 
 .files-list__table tbody tr .fileactions .action,
@@ -4201,9 +4373,9 @@ table.files-filestable tbody tr.selected {
 .files-list__table tbody .name .fileactions .action,
 .files-list__table tbody tr .filename form .fileactions .action,
 table tr td .fileactions .action {
-	opacity: 0;
-	visibility: hidden;
-	transition: visibility .15s ease, opacity .15s ease;
+    opacity: 0;
+    visibility: hidden;
+    transition: visibility .15s ease, opacity .15s ease;
 }
 
 .files-filestable tbody tr .fileactions .action,
@@ -4211,231 +4383,235 @@ table tr td .fileactions .action {
 .files-filestable tbody .name .fileactions .action,
 .files-filestable tbody tr .filename form .fileactions .action,
 table tr td .fileactions .action {
-	opacity: 0;
-	visibility: hidden;
-	transition: visibility .15s ease, opacity .15s ease;
+    opacity: 0;
+    visibility: hidden;
+    transition: visibility .15s ease, opacity .15s ease;
 }
 
 .files-list__table .filename .action .icon.icon-shared {
-	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%239fa2b4'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%239fa2b4'/%3E%3C/svg%3E");
 }
 
 .files-list__table .filename .action .icon.icon-more {
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%239FA2B4'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%239FA2B4'/%3E%3C/svg%3E");
 }
 
 .files-filestable .filename .action .icon.icon-shared {
-	background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%239fa2b4'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%239fa2b4'/%3E%3C/svg%3E");
 }
 
 .files-filestable .filename .action .icon.icon-more {
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%239FA2B4'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%239FA2B4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%239FA2B4'/%3E%3C/svg%3E");
 }
 
 .files-fileList tr td.selection > .selectCheckBox + label:before {
-	opacity: 1;
+    opacity: 1;
 }
 
 .icon-activity:before {
-	content: "\e900";
-	color: #cfcfcf;
+    content: "\e900";
+    color: #cfcfcf;
 }
 
 .icon-bell:before {
-	content: "\e901";
-	color: #cfcfcf;
+    content: "\e901";
+    color: #cfcfcf;
 }
 
 .icon-book:before {
-	content: "\e902";
-	color: #cfcfcf;
+    content: "\e902";
+    color: #cfcfcf;
 }
 
 .icon-dashboard:before {
-	content: "\e903";
-	color: #cfcfcf;
+    content: "\e903";
+    color: #cfcfcf;
 }
 
 .icon-files:before {
-	content: "\e904";
-	color: #cfcfcf;
+    content: "\e904";
+    color: #cfcfcf;
 }
 
 .icon-media:before {
-	content: "\e905";
-	color: #cfcfcf;
+    content: "\e905";
+    color: #cfcfcf;
 }
 
 .icon-search:before {
-	content: "\e906";
+    content: "\e906";
 }
 
 .icon-speak:before {
-	content: "\e907";
-	color: #cfcfcf;
+    content: "\e907";
+    color: #cfcfcf;
 }
 
 div#unified-search button.header-menu__trigger,
-#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary {
-	border-radius: 4px !important;
-	border: 1px solid #CFCFCF !important;
-	background: #FFF !important;
-	width: 36px !important;
-	height: 36px !important;
-	min-height: 36px;
-	min-width: 36px;
-	transition: all .15s ease;
+#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary,
+.unified-search-menu .header-menu__trigger {
+    border-radius: 4px !important;
+    border: 1px solid #CFCFCF !important;
+    background: #FFF !important;
+    width: 36px !important;
+    height: 36px !important;
+    min-height: 36px;
+    min-width: 36px;
+    transition: all .15s ease;
 }
 
 @media (any-hover: hover) {
-	#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary:hover {
-		border-color: rgba(72, 76, 147, 0.99) !important;
-	}
+    #header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary:hover,
+    .unified-search-menu .header-menu__trigger:hover {
+        border-color: rgba(72, 76, 147, 0.99) !important;
+    }
 
-	#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary:hover svg {
-		fill: rgba(72, 76, 147, 0.99);
-	}
+    #header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary:hover svg,
+    .unified-search-menu .header-menu__trigger:hover svg {
+        fill: rgba(72, 76, 147, 0.99);
+    }
 }
 
-#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary span {
-	width: inherit;
-	height: inherit;
-	min-height: inherit;
-	min-width: inherit;
+#header .header-menu button.unified-search__button.button-vue.button-vue--vue-secondary span,
+.unified-search-menu .header-menu__trigger span {
+    width: inherit;
+    height: inherit;
+    min-height: inherit;
+    min-width: inherit;
 }
 
-
 div#unified-search button.header-menu__trigger:before,
-.header-menu .unified-search__button:before {
-	content: "\e906";
-	font-size: 20px;
-	color: #000;
-	display: none;
+.header-menu .unified-search__button:before,
+.unified-search-menu .header-menu__trigger:before {
+    content: "\e906";
+    font-size: 20px;
+    color: #000;
+    display: none;
 }
 
 div#unified-search button.header-menu__trigger svg,
-.header-menu .unified-search__button svg {
-	display: block !important;
-	fill: #CFCFCF;
-	width: 24px;
-	height: 24px;
-	transition: all .15s ease;
+.header-menu .unified-search__button svg,
+.unified-search-menu .header-menu__trigger svg {
+    display: block !important;
+    fill: #CFCFCF;
+    width: 24px;
+    height: 24px;
+    transition: all .15s ease;
 }
 
 div#unified-search .unified-search__input-wrapper label[for=unified-search__input] {
-	font-weight: 500;
-	font-size: 21px;
-	line-height: 25px;
-	letter-spacing: .4px;
-	color: #252733;
-	margin-left: 0;
+    font-weight: 500;
+    font-size: 21px;
+    line-height: 25px;
+    letter-spacing: .4px;
+    color: #252733;
+    margin-left: 0;
 }
 
 div#unified-search .unified-search__input-wrapper {
-	padding-top: 16px;
-	padding-inline: 24px;
-	box-sizing: border-box;
-	border-radius: 7px;
-	overflow: hidden;
+    padding-top: 16px;
+    padding-inline: 24px;
+    box-sizing: border-box;
+    border-radius: 7px;
+    overflow: hidden;
 }
 
 div#unified-search .unified-search__input-wrapper .v-popper__popper {
-	position: fixed !important;
-	border-radius: 7px;
+    position: fixed !important;
+    border-radius: 7px;
 }
 
 div#unified-search .unified-search__input-wrapper .v-popper__popper .v-popper__wrapper .v-popper__inner {
-	border-radius: 7px;
+    border-radius: 7px;
 }
 
 div#unified-search .header-menu__content {
-	width: 400px;
+    width: 400px;
 }
 
 #unified-search .unified-search__filters .button-vue--vue-tertiary.button-vue--icon-only svg path {
-	fill: #484c93 !important;
+    fill: #484c93 !important;
 }
 
 #unified-search .unified-search__filters .button-vue--vue-tertiary.button-vue--icon-only {
-	width: 36px !important;
-	min-height: 36px !important;
-	min-width: 36px !important;
-	height: 36px !important;
-	background-color: #f2f2f2 !important;
-	box-sizing: border-box;
-	color: #484c93 !important;
-	border: 1px solid #484c93;
-	transition: filter .2s ease;
+    width: 36px !important;
+    min-height: 36px !important;
+    min-width: 36px !important;
+    height: 36px !important;
+    background-color: #f2f2f2 !important;
+    box-sizing: border-box;
+    color: #484c93 !important;
+    border: 1px solid #484c93;
+    transition: filter .2s ease;
 }
 
 #unified-search .unified-search__filters .button-vue--vue-tertiary.button-vue--icon-only:hover {
-	filter: brightness(.9);
-	background: #f2f2f2;
+    filter: brightness(.9);
+    background: #f2f2f2;
 }
 
 div#header-menu-unified-search {
-	border-radius: 7px;
-	padding: 0;
+    border-radius: 7px;
+    padding: 0;
 }
 
 div#header-menu-unified-search .unified-search__results {
-	gap: 0;
+    gap: 0;
 }
 
 div#header-menu-unified-search .unified-search__results.unified-search__results-settings_apps,
 div#header-menu-unified-search .unified-search__results.unified-search__results-settings,
 div#header-menu-unified-search .unified-search__results.unified-search__results-files {
-	/*padding-inline: 24px;*/
-	/*box-sizing: border-box;*/
+    /*padding-inline: 24px;*/
+    /*box-sizing: border-box;*/
 }
 
 div#header-menu-unified-search .unified-search__results.unified-search__results-settings_apps li,
 div#header-menu-unified-search .unified-search__results.unified-search__results-settings li,
 div#header-menu-unified-search .unified-search__results.unified-search__results-files li {
-	scrollbar-width: unset;
-	border-radius: 0 !important;
+    scrollbar-width: unset;
+    border-radius: 0 !important;
 }
 
 .header-menu button.header-menu__trigger:before {
-	transition: color .15s ease;
+    transition: color .15s ease;
 }
 
-.header-menu button.header-menu__trigger ~ .header-menu__carret,
-.header-menu button.header-menu__trigger svg {
-	display: none !important;
-	position: absolute;
+.header-menu button.header-menu__trigger ~ .header-menu__carret {
+    display: none !important;
+    position: absolute;
 }
 
 .unified-search__results h2.unified-search__results-header {
-	line-height: 20px;
-	letter-spacing: .2px;
-	color: #9fa2b4;
-	margin-top: 23px;
-	margin-bottom: 15px;
-	font-size: 17px;
-	font-weight: 400;
-	padding-inline: 24px;
-	margin-inline: 0;
+    line-height: 20px;
+    letter-spacing: .2px;
+    color: #9fa2b4;
+    margin-top: 23px;
+    margin-bottom: 15px;
+    font-size: 17px;
+    font-weight: 400;
+    padding-inline: 24px;
+    margin-inline: 0;
 }
 
 .unified-search__results.unified-search__results-settings_apps a.unified-search__result,
 .unified-search__results.unified-search__results-settings a.unified-search__result,
 .unified-search__results.unified-search__results-files a.unified-search__result {
-	padding-inline: 24px;
-	transition: background-color .3s ease-out;
-	border: 0;
-	margin: 0;
-	border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
-	border-radius: 0 !important;
-	font-size: 16px;
-	line-height: 1;
-	color: #252733;
+    padding-inline: 24px;
+    transition: background-color .3s ease-out;
+    border: 0;
+    margin: 0;
+    border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-radius: 0 !important;
+    font-size: 16px;
+    line-height: 1;
+    color: #252733;
 }
 
 .unified-search__results.unified-search__results-settings_apps li:first-child,
 .unified-search__results.unified-search__results-settings li:first-child,
 .unified-search__results.unified-search__results-files li:first-child {
-	border-top: 1px solid rgba(72, 76, 147, .12549019607843137);
+    border-top: 1px solid rgba(72, 76, 147, .12549019607843137);
 }
 
 .unified-search__results.unified-search__results-settings_apps a.unified-search__result:focus,
@@ -4444,440 +4620,490 @@ div#header-menu-unified-search .unified-search__results.unified-search__results-
 .unified-search__results.unified-search__results-settings a.unified-search__result:hover,
 .unified-search__results.unified-search__results-files a.unified-search__result:focus,
 .unified-search__results.unified-search__results-files a.unified-search__result:hover {
-	background-color: rgba(72, 76, 147, .06274509803921569);
+    background-color: rgba(72, 76, 147, .06274509803921569);
 }
 
 .unified-search__results.unified-search__results-settings_apps li:has(.unified-search__result.unified-search__result-more),
 .unified-search__results.unified-search__results-settings li:has(.unified-search__result.unified-search__result-more ),
 .unified-search__results.unified-search__results-files li:has(.unified-search__result.unified-search__result-more ) {
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	margin-top: 20px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 20px;
 }
 
 .unified-search__result.unified-search__result-more .unified-search__result-icon {
-	display: none;
-	width: 0;
-	height: 0;
+    display: none;
+    width: 0;
+    height: 0;
 }
 
 div#header-menu-unified-search .unified-search__results .unified-search__result.unified-search__result-more {
-	background: #484c93;
-	color: #fff;
-	min-width: 164px;
-	border-radius: 4px !important;
-	font-size: 15px;
-	line-height: 1;
-	text-align: center;
-	letter-spacing: .4px;
-	box-sizing: border-box;
-	box-shadow: none !important;
-	transition: all .2s ease;
-	margin: auto;
-	padding: 6px 12px;
-	height: auto;
+    background: #484c93;
+    color: #fff;
+    min-width: 164px;
+    border-radius: 4px !important;
+    font-size: 15px;
+    line-height: 1;
+    text-align: center;
+    letter-spacing: .4px;
+    box-sizing: border-box;
+    box-shadow: none !important;
+    transition: all .2s ease;
+    margin: auto;
+    padding: 6px 12px;
+    height: auto;
 }
 
 div#header-menu-unified-search .unified-search__results .unified-search__result.unified-search__result-more .unified-search__result-content {
-	padding-left: 0;
+    padding-left: 0;
 }
 
 div#header-menu-unified-search .unified-search__results .unified-search__result.unified-search__result-more:hover {
-	filter: brightness(.9);
+    filter: brightness(.9);
 }
 
 a.unified-search__result.unified-search__result--focused {
-	background-color: transparent;
+    background-color: transparent;
 }
 
 div#header-menu-unified-search ul:not(.v-popper__inner ul):last-child {
-	margin-bottom: 23px;
+    margin-bottom: 23px;
+}
+
+.notifications-button button.header-menu__trigger .button-vue__wrapper {
+    position: relative;
+}
+
+.notifications-button button.header-menu__trigger .button-vue__wrapper:before {
+    content: "\e901";
+    font-size: 20px;
+    color: #CFCFCF;
+}
+
+.notifications-button button.header-menu__trigger .button-vue__wrapper:hover:before {
+    color: rgba(72, 76, 147, 0.99);
 }
 
-div#notifications button.header-menu__trigger:before {
-	content: "\e901";
-	font-size: 20px;
-	color: #CFCFCF;
+.notifications-button button.header-menu__trigger .button-vue__wrapper .button-vue__icon {
+    box-sizing: border-box;
+    position: absolute;
+    right: -4px;
+    bottom: -4px;
+    min-height: 14px;
+    min-width: 14px;
+    max-height: 18px;
+    max-width: 18px;
+    height: 40%;
+    width: 40%;
+    line-height: 1;
+    font-size: clamp(var(--font-size-small), 85%, var(--default-font-size));
+    border: 2px solid var(--color-main-background);
+    background-color: var(--color-main-background);
+    background-repeat: no-repeat;
+    background-size: 16px;
+    background-position: center;
+    border-radius: 50%;
 }
 
 div#contactsmenu button.header-menu__trigger:before {
-	content: "\e902";
-	font-size: 20px;
-	color: #CFCFCF;
+    content: "\e902";
+    font-size: 20px;
+    color: #CFCFCF;
 }
 
 div#contactsmenu button.header-menu__trigger .button-vue__wrapper {
-	display: none;
+    display: none;
 }
 
 
 @media (any-hover: hover) {
-	div#unified-search button.header-menu__trigger:hover {
-		border-color: rgba(72, 76, 147, 0.99);
-	}
+    div#unified-search button.header-menu__trigger:hover {
+        border-color: rgba(72, 76, 147, 0.99);
+    }
 
-	div#unified-search button.header-menu__trigger:hover svg {
-		filter: brightness(0) saturate(100%) invert(26%) sepia(54%) saturate(877%) hue-rotate(202deg) brightness(92%) contrast(83%) !important;
-	}
+    div#unified-search button.header-menu__trigger:hover svg {
+        filter: brightness(0) saturate(100%) invert(26%) sepia(54%) saturate(877%) hue-rotate(202deg) brightness(92%) contrast(83%) !important;
+    }
 
-	.header-menu button.header-menu__trigger:hover:before {
-		color: rgba(72, 76, 147, 0.99) !important;
-	}
+    .header-menu button.header-menu__trigger:hover:before {
+        color: rgba(72, 76, 147, 0.99) !important;
+    }
 
 
-	.files-list__table .filename .action:hover .icon.icon-shared {
-		background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%23484c93'/%3E%3C/svg%3E");
-	}
+    .files-list__table .filename .action:hover .icon.icon-shared {
+        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%23484c93'/%3E%3C/svg%3E");
+    }
 
-	.files-list__table .filename .action:hover .icon.icon-more {
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%23484c93'/%3E%3C/svg%3E");
-	}
+    .files-list__table .filename .action:hover .icon.icon-more {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%23484c93'/%3E%3C/svg%3E");
+    }
 
-	.files-filestable .filename .action:hover .icon.icon-shared {
-		background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%23484c93'/%3E%3C/svg%3E");
-	}
+    .files-filestable .filename .action:hover .icon.icon-shared {
+        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5671 10.0897C10.8484 10.0897 10.2009 10.4 9.75149 10.8937L5.70933 8.39022C5.81725 8.11396 5.8771 7.8139 5.8771 7.49998C5.8771 7.18596 5.81725 6.8859 5.70933 6.60975L9.75149 4.10613C10.2009 4.59983 10.8484 4.91031 11.5671 4.91031C12.9209 4.91031 14.0223 3.80893 14.0223 2.4551C14.0223 1.10126 12.9209 0 11.5671 0C10.2133 0 9.11188 1.10138 9.11188 2.45521C9.11188 2.76912 9.17185 3.06918 9.27965 3.34544L5.23761 5.84895C4.7882 5.35525 4.14069 5.04477 3.42201 5.04477C2.06817 5.04477 0.966797 6.14627 0.966797 7.49998C0.966797 8.85382 2.06817 9.9552 3.42201 9.9552C4.14069 9.9552 4.7882 9.64483 5.23761 9.15102L9.27965 11.6545C9.17185 11.9308 9.11188 12.2308 9.11188 12.5449C9.11188 13.8986 10.2133 15 11.5671 15C12.9209 15 14.0223 13.8986 14.0223 12.5449C14.0223 11.191 12.9209 10.0897 11.5671 10.0897ZM10.0072 2.45521C10.0072 1.59507 10.707 0.895269 11.5671 0.895269C12.4272 0.895269 13.127 1.59507 13.127 2.45521C13.127 3.31535 12.4272 4.01515 11.5671 4.01515C10.707 4.01515 10.0072 3.31535 10.0072 2.45521ZM3.42201 9.05993C2.56176 9.05993 1.86195 8.36012 1.86195 7.49998C1.86195 6.63985 2.56176 5.94004 3.42201 5.94004C4.28214 5.94004 4.98183 6.63985 4.98183 7.49998C4.98183 8.36012 4.28214 9.05993 3.42201 9.05993ZM10.0072 12.5448C10.0072 11.6846 10.707 10.9848 11.5671 10.9848C12.4272 10.9848 13.127 11.6846 13.127 12.5448C13.127 13.4049 12.4272 14.1047 11.5671 14.1047C10.707 14.1047 10.0072 13.4049 10.0072 12.5448Z' fill='%23484c93'/%3E%3C/svg%3E");
+    }
 
-	.files-filestable .filename .action:hover .icon.icon-more {
-		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%23484c93'/%3E%3C/svg%3E");
-	}
+    .files-filestable .filename .action:hover .icon.icon-more {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 9C8.32845 9 9 8.32845 9 7.5C9 6.67155 8.32845 6 7.5 6C6.67155 6 6 6.67155 6 7.5C6 8.32845 6.67155 9 7.5 9ZM7.5 9.75C8.74268 9.75 9.75 8.74268 9.75 7.5C9.75 6.25732 8.74268 5.25 7.5 5.25C6.25732 5.25 5.25 6.25732 5.25 7.5C5.25 8.74268 6.25732 9.75 7.5 9.75Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 3.75C8.32845 3.75 9 3.07843 9 2.25C9 1.42157 8.32845 0.75 7.5 0.75C6.67155 0.75 6 1.42157 6 2.25C6 3.07843 6.67155 3.75 7.5 3.75ZM7.5 4.5C8.74268 4.5 9.75 3.49264 9.75 2.25C9.75 1.00736 8.74268 0 7.5 0C6.25732 0 5.25 1.00736 5.25 2.25C5.25 3.49264 6.25732 4.5 7.5 4.5Z' fill='%23484c93'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.25C8.32845 14.25 9 13.5784 9 12.75C9 11.9216 8.32845 11.25 7.5 11.25C6.67155 11.25 6 11.9216 6 12.75C6 13.5784 6.67155 14.25 7.5 14.25ZM7.5 15C8.74268 15 9.75 13.9927 9.75 12.75C9.75 11.5073 8.74268 10.5 7.5 10.5C6.25732 10.5 5.25 11.5073 5.25 12.75C5.25 13.9927 6.25732 15 7.5 15Z' fill='%23484c93'/%3E%3C/svg%3E");
+    }
 
-	span.checkbox-radio-switch.checkbox-radio-switch-checkbox > label.checkbox-radio-switch__label:hover,
-	span.checkbox-radio-switch.checkbox-radio-switch-switch > label.checkbox-radio-switch__label:hover {
-		background-color: transparent !important;
-	}
+    span.checkbox-radio-switch.checkbox-radio-switch-checkbox > label.checkbox-radio-switch__label:hover,
+    span.checkbox-radio-switch.checkbox-radio-switch-switch > label.checkbox-radio-switch__label:hover {
+        background-color: transparent !important;
+    }
 
-	button.oc-dialog-close:hover {
-		background-color: var(--color-background-hover) !important;
-	}
+    button.oc-dialog-close:hover {
+        background-color: var(--color-background-hover) !important;
+    }
 }
 
 div.select2-container-multi .select2-choices .select2-search-field input, div.select2-container-multi.select2-container-active .select2-choices .select2-search-field input {
-	max-height: 100%;
+    max-height: 100%;
 }
 
 button.oc-dialog-close {
-	background-color: transparent !important;
-	background-image: none;
-	border: none;
-	/* position: relative; */
-	margin: 0;
+    background-color: transparent !important;
+    background-image: none;
+    border: none;
+    /* position: relative; */
+    margin: 0;
 }
 
 button.oc-dialog-close:after {
-	content: '';
-	width: 16px;
-	height: 16px;
-	display: block;
-	background-image: var(--icon-close-dark);
-	position: absolute;
-	z-index: 701;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%);
-	background-size: 16px;
-	background-repeat: no-repeat;
-	background-position: center center;
+    content: '';
+    width: 16px;
+    height: 16px;
+    display: block;
+    background-image: var(--icon-close-dark);
+    position: absolute;
+    z-index: 701;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-size: 16px;
+    background-repeat: no-repeat;
+    background-position: center center;
 }
 
 span.checkbox-radio-switch.checkbox-radio-switch-checkbox > label.checkbox-radio-switch__label:active,
 span.checkbox-radio-switch.checkbox-radio-switch-switch > label.checkbox-radio-switch__label:active {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 span.checkbox-radio-switch.checkbox-radio-switch-checkbox > label.checkbox-radio-switch__label:focus-within,
 span.checkbox-radio-switch.checkbox-radio-switch-switch > label.checkbox-radio-switch__label:focus-within {
-	background-color: transparent !important;
+    background-color: transparent !important;
 }
 
 #body-login .login-box.guest-box, #body-login footer {
-	background-color: #fff;
+    background-color: #fff;
 }
 
 #body-login footer {
-	box-shadow: 0 0 20px rgb(0 0 0 / 10%) !important;
+    box-shadow: 0 0 20px rgb(0 0 0 / 10%) !important;
 }
 
 
 .app-menu .app-menu-main {
-	justify-content: center;
+    justify-content: center;
 }
 
 .app-menu-main .app-menu-entry[data-app-id="spreed"] a:before {
-	content: "\e907";
-	color: #4f4f4f;
-	display: inline-block;
-	opacity: 1;
-	font-size: 28px;
+    content: "\e907";
+    color: #4f4f4f;
+    display: inline-block;
+    opacity: 1;
+    font-size: 28px;
 }
 
 div.app-navigation#app-settings #app-settings__header .settings-button span[role="img"],
 #app-navigation #app-settings #app-settings-header [data-tooltip].settings-button.settings-button::before {
-	display: flex;
-	transform: none;
-	opacity: 1;
-	margin: 0;
-	background-size: 20px 20px !important;
-	width: 60px !important;
-	flex-shrink: 0;
+    display: flex;
+    transform: none;
+    opacity: 1;
+    margin: 0;
+    background-size: 20px 20px !important;
+    width: 60px !important;
+    flex-shrink: 0;
 }
 
 [aria-label][role~="tooltip"]::after {
-	color: #252733;
-	background-color: #fff;
-	border: 1px solid #cfcfcf;
-	border-radius: 4px;
-	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
-	transform: translate3d(0, -100%, 0);
-	transition: all .4s ease
+    color: #252733;
+    background-color: #fff;
+    border: 1px solid #cfcfcf;
+    border-radius: 4px;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
+    transform: translate3d(0, -100%, 0);
+    transition: all .4s ease
 }
 
 [aria-label][role~="tooltip"]:hover::after {
-	transform: translate3d(0, -50%, 0);
-	transition: all .4s ease
+    transform: translate3d(0, -50%, 0);
+    transition: all .4s ease
 }
 
 body.sidebar[aria-expanded="true"] .ee-tooltip,
 body.sidebar[aria-expanded="true"] .ee-tooltip {
-	display: none;
+    display: none;
 }
 
 .ee-tooltip {
-	position: fixed;
-	color: #252733;
-	background-color: #fff;
-	border: 1px solid #cfcfcf;
-	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
-	transform: translateY(-10px);
-	transition: opacity .15s linear, transform .4s ease, all .4s ease;
-	font-size: 14px;
-	border-radius: 4px;
-	padding: 0.25rem 0.5rem;
-	opacity: 0;
-	max-width: 200px;
-	z-index: 99999;
-	font-family: var(--font-face);
-	overflow: hidden;
-	display: -webkit-box;
-	-webkit-line-clamp: 3;
-	-webkit-box-orient: vertical;
+    position: fixed;
+    color: #252733;
+    background-color: #fff;
+    border: 1px solid #cfcfcf;
+    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
+    transform: translateY(-10px);
+    transition: opacity .15s linear, transform .4s ease, all .4s ease;
+    font-size: 14px;
+    border-radius: 4px;
+    padding: 0.25rem 0.5rem;
+    opacity: 0;
+    max-width: 200px;
+    z-index: 99999;
+    font-family: var(--font-face);
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
 }
 
 .ee-tooltip.show {
-	opacity: 1;
-	transform: translateY(0);
-	transition: all .4s ease;
+    opacity: 1;
+    transform: translateY(0);
+    transition: all .4s ease;
 }
 
 body.no-sidebar #header {
-	border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;
-	box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;
+    border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;
+    box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;
 }
 
 body #header {
-	/*border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;*/
-	/*box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;*/
+    /*border-bottom: 1px solid hsla(0, 0%, 73.7%, .5019607843137255) !important;*/
+    /*box-shadow: 0 0 20px hsla(0, 0%, 72.5%, .25) !important;*/
 }
 
 body.sidebar #header {
-	border-bottom: none !important;
-	box-shadow: none !important;
+    border-bottom: none !important;
+    box-shadow: none !important;
 }
 
 .text-menubar__entries {
-	gap: 2px;
+    gap: 2px;
 }
 
 .text-menubar {
-	gap: 2px;
-	margin-bottom: 20px;
+    gap: 2px;
+    margin-bottom: 20px;
 }
 
 .text-menubar__entries .action-item,
 .text-menubar__entries .entry-action__image-upload,
 .text-menubar__entries .entry-action__emoji button.button-vue--vue-secondary,
-.text-menubar__entries .entry-single-action.button-vue {
-	min-height: 44px;
-	min-width: 44px;
-	max-width: 44px;
-	max-height: 44px;
-	width: 100% !important;
-	height: 100%;
-	border-radius: 4px !important;
-	position: relative;
-	color: #939393 !important;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-size: 17px;
-	background-color: #f2f2f2 !important;
+.text-menubar__entries .entry-single-action.button-vue,
+.text-menubar__entries .action-item__menutoggle.button-vue--vue-primary{
+    min-height: 44px;
+    min-width: 44px;
+    max-width: 44px;
+    max-height: 44px;
+    width: 100% !important;
+    height: 100%;
+    border-radius: 4px !important;
+    position: relative;
+    color: #939393 !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 17px;
+    background-color: #f2f2f2 !important;
+}
+
+.text-menubar__entries .button-vue:disabled{
+    color: #939393 !important;
+    background-color: #f2f2f2 !important;
+}
+.text-menubar__entries .action-button.button-vue:disabled{
+    background-color: transparent !important;
 }
-
 @media (any-hover: hover) {
-	.text-menubar__entries .entry-action__emoji button.button-vue--vue-secondary:hover:not(:disabled),
-	.text-menubar__entries .entry-action__emoji:hover:not(:disabled) button.button-vue--vue-secondary,
-	.text-menubar__entries .action-item:hover:not(:disabled),
-	.text-menubar__entries .entry-action__image-upload:hover:not(:disabled),
-	.text-menubar__entries .entry-action__emoji:hover:not(:disabled),
-	.text-menubar__entries .entry-single-action.button-vue:hover:not(:disabled) {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-color) !important;
-	}
-
-	.text-menubar__entries .action-item:hover:not(:disabled) svg,
-	.text-menubar__entries .entry-action__image-upload:hover:not(:disabled) svg,
-	.text-menubar__entries .entry-action__emoji:hover:not(:disabled) svg,
-	.text-menubar__entries .entry-single-action.button-vue:hover:not(:disabled) svg {
-		color: var(--nav-color-active) !important;
-		fill: var(--nav-color-active) !important;
-	}
+    .text-menubar__entries .entry-action__emoji button.button-vue--vue-secondary:hover:not(:disabled),
+    .text-menubar__entries .entry-action__emoji:hover:not(:disabled) button.button-vue--vue-secondary,
+        /*.text-menubar__entries .action-item:hover:not(:disabled),*/
+    .text-menubar__entries .entry-action__image-upload:hover:not(:disabled),
+    .text-menubar__entries .entry-action__emoji:hover:not(:disabled),
+    .text-menubar__entries .entry-single-action.button-vue:hover:not(:disabled),
+    .text-menubar__entries .action-item__menutoggle.button-vue--vue-primary:hover:not(:disabled){
+        color: #fff !important;
+        background-color: var(--nav-bg-color) !important;
+    }
+
+    .text-menubar__entries .action-item:not(:disabled):hover svg,
+    .text-menubar__entries .entry-action__image-upload:not(:disabled):hover svg,
+    .text-menubar__entries .entry-action__emoji:not(:disabled):hover svg,
+    .text-menubar__entries .entry-single-action.button-vue:not(:disabled):hover svg,
+    .text-menubar__entries .action-item__menutoggle.button-vue--vue-primary:not(:disabled):hover svg {
+        color: var(--nav-color-active) !important;
+        fill: var(--nav-color-active) !important;
+    }
 }
 
 .text-menubar__entries .action-item .button-vue__icon,
 .text-menubar__entries .entry-action__image-upload .button-vue__icon,
 .text-menubar__entries .entry-action__emoji .button-vue__icon,
-.text-menubar__entries .entry-single-action.button-vue .button-vue__icon {
-	min-height: auto;
-	min-width: auto;
+.text-menubar__entries .entry-single-action.button-vue .button-vue__icon,
+.text-menubar__entries .action-item__menutoggle.button-vue--vue-primary .button-vue__icon{
+    min-height: auto;
+    min-width: auto;
 }
 
 .text-menubar__entries .action-item .button-vue__wrapper,
 .text-menubar__entries .entry-action__image-upload .button-vue__wrapper,
 .text-menubar__entries .entry-action__emoji .button-vue__wrapper,
-.text-menubar__entries .entry-single-action.button-vue .button-vue__wrapper {
-	min-height: auto;
-	min-width: auto;
+.text-menubar__entries .entry-single-action.button-vue .button-vue__wrapper,
+.text-menubar__entries .action-item__menutoggle.button-vue--vue-primary .button-vue__wrapper{
+    min-height: auto;
+    min-width: auto;
+}
+.text-menubar__entries .action-item{
+    display: flex;
+}
+.text-menubar__entries .action-item .action-item__menutoggle {
+    min-height: 44px;
+    min-width: 44px;
+    width: 44px !important;
+    height: 44px !important;
 }
-
 .text-menubar__entries .action-item .button-vue--icon-only,
 .text-menubar__entries .entry-action__image-upload .button-vue--icon-only,
 .text-menubar__entries .entry-action__emoji .button-vue--icon-only,
-.text-menubar__entries .entry-single-action.button-vue .button-vue--icon-only {
-	min-height: auto;
-	min-width: auto;
+.text-menubar__entries .entry-single-action.button-vue .button-vue--icon-only,
+.text-menubar__entries .action-item__menutoggle.button-vue--vue-primary .button-vue--icon-only {
+    min-height: auto;
+    min-width: auto;
 }
 
 .actions.creatable .button.new {
-	background: #484c93;
+    background: #484c93;
 }
 
 .actions.creatable .button.new span.icon.icon-add {
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 426.667 426.667' xml:space='preserve' %3E%3Cpath d='M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0' fill='%23ffffff'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 426.667 426.667' xml:space='preserve' %3E%3Cpath d='M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0' fill='%23ffffff'/%3E%3C/svg%3E");
 }
 
 @media (any-hover: hover) {
-	.actions.creatable .button.new:hover {
-		filter: brightness(.9);
-	}
+    .actions.creatable .button.new:hover {
+        filter: brightness(.9);
+    }
 }
 
 /*.vs__selected-options input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]) {*/
 /*	margin-top: 0;*/
 /*}*/
 div.text-editor__session-list > div.save-status {
-	border-radius: 0;
+    border-radius: 0;
 }
 
 div.text-editor__session-list > div.session-list .avatardiv {
-	border-radius: 4px !important;
+    border-radius: 4px !important;
 }
 
 @media (any-hover: hover) {
-	div.text-editor__session-list > div.save-status button:hover,
-	div.text-editor__session-list > div.session-list .avatardiv:hover {
-		color: var(--nav-color-active) !important;
-		background-color: var(--nav-bg-color) !important;
-	}
+    div.text-editor__session-list > div.save-status button:hover,
+    div.text-editor__session-list > div.session-list .avatardiv:hover {
+        color: var(--nav-color-active) !important;
+        background-color: var(--nav-bg-color) !important;
+    }
 
-	div.text-editor__session-list > div.save-status:hover {
-		background-color: transparent;
-	}
+    div.text-editor__session-list > div.save-status:hover {
+        background-color: transparent;
+    }
 
-	div.text-editor__session-list > div.save-status svg {
-		color: var(--nav-color-active) !important;
-		fill: var(--nav-color-active) !important;
-	}
+    div.text-editor__session-list > div.save-status svg {
+        color: var(--nav-color-active) !important;
+        fill: var(--nav-color-active) !important;
+    }
 }
 
 .fileactions {
-	display: flex;
-	align-items: center;
-	gap: 10px;
-	transition: all .2s ease-in-out;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    transition: all .2s ease-in-out;
 }
 
 .files-filestable tbody tr .fileactions .action.permanent {
-	line-height: 1;
-	background: none;
-	border-radius: 8px;
-	width: 25px;
-	height: 25px;
-	border: none;
-	padding: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	transition: background .2s ease;
+    line-height: 1;
+    background: none;
+    border-radius: 8px;
+    width: 25px;
+    height: 25px;
+    border: none;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: background .2s ease;
 }
 
 .files-list__table tbody tr .fileactions .action.permanent {
-	line-height: 1;
-	background: none;
-	border-radius: 8px;
-	width: 25px;
-	height: 25px;
-	border: none;
-	padding: 0;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	transition: background .2s ease;
+    line-height: 1;
+    background: none;
+    border-radius: 8px;
+    width: 25px;
+    height: 25px;
+    border: none;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: background .2s ease;
 }
 
 @media (any-hover: hover) {
-	.files-filestable tbody tr .fileactions .action.permanent:hover {
-		background: rgba(72, 76, 147, .12549019607843137);
-	}
+    .files-filestable tbody tr .fileactions .action.permanent:hover {
+        background: rgba(72, 76, 147, .12549019607843137);
+    }
 
-	table.files-list__table tbody.files-list__tbody tr.files-list__row:hover,
-	table.files-list__table .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content,
-	table.files-list__table .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content:hover {
-		background: rgba(72, 76, 147, .06274509803921569);
-	}
+    table.files-list__table tbody.files-list__tbody tr.files-list__row:hover,
+    table.files-list__table .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content,
+    table.files-list__table .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content:hover {
+        background: rgba(72, 76, 147, .06274509803921569);
+    }
 
-	table.files-list__table tbody.files-list__tbody tr.files-list__row.files-list__row--checked:hover {
-		color: var(--nav-color-active) !important;
-		background-color: rgba(72, 76, 147, .12549019607843137) !important;
-	}
+    table.files-list__table tbody.files-list__tbody tr.files-list__row.files-list__row--checked:hover {
+        color: var(--nav-color-active) !important;
+        background-color: rgba(72, 76, 147, .12549019607843137) !important;
+    }
 }
 
 table.files-list__table tbody.files-list__tbody tr.files-list__row.files-list__row--checked {
-	background-color: rgba(72, 76, 147, .12549019607843137);
+    background-color: rgba(72, 76, 147, .12549019607843137);
 }
 
 table.files-list__table {
-	font-size: 14px;
+    font-size: 14px;
 }
 
 .files-list__table tbody tr {
-	transition: background-color .3s ease-out;
+    transition: background-color .3s ease-out;
 }
 
 .files-list__table thead tr.files-list__row-head,
 .files-list__table tbody tr.files-list__row {
-	border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
 }
 
 .files-list__table tfoot.files-list__tfoot tr {
-	border-top: 0;
+    border-top: 0;
 }
 
 table.files-list__table .checkbox-radio-switch .checkbox-radio-switch__content,
 table.files-list__table .checkbox-radio-switch.checkbox-radio-switch__content {
-	width: 44px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
+    width: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 
@@ -4886,520 +5112,712 @@ table.files-list__table tbody.files-list__tbody .files-list__column .files-list_
 table.files-list__table tbody.files-list__tbody .files-list__row-size,
 table.files-list__table tbody.files-list__tbody .files-list__row-name-ext,
 table.files-list__table tbody.files-list__tbody .files-list__row-mtime {
-	color: #252733 !important;
+    color: #252733 !important;
 }
 
 table.files-list__table .material-design-icon.checkbox-blank-outline-icon {
-	color: rgba(0, 0, 21, .25) !important;
+    color: rgba(0, 0, 21, .25) !important;
 }
 
 table.files-list__table .action-items {
-	display: flex;
-	align-items: center;
-	gap: 10px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
 }
 
 .files-list div.files-list__thead-overlay.files-list__thead-overlay {
-	margin-left: 91px;
+    margin-left: 91px;
 }
 
 @media screen and (max-width: 768px) {
-	.files-list div.files-list__thead-overlay.files-list__thead-overlay {
-		margin-left: 55px;
-	}
+    .files-list div.files-list__thead-overlay.files-list__thead-overlay {
+        margin-left: 55px;
+    }
 }
 
 
 table.files-list__table thead th .action-items button {
-	transition: visibility 0.3s ease, opacity 0.3s ease;
-	/*color: rgb(159, 162, 180) !important;*/
-	min-height: 24px;
-	min-width: 24px;
-	width: 24px !important;
-	height: 24px;
-	margin: 0;
-	padding: 0;
+    transition: visibility 0.3s ease, opacity 0.3s ease;
+    /*color: rgb(159, 162, 180) !important;*/
+    min-height: 24px;
+    min-width: 24px;
+    width: 24px !important;
+    height: 24px;
+    margin: 0;
+    padding: 0;
 }
 
 
 table.files-list__table thead th .action-items button svg {
-	min-height: 18px;
-	min-width: 18px;
-	width: 18px !important;
-	height: 18px;
-	margin: 0;
-	padding: 0;
+    min-height: 18px;
+    min-width: 18px;
+    width: 18px !important;
+    height: 18px;
+    margin: 0;
+    padding: 0;
 }
 
 table.files-list__table tbody .action-items button {
-	opacity: 0;
-	visibility: hidden;
-	transition: visibility 0.3s ease, opacity 0.3s ease;
-	color: rgb(159, 162, 180) !important;
-	min-height: 24px;
-	min-width: 24px;
-	width: 24px !important;
-	height: 24px;
-	margin: 0;
+    opacity: 0;
+    visibility: hidden;
+    transition: visibility 0.3s ease, opacity 0.3s ease;
+    color: rgb(159, 162, 180) !important;
+    min-height: 24px;
+    min-width: 24px;
+    width: 24px !important;
+    height: 24px;
+    margin: 0;
 }
 
 table.files-list__table .action-items .button-vue__wrapper,
 table.files-list__table .action-items .icon-vue {
-	min-height: 24px;
-	min-width: 24px;
-	width: 24px !important;
-	height: 24px;
-	margin: 0;
+    min-height: 24px;
+    min-width: 24px;
+    width: 24px !important;
+    height: 24px;
+    margin: 0;
 }
 
 
 @media (any-hover: hover) {
-	table.files-list__table tbody.files-list__tbody tr:hover .action-items button {
-		opacity: 1;
-		visibility: visible;
-	}
+    table.files-list__table tbody.files-list__tbody tr:hover .action-items button {
+        opacity: 1;
+        visibility: visible;
+    }
 }
 
 aside .app-sidebar-header {
-	position: relative;
+    position: relative;
 }
 
 div#unified-search:empty {
-	display: none !important;
-	width: 0 !important;
+    display: none !important;
+    width: 0 !important;
 }
 
 .modal-container div.unified-search-modal__filters {
-	padding-top: 12px;
+    padding-top: 12px;
 }
 
 .modal-container div.unified-search-modal__filters-applied:empty {
-	display: none;
+    display: none;
 }
 
 .modal-container div.unified-search-modal__filters-applied {
-	padding-top: 12px;
+    padding-top: 12px;
 }
 
 .modal-container div.unified-search-modal__results {
-	padding-block: 20px;
+    padding-block: 20px;
 }
 
 .modal-container div.unified-search-modal__results .result-title span {
-	display: inline-block;
-	line-height: 20px;
-	letter-spacing: .2px;
-	color: #9fa2b4;
-	margin-top: 23px;
-	margin-bottom: 15px;
-	font-size: 17px;
-	font-weight: 400;
-	margin-inline: 0;
+    display: inline-block;
+    line-height: 20px;
+    letter-spacing: .2px;
+    color: #9fa2b4;
+    margin-top: 23px;
+    margin-bottom: 15px;
+    font-size: 17px;
+    font-weight: 400;
+    margin-inline: 0;
 }
 
 .modal-container .unified-search-modal__filters-applied .chip {
-	color: #484c93 !important;
-	border: 1px solid #484c93;
-	background-color: #f2f2f2 !important;
+    color: #484c93 !important;
+    border: 1px solid #484c93;
+    background-color: #f2f2f2 !important;
 }
 
 .modal-container .unified-search-modal__filters-applied .chip .icon img {
-	filter: brightness(0) saturate(100%) invert(32%) sepia(12%) saturate(2522%) hue-rotate(199deg) brightness(92%) contrast(93%);
+    filter: brightness(0) saturate(100%) invert(32%) sepia(12%) saturate(2522%) hue-rotate(199deg) brightness(92%) contrast(93%);
 }
 
 .modal-container div.unified-search-modal__results .result-items__item {
-	transition: background-color .3s ease-out;
-	border: 0;
-	margin: 0;
-	border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
-	border-radius: 0 !important;
-	font-size: 16px;
-	line-height: 1;
-	color: #252733;
+    transition: background-color .3s ease-out;
+    border: 0;
+    margin: 0;
+    border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-radius: 0 !important;
+    font-size: 16px;
+    line-height: 1;
+    color: #252733;
 }
 
 .modal-container div.unified-search-modal__results .result-items__item .list-item {
-	margin: 0;
-	border-radius: 0 !important;
-	box-sizing: border-box;
-	width: 100%;
+    margin: 0;
+    border-radius: 0 !important;
+    box-sizing: border-box;
+    width: 100%;
 }
 
 .modal-container div.unified-search-modal__results .result-items__item .list-item a {
-	transition: background-color .3s ease-out;
-	border: 0;
-	margin: 0;
-	border-radius: 0 !important;
-	box-sizing: border-box;
-	width: 100%;
-	background-color: transparent;
+    transition: background-color .3s ease-out;
+    border: 0;
+    margin: 0;
+    border-radius: 0 !important;
+    box-sizing: border-box;
+    width: 100%;
+    background-color: transparent;
+    height: auto;
+}
+.modal-container div.unified-search-modal__results .result-items__item .list-item__anchor{
+    color: var(--color-primary-text);
 }
-
 .modal-container div.unified-search-modal__results .result-items__item .list-item span {
-	color: #252733;
+    color: #252733;
 }
 
 .modal-container div.unified-search-modal__results .result-items__item:first-child {
-	border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
 }
 
+.modal-container div.unified-search-modal__results .result-title{
+    color: #939393;
+}
 @media (any-hover: hover) {
-	.modal-container div.unified-search-modal__results .result-items__item:hover {
-		background-color: rgba(72, 76, 147, .06274509803921569);
-		/*border: none;*/
-	}
+    .modal-container div.unified-search-modal__results .result-items__item .list-item:hover{
+        background: #dddfeb;
+    }
+    .modal-container div.unified-search-modal__results .result-items__item:hover {
+        background-color: #dddfeb;
+        /*border: none;*/
+    }
 }
 
 
 .modal-container div.unified-search-modal__results .result-footer {
-	margin-top: 20px;
+    margin-top: 20px;
 }
 
 .modal-container div.unified-search-modal__results .result-footer button {
-	background: #484c93;
-	color: #fff !important;
-	min-width: 164px;
-	border-radius: 4px !important;
-	font-size: 12px;
-	line-height: 1;
-	text-align: center;
-	letter-spacing: .4px;
-	box-sizing: border-box;
-	box-shadow: none !important;
-	transition: all .2s ease;
-	margin: auto;
-	padding: 0 12px;
-	height: auto;
-	min-height: 34px;
+    background: #484c93;
+    color: #fff !important;
+    min-width: 164px;
+    border-radius: 4px !important;
+    font-size: 12px;
+    line-height: 1;
+    text-align: center;
+    letter-spacing: .4px;
+    box-sizing: border-box;
+    box-shadow: none !important;
+    transition: all .2s ease;
+    margin: auto;
+    padding: 0 12px;
+    height: auto;
+    min-height: 34px;
 }
 
 @media (any-hover: hover) {
-	.modal-container div.unified-search-modal__results .result-footer button:hover {
-		border-color: #484c93 !important;
-		background-color: #484c93 !important;
-		color: #fff !important;
-		-webkit-filter: brightness(.9);
-		filter: brightness(.9);
-	}
+    .modal-container div.unified-search-modal__results .result-footer button:hover {
+        border-color: #484c93 !important;
+        background-color: #484c93 !important;
+        color: #fff !important;
+        -webkit-filter: brightness(.9);
+        filter: brightness(.9);
+    }
 }
 
 .modal-container div.unified-search-modal__results .result-footer button .button-vue__icon {
-	width: 30px;
-	height: 30px;
-	min-height: 30px;
+    width: 30px;
+    height: 30px;
+    min-height: 30px;
 }
 
 /* modal search popover*/
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] .v-popper__wrapper .v-popper__inner {
-	padding: 0;
+    padding: 0;
 }
 
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] {
-	padding: 0;
-	gap: 0;
+    padding: 0;
+    gap: 0;
 }
 
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] li {
-	transition: background-color .3s ease-out;
-	border: 0;
-	margin: 0;
-	border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
-	border-radius: 0 !important;
-	font-size: 16px;
-	line-height: 1;
-	color: #252733;
+    transition: background-color .3s ease-out;
+    border: 0;
+    margin: 0;
+    border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-radius: 0 !important;
+    font-size: 16px;
+    line-height: 1;
+    color: #252733;
 }
 
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] li:first-child {
-	border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
 }
 
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] li.active {
-	background-color: rgba(72, 76, 147, .06274509803921569);
+    background-color: rgba(72, 76, 147, .06274509803921569);
 }
 
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] li .action-button__longtext,
 .v-popper--theme-dropdown.v-popper--theme-dropdown.v-popper__popper.action-item__popper[tabindex="0"] ul[role="menu"] li .action-button__text {
-	color: #252733;
+    color: #939393;
+}
+.action-button__longtext-wrapper{
+    margin-top: 5px;
 }
-
 #status-weather button {
-	background-color: #f2f2f2 !important;
-	box-sizing: border-box;
-	color: #484c93 !important;
-	border: 1px solid #484c93;
-	transition: all .2s ease;
-
+    background-color: #f2f2f2 !important;
+    box-sizing: border-box;
+    color: #484c93 !important;
+    border: 1px solid #484c93;
+    transition: all .2s ease;
+}
+#status-status button{
+    border: 1px solid transparent;
 }
-
 @media (any-hover: hover) {
-	#status-weather button:hover {
-		filter: brightness(.9);
-	}
+    #status-weather button:hover {
+        filter: brightness(.9);
+    }
 }
 
 .sharingTab .sharingTabDetailsView__quick-permissions > div {
-	margin-top: 10px;
+    margin-top: 10px;
 }
 
 .sharingTab .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
-	opacity: .7;
+    opacity: .7;
 }
 
 .sharingTab .sharingTabDetailsView__quick-permissions > div .checkbox-radio-switch--button-variant-v-grouped {
-	border: 0 !important;
-	border-radius: 0;
+    border: 0 !important;
+    border-radius: 0;
 }
 
 .vs__dropdown-menu.vs__dropdown-menu--floating[role="listbox"] {
-	padding: 0 !important;
-	border: 0 !important;
-	border-radius: 0 !important;
+    padding: 0 !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+}
+.vs__dropdown-menu.vs__dropdown-menu--floating[role="listbox"]{
+    margin-top: 5px !important;
+    border: 1px solid rgba(50, 31, 219, .25) !important ;
+}
+.vs__dropdown-menu.vs__dropdown-menu--floating.vs__dropdown-menu--floating-placement-top[role="listbox"]{
+    margin-top: 0 !important;
+    margin-bottom: 5px !important;
+    border: 1px solid rgba(50, 31, 219, .25) !important;
 }
-
 .vs__dropdown-menu.vs__dropdown-menu--floating li,
 .sharingTab .sharingTabDetailsView__quick-permissions > div .checkbox-radio-switch--button-variant-v-grouped label.checkbox-content,
 section#tab-version_vue ul li a {
-	transition: background-color .3s ease-out;
-	border: 0;
-	margin: 0;
-	border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137) !important;
-	border-radius: 0 !important;
-	font-size: 16px;
-	line-height: 1;
-	color: #252733;
+    transition: background-color .3s ease-out;
+    border: 0;
+    margin: 0;
+    border-bottom: 1px solid rgba(72, 76, 147, 0.12549019607843137) !important;
+    border-radius: 0 !important;
+    font-size: 16px;
+    line-height: 1;
+    color: #252733;
 }
 
 .vs__dropdown-menu.vs__dropdown-menu--floating li:first-child,
 .sharingTab .sharingTabDetailsView__quick-permissions > div .checkbox-radio-switch--button-variant-v-grouped:first-child label.checkbox-content,
 section#tab-version_vue ul li:first-child a {
-	border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
+    border-top: 1px solid rgba(72, 76, 147, 0.12549019607843137);
 }
 
 .sharingTab .sharingTabDetailsView__quick-permissions > div .checkbox-radio-switch--button-variant-v-grouped.checkbox-radio-switch--checked label.checkbox-content,
 section#tab-version_vue ul li.active a {
-	background-color: rgba(72, 76, 147, .06274509803921569);
+    background-color: rgba(72, 76, 147, .06274509803921569);
+}
+
+.list-item__anchor{
+    height: auto !important;
+}
+.list-item {
+    background-color: transparent !important;
+}
+.version__image{
+    margin: 5px;
 }
 
 .sharingTab .sharingTabDetailsView__quick-permissions > div .checkbox-radio-switch--button-variant-v-grouped.checkbox-radio-switch--checked label.checkbox-content {
-	font-weight: 400;
+    font-weight: 400;
 }
 
 @media (any-hover: hover) {
-	.vs__dropdown-menu.vs__dropdown-menu--floating li:hover,
-	section#tab-version_vue ul li a:hover {
-		background-color: rgba(72, 76, 147, .06274509803921569);
-	}
+    /*.vs__dropdown-menu.vs__dropdown-menu--floating li:hover{
+        background: transparent;
+    }*/
+    section#tab-version_vue ul li a:hover {
+        background-color: rgba(72, 76, 147, .06274509803921569);
+    }
 }
 
 .app-navigation .app-navigation-list > li .active .app-navigation-entry-icon img,
 .app-navigation .app-navigation__list > li .active .app-navigation-entry-icon img {
-	filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
 }
 
 .app-navigation .app-navigation-list > li .app-navigation-entry-icon img,
 .app-navigation .app-navigation__list > li .app-navigation-entry-icon img {
-	transition: filter .3s ease;
-	filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
+    transition: filter .3s ease;
+    filter: brightness(0) saturate(100%) invert(68%) sepia(1%) saturate(0%) hue-rotate(173deg) brightness(85%) contrast(87%);
 }
 
 @media (any-hover: hover) {
-	.navigation-list li .navigation-list__link:hover .app-navigation-entry-icon img,
-	.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link:hover .app-navigation-entry-icon img,
-	.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div:hover .app-navigation-entry-icon img {
-		filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
-	}
+    .navigation-list li .navigation-list__link:hover .app-navigation-entry-icon img,
+    .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link:hover .app-navigation-entry-icon img,
+    .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-div:hover .app-navigation-entry-icon img {
+        filter: brightness(0) saturate(100%) invert(28%) sepia(47%) saturate(732%) hue-rotate(199deg) brightness(96%) contrast(92%);
+    }
 }
 
 
 @media screen and (max-width: 1023px) {
-	.app-navigation__toggle-wrapper, #app-navigation button.app-navigation-toggle, div.app-navigation button.app-navigation-toggle,
-	#app-navigation-toggle {
-		display: none !important;
-	}
-
-	.app-navigation__content {
-		max-height: 100%;
-	}
-
-	#app-navigation:not(.vue) {
-		transform: translateX(0);
-	}
-
-	body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu, body.sidebar .app-menu.app-menu.app-menu {
-		transform: translate(-50%, -50%);
-		min-width: 260px !important;
-	}
-
-	body #header .header-left {
-		flex: 1 0 90px;
-		white-space: nowrap;
-		width: 90px;
-		min-width: initial;
-		justify-content: center;
-	}
-
-	body:not(.sidebar) .app-menu.app-menu.app-menu.app-menu {
-		left: 10px;
-		transform: translate(100%, -50%);
-		min-width: 260px !important;
-	}
-
-	#unified-search {
-		box-sizing: border-box;
-	}
-
-	#unified-search .modal-container {
-		max-width: calc(100% - 32px);
-		max-height: min(90%, 100% - 100px);
-	}
-
-	#unified-search .unified-search-modal__filters {
-		max-width: 100%;
-		overflow-x: auto;
-	}
+    .app-navigation__toggle-wrapper, #app-navigation button.app-navigation-toggle, div.app-navigation button.app-navigation-toggle,
+    #app-navigation-toggle {
+        display: none !important;
+    }
+
+    .app-navigation__content {
+        max-height: 100%;
+    }
+
+    #app-navigation:not(.vue) {
+        transform: translateX(0);
+    }
+
+    body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu, body.sidebar .app-menu.app-menu.app-menu {
+        transform: translate(-50%, -50%);
+        min-width: 260px !important;
+    }
+
+    body #header .header-left {
+        flex: 1 0 90px;
+        white-space: nowrap;
+        width: 90px;
+        min-width: initial;
+        justify-content: center;
+    }
+
+    body:not(.sidebar) .app-menu.app-menu.app-menu.app-menu {
+        left: 10px;
+        transform: translate(100%, -50%);
+        min-width: 260px !important;
+    }
+
+    #unified-search {
+        box-sizing: border-box;
+    }
+
+    #unified-search .modal-container {
+        max-width: calc(100% - 32px);
+        max-height: min(90%, 100% - 100px);
+    }
+
+    #unified-search .unified-search-modal__filters {
+        max-width: 100%;
+        overflow-x: auto;
+    }
 }
 
 @media screen and (max-width: 640px) {
-	body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu, body.sidebar .app-menu.app-menu.app-menu {
-		transform: translate(-110%, -50%);
-		min-width: 100px !important;
-		gap: 5px
-	}
+    body.sidebar[aria-expanded="false"] .app-menu.app-menu.app-menu, body.sidebar .app-menu.app-menu.app-menu {
+        transform: translate(-110%, -50%);
+        min-width: 100px !important;
+        gap: 5px
+    }
 
-	body:not(.sidebar) .app-menu.app-menu.app-menu.app-menu {
-		transform: translate(80px, -50%);
-		min-width: 100px !important;
-	}
+    body:not(.sidebar) .app-menu.app-menu.app-menu.app-menu {
+        transform: translate(80px, -50%);
+        min-width: 100px !important;
+    }
 
-	#header-menu-contactsmenu{
-		right: 2px !important;
-		width: calc(100% - 16px);
-	}
+    #header-menu-contactsmenu{
+        right: 2px !important;
+        width: calc(100% - 16px);
+    }
+}
+.app-navigation-search input.input-field__input:hover:not([disabled]){
+    box-shadow: none !important;
+    padding: 0 30px 0 5px !important;
 }
+.v-popper__popper form.action-input__form input.input-field__input:hover:not([focus]):not([disabled]){
+    box-shadow: none !important;
+}
+#body-user .v-popper__popper form.action-input__form input.input-field__input:hover:not([disabled]),
+#body-user .v-popper__popper form.action-input__form input.input-field__input:focus:not([disabled]){
+    padding-right: 31px !important;
+    padding-left: 5px !important;
 
+}
+.app-navigation-search input.input-field__input::placeholder{
+    color: #939393;
+    padding: 0 30px 0 5px !important;
+}
 table.user-list {
-	margin: 30px;
+    margin: 30px;
 }
 
 .toastify.dialogs {
-	border-radius: 0 4px 4px 0 !important;
-	font-weight: 300 !important;
-	font-size: 24px !important;
-	line-height: 126.19% !important;
-	padding: 12px 20px !important;
-	width: 400px !important;
-	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05) !important;
-	margin-top: 10px !important;
-	animation-fill-mode: both;
-	animation-duration: .7s;
-	animation-name: bounceRight;
+    border-radius: 0 4px 4px 0 !important;
+    font-weight: 300 !important;
+    font-size: 24px !important;
+    line-height: 126.19% !important;
+    padding: 12px 20px !important;
+    width: 400px !important;
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05) !important;
+    margin-top: 10px !important;
+    animation-fill-mode: both;
+    animation-duration: .7s;
+    animation-name: bounceRight;
 }
 
 .toastify.dialogs.on {
-	animation-fill-mode: both;
-	animation-duration: .7s;
-	animation-name: bounceRight;
+    animation-fill-mode: both;
+    animation-duration: .7s;
+    animation-name: bounceRight;
 }
 
 .toastify.dialogs:not(.on) {
-	transition-duration: .7s;
-	transition-property: transform;
-	transition-timing-function: ease-out;
-	animation-name: bounceRight;
+    transition-duration: .7s;
+    transition-property: transform;
+    transition-timing-function: ease-out;
+    animation-name: bounceRight;
 }
 
 .toastify.dialogs.toast-error {
-	background: #eddada !important;
-	color: #9f3838 !important;
-	border-left: 6px solid #c06b6b !important;
+    background: #eddada !important;
+    color: #9f3838 !important;
+    border-left: 6px solid #c06b6b !important;
 }
 
-.toastify.dialogs.toast-success {
-	background: #daedda !important;
-	color: #46a650 !important;
-	border-left: 6px solid #6bc079 !important;
+.toastify.dialogs.toast-success,
+.toastify.dialogs.toast-undo{
+    background: #daedda !important;
+    color: #46a650 !important;
+    border-left: 6px solid #6bc079 !important;
 }
 
-.toastify.dialogs.toast-success .toast-close.toast-close:before {
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath d='M14 12.3L12.3 14 8 9.7 3.7 14 2 12.3 6.3 8 2 3.7 3.7 2 8 6.3 12.3 2 14 3.7 9.7 8z' fill='%2346a650'/%3E%3C/svg%3E");
+.toastify.dialogs.toast-success .toast-close.toast-close:before,
+.toastify.dialogs.toast-undo .toast-close.toast-close:before{
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath d='M14 12.3L12.3 14 8 9.7 3.7 14 2 12.3 6.3 8 2 3.7 3.7 2 8 6.3 12.3 2 14 3.7 9.7 8z' fill='%2346a650'/%3E%3C/svg%3E");
+}
+.toastify.dialogs.toast-success .toast-close:active,
+.toastify.dialogs.toast-undo.toast-close:active {
+    background: transparent !important;
 }
 
 .toastify.dialogs.toast-error .toast-close.toast-close:before {
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath d='M14 12.3L12.3 14 8 9.7 3.7 14 2 12.3 6.3 8 2 3.7 3.7 2 8 6.3 12.3 2 14 3.7 9.7 8z' fill='%239f3838'/%3E%3C/svg%3E");
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16'%3E%3Cpath d='M14 12.3L12.3 14 8 9.7 3.7 14 2 12.3 6.3 8 2 3.7 3.7 2 8 6.3 12.3 2 14 3.7 9.7 8z' fill='%239f3838'/%3E%3C/svg%3E");
 }
 
 div.modal-mask {
-	background-color: rgba(97, 99, 126, 0.5) !important;
+    background-color: rgba(97, 99, 126, 0.5) !important;
 }
 
 @media screen and (max-width: 768px) {
-	#app-sidebar-vue {
-		position: fixed;
-		z-index: 1801;
-	}
+    #app-sidebar-vue {
+        position: fixed;
+        z-index: 1801;
+    }
 
-	#recommendations, #rich-workspace {
-		margin-inline: 0;
-	}
+    #recommendations, #rich-workspace {
+        margin-inline: 0;
+    }
 
-	.files-list__table, .files-filestable {
-		margin-inline: 0
-	}
+    .files-list__table, .files-filestable {
+        margin-inline: 0
+    }
 }
 
 
 @keyframes bounceRight {
-	0%, 60%, 75%, 90%, 100% {
-		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-	}
-	0% {
-		opacity: 0;
-		transform: translate3d(3000px, 0, 0);
-	}
-	60% {
-		opacity: 1;
-		transform: translate3d(-25px, 0, 0);
-	}
-	75% {
-		transform: translate3d(10px, 0, 0);
-	}
-	90% {
-		transform: translate3d(-5px, 0, 0);
-	}
-	100% {
-		transform: none;
-	}
+    0%, 60%, 75%, 90%, 100% {
+        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
+    }
+    0% {
+        opacity: 0;
+        transform: translate3d(3000px, 0, 0);
+    }
+    60% {
+        opacity: 1;
+        transform: translate3d(-25px, 0, 0);
+    }
+    75% {
+        transform: translate3d(10px, 0, 0);
+    }
+    90% {
+        transform: translate3d(-5px, 0, 0);
+    }
+    100% {
+        transform: none;
+    }
 }
 
 @keyframes bounceOutRight {
-	20% {
-		opacity: 1;
-		transform: translate3d(-20px, 0, 0);
-	}
-	100% {
-		opacity: 0;
-		transform: translate3d(2000px, 0, 0);
-	}
+    20% {
+        opacity: 1;
+        transform: translate3d(-20px, 0, 0);
+    }
+    100% {
+        opacity: 0;
+        transform: translate3d(2000px, 0, 0);
+    }
 }
 
 .apps-store-view .actions {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
 }
 
 div.input-field__main-wrapper.input-field__main-wrapper{
-	margin: 0.25rem;
+    margin: 0.25rem;
+}
+.system-tag-form__group div.input-field__main-wrapper.input-field__main-wrapper{
+    margin: 0;
 }
-
 @media screen and (max-width: 640px) {
-	.dialog__modal .modal-container.modal-container.modal-container{
-		height: auto;
-		width: calc(100% - 20px);
-		top: 50%;
-		transform: translateY(-50%);
-		padding: 0px 10px;
-		box-sizing: border-box;
-	}
+    .dialog__modal .modal-container.modal-container.modal-container{
+        height: auto;
+        width: calc(100% - 20px);
+        top: 50%;
+        transform: translateY(-50%);
+        padding: 0px 10px;
+        box-sizing: border-box;
+    }
+}
+
+.file-container .checkbox-radio-switch:not(.checkbox-radio-switch--disabled,.checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content:hover,
+.file-container .checkbox-radio-switch:not(.checkbox-radio-switch--disabled,.checkbox-radio-switch--checked) .checkbox-radio-switch__content:hover {
+    background-color: var(--color-primary-element) !important;
+}
+
+.file-container .checkbox-radio-switch:not(.checkbox-radio-switch--disabled,.checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content:hover .checkbox-content__icon>*,
+.file-container .checkbox-radio-switch:not(.checkbox-radio-switch--disabled,.checkbox-radio-switch--checked) .checkbox-radio-switch__content:hover .checkbox-content__icon>* {
+    color: var(--color-main-background);
+}
+
+.apps-list__store-container .app-item .app-actions .button-vue {
+    max-width: 100%;
+}
+
+@media screen and (min-width: 1400px) and (max-width: 1439px){
+    .apps-list__store-container .app-item .app-actions .button-vue {
+        font-size: 0.695vw;
+    }
+}
+
+@media screen and (min-width: 1440px) and (max-width: 1600px){
+    .apps-list__store-container .app-item .app-actions .button-vue {
+        font-size: 0.781vw;
+    }
+}
+
+.v-select.vs--open .vs__search,
+.v-select .vs__search {
+    box-shadow: none;
+    border: none;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue {
+    width: 100% !important;
+    position: relative;
+    padding: 8px 0;
+    margin-top: 10px;
+    margin-bottom: 0;
+    border-radius: 0 !important;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue:before {
+    content: '';
+    position: absolute;
+    display: block;
+    top: 0;
+    height: 1px;
+    width: 100%;
+    left: 0;
+    background-color: #dfe0eb;
+    z-index: 1;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue .button-vue__wrapper {
+    justify-content: space-between !important;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue .button-vue__text {
+    color: #939393 !important;
+    font-weight: 400 !important;
+    font-size: 15px;
+    margin: 0 auto 0 0;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue .icon-vue svg {
+    color: #939393;
+    display: none;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue .button-vue__icon {
+    width: 50px !important;
+    height: 50px !important;
+    flex: 0 0 60px !important;
+
+}
+
+.app-navigation .account-management__settings-toggle.button-vue .icon-vue {
+    background-image: var(--original-icon-settings-dark);
+    width: 100%;
+    height: 100%;
+    background-size: auto 20px;
+    background-position: center !important;
+    background-repeat: no-repeat;
+}
+
+@media (any-hover: hover) {
+    .app-navigation .account-management__settings-toggle.button-vue .icon-vue {
+        background-image: var(--icon-settings-dark);
+    }
+}
+
+.app-navigation .account-management__settings-toggle.button-vue:hover {
+    background-color: var(--nav-bg-hover-color);
+}
+
+.app-navigation .account-management__settings-toggle.button-vue:hover .button-vue__text,
+.app-navigation .account-management__settings-toggle.button-vue:hover .button-vue__icon {
+
+    color: var(--nav-color-active) !important;
+}
+
+.app-navigation .account-management__settings-toggle.button-vue:hover .icon-vue {
+    background-image: var(--icon-settings-dark);
+}
+
+.app-navigation.app-navigation--close .account-management__settings-toggle.button-vue .button-vue__icon {
+    flex: 0 0 65px !important;
+}
+.button-vue img.social-button__icon:not(.social-button__icon--bright){
+    filter: invert(1) !important;
+}
+.button-vue img.social-button__icon.social-button__icon--bright{
+    filter: var(--background-invert-if-dark);
+}
+.modal-container .file-picker input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="color"]):not([type="file"]):not([type="image"]):not(.vs__search){
+    padding: 9px 9px 9px 25px !important;
+}
+.button-vue__icon img._icon_1g1ck_9{
+    filter: invert(1) !important;
+}
+#survey_client button,
+.help-content__body .button{
+    background-color: var(--color-background-dark);
+    border: 1px solid var(--color-border-dark);
+}
+#survey_client button:hover,
+.help-content__body .button:hover {
+    background-color: #e8e8e8;
+}
+.plyr__control svg {
+    fill: #fff;
+}
+.custom-input .v-popper--theme-dropdown{
+    margin-bottom: 4px;
 }
\ No newline at end of file