/* aspeck[dot]net Roundcube skin */

html,
body {
    background: #101214;
    color: #e7e9eb;
}

body.task-login {
    background: #101214;
}

.task-login #layout,
.task-login #layout-content {
    background: #101214;
}

.task-login #logo {
    display: block;
    width: auto;
    max-width: 320px;
    max-height: 110px;
    margin: 0 auto 2rem auto;
}

.task-login .form-control {
    background: #181b1f;
    border-color: #343a40;
    color: #f4f4f4;
}

.task-login .form-control:focus {
    background: #1d2125;
    border-color: #5c636a;
    color: #fff;
    box-shadow: none;
}

.task-login .form-control::placeholder {
    color: #8f969d;
}

.task-login .input-group-text {
    background: #22262a;
    border-color: #343a40;
    color: #d8dde1;
}

.task-login .btn-primary {
    background: #343a40;
    border-color: #495057;
    color: #fff;
}

.task-login .btn-primary:hover,
.task-login .btn-primary:focus {
    background: #495057;
    border-color: #5c636a;
}

.task-login #login-footer {
    color: #8f969d;
}

.task-login #login-footer a {
    color: #c6cbd0;
}

/* =========================================================
   aspeck[dot]net - Roundcube application dark theme
   ========================================================= */

:root {
    --adn-bg: #111315;
    --adn-bg-2: #171a1d;
    --adn-bg-3: #1d2125;
    --adn-bg-4: #24292e;
    --adn-border: #343a40;
    --adn-border-soft: #2a2f34;
    --adn-text: #e7e9eb;
    --adn-text-soft: #aeb5bb;
    --adn-text-muted: #7f878e;
    --adn-accent: #8fa9c6;
    --adn-accent-soft: #293746;
}

/* Grundflaechen */

html,
body,
#layout,
#layout-content,
#layout-sidebar,
#layout-list,
#layout-content .iframe-wrapper {
    background: var(--adn-bg);
    color: var(--adn-text);
}

/* Linke Hauptnavigation */

#taskmenu {
    background: #20262b;
    border-color: var(--adn-border);
}

#taskmenu a {
    color: #dbe0e4;
}

#taskmenu a:hover,
#taskmenu a.selected {
    background: #2a3238;
    color: #fff;
}

#taskmenu .action-buttons a {
    color: #dbe0e4;
}

/* Ordnerbereich */

#layout-sidebar {
    background: var(--adn-bg-2);
    border-color: var(--adn-border);
}

.folderlist,
.treelist {
    background: var(--adn-bg-2);
}

.folderlist li a,
.treelist li a {
    color: var(--adn-text);
    border-color: transparent;
}

.folderlist li a:hover,
.treelist li a:hover {
    background: #20262b;
}

.folderlist li.selected > a,
.treelist li.selected > a {
    background: var(--adn-accent-soft);
    color: #fff;
}

/* Nachrichtenliste */

#layout-list {
    background: var(--adn-bg);
    border-color: var(--adn-border);
}

.listbox,
.messagelist,
.records-table {
    background: var(--adn-bg);
    color: var(--adn-text);
}

.messagelist tbody tr,
.records-table tbody tr {
    background: var(--adn-bg);
    color: var(--adn-text);
    border-color: var(--adn-border-soft);
}

.messagelist tbody tr:hover,
.records-table tbody tr:hover {
    background: #1b1f23;
}

.messagelist tbody tr.selected,
.records-table tbody tr.selected {
    background: var(--adn-accent-soft);
    color: #fff;
}

.messagelist td,
.records-table td {
    border-color: var(--adn-border-soft);
    color: inherit;
}

.messagelist .subject,
.messagelist .sender,
.messagelist .date {
    color: inherit;
}

/* Toolbar */

.toolbar,
#toolbar,
#layout-list .header,
#layout-content .header,
.listing.iconized > li > a {
    background: var(--adn-bg-2);
    border-color: var(--adn-border);
    color: var(--adn-text);
}

.toolbar a,
.toolbar button,
#toolbar a,
#toolbar button {
    color: var(--adn-text-soft);
}

.toolbar a:hover,
.toolbar button:hover,
#toolbar a:hover,
#toolbar button:hover {
    color: #fff;
    background: #20262b;
}

/* Suchfelder und Formulare */

.form-control,
input,
textarea,
select,
.input-group-text {
    background-color: var(--adn-bg-3);
    color: var(--adn-text);
    border-color: var(--adn-border);
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    background-color: #202428;
    color: #fff;
    border-color: #59636c;
    box-shadow: none;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color: var(--adn-text-muted);
}

.input-group-text {
    color: var(--adn-text-soft);
}

/* Buttons */

.btn,
.button {
    background: var(--adn-bg-4);
    border-color: #454d55;
    color: var(--adn-text);
}

.btn:hover,
.button:hover {
    background: #30363c;
    border-color: #596169;
    color: #fff;
}

.btn-primary,
.button.mainaction {
    background: #3a4249;
    border-color: #596169;
    color: #fff;
}

.btn-primary:hover,
.button.mainaction:hover {
    background: #48515a;
}

/* Inhalts-/Lesebereich */

#layout-content {
    background: var(--adn-bg);
}

.message-part,
.message-header,
.message-headers,
.messagebody,
#message-content,
#messagebody {
    background: var(--adn-bg);
    color: var(--adn-text);
    border-color: var(--adn-border);
}

.message-headers .header {
    color: var(--adn-text-soft);
}

.message-headers .subject {
    color: #fff;
}

/* Tabellen allgemein */

table {
    color: var(--adn-text);
}

table th,
table td {
    border-color: var(--adn-border-soft);
}

/* Dropdowns / Popup-Menues */

.popupmenu,
.dropdown-menu,
.menu,
.ui-menu {
    background: var(--adn-bg-3);
    border-color: var(--adn-border);
    color: var(--adn-text);
}

.popupmenu a,
.dropdown-menu a,
.ui-menu-item-wrapper {
    color: var(--adn-text);
}

.popupmenu a:hover,
.dropdown-menu a:hover,
.ui-menu-item-wrapper:hover,
.ui-state-active {
    background: #2a3238 !important;
    color: #fff !important;
}

/* Dialoge */

.ui-dialog,
.modal-content,
.popover {
    background: var(--adn-bg-2);
    color: var(--adn-text);
    border-color: var(--adn-border);
}

.ui-dialog-titlebar,
.modal-header,
.modal-footer {
    background: var(--adn-bg-3);
    color: #fff;
    border-color: var(--adn-border);
}

/* Einstellungen / Kontakte */

.listing,
.listing li,
.settings-list,
.contactlist {
    background: var(--adn-bg);
    color: var(--adn-text);
    border-color: var(--adn-border-soft);
}

.listing li a {
    color: var(--adn-text);
}

.listing li a:hover,
.listing li.selected a {
    background: #20262b;
    color: #fff;
}

/* Composer */

#compose-content,
.compose-headers,
.compose-address,
#composebody,
.mce-container,
.tox,
.tox .tox-editor-container,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-menubar {
    background: var(--adn-bg-2) !important;
    color: var(--adn-text) !important;
    border-color: var(--adn-border) !important;
}

.tox .tox-tbtn,
.tox .tox-mbtn {
    color: var(--adn-text) !important;
}

.tox .tox-tbtn:hover,
.tox .tox-mbtn:hover {
    background: #2a3238 !important;
}

/* Footer / Status */

#messagestack,
.footer,
#listfooter,
#listselectors,
#quota {
    background: var(--adn-bg-2);
    color: var(--adn-text-soft);
    border-color: var(--adn-border);
}

/* Scrollbars - Chromium */

* {
    scrollbar-color: #48515a #171a1d;
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #171a1d;
}

*::-webkit-scrollbar-thumb {
    background: #48515a;
    border-radius: 8px;
    border: 2px solid #171a1d;
}

*::-webkit-scrollbar-thumb:hover {
    background: #59636c;
}


/* =========================================================
   aspeck[dot]net - Dark Theme Fix 2
   Elastic specific areas
   ========================================================= */

/* Obere Kopfbereiche / Toolbars */

#layout > div > .header,
#layout-sidebar > .header,
#layout-list > .header,
#layout-content > .header,
#layout-list .toolbar,
#layout-content .toolbar,
#layout-sidebar .toolbar,
.toolbar,
.toolbar-menu {
    background: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

/* Toolbar Buttons */

.toolbar a,
.toolbar button,
.toolbar .button,
.toolbar-menu a,
.toolbar-menu button {
    background-color: transparent !important;
    color: #aeb5bb !important;
}

.toolbar a:hover,
.toolbar button:hover,
.toolbar .button:hover,
.toolbar-menu a:hover {
    background-color: #252b30 !important;
    color: #ffffff !important;
}

/* Mittlerer Such-/Listenbereich */

#layout-list,
#layout-list-content,
#messagelist,
#messagelist-content,
.listbox,
.listbox .scroller,
.listing {
    background: #111315 !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

#layout-list .searchbar,
.searchbar,
.searchbar form {
    background: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

/* Rechter Lesebereich */

#layout-content,
#layout-content > .content,
#layout-content .content,
#message-content,
#messagebody,
.messagebody,
.message-part,
.message-part div,
.iframe-wrapper {
    background-color: #111315 !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

/* Leerer Nachrichtenbereich / Watermark */

#layout-content .watermark,
.watermark,
.watermark::before,
.watermark::after {
    opacity: .18 !important;
}

/* Statusleisten unten */

#layout-sidebar > .footer,
#layout-list > .footer,
#layout-content > .footer,
#listfooter,
.footer,
.footer.toolbar {
    background: #171a1d !important;
    color: #aeb5bb !important;
    border-color: #343a40 !important;
}

/* Trennlinien */

#layout-sidebar,
#layout-list,
#layout-content {
    border-color: #343a40 !important;
}

/* Ordnerkopf */

#layout-sidebar .header {
    background: #171a1d !important;
    color: #ffffff !important;
}

/* Aktiver Ordner */

.folderlist li.selected > a,
.folderlist li.selected > a:hover {
    background: #293746 !important;
    color: #ffffff !important;
}

/* Suchfeld */

#layout-list .searchbar input,
.searchbar input {
    background: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

/* Leerer Listenhinweis */

#messagelist-content .listing-info,
.listing-info,
.listing-info span {
    color: #8f969d !important;
}

/* Bootstrap/Elastic helle Hilfsklassen ueberschreiben */

.bg-white,
.bg-light {
    background-color: #171a1d !important;
}

.text-dark {
    color: #e7e9eb !important;
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
    border-color: #343a40 !important;
}


/* =========================================================
   aspeck[dot]net - Preview / iframe dark fix
   ========================================================= */

#layout-content .iframe-wrapper,
#layout-content > .iframe-wrapper {
    background: #111315 !important;
}

#layout-content .iframe-wrapper iframe,
#layout-content iframe,
iframe#messagecontframe {
    background: #111315 !important;
    color-scheme: dark;
}

/* framed Roundcube message view */
html.iframe,
html.iframe body,
html.iframe #layout,
html.iframe #layout-content,
html.iframe #layout-content > .content,
html.iframe .frame-content {
    background: #111315 !important;
    color: #e7e9eb !important;
}

/* Leere Vorschau / Watermark dezenter */
#layout-content .watermark,
#layout-content .watermark *,
.watermark {
    background-color: transparent !important;
    opacity: .12 !important;
}


/* =========================================================
   aspeck[dot]net - Empty preview dark background
   ========================================================= */

#layout-content,
#layout-content > .content,
#layout-content .content,
#layout-content .iframe-wrapper,
#layout-content .watermark {
    background-color: #111315 !important;
}

/* Watermark im leeren Preview */
#layout-content .watermark {
    opacity: .10 !important;
}

/* Falls Elastic eine helle Background-Farbe inline setzt */
#layout-content[style],
#layout-content .content[style],
#layout-content .iframe-wrapper[style] {
    background-color: #111315 !important;
}


/* =========================================================
   aspeck[dot]net - UI polish
   ========================================================= */

/* Nachrichtenliste lesbarer */
.messagelist tbody tr,
.records-table tbody tr {
    background: #111315 !important;
}

.messagelist tbody tr:nth-child(even),
.records-table tbody tr:nth-child(even) {
    background: #14171a !important;
}

.messagelist tbody tr:hover,
.records-table tbody tr:hover {
    background: #1c2227 !important;
}

.messagelist tbody tr.selected,
.records-table tbody tr.selected {
    background: #263747 !important;
}

.messagelist td,
.records-table td {
    color: #cfd4d8 !important;
}

.messagelist .subject {
    color: #dfe3e6 !important;
}

.messagelist .sender,
.messagelist .date {
    color: #9da5ac !important;
}

/* Ungelesene Nachrichten deutlicher */
.messagelist tr.unread td,
.messagelist tr.unread .subject,
.messagelist tr.unread .sender {
    color: #ffffff !important;
    font-weight: 600;
}

/* Header oben ruhiger */
#layout-sidebar > .header,
#layout-list > .header,
#layout-content > .header {
    background: #14171a !important;
    border-color: #2d3338 !important;
}

/* Hauptnavigation */
#taskmenu {
    background: #263238 !important;
}

#taskmenu a:hover,
#taskmenu a.selected {
    background: #34434b !important;
}

/* Toolbar etwas klarer */
.toolbar a,
.toolbar button {
    color: #b7bec4 !important;
}

.toolbar a:hover,
.toolbar button:hover {
    color: #ffffff !important;
}

/* Aktiver Ordner */
.folderlist li.selected > a,
.folderlist li.selected > a:hover {
    background: #2c4052 !important;
    color: #ffffff !important;
}

/* Statusleisten */
.footer,
#listfooter {
    background: #14171a !important;
    color: #8f969d !important;
}

/* Links im UI an Branding anlehnen */
a {
    color: #8fa9c6;
}

a:hover {
    color: #b6c7d8;
}

/* Scrollbar dezent */
* {
    scrollbar-color: #39434b #14171a;
}


/* ADN Login Domain */
.task-login #login-form tr.adn-domain-row {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 !important;
    padding: 0 !important;
}

.task-login #login-form tr.adn-domain-row > td.adn-domain-full {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.task-login .adn-domain-box {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.task-login .adn-domain-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    min-width: 48px !important;

    border: 1px solid #343a40 !important;
    border-right: 0 !important;
    border-radius: 4px 0 0 4px !important;

    background: #1d2125 !important;
    color: #e7e9eb !important;

    font-size: 18px !important;
    font-weight: 500 !important;

    box-sizing: border-box !important;
}

.task-login .adn-domain-fields {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.task-login .adn-domain-fields #rcmlogindomain,
.task-login .adn-domain-fields #rcmlogindomainother {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}

.task-login .adn-domain-fields #rcmlogindomain {
    border-radius: 0 4px 4px 0 !important;
}

.task-login .adn-domain-fields #rcmlogindomainother {
    margin-top: 8px !important;
    border-radius: 4px !important;
}


/* =========================================================
   ADN Dark Theme - bessere Lesbarkeit
   ========================================================= */

/* Allgemeine Textfarben */
.task-mail #layout-list,
.task-mail #layout-sidebar,
.task-settings #layout-list,
.task-settings #layout-sidebar {
    color: #d9dde1 !important;
}

/* Nachrichtenliste */
.task-mail #messagelist td,
.task-mail #messagelist span,
.task-mail #messagelist a {
    color: #bfc6cc !important;
}

.task-mail #messagelist tr.unread td,
.task-mail #messagelist tr.unread span,
.task-mail #messagelist tr.unread a {
    color: #eef1f3 !important;
}

/* Absender */
.task-mail #messagelist .adr,
.task-mail #messagelist .from,
.task-mail #messagelist .sender {
    color: #d7dce0 !important;
}

/* Betreff */
.task-mail #messagelist .subject {
    color: #aeb7bf !important;
}

/* Datum */
.task-mail #messagelist .date,
.task-mail #messagelist .datesort {
    color: #c4cbd1 !important;
}

/* Einstellungen / Identitaeten */
.task-settings .listing li,
.task-settings .listing li a,
.task-settings .listing tbody td,
.task-settings .listing tbody td a {
    color: #cbd1d6 !important;
}

.task-settings .listing .selected,
.task-settings .listing .selected a {
    color: #f1f3f5 !important;
}


/* =========================================================
   Outlook-artige Kontenliste
   ========================================================= */

#adn-account-list {
    border-top: 1px solid #343a40;
    margin-top: 10px;
    padding-top: 8px;
}

#adn-account-list .adn-account-heading {
    padding: 8px 14px 6px;
    color: #89939c;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

#adn-account-list .adn-account {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 6px 10px;
    margin: 1px 6px;

    color: #dce1e5 !important;
    text-decoration: none !important;

    border-radius: 4px;
    cursor: pointer;

    transition:
        background .12s ease,
        color .12s ease;
}

#adn-account-list .adn-account:hover {
    background: #24292e;
    color: #ffffff !important;
}

#adn-account-list .adn-account.active {
    background: #30475b;
    color: #ffffff !important;
}

#adn-account-list .adn-account-arrow {
    width: 18px;
    min-width: 18px;
    margin-right: 3px;

    color: #909aa3;
    font-size: 13px;
    line-height: 1;
}

#adn-account-list .adn-account.active .adn-account-arrow {
    color: #ffffff;
}

#adn-account-list .adn-account-label {
    display: block;
    min-width: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 13px;
    font-weight: 500;
}

#adn-account-list .adn-account-count {
    margin-left: auto;
    padding-left: 8px;

    color: #58bde9;
    font-size: 12px;
    font-weight: 600;
}




/* Original ident_switch bleibt funktional, wird aber nicht angezeigt */
#ident-switch-wrapper {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}

/* =========================================================
   Dialoge / Listenoptionen dunkel
   ========================================================= */

.ui-dialog {
    background: #171a1d !important;
    border: 1px solid #343a40 !important;
    color: #e7e9eb !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: #171a1d !important;
    border: 0 !important;
    border-bottom: 1px solid #343a40 !important;
    color: #f1f3f5 !important;
}

.ui-dialog .ui-dialog-title,
.ui-dialog .ui-dialog-titlebar-close {
    color: #f1f3f5 !important;
}

.ui-dialog .ui-dialog-content,
#listoptions-menu {
    background: #171a1d !important;
    color: #e7e9eb !important;
}

#listoptions-menu .form-group,
#listoptions-menu label,
#listoptions-menu td,
#listoptions-menu th {
    color: #e7e9eb !important;
}

#listoptions-menu select,
#listoptions-menu input {
    background: #1d2125 !important;
    border-color: #343a40 !important;
    color: #e7e9eb !important;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #171a1d !important;
    border-top: 1px solid #343a40 !important;
}


/* Kontakte: Namen und Symbole besser lesbar */
.task-addressbook #contactlist .contact,
.task-addressbook #contactlist .contact span,
.task-addressbook #contactlist .contact a,
.task-addressbook #contactlist .contact .name {
    color: #e7e9eb !important;
}

.task-addressbook #contactlist .contact .icon,
.task-addressbook #contactlist .contact .contacticon {
    color: #aeb5bb !important;
    opacity: 1 !important;
}


/*
 * OneNote-Symbol an derselben Stelle wie die nativen
 * ADN/Elastic-Taskbar-Symbole.
 *
 * currentColor sorgt dafuer{
    content: "N" !important;

    position: absolute !important;

    top: 5px !important;
    left: 50% !important;

    width: 22px !important;
    height: 22px !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border: 2px solid currentColor !important;
    border-radius: 2px !important;

    background: transparent !important;
    color: currentColor !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   Taskbar-Reihenfolge final
   Schreiben
   E-Mail
   Kalender
   Kontakte
   OneNote
   Einstellungen
   ========================================================== */

#taskmenu {
    display: flex !important;
    flex-direction: column !important;
}

#taskmenu > .action-buttons {
    order: 10 !important;
}

#taskmenu > a.mail {
    order: 20 !important;
}

#taskmenu > a.calendar,
#taskmenu > a.button-calendar {
    order: 30 !important;
}

#taskmenu > a.contacts {
    order: 40 !important;
}

#taskmenu > a.settings {
    order: 60 !important;
}

#taskmenu > .special-buttons {
    order: 70 !important;
}

/* =========================================================
   aspeck[dot]net - Tasklist form / watermark compatibility
   ========================================================= */

/*
 * Tasklist/Elastic behaelt beim Oeffnen des Formulars die
 * Klasse "watermark" am Content-Container und ergaenzt
 * gleichzeitig "formcontainer".
 *
 * Unsere allgemeine Watermark-Abdunklung darf in diesem
 * Zustand nicht auf das eigentliche Aufgabenformular wirken.
 */
body.task-tasks #layout-content > .content.watermark.formcontainer,
body.task-tasks #layout-content > .content.watermark.formcontainer * {
    opacity: 1 !important;
}

/* Watermark-Grafik im aktiven Aufgabenformular ausblenden */
body.task-tasks #layout-content > .content.watermark.formcontainer::before,
body.task-tasks #layout-content > .content.watermark.formcontainer::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}


/* Aufgaben direkt nach Kalender */
#taskmenu > a.tasks,
#taskmenu > a.tasklist,
#taskmenu > a.button-tasklist {
    order: 35 !important;
}


/* =========================================================
   aspeck[dot]net - Tasklist dark integration
   ========================================================= */

body.task-tasks #layout-sidebar,
body.task-tasks #layout-list,
body.task-tasks #layout-content,
body.task-tasks #tasklists-content,
body.task-tasks #tasklist,
body.task-tasks #taskselector,
body.task-tasks #taskedit,
body.task-tasks #taskshow {
    background-color: #111315 !important;
    color: #e7e9eb !important;
}

/* Trennlinien */
body.task-tasks #layout-sidebar,
body.task-tasks #layout-list {
    border-color: #343a40 !important;
}

/* Aufgabenfilter */
body.task-tasks #taskselector > li > a {
    color: #aeb5bb !important;
    background: transparent !important;
}

body.task-tasks #taskselector > li:hover > a {
    color: #e7e9eb !important;
    background-color: #1d2125 !important;
}

body.task-tasks #taskselector > li.selected,
body.task-tasks #taskselector > li.selected > a {
    color: #e7e9eb !important;
    background-color: #293746 !important;
}

/* Aufgabenlisten links */
body.task-tasks #tasklists li,
body.task-tasks #tasklists li > a {
    color: #e7e9eb !important;
}

body.task-tasks #tasklists li:hover {
    background-color: #1d2125 !important;
}

body.task-tasks #tasklists li.selected {
    background-color: #293746 !important;
}

/* Eigentliche Aufgaben */
body.task-tasks #tasklist li,
body.task-tasks #tasklist li > a {
    color: #e7e9eb !important;
    background-color: transparent !important;
    border-color: #2a2f34 !important;
}

body.task-tasks #tasklist li:hover {
    background-color: #1d2125 !important;
}

/* Helle Elastic-Auswahl beseitigen */
body.task-tasks #tasklist li.selected,
body.task-tasks #tasklist li.selected > a,
body.task-tasks #tasklist .selected,
body.task-tasks #tasklist .selected > a {
    background-color: #293746 !important;
    color: #e7e9eb !important;
}

/* Sekundaere Informationen */
body.task-tasks #tasklist .description,
body.task-tasks #tasklist .date,
body.task-tasks #tasklist .time,
body.task-tasks #tasklist .faded {
    color: #aeb5bb !important;
}

/* Detail- und Bearbeitungsansicht */
body.task-tasks #taskshow,
body.task-tasks #taskedit,
body.task-tasks #taskshow .form-group,
body.task-tasks #taskedit .form-group,
body.task-tasks #taskshow fieldset,
body.task-tasks #taskedit fieldset {
    background-color: #111315 !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

body.task-tasks #taskshow label,
body.task-tasks #taskedit label,
body.task-tasks #taskshow legend,
body.task-tasks #taskedit legend {
    color: #aeb5bb !important;
}

/* Kopfbereiche */
body.task-tasks #layout-sidebar > .header,
body.task-tasks #layout-list > .header,
body.task-tasks #layout-content > .header {
    background-color: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}


/* =========================================================
   aspeck[dot]net - Tasklist polish
   ========================================================= */

/* Suchfelder */
body.task-tasks #tasklistsearch input,
body.task-tasks #tasksearch input,
body.task-tasks .searchbar input {
    background-color: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
    box-shadow: none !important;
}

body.task-tasks #tasklistsearch input:focus,
body.task-tasks #tasksearch input:focus,
body.task-tasks .searchbar input:focus {
    background-color: #1d2125 !important;
    border-color: #8fa9c6 !important;
    color: #fff !important;
}

/* Formulare */
body.task-tasks #taskedit input,
body.task-tasks #taskedit textarea,
body.task-tasks #taskedit select,
body.task-tasks #taskedit .form-control {
    background-color: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
    box-shadow: none !important;
}

body.task-tasks #taskedit input:focus,
body.task-tasks #taskedit textarea:focus,
body.task-tasks #taskedit select:focus,
body.task-tasks #taskedit .form-control:focus {
    background-color: #1d2125 !important;
    color: #fff !important;
    border-color: #8fa9c6 !important;
}

/* Disabled */
body.task-tasks #taskedit input:disabled,
body.task-tasks #taskedit select:disabled,
body.task-tasks #taskedit textarea:disabled {
    background-color: #111315 !important;
    color: #7f878e !important;
    opacity: .8 !important;
}

/* Aufgabenzeilen etwas klarer */
body.task-tasks #tasklist > li {
    border-bottom: 1px solid #2a2f34 !important;
}

body.task-tasks #tasklist > li:last-child {
    border-bottom: 0 !important;
}

body.task-tasks #tasklist li > a {
    min-height: 42px;
}

/* Haupttext */
body.task-tasks #tasklist .title,
body.task-tasks #tasklist .task-title,
body.task-tasks #tasklist .name {
    color: #e7e9eb !important;
}

/* Erledigte Aufgaben */
body.task-tasks #tasklist .complete,
body.task-tasks #tasklist .completed {
    color: #7f878e !important;
}

/* Checkboxen / Status */
body.task-tasks #tasklist input[type="checkbox"],
body.task-tasks #tasklists input[type="checkbox"] {
    accent-color: #8fa9c6;
}

/* Toolbar */
body.task-tasks #taskstoolbar {
    background-color: #171a1d !important;
    border-color: #343a40 !important;
}

body.task-tasks #taskstoolbar a {
    color: #aeb5bb !important;
}

body.task-tasks #taskstoolbar a:hover,
body.task-tasks #taskstoolbar a:focus {
    color: #fff !important;
    background-color: #24292e !important;
}

/* Primaere Aktionsbuttons */
body.task-tasks .btn-primary,
body.task-tasks .button.mainaction {
    background-color: #293746 !important;
    border-color: #8fa9c6 !important;
    color: #fff !important;
}

body.task-tasks .btn-primary:hover,
body.task-tasks .button.mainaction:hover {
    background-color: #34485c !important;
}

/* Sekundaere Buttons */
body.task-tasks .btn-secondary {
    background-color: #24292e !important;
    border-color: #343a40 !important;
    color: #e7e9eb !important;
}

/* Popup-Menues */
body.task-tasks .popupmenu,
body.task-tasks .popupmenu .listing {
    background-color: #171a1d !important;
    color: #e7e9eb !important;
    border-color: #343a40 !important;
}

body.task-tasks .popupmenu a {
    color: #e7e9eb !important;
}

body.task-tasks .popupmenu li:hover,
body.task-tasks .popupmenu a:hover {
    background-color: #293746 !important;
}

/* Detailansicht etwas kompakter */
body.task-tasks #taskshow .form-group,
body.task-tasks #taskedit .form-group {
    margin-bottom: .75rem;
}

/* Beschriftungen */
body.task-tasks #taskshow .col-form-label,
body.task-tasks #taskedit .col-form-label {
    color: #aeb5bb !important;
}

/* Links */
body.task-tasks #taskshow a,
body.task-tasks #taskedit a {
    color: #8fa9c6;
}

body.task-tasks #taskshow a:hover,
body.task-tasks #taskedit a:hover {
    color: #c0d0e2;
}


/* ADN: Calendar time autocomplete dark */
#eventedit .ui-autocomplete.ui-menu {
    background: var(--adn-bg-3) !important;
    border: 1px solid var(--adn-border) !important;
    color: var(--adn-text) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .35) !important;
}

#eventedit .ui-autocomplete .ui-menu-item {
    background: var(--adn-bg-3) !important;
    border-bottom: 1px solid var(--adn-border-soft) !important;
    color: var(--adn-text) !important;
}

#eventedit .ui-autocomplete .ui-menu-item:last-child {
    border-bottom: 0 !important;
}

#eventedit .ui-autocomplete .ui-menu-item > a {
    display: block;
    padding: .35rem .65rem;
    border: 0 !important;
    background: transparent !important;
    color: var(--adn-text) !important;
    text-decoration: none !important;
}

#eventedit .ui-autocomplete .ui-menu-item:hover > a,
#eventedit .ui-autocomplete .ui-menu-item > a.ui-state-focus,
#eventedit .ui-autocomplete .ui-menu-item > a.ui-state-active,
#eventedit .ui-autocomplete .ui-state-active {
    background: #2a3238 !important;
    color: #fff !important;
}


/* ADN: Kontaktwerte im Dark Theme lesbar */
.propform.grouped.readonly .contactfieldcontent {
    color: var(--adn-text) !important;
}

.propform.grouped.readonly .contactfieldcontent a {
    color: var(--adn-accent) !important;
}

/* ==========================================================
   ADN Dashboard - Account-Counter
   ========================================================== */

/* Unread-Badge im Dashboard etwas deutlicher */
.adn-dashboard-account-count.has-unread {
    font-weight: 700;
}

/* Auch 0 ist ein gueltiger und sichtbarer Unread-Wert */
.adn-dashboard-account-count {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* ==========================================================
   ADN Dashboard - Navigation final

   Uebersicht
   Schreiben
   E-Mail
   Kalender
   Aufgaben
   Kontakte
   OneNote
   Einstellungen
   ========================================================== */

/* Uebersicht vor Schreiben */
#taskmenu > a.dashboard,
#taskmenu > a.button-dashboard {
    order: 5 !important;
}

/*
 * ADN/Elastic verwendet seine Icons direkt auf a::before.
 * Raster = Dashboard/Uebersicht.
 */
#taskmenu > a.dashboard::before,
#taskmenu > a.button-dashboard::before {
    display: block !important;
    content: "\f00a" !important;
    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

/*
 * Alte Dashboard-Versuche ueber .inner::before neutralisieren.
 * Der Text selbst bleibt ganz normal im inner-Span.
 */
#taskmenu > a.dashboard > .inner::before,
#taskmenu > a.button-dashboard > .inner::before {
    display: none !important;
    content: none !important;
}

/*
 * Falls der Skin sein Toolbar-Symbol direkt auf dem Link
 * statt auf .inner erzeugt{
    margin-left: auto;
    margin-right: auto;
}

/*
 * Nativer Eintrag im "Mehr"-Dropdown.
 * Typografie, Zeilenhoehe{
    position: relative;
}

/* Quelle: plugins/calendar/skins/classic/calendar.css */
#taskbar a.button-onenote {
background: url(images/calendar.png) 0px 1px no-repeat;
}

* html #taskbar a.button-onenote {
background-image: url(images/calendar.gif);
}
#taskmenu > a.onenote::before {
    content: "" !important;
    background-color: currentColor !important;

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate(0 2)' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h14a3 3 0 0 1 3 3v17a3 3 0 0 1-3 3H11'/%3E%3Cpath d='M25 9h3M25 15h3M25 21h3'/%3E%3Crect x='4' y='7' width='18' height='20' rx='2'/%3E%3Cpath d='M9 21V13l8 8v-8'/%3E%3C/g%3E%3C/svg%3E") !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: 1.18em 1.18em !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg transform='translate(0 2)' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h14a3 3 0 0 1 3 3v17a3 3 0 0 1-3 3H11'/%3E%3Cpath d='M25 9h3M25 15h3M25 21h3'/%3E%3Crect x='4' y='7' width='18' height='20' rx='2'/%3E%3Cpath d='M9 21V13l8 8v-8'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: 1.18em 1.18em !important;
}

/*
 * NUR das Icon unterscheiden.
 *
 * Keine eigene Position.
 * Keine eigene Groesse.
 * Keine eigene Schrift.
 * Keine eigene Farbe.
 * Kein SVG.
 * Keine Maske.
 * Kein Transform.
 *
 * Alle diese Eigenschaften kommen vom selben generischen
 * Taskbar-CSS wie Kontakte,
#taskmenu > a.onenote::before {
    content: "\f02d" !important;
}
#taskmenu > a.onenote::before {
    content: "\f02d" !important;
}

/* Reihenfolge{
    order: 50 !important;
}

/* OneNote - nur Reihenfolge */
#taskmenu > a.button-notes {
    order: 50 !important;
}



/* =========================================================
   ADN Konto-/Identitaetsfarben
   ========================================================= */

#adn-account-list .adn-account {
    border-left: 3px solid transparent;
}

#adn-account-list .adn-account-color {
    display: inline-block;

    flex: 0 0 auto;

    width: .62rem;
    height: .62rem;

    margin-right: .55rem;

    border-radius: 50%;

    background:
        var(--adn-account-color);

    box-shadow:
        0 0 0 1px rgba(0, 0, 0, .08);
}

#adn-account-list .adn-account.active {
    border-left-color:
        var(--adn-account-color);
}

#adn-account-list .adn-account.active
.adn-account-color {
    box-shadow:
        0 0 0 2px
        color-mix(
            in srgb,
            var(--adn-account-color) 28%,
            transparent
        );
}

#adn-account-list .adn-account-count {
    background:
        var(--adn-account-color);
}

/*
 * Aktives Konto beim Verfassen sichtbar machen.
 *
 * ident_switch filtert #_from bereits auf die zum Konto
 * gehoerenden Identitaeten.
 */
#_from {
    border-left:
        3px solid
        var(
            --adn-active-account-color,
            transparent
        );
}


/*
 * Browser ohne color-mix():
 * Der Farbpunkt bleibt trotzdem voll funktionsfaehig.
 */
@supports not (
    color:
        color-mix(
            in srgb,
            red,
            transparent
        )
) {
    #adn-account-list
    .adn-account.active
    .adn-account-color {
        box-shadow: none;
    }
}


/* ==========================================================
   ADN Attachment Center - Taskbar final

   OneNote       = 50
   Anlagen       = 55
   Einstellungen = 60
   ========================================================== */

#taskmenu > a.button-attachmentcenter {
    order: 55 !important;
}


/*
 * Gleiches FontAwesome/Icon-System wie die native
 * Roundcube-Taskbar.
 *
 * f0c6 = paperclip / Anlage
 */
#taskmenu > a.button-attachmentcenter::before {
    content: "\f0c6" !important;

    display: block !important;

    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: 900 !important;

    text-decoration: inherit !important;

    speak: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/*
 * Keine konkurrierende Symbolerzeugung im inner-Span.
 */
#taskmenu > a.button-attachmentcenter > .button-inner::before,
#taskmenu > a.button-attachmentcenter > .inner::before {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   ADN Send Later - Taskbar final
   ========================================================== */

#taskmenu > a.button-sendlater {
    order: 57 !important;
}

#taskmenu > a.button-sendlater::before {
    content: "\f017" !important;

    display: block !important;

    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: 900 !important;

    text-decoration: inherit !important;

    speak: none;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#taskmenu > a.button-sendlater > .button-inner::before,
#taskmenu > a.button-sendlater > .inner::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   ADN Massmailer - Taskbar final
   Geplant = 57 | Rundmail = 58 | Einstellungen = 60
   ========================================================== */
#taskmenu > a.button-massmailer { order: 58 !important; }
#taskmenu > a.button-massmailer::before {
    content: "\f0a1" !important;
    display: block !important;
    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: inherit !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#taskmenu > a.button-massmailer > .button-inner::before,
#taskmenu > a.button-massmailer > .inner::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================
   ADN Contact Tools - Taskbar final
   Kontakte = 40 | Kontaktpflege = 45 | OneNote = 50
   ========================================================== */
#taskmenu > a.button-contacttools {
    order: 45 !important;
}
#taskmenu > a.button-contacttools::before {
    content: "\f2b9" !important;
    display: block !important;
    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: 900 !important;
    text-decoration: inherit !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#taskmenu > a.button-contacttools > .button-inner::before,
#taskmenu > a.button-contacttools > .inner::before {
    display: none !important;
    content: none !important;
}


/* ==========================================================
   ADN Addressbook Textfarben V1
   ========================================================== */

/*
 * Kontaktliste im normalen Roundcube-Adressbuch.
 *
 * Das Tabellenobjekt heisst auch im Compose-Kontaktdialog
 * #contacts-table; deshalb zusaetzlich auf den Addressbook-
 * Task begrenzen.
 */
body.task-addressbook
#contacts-table tbody td,

body.task-addressbook
#contacts-table tbody td a,

body.task-addressbook
#contacts-table tbody td span,

body.task-addressbook
#contacts-table tbody .name,

body.task-addressbook
#contacts-table tbody .contact {
    color: #dfe3e6 !important;
    opacity: 1 !important;
}


/* Selektierter Kontakt */

body.task-addressbook
#contacts-table tbody tr.selected td,

body.task-addressbook
#contacts-table tbody tr.selected td a,

body.task-addressbook
#contacts-table tbody tr.selected td span {
    color: #ffffff !important;
}


/* Nebentexte weiterhin etwas zurueckhaltender */

body.task-addressbook
#contacts-table tbody .email,

body.task-addressbook
#contacts-table tbody .secondary {
    color: #aeb7bf !important;
    opacity: 1 !important;
}


/* Tasklist: Aufgabenfilter-Kopf im Dark Theme */
body.task-tasks #layout-list > .pagenav.pagenav-list {
    background-color: #111315 !important;
    border-color: #343a40 !important;
}

/* Tasklist: Aufgabenfilter-Kopf Text und Pfeil */
body.task-tasks #layout-list > .pagenav.pagenav-list #taskselector-name,
body.task-tasks #layout-list > .pagenav.pagenav-list > a.button.icon {
    color: #c5d1d3 !important;
}


/* ==========================================================
   ADN Login - ausgewaehltes Domain-Logo
   ========================================================== */

.task-login #adn-login-domain-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.35rem auto 0;
}

.task-login #adn-login-domain-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 220px;
    max-height: 190px;
    object-fit: contain;
}

.task-login #adn-login-domain-logo[hidden] {
    display: none !important;
}

/* ==========================================================
   Compose: Empfaenger-Chips im Dark Theme
   ========================================================== */

body.task-mail .recipient-input .recipient {
    background-color: #374549 !important;
    border-color: #59636c !important;
    color: #e7e9eb !important;
    opacity: 1 !important;
}

body.task-mail .recipient-input .recipient span,
body.task-mail .recipient-input .recipient .email,
body.task-mail .recipient-input .recipient a {
    color: #e7e9eb !important;
    opacity: 1 !important;
}

body.task-mail .recipient-input .recipient a.button.icon {
    color: #c5d1d3 !important;
}

/* ==========================================================
   ADN LEGAL LINKS
   ========================================================== */
.task-login #login-footer .adn-legal-links {
    margin-top: 0.45rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    line-height: 1.35;
}

.task-login #login-footer .adn-legal-links a {
    color: #9db7d3;
    text-decoration: none;
}

.task-login #login-footer .adn-legal-links a:hover,
.task-login #login-footer .adn-legal-links a:focus {
    color: #c4d3e2;
    text-decoration: underline;
}

.task-login #login-footer .adn-legal-links span {
    color: #737d86;
}