/* e-host webmail: merkkleuren over de Elastic-skin */
:root { --eh-ink: #121C3A; --eh-ink2: #1F2C55; --eh-act: #2E7A18; --eh-act-d: #256414; --eh-leaf: #6BB332; --eh-ground: #F3F5F8; }
body, .layout-content, #layout-content, #layout-sidebar, #layout-list { font-family: "Hanken Grotesk", -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
#layout-menu, .layout-menu { background-color: var(--eh-ink) !important; }
#layout-menu .menu a, #layout-menu .popover-header { color: #C7D0E2 !important; }
#layout-menu .menu a:hover, #layout-menu .menu a.selected { background-color: var(--eh-ink2) !important; color: #FFFFFF !important; }
#layout-menu .menu a.selected:before { color: var(--eh-leaf) !important; }
.btn-primary, .button.mainaction, button.mainaction, input.button.mainaction, .formbuttons .btn-primary, #rcmloginsubmit {
  background-color: var(--eh-act) !important; border-color: var(--eh-act) !important; color: #FFFFFF !important; }
.btn-primary:hover, .button.mainaction:hover, #rcmloginsubmit:hover { background-color: var(--eh-act-d) !important; border-color: var(--eh-act-d) !important; }
a, .listing li.selected a, .link { color: #1D2B53; }
.listing li.selected, table.records-table tr.selected td, table.records-table tr.selected { background-color: #E9F4DF !important; color: var(--eh-ink) !important; }
.listing li.selected:before, .listing li.selected a { color: var(--eh-ink) !important; }
input:focus, select:focus, textarea:focus, .form-control:focus { border-color: var(--eh-act) !important; box-shadow: 0 0 0 .2rem rgba(46, 122, 24, .25) !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label:before, .custom-control-input:checked ~ .custom-control-label:before { background-color: var(--eh-act) !important; border-color: var(--eh-act) !important; }
/* inlogpagina */
body.task-login { background: var(--eh-ground) !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form { background: #FFFFFF; border: 1px solid #DDE3EB; border-radius: 10px; padding: 2rem 2rem 1.5rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: #586377 !important; }
html.dark-mode body.task-login, html.dark-mode body.task-login #login-form { background: #0B1229 !important; border-color: #26335E; }
/* donkere modus in merk-navy */
html.dark-mode body, html.dark-mode #layout { background-color: #0B1229 !important; }
html.dark-mode #layout-sidebar, html.dark-mode #layout-list, html.dark-mode #layout-content, html.dark-mode .header, html.dark-mode .footer, html.dark-mode .listing li, html.dark-mode .searchbar { background-color: #121C3A !important; border-color: #26335E !important; }
html.dark-mode #layout-menu, html.dark-mode .layout-menu { background-color: #0E1630 !important; }
html.dark-mode .listing li.selected, html.dark-mode .listing li.selected a { background-color: #1F2C55 !important; color: #FFFFFF !important; }
html.dark-mode #layout-content .iframe-wrapper, html.dark-mode #messagecontframe { background-color: #121C3A !important; }