/**
 * =============================================================================
 * Breeze Dark for Nextcloud
 * Source code: https://github.com/mwalbeck/nextcloud-breeze-dark
 * Made with the help of contributors! See AUTHORS.md
 * =============================================================================
 * 
 * @copyright Copyright (C) 2017  Magnus Walbeck <mw@mwalbeck.org>
 *
 * @author Magnus Walbeck <mw@mwalbeck.org>
 * 
 * @license GNU AGPL version 3 or any later version
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 */
/***
 * @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
[data-themes*=breezedark] {
  --color-paper-white: rgba(252, 252, 252, 1);
  --color-cardboard-gray: rgba(239, 240, 241, 1);
  --color-icon-gray: rgba(77, 77, 77, 1);
  --color-charcoal-gray: rgba(49, 54, 59, 1);
  --color-shade-black: rgba(35, 38, 41, 1);
  --color-plasma-blue: rgba(61, 174, 233, 1);
  --color-icon-red: rgba(218, 68, 83, 1);
  --color-danger-red: rgba(237, 21, 21, 1);
  --color-beware-orange: rgba(246, 116, 0, 1);
  --color-icon-yellow: rgba(253, 188, 75, 1);
  --color-sunbeam-yellow: rgba(201, 206, 59, 1);
  --color-verdant-green: rgba(17, 209, 22, 1);
  --color-icon-blue: rgba(29, 153, 243, 1);
  --color-noble-fir: rgba(39, 174, 96, 1);
  --color-abyss-blue: rgba(41, 128, 185, 1);
  --color-coastal-fog: rgba(127, 140, 141, 1);
  --color-alternate-gray: rgba(189, 195, 199, 1);
  --color-hover-blue: rgba(61, 174, 233, 0.3);
  --color-border-grey: rgba(103, 107, 110, 1);
  --color-dashboard-grey: rgba(49, 54, 59, 0.8);
  --color-selected-blue: rgba(61, 174, 233, 0.4);
  --color-main-text: var(--color-cardboard-gray) !important;
  --color-main-background: var(--color-charcoal-gray) !important;
  --color-main-background-translucent: var(--color-main-background) !important;
  --color-background-hover: var(--color-hover-blue) !important;
  --color-background-dark: var(--color-main-background) !important;
  --color-background-darker: var(--color-shade-black) !important;
  --color-background-translucent: var(--color-dashboard-grey) !important;
  --color-background-plain: var(--color-shade-black) !important;
  --color-primary: var(--color-plasma-blue) !important;
  --color-primary-light: var(--color-primary) !important;
  --color-primary-text: var(--color-paper-white) !important;
  --color-primary-text-dark: var(--color-main-text) !important;
  --color-primary-element: var(--color-primary) !important;
  --color-primary-element-light: var(--color-primary) !important;
  --color-error: var(--color-icon-red) !important;
  --color-warning: var(--color-beware-orange) !important;
  --color-neutral: var(--color-sunbeam-yellow) !important;
  --color-success: var(--color-noble-fir) !important;
  --color-text-maxcontrast: var(--color-alternate-gray) !important;
  --color-text-light: var(--color-main-text) !important;
  --color-text-lighter: var(--color-text-maxcontrast) !important;
  --color-text-dark: rgba(0, 0, 0, 1) !important;
  --color-text-selection: var(--color-hover-blue) !important;
  --color-text-link: rgba(30, 168, 226, 1) !important;
  --color-loading-light: var(--color-alternate-gray) !important;
  --color-loading-dark: var(--color-coastal-fog) !important;
  --color-box-shadow: rgba(0, 0, 0, 0) !important;
  --color-box-shadow-rgb: rgba(0, 0, 0, 0) !important;
  --color-border: var(--color-border-grey) !important;
  --color-border-dark: var(--color-border) !important;
  --color-border-maxcontrast: var(--color-border) !important;
  --color-icon: rgba(242, 242, 242, 1);
  --table-color-border: var(--color-border) !important;
  --table-color-heading: var(--color-primary-text) !important;
  --table-color-heading-border: var(--color-border) !important;
  --table-color-background: var(--color-main-background) !important;
  --table-color-background-hover: var(--color-background-hover) !important;
  --table-border-radius: var(--border-radius) !important;
  --color-main-background-rgb: rgb(23, 23, 23) !important;
  --color-main-background-blur: rgba(23, 23, 23, 0.8) !important;
  --background-invert-if-dark: invert(100%) !important;
  --background-invert-if-bright: no !important;
  --color-success-rgb: 70, 186, 97 !important;
  --color-success-hover: #6ac780 !important;
  --color-warning-rgb: 236, 167, 0 !important;
  --color-warning-hover: #efb832 !important;
  --color-error-rgb: 233, 50, 45 !important;
  --color-error-hover: #ed5a56 !important;
  --color-scrollbar: #3d3d3d !important;
  --color-text-maxcontrast-background-blur: #919191 !important;
  --color-text-maxcontrast-default: #8c8c8c !important;
  --color-placeholder-light: #313131 !important;
  --color-placeholder-dark: #4a4a4a !important;
  --color-primary-default: #0082c9 !important;
  --color-primary-hover: #04537f !important;
  --color-primary-light-text: #99c0d6 !important;
  --color-primary-light-hover: #1d272d !important;
  --color-primary-element-default-hover: #046ca5 !important;
  --color-primary-element-text: #fff !important;
  --color-primary-element-hover: #04537f !important;
  --color-primary-element-light-text: #99c0d6 !important;
  --color-primary-element-light-hover: #1d272d !important;
  --color-primary-element-text-dark: #ededed !important;
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Buttons ------------------------------------------------------------------- */
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary,
.button.primary,
input[type=button].primary,
input[type=submit].primary {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
  color: var(--color-main-text) !important;
}
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:hover,
.button.primary:hover,
input[type=button].primary:hover,
input[type=submit].primary:hover {
  border-color: var(--color-primary-element) !important;
}
button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview):active, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:focus, button:not(.color-picker__simple-color-circle):not(.property-color__color-preview).primary:active,
.button:focus,
.button:active,
.button.primary:focus,
.button.primary:active,
input[type=button]:focus,
input[type=button]:active,
input[type=button].primary:focus,
input[type=button].primary:active,
input[type=submit]:focus,
input[type=submit]:active,
input[type=submit].primary:focus,
input[type=submit].primary:active {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary-element) !important;
}

.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button) {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-main-text) !important;
}
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):hover {
  border-color: var(--color-primary-element) !important;
}
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):focus, .button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button):active {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary-element) !important;
}
.button-vue.button-vue--vue-secondary:not(.property-color__color-preview):not(.unified-search__button).close-button {
  border: none !important;
}

.button-vue.unified-search__button:hover {
  opacity: 1 !important;
}

input[type=text] + .icon-confirm,
input[type=password] + .icon-confirm,
input[type=email] + .icon-confirm {
  background-color: var(--color-background-darker) !important;
}

/* Input Fields -------------------------------------------------------------- */
input:not([type=range]):not([type=button]):not([type=submit]) {
  background-color: var(--color-background-darker);
}
input:not([type=range]):not([type=button]):not([type=submit]):active {
  background-color: var(--color-background-darker);
}

div[contenteditable=true]:not(:disabled):hover, div[contenteditable=true]:not(:disabled):focus, div[contenteditable=true]:not(:disabled):active,
textarea:not(:disabled):hover,
textarea:not(:disabled):focus,
textarea:not(:disabled):active {
  border-color: var(--color-primary-element) !important;
}

.multiselect .multiselect__input {
  background-color: inherit !important;
}

.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label,
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:hover,
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__label:focus-within {
  background-color: var(--color-background-hover) !important;
}

.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
  box-shadow: unset !important;
}

/* Action items -------------------------------------------------------------- */
.action-input .action-input__label,
.action-text-editable .action-text-editable__label {
  background-color: var(--color-background-darker);
}

/* select -------------------------------------------------------------------- */
select option {
  background-color: var(--color-main-background);
  color: var(--color-main-text);
}

.select2-choices .select2-search-choice {
  box-shadow: unset;
}

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
  background: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
}

.select2-drop .select2-drop-active {
  border-top-color: var(--color-border) !important;
}

.multiselect .multiselect__content-wrapper .multiselect__option--highlight {
  background-color: var(--color-background-hover) !important;
}

/* vs__search ---------------------------------------------------------------- */
.vs__search {
  background-color: unset !important;
}

/* Table --------------------------------------------------------------------- */
tbody tr:hover,
tbody tr:focus,
tbody tr:active {
  background-color: var(--color-background-hover) !important;
}
tbody tr:hover thead tr:hover,
tbody tr:hover thead tr:focus,
tbody tr:hover thead tr:active,
tbody tr:focus thead tr:hover,
tbody tr:focus thead tr:focus,
tbody tr:focus thead tr:active,
tbody tr:active thead tr:hover,
tbody tr:active thead tr:focus,
tbody tr:active thead tr:active {
  background-color: var(--color-main-background) !important;
}

/* Progress ------------------------------------------------------------------ */
progress:not(.vue) {
  background-color: var(--color-border);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Header -------------------------------------------------------------------- */
#settings #expand:hover #expandDisplayName,
#settings #expand:focus #expandDisplayName,
#settings #expand:active #expandDisplayName,
#settings #expand:hover .avatardiv,
#settings #expand:focus .avatardiv,
#settings #expand:active .avatardiv {
  border: unset;
}

#body-login #header {
  background-color: unset !important;
}

/* Menues -------------------------------------------------------------------- */
.menu,
.popovermenu,
.bubble,
.popover,
.app-navigation-entry-menu,
.v-popper__popper .v-popper__inner {
  border: 1px solid var(--color-border);
}

.menu.notification-container {
  border: unset;
}

.bubble::after,
.app-navigation-entry-menu::after,
.menu::after,
.popovermenu::after,
.v-popper--theme-dropdown.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
  border-bottom-color: var(--color-border) !important;
}

.popover__arrow {
  border-color: var(--color-border) !important;
}

.action-item__menu {
  border: 1px solid var(--color-border);
}
.action-item__menu .action-item__menu_arrow {
  border-bottom-color: var(--color-border) !important;
}

.v-popper__popper button.action-button {
  border-radius: 6px !important;
}

/* Search ------------------------------------------------------------------- */
.header-menu__wrapper {
  border: 1px solid var(--color-border);
}

.header-menu__carret {
  border-bottom-color: var(--color-border) !important;
}

.unified-search__form-reset {
  background-color: transparent !important;
}

.unified-search__result-icon img[src$="integration_discourse/img/app-dark.svg"] {
  filter: invert(95%);
}

/* File picker --------------------------------------------------------------- */
.oc-dialog {
  border: 1px solid var(--color-border);
}
.oc-dialog .filepicker_element_selected,
.oc-dialog #oc-dialog-filepicker-content .filepicker_element_selected {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
}
.oc-dialog .fileexists label,
.oc-dialog .fileexists .conflict .filename {
  color: var(--color-main-text) !important;
}

.reference-picker .oc-dialog {
  border: none;
}

/* Settings ------------------------------------------------------------------ */
#cropper .inner-container {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border);
  color: var(--color-main-text) !important;
}

.followupsection {
  color: var(--color-main-text) !important;
}

.link-button {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-main-text) !important;
}
.link-button:hover, .link-button.button:hover {
  border-color: var(--color-primary-element) !important;
  color: var(--color-main-text) !important;
}
.link-button:active, .link-button:focus {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary-element) !important;
  color: var(--color-main-text) !important;
}

.preview-card .preview-card__footer {
  border: 1px solid var(--color-border);
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-top: unset;
}

.profile .user-actions .profile__primary-action-button img[src$="spreed/img/app-dark.svg"],
.profile .user-actions .user-actions__other a {
  filter: invert(95%);
}

#addgroup button.icon-confirm,
#addgroup button.icon-close {
  background-image: none !important;
}

.breezedark-admin p {
  margin-top: 1em;
}

/* Tooltips ----------------------------------------------------------------- */
.tooltip,
.vue-tooltip {
  filter: none !important;
}
.tooltip .tooltip-inner,
.vue-tooltip .tooltip-inner {
  border: 1px solid var(--color-border);
}
.tooltip[x-placement^=right], .tooltip.right .tooltip-arrow,
.vue-tooltip[x-placement^=right],
.vue-tooltip.right .tooltip-arrow {
  border-right-color: var(--color-border) !important;
}
.tooltip[x-placement^=left], .tooltip.left .tooltip-arrow,
.vue-tooltip[x-placement^=left],
.vue-tooltip.left .tooltip-arrow {
  border-left-color: var(--color-border) !important;
}
.tooltip[x-placement^=bottom] .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow,
.vue-tooltip[x-placement^=bottom] .tooltip-arrow,
.vue-tooltip.bottom .tooltip-arrow,
.vue-tooltip.bottom-left .tooltip-arrow,
.vue-tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: var(--color-border) !important;
}
.tooltip[x-placement^=top] .arrow, .tooltip[x-placement^=top] .tooltip-arrow, .tooltip.top .arrow, .tooltip.top .tooltip-arrow, .tooltip.top-left .arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .arrow, .tooltip.top-right .tooltip-arrow,
.vue-tooltip[x-placement^=top] .arrow,
.vue-tooltip[x-placement^=top] .tooltip-arrow,
.vue-tooltip.top .arrow,
.vue-tooltip.top .tooltip-arrow,
.vue-tooltip.top-left .arrow,
.vue-tooltip.top-left .tooltip-arrow,
.vue-tooltip.top-right .arrow,
.vue-tooltip.top-right .tooltip-arrow {
  border-top-color: var(--color-border) !important;
}

/* Toasts ------------------------------------------------------------------- */
.toastify.dialogs {
  border: 1px solid var(--color-border);
}

/* App Store ---------------------------------------------------------------- */
.app-level .official {
  border-color: var(--color-success);
}

/* Smart picker ------------------------------------------------------------- */
.tribute-container-link {
  border: 1px solid var(--color-border);
  border-radius: 6px !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* App navigation ----------------------------------------------------------- */
#app-navigation:not(.vue) > ul > li > a,
#app-navigation:not(.vue) > ul > li > ul > li > a {
  opacity: 1;
}
#app-navigation:not(.vue) > ul > li > ul > li:hover > a,
#app-navigation:not(.vue) > ul > li > ul > li:focus > a {
  background-color: unset;
}
#app-navigation:not(.vue) .collapsible::before {
  background-color: unset;
}
#app-navigation:not(.vue) .collapsible:hover > .svg {
  background-color: var(--color-background-hover);
  background-image: none !important;
}

.app-navigation .app-navigation-caption__title {
  opacity: 1 !important;
}

#app-settings-header .settings-button,
#app-settings__header .settings-button,
.contacts-settings .contacts-settings-button {
  background-color: transparent !important;
  border: unset !important;
  opacity: 1;
}

.counter-bubble__counter {
  color: var(--color-primary-text) !important;
}

/* App Sidebar -------------------------------------------------------------- */
.app-sidebar-tabs__tab a:not(.active):hover, .app-sidebar-tabs__tab a:not(.active):focus {
  border-bottom-color: var(--color-background-hover) !important;
  box-shadow: inset 0 -1px 0 var(--color-background-hover) !important;
}
.app-sidebar-tabs__tab a.active, .app-sidebar-tabs__tab a.active:focus, .app-sidebar-tabs__tab a.active:active {
  border-bottom-color: var(--color-primary-element) !important;
  box-shadow: inset 0 -1px 0 var(--color-primary-element) !important;
}

.versionsTabView li {
  border-color: var(--color-border);
}
.versionsTabView li:hover {
  background: var(--color-background-hover);
}

.app-sidebar-tabs__content section {
  box-shadow: none !important;
}

#tab-comments .comment-form form input[type=submit] {
  opacity: 0.7;
}
#tab-comments .comment-form form input[type=submit]:hover {
  opacity: 1;
}

#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star,
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star {
  color: var(--color-main-text);
}
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover,
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--star:hover {
  color: var(--color-icon-yellow);
}

#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred,
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred {
  color: var(--color-icon-yellow);
}
#app-sidebar-vue.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover,
#app-sidebar.app-sidebar .app-sidebar-header__desc .app-sidebar-header__star .star--starred:hover {
  color: var(--color-main-text);
}

/* App Store ---------------------------------------------------------------- */
.app-settings #app-sidebar-vue .app-sidebar-header__figure {
  filter: invert(5%);
}

/* CodeMirror --------------------------------------------------------------- */
.EasyMDEContainer .CodeMirror {
  background-color: var(--color-main-background);
  border: unset !important;
  color: var(--color-main-text);
}
.EasyMDEContainer .CodeMirror .cm-formatting {
  opacity: 0.5;
}
.EasyMDEContainer .CodeMirror .cm-link {
  color: var(--color-text-link) !important;
}
.EasyMDEContainer .CodeMirror .cm-s-easymde .cm-url,
.EasyMDEContainer .CodeMirror .cm-s-easymde .cm-string {
  color: var(--color-text-inactive) !important;
}
.EasyMDEContainer .CodeMirror .CodeMirror-selected {
  background-color: var(--color-main-background) !important;
}
.EasyMDEContainer .CodeMirror .CodeMirror-selectedtext {
  background-color: var(--color-text-selection) !important;
  color: var(--color-main-text);
}
.EasyMDEContainer .CodeMirror .CodeMirror-cursor {
  border-left-color: var(--color-main-text);
}

#description-preview a,
.note-preview a {
  color: var(--color-text-link) !important;
  opacity: 1 !important;
}
#description-preview pre,
.note-preview pre {
  background-color: var(--color-background-darker) !important;
  border: 1px solid var(--color-border);
  border-radius: 3px;
  padding: 16px !important;
}
#description-preview code,
.note-preview code {
  background-color: var(--color-background-darker) !important;
}
#description-preview blockquote,
.note-preview blockquote {
  border-left: 4px solid var(--color-border);
  color: var(--color-main-text);
  font-style: italic;
  padding-left: 2ex;
}

/* mx-datepicker ------------------------------------------------------------ */
.mx-datepicker .mx-input-wrapper .mx-input:active {
  background-color: var(--color-main-background) !important;
}

/* vue-treeselect ----------------------------------------------------------- */
.vue-treeselect__menu {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
}

.vue-treeselect__input-container,
.vue-treeselect__input {
  background-color: var(--color-main-background) !important;
}

.vue-treeselect__single-value {
  color: var(--color-main-text) !important;
}

.vue-treeselect__option--highlight {
  background-color: var(--color-background-hover) !important;
}

.vue-treeselect--single .vue-treeselect__option--selected {
  background-color: var(--color-primary) !important;
}

/* vue-checkboxes ----------------------------------------------------------- */
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label[data-v-5cec6b50],
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label[data-v-5cec6b50] {
  background-color: var(--color-background-hover) !important;
}

/* Template picker ---------------------------------------------------------- */
.templates-picker__buttons {
  background-image: unset !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Apps that haven't moved to variables for icons ---------------------------- */
.icon-onlyoffice-open,
.icon-onlyoffice-convert,
.icon-onlyoffice-download {
  filter: invert(95%);
}

.collabora.action-edit img[src$="/core/img/actions/rename.svg"] {
  filter: invert(95%);
}

/* CSS tricks to change icon color ------------------------------------------- */
.icon-collapse {
  color: var(--color-icon) !important;
}

.app-settings #apps-list .section .app-image .app-icon[*|href$="circles.svg"],
.app-settings #app-sidebar #app-details-view image.app-icon[*|href$="circles.svg"] {
  filter: invert(1);
}
.app-settings .infoicon {
  filter: invert(95%);
}

/* Random CSS fixes for icons ----------------------------------------------- */
.avatardiv--with-menu .icon-more {
  background-image: none !important;
}

/* CSS to handle inverting icons when a Theming app colour that has a bad 
   contrast with white is used ------------------------------------------------*/
body:not([data-dashboard-background]) #appmenu.inverted svg image {
  filter: none;
}

.header-right .notifications-button img[src$="notifications-dark.svg"],
.header-right .notifications-button img[src$="notifications-new-dark.svg"] {
  filter: invert(1);
}

.dashboard--dark .header-right .notifications-button img[src$="notifications-new-dark.svg"] {
  filter: invert(1) hue-rotate(180deg);
}

body.dashboard--inverted .header-right > div:not(#settings) > :first-child {
  filter: invert(0) hue-rotate(180deg) !important;
}

body.dashboard--inverted.dashboard--dark .header-right > div:not(#settings) > :first-child {
  filter: invert(1) hue-rotate(180deg) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Activity ----------------------------------------------------------------- */
#no_more_activities,
.activity-icon {
  opacity: 0.7;
}

.activitysubject strong.systemtag {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Dashboard ---------------------------------------------------------------- */
#app-dashboard {
  --color-background-translucent: var(--color-dashboard-grey) !important;
  --color-main-background: var(--color-background-darker) !important;
}

.background-selector .background.color {
  background-color: var(--color-background-darker) !important;
}

.modal__content li label {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
}
.modal__content li label:hover {
  border-color: var(--color-primary-element) !important;
}

#app-dashboard .footer .button-vue {
  border: unset !important;
}

#app-dashboard .user-status-menu-item__toggle--inline {
  box-shadow: none !important;
}

#status-weather .button-vue {
  background-color: var(--color-main-background-blur) !important;
  border: unset !important;
}
#status-weather .button-vue:hover {
  background-color: var(--color-background-hover) !important;
}

/* Deck */
.app-dashboard .card {
  background-color: inherit !important;
  border: unset;
}
.app-dashboard .card:hover {
  background-color: var(--color-background-hover) !important;
}

/* Tasks */
.center-button .button-vue--vue-secondary {
  background-color: var(--color-background-darker) !important;
  color: var(--color-main-text) !important;
}
.center-button .button-vue--vue-secondary:hover {
  background-color: var(--color-background-hover) !important;
}
.center-button .button-vue--vue-secondary:active, .center-button .button-vue--vue-secondary:focus {
  background-color: var(--color-primary-element) !important;
  color: var(--color-primary-text) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Files -------------------------------------------------------------------- */
.recommendation:hover, .recommendation:focus {
  background: var(--color-background-hover) !important;
}

.filesize {
  color: var(--color-text-maxcontrast) !important;
}

.date > span {
  color: var(--color-text-maxcontrast) !important;
}

table tr[data-has-preview=true] .thumbnail {
  border: unset !important;
}

#filestable .filename .favorite-mark .icon-star {
  background-image: none !important;
}

#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) {
  background-color: unset !important;
}
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted .fileactions, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .thumbnail-wrapper, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .nametext, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult .fileactions,
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .thumbnail-wrapper,
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .nametext,
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) .name:focus .fileactions {
  background-color: unset !important;
}
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden):hover, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):focus, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden):active, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).selected, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).highlighted, #filestable.view-grid:not(.hidden) tbody tr:not(.hidden).searchresult {
  background-color: var(--color-background-hover) !important;
}

#filestable .summary {
  opacity: 1;
}

#filestable tbody tr.highlighted,
#filestable tbody tr.highlighted .name:focus,
#filestable tbody tr.selected,
#filestable tbody tr.searchresult {
  background-color: var(--color-selected-blue) !important;
}

#filestable tbody tr:hover,
#filestable tbody tr:focus,
#filestable tbody tr:active,
table tr.mouseOver {
  background-color: var(--color-background-hover) !important;
}

#filestable tbody .name:focus,
#filestable tbody tr:hover .filename form,
table tr.mouseOver td {
  background-color: unset !important;
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* First Run Wizard --------------------------------------------------------- */
#firstrunwizard button.primary {
  background-color: var(--color-primary-element) !important;
  border-color: var(--color-primary-element) !important;
  color: var(--color-primary-text) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Notifications ------------------------------------------------------------ */
.toastify.toast {
  border: 1px solid var(--color-border);
  box-shadow: none;
}

.notification-container.menu li:hover {
  background-color: inherit;
}
.notification-container.menu .notification:hover,
.notification-container.menu .dismiss-all:hover {
  background-color: var(--color-background-hover);
}

/***
 * @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Notifications ------------------------------------------------------------ */
.app-photos#content-vue .files-list-viewer__placeholder {
  background: var(--color-background-hover) !important;
}
.app-photos#content-vue .file-container {
  background: var(--color-background-hover) !important;
}
.app-photos#content-vue .file-container .selection-checkbox .checkbox-radio-switch__label::after {
  background: var(--color-background-darker);
}

/***
 * @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Text --------------------------------------------------------------------- */
#editor-wrapper div.ProseMirror[contenteditable=true]:hover, #editor-wrapper div.ProseMirror[contenteditable=true]:focus, #editor-wrapper div.ProseMirror[contenteditable=true]:active {
  background-color: transparent !important;
}

#editor-wrapper .ProseMirror pre,
#editor-wrapper .ProseMirror code,
#text-wrapper .ProseMirror pre,
#text-wrapper .ProseMirror code {
  background-color: var(--color-background-darker) !important;
}

#editor-wrapper .ProseMirror a,
#text-wrapper .ProseMirror a,
#editor-wrapper:not(.show-color-annotations) .ProseMirror a {
  color: var(--color-text-link) !important;
}
#editor-wrapper .ProseMirror a span.author-annotation,
#text-wrapper .ProseMirror a span.author-annotation,
#editor-wrapper:not(.show-color-annotations) .ProseMirror a span.author-annotation {
  color: var(--color-text-link) !important;
}

#editor-wrapper .menububble {
  border: 1px solid var(--color-border);
}
#editor-wrapper .menububble .menububble__form .menububble__input,
#editor-wrapper .menububble .menububble__form .menububble__button {
  height: 44px;
}

#editor-wrapper div.ProseMirror table th {
  border-bottom-width: 2px;
}

#editor-wrapper .menubar button {
  opacity: 0.7;
}
#editor-wrapper .menubar button.is-active {
  opacity: 1;
}
#editor-wrapper .menubar button.icon-undo,
#editor-wrapper .menubar button.icon-redo {
  opacity: 1;
}
#editor-wrapper .menubar button.icon-undo:disabled,
#editor-wrapper .menubar button.icon-redo:disabled {
  opacity: 0.4;
}

.emoji-list {
  border: 1px solid var(--color-border);
  box-shadow: unset !important;
}
.emoji-list .emoji-list__item {
  opacity: 1 !important;
}

.text-menubar .entry-action.is-active:not(.entry-action-item) .material-design-icon > svg,
.text-menubar button.entry-action__button.is-active .material-design-icon > svg {
  fill: var(--color-primary-text) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Announcement Center ------------------------------------------------------ */
.app-announcementcenter #announcement_submit_msg.success {
  background-color: var(--color-success) !important;
}
.app-announcementcenter .section > span {
  color: var(--color-text-maxcontrast);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Calendar ----------------------------------------------------------------- */
.app-calendar .app-content .fc-highlight {
  background: var(--color-background-hover);
  opacity: unset;
}
.app-calendar .app-content .fc .fc-cell-shaded {
  background-color: var(--color-border);
}
.app-calendar .app-content .fc-daygrid-week-number {
  background-color: var(--color-background-darker);
  border-bottom: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  color: var(--color-text-maxcontrast);
}
.app-calendar .app-content .fc .fc-daygrid-day.fc-day-today,
.app-calendar .app-content .fc .fc-timegrid-col.fc-day-today,
.app-calendar .app-content .fc-day-today.fc-col-header-cell {
  background-color: var(--color-background-hover) !important;
}
.app-calendar .app-content .fc-day-today.fc-col-header-cell a,
.app-calendar .app-content .fc-day-today.fc-col-header-cell span {
  background-color: unset !important;
}
.app-calendar .app-content .fc-daygrid-day.fc-day.fc-day-other,
.app-calendar .app-content .fc .fc-daygrid-day.fc-day-today.fc-day-other {
  background-color: var(--color-background-darker) !important;
  border-color: var(--color-border);
  opacity: 0.5;
}
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-daygrid-day.fc-day-today,
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-timegrid-col.fc-day-today,
.app-calendar .app-content .fc .fc-timeGridDay-view .fc-day-today.fc-col-header-cell {
  background-color: inherit !important;
}

.app-calendar .app-sidebar .app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active {
  border-bottom-color: var(--color-primary-element);
  box-shadow: inset 0 -1px 0 var(--color-primary-element);
}
.app-calendar .app-sidebar .repeat-option-set-section-grid-item:active, .app-calendar .app-sidebar .repeat-option-set-section-grid-item:focus {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
}
.app-calendar .app-sidebar .repeat-option-set-section-grid-item:hover {
  background-color: var(--color-background-hover);
  border-color: var(--color-primary-element);
}
.app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary {
  background-color: var(--color-primary-element) !important;
  border-color: var(--color-primary-element) !important;
}
.app-calendar .app-sidebar .repeat-option-set-section-grid-item.primary:hover {
  background-color: var(--color-background-hover) !important;
}

.modal--scheduler .fc .fc-button-primary {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
  color: var(--color-main-text);
}
.modal--scheduler .fc .fc-button-primary:hover {
  background-color: var(--color-main-background);
  border-color: var(--color-primary-element);
}
.modal--scheduler .fc .fc-button-primary:focus {
  box-shadow: none;
}

#content-vue .app-navigation-entry__counter-wrapper .action-item.sharing .material-design-icon.share {
  opacity: 1;
}

.popover.open .action-link {
  opacity: 1;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Circles ------------------------------------------------------------------ */
.app-contacts .checkbox-radio-switch__icon {
  color: var(--color-primary-text) !important;
}
.app-contacts .checkbox-radio-switch__icon.checkbox-marked-icon {
  color: var(--color-primary-element) !important;
}
.app-contacts .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
.app-contacts .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
  background-color: var(--color-background-hover) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Contacts ----------------------------------------------------------------- */
.app-contacts .app-content-list-item:hover {
  background-color: var(--color-background-hover);
}
.app-contacts .app-content-list-item:active, .app-contacts .app-content-list-item.active, .app-contacts .app-content-list-item:focus {
  background-color: var(--color-primary);
  color: var(--color-primary-text);
}

.app-contacts .contact-header__infos input {
  background-color: var(--color-main-background) !important;
}
.app-contacts .contact-header__infos input:active, .app-contacts .contact-header__infos input:focus {
  background-color: var(--color-background-darker) !important;
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Deck --------------------------------------------------------------------- */
.app-deck .app-navigation__list > .app-navigation-entry {
  border-right: 1px solid var(--color-border);
}

.card {
  background-color: var(--color-background-darker) !important;
  border: 1px solid var(--color-border);
}
.card:hover, .card.current-card {
  border-color: var(--color-primary-element) !important;
}
.card .due,
.card .due.overdue {
  opacity: 1 !important;
}
.card .due.next {
  background-color: var(--color-neutral) !important;
  opacity: 1 !important;
}
.card .due.next span {
  color: var(--color-text-dark);
}
.card .due.now {
  opacity: 1 !important;
}
.card .due.now span {
  color: var(--color-text-dark);
}

.modal-wrapper .modal-container {
  box-shadow: unset !important;
}

/* Icons -------------------------------------------------------------------- */
.resource-type-deck img[src$="deck-dark.svg"] {
  filter: invert(95%);
  opacity: 0.7 !important;
}
.resource-type-deck:hover img[src$="deck-dark.svg"] {
  opacity: 1 !important;
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* External sites ----------------------------------------------------------- */
#external ul.icon-list .img {
  background-color: var(--color-main-background) !important;
}

/***
 * @copyright Copyright (c) 2022, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Text Editor -------------------------------------------------------------- */
#app-content-texteditor #editor_container {
  background-color: var(--color-main-background);
}

#app-content-texteditor #editor_controls {
  background-color: var(--color-main-background);
}
#app-content-texteditor #editor_controls small.filename {
  color: var(--color-main-text);
}
#app-content-texteditor #editor_controls small.saving-message {
  color: var(--color-text-maxcontrast);
}
#app-content-texteditor #editor_controls #editor_close {
  opacity: 1;
}
#app-content-texteditor #editor_controls #editor_close:hover {
  background-color: var(--color-background-hover);
}
#app-content-texteditor #editor_controls #editor_close:active, #app-content-texteditor #editor_controls #editor_close:focus {
  background-color: var(--color-primary);
}

#filestexteditor.ace_editor {
  background-color: var(--color-main-background);
  color: var(--color-main-text);
}
#filestexteditor.ace_editor .ace_gutter {
  color: var(--color-text-maxcontrast);
  opacity: 1;
}
#filestexteditor.ace_editor .ace_gutter-active-line {
  background-color: var(--color-background-darker);
}
#filestexteditor.ace_editor .ace_marker-layer .ace_active-line {
  background: var(--color-background-darker) !important;
}
#filestexteditor.ace_editor .ace_marker-layer .ace_selection {
  background: var(--color-primary);
}
#filestexteditor.ace_editor .ace_cursor {
  color: var(--color-main-text);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Forms -------------------------------------------------------------------- */
.app-forms input:not([type=range]):not([type=button]):not([type=submit]) {
  background-color: var(--color-main-background);
}
.app-forms .question-summary__statistic li meter {
  background: var(--color-loading-dark) !important;
}
.app-forms .response-actions__radio__item {
  border: 1px solid var(--color-border) !important;
}
.app-forms .response-actions__radio__item--active {
  border-color: var(--color-primary-element) !important;
}
.app-forms .action-item__menutoggle--primary {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border) !important;
}
.app-forms .action-item__menutoggle--primary:hover, .app-forms .action-item__menutoggle--primary:active, .app-forms .action-item__menutoggle--primary:focus {
  border-color: var(--color-primary-element) !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Group folders ------------------------------------------------------------ */
#groupfolders-wrapper #groupfolders-root th {
  border-bottom-color: var(--color-border);
}
#groupfolders-wrapper #groupfolders-root #groupfolders-react-root td.quota .quotabar {
  background-color: var(--color-background-hover);
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=control],
#groupfolders-wrapper #groupfolders-root .acl div[class$=control] {
  border-color: var(--color-border) !important;
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit span[class$=indicatorSeparator],
#groupfolders-wrapper #groupfolders-root .acl span[class$=indicatorSeparator] {
  background-color: var(--color-border) !important;
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=placeholder],
#groupfolders-wrapper #groupfolders-root .acl div[class$=placeholder] {
  color: var(--color-text-maxcontrast) !important;
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=menu],
#groupfolders-wrapper #groupfolders-root .acl div[class$=menu] {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border);
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=option],
#groupfolders-wrapper #groupfolders-root .acl div[class$=option] {
  background-color: var(--color-main-background) !important;
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit div[class$=option]:hover,
#groupfolders-wrapper #groupfolders-root .acl div[class$=option]:hover {
  background-color: var(--color-background-hover) !important;
}
#groupfolders-wrapper #groupfolders-root .acl div[class$=control] {
  background-color: var(--color-main-background) !important;
}
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] {
  background-color: var(--color-background-darker) !important;
}
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue],
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:first-child,
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:last-child {
  color: var(--color-main-text) !important;
}
#groupfolders-wrapper #groupfolders-root .acl div[class$=multiValue] > div:last-child:hover {
  background-color: var(--color-error) !important;
}

/* Icons -------------------------------------------------------------------- */
#groupfolders-wrapper #groupfolders-root td .action-rename::after {
  filter: invert(95%);
}
#groupfolders-wrapper #groupfolders-root .groups .group-edit a > img[src$="/core/img/actions/close.svg"] {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* LDAP --------------------------------------------------------------------- */
#ldapSettings {
  background-color: var(--color-main-background) !important;
}
#ldapSettings > fieldset {
  background-color: var(--color-main-background) !important;
}
#ldapSettings ul.ui-tabs-nav .ui-tabs-active,
#ldapSettings ul.ui-tabs-nav .ui-tabs-active > a {
  background-color: var(--color-background-darker) !important;
  color: var(--color-main-text) !important;
}
#ldapSettings div.ui-accordion-content {
  background: var(--color-main-background) !important;
}
#ldapSettings .ldap_grey {
  color: var(--color-main-text) !important;
}
#ldapSettings .ui-state-default,
#ldapSettings .ui-widget-content .ui-state-default,
#ldapSettings .ui-widget-header .ui-state-default {
  background: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
  color: var(--color-main-text) !important;
}
#ldapSettings .ui-state-default a,
#ldapSettings .ui-state-default a:link,
#ldapSettings .ui-state-default a:visited,
#ldapSettings .ui-widget-content .ui-state-default a,
#ldapSettings .ui-widget-content .ui-state-default a:link,
#ldapSettings .ui-widget-content .ui-state-default a:visited,
#ldapSettings .ui-widget-header .ui-state-default a,
#ldapSettings .ui-widget-header .ui-state-default a:link,
#ldapSettings .ui-widget-header .ui-state-default a:visited {
  color: var(--color-main-text) !important;
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Mail --------------------------------------------------------------------- */
.app-mail #account-form .tabs-component-tab.is-active {
  border-bottom-color: var(--color-primary-element);
}

.app-mail .app-content-list .list-item__wrapper.active .line-one__title {
  color: var(--color-primary-text);
}
.app-mail .app-content-list .list-item__wrapper.active .line-one__details,
.app-mail .app-content-list .list-item__wrapper.active .line-two__subtitle,
.app-mail .app-content-list .list-item__wrapper.active .line-two__counter {
  color: var(--color-main-text);
}

.app-mail .html-message-body #message-container {
  padding: 1rem;
}

.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content {
  background-color: var(--color-main-background) !important;
  margin: unset;
  padding: 5px 1rem;
}
.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content .button-vue {
  border: 1px solid var(--color-border) !important;
  margin-left: 1rem;
  padding: unset;
}
.app-mail #mail-message .mail-message-body-html #mail-message-has-blocked-content .button-vue__text {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  text-decoration: none !important;
}

.app-mail .attachment-popover button.action-item--single.icon-attachment:hover, .app-mail .attachment-popover button.action-item--single.icon-attachment:focus, .app-mail .attachment-popover button.action-item--single.icon-attachment:active {
  background-color: var(--color-background-hover) !important;
}

.app-mail .attachment-popover.open button.action-item--single.icon-attachment {
  background-color: var(--color-primary) !important;
  opacity: 1;
}

.mail-message-attachments .attachments .attachment .attachment-name:hover {
  background-color: unset;
}
.mail-message-attachments .attachments .attachment .attachment-size {
  opacity: 0.7;
}
.mail-message-attachments .attachments .attachment .attachment-size:hover {
  background-color: unset;
}
.mail-message-attachments .attachments .attachment button:hover,
.mail-message-attachments .attachments .attachment .mail-attached-image:hover {
  opacity: 1;
}

.popover.open button.action-button {
  opacity: 1;
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Maps --------------------------------------------------------------------- */
.app-maps #app-navigation #navigation-favorites:not(.active) > a,
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-utils,
.app-maps #app-navigation #navigation-routing:not(.active) > a,
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-utils,
.app-maps #app-navigation #navigation-photos:not(.active) > a,
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-utils,
.app-maps #app-navigation #navigation-contacts:not(.active) > a,
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-utils,
.app-maps #app-navigation #navigation-tracks:not(.active) > a,
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-utils,
.app-maps #app-navigation #navigation-devices:not(.active) > a,
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-utils {
  opacity: 0.57 !important;
}
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-menu,
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-menu,
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-menu,
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-menu,
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-menu,
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-menu {
  opacity: 1 !important;
}
.app-maps #app-navigation #navigation-favorites:not(.active) > .app-navigation-entry-menu > *,
.app-maps #app-navigation #navigation-routing:not(.active) > .app-navigation-entry-menu > *,
.app-maps #app-navigation #navigation-photos:not(.active) > .app-navigation-entry-menu > *,
.app-maps #app-navigation #navigation-contacts:not(.active) > .app-navigation-entry-menu > *,
.app-maps #app-navigation #navigation-tracks:not(.active) > .app-navigation-entry-menu > *,
.app-maps #app-navigation #navigation-devices:not(.active) > .app-navigation-entry-menu > * {
  opacity: 0.57 !important;
}

.app-maps #app-content #search-form #search-submit {
  background-color: transparent !important;
  border: unset !important;
}
.app-maps #app-content .leaflet-container {
  background-color: var(--color-main-background);
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container {
  background-color: var(--color-main-background);
  border: 1px solid var(--color-border);
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders {
  border-bottom: unset;
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders input {
  border-color: var(--color-border);
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders button {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container .leaflet-routing-geocoders .exportCurrentRoute {
  border-bottom: 1px solid var(--color-border);
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container.leaflet-bar button {
  background-color: var(--color-main-background) !important;
  color: var(--color-main-text) !important;
}
.app-maps #app-content .leaflet-control-container .leaflet-routing-container.leaflet-bar button:hover {
  background-color: var(--color-background-hover) !important;
}
.app-maps #app-content .leaflet-contextmenu {
  background-color: var(--color-main-background);
  border: 1px solid var(--color-border);
  box-shadow: none;
}
.app-maps #app-content .leaflet-contextmenu .leaflet-contextmenu-item.over {
  background-color: var(--color-background-hover);
  border-color: var(--color-background-hover);
}
.app-maps #app-content .leaflet-contextmenu .leaflet-contextmenu-separator {
  border-bottom-color: var(--color-border);
}
.app-maps #app-content .leaflet-routing-alt tr:hover {
  background-color: var(--color-background-hover);
}
.app-maps #app-content .leaflet-routing-alt tr:nth-child(2n+1) {
  background-color: var(--color-background-darker);
}
.app-maps #app-content .leaflet-routing-alt,
.app-maps #app-content .leaflet-routing-error {
  border-bottom-color: var(--color-border);
}

.leaflet-routing-geocoder-result table {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
}
.leaflet-routing-geocoder-result table tr:hover,
.leaflet-routing-geocoder-result table .leaflet-routing-geocoder-selected {
  background-color: var(--color-background-hover);
}

/* Icons -------------------------------------------------------------------- */
.app-maps #app-content img[src$="star-dark?color=000000"],
.app-maps #app-content img[src$="picture?color=000000"],
.app-maps #app-content img[src$="user?color=000000"],
.app-maps #app-content img[src$="share?color=000000"],
.app-maps #app-content img[src$="recent.svg"],
.app-maps #app-content img[src$="triangle-s.svg"],
.app-maps #app-content img[src$="triangle-e.svg"],
.app-maps #app-content img[src$="poi_place_town.p.20.png"],
.app-maps #app-content img[src$="poi_place_village.p.20.png"],
.app-maps #app-content .leaflet-routing-icon {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* News --------------------------------------------------------------------- */
.app-news #app-navigation .add-new .heading:hover {
  background-color: var(--color-background-hover);
}
.app-news #app-navigation .add-new .heading button:active,
.app-news #app-navigation .add-new .heading button:focus {
  background-color: transparent;
}
.app-news #app-navigation #app-settings-content a {
  color: var(--color-text-link);
}
.app-news #app-navigation .collapsible:hover > .icon-folder {
  background-color: var(--color-background-hover);
  background-image: none !important;
}
.app-news #app-navigation > ul > .with-counter:hover > .app-navigation-entry-utils {
  background-color: var(--color-background-hover);
}

.app-news #app-content .item.active {
  background-image: none;
}
.app-news #app-content .body {
  font-size: 15px;
}
.app-news #app-content .body a {
  color: var(--color-text-link);
}
.app-news #app-content .body blockquote {
  border-color: var(--color-primary-element);
}
.app-news #app-content .body h1,
.app-news #app-content .body h2,
.app-news #app-content .body h3 {
  color: var(--color-primary-element);
}

.app-news #explore .grid-item {
  border-color: var(--color-border);
}
.app-news #explore .explore-footer a {
  color: var(--color-text-link);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Notes -------------------------------------------------------------------- */
.app-notes .app-navigation button.icon-confirm,
.app-notes .app-navigation button.icon-close {
  background-image: none !important;
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Retention ---------------------------------------------------------------- */
#retention #retention-list td {
  border-color: var(--color-border) !important;
}

/***
 * @copyright Copyright (c) 2022, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Nextcloud Office --------------------------------------------------------- */
#richdocuments-wrapper #cool-loading-overlay .empty-content__title {
  color: var(--color-background-darker);
}
#richdocuments-wrapper #cool-loading-overlay .empty-content__title p {
  color: var(--color-background-dark);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Spreed ------------------------------------------------------------------- */
.app-talk .file-preview:hover,
.app-talk .file-preview:focus,
.talkChatTab .file-preview:hover,
.talkChatTab .file-preview:focus {
  background-color: inherit !important;
}

.app-talk .app-settings .app-settings-section:last-child button {
  border: 1px solid var(--color-border);
}
.app-talk .app-settings .app-settings-section:last-child button:hover {
  border: 1px solid var(--color-primary-element);
}

.messages .message .message-buttons-bar {
  border: 1px solid var(--color-border);
  box-shadow: unset;
}
.messages .message .reaction-button__has-reacted,
.messages .message .reaction-button:hover {
  background-color: var(--color-background-hover);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Tasks -------------------------------------------------------------------- */
.app-tasks .app-navigation .app-navigation-entry-edit input.action {
  background-color: var(--color-background-darker);
}

.app-tasks .app-content .sortorder-dropdown-button {
  background-color: var(--color-main-background);
}
.app-tasks .app-content .categories-list span {
  background-color: var(--color-main-background);
}
.app-tasks .app-content .task-body {
  background-color: var(--color-background-darker);
}
.app-tasks .app-content .task-body:hover {
  background-color: var(--color-background-hover);
}
.app-tasks .app-content .task-body.active .title {
  font-weight: 600;
}
.app-tasks .app-content .task-body .duedate.overdue {
  color: var(--color-error);
}
.app-tasks .app-content .task-body .percentdone {
  background-color: var(--color-primary) !important;
}
.app-tasks .app-content .task-list .loadmore span,
.app-tasks .app-content .task-list .loadmore button {
  background-color: var(--color-background-darker) !important;
  color: var(--color-text-maxcontrast) !important;
}

.app-tasks #app-sidebar div.content-wrapper .title {
  background-color: var(--color-primary-element);
}
.app-tasks #app-sidebar div.content-wrapper .title .expandable-container {
  background: var(--color-main-background);
  border-color: var(--color-border);
}
.app-tasks #app-sidebar div.content-wrapper .body .section {
  border-bottom: 1px dashed var(--color-border);
}
.app-tasks #app-sidebar div.content-wrapper .body .section .detail-categories-container .multiselect.multiselect-vue .multiselect__tag,
.app-tasks #app-sidebar div.content-wrapper .body .section .detail-calendar-container .multiselect.multiselect-vue .multiselect__tag {
  background-color: var(--color-main-background);
}
.app-tasks #app-sidebar div.content-wrapper .body .section input[type=number] {
  background-color: var(--color-background-darker);
}
.app-tasks #app-sidebar div.content-wrapper input[type=checkbox].checkbox:checked + label::before {
  background-color: var(--color-primary-element);
  border-color: var(--color-primary-element);
}
.app-tasks #app-sidebar div.content-wrapper .title .detail-checkbox label:hover::before {
  border-color: var(--color-primary);
}
.app-tasks #app-sidebar div.content-wrapper .footer {
  border-top: unset;
}

/* Icons -------------------------------------------------------------------- */
.app-tasks .sprt-startdate,
.app-tasks .sprt-duedate,
.app-tasks .sprt-current,
.app-tasks .sprt-task-star,
.app-tasks .sprt-percent,
.app-tasks .sprt-tag,
.app-tasks .sprt-trash,
.app-tasks .sprt-hide,
.app-tasks .sprt-pinned,
.app-tasks .sprt-pinned-off,
.app-tasks .sprt-all,
.app-tasks .sprt-checkmark,
.app-tasks .sprt-add,
.app-tasks .sprt-calendar,
.app-tasks .sprt-note,
.app-tasks .sprt-subtasks-hidden {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Analytics ---------------------------------------------------------------- */
.app-analytics #app-content .dataTables_wrapper .dataTables_length,
.app-analytics #app-content .dataTables_wrapper .dataTables_filter,
.app-analytics #app-content .dataTables_wrapper .dataTables_info,
.app-analytics #app-content .dataTables_wrapper .dataTables_processing,
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate {
  color: var(--color-main-text);
}
.app-analytics #app-content .dataTables_wrapper .dataTable thead th {
  border-bottom-color: var(--color-border);
}
.app-analytics #app-content .dataTables_wrapper .dataTable.no-footer {
  border-bottom-color: var(--color-border);
}
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--color-border);
  color: var(--color-main-text) !important;
}
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: var(--color-main-background);
  border-color: var(--color-primary-element);
}
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: var(--color-primary-element);
  border-color: var(--color-primary-element);
  color: var(--color-main-text) !important;
}
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  background-color: var(--color-background-alternate);
  color: var(--color-text-maxcontrast) !important;
}
.app-analytics #app-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border-color: var(--color-border);
}

.app-analytics .analyticsWidgetItem {
  background-color: var(--color-background-darker) !important;
}
.app-analytics .analyticsWidgetItem:hover, .app-analytics .analyticsWidgetItem:focus {
  background-color: var(--color-background-hover) !important;
}
.app-analytics #app-sidebar .tabHeaders .tabHeader.selected, .app-analytics #app-sidebar .tabHeaders .tabHeader:hover, .app-analytics #app-sidebar .tabHeaders .tabHeader:focus, .app-analytics #app-sidebar .tabHeaders .tabHeader:active {
  border-bottom-color: var(--color-primary-element);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Audio Player ------------------------------------------------------------- */
.app-audioplayer #app-navigation #myCategory li {
  opacity: 1;
}
.app-audioplayer #app-navigation #myCategory li:hover {
  background-color: var(--color-background-hover);
}
.app-audioplayer #app-navigation #myCategory li.active span {
  color: var(--color-main-text);
}
.app-audioplayer #app-navigation #myCategory li i.ioc {
  color: var(--color-main-text);
  opacity: 0.7;
}
.app-audioplayer #app-navigation #myCategory li i.ioc.ioc-sort:hover {
  color: var(--color-success);
  opacity: 1;
}
.app-audioplayer #app-navigation #myCategory li i.ioc.ioc-delete:hover {
  color: var(--color-error);
  opacity: 1;
}
.app-audioplayer #app-navigation #myCategory li i.icon-rename {
  opacity: 0.7;
}
.app-audioplayer #app-navigation #myCategory li i.icon-rename:hover {
  opacity: 1;
}
.app-audioplayer #app-navigation #myCategory li.activeHover {
  border-color: var(--color-primary-element);
}
.app-audioplayer #app-navigation #myCategory li.dropHover {
  background-color: var(--color-background-hover);
}
.app-audioplayer #app-navigation #app-settings #audio-settings li.audio-settings-item {
  opacity: 1;
}

.app-audioplayer #app-content #loading {
  color: var(--color-icon);
}
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-track {
  background-color: var(--color-background-darker);
}
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-bar {
  background-color: var(--color-primary-element);
}
.app-audioplayer #app-content .sm2-bar-ui .sm2-progress .sm2-progress-ball {
  background-color: var(--color-icon);
}
.app-audioplayer #app-content #playlist-container .coverrow .album .albumcover {
  box-shadow: none;
}
.app-audioplayer #app-content #playlist-container .songcontainer {
  background-color: var(--color-background-darker);
  border: 1px solid var(--color-border);
  box-shadow: none;
  color: var(--color-main-text);
}
.app-audioplayer #app-content #playlist-container .songcontainer .open-arrow::before {
  border-bottom-color: var(--color-border);
}
.app-audioplayer #app-content #playlist-container .songcontainer .songcontainer-cover {
  box-shadow: none;
}
.app-audioplayer #app-content #playlist-container #individual-playlist-header .header-indi {
  border-bottom-color: var(--color-border);
}

.app-audioplayer #app-sidebar #ID3EditorTabView .icon-info {
  opacity: 1;
}

#audios_import .ui-progressbar .ui-progressbar-value {
  background-color: var(--color-primary);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* BigBlueButton ------------------------------------------------------------ */
#bbb-react-root th {
  border-bottom-color: var(--color-border) !important;
}

#bbb-warning {
  background-color: var(--color-warning) !important;
}

.bbb-selection {
  background-color: var(--color-main-background) !important;
}

/* Icons -------------------------------------------------------------------- */
.fileActionsMenu img[src$="/bbb/img/app-dark.svg"] {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Bookmarks ---------------------------------------------------------------- */
.app-bookmarks #app-content .folder--gridview,
.app-bookmarks #app-content .bookmark--gridview,
.app-bookmarks #app-content .bookmarkslist--gridview > .create-folder,
.app-bookmarks #app-content .bookmarkslist--gridview > .create-bookmark {
  background: var(--color-main-background);
  box-shadow: none;
}
.app-bookmarks #app-content .bookmark--gridview .bookmark__checkbox {
  background-color: var(--color-main-background);
}
.app-bookmarks #app-content .bookmark--gridview .bookmark__checkbox input.checkbox + label::before {
  margin: 0 3px 3px;
}
.app-bookmarks #app-content .bookmarkslist > :first-child:not(.bookmarkslist__loading):not(.bookmarkslist__empty).active {
  border-top-color: var(--color-primary-element);
}
.app-bookmarks #app-content .breadcrumbs .breadcrumbs__path a {
  color: var(--color-main-text);
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Collectives -------------------------------------------------------------- */
.app-collectives #titleform input[type=text] {
  background-color: var(--color-main-background);
  opacity: 1;
}
.app-collectives #titleform input[type=text]:focus, .app-collectives #titleform input[type=text]:focus-within {
  background-color: var(--color-background-darker);
}
.app-collectives .app-content-list-item .update {
  color: var(--color-text-maxcontrast);
  opacity: 1;
}

.app-collectives .app-sidebar #versions .openVersion,
.app-collectives .app-sidebar #versions .size {
  color: var(--color-text-maxcontrast);
  opacity: 1;
}
.app-collectives .app-sidebar #versions li:hover,
.app-collectives .app-sidebar #versions li:focus {
  background-color: var(--color-background-hover);
}
.app-collectives .app-sidebar #versions li:hover .openVersion,
.app-collectives .app-sidebar #versions li:hover .size,
.app-collectives .app-sidebar #versions li:focus .openVersion,
.app-collectives .app-sidebar #versions li:focus .size {
  color: var(--color-main-text);
}
.app-collectives .app-sidebar #versions li.active,
.app-collectives .app-sidebar #versions li:active {
  background-color: var(--color-primary);
}
.app-collectives .app-sidebar #versions li.active .icon-container .icon,
.app-collectives .app-sidebar #versions li:active .icon-container .icon {
  filter: brightness(161.5%);
}
.app-collectives .app-sidebar #versions li.active .openVersion,
.app-collectives .app-sidebar #versions li.active .size,
.app-collectives .app-sidebar #versions li:active .openVersion,
.app-collectives .app-sidebar #versions li:active .size {
  color: var(--color-primary-text);
}

.popover .action {
  margin-top: 0;
}

/* Icons -------------------------------------------------------------------- */
.icon-pages-template-dark-grey {
  opacity: 1 !important;
}

.icon-pages {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Cookbook ----------------------------------------------------------------- */
.app-cookbook #app-navigation .download .action-input {
  opacity: 1;
}
.app-cookbook #app-navigation #app-settings .action-button {
  opacity: 1;
}

.app-cookbook #app-content ul li a {
  box-shadow: inset 0 0 0 1px var(--color-border);
  color: var(--color-main-text);
}
.app-cookbook #app-content ul li a:hover, .app-cookbook #app-content ul li a:focus, .app-cookbook #app-content ul li a:active {
  box-shadow: inset 0 0 0 1px var(--color-primary-element);
}
.app-cookbook #app-content .times .time h4 {
  background-color: var(--color-background-darker);
}
.app-cookbook #app-content section h3 {
  font-weight: 600;
}
.app-cookbook #app-content section main .instructions li::before {
  background-color: var(--color-background-darker);
}
.app-cookbook #app-content button > span[class^=icon-] {
  opacity: 1;
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Electronic Signatures ---------------------------------------------------- */
.modal-mask .loader {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Icons -------------------------------------------------------------------- */
.custom-icon-signature {
  color: var(--color-icon) !important;
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* FullTextSearch ----------------------------------------------------------- */
#fts-popup .div-table-col-left {
  color: var(--color-main-text);
}
#fts-popup .fts_options_input {
  opacity: 1;
}

.provider_header .provider_navigation {
  border-bottom-color: var(--color-border);
  color: var(--color-text-maxcontrast);
}
.provider_header .provider_result .result_entry {
  border-bottom-color: var(--color-border);
}
.provider_header .provider_result .result_entry .result_title {
  color: var(--color-main-text);
}
.provider_header .provider_result .result_entry .result_extract {
  color: var(--color-text-maxcontrast);
}

.provider_header .files_header {
  border-bottom-color: var(--color-border);
}
.provider_header .files_header .files_header_div {
  color: var(--color-text-maxcontrast);
}
.provider_header .files_result {
  border-bottom-color: var(--color-border);
}
.provider_header .files_result .files_result_item {
  background: var(--color-main-background);
  color: var(--color-text-maxcontrast);
}
.provider_header .files_result .files_div_name .files_result_file .files_result_title {
  color: var(--color-main-text);
}
.provider_header .files_result .files_div_name .files_result_file .files_result_extract {
  color: var(--color-text-maxcontrast);
}

.app-settings #app-content #fns .div-table .div-table-row .div-table-col select,
.app-settings #app-content #fns .div-table .div-table-row .div-table-col input,
.app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col select,
.app-settings #app-content #elastic_search .div-table .div-table-row .div-table-col input,
.app-settings #app-content #files .div-table .div-table-row .div-table-col select,
.app-settings #app-content #files .div-table .div-table-row .div-table-col input {
  background-color: var(--color-background-darker) !important;
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* GpxPod ------------------------------------------------------------------- */
.app-gpxpod #stattable td.statnamecol {
  background-color: unset;
}
.app-gpxpod .popuptable tr:nth-child(2n+1) {
  background-color: var(--color-background-darker);
}
.app-gpxpod .popuptable tr:hover {
  background-color: var(--color-background-hover);
}

/* Icons -------------------------------------------------------------------- */
.icon-gpxpod-black {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Markdown editor -----------------------------------------------------------*/
#app-content-texteditor #editor_container #editor_controls #preview_editor_controls button:hover {
  background-color: var(--color-main-background);
}
#app-content-texteditor #editor_container #editor_controls #preview_editor_controls button.active {
  background-color: var(--color-background-hover);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview {
  background-color: var(--color-main-background);
  border-left: 1px solid var(--color-border);
  color: var(--color-main-text);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown blockquote {
  border-left-color: var(--color-primary-element);
  color: var(--color-text-maxcontrast);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown tt {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown code,
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown pre {
  background-color: var(--color-background-darker);
  border-color: var(--color-border);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown table tr {
  background-color: var(--color-main-background);
  border-top-color: var(--color-border);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown table tr th {
  border-bottom-color: var(--color-border);
  color: var(--color-text-maxcontrast);
}
#app-content-texteditor #editor_container #editor_wrap #preview_wrap #preview.text-markdown a {
  color: var(--color-text-link);
}

/* a11y-dark theme */
/* Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css */
/* @author: ericwbailey */
/* Check the theme out on github https://github.com/highlightjs/highlight.js/blob/master/src/styles/a11y-dark.css */
/* Comment */
.hljs-comment,
.hljs-quote {
  color: #d4d0ab !important;
}

/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #ffa07a !important;
}

/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #f5ab35 !important;
}

/* Yellow */
.hljs-attribute {
  color: #ffd700 !important;
}

/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #abe338 !important;
}

/* Blue */
.hljs-title,
.hljs-section {
  color: #00e0e0 !important;
}

/* Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #dcc6e0 !important;
}

.hljs {
  display: block !important;
  overflow-x: auto !important;
  background: #2b2b2b !important;
  color: #f8f8f2 !important;
  padding: 0.5em !important;
}

.hljs-emphasis {
  font-style: italic !important;
}

.hljs-strong {
  font-weight: bold !important;
}

@media screen and (-ms-high-contrast: active) {
  .hljs-addition,
  .hljs-attribute,
  .hljs-built_in,
  .hljs-builtin-name,
  .hljs-bullet,
  .hljs-comment,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-string,
  .hljs-symbol,
  .hljs-type,
  .hljs-quote {
    color: highlight !important;
  }
  .hljs-keyword,
  .hljs-selector-tag {
    font-weight: bold !important;
  }
}
/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Music -------------------------------------------------------------------- */
.app-music #app-navigation .app-navigation-separator {
  border-bottom-color: var(--color-border);
}
.app-music #app-navigation li.drag-hover {
  background-color: var(--color-background-hover);
}

.app-music #app-content #emptycontent,
.app-music #app-content .emptycontent {
  background-color: var(--color-main-background);
}
.app-music #app-content #toScan:hover * {
  color: var(--color-main-text);
}
.app-music #app-content .alphabet-navigation a {
  opacity: 0.2;
}
.app-music #app-content .alphabet-navigation a.available {
  opacity: 0.7;
}
.app-music #app-content .alphabet-navigation a.available:hover {
  opacity: 1;
}
.app-music #app-content #controls {
  background-color: var(--color-main-background);
  border-bottom: 1px solid var(--color-border);
}
.app-music #app-content #controls .progress,
.app-music #app-content #controls .seek-bar {
  background-color: var(--color-background-darker);
}
.app-music #app-content #controls .buffer-bar {
  background-color: var(--color-background-hover);
  opacity: 1;
}
.app-music #app-content #controls .play-bar {
  background-color: var(--color-primary-element);
}
.app-music #app-content #app-sidebar .close,
.app-music #app-content #app-sidebar #follow-playback {
  background-color: unset;
}
.app-music #app-content #music-user .warning a {
  color: var(--color-text-link) !important;
}

#music-controls {
  background-color: var(--color-main-background) !important;
  border-top: 1px solid var(--color-border);
}
#music-controls #albumart {
  border: unset !important;
}
#music-controls .seek-bar {
  background-color: var(--color-background-darker) !important;
}
#music-controls .buffer-bar {
  background-color: var(--color-background-hover) !important;
  opacity: 1 !important;
}
#music-controls .play-bar {
  background-color: var(--color-primary-element) !important;
}

/* Icons -------------------------------------------------------------------- */
.app-music #app-sidebar #follow-playback {
  filter: invert(95%);
}
.app-music img.play.svg {
  filter: invert(95%);
}
.app-music .music-nav-settings img.svg {
  filter: invert(95%);
}
.app-music #app-content .play-pause {
  filter: invert(95%);
}
.app-music #app-navigation .play-pause {
  filter: unset;
}
.app-music .icon-album,
.app-music .icon-folder-nav,
.app-music .icon-audiotrack,
.app-music .icon-library-music,
.app-music .icon-radio,
.app-music .icon-podcast,
.app-music .icon-play-big,
.app-music .icon-pause-big {
  filter: invert(95%);
}

#music-controls img.control,
.app-music img.control {
  filter: invert(95%);
}

.current.playing .play-pause,
.current:not(.playing) .play-pause,
#app-view :hover > .play-pause,
#app-view .current.playing div:hover .play-pause {
  filter: invert(95%);
}

.fileActionsMenu .action-music-play img.icon {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Passman ------------------------------------------------------------------ */
.app-passman .vault_wrapper {
  background: var(--color-background-darker);
  border: 1px solid var(--color-border);
  box-shadow: none;
}
.app-passman .vault_wrapper .vaultlist li {
  border-bottom-color: var(--color-border);
}
.app-passman .vault_wrapper .vaultlist li:hover {
  background-color: var(--color-background-hover);
}
.app-passman .vault_wrapper .vaultlist li.ng-scope:last-child {
  border-bottom: unset;
}
.app-passman .vault_wrapper .login_form .button-geen {
  background-color: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-main-text);
}
.app-passman .vault_wrapper .login_form .button-geen:hover {
  border-color: var(--color-success) !important;
}
.app-passman .vault_wrapper .login_form .button-geen:active, .app-passman .vault_wrapper .login_form .button-geen:focus {
  border-color: var(--color-primary-element) !important;
}
.app-passman .vault_wrapper .login_form .button-red {
  background-color: var(--color-error);
  border-color: var(--color-error);
  color: var(--color-main-text);
}
.app-passman .vault_wrapper .login_form .button-red:hover {
  border-color: var(--color-warning) !important;
}
.app-passman .vault_wrapper .login_form .button-red:active, .app-passman .vault_wrapper .login_form .button-red:focus {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
}

.app-passman #app-navigation li .bullet-color-red {
  background-color: var(--color-error);
}
.app-passman #app-navigation li .bullet-color-yellow {
  background-color: var(--color-warning);
}
.app-passman #app-navigation li .bullet-color-green {
  background-color: var(--color-success);
}
.app-passman #app-navigation .nav-trashbin a {
  background-color: var(--color-main-background) !important;
}
.app-passman #app-navigation .nav-trashbin a:hover {
  background-color: var(--color-background-hover) !important;
}
.app-passman #app-navigation .nav-trashbin a.active {
  background-color: var(--color-primary-element) !important;
}

.app-passman #app-content #app-content-wrapper .credential-table tr:hover {
  background-color: var(--color-background-hover);
}
.app-passman #app-content #app-content-wrapper .credential-table tr.selected {
  background-color: var(--color-primary-element);
}
.app-passman #app-content #app-content-wrapper .credential-table tr td {
  border-bottom-color: var(--color-border);
}
.app-passman #app-content #app-content-wrapper .viewModes .view-mode {
  background-color: var(--color-main-background);
  border-color: var(--color-border) !important;
}
.app-passman #app-content #app-content-wrapper .viewModes .view-mode.active {
  background-color: var(--color-primary-element);
}
.app-passman #app-content #app-content-wrapper .grid-view .credential {
  border-color: var(--color-border) !important;
}
.app-passman #app-content #app-content-wrapper .grid-view .credential .credential_content .tags .tag {
  color: var(--color-main-text) !important;
}
.app-passman #app-content #app-content-wrapper .tags .tag,
.app-passman #app-content #app-content-wrapper .app_sidebar .credential-data .tags .tag {
  background-color: var(--color-background-darker);
  border: 1px solid var(--color-border);
}
.app-passman #app-content #app-content-wrapper #passman-controls {
  background-color: inherit;
  border-bottom: 1px solid var(--color-border);
}
.app-passman #app-content #app-content-wrapper .edit_credential .compromised-button {
  background-color: var(--color-error);
  border-color: var(--color-error);
  color: var(--color-main-text);
}
.app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:hover, .app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:active, .app-passman #app-content #app-content-wrapper .edit_credential .compromised-button:focus {
  border-color: var(--color-warning);
}
.app-passman #app-content .tab_header li.active {
  box-shadow: inset 0 -4px var(--color-primary);
}
.app-passman #app-content .tab_header li.active .indicator {
  display: none;
}
.app-passman #app-content .tab_header li.tab {
  background-color: var(--color-main-background) !important;
  border-right-color: var(--color-border);
  color: var(--color-main-text) !important;
}
.app-passman #app-content .tab_header li.tab:hover {
  background-color: var(--color-background-hover) !important;
}
.app-passman #app-content .tab_container {
  border: unset;
}
.app-passman #app-content .pass-meter .details,
.app-passman #app-content .pass-meter .pass-meter-message {
  color: var(--color-text-maxcontrast);
}
.app-passman #app-content .pass-meter-col .indicator {
  background-color: var(--color-background-darker);
}
.app-passman #app-content .pass-meter-col.poor .indicator {
  background-color: var(--color-error);
}
.app-passman #app-content .pass-meter-col.weak .indicator {
  background-color: var(--color-warning);
}
.app-passman #app-content .pass-meter-col.good .indicator,
.app-passman #app-content .pass-meter-col.strong .indicator {
  background-color: var(--color-success);
}
.app-passman #app-content .icon-label input,
.app-passman #app-content .pw-gen input {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
  color: var(--color-main-text);
}
.app-passman #app-content .pw-gen .generate_pw .cell {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
}
.app-passman #app-content .inputfile + label {
  background-color: var(--color-background-darker);
  border: 1px solid var(--color-border);
}
.app-passman #app-content .inputfile + label:hover {
  border-color: var(--color-primary-element);
}
.app-passman #app-content .icon-label .icon-picker .cell {
  background-color: var(--color-main-background);
  border-color: var(--color-border);
}
.app-passman #app-content .icon-label .icon-picker .cell:hover {
  border-color: var(--color-primary-element);
}
.app-passman #app-content .btn-danger {
  background-color: var(--color-error);
  background-image: none;
  border-color: var(--color-error);
  box-shadow: none;
  color: var(--color-main-text);
  text-shadow: none;
}
.app-passman #app-content .btn-danger:hover {
  background-color: var(--color-error);
  border-color: var(--color-warning) !important;
}
.app-passman #app-content .btn-danger:focus, .app-passman #app-content .btn-danger:active {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
}

tags-input .tags {
  background-color: var(--color-main-background) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}
tags-input .tags.focused {
  border-color: var(--color-primary-element) !important;
  box-shadow: none !important;
}
tags-input .tags .tag-item {
  border-color: var(--color-border) !important;
  color: var(--color-main-text) !important;
}
tags-input.ng-invalid .tags {
  border-color: var(--color-error) !important;
  box-shadow: none !important;
}
tags-input .autocomplete {
  background-color: var(--color-background-darker) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}
tags-input .autocomplete .suggestion-item.selected {
  background-color: var(--color-background-hover) !important;
  color: var(--color-main-text) !important;
}

.angularjs-datetime-picker {
  background: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
  color: var(--color-main-text) !important;
}
.angularjs-datetime-picker .adp-month {
  background: var(--color-main-background) !important;
  border-bottom-color: var(--color-border) !important;
}
.angularjs-datetime-picker .adp-month > button {
  color: var(--color-main-text) !important;
}
.angularjs-datetime-picker .adp-month > button:hover {
  color: var(--color-primary-element) !important;
}
.angularjs-datetime-picker .adp-month > button:active, .angularjs-datetime-picker .adp-month > button:focus {
  background-color: transparent !important;
  color: var(--color-primary-element) !important;
}
.angularjs-datetime-picker .adp-days > .adp-day.selected {
  background: var(--color-background-hover) !important;
  border-color: var(--color-primary-element) !important;
}
.angularjs-datetime-picker .adp-days > .adp-day.selectable:hover {
  background: var(--color-background-hover) !important;
}

.sequence code {
  border: unset !important;
}

.iconpicker-dialog,
.iconpicker-dialog .ui-dialog,
.shareincoming-dialog,
.shareincoming-dialog .ui-dialog,
.custom-search-dialog,
.custom-search-dialog .ui-dialog {
  box-shadow: none !important;
}

.iconpicker-dialog .ui-button.ui-button-icon-only {
  background-color: var(--color-main-background) !important;
}

#passman-settings #mover table tr:hover {
  background-color: unset;
}

/* Icons -------------------------------------------------------------------- */
.app-passman .icon-expired {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEzIDNjLTQuOTcgMC05IDQuMDMtOSA5SDFsMy44OSAzLjg5LjA3LjE0TDkgMTJINmMwLTMuODcgMy4xMy03IDctN3M3IDMuMTMgNyA3LTMuMTMgNy03IDdjLTEuOTMgMC0zLjY4LS43OS00Ljk0LTIuMDZsLTEuNDIgMS40MkM4LjI3IDE5Ljk5IDEwLjUxIDIxIDEzIDIxYzQuOTcgMCA5LTQuMDMgOS05cy00LjAzLTktOS05em0tMSA1djVsNC4yOCAyLjU0LjcyLTEuMjEtMy41LTIuMDhWOEgxMnonIGZpbGw9JyNmMmYyZjInLz48L3N2Zz4=") !important;
}
.app-passman .icon-label .icon-image {
  background-image: unset !important;
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Passwords ---------------------------------------------------------------- */
.app-passwords #app-navigation .nav-icon-recent,
.app-passwords #app-navigation .nav-icon-favorites {
  background-image: none;
}
.app-passwords #app-navigation ul li {
  opacity: 1;
}
.app-passwords #app-navigation ul li:hover {
  background-color: var(--color-background-hover);
}

.app-passwords #app-content #controls .passwords-more-menu .menu {
  transition: border 0.25s ease-in-out, max-height 0.25s ease-in-out;
}
.app-passwords #app-content .item-list .row.header, .app-passwords #app-content .item-list .row.header .date {
  color: var(--color-main-text);
}
.app-passwords #app-content .item-list .row .date {
  color: var(--color-text-maxcontrast);
}
.app-passwords #app-content .item-list .row .genericIcon {
  color: var(--color-main-text);
}
.app-passwords #app-content .item-list .row .more .popovermenu.bubble.menu li {
  color: var(--color-main-text);
  opacity: 0.7;
}
.app-passwords #app-content .item-list .row .more .popovermenu.bubble.menu li:hover {
  opacity: 1;
}
.app-passwords #app-content .backup-dialog h1 {
  background-color: var(--color-background-darker);
}
.app-passwords #app-content .backup-dialog h1::before {
  border-color: var(--color-border);
  color: var(--color-main-text);
}
.app-passwords #app-content .help .handbook-page code,
.app-passwords #app-content .help .handbook-page pre {
  background-color: var(--color-background-darker);
}
.app-passwords #app-content .help .handbook-page a {
  color: var(--color-text-link) !important;
}
.app-passwords #app-content .app-content-right .item-details .infos {
  color: var(--color-text-maxcontrast);
}
.app-passwords #app-content .app-content-right .item-details .infos .tags-container .tags .tag {
  background-color: var(--color-background-darker) !important;
  border: 1px solid var(--color-border);
}
.app-passwords #app-content .app-content-right .item-details .tab-container .tab-titles .tab-title {
  color: var(--color-main-text);
}
.app-passwords #app-content .app-content-left.settings section.danger input[type=button]:hover {
  border-color: var(--color-error);
}

.app-passwords #app-popup #passwords-create-new .window form.content .section-title,
.app-passwords #app-popup #passwords-create-new .window form.content .open .foldout-title {
  border-color: var(--color-border);
}
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar a:hover {
  border-color: var(--color-primary-element);
}
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar a.active {
  background-color: var(--color-primary-element);
  border-color: var(--color-primary-element);
}
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .editor-toolbar.disabled-for-preview a:not(.no-disable) {
  background-color: var(--color-background-alternate);
  border: unset;
}
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .CodeMirror .editor-preview {
  background-color: var(--color-main-background);
}
.app-passwords #app-popup #passwords-create-new .window form.content .notes-container .CodeMirror span.CodeMirror-selectedtext {
  background-color: var(--color-primary-element);
  padding: 1.225px 0;
}

.oc-dialog #pw-field-color {
  background-color: var(--color-main-background);
  border: unset;
}

.oc-dialog-buttonrow.twobuttons button.primary {
  border-color: var(--color-border);
}
.oc-dialog-buttonrow.twobuttons button.primary:hover, .oc-dialog-buttonrow.twobuttons button.primary:active, .oc-dialog-buttonrow.twobuttons button.primary:focus {
  border-color: var(--color-primary-element);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Phone Sync --------------------------------------------------------------- */
.app-ocsms #app-navigation {
  border-left: unset;
}
.app-ocsms #app-navigation .ocsms-plname {
  color: var(--color-main-text);
}
.app-ocsms #app-navigation #app-mailbox-peers li {
  border-top: 1px solid var(--color-border);
}
.app-ocsms #app-navigation #app-mailbox-peers li:hover {
  background-color: var(--color-background-hover);
}
.app-ocsms #app-navigation #app-mailbox-peers li:hover a {
  background: unset;
}

.app-ocsms #app-content #app-content-header {
  box-shadow: unset;
}
.app-ocsms #app-content .msg-recv {
  background-color: var(--color-background-darker);
  border-color: var(--color-border);
  box-shadow: none;
}
.app-ocsms #app-content .msg-sent {
  background-color: var(--color-background-darker);
  border-color: var(--color-success);
  box-shadow: none;
}
.app-ocsms #app-content .msg-date {
  color: var(--color-text-maxcontrast);
  opacity: 1;
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Phonetrack --------------------------------------------------------------- */
.app-phonetrack hr {
  background-color: var(--color-border);
}
.app-phonetrack .dropdown-content {
  border: 1px solid var(--color-border);
  filter: unset;
}
.app-phonetrack .session {
  border-color: var(--color-border);
}
.app-phonetrack button,
.app-phonetrack .leaflet-control-measure {
  background-color: var(--color-main-background);
}
.app-phonetrack .leaflet-control-measure h3,
.app-phonetrack .leaflet-measure-resultpopup h3 {
  border-bottom-color: var(--color-border);
}
.app-phonetrack .toplink:link,
.app-phonetrack .toplink:visited {
  color: var(--color-text-link);
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Polls -------------------------------------------------------------------- */
.app-polls #app-content .table-row.table-header {
  opacity: 1;
}
.app-polls #app-content .table .pollListItem a {
  color: var(--color-main-text);
}
.app-polls #app-content .toggle-cell.yes, .app-polls #app-content .toggle-cell.maybe, .app-polls #app-content .toggle-cell.no {
  background-color: var(--color-main-background);
}
.app-polls #app-content .poll-cell.yes {
  color: var(--color-success);
}
.app-polls #app-content .poll-cell.maybe {
  color: var(--color-warning);
}
.app-polls #app-content .poll-cell.no {
  color: var(--color-error);
}
.app-polls #app-content input.success,
.app-polls #app-content input.icon-confirn.success {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-success) !important;
}
.app-polls #app-content input.error {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-error) !important;
}
.app-polls #app-content .vote-row .counter .yes {
  background-color: var(--color-success);
}
.app-polls #app-content .vote-row .counter .no {
  background-color: var(--color-error);
}

.app-polls #app-sidebar.detailsView .pollInformation .cloud .open {
  background-color: var(--color-success);
}
.app-polls #app-sidebar.detailsView .pollInformation .cloud .information {
  background-color: var(--color-warning);
}
.app-polls #app-sidebar .pollActions li a {
  opacity: 0.7;
}
.app-polls #app-sidebar .pollActions li a:hover {
  opacity: 1;
}

.app-polls .tabHeaders .tabHeader.selected, .app-polls .tabHeaders .tabHeader:hover, .app-polls .tabHeaders .tabHeader:focus {
  border-bottom-color: var(--color-border);
}

/* Datepicker */
.app-polls .mx-datepicker .mx-datepicker-popup {
  background-color: var(--color-main-background) !important;
  border-color: var(--color-border) !important;
}

.app-polls .modal-dialog {
  border: 1px solid var(--color-border) !important;
  box-shadow: none !important;
}

.app-settings .app-settings__content .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:hover + .checkbox-radio-switch__label,
.app-settings .app-settings__content .checkbox-radio-switch:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__input:focus + .checkbox-radio-switch__label {
  background-color: var(--color-background-hover);
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Quick Notes -------------------------------------------------------------- */
.app-quicknotes #app-navigation #new-note-fixed {
  background-color: var(--color-main-background);
}
.app-quicknotes #app-navigation #colors-folder .circle-toolbar.any-color {
  background-color: var(--color-background-alternate);
}

.app-quicknotes .quicknote {
  box-shadow: none;
  color: #000;
}
.app-quicknotes .quicknote:hover {
  box-shadow: none;
}

/***
 * @copyright Copyright (c) 2023, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Radio -------------------------------------------------------------------- */
#rl-app input {
  background-color: var(--input-bg-clr, #fff);
  color: var(--input-clr, #555);
}

/***
 * @copyright Copyright (c) 2020, Magnus Walbeck (mw@mwalbeck.org)
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Terms of service --------------------------------------------------------- */
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click {
  background-color: rgba(0, 0, 0, 0.5);
}
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click .v--modal.v--modal-box {
  background-color: var(--color-main-background);
  border: 1px solid var(--color-border);
  box-shadow: none;
  padding: 1em;
}
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click .v--modal.v--modal-box #tos-overlay button.primary {
  margin: 1em auto;
}

/***
 * @copyright Copyright (c) 2021, Magnus Walbeck (mw@mwalbeck.org)
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* TimeManager -------------------------------------------------------------- */
.app-timemanager {
  --border: 1px solid var(--color-border);
  --borderHoverColor: var(--color-primary-element);
  --borderFocusColor: var(--color-primary-element);
  --itemHoverBG: var(--color-background-hover);
  --itemIsActiveBG: var(--color-primary);
  --inputColor: var(--color-main-text);
  --listEmptyColor: var(--color-text-maxcontrast);
  --multiItemBG: var(--color-background-darker);
  --multiItemActiveBG: var(--color-background-hover);
  --itemFirstBorderRadius: 0;
}
.app-timemanager .tm_summary {
  background-color: var(--color-main-background);
}
.app-timemanager .listContainer {
  border: 1px solid var(--color-border);
}
.app-timemanager .selectContainer input:not([type=range]):not([type=button]):not([type=submit]):active {
  background-color: transparent;
}
.app-timemanager .tm_item-date {
  font-weight: inherit;
}
.app-timemanager .tm_item-row:hover {
  background-color: var(--color-background-hover);
}
.app-timemanager .tm_item-row a:hover {
  background-color: transparent;
}
.app-timemanager .tm_item-row a:active,
.app-timemanager .tm_item-row a:focus {
  background-color: var(--color-primary);
}

/* Icons -------------------------------------------------------------------- */
.app-timemanager #app-navigation ul li img {
  filter: invert(95%);
}

/***
 * @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* User account deletion ---------------------------------------------------- */
#delete-account-settings .warnings {
  color: var(--color-error);
}

button#deleteaccount {
  border-color: var(--color-error);
}
button#deleteaccount:hover:not(:disabled):not(.primary):not(#quota) {
  background-color: var(--color-error);
  border-color: var(--color-error);
}
button#deleteaccount:disabled {
  background-color: var(--color-background-alternate);
  border-color: var(--color-border);
}

/***
 * @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
 *
 * @license GNU AGPL version 3 or any later version, see COPYING file for more.
 */
/* Weather ------------------------------------------------------------------ */
.app-weather #city-list-left {
  background-color: var(--color-main-background);
  border-left: unset;
  border-right-color: var(--color-border);
}
.app-weather #city-list-left .city-list li a {
  color: var(--color-main-text);
}
.app-weather #city-list-left .city-list li:hover, .app-weather #city-list-left .city-list li:hover > a {
  background-color: var(--color-background-hover);
  box-shadow: inset 4px 0 var(--color-primary);
}
.app-weather #city-list-left .city-list li.selected, .app-weather #city-list-left .city-list li.selected a {
  background-color: var(--color-primary-element);
  box-shadow: inset 4px 0 var(--color-primary);
  color: var(--color-main-text);
  font-weight: 600;
}
.app-weather #city-list-left .city-list #create-city {
  background-color: var(--color-main-background);
  border-bottom-color: var(--color-primary-element);
  border-left: unset;
  border-right: unset;
  border-top-color: var(--color-primary-element);
}
.app-weather #city-list-left .city-list #create-city h1 {
  color: var(--color-main-text);
}
.app-weather #city-list-left .city-list #create-city hr {
  background: var(--color-border);
}

.app-weather #city-right table tr {
  background-color: unset;
}

/*# sourceMappingURL=server.css.map */
