/* HostEthical Mail: the HostEthical cobalt on Roundcube's Elastic skin, with calmer surfaces. */

a, a:visited, .link, a.link {
    color: #2547eb;
}

.btn-primary,
.btn-primary:focus,
.btn.mainaction,
button.mainaction,
input.mainaction,
.formbuttons .mainaction {
    background-color: #2547eb !important;
    border-color: #2547eb !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn.mainaction:hover,
button.mainaction:hover {
    background-color: #1d37cf !important;
    border-color: #1d37cf !important;
}

.form-control:focus,
.custom-select:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    border-color: #2547eb !important;
    box-shadow: 0 0 0 .2rem rgba(37, 71, 235, .18) !important;
}

/* Selected rows and folders */
.listing li.selected,
.listing tr.selected td,
.listing tr.focused td,
table.records-table tr.selected td {
    background-color: #eef3ff !important;
    color: #0f172a !important;
}

.listing li.selected > a,
.listing tr.selected td a {
    color: #0f172a !important;
}

#layout-menu .menu a.selected,
#layout-menu .menu a:hover,
#layout-menu .popover-header a:hover {
    color: #2547eb !important;
}

.unreadcount,
.badge-primary,
.listing li .unreadcount {
    background-color: #2547eb !important;
    color: #fff !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #2547eb !important;
    border-color: #2547eb !important;
}

/* Login page: white card on a quiet background (light mode); Elastic's own dark theme otherwise */
html:not(.dark-mode) body.task-login {
    background-color: #f8fafc;
}

html:not(.dark-mode) body.task-login #layout-content {
    background: transparent;
}

body.task-login #logo {
    max-height: 48px;
    margin-bottom: 1.5rem;
}

html:not(.dark-mode) body.task-login #login-form {
    background: #fff;
    border: 1px solid #e5e9f0;
    border-radius: 14px;
    padding: 2rem 1.75rem 1.5rem;
}

html.dark-mode body.task-login #login-form {
    background: transparent;
}

html:not(.dark-mode) body.task-login #login-footer,
html:not(.dark-mode) body.task-login #login-footer a {
    color: #64748b;
}