@font-face{font-family:Manrope;src:url(fonts/Manrope.ttf) format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Instrument;src:url(fonts/InstrumentSerif-Italic.ttf) format('truetype');font-style:italic;font-display:swap}
:root{--ep-ink:#2c3732;--ep-muted:#738079;--ep-accent:#566f60;--ep-border:#dfe5e1;--ep-surface:#f4f6f4}
body,button,input,select,textarea{font-family:Manrope,Arial,sans-serif}body{color:var(--ep-ink);background:var(--ep-surface)}
body:not(.task-login) #layout-menu{background:#252d2f!important;color:#dbe2dc;border-right:0;width:86px}
#taskmenu a{color:#c0cbc6!important;border-radius:9px;margin:5px 8px;width:auto;transition:background .15s}
#taskmenu a:hover,#taskmenu a.selected{background:#3b4843!important;color:#fff!important}
#taskmenu a:before{color:inherit!important}#taskmenu .special-buttons{background:transparent!important}
#layout-menu .popover-header{background:transparent;border:0}#layout-menu #logo{max-width:66px;padding:0;margin:21px auto;background:transparent!important}
#layout-sidebar{background:#f3f5f2!important;border-right:1px solid var(--ep-border)}#layout-list{border-right:1px solid var(--ep-border)}
#layout>div>.header,#layout>div>.footer{background:#f8faf7!important;color:#57695e;border-color:var(--ep-border)!important}
.listing li.selected,.listing tr.selected td,.listing li.selected>a{background:#e3ece4!important;color:#294636!important}
.listing li>a,.listing td{border-color:#e9eeea!important}.listing .unread{font-weight:750;color:#273f30}
.folderlist li.mailbox .unreadcount{background:#dde8df;color:#49614e}.listing li>a:hover{background:#ebf0eb}
.toolbar a.button,.toolbar button{color:#586e5e!important}.toolbar a.button:hover{background:#e5ede6;border-radius:7px}
.btn-primary,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:hover{background:#3d5746;border-color:#3d5746;color:#fff;box-shadow:none}
.btn-secondary{background:#edf1ed;border-color:#d5dfd6;color:#425d49}.btn-secondary:hover{background:#dfe9df;color:#304c37}
.form-control,.custom-select{border:1px solid #d7e0d8;border-radius:7px;background:#fbfcfa;color:#334d3b}.form-control:focus{border-color:#839e88;box-shadow:0 0 0 3px #66856b15}
.custom-control-input:checked~.custom-control-label:before{background:#5a7963;border-color:#5a7963}a{color:#4d735c}.message-header{background:#fafcf9}.message-part{border-color:var(--ep-border)}
#messagelist td{padding-top:11px;padding-bottom:11px}#messagelist tr:hover td{background:#f2f6f0}.messagelist tr.selected td{background:#e1ebe0!important}.searchbar{background:#f7f9f6!important}.searchbar input{border-radius:7px}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #f0f3ef inset!important;-webkit-text-fill-color:#303a33!important;caret-color:#303a33}
.task-login #layout{display:block!important;height:auto!important;min-height:100svh;overflow:visible;background:#f9faf8}
.task-login #layout-content.ep-login{position:relative!important;display:grid!important;grid-template-columns:52% 48%;width:100%!important;max-width:none!important;height:auto!important;min-height:100svh;margin:0!important;padding:0!important;overflow:visible!important;background:#f9faf8;border:0!important}
.ep-brand,.ep-form-side{min-width:0;min-height:100svh;padding:clamp(28px,3vw,64px);display:flex;flex-direction:column}
.ep-brand{background:#e6e8e5}.ep-brand-top{display:flex;justify-content:space-between;align-items:center}.ep-brand-top img{width:125px;height:auto}.ep-brand-top>span{font-size:9px;letter-spacing:2px;color:#6d7a70;line-height:1.8}.ep-brand-copy{margin-top:clamp(48px,7vh,110px)}
.ep-overline{font-size:10px;letter-spacing:2px;color:#6a7d6d}.ep-brand h1{font-size:clamp(60px,5vw,112px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:24px 0}.ep-brand h1 em,.ep-login-wrap h2 em{font-family:Instrument,Georgia,serif;font-weight:400;color:#728176}.ep-brand p{font-size:14px;line-height:1.8;color:#68796b}
.ep-art{flex:1;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.ep-envelope{display:grid;place-items:center;height:112px;width:160px;border:1px solid #cbd6c8;background:#edf3e9;border-radius:14px;box-shadow:-9px -9px 0 #d9e1d5,-18px -18px 0 #d1dbcc;transform:rotate(-7deg);font-size:62px;color:#7a8c73}.ep-art-caption{font-size:9px;letter-spacing:2px;margin-top:30px;color:#869580}.ep-brand-footer{margin-top:auto;border-top:1px solid #cfd8ca;padding-top:22px;display:flex;justify-content:space-between;font-size:11px;color:#687969}
.ep-form-side{background:#f9faf8}.ep-topnote{text-align:right;font-size:9px;letter-spacing:1.4px;color:#7f907f}.ep-login-wrap{width:100%;max-width:440px;margin:auto;padding:44px 0}.ep-login-wrap h2{font-size:46px;letter-spacing:-1.5px;line-height:1.12;margin:18px 0;font-weight:500}.ep-login-wrap h2 em{font-size:1.18em}.ep-intro{font-size:14px;color:#6f7e71;margin-bottom:32px}
.task-login #login-form{width:100%!important;max-width:none!important;margin:0!important;text-align:left;padding:0!important}.task-login #login-form table{width:100%;margin:0;border-collapse:separate;border-spacing:0 16px}.task-login #login-form td.title{display:none}.task-login #login-form td.input{padding:0}.task-login #login-form .input-group{height:56px;flex-wrap:nowrap;border:1px solid #d4ded3;border-radius:7px;background:#f0f3ef;overflow:hidden}.task-login #login-form .input-group-text{background:transparent;border:0;color:#849781;padding:0 16px}.task-login #login-form input.form-control{height:54px;border:0!important;background:#f0f3ef;font-size:15px;box-shadow:none!important;color:#334d3a;border-radius:0;padding-left:0;min-width:0}.task-login #login-form button{min-height:54px;width:100%;font-size:14px;margin-top:12px;border-radius:7px;background:#303e34;border-color:#303e34}.task-login #login-form .formbuttons{text-align:left;margin:0}
.ep-help{font-size:11px;color:#7b897b;margin:20px 0 30px;text-align:center}.ep-other{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce5da;padding-top:24px;font-size:11px;color:#81917e}.ep-other a{color:#4a654e;font-weight:600;text-decoration:none}.ep-footer{display:flex;justify-content:space-between;font-size:10px;color:#82917e}.task-login #messagestack{z-index:100;position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px)}
@media(max-width:720px){.task-login #layout-content.ep-login{display:flex!important;flex-direction:column}.ep-brand{min-height:0;padding:28px 26px 12px;background:transparent}.ep-brand-top{width:100%;max-width:440px;margin:auto}.ep-brand-top img{width:92px}.ep-brand-top>span{font-size:8px}.ep-brand-copy,.ep-art,.ep-brand-footer{display:none}.ep-form-side{min-height:0;flex:1;padding:18px 26px 24px}.ep-topnote{display:none}.ep-login-wrap{padding:24px 0 30px;margin:0 auto auto}.ep-login-wrap h2{font-size:38px;margin:16px 0}.ep-intro{font-size:13px;margin-bottom:24px}.ep-footer{width:100%;max-width:440px;margin:0 auto;font-size:9px}.task-login #login-form input.form-control{font-size:16px}.ep-other{font-size:10px;flex-wrap:wrap}body:not(.task-login) #layout-menu{width:56px}#layout-menu #logo{max-width:42px}#taskmenu a{margin:4px}
}
@media(max-width:360px){.ep-brand{padding:22px 20px 6px}.ep-form-side{padding:12px 20px 20px}.ep-login-wrap h2{font-size:34px}.ep-other{flex-direction:column}}
.task-login #layout-content.ep-login{text-align:left}.task-login #login-form{position:static!important;top:auto!important;left:auto!important;transform:none!important}.task-login #login-form tr.form-group{display:block;margin:0 0 20px!important}.task-login #login-form td.title{display:block!important;padding:0 0 9px!important;font-size:12px;font-weight:600;color:#516458}.task-login #login-form td.title label{margin:0}.task-login #login-form .input-group{display:flex;width:100%}.task-login #login-form input{position:static!important}.ep-login-wrap{text-align:left}.ep-brand-copy{text-align:left}.task-login #login-footer:empty{display:none}

/* Icon-only navigation brand, centered at every breakpoint. */
body:not(.task-login) #layout-menu>.popover-header{height:80px;min-height:80px;padding:0!important;display:flex;align-items:center;justify-content:center;position:relative}
body:not(.task-login) #layout-menu>.popover-header>a.ep-brand-link{display:flex!important;width:100%;height:80px;align-items:center;justify-content:center;padding:18px 12px!important;margin:0!important;background:transparent!important}
#layout-menu .ep-brand-link #logo{display:block!important;width:56px!important;height:30px!important;max-width:56px!important;max-height:30px!important;object-fit:contain;padding:0!important;margin:0!important;position:static!important}
#layout-menu>.popover-header>.cancel{position:absolute;right:12px;top:24px}
.ep-art .ep-envelope img{width:95px;height:50px;object-fit:contain}.ep-brand-link:focus-visible{outline:2px solid #c7d7cc;outline-offset:-5px}
