/* Security icon in settings preferences list - shield-alt \f3ed */
.listing.iconized li.security > a:before {
    content: "\f3ed" !important;
    font-family: Icons !important;
    font-weight: 900 !important;
}

/* Dark mode toggle button in task menu */
#taskmenu a.darkmode {
    display: block;
}
#taskmenu a.darkmode:before {
    content: "\f186" !important; /* moon */
    font-family: Icons !important;
    font-weight: 900 !important;
}
#taskmenu a.darkmode.active:before {
    content: "\f185" !important; /* sun */
}

/* Raw source button */
#message-objects a.rawsource:before,
.menu a.rawsource:before {
    content: "\f1c9" !important; /* fa-file-code */
    font-family: Icons !important;
    font-weight: 900 !important;
}

/* Email dark mode toggle button */
#message-objects a.email-darkmode:before,
.menu a.email-darkmode:before {
    content: "\f186" !important; /* moon */
    font-family: Icons !important;
    font-weight: 900 !important;
}
#message-objects a.email-darkmode.active:before,
.menu a.email-darkmode.active:before {
    content: "\f185" !important; /* sun */
}

/* Style the message-objects buttons to look like toolbar buttons */
#message-objects a.button {
    display: inline-block;
    padding: .25rem .5rem;
    text-decoration: none;
    color: #2c363a;
    font-size: .85rem;
    border: 1px solid #ddd;
    border-radius: .25rem;
    margin-right: .25rem;
    margin-bottom: .5rem;
}
#message-objects a.button:hover {
    background: #f0f0f0;
}
body.rc-dark-mode #message-objects a.button {
    color: #37beff !important;
    border-color: #3a3a3a !important;
    background: #252525 !important;
}
body.rc-dark-mode #message-objects a.button:hover {
    background: #1a3a4a !important;
}