.zoner-settings-button-top-fix {
    margin-top: -5px;
}

html.dark-mode .table-hover tbody tr:hover {
	color: inherit!important;
}

.recipient-input li.recipient .email, body > li.recipient.ui-sortable-helper .email {
    text-indent: 0 !important;
	display: inline-block;
    width: initial;
}
@media (max-width: 576px) {
    /*ZONER: responsive images, tables...*/
    #messagebody img { width: initial !important; max-width: 100% !important; height: auto !important; }
    #messagebody table, #messagebody tr, #messagebody td, #messagebody p, #messagebody a { overflow-wrap: break-word; width: auto !important; min-width: auto !important; max-width: 100% !important; }
    #messagebody * { overflow-wrap: break-word; width: auto !important; min-width: auto !important; max-width: 100% !important; }
}

button.btn.savedraft::before {
  content: "\f0c7";
  font-weight: 400;
}
.suspicious-address-warning::before {
  font-size: 1.25em;
  display: block;
  float: left;
  margin: 0 .25rem 0 0;
  width: 1.18em;
  height: 1em;
  font-family: Icons;
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  float: none;
  display: inline-block;
  content: "\f071";
  color: #ffd452;
}
.suspicious-address-warning::before {
  color: #ae0000;
}

/*ZONER: dark mode for e-mails body*/
.dark-mode #messagebody .message-htmlpart {
    background-color: #21292c;
    color: rgb(197, 209, 211);
}
.dark-mode  #messagebody .message-part #smime-message,
.dark-mode  #messagebody .message-htmlpart #smime-message,
.dark-mode  #messagebody .message-htmlpart #unsubscribe {
    border: 0;
    background-color: #374549 !important;
    color: rgb(197, 209, 211) !important;
}
.dark-mode  #messagebody .message-htmlpart #unsubscribe a {
    border: 0;
    background-color: #374549 !important;
}
.dark-mode #messagebody .message-part1 a, 
.dark-mode #messagebody .message-htmlpart a {
    color: #008acc !important;
}
.dark-mode #messagebody .message-part *,
.dark-mode #messagebody .message-htmlpart * {
    color: #c5d1d3 !important;
    background-color: #21292c !important;
}
/*ZONER: better headers*/
.dark-mode .card {
    background-color: #374549 !important;
}
.dark-mode .card .bg-secondary {
    background-color: #283033 !important;
}
.action-headers .badge {
    font-size: 100%;
}
.action-headers .upper {
    text-transform: uppercase;
}
/*calendar*/
.calendar-eventdetails .description {
    word-wrap: anywhere;
}