/* Generated by tools/local-roundcube/build-dark-css.py from the Elastic
   skin of Roundcube 1.5. Do not edit. Change the colour map instead. */

html.dark-mode {
    scrollbar-color:#0b62ad #274064;
}

html.dark-mode:not(.touch) ::-webkit-scrollbar-track {
    background-color:#274064;
}

html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb {
    background-color:#0b62ad;
}

html.dark-mode body {
    color:#e8f0f6;
    background-color:#0b2140;
}

html.dark-mode #layout-content,
html.dark-mode #layout-list,
html.dark-mode #layout-sidebar,
html.dark-mode #layout>div>.footer,
html.dark-mode #layout>div>.header,
html.dark-mode .menu.pagenav.pagenav-list,
html.dark-mode .menu.pagenav.pagenav-list+.navlist,
html.dark-mode .menu.pagenav.pagenav-list.expanded+.navlist,
html.dark-mode .popup .listbox .footer {
    border-color:#274064;
}

html.dark-mode #layout>div>.footer a.button,
html.dark-mode #layout>div>.header a.button {
    color:#e8f0f6;
}

html.dark-mode #layout-menu {
    border-right:1px solid #274064;
}

@media screen and (max-width:480px) {
    html.dark-mode #layout-menu .popover-header {
        border-bottom:1px solid #274064;
    }
}

html.dark-mode #layout-menu .special-buttons a:not(:focus) {
    background:#0b2140;
}

html.dark-mode.layout-phone #layout-menu {
    background:#05162e;
}

html.dark-mode .searchbar {
    border-color:#274064;
}

html.dark-mode #messagestack div {
    color:#e8f0f6;
}

html.dark-mode #messagestack div i.icon:before {
    color:#e8f0f6;
}

html.dark-mode #messagestack .alert-info,
html.dark-mode .ui.alert.boxinformation {
    background-color:#1f5f93;
}

html.dark-mode #messagestack .loading {
    background-color:#0f304a;
}

html.dark-mode .ui.alert.boxconfirmation,
html.dark-mode .ui.alert.boxerror,
html.dark-mode .ui.alert.boxinformation,
html.dark-mode .ui.alert.boxwarning {
    color:#e8f0f6;
}

html.dark-mode .ui.alert.boxconfirmation i.icon:before,
html.dark-mode .ui.alert.boxerror i.icon:before,
html.dark-mode .ui.alert.boxinformation i.icon:before,
html.dark-mode .ui.alert.boxwarning i.icon:before {
    color:#e8f0f6;
}

html.dark-mode .ui.alert a:not(.btn) {
    color:#e8f0f6;
}

html.dark-mode .iframe-loader {
    background-color:rgba(11, 33, 64,.9);
}

html.dark-mode .iframe-loader .spinner-border {
    color:#8aa2ba;
    border-color:currentColor #1f3a5c currentColor currentColor;
}

html.dark-mode #taskmenu a,
html.dark-mode .menu.toolbar a {
    color:#e8f0f6;
}

html.dark-mode #taskmenu a.selected,
html.dark-mode .menu.toolbar a.selected {
    background-color:#0f304a;
}

html.dark-mode #taskmenu .action-buttons a {
    color:#39b5ff;
}

@media screen and (max-width:480px) {
    html.dark-mode #taskmenu a {
        border-color:#132b4c!important;
    }
}

html.dark-mode.layout-phone .popover,
html.dark-mode.layout-small .popover {
    border-left:1px solid #274064;
}

html.dark-mode.layout-phone .popover:not(.select-menu) .listing li:last-child,
html.dark-mode.layout-small .popover:not(.select-menu) .listing li:last-child {
    border-color:#132b4c;
}

html.dark-mode.layout-phone .popover-header,
html.dark-mode.layout-small .popover-header {
    background:#05162e;
    border-bottom:1px solid #274064;
}

html.dark-mode #taskmenu a:hover,
html.dark-mode .header a.button.icon:not(.disabled):focus,
html.dark-mode .header a.button.icon:not(.disabled):hover,
html.dark-mode .menu a:not(.disabled):focus,
html.dark-mode .menu a:not(.disabled):hover,
html.dark-mode .menu.toolbar .dropbutton:not(.disabled):hover,
html.dark-mode .popupmenu .listing li>a:not(.disabled):hover {
    background-color:#0f304a;
}

html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover {
    background-color:#1f3a5c;
}

html.dark-mode .listing li a,
html.dark-mode .listing tbody td,
html.dark-mode .listing tbody td a {
    color:#e8f0f6;
}

html.dark-mode .listing li,
html.dark-mode .listing li ul,
html.dark-mode .listing tbody td {
    border-color:#132b4c;
}

html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected>a,
html.dark-mode .listing li.selected>div>a,
html.dark-mode .listing tr.selected td {
    color:#39b5ff;
    background-color:#0f304a;
}

html.dark-mode .listing li.selected ul {
    background-color:#0b2140;
}

html.dark-mode .listing li.selected ul div.treetoggle {
    color:#e8f0f6;
}

html.dark-mode .listing li.disabled,
html.dark-mode .listing tr.disabled td {
    color:#6f88a3;
}

html.dark-mode .messagelist {
    color:#e8f0f6;
}

html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.date,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.fromto,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.size {
    color:#a5bacd;
}

html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status {
    color:#e8f0f6;
}

html.dark-mode .messagelist tr:not(.flagged):not(.deleted) span.flag {
    color:#e8f0f6;
}

html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
    color:#39b5ff;
}

html.dark-mode .messagelist tr.deleted td span.attachment span,
html.dark-mode .messagelist tr.deleted td span.flag,
html.dark-mode .messagelist tr.deleted td.subject span.date,
html.dark-mode .messagelist tr.deleted td.subject span.fromto,
html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status,
html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status.unread:before,
html.dark-mode .messagelist tr.deleted td.subject span.subject a {
    color:#6f88a3;
}

html.dark-mode .messagelist span.attachment span {
    color:#a5bacd;
}

html.dark-mode .folderlist li.mailbox .unreadcount {
    background-color:#274064;
    color:#f3f7fa;
}

html.dark-mode .attachmentslist {
    background-color:#0f304a;
}

html.dark-mode .attachmentslist a {
    color:#e8f0f6;
}

html.dark-mode .attachmentslist li .attachment-name {
    color:#e8f0f6;
}

html.dark-mode .attachmentslist li .attachment-size {
    color:#a5bacd;
}

html.dark-mode .btn {
    color:#e8f0f6;
}

html.dark-mode .btn:focus,
html.dark-mode .btn:hover {
    color:#f3f7fa;
}

html.dark-mode .btn-primary {
    background-color:#0b62ad;
    color:#f3f7fa;
}

html.dark-mode .btn-primary:hover:not(:disabled) {
    background-color:#1a74c2;
}

html.dark-mode .btn-secondary {
    background-color:#274064;
    color:#f3f7fa;
}

html.dark-mode .btn-secondary:hover:not(:disabled) {
    background-color:#3d5a7c;
}

html.dark-mode .btn-danger {
    color:#f3f7fa;
}

html.dark-mode .floating-action-buttons a.button {
    background:#0b62ad;
}

html.dark-mode .custom-file-label,
html.dark-mode .form-control {
    background-color:#0b2140;
    color:#e8f0f6;
}

html.dark-mode .custom-file-label:not(.is-invalid),
html.dark-mode .form-control:not(.is-invalid) {
    border-color:#8aa2ba;
}

html.dark-mode .custom-file-label:focus,
html.dark-mode .form-control:focus {
    background-color:#132b4c;
}

html.dark-mode .custom-file-label:focus:not(.is-invalid),
html.dark-mode .form-control:focus:not(.is-invalid) {
    color:#f3f7fa!important;
    border-color:#39b5ff;
}

html.dark-mode .custom-file-label::after {
    color:#e8f0f6;
    background-color:#0f304a;
}

html.dark-mode .custom-switch .custom-control-label::before {
    background-color:#274064;
}

html.dark-mode .custom-switch .custom-control-label::after {
    background-color:#e8f0f6;
}

html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before {
    background-color:#0b62ad;
}

html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color:#e8f0f6;
}

html.dark-mode .multi-input:not(.is-invalid)>.content {
    border-color:#8aa2ba;
}

html.dark-mode .multi-input:not(.is-invalid)>.content.focused {
    border-color:#39b5ff;
}

html.dark-mode .input-group-text {
    color:#e8f0f6;
    background-color:#0f304a;
    border-color:#8aa2ba;
}

html.dark-mode .input-group a:focus {
    border-color:#39b5ff;
}

html.dark-mode .recipient-input.focus {
    color:#f3f7fa;
    background-color:#132b4c;
    border-color:#39b5ff;
}

html.dark-mode .recipient-input a.button.icon,
html.dark-mode .recipient-input input {
    color:#e8f0f6;
}

html.dark-mode .recipient-input .recipient {
    background-color:#0f304a;
    border-color:#8aa2ba;
}

html.dark-mode .file-upload {
    border-color:#274064;
}

html.dark-mode .file-upload.droptarget.active {
    border-color:#e8f0f6;
}

html.dark-mode .file-upload.droptarget.hover {
    border-color:#e8f0f6;
    background-color:#0f304a;
}

html.dark-mode .image-upload {
    background-color:#0f304a;
}

html.dark-mode .image-upload a.button {
    background-color:rgba(11, 33, 64,.25);
}

html.dark-mode .formcontent.raweditor .CodeMirror {
    color:#e8f0f6;
    background-color:#0b2140;
    border-color:#8aa2ba;
}

html.dark-mode .formcontent.raweditor .CodeMirror-focused {
    background-color:#132b4c;
    border-color:#39b5ff;
}

html.dark-mode .CodeMirror-line::selection,
html.dark-mode .CodeMirror-line>span::selection,
html.dark-mode .CodeMirror-line>span>span::selection,
html.dark-mode .CodeMirror-selected {
    background:#0f304a;
}

html.dark-mode .CodeMirror-gutters {
    background-color:#0b2140;
}

html.dark-mode .CodeMirror-activeline-background {
    background:#0f304a;
}

html.dark-mode .skinselection .skinthumbnail {
    border-color:#8aa2ba;
}

html.dark-mode .html-editor .editor-toolbar {
    background-color:#0f304a;
    border-color:#8aa2ba;
}

html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus,
html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover {
    background-color:#3d5a7c;
}

html.dark-mode .tox.tox-tinymce {
    border-color:#8aa2ba;
}

html.dark-mode .tox .tox-toolbar {
    background-color:#0f304a;
    border-color:#8aa2ba;
}

html.dark-mode .tox .tox-toolbar-overlord>div {
    background:url("data:image/svg+xml,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%237c949c'/%3E%3C/svg%3E") #0f304a;
}

html.dark-mode .tox .tox-pop.tox-pop--top:after,
html.dark-mode .tox .tox-pop.tox-pop--top:before {
    border-bottom-color:#a5bacd;
}

html.dark-mode .tox .tox-pop__dialog {
    border-color:#a5bacd;
}

html.dark-mode .tox .tox-split-button,
html.dark-mode .tox .tox-swatches__picker-btn,
html.dark-mode .tox .tox-tbtn {
    color:#e8f0f6;
}

html.dark-mode .tox .tox-split-button svg,
html.dark-mode .tox .tox-swatches__picker-btn svg,
html.dark-mode .tox .tox-tbtn svg {
    fill:#e8f0f6!important;
}

html.dark-mode .tox .tox-split-button:focus,
html.dark-mode .tox .tox-split-button:hover,
html.dark-mode .tox .tox-swatches__picker-btn:focus,
html.dark-mode .tox .tox-swatches__picker-btn:hover,
html.dark-mode .tox .tox-tbtn:focus,
html.dark-mode .tox .tox-tbtn:hover {
    color:#e8f0f6;
    background:#3d5a7c;
}

html.dark-mode .tox .tox-tbtn--enabled {
    background:#3d5a7c;
}

html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled),
html.dark-mode .tox .tox-button--naked:focus:not(:disabled) {
    color:#f3f7fa;
    background-color:#3d5a7c;
}

html.dark-mode .tox .tox-selectfield select {
    color:#e8f0f6;
}

html.dark-mode .tox .tox-selectfield svg {
    fill:#e8f0f6;
}

html.dark-mode .tox .tox-color-input span::before {
    background-color:#e8f0f6;
}

html.dark-mode .tox .tox-toolbar__group:not(:last-of-type) {
    border-color:#8aa2ba;
}

html.dark-mode .tox .tox-dialog,
html.dark-mode .tox .tox-dialog__body,
html.dark-mode .tox .tox-dialog__footer,
html.dark-mode .tox .tox-dialog__header,
html.dark-mode .tox .tox-dialog__title {
    color:#e8f0f6;
    border-color:#274064;
    background-color:#0b2140;
}

html.dark-mode .tox .tox-button--naked,
html.dark-mode .tox .tox-color-input>input,
html.dark-mode .tox .tox-dialog__body-nav-item,
html.dark-mode .tox .tox-dialog__header .tox-button,
html.dark-mode .tox .tox-insert-table-picker__label,
html.dark-mode .tox .tox-label,
html.dark-mode .tox .tox-textfield {
    color:#e8f0f6;
}

html.dark-mode .tox .tox-dialog__footer .tox-button {
    background-color:#0b62ad;
    color:#f3f7fa;
}

@media screen and (max-width:480px) {
    html.dark-mode .tox .tox-dialog__footer .tox-button {
        color:#e8f0f6!important;
    }
}

html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
    background-color:#0b62ad;
}

html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
    background-color:#1a74c2;
}

html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary {
    background-color:#274064;
    color:#f3f7fa;
}

html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {
    background-color:#274064;
}

html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled) {
    background-color:#3d5a7c;
}

html.dark-mode .tox .tox-dialog__body-nav-item--active {
    color:#39b5ff;
}

html.dark-mode .tox .tox-menu {
    background-color:#05162e;
    border-color:#a5bacd;
}

html.dark-mode .tox .tox-collection__item-caret svg {
    fill:#e8f0f6;
}

html.dark-mode .tox .tox-collection__item {
    color:#e8f0f6;
}

html.dark-mode .tox .tox-collection__item:not(:last-child) {
    border-bottom:1px solid #132b4c;
}

html.dark-mode .tox .tox-collection__item--active,
html.dark-mode .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    color:#e8f0f6;
    background-color:#0f304a;
}

html.dark-mode .tox .tox-collection__item--enabled {
    color:#39b5ff;
    background-color:#0f304a;
}

html.dark-mode .message-htmlpart,
html.dark-mode .message-part {
    border-color:#274064;
}

html.dark-mode .message-htmlpart blockquote,
html.dark-mode .message-part blockquote {
    background-color:#0b2140;
    border-color:#78c7fd;
    color:#78c7fd;
}

html.dark-mode .message-htmlpart blockquote span.blockquote-link,
html.dark-mode .message-part blockquote span.blockquote-link {
    background:#0b2140;
}

html.dark-mode .message-part span.sig {
    color:#a5bacd;
}

html.dark-mode #message-header .header-headers .header-title {
    color:#e8f0f6;
}

html.dark-mode .message-partheaders {
    background-color:#0f304a;
}

html.dark-mode .message-partheaders table.headers-table {
    color:#e8f0f6;
}

html.dark-mode p.image-attachment {
    border-color:#274064;
    background-color:#0f304a;
}

html.dark-mode p.image-attachment span {
    color:#a5bacd;
}

html.dark-mode fieldset.image-attachment legend {
    color:#a5bacd;
    border-color:#274064;
}

html.dark-mode .ui-widget {
    border-color:#274064;
}

html.dark-mode .ui-widget-content,
html.dark-mode .ui-widget-header {
    background-color:#0b2140;
}

html.dark-mode .ui-dialog .ui-dialog-titlebar {
    border-color:#274064;
}

html.dark-mode .ui-dialog .ui-dialog-title,
html.dark-mode .ui-dialog .ui-dialog-titlebar-close {
    color:#e8f0f6;
}

html.dark-mode .ui-dialog .ui-dialog-buttonpane {
    border-color:#274064;
}

html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
    color:#e8f0f6;
}

@media screen and (max-width:480px) {
    html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:not(.btn-danger),
    html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
        color:#e8f0f6;
    }
}

html.dark-mode .ui-datepicker .ui-datepicker-header {
    border-color:#274064;
}

html.dark-mode .ui-datepicker th {
    color:#a5bacd;
}

html.dark-mode .ui-datepicker .ui-datepicker-next,
html.dark-mode .ui-datepicker .ui-datepicker-prev,
html.dark-mode .ui-datepicker .ui-state-default,
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-default {
    color:#e8f0f6;
}

html.dark-mode .ui-datepicker .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
    color:#39b5ff;
    background-color:#0f304a;
}

html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a {
    background-color:#274064;
}

html.dark-mode .ui-menu {
    background-color:#05162e;
    border-color:#a5bacd;
}

html.dark-mode .ui-menu .ui-menu-item {
    border-bottom:1px solid #132b4c;
}

html.dark-mode .ui-menu .ui-state-active {
    background-color:#0f304a!important;
}

html.dark-mode .minicolors-panel {
    border-color:#274064;
    background:#05162e;
}

html.dark-mode #contacthead.readonly .source.row,
html.dark-mode #login-footer,
html.dark-mode .contactlist span.email,
html.dark-mode .file-upload .hint,
html.dark-mode .formcontent .hint,
html.dark-mode .listing span.secondary,
html.dark-mode .listing-info,
html.dark-mode ::-webkit-input-placeholder,
html.dark-mode ::placeholder {
    color:#a5bacd;
}

html.dark-mode .popover {
    background-color:#05162e;
    border-color:#a5bacd;
}

html.dark-mode .popover .menu li.separator {
    color:#a5bacd;
}

html.dark-mode .popover .menu ul+li.separator {
    border-top:1px solid #132b4c;
}

html.dark-mode .popover-body {
    color:#e8f0f6;
}

html.dark-mode .bs-popover-auto[x-placement^=right]>.arrow::after,
html.dark-mode .bs-popover-right>.arrow::after {
    border-right-color:#a5bacd;
}

html.dark-mode .bs-popover-auto[x-placement^=left]>.arrow::after,
html.dark-mode .bs-popover-left>.arrow::after {
    border-left-color:#a5bacd;
}

html.dark-mode .bs-popover-auto[x-placement^=top]>.arrow::after,
html.dark-mode .bs-popover-top>.arrow::after {
    border-top-color:#a5bacd;
}

html.dark-mode .bs-popover-auto[x-placement^=bottom]>.arrow::after,
html.dark-mode .bs-popover-bottom>.arrow::after {
    border-bottom-color:#a5bacd;
}

html.dark-mode .nav-tabs {
    border-color:#274064;
}

html.dark-mode .nav-tabs .nav-link {
    color:#e8f0f6;
    border-bottom-color:#274064;
}

html.dark-mode .nav-tabs .nav-link:hover {
    background:#0b2140;
    border-color:#274064;
    color:#e8f0f6;
}

html.dark-mode .nav-tabs .nav-link.active {
    background:#0b2140;
    border-color:#274064;
}

html.dark-mode .table {
    color:#e8f0f6;
}

html.dark-mode .table td,
html.dark-mode .table th,
html.dark-mode .table thead th {
    border-color:#274064;
}

html.dark-mode .table-widget {
    border-color:#274064;
}

html.dark-mode .table-widget>.footer {
    border-color:#274064;
}

html.dark-mode .table-widget table.options-table tr:last-child td {
    border-color:#274064;
}

html.dark-mode .table-widget table.options-table tr.selected td {
    background-color:#0f304a;
    color:#e8f0f6;
}

html.dark-mode #rcmdraglayer {
    background-color:#05162e;
    border:1px solid #a5bacd;
    color:#e8f0f6;
}

html.dark-mode .quota-widget .bar {
    border-color:#274064;
    background-color:#274064;
}

html.dark-mode .quota-info .root {
    color:#a5bacd;
}

html.dark-mode #contactpic,
html.dark-mode img.contactphoto {
    background-color:#0f304a!important;
}

html.dark-mode .pgpkeyimport div.key.disabled,
html.dark-mode .pgpkeyimport div.key.revoked {
    color:#6f88a3;
}