:root {
	--scroll-bar-color: #19376D;
	--scroll-track-color: #21376866;
}

/**
 * Colors
 */
:root {
	--color-create: #0E8388;
	--color-download: #0E8388;
	--color-critical: #C70039;
	--color-info: #19376D;
	--color-warning: #65647C;
	--color-selected: #E3F4F4;


	--color-background-center: #FFFFFF;
	--color-background-sidebar: #F7F5F2;
	--color-background-header: #F7F5F2;

	--breadcrumb-text-color: #222;
	--breadcrumb-background-color: #FFF;
	--breadcrumb-border-color: #cbd2d9;
}


/**
 * Font sizes
 */
:root {
	--font-size-small: 14px;
	--font-size-medium: 16px;
	--font-size-large: 20px;
}


/**
 * Interface
 */
body, body.theme-light {

}

/***************
 * Light theme
 **************/

.theme-light {
	--text-color: #222222;

	--font-size-small: 14px;
	--font-size-medium: 16px;
	--font-size-large: 20px;

	--scroll-bar-color: #464646;
	--scroll-track-color: #888888;

	--color-background-center: #FFFFFF;
	--color-background-sidebar: #F7F5F2;
	--color-background-header: #F7F5F2;

	--color-actions-text: #222;
}

/**
 * Main search
 */
.theme-light {
	color: var(--text-color);
}

.theme-light .main-search {
	color: var(--text-color);
}

.theme-light .main-search .input-query {

}

.theme-light .main-search .action.clear {
	background-color: #FFF;
}

.theme-light .main-search .suggestions-list .item {
	background-color: rgb(0 0 0 / 10%);
	font-size: var(--font-size-medium);
	font-weight: 400;
}
.theme-light .main-search .suggestions-list .item.selected {
	background-color: #508dd7FF;
}

.theme-light .main-search .search-results-list .item {
	background-color: rgb(0 0 0 / 10%);
	font-size: var(--font-size-medium);
	font-weight: 300;
}


/**
 * File tree
 */
.theme-light .file-tree {
	color: var(--text-color);
}

.theme-light .file-tree .items-list .item > .info {
	font-size: var(--font-size-medium);
	border: 1px solid rgb(0 0 0 / 10%);
}
.theme-light .file-tree .items-list .item.selected > .info {
	background-color: #6ea3e3FF;
}

.theme-light .file-tree .actions .action {
	color: #111d2b;
	border: 1px solid #5485b9;
	background-color: #5485b9aa;
}



.theme-light .file-tree .items-list .item.bookmarked > .actions .bookmark {
	background-color: #2074bd;
	color: #FFF;
	text-shadow: 0px 0px 8px #FFF;
}

.theme-light .file-tree .items-list .item.featured > .actions .featured {
	background-color: #2074bd;
	color: #FFF;
	text-shadow: 0px 0px 8px #FFF;
}

.actions .action {
	transition: background-color 0.3s ease 0s,
							color 0.3s ease 0s;

}


.theme-light .file-tree .items-list .item.bookmarked > .actions .bookmark .fa {
  filter: drop-shadow(0px 0px 4px #6ea3e3);
}

/**
 * File list
 */
.theme-light .file-list {
	color: var(--text-color);
}

.theme-light .file-list .download-folder .label .action.cancel {
	background-color: var(--color-critical);
	font-size: var(--font-size-medium);
	color: #FFF;
	font-weight: 300;
}

.theme-light .file-list .download-folder .progress {
	background-color: #508dd7FF;
}

.theme-light .file-list .file-path .item > .info {
	font-size: var(--font-size-small);
	font-weight: 400;
	background-color: rgb(0 0 0 / 10%);
	border: 1px solid rgb(0 0 0 / 30%);
}

.theme-light .file-list .file-path .item:last-child > .info {
	color: #FFF;
	background-color: #508dd7FF;
}

.theme-light .file-list > .actions > * {
	color: #FFF;
	background-color: #508dd7;
	border: 1px solid rgb(0 0 0 / 30%);
	font-weight: 400;
}

.theme-light .file-list .top-bar .actions > * {
	background-color: rgb(0 0 0 / 15%);
	color: #222;
}

.theme-light .file-list .items-list .item > .info {
	background-color: rgb(0 0 0 / 10%);
}

.theme-light .file-list .items-list .item > .info .icon {
	color: #508dd7FF;
}

.theme-light .file-list .items-list .item > .info .name {
	font-size: var(--font-size-medium);
	font-weight: 300;
}

.theme-light .file-list .items-list .item > .info .created,
.theme-light .file-list .items-list .item > .info .size {
	font-size: var(--font-size-small);
	font-weight: 400;
	opacity: 0.75;
}

.theme-light .file-list .items-list .item[type="folder"] > .info {
	background-color: rgb(0 0 0 / 15%);
}

.theme-light .file-list .items-list .item[type="application/pdf"] > .info {

}


.theme-light .file-list .items-list .item.recent > .info .icon {
	color: #508dd788;
}

.theme-light .file-list .items-list .item.recent > .info .name {
	color: #464646;
}

.theme-light .file-list .items-list .item.selected > .info {
	color: #FFF;
	background-color: #508dd7FF;
}
.theme-light .file-list .items-list .item.selected > .info .name {
	color: #FFF;
}


.theme-light .file-list .items-list .item.selected > .info .icon {
	color: #FFF;
}


.theme-light .file-list .items-list .item .actions .action {
	color: #FFF;
}

/**
 * File info
 */
.theme-light .file-info {
	color: #222222;
}

.theme-light .file-info .item-name {
	font-size: var(--font-size-large);
	font-weight: 300;
}

.theme-light .file-info .time-created {
	font-size: var(--font-size-small);
	color: #666;
	font-weight: 400;
}

.theme-light .file-info .extra {
	background-color: rgb(0 0 0 / 5%);
}

.theme-light .file-info .extra .action {
	font-size: var(--font-size-medium);
	font-weight: 300;
	color: #FFF;
	background-color: #508dd7AA;
}

.theme-light .file-info .extra .action.selected {
	color: #FFF;
	background-color: #508dd7FF;
}

.theme-light .file-info .multi-select .selected-list .item {
	color: #FFF;
	background-color: #508dd7FF;
}

.theme-light .file-info .multi-select .options-list .item {
	
}

/***************
 * Dark theme
 **************/

.theme-dark {
	--text-color: #DDDDDD;

	--font-size-small: 14px;
	--font-size-medium: 16px;
	--font-size-large: 20px;

	--scroll-bar-color: #4986d0;
	--scroll-track-color: #96c6ff;


	--color-background-center: #222222;
	--color-background-sidebar: #222222;
	--color-background-header: #151515;


	--breadcrumb-text-color: #FFF;
	--breadcrumb-background-color: #262626;
	--breadcrumb-border-color: #393939;

	--color-actions-text: #222;
}

.theme-dark {
	color: var(--text-color);
}

.theme-dark .panel-left {
	background-image: url(/assets/images/fake_brick.png);
}

.theme-dark .panel-right {
	background-image: url(/assets/images/fake_brick.png);
}

.theme-dark .logo img {
	filter: invert(100%) hue-rotate(180deg);
}

.theme-dark .toast {
	background-color: rgb(42 86 140 / 30%);
}

/**
 * Main search
 */
.theme-dark .main-search {
	color: var(--text-color);
}

.theme-dark .main-search .input-query {

}

.theme-dark .main-search .action.clear {
	background-color: #777;
}

.theme-dark .main-search .suggestions-list .item {
	background-color: rgb(0 0 0 / 10%);
	font-size: var(--font-size-medium);
	font-weight: 400;
}
.theme-dark .main-search .suggestions-list .item.selected {
	background-color: #2a568cFF;
}

.theme-dark .main-search .search-results-list .item {
	background-color: rgb(0 0 0 / 10%);
	font-size: var(--font-size-medium);
	font-weight: 300;
}


/**
 * File tree
 */
.theme-dark .file-tree {
	color: var(--text-color);
}

.theme-dark .file-tree .items-list .item > .info {
	font-size: var(--font-size-medium);
	border: 1px solid rgb(0 0 0 / 10%);
	background-color: rgb(255 255 255 / 4%);
}
.theme-dark .file-tree .items-list .item.selected > .info {
	background-color: #2a568cFF;
}


.theme-dark .file-tree .actions .action {
	color: #FFF;
	border: 1px solid #2a568c;
	background-color: #2a568cAA;
}

.theme-dark .file-tree .items-list .item.bookmarked > .actions .bookmark,
.theme-dark .file-tree .items-list .item.featured > .actions .featured {
  background-color: #2074bd;
  color: #FFF;
  text-shadow: 0px 0px 8px #FFF;
}


.theme-dark .file-tree .name .fa {
	color: #5facfd;
}

.theme-dark .side-feeds .item-button.recent .name {
	filter: grayscale(100%) brightness(130%);
}

.theme-dark .side-feeds .item-button.recent.featured {
	border-color: #878787;
	border-left-color: #878787;
}

.theme-dark .file-tree .items-list .item.recent > .info .name {
	color: #CCC;
}

.theme-dark .item.selected[type="folder"]:not(:has(.selected[type="folder"])) {

}

/**
 * File list
 */
.theme-dark .file-list {
	color: var(--text-color);
}

.theme-dark .file-list .download-folder .label .action.cancel {
	background-color: var(--color-critical);
	font-size: var(--font-size-medium);
	color: #FFF;
	font-weight: 300;
}

.theme-dark .file-list .items .item.selected {
	border: 1px solid rgba(5, 140, 221, 0.73);
	filter: brightness(140%);
}

.theme-dark .file-list .download-folder .progress {
	background-color: #2a568cFF;
}

.theme-dark .file-list .file-path .item > .info {
	font-size: var(--font-size-small);
	font-weight: 400;
	background-color: rgb(0 0 0 / 10%);
	border: 1px solid rgb(0 0 0 / 30%);
}

.theme-dark .file-list .file-path .item:last-child > .info {
	color: #FFF;
	background-color: #2a568cFF;
}

.theme-dark .file-list > .actions > * {
	color: #FFF;
	background-color: #2a568c;
	border: 1px solid rgb(0 0 0 / 30%);
	font-weight: 400;
}

.theme-dark .file-list .top-bar .actions > * {
	background-color: rgb(255 255 255 / 15%);
}

.theme-dark .file-list .file-path .actions .sort-type {
	background-color: #508dd7;
	color: #FFF;
}

.theme-dark .file-list .items-list .item > .info {
	background-color: rgb(0 0 0 / 10%);
}
.theme-dark .file-list .items-list .item > .info .icon {
	color: #3773bb;
}

.theme-dark .file-list .items-list .item > .info .name {
	font-size: var(--font-size-medium);
	font-weight: 300;
}

.theme-dark .file-list .items-list .item > .info .created,
.theme-dark .file-list .items-list .item > .info .size {
	font-size: var(--font-size-small);
	font-weight: 400;
	opacity: 0.75;
}

.theme-dark .file-list .items-list .item[type="folder"] > .info {
	background-color: rgb(0 0 0 / 15%);
}

.theme-dark .file-list .items-list .item[type="application/pdf"] > .info {

}


.theme-dark .file-list .items-list .item.recent > .info .icon {
	color: #2a568c88;
}

.theme-dark .file-list .items-list .item.recent > .info .name {
	color: #777777;
}

.theme-dark .file-list .items-list .item.selected > .info {
	color: #FFF;
	background-color: #2a568cFF;
}
.theme-dark .file-list .items-list .item.selected > .info .name {
	color: #FFF;
}


.theme-dark .file-list .items-list .item.selected > .info .icon {
	color: #FFF;
}


.theme-dark .file-list .items-list .item .actions .action {
	color: #FFF;
	background-color: #2a568cAA;
}
.theme-dark .file-list .items-list .item .actions .action.selected {
	color: #FFF;
	background-color: #3773bb;
}

.theme-dark .file-list .items .item.recent {
	color: #838383;
}

/**
 * File info
 */
.theme-dark .file-info {
	color: #FFFFFF;
}

.theme-dark .file-info .item-name {
	font-size: var(--font-size-large);
	font-weight: 300;
}

.theme-dark .file-info .time-created {
	font-size: var(--font-size-small);
	color: #666;
	font-weight: 400;
}

.theme-dark .file-info .extra {
	background-color: rgb(0 0 0 / 5%);
}

.theme-dark .file-info .extra .action {
	font-size: var(--font-size-medium);
	font-weight: 300;
	color: #FFF;
	background-color: #2a568cAA;
}

.theme-dark .file-info .extra .action.selected {
	color: #FFF;
	background-color: #3773bb;
}

.theme-dark .file-info .multi-select .selected-list .item {
	color: #FFF;
	background-color: #3773bb;
}

.theme-dark .file-info .multi-select .options-list .item {
	
}

.theme-dark .file-info .popout {
	background-color: rgb(255 255 255 / 15%);
}