/* GENERATED by tools/build_app_css.py from Elastic styles.min.css — do not edit; put changes in styles-extra.css */
a{color:#3db3ff}body{color:#0b141c}#layout>div>.header{color:#0b141c}#layout>div>.header a.button{color:#0b141c}@media screen and (min-width:481px){#layout-menu .popover-header{background-color:#04080c!important}}@media screen and (min-width:481px){#layout-menu{background-color:#04080c}}#rcmdraglayer{background-color:#04080c}.quota-widget .value{background-color:#14a4ff}.table-widget table.options-table tr.selected td{color:#0b141c}.floating-action-buttons a.button{background:#14a4ff}.btn-link{color:#3db3ff}.btn-secondary{background:#8ea4b5;border-color:#8ea4b5}.btn-secondary.disabled,.btn-secondary:disabled{background:#8ea4b5;border-color:#8ea4b5}.btn-primary{background:#14a4ff;border-color:#14a4ff}.btn-primary.disabled,.btn-primary:disabled{background:#14a4ff;border-color:#14a4ff}.ui-menu .ui-state-active{background-color:#14a4ff!important}.ui-dialog .ui-dialog-title{color:#0b141c}.ui-dialog .ui-dialog-titlebar-close{color:#0b141c}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#0b141c}@media screen and (max-width:480px){.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:#0b141c}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#0b141c}}.ui-slider .ui-slider-handle.ui-state-active{background:#14a4ff}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{color:#0b141c}.ui-datepicker .ui-state-default,.ui-datepicker.ui-widget-content .ui-state-default{color:#0b141c}.ui-datepicker .ui-datepicker-days-cell-over a,.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,.ui-datepicker .ui-state-highlight,.ui-datepicker.ui-widget-content .ui-state-highlight{color:#14a4ff}.ui-datepicker a.ui-state-active{background:#14a4ff!important}.menu.toolbar a{color:#0b141c}.menu.pagenav a{color:#0b141c}.menu .buttons button{color:#0b141c}.popover .menu li a:not(.disabled):hover{background-color:#14a4ff}.popover .menu li a[aria-haspopup].dropdown:after{color:#0b141c}.popover .menu .dropbutton a.dropdown:hover{background-color:#14a4ff}@media screen and (max-width:768px){.menu.listing a{color:#0b141c}}.searchbar a{color:#0b141c}@media screen and (max-width:480px){#taskmenu a{color:#0b141c}}@media screen and (min-width:481px){#taskmenu .special-buttons{background-color:#04080c}#taskmenu .action-buttons a{color:#14a4ff}#taskmenu .action-buttons a:hover{color:#14a4ff}}.ui.alert{color:#0b141c}.ui.alert a:not(.btn){color:#14a4ff}#messagestack div{background-color:#0b141c}#messagestack .alert-info.information{background-color:#14a4ff}#messagestack .alert-warning{color:#0b141c}#messagestack .alert-warning>i.icon:before{color:#0b141c}.listing li a,.listing tbody td{color:#0b141c}.listing tbody td a{color:#0b141c}.listing li.selected,.listing tr.selected td{color:#0b141c}.listing-hover-menu a.button{color:#0b141c}@media screen and (max-width:1200px){.listing.selection-large-only li.selected{color:#0b141c}}.popupmenu .listing li>a:not(.disabled):hover{background-color:#14a4ff}.popupmenu .listing li.selected{background-color:#14a4ff}ul.treelist li.selected>a,ul.treelist li.selected>div>a{color:#0b141c}.folderlist li.mailbox .unreadcount{background:#14a4ff}.folderlist li.mailbox.recent>a>.unreadcount{background:#14a4ff}.attachmentslist li .attachment-name{color:#0b141c}.formcontent.raweditor .CodeMirror{color:#0b141c}.formcontent.raweditor .CodeMirror-focused{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.input-group a:focus{background-color:rgba(20,164,255,.25)}.proplist li.with-sublist>a.dropdown{color:#0b141c}.multi-input>.content.focused{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.recipient-input.focus{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.recipient-input li.recipient a.button.icon,body>li.recipient.ui-sortable-helper a.button.icon{color:#0b141c}.tagedit-list[tabindex="-1"]{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.form-control{color:#0b141c}.form-control:focus{color:#0b141c;border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.input-group-text{color:#0b141c}.input-group-text input:focus{border-color:#14a4ff!important}.custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#14a4ff}.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#14a4ff;background-color:#14a4ff}.custom-file-input:focus~.custom-file-label{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}div.tox.focused{border-color:#14a4ff!important;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)!important}div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#3db3ff}div.tox .tox-dialog__header .tox-button{color:#0b141c}div.tox .tox-dialog__footer .tox-button{background:#14a4ff;border-color:#14a4ff}div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#14a4ff;border-color:#14a4ff}div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#14a4ff;border-color:#14a4ff}div.tox .tox-dialog__footer .tox-button.tox-button--secondary{background:#8ea4b5;border-color:#8ea4b5}div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled,div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled{background:#8ea4b5;border-color:#8ea4b5}div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background:#8ea4b5;border-color:#8ea4b5}div.tox .tox-dialog__title{color:#0b141c}div.tox .tox-label{color:#0b141c}div.tox .tox-color-input>input,div.tox .tox-listboxfield .tox-listbox--select,div.tox .tox-textarea,div.tox .tox-textfield{color:#0b141c}div.tox .tox-color-input>input:focus,div.tox .tox-listboxfield .tox-listbox--select:focus,div.tox .tox-textarea:focus,div.tox .tox-textfield:focus{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}div.tox .image-selector button{background:#8ea4b5;border-color:#8ea4b5}div.tox .image-selector button.disabled,div.tox .image-selector button:disabled{background:#8ea4b5;border-color:#8ea4b5}@media screen and (max-width:480px){div.tox .tox-dialog__footer .tox-button{color:#0b141c!important}div.tox .tox-dialog__footer .tox-button:active,div.tox .tox-dialog__footer .tox-button:focus,div.tox .tox-dialog__footer .tox-button:hover{color:#0b141c}}.googie_list li.googie_list_onhover{background-color:#14a4ff}.message-htmlpart blockquote,.message-part blockquote{color:#0a6fb5;border-left:2px solid #0a6fb5;border-right:2px solid #0a6fb5}html.dark-mode{scrollbar-color:#0b8ff0 #1d3242}html.dark-mode:not(.touch) ::-webkit-scrollbar-track{background-color:#1d3242}html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb{background-color:#0b8ff0}html.dark-mode body{color:#cfdbe5;background-color:#070d13}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:#1d3242}html.dark-mode #layout>div>.footer a.button,html.dark-mode #layout>div>.header a.button{color:#cfdbe5}html.dark-mode #layout-menu{border-right:1px solid #1d3242}@media screen and (max-width:480px){html.dark-mode #layout-menu .popover-header{border-bottom:1px solid #1d3242}}html.dark-mode #layout-menu .special-buttons a:not(:focus){background:#070d13}html.dark-mode.layout-phone #layout-menu{background:#04080c}html.dark-mode .searchbar{border-color:#1d3242}html.dark-mode #messagestack div{color:#cfdbe5}html.dark-mode #messagestack div i.icon:before{color:#cfdbe5}html.dark-mode #messagestack .alert-info,html.dark-mode .ui.alert.boxinformation{background-color:#0f5a8c}html.dark-mode #messagestack .loading{background-color:#12202b}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:#cfdbe5}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:#cfdbe5}html.dark-mode .ui.alert a:not(.btn){color:#cfdbe5}html.dark-mode .iframe-loader{background-color:rgba(7,13,19,.92)}html.dark-mode .iframe-loader .spinner-border{color:#8ea4b5;border-color:currentColor #1b2f3f currentColor currentColor}html.dark-mode #taskmenu a,html.dark-mode .menu.toolbar a{color:#cfdbe5}html.dark-mode #taskmenu a.selected,html.dark-mode .menu.toolbar a.selected{background-color:#12202b}html.dark-mode #taskmenu .action-buttons a{color:#14a4ff}@media screen and (max-width:480px){html.dark-mode #taskmenu a{border-color:#0b141c!important}}html.dark-mode.layout-phone .popover,html.dark-mode.layout-small .popover{border-left:1px solid #1d3242}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:#0b141c}html.dark-mode.layout-phone .popover-header,html.dark-mode.layout-small .popover-header{background:#04080c;border-bottom:1px solid #1d3242}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:#12202b}html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover{background-color:#1b2f3f}html.dark-mode .listing li a,html.dark-mode .listing tbody td,html.dark-mode .listing tbody td a,html.dark-mode .proplist li.with-sublist>a.dropdown{color:#cfdbe5}html.dark-mode .listing li,html.dark-mode .listing li ul,html.dark-mode .listing tbody td{border-color:#0b141c}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:#14a4ff;background-color:#12202b}html.dark-mode .listing li.selected ul{background-color:#070d13}html.dark-mode .listing li.selected ul div.treetoggle{color:#cfdbe5}html.dark-mode .listing li.disabled,html.dark-mode .listing tr.disabled td{color:#2f4a5f}html.dark-mode .listing li.droptarget>a,html.dark-mode .listing tr.droptarget>td{background-color:#1b2f3f}html.dark-mode .messagelist{color:#cfdbe5}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:#8ea4b5}html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status{color:#cfdbe5}html.dark-mode .messagelist tr:not(.flagged):not(.deleted) span.flag{color:#cfdbe5}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:#14a4ff}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:#2f4a5f}html.dark-mode .messagelist span.attachment span{color:#8ea4b5}html.dark-mode .folderlist li.mailbox .unreadcount{background-color:#1d3242;color:#e8f0f6}html.dark-mode .attachmentslist{background-color:#12202b}html.dark-mode .attachmentslist a{color:#cfdbe5}html.dark-mode .attachmentslist li .attachment-name{color:#cfdbe5}html.dark-mode .attachmentslist li .attachment-size{color:#8ea4b5}html.dark-mode .btn{color:#cfdbe5}html.dark-mode .btn:focus,html.dark-mode .btn:hover{color:#e8f0f6}html.dark-mode .btn-primary{background-color:#0a6fb5;color:#e8f0f6}html.dark-mode .btn-primary:hover:not(:disabled){background-color:#0b8ff0}html.dark-mode .btn-secondary{background-color:#1d3242;color:#e8f0f6}html.dark-mode .btn-secondary:hover:not(:disabled){background-color:#2a4256}html.dark-mode .btn-danger{color:#e8f0f6}html.dark-mode .floating-action-buttons a.button{background:#0a6fb5}html.dark-mode .custom-file-label,html.dark-mode .form-control{background-color:#070d13;color:#cfdbe5}html.dark-mode .custom-file-label:not(.is-invalid),html.dark-mode .form-control:not(.is-invalid){border-color:#8ea4b5}html.dark-mode .custom-file-label:focus,html.dark-mode .form-control:focus{background-color:#0b141c}html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){color:#e8f0f6!important;border-color:#14a4ff}html.dark-mode .custom-file-label::after{color:#cfdbe5;background-color:#12202b}html.dark-mode .custom-switch .custom-control-label::before{background-color:#1d3242}html.dark-mode .custom-switch .custom-control-label::after{background-color:#cfdbe5}html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#0a6fb5}html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#cfdbe5}html.dark-mode .multi-input:not(.is-invalid)>.content{border-color:#8ea4b5}html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#14a4ff}html.dark-mode .input-group-text{color:#cfdbe5;background-color:#12202b;border-color:#8ea4b5}html.dark-mode .input-group a:focus{border-color:#14a4ff;box-shadow:0 0 0 .2rem rgba(20,164,255,.25)}html.dark-mode .recipient-input.focus{color:#e8f0f6;background-color:#0b141c;border-color:#14a4ff}html.dark-mode .recipient-input a.button.icon,html.dark-mode .recipient-input input{color:#cfdbe5}html.dark-mode .recipient-input .recipient{background-color:#12202b;border-color:#8ea4b5}html.dark-mode .file-upload{border-color:#1d3242}html.dark-mode .file-upload.droptarget.active{border-color:#cfdbe5}html.dark-mode .file-upload.droptarget.hover{border-color:#cfdbe5;background-color:#12202b}html.dark-mode .image-upload{background-color:#12202b}html.dark-mode .image-upload a.button{background-color:rgba(7,13,19,.25)}html.dark-mode .formcontent.raweditor .CodeMirror{color:#cfdbe5;background-color:#070d13;border-color:#8ea4b5}html.dark-mode .formcontent.raweditor .CodeMirror-focused{background-color:#0b141c;border-color:#14a4ff}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:#12202b}html.dark-mode .CodeMirror-gutters{background-color:#070d13}html.dark-mode .CodeMirror-activeline-background{background:#12202b}html.dark-mode .skinselection .skinthumbnail{border-color:#8ea4b5}html.dark-mode .html-editor .editor-toolbar{background-color:#12202b;border-color:#8ea4b5}html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus,html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover{background-color:#2a4256}html.dark-mode .tox.tox-tinymce{border-color:#8ea4b5}html.dark-mode .tox .tox-toolbar{background-color:#12202b;border-color:#8ea4b5}html.dark-mode .tox .tox-pop.tox-pop--top:after,html.dark-mode .tox .tox-pop.tox-pop--top:before{border-bottom-color:#8ea4b5}html.dark-mode .tox .tox-pop__dialog{border-color:#8ea4b5}html.dark-mode .tox .tox-split-button,html.dark-mode .tox .tox-swatches__picker-btn,html.dark-mode .tox .tox-tbtn{color:#cfdbe5}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:#cfdbe5!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:#cfdbe5;background:#2a4256}html.dark-mode .tox .tox-tbtn--enabled{background:#2a4256}html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled),html.dark-mode .tox .tox-button--naked:focus:not(:disabled){color:#e8f0f6;background-color:#2a4256}html.dark-mode .tox .tox-selectfield select{color:#cfdbe5}html.dark-mode .tox .tox-selectfield svg{fill:#cfdbe5}html.dark-mode .tox .tox-color-input span::before{background-color:#cfdbe5}html.dark-mode .tox .tox-toolbar__group:not(:last-of-type){border-color:#8ea4b5}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:#cfdbe5;border-color:#1d3242;background-color:#070d13}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:#cfdbe5}html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:#0a6fb5;color:#e8f0f6}@media screen and (max-width:480px){html.dark-mode .tox .tox-dialog__footer .tox-button{color:#cfdbe5!important}}html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:#0a6fb5}html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled){background-color:#0b8ff0}html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary{background-color:#1d3242;color:#e8f0f6}html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background-color:#1d3242}html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled){background-color:#2a4256}html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#14a4ff}html.dark-mode .tox .tox-menu{background-color:#04080c;border-color:#8ea4b5}html.dark-mode .tox .tox-collection__item-caret svg{fill:#cfdbe5}html.dark-mode .tox .tox-collection__item{color:#cfdbe5}html.dark-mode .tox .tox-collection__item:not(:last-child){border-bottom:1px solid #0b141c}html.dark-mode .tox .tox-collection__item--active,html.dark-mode .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#cfdbe5;background-color:#12202b}html.dark-mode .tox .tox-collection__item--enabled{color:#14a4ff;background-color:#12202b}html.dark-mode .message-part{border-color:#1d3242}html.dark-mode .message-part blockquote{background-color:#070d13;border-color:#86d4ff;color:#86d4ff}html.dark-mode .message-part blockquote span.blockquote-link{background:#070d13}html.dark-mode .message-part span.sig{color:#8ea4b5}html.dark-mode .message-htmlpart{color:#0b141c}html.dark-mode #message-header .header-headers .header-title{color:#cfdbe5}html.dark-mode .message-partheaders{background-color:#12202b}html.dark-mode .message-partheaders table.headers-table{color:#cfdbe5}html.dark-mode p.image-attachment{border-color:#1d3242;background-color:#12202b}html.dark-mode p.image-attachment span{color:#8ea4b5}html.dark-mode fieldset.image-attachment legend{color:#8ea4b5;border-color:#1d3242}html.dark-mode .ui-widget{border-color:#1d3242}html.dark-mode .ui-widget-content,html.dark-mode .ui-widget-header{background-color:#070d13}html.dark-mode .ui-dialog .ui-dialog-titlebar{border-color:#1d3242}html.dark-mode .ui-dialog .ui-dialog-title,html.dark-mode .ui-dialog .ui-dialog-titlebar-close{color:#cfdbe5}html.dark-mode .ui-dialog .ui-dialog-buttonpane{border-color:#1d3242}html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#cfdbe5}@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:#cfdbe5}}html.dark-mode .ui-datepicker .ui-datepicker-header{border-color:#1d3242}html.dark-mode .ui-datepicker th{color:#8ea4b5}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:#cfdbe5}html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#14a4ff;background-color:#12202b}html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a{background-color:#1d3242}html.dark-mode .ui-menu{background-color:#04080c;border-color:#8ea4b5}html.dark-mode .ui-menu .ui-menu-item{border-bottom:1px solid #0b141c}html.dark-mode .ui-menu .ui-state-active{background-color:#12202b!important}html.dark-mode .minicolors-panel{border-color:#1d3242;background:#04080c}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:#8ea4b5}html.dark-mode .popover{background-color:#04080c;border-color:#8ea4b5}html.dark-mode .popover .menu li.separator{color:#8ea4b5}html.dark-mode .popover .menu ul+li.separator{border-top:1px solid #0b141c}html.dark-mode .popover-body{color:#cfdbe5}html.dark-mode .bs-popover-auto[x-placement^=right]>.arrow::after,html.dark-mode .bs-popover-right>.arrow::after{border-right-color:#8ea4b5}html.dark-mode .bs-popover-auto[x-placement^=left]>.arrow::after,html.dark-mode .bs-popover-left>.arrow::after{border-left-color:#8ea4b5}html.dark-mode .bs-popover-auto[x-placement^=top]>.arrow::after,html.dark-mode .bs-popover-top>.arrow::after{border-top-color:#8ea4b5}html.dark-mode .bs-popover-auto[x-placement^=bottom]>.arrow::after,html.dark-mode .bs-popover-bottom>.arrow::after{border-bottom-color:#8ea4b5}html.dark-mode .listing-hover-menu{background-color:#04080c;border-color:#1d3242}html.dark-mode .listing-hover-menu a.button{color:#cfdbe5}html.dark-mode .listing-hover-menu span.txt{color:#8ea4b5}html.dark-mode .nav-tabs{border-color:#1d3242}html.dark-mode .nav-tabs .nav-link{color:#cfdbe5;border-bottom-color:#1d3242}html.dark-mode .nav-tabs .nav-link:hover{background:#070d13;border-color:#1d3242;color:#cfdbe5}html.dark-mode .nav-tabs .nav-link.active{background:#070d13;border-color:#1d3242}html.dark-mode .table{color:#cfdbe5}html.dark-mode .table td,html.dark-mode .table th,html.dark-mode .table thead th{border-color:#1d3242}html.dark-mode .table-widget{border-color:#1d3242}html.dark-mode .table-widget>.footer{border-color:#1d3242}html.dark-mode .table-widget table.options-table tr:last-child td{border-color:#1d3242}html.dark-mode .table-widget table.options-table tr.selected td{background-color:#12202b;color:#cfdbe5}html.dark-mode #rcmdraglayer{background-color:#04080c;border:1px solid #8ea4b5;color:#cfdbe5}html.dark-mode .quota-widget .bar{border-color:#1d3242;background-color:#1d3242}html.dark-mode .quota-info .root{color:#8ea4b5}html.dark-mode #contactpic,html.dark-mode img.contactphoto{background-color:#12202b!important}html.dark-mode .pgpkeyimport div.key.disabled,html.dark-mode .pgpkeyimport div.key.revoked{color:#2f4a5f}
/* bright mode */
html:not(.dark-mode) a{color:#0a7fd0}html:not(.dark-mode) a:hover{color:#0a6fb5}html:not(.dark-mode){scrollbar-color:#bccad6 #e8eef3}html:not(.dark-mode):not(.touch) ::-webkit-scrollbar-track{background-color:#e8eef3}html:not(.dark-mode):not(.touch) ::-webkit-scrollbar-thumb{background-color:#bccad6}html:not(.dark-mode) body{color:#14212d}html:not(.dark-mode) #layout>div>.header{border-bottom:1px solid #d3dde5;color:#14212d;background-color:#eef3f7}html:not(.dark-mode) #layout>div>.header a.button{color:#14212d}html:not(.dark-mode) #layout>div>.footer{border-top:1px solid #d3dde5}html:not(.dark-mode) #layout-sidebar{border-right:1px solid #d3dde5}html:not(.dark-mode) #layout-sidebar.sidebar-right{border-left:1px solid #d3dde5}html:not(.dark-mode) #layout-list{border-right:1px solid #d3dde5}@media screen and (min-width:481px){html:not(.dark-mode) #layout-menu .popover-header{background-color:#07101a!important}}@media screen and (max-width:768px){html:not(.dark-mode) #layout>div>.header{background-color:#eef3f7}html:not(.dark-mode) #layout>div>.footer{background-color:#eef3f7}}@media screen and (min-width:481px){html:not(.dark-mode) #layout-menu{background-color:#07101a}}html:not(.dark-mode) #rcmdraglayer{background-color:#07101a;box-shadow:3px 3px 5px #edf2f6}html:not(.dark-mode) .popup .listbox .footer{border-top:1px solid #d3dde5;background-color:#f6f9fb}html:not(.dark-mode) p.image-attachment{border:1px solid #d9e2ea;background-color:rgba(11,143,240,.06)}html:not(.dark-mode) p.image-attachment span{color:#5a6e7e}html:not(.dark-mode) fieldset.image-attachment legend{color:#5a6e7e;border-top:1px solid #f6f9fb}html:not(.dark-mode) .iframe-loader .spinner-border{color:#edf2f6;border-color:currentColor #5a6e7e currentColor currentColor}html:not(.dark-mode) .quota-widget{color:#5a6e7e}html:not(.dark-mode) .quota-widget .bar{border:1px solid #d3dde5}html:not(.dark-mode) .quota-widget .value{background-color:#0b8ff0}html:not(.dark-mode) .image-tools{background-color:rgba(11,143,240,.4)}html:not(.dark-mode) .image-tools a:focus,html:not(.dark-mode) .image-tools a:hover{background-color:rgba(11,143,240,.5)!important}html:not(.dark-mode) .quota-info .root{color:#5a6e7e;background-color:#edf2f6}html:not(.dark-mode) .table-widget{border:1px solid #d3dde5}html:not(.dark-mode) .table-widget>.footer{border-top:1px solid #d3dde5}html:not(.dark-mode) .table-widget table.options-table tr:last-child td{border-bottom:1px solid #d3dde5}html:not(.dark-mode) .table-widget table.options-table tr.selected td{background-color:#e6f3fd;color:#14212d}html:not(.dark-mode) table.table tr.deleted td{color:rgba(20,33,45,.5)!important}html:not(.dark-mode) .floating-action-buttons a.button{background:#0b8ff0;box-shadow:0 0 5px 5px #e6f3fd}html:not(.dark-mode) .btn:focus{box-shadow:0 0 0 .2rem rgba(11,143,240,.3)}html:not(.dark-mode) .btn-link{color:#0a7fd0}html:not(.dark-mode) .btn-secondary{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) .btn-secondary:focus{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) .btn-secondary:hover{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) .btn-secondary.disabled,html:not(.dark-mode) .btn-secondary:disabled{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) .btn-secondary:not(:disabled):not(.disabled).active,html:not(.dark-mode) .btn-secondary:not(:disabled):not(.disabled):active{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) .btn-primary{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) .btn-primary:focus{background:#0b8ff0;border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.5)}html:not(.dark-mode) .btn-primary:hover{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) .btn-primary.disabled,html:not(.dark-mode) .btn-primary:disabled{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled).active,html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):active{background:#0b8ff0;border-color:#0a86e0}html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled).active:focus,html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(11,143,240,.53)}html:not(.dark-mode) .ui-widget-overlay{background-color:rgba(20,33,45,.5)}html:not(.dark-mode) .ui-widget{border:1px solid #d3dde5;box-shadow:3px 3px 5px #edf2f6}html:not(.dark-mode) .ui-menu .ui-state-active{background-color:#0b8ff0!important}html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar{border-bottom:1px solid #d9e2ea}html:not(.dark-mode) .ui-dialog .ui-dialog-title{color:#14212d}html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar-close{color:#14212d}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#14212d}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(11,143,240,.5)}@media screen and (max-width:480px){html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar{background-color:#eef3f7}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane{border-top:1px solid #d9e2ea;background-color:#eef3f7}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary{color:#14212d}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link{color:#14212d}}html:not(.dark-mode) .ui-slider .ui-slider-range{background:#cfe8fb}html:not(.dark-mode) .ui-slider .ui-slider-handle.ui-state-active{background:#0b8ff0;border-color:#094d80}html:not(.dark-mode) .ui-datepicker .ui-datepicker-header{border-bottom:1px solid #d9e2ea}html:not(.dark-mode) .ui-datepicker .ui-datepicker-next,html:not(.dark-mode) .ui-datepicker .ui-datepicker-prev{color:#14212d}html:not(.dark-mode) .ui-datepicker .ui-state-default,html:not(.dark-mode) .ui-datepicker.ui-widget-content .ui-state-default{color:#14212d}html:not(.dark-mode) .ui-datepicker .ui-datepicker-days-cell-over a,html:not(.dark-mode) .ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,html:not(.dark-mode) .ui-datepicker .ui-state-highlight,html:not(.dark-mode) .ui-datepicker.ui-widget-content .ui-state-highlight{background:#cfe8fb;color:#0b8ff0}html:not(.dark-mode) .ui-datepicker a.ui-state-active{background:#0b8ff0!important}html:not(.dark-mode) .minicolors-panel{border:1px solid #d3dde5;box-shadow:3px 3px 5px #edf2f6}html:not(.dark-mode) .popover{box-shadow:3px 3px 5px #edf2f6;border-color:#d3dde5}html:not(.dark-mode).layout-phone .popover:not(.select-menu) .listing li:last-child,html:not(.dark-mode).layout-small .popover:not(.select-menu) .listing li:last-child{border-bottom:1px solid #edf2f6}html:not(.dark-mode).layout-phone .popover-overlay,html:not(.dark-mode).layout-small .popover-overlay{background-color:rgba(20,33,45,.5)}html:not(.dark-mode).layout-phone .popover-header,html:not(.dark-mode).layout-small .popover-header{background-color:#094d80}html:not(.dark-mode) .pgpkeyimport div.key.disabled,html:not(.dark-mode) .pgpkeyimport div.key.revoked{color:#5a6e7e}html:not(.dark-mode) .menu a:not(.disabled):focus,html:not(.dark-mode) .menu a:not(.disabled):hover{background-color:#e8eef3}html:not(.dark-mode) .menu.toolbar a{color:#14212d}html:not(.dark-mode) .menu.toolbar .dropbutton:not(.disabled):hover{background-color:#e8eef3}html:not(.dark-mode) .menu.toolbar .dropbutton a.dropdown:hover{background-color:#dbe4ec}html:not(.dark-mode) .menu.pagenav a{color:#14212d}html:not(.dark-mode) .menu.pagenav .pagenav-text{color:#5a6e7e}html:not(.dark-mode) .menu.pagenav.pagenav-list{background-color:#f6f9fb;border-bottom:1px solid #edf2f6}html:not(.dark-mode) .menu.pagenav.pagenav-list+.navlist{background-color:#f6f9fb}html:not(.dark-mode) .menu.pagenav.pagenav-list.expanded+.navlist{border-bottom:1px solid #d3dde5}html:not(.dark-mode) .menu .buttons button{color:#14212d}html:not(.dark-mode) .popover .menu li.separator{color:#5a6e7e;background-color:#edf2f6}html:not(.dark-mode) .popover .menu li a:not(.disabled):hover{background-color:#0b8ff0}html:not(.dark-mode) .popover .menu li a[aria-haspopup]:after{color:#5a6e7e}html:not(.dark-mode) .popover .menu li a[aria-haspopup].dropdown:after{color:#14212d}html:not(.dark-mode) .popover .menu .dropbutton:not(.disabled):hover{background-color:#f6f9fb}html:not(.dark-mode) .popover .menu .dropbutton a.dropdown{background-color:#f6f9fb}html:not(.dark-mode) .popover .menu .dropbutton a.dropdown:hover{background-color:#0b8ff0}@media screen and (min-width:769px){html:not(.dark-mode) .header a.button.icon:not(.disabled):focus,html:not(.dark-mode) .header a.button.icon:not(.disabled):hover{background-color:#e8eef3}}@media screen and (max-width:768px){html:not(.dark-mode) .menu.listing a{color:#14212d}}html:not(.dark-mode) .searchbar{background-color:#f6f9fb;border-bottom:1px solid #edf2f6}html:not(.dark-mode) .searchbar form:before{color:#5a6e7e}html:not(.dark-mode) .searchbar a{color:#14212d}@media screen and (max-width:480px){html:not(.dark-mode) #taskmenu a{border-bottom:1px solid #edf2f6!important;color:#14212d}}@media screen and (min-width:481px){html:not(.dark-mode) #taskmenu a.selected{background:#34495a}html:not(.dark-mode) #taskmenu a.selected:hover{background:#34495a}html:not(.dark-mode) #taskmenu a:hover{background:#34495a}html:not(.dark-mode) #taskmenu .special-buttons{background-color:#07101a}html:not(.dark-mode) #taskmenu .action-buttons a{color:#0b8ff0}html:not(.dark-mode) #taskmenu .action-buttons a:hover{color:#0b8ff0;background:#34495a}}@media screen and (min-width:1025px){html:not(.dark-mode) #taskmenu a:focus{background-color:#34495a}}html:not(.dark-mode) .ui.alert{color:#14212d;background-color:rgba(11,143,240,.06)}html:not(.dark-mode) .ui.alert>i.icon{color:#34495a}html:not(.dark-mode) .ui.alert.loading{color:#5a6e7e}html:not(.dark-mode) .ui.alert a:not(.btn){color:#0b8ff0}html:not(.dark-mode) .ui.alert.boxinformation{background-color:rgba(11,143,240,.2)}html:not(.dark-mode) #messagestack div{background-color:#14212d}html:not(.dark-mode) #messagestack .loading{background-color:#5a6e7e}html:not(.dark-mode) #messagestack .alert-info.information{background-color:#0b8ff0}html:not(.dark-mode) #messagestack .alert-warning{color:#14212d}html:not(.dark-mode) #messagestack .alert-warning>i.icon:before{color:#14212d}html:not(.dark-mode) .listing li,html:not(.dark-mode) .listing tbody td{border-bottom:1px solid #edf2f6}html:not(.dark-mode) .listing li a,html:not(.dark-mode) .listing tbody td{color:#14212d}html:not(.dark-mode) .listing tbody td a{color:#14212d}html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) .listing tr.selected td{color:#14212d;background-color:#e6f3fd}html:not(.dark-mode) .listing li.disabled,html:not(.dark-mode) .listing tr.disabled td{color:rgba(20,33,45,.5)}html:not(.dark-mode) .listing span.secondary{color:#5a6e7e}html:not(.dark-mode):not(.touch) .listing li>a:focus,html:not(.dark-mode):not(.touch) .listing.focus tbody tr.focused>td:first-child,html:not(.dark-mode):not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td{border-left:2px solid #a8d6f7}html:not(.dark-mode) ul.listing li ul{border-top:1px solid #edf2f6}html:not(.dark-mode) .listing-info{color:#5a6e7e}html:not(.dark-mode) .listing-hover-menu{border:1px solid #d9e2ea}html:not(.dark-mode) .listing-hover-menu a.button{color:#14212d}html:not(.dark-mode) .listing-hover-menu span.txt{color:#5a6e7e}@media screen and (max-width:1200px){html:not(.dark-mode) .listing.selection-large-only li.selected{color:#14212d}}html:not(.dark-mode) .popupmenu .listing li>a:not(.disabled):hover{background-color:#0b8ff0}html:not(.dark-mode) .popupmenu .listing li.selected{background-color:#0b8ff0}html:not(.dark-mode) ul.treelist li.selected>a,html:not(.dark-mode) ul.treelist li.selected>div>a{color:#14212d;background-color:#e6f3fd}html:not(.dark-mode) .folderlist li.mailbox .unreadcount{background:#0b8ff0}html:not(.dark-mode) .folderlist li.mailbox.recent>a>.unreadcount{background:#0b8ff0}html:not(.dark-mode) .messagelist td.subject span.date,html:not(.dark-mode) .messagelist td.subject span.size{color:#5a6e7e}html:not(.dark-mode) .messagelist td.subject span.fromto{color:#5a6e7e}html:not(.dark-mode) .messagelist tr.deleted td,html:not(.dark-mode) .messagelist tr.deleted td.subject span.date,html:not(.dark-mode) .messagelist tr.deleted td.subject span.fromto,html:not(.dark-mode) .messagelist tr.deleted td.subject span.subject a{color:rgba(20,33,45,.5)}html:not(.dark-mode) .contactlist span.email{color:#5a6e7e}html:not(.dark-mode) .attachmentslist{background-color:#f6f9fb;border:1px solid #eef3f7}html:not(.dark-mode) .attachmentslist li .attachment-name{color:#14212d}html:not(.dark-mode) .attachmentslist li .attachment-size{color:#5a6e7e}html:not(.dark-mode) .propform .form-text{color:#5a6e7e}html:not(.dark-mode) .formcontent .hint{color:#5a6e7e}html:not(.dark-mode) .formcontent.raweditor .CodeMirror{border:1px solid #cdd8e1;color:#14212d}html:not(.dark-mode) .formcontent.raweditor .CodeMirror-focused{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .input-group a:focus{background-color:rgba(11,143,240,.25)}html:not(.dark-mode) .proplist li.with-sublist>a.dropdown{color:#14212d}html:not(.dark-mode) .multi-input>.content{border:1px solid #cdd8e1}html:not(.dark-mode) .multi-input>.content.focused{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .multi-input .input-group-text,html:not(.dark-mode) .multi-input input,html:not(.dark-mode) .multi-input input:focus{border-bottom:1px solid #cdd8e1}html:not(.dark-mode) .multi-input .input-group-text{border-left:1px solid #cdd8e1}html:not(.dark-mode) .file-upload{border:.2rem dashed #d3dde5}html:not(.dark-mode) .file-upload .hint{color:#5a6e7e}html:not(.dark-mode) .file-upload.droptarget.active{border-color:#bccad6}html:not(.dark-mode) .file-upload.droptarget.hover{border-color:#bccad6;background-color:#e8eef3}html:not(.dark-mode) .recipient-input.focus{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .recipient-input li.recipient,html:not(.dark-mode) body>li.recipient.ui-sortable-helper{border:1px solid #cdd8e1;background-color:#edf2f6}html:not(.dark-mode) .recipient-input li.recipient a.button.icon,html:not(.dark-mode) body>li.recipient.ui-sortable-helper a.button.icon{color:#14212d}html:not(.dark-mode) .tagedit-list[tabindex="-1"]{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .tagedit-list li.tagedit-listelement-old{border:1px solid #cdd8e1;background-color:#edf2f6}html:not(.dark-mode) .skinselection .skinthumbnail{border:1px solid #cdd8e1}html:not(.dark-mode) .image-upload{background-color:#eef3f7}html:not(.dark-mode) .form-control{color:#14212d}html:not(.dark-mode) .form-control:focus{color:#14212d;border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .form-control::placeholder{color:#bccad6}html:not(.dark-mode) .form-control::-ms-input-placeholder,html:not(.dark-mode) .form-control::-webkit-input-placeholder{color:#bccad6}html:not(.dark-mode) .input-group-text{color:#14212d;background-color:#edf2f6}html:not(.dark-mode) .input-group-text input:focus{border-color:#0b8ff0!important}html:not(.dark-mode) .custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) .custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#0b8ff0}html:not(.dark-mode) .custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#0b8ff0;background-color:#0b8ff0}html:not(.dark-mode) .custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#8cc9f5;background-color:#8cc9f5}html:not(.dark-mode) .custom-file-input:focus~.custom-file-label{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) div.tox.tox-tinymce{border:1px solid #cdd8e1}html:not(.dark-mode) div.tox.focused{border-color:#0b8ff0!important;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)!important}html:not(.dark-mode) div.tox .tox-toolbar-overlord>div{background-color:#edf2f6}html:not(.dark-mode) div.tox .tox-toolbar{background-color:#edf2f6}html:not(.dark-mode) div.tox .tox-dialog{border-color:#d3dde5}html:not(.dark-mode) div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#0a7fd0}html:not(.dark-mode) div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#0a6fb5}html:not(.dark-mode) div.tox .tox-dialog-wrap__backdrop{background-color:rgba(20,33,45,.5)}html:not(.dark-mode) div.tox .tox-dialog__header{border-bottom:1px solid #d9e2ea}html:not(.dark-mode) div.tox .tox-dialog__header .tox-button{color:#14212d}@media screen and (max-width:480px){html:not(.dark-mode) div.tox .tox-dialog__footer{border-top:1px solid #d9e2ea}}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:focus{background:#0b8ff0;border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.5)}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:hover{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.disabled,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:disabled{background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active{background:#0b8ff0;border-color:#0a86e0}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(11,143,240,.53)}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#0b8ff0;border-color:#0b8ff0}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled){background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .tox-dialog__title{color:#14212d}html:not(.dark-mode) div.tox .tox-label{color:#14212d}html:not(.dark-mode) div.tox .tox-color-input>input,html:not(.dark-mode) div.tox .tox-listboxfield .tox-listbox--select,html:not(.dark-mode) div.tox .tox-textarea,html:not(.dark-mode) div.tox .tox-textfield{color:#14212d}html:not(.dark-mode) div.tox .tox-color-input>input:focus,html:not(.dark-mode) div.tox .tox-listboxfield .tox-listbox--select:focus,html:not(.dark-mode) div.tox .tox-textarea:focus,html:not(.dark-mode) div.tox .tox-textfield:focus{border-color:#0b8ff0;box-shadow:0 0 0 .2rem rgba(11,143,240,.25)}html:not(.dark-mode) div.tox .image-selector button{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .image-selector button:focus{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .image-selector button:hover{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .image-selector button.disabled,html:not(.dark-mode) div.tox .image-selector button:disabled{background:#6b8294;border-color:#6b8294}html:not(.dark-mode) div.tox .image-selector button:not(:disabled):not(.disabled).active,html:not(.dark-mode) div.tox .image-selector button:not(:disabled):not(.disabled):active{background:#6b8294;border-color:#6b8294}@media screen and (max-width:480px){html:not(.dark-mode) div.tox .tox-dialog__header{background-color:#eef3f7}html:not(.dark-mode) div.tox .tox-dialog__footer{background-color:#eef3f7}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button{color:#14212d!important}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:active,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:focus,html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:hover{color:#14212d}}html:not(.dark-mode) .image-selector.droptarget{border:.2rem dashed #d3dde5}html:not(.dark-mode) .image-selector .attachmentslist li:focus,html:not(.dark-mode) .image-selector .attachmentslist li:hover{background:#e6f3fd}html:not(.dark-mode) .image-selector .attachmentslist li span.img{border:1px solid #edf2f6}html:not(.dark-mode) .html-editor .editor-toolbar{border-bottom:1px solid #cdd8e1;background-color:#edf2f6}html:not(.dark-mode) .html-editor>iframe{border:1px solid #cdd8e1}html:not(.dark-mode) .googie_edit_layer{border:1px solid #cdd8e1}html:not(.dark-mode) .googie_list li.googie_list_onhover{background-color:#0b8ff0}html:not(.dark-mode) #login-footer{color:#5a6e7e}html:not(.dark-mode) #login-footer>div{background:#edf2f6}html:not(.dark-mode) #contactpic{background-color:#eef3f7}html:not(.dark-mode) #contacthead.readonly .source.row{color:#5a6e7e}html:not(.dark-mode) #message-header>.header img.contactphoto{background:#eef3f7}html:not(.dark-mode) #message-header .header-headers .header-title{color:#5a6e7e}html:not(.dark-mode) .message-partheaders{border-top:1px solid #eef3f7;background-color:#f6f9fb}html:not(.dark-mode) .message-partheaders table.headers-table{color:#5a6e7e}html:not(.dark-mode) .message-htmlpart:not(:first-child),html:not(.dark-mode) .message-part:not(:first-child){border-top:1px solid #eef3f7}html:not(.dark-mode) .message-htmlpart blockquote,html:not(.dark-mode) .message-part blockquote{color:#0a5a94;border-left:2px solid #0a5a94;border-right:2px solid #0a5a94}html:not(.dark-mode) .message-htmlpart blockquote span.blockquote-link,html:not(.dark-mode) .message-part blockquote span.blockquote-link{color:#5a6e7e;background:#edf2f6;border:1px solid #d3dde5}html:not(.dark-mode) .message-part span.sig{color:#5a6e7e}
/* MAGoods Mail — hand-written part of the app theme (appended to the generated recolour, tools/build_app_css.py).
   Always dark (layout.html sets the colorMode cookie); palette: ink #04080c / #070d13, line #12202b, sky blue #14a4ff. */
:root { --mg-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --mg-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
        --mg-core: #14a4ff; --mg-glow: #86d4ff; --mg-line: #12202b; }

html.dark-mode body, html.dark-mode input, html.dark-mode select, html.dark-mode textarea, html.dark-mode button { font-family: var(--mg-sans); }
html.dark-mode h1, html.dark-mode h2, html.dark-mode .header .header-title, html.dark-mode #layout-sidebar > .header .header-title,
html.dark-mode .subject .subject, html.dark-mode #message-header h2.subject, html.dark-mode h2.subject { font-family: var(--mg-display); letter-spacing: -.02em; }

/* left rail: logo + task buttons */
html.dark-mode #layout-menu { background: #04080c; border-right: 1px solid var(--mg-line); }
html.dark-mode #layout-menu .popover-header img, html.dark-mode #logo, html.dark-mode .popover-header .logo { max-height: 34px; filter: brightness(1.5) saturate(1.2); opacity: 1; }
html.dark-mode #taskmenu a { border-radius: 12px; margin: 2px 6px; width: calc(100% - 12px); box-sizing: border-box; transition: background-color .15s, color .15s; }
html.dark-mode #taskmenu a.selected { border: 0; outline: 0; }
#taskmenu a:hover { background: rgb(20 164 255 / .12); }
#taskmenu a.selected { background: rgb(20 164 255 / .18); box-shadow: inset 2px 0 0 var(--mg-core); color: #fff; }
html.dark-mode #taskmenu a.compose { color: var(--mg-core); }

/* three panes: quiet hairlines, slightly deeper toolbar strip */
html.dark-mode #layout > div, html.dark-mode #layout-sidebar, html.dark-mode #layout-list, html.dark-mode #layout-content { border-color: var(--mg-line); }
html.dark-mode #layout-sidebar > .header, html.dark-mode #layout-list > .header, html.dark-mode #layout-content > .header { background: #060b10; border-bottom: 1px solid var(--mg-line); }
html.dark-mode .toolbar a.button { border-radius: 10px; transition: background-color .15s; }
html.dark-mode .toolbar a.button:hover:not(.disabled) { background: rgb(20 164 255 / .10); }

/* folders */
html.dark-mode #folderlist-content li.mailbox > a { border-radius: 0; }
html.dark-mode #folderlist-content li.selected > a, html.dark-mode #folderlist-content li.mailbox.selected > a { background: rgb(20 164 255 / .12); box-shadow: inset 3px 0 0 var(--mg-core); color: #fff; }
html.dark-mode .unreadcount, html.dark-mode #folderlist-content .unreadcount { background: var(--mg-core); color: #04080c; font-weight: 600; border-radius: 9999px; }

/* message list */
html.dark-mode table.messagelist tr td, html.dark-mode .messagelist tr td { border-bottom-color: var(--mg-line); }
html.dark-mode table.messagelist tr.selected td, html.dark-mode .messagelist tr.selected td { background: linear-gradient(90deg, rgb(20 164 255 / .16), rgb(20 164 255 / .05)); box-shadow: none; }
html.dark-mode table.messagelist tr.selected td:first-child { box-shadow: inset 3px 0 0 var(--mg-core); }
html.dark-mode table.messagelist tr:hover td { background: rgb(20 164 255 / .05); }
html.dark-mode table.messagelist tr.unread td.subject span.subject, html.dark-mode table.messagelist tr.unread td.subject a { color: #fff; }
html.dark-mode table.messagelist tr.unread span.msgicon.status::before, html.dark-mode .messagelist .unread .msgicon.status::before { color: var(--mg-core); }

/* search + inputs */
html.dark-mode .searchbar, html.dark-mode #searchform { background: transparent; }
html.dark-mode input.form-control, html.dark-mode select.form-control, html.dark-mode textarea.form-control, html.dark-mode .custom-select,
html.dark-mode .input-group-text { border-radius: 10px; border-color: #1d3242; }
html.dark-mode .input-group > :first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
html.dark-mode .input-group > :last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
html.dark-mode input.form-control:focus, html.dark-mode textarea.form-control:focus, html.dark-mode select.form-control:focus, html.dark-mode .custom-select:focus {
  border-color: var(--mg-core); box-shadow: 0 0 0 3px rgb(20 164 255 / .16); }

/* buttons */
html.dark-mode .btn, html.dark-mode a.button.mainaction, html.dark-mode button.mainaction { border-radius: 10px; font-weight: 600; transition: background-color .15s, box-shadow .2s, transform .15s; }
html.dark-mode .btn-primary, html.dark-mode .btn.mainaction, html.dark-mode a.button.mainaction, html.dark-mode button.mainaction { background: #0b8ff0; border-color: #0b8ff0; color: #fff; }
html.dark-mode .btn-primary:hover, html.dark-mode .btn.mainaction:hover, html.dark-mode button.mainaction:hover { background: #2ba3ff; border-color: #2ba3ff; box-shadow: 0 0 28px -6px rgb(20 164 255 / .8); }
html.dark-mode .btn-secondary, html.dark-mode .btn.btn-secondary { background: #0b141c; border-color: #1d3242; color: #cfdbe5; }
html.dark-mode .btn-secondary:hover { border-color: var(--mg-core); color: #fff; }

/* reading pane */
html.dark-mode .message-headers, html.dark-mode #message-header { border-color: var(--mg-line); }
html.dark-mode a { color: #3db3ff; }

/* dialogs / popups / menus */
html.dark-mode .popover, html.dark-mode .ui-dialog, html.dark-mode .popupmenu { border-radius: 14px; border-color: #1d3242; box-shadow: 0 24px 60px -20px #000; }
html.dark-mode .ui-dialog .ui-dialog-titlebar, html.dark-mode .popover .popover-header { border-color: var(--mg-line); }

/* toasts */
html.dark-mode #messagestack > div { border-radius: 14px; border: 1px solid #1d3242; box-shadow: 0 20px 50px -20px #000; }

/* scrollbars */
html.dark-mode * { scrollbar-width: thin; scrollbar-color: #1d3242 transparent; }
html.dark-mode *::-webkit-scrollbar { width: 9px; height: 9px; }
html.dark-mode *::-webkit-scrollbar-thumb { background: #1d3242; border-radius: 9px; }
html.dark-mode *::-webkit-scrollbar-thumb:hover { background: #2a4256; }
html.dark-mode *::-webkit-scrollbar-track { background: transparent; }

html.dark-mode ::selection { background: rgb(20 164 255 / .35); }

/* left rail: never show a scrollbar (a 9px gutter squeezed the bottom buttons), uniform buttons incl. theme / About / Logout */
#layout-menu, #taskmenu, #taskmenu .special-buttons { scrollbar-width: none; overflow-x: hidden; }
#layout-menu::-webkit-scrollbar, #taskmenu::-webkit-scrollbar, #taskmenu .special-buttons::-webkit-scrollbar { display: none; width: 0; }
#taskmenu .special-buttons, html.dark-mode #taskmenu .special-buttons a { background: transparent; }
#taskmenu .special-buttons a { margin: 2px 6px; width: calc(100% - 12px); box-sizing: border-box; border-radius: 12px; }
#taskmenu .special-buttons a:hover { background: rgb(255 255 255 / .07); }
#layout-menu .popover-header img, #layout-menu img.logo, #logo { max-height: 34px; width: auto; }

/* ───────── bright mode: no grey hovers — hover/selection are sky-blue tints ───────── */
html:not(.dark-mode) .toolbar a.button:hover:not(.disabled), html:not(.dark-mode) .toolbar a.button:focus-visible { background: rgb(11 143 240 / .10); border-radius: 10px; }
html:not(.dark-mode) table.messagelist tr:hover td, html:not(.dark-mode) .listing li:hover > a, html:not(.dark-mode) #folderlist-content li:hover > a { background: rgb(11 143 240 / .06); }
html:not(.dark-mode) table.messagelist tr.selected td { background: linear-gradient(90deg, rgb(11 143 240 / .14), rgb(11 143 240 / .05)); }
html:not(.dark-mode) table.messagelist tr.selected td:first-child { box-shadow: inset 3px 0 0 #0b8ff0; }
html:not(.dark-mode) #folderlist-content li.selected > a, html:not(.dark-mode) #folderlist-content li.mailbox.selected > a { background: rgb(11 143 240 / .12); box-shadow: inset 3px 0 0 #0b8ff0; color: #0a2540; }
html:not(.dark-mode) .searchbar, html:not(.dark-mode) #searchform { background: transparent; }
html:not(.dark-mode) .btn-secondary:hover, html:not(.dark-mode) .btn-default:hover { background: rgb(11 143 240 / .08); border-color: #0b8ff0; color: #0a2540; }
html:not(.dark-mode) .unreadcount { background: #0b8ff0; color: #fff; font-weight: 600; border-radius: 9999px; }

/* ───────── reading pane (message view; renders inside the preview iframe and on its own page) ───────── */
html.dark-mode  { --rp-ink: #e8f0f6; --rp-body: #cfdbe5; --rp-muted: #8ea4b5; --rp-line: #12202b; --rp-chip: #0b141c; --rp-accent: #14a4ff; }
html:not(.dark-mode) { --rp-ink: #0f1d29; --rp-body: #26384a; --rp-muted: #667e91; --rp-line: #dce5ec; --rp-chip: #f1f6fa; --rp-accent: #0b8ff0; }

body.task-mail #message-header { margin: 0; padding: 30px 44px 22px; border-bottom: 1px solid var(--rp-line); }
body.task-mail #message-header h2.subject { position: relative; margin: 0 0 22px; padding-right: 40px; font-family: var(--mg-display); font-weight: 700; font-size: 1.85rem; line-height: 1.12; letter-spacing: -.03em; color: var(--rp-ink); }
body.task-mail #message-header h2.subject a.extwin { position: absolute; top: 4px; right: 0; margin: 0; opacity: .55; transition: opacity .15s; }
body.task-mail #message-header h2.subject a.extwin:hover { opacity: 1; }
body.task-mail #message-header .header { display: flex; align-items: center; gap: 14px; margin: 0; padding: 0; }
body.task-mail #message-header img.contactphoto { display: none; }
body.task-mail #message-header .header::before {
  content: ""; flex: 0 0 46px; height: 46px; border-radius: 50%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Ccircle cx='12' cy='8.6' r='3.7'/%3E%3Cpath d='M4.6 20c.5-3.9 3.6-6.2 7.4-6.2s6.9 2.3 7.4 6.2z'/%3E%3C/svg%3E") center / 24px no-repeat,
              linear-gradient(135deg, #5cc3ff, #14a4ff 52%, #0a6fb5);
  box-shadow: 0 6px 18px -8px rgb(20 164 255 / .8);
}
body.task-mail #message-header .header-content { flex: 1; min-width: 0; padding: 0; }
body.task-mail #message-header .header-summary { font-size: .95rem; line-height: 1.4; color: var(--rp-muted); }
body.task-mail #message-header .header-summary .adr a.rcmContactAddress { color: var(--rp-ink); font-weight: 600; font-size: 1.02rem; text-decoration: none; }
body.task-mail #message-header .header-summary .adr a.rcmContactAddress:hover { color: var(--rp-accent); }
body.task-mail #message-header .header-links { display: flex; gap: 8px; margin: 9px 0 0; padding: 0; }
body.task-mail #message-header .header-links a { display: inline-flex; align-items: center; padding: 3px 12px; font-size: .78rem; line-height: 1.5; color: var(--rp-muted); border: 1px solid var(--rp-line); border-radius: 9999px; text-decoration: none; transition: border-color .15s, color .15s, background-color .15s; }
body.task-mail #message-header .header-links a::before { display: none; }
body.task-mail #message-header .header-links a:hover { color: var(--rp-accent); border-color: var(--rp-accent); background: rgb(20 164 255 / .07); }
body.task-mail #message-header table.header-headers { margin-top: 12px; font-size: .86rem; }
body.task-mail #message-header table.header-headers td.header-title { color: var(--rp-muted); padding-right: 14px; }
body.task-mail #message-header table.header-headers td.header { color: var(--rp-body); }

/* body: a letter, not a terminal — proportional type, ~68 characters per line */
body.task-mail #message-content { display: flex; flex-direction: column-reverse; gap: 26px; padding: 30px 44px 64px; }
body.task-mail #message-content > .rightcol, body.task-mail #message-content > .leftcol { width: auto; float: none; padding: 0; margin: 0; }
body.task-mail #messagebody { max-width: 720px; }
body.task-mail #messagebody .message-part div.pre, body.task-mail #messagebody .message-part .pre { font-family: var(--mg-sans); font-size: 15.5px; line-height: 1.7; color: var(--rp-body); white-space: normal; word-wrap: break-word; }
body.task-mail #messagebody .message-part a { color: var(--rp-accent); text-decoration-color: rgb(20 164 255 / .4); text-underline-offset: 3px; }
body.task-mail #messagebody blockquote { margin: 1em 0; padding: 2px 0 2px 16px; border-left: 3px solid rgb(20 164 255 / .45); color: var(--rp-muted); }
body.task-mail #messagebody .message-htmlpart { font-family: var(--mg-sans); }

/* attachments: quiet file chips under the message */
body.task-mail #attachment-list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.task-mail #attachment-list li { display: inline-flex; align-items: center; margin: 0; padding: 0; background: var(--rp-chip); border: 1px solid var(--rp-line); border-radius: 12px; transition: border-color .15s; }
body.task-mail #attachment-list li:hover { border-color: var(--rp-accent); }
body.task-mail #attachment-list li a.filename { display: inline-flex; align-items: baseline; gap: 8px; padding: 9px 6px 9px 14px; color: var(--rp-ink); font-size: .9rem; font-weight: 500; text-decoration: none; }
body.task-mail #attachment-list li a.filename .attachment-size { color: var(--rp-muted); font-weight: 400; font-size: .8rem; }

/* rail: Elastic's selected/hover slab is grey in bright mode — force the sky-blue tint (specificity above the stock rules) */
html:not(.dark-mode) #layout-menu #taskmenu a:hover { background: rgb(20 164 255 / .14); }
html:not(.dark-mode) #layout-menu #taskmenu a.selected { background: rgb(20 164 255 / .22); box-shadow: inset 2px 0 0 #14a4ff; color: #fff; }
html:not(.dark-mode) #layout-menu #taskmenu a { border-radius: 12px; }
/* attachment chip: keep it whole */
body.task-mail #attachment-list li { overflow: visible; min-height: 40px; }
body.task-mail #attachment-list li a.filename { padding-left: 38px; position: relative; line-height: 1.3; }
body.task-mail #attachment-list li a.filename::before { left: 12px; }
body.task-mail #message-content { padding-bottom: 72px; }
/* attachments: remove Elastic's full-width band behind the chips */
body.task-mail #message-content > .leftcol, body.task-mail #message-content > .leftcol ul.attachmentslist { background: none; border: 0; box-shadow: none; }
body.task-mail #attachment-list li { flex: 0 0 auto; width: auto; background-color: var(--rp-chip); }
body.task-mail #attachment-list li a.filename { background: none; }
/* HTML mail is written for white paper: in night mode present it as a deliberate sheet, not a hard rectangle */
html.dark-mode body.task-mail #messagebody .message-htmlpart { padding: 22px 28px; border-radius: 16px; box-shadow: 0 18px 44px -26px #000; font-size: 15px; line-height: 1.65; }
html:not(.dark-mode) body.task-mail #messagebody .message-htmlpart { font-size: 15px; line-height: 1.65; }
