/* Strategic BHM branding for Roundcube Elastic (webmail.strategicbhm.com).
   Hand-written part first; the "accent" part below is generated from Elastic 1.7.4's
   styles.min.css (its #37beff accent family mapped to the monochrome palette, light mode only,
   generator kept in /srv/webmail/branding/gen_css.py). Dark mode keeps Elastic's own palette. */
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/hanken-grotesk-latin-400.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/hanken-grotesk-latin-500.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/hanken-grotesk-latin-600.woff2") format("woff2"); }
body, input, select, textarea, button, .btn, .form-control, .popover, .ui-dialog, .listing, .records-table {
  font-family: "Hanken Grotesk", Roboto, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
/* matte black side menu in light mode (Elastic: slate #2f3a3f) */
html:not(.dark-mode) #layout-menu, html:not(.dark-mode) #layout-menu .popover-header { background-color: #141414 !important; }
/* login logo: the stacked STRATEGIC BHM mark is wider than Elastic's square default */
.task-login #logo { max-width: 240px; max-height: 110px; width: auto; }
/* links in messages stay recognisable once the accent is monochrome */
html:not(.dark-mode) #messagebody a, html:not(.dark-mode) .message-htmlpart a, html:not(.dark-mode) .message-part a { text-decoration: underline; }
/* ---- generated accent overrides ---- */
html:not(.dark-mode) a{color:#101010}html:not(.dark-mode) a:hover{color:#0d0d0d}html:not(.dark-mode) p.image-attachment{background-color:rgba(20,20,20,.05)}html:not(.dark-mode) .quota-widget .value{background-color:#141414}html:not(.dark-mode) .image-tools{background-color:rgba(20,20,20,.4)}html:not(.dark-mode) .image-tools a:focus,html:not(.dark-mode) .image-tools a:hover{background-color:rgba(20,20,20,.5)!important}html:not(.dark-mode) .table-widget table.options-table tr.selected td{background-color:#dfdfdf}html:not(.dark-mode) .floating-action-buttons a.button{background:#141414;box-shadow:0 0 5px 5px #dedede}html:not(.dark-mode) .btn:focus{box-shadow:0 0 0 .2rem rgba(20,20,20,.3)}html:not(.dark-mode) .btn-link{color:#101010}html:not(.dark-mode) .btn-primary{background:#141414;border-color:#141414}html:not(.dark-mode) .btn-primary:focus{background:#121212;border-color:#121212;box-shadow:0 0 0 .2rem rgba(20,20,20,.5)}html:not(.dark-mode) .btn-primary:hover{background:#121212;border-color:#121212}html:not(.dark-mode) .btn-primary.disabled,html:not(.dark-mode) .btn-primary:disabled{background:#141414;border-color:#141414}html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled).active,html:not(.dark-mode) .btn-primary:not(:disabled):not(.disabled):active{background:#111111;border-color:#101010}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(20,20,20,.53)}html:not(.dark-mode) .ui-menu .ui-state-active{background-color:#141414!important}html:not(.dark-mode) .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus{background-color:rgba(20,20,20,.5)}html:not(.dark-mode) .ui-slider .ui-slider-range{background:#c1c1c1}html:not(.dark-mode) .ui-slider .ui-slider-handle.ui-state-active{background:#141414;border-color:#090909}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:#c1c1c1;color:#141414}html:not(.dark-mode) .ui-datepicker a.ui-state-active{background:#141414!important}html:not(.dark-mode) .layout-phone .popover-header,html:not(.dark-mode) .layout-small .popover-header{background-color:#090909}html:not(.dark-mode) .popover .menu li a:not(.disabled):hover{background-color:#141414}html:not(.dark-mode) .popover .menu .dropbutton a.dropdown:hover{background-color:#141414}@media screen and (min-width:481px){html:not(.dark-mode) #taskmenu .action-buttons a{color:#141414}html:not(.dark-mode) #taskmenu .action-buttons a:hover{color:#141414}}html:not(.dark-mode) .ui.alert{background-color:rgba(20,20,20,.05)}html:not(.dark-mode) .ui.alert a:not(.btn){color:#141414}html:not(.dark-mode) .ui.alert.boxinformation{background-color:rgba(20,20,20,.2)}html:not(.dark-mode) #messagestack .alert-info.information{background-color:#141414}html:not(.dark-mode) .listing li.selected,html:not(.dark-mode) .listing tr.selected td{background-color:#dfdfdf}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 #878787}html:not(.dark-mode) .popupmenu .listing li>a:not(.disabled):hover{background-color:#141414}html:not(.dark-mode) .popupmenu .listing li.selected{background-color:#141414}html:not(.dark-mode) ul.treelist li.selected>a,html:not(.dark-mode) ul.treelist li.selected>div>a{background-color:#dfdfdf}html:not(.dark-mode) .folderlist li.mailbox .unreadcount{background:#141414}html:not(.dark-mode) .folderlist li.mailbox.recent>a{color:#0d0d0d}html:not(.dark-mode) .folderlist li.mailbox.recent>a>.unreadcount{background:#141414}html:not(.dark-mode) .formcontent.raweditor .CodeMirror-focused{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .input-group a:focus{background-color:rgba(20,20,20,.25)}html:not(.dark-mode) .multi-input>.content.focused{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .recipient-input.focus{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .tagedit-list[tabindex="-1"]{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .form-control:focus{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .input-group-text input:focus{border-color:#141414!important}html:not(.dark-mode) .custom-switch .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#141414}html:not(.dark-mode) .custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#141414;background-color:#141414}html:not(.dark-mode) .custom-switch .custom-control-input:checked:disabled~.custom-control-label::before{border-color:#6b6b6b;background-color:#6b6b6b}html:not(.dark-mode) .custom-file-input:focus~.custom-file-label{border-color:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) div.tox.focused{border-color:#141414!important;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)!important}html:not(.dark-mode) div.tox .tox-dialog .tox-dialog__body-nav-item--active{color:#101010}html:not(.dark-mode) div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover{color:#0d0d0d}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button{background:#141414;border-color:#141414}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:focus{background:#121212;border-color:#121212;box-shadow:0 0 0 .2rem rgba(20,20,20,.5)}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:hover{background:#121212;border-color:#121212}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:#141414;border-color:#141414}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:#111111;border-color:#101010}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(20,20,20,.53)}html:not(.dark-mode) div.tox .tox-dialog__footer .tox-button:focus:not(:disabled){background:#141414;border-color:#141414}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:#141414;box-shadow:0 0 0 .2rem rgba(20,20,20,.25)}html:not(.dark-mode) .image-selector .attachmentslist li:focus,html:not(.dark-mode) .image-selector .attachmentslist li:hover{background:#dfdfdf}html:not(.dark-mode) .googie_list li.googie_list_onhover{background-color:#141414}html:not(.dark-mode) .message-htmlpart blockquote,html:not(.dark-mode) .message-part blockquote{color:#0a0a0a;border-left:2px solid #0a0a0a;border-right:2px solid #0a0a0a}