/* Nyra Mail: the logo orange where Elastic uses its blue. */
a, a:visited, .link, .formlinks a { color: #e2551f; }
html.dark-mode a, html.dark-mode .link { color: #ff9a72; }

.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active,
button.btn-primary, input.btn-primary, .mainaction {
    background-color: #ff7a45 !important; border-color: #ff7a45 !important; color: #241a14 !important;
}
.btn-primary:hover, .mainaction:hover { background-color: #ff9166 !important; border-color: #ff9166 !important; }
.btn-primary:focus, .form-control:focus, .custom-select:focus, input:focus, textarea:focus {
    border-color: #ff7a45 !important; box-shadow: 0 0 0 .2rem rgba(255, 122, 69, .25) !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before { background-color: #ff7a45; border-color: #ff7a45; }

/* The menu down the left, in the warm graphite of the client area. */
#layout-menu { background-color: #2b2826; }
#layout-menu .menu a, #layout-menu .special-buttons a { color: #d9d2c9; }
#layout-menu .menu a:hover, #layout-menu .special-buttons a:hover { color: #fbf8f3; background-color: rgba(255, 255, 255, .06); }
#layout-menu .menu a.selected { color: #ff7a45; background-color: rgba(255, 122, 69, .14); }

/* What is selected in a list. */
.listing li.selected, .listing li.selected > a, table.records-table tr.selected td,
.listing li.focused, table.records-table tr.focused td { background-color: rgba(255, 122, 69, .12) !important; }
table.messagelist tr.unread .subject a, table.messagelist tr.unread span.subject { color: inherit; }
.unreadcount, .listing li .unreadcount { background-color: #ff7a45 !important; color: #241a14 !important; }

/* Signing in. */
body.task-login { background: #383431 linear-gradient(160deg, #3e3a36, #2b2826) fixed; }
body.task-login #layout-content { background: transparent; }
body.task-login #layout-content form, body.task-login #login-form .box-inner, body.task-login #login-form {
    background: #48433f; border-radius: 18px; color: #fbf8f3;
}
body.task-login #login-form { padding: 28px 28px 22px; box-shadow: 0 24px 56px rgba(18, 14, 11, .45); }
body.task-login #login-form table td, body.task-login #login-form label { color: #d9d2c9; }
body.task-login #login-form input.form-control { background: #3e3a36; border-color: #736a62; color: #fbf8f3; }
body.task-login #login-footer, body.task-login #login-footer a, body.task-login .formlinks a { color: #b9b1a7; }
body.task-login #logo { max-height: 46px; margin-bottom: 26px; }

/* The little icon boxes beside the sign in fields. */
body.task-login .input-group-prepend .input-group-text { background: #3e3a36; border-color: #736a62; color: #d9d2c9; }
body.task-login #login-form .formbuttons button { letter-spacing: .04em; }