@import url("../../elastic/styles/styles.min.css");
/* Hantong theme, generated from elastic's own brand-coloured rules. */
#layout>div>.header{background-color:#FAFAF7}
#layout>div>.header{background-color:#FAFAF7}
#layout>div>.footer{background-color:#FAFAF7}
#rcmdraglayer{box-shadow:3px 3px 5px #FAFAF7}
.iframe-loader .spinner-border{color:#FAFAF7}
.quota-widget .value{background-color:#A8281F}
.quota-info .root{background-color:#FAFAF7}
.table-widget table.options-table tr.selected td{background-color:#FCF6F6}
.floating-action-buttons a.button{background:#A8281F}
.btn-primary{background:#A8281F;border-color:#A8281F}
.btn-primary.disabled,.btn-primary:disabled{background:#A8281F;border-color:#A8281F}
.ui-widget{box-shadow:3px 3px 5px #FAFAF7}
.ui-menu .ui-state-active{background-color:#A8281F!important}
.ui-dialog .ui-dialog-titlebar{background-color:#FAFAF7}
.ui-dialog .ui-dialog-buttonpane{background-color:#FAFAF7}
.ui-slider .ui-slider-handle.ui-state-active{background:#A8281F}
.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:#A8281F}
.ui-datepicker a.ui-state-active{background:#A8281F!important}
.minicolors-panel{box-shadow:3px 3px 5px #FAFAF7}
.popover{box-shadow:3px 3px 5px #FAFAF7}
html.layout-phone .popover:not(.select-menu) .listing li:last-child,html.layout-small .popover:not(.select-menu) .listing li:last-child{border-bottom:1px solid #FAFAF7}
.menu.pagenav.pagenav-list{border-bottom:1px solid #FAFAF7}
.popover .menu li.separator{background-color:#FAFAF7}
.popover .menu li a:not(.disabled):hover{background-color:#A8281F}
.popover .menu .dropbutton a.dropdown:hover{background-color:#A8281F}
.searchbar{border-bottom:1px solid #FAFAF7}
.ui.alert a:not(.btn){color:#A8281F}
#messagestack .alert-info.information{background-color:#A8281F}
.listing li,.listing tbody td{border-bottom:1px solid #FAFAF7}
.listing li.selected,.listing tr.selected td{background-color:#FCF6F6}
ul.listing li ul{border-top:1px solid #FAFAF7}
.popupmenu .listing li>a:not(.disabled):hover{background-color:#A8281F}
.popupmenu .listing li.selected{background-color:#A8281F}
ul.treelist li.selected>a,ul.treelist li.selected>div>a{background-color:#FCF6F6}
.folderlist li.mailbox .unreadcount{background:#A8281F}
.folderlist li.mailbox.recent>a>.unreadcount{background:#A8281F}
.attachmentslist{border:1px solid #FAFAF7}
.formcontent.raweditor .CodeMirror-focused{border-color:#A8281F}
.multi-input>.content.focused{border-color:#A8281F}
.recipient-input.focus{border-color:#A8281F}
.recipient-input li.recipient,body>li.recipient.ui-sortable-helper{background-color:#FAFAF7}
.tagedit-list[tabindex="-1"]{border-color:#A8281F}
.tagedit-list li.tagedit-listelement-old{background-color:#FAFAF7}
.image-upload{background-color:#FAFAF7}
.form-control:focus{border-color:#A8281F}
.input-group-text{background-color:#FAFAF7}
.input-group-text input:focus{border-color:#A8281F!important}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#A8281F}
.custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#A8281F;background-color:#A8281F}
.custom-file-input:focus~.custom-file-label{border-color:#A8281F}
div.tox.focused{border-color:#A8281F!important}
div.tox .tox-toolbar-overlord>div{background-color:#FAFAF7}
div.tox .tox-toolbar{background-color:#FAFAF7}
div.tox .tox-dialog__footer .tox-button{background:#A8281F;border-color:#A8281F}
div.tox .tox-dialog__footer .tox-button.disabled,div.tox .tox-dialog__footer .tox-button:disabled{background:#A8281F;border-color:#A8281F}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#A8281F;border-color:#A8281F}
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:#A8281F}
div.tox .tox-dialog__header{background-color:#FAFAF7}
div.tox .tox-dialog__footer{background-color:#FAFAF7}
.image-selector .attachmentslist li:focus,.image-selector .attachmentslist li:hover{background:#FCF6F6}
.image-selector .attachmentslist li span.img{border:1px solid #FAFAF7}
.html-editor .editor-toolbar{background-color:#FAFAF7}
.googie_list li.googie_list_onhover{background-color:#A8281F}
#login-footer>div{background:#FAFAF7}
#contactpic{background-color:#FAFAF7}
#message-header>.header img.contactphoto{background:#FAFAF7}
.message-partheaders{border-top:1px solid #FAFAF7}
.message-htmlpart:not(:first-child),.message-part:not(:first-child){border-top:1px solid #FAFAF7}
.message-htmlpart blockquote,.message-part blockquote{color:#8C1A14;border-left:2px solid #8C1A14;border-right:2px solid #8C1A14}
.message-htmlpart blockquote span.blockquote-link,.message-part blockquote span.blockquote-link{background:#FAFAF7}
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:#A8281F}
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:#A8281F}
html.dark-mode .btn-primary{background-color:#8C1A14}
html.dark-mode .floating-action-buttons a.button{background:#8C1A14}
html.dark-mode .custom-file-label:focus:not(.is-invalid),html.dark-mode .form-control:focus:not(.is-invalid){border-color:#A8281F}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:#8C1A14}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused{border-color:#A8281F}
html.dark-mode .input-group a:focus{border-color:#A8281F}
html.dark-mode .recipient-input.focus{border-color:#A8281F}
html.dark-mode .formcontent.raweditor .CodeMirror-focused{border-color:#A8281F}
html.dark-mode .tox .tox-dialog__footer .tox-button{background-color:#8C1A14}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled){background-color:#8C1A14}
html.dark-mode .tox .tox-dialog__body-nav-item--active{color:#A8281F}
html.dark-mode .tox .tox-collection__item--enabled{color:#A8281F}
html.dark-mode .ui-datepicker .ui-state-highlight,html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight{color:#A8281F}

/* ------------------------------------------------------------------
   Hantong scheme, authored last so it wins.
   Doctrine (data/brand.ts): chrome runs on neutral grays; cinnabar appears
   only where it matters. Cinnabar as text on near-black is unreadable, so
   the rail is paper-on-ink and spends its brand moment on the active
   indicator and the Compose CTA.
   ------------------------------------------------------------------ */
body, #layout { background-color: #FAFAF7; }
#layout > .sidebar, #layout > .list, #layout > .content { background-color: #FFFFFF; }

#taskmenu { background-color: #141414; }
#taskmenu a,
#taskmenu .special-buttons a,
#taskmenu a.logout { color: #FAFAF7 !important; background: transparent; border-bottom-color: #262626 !important; }
#taskmenu a:hover,
#taskmenu .special-buttons a:hover,
#taskmenu a.logout:hover { color: #FFFFFF !important; background-color: #262626; }
#taskmenu a.selected, #taskmenu a.selected:hover {
    color: #FFFFFF !important;
    background-color: #262626;
    box-shadow: inset 3px 0 0 0 #A8281F;
}
#taskmenu .special-buttons { background-color: #141414; }
#taskmenu .action-buttons a { color: #FFFFFF !important; background-color: #A8281F; }
#taskmenu .action-buttons a:hover { color: #FFFFFF !important; background-color: #8C1A14; }

.listing li.selected, .listing tr.selected td,
ul.treelist li.selected > a, ul.treelist li.selected > div > a {
    color: #141414;
    background-color: #FCF6F6;
    box-shadow: inset 2px 0 0 0 #A8281F;
}
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount { background-color: #A8281F; color: #FFFFFF; }
.folderlist li.mailbox.recent > a { color: #A8281F; }

#layout > .sidebar, #layout > .list, .listing li, .listing tr td { border-color: #E6E6E0; }
body, .listing li a, .listing tr td { color: #141414; }