/**
 *
 * Mail - Mobile
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 * Pixleegg Template app.css
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Hadi Nategh <hn@egroupware.org>
 * @package Mail
 * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
 */
@import "../default/app.css";
/* import */
/* tablets and smartphones  */
@media all {
  div.mailDisplayContainer {
    margin-top: 30px;
    margin-left: 0;
    height: auto;
  }
  #mail-display.et2_container {
    min-height: initial;
    padding: 0;
  }
  .mailDisplayAttachments > * {
    font-size: large !important;
  }
  /*compose dialog*/
  body #mail-index_popupMainDiv,
  body #mail-compose_popupMainDiv {
    /* Hide entry number from display, doesn't make sense in mail */
  }
  body #mail-index_popupMainDiv > .entry_id,
  body #mail-compose_popupMainDiv > .entry_id {
    display: none;
  }
  body #mail-index_popupMainDiv .mail-d-h1,
  body #mail-compose_popupMainDiv .mail-d-h1 {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid silver;
    padding-top: 10px;
    font-weight: bold;
  }
  body #mail-index_popupMainDiv .mail-d-h2,
  body #mail-compose_popupMainDiv .mail-d-h2 {
    padding-top: 5px;
    color: var(--sl-color-neutral-500, grey);
  }
  body #mail-index_popupMainDiv .mail-d-h2 a,
  body #mail-compose_popupMainDiv .mail-d-h2 a,
  body #mail-index_popupMainDiv .mail-d-h2 span,
  body #mail-compose_popupMainDiv .mail-d-h2 span,
  body #mail-index_popupMainDiv .mail-d-h2 .et2_label,
  body #mail-compose_popupMainDiv .mail-d-h2 .et2_label {
    color: var(--sl-color-neutral-500, grey);
  }
  body #mail-index_popupMainDiv .mail-d-h2 a#mail-display_FROM > *,
  body #mail-compose_popupMainDiv .mail-d-h2 a#mail-display_FROM > * {
    color: var(--sl-color-neutral-950, black);
    padding-top: 15px;
  }
  body #mail-index_popupMainDiv span.et2_details_title,
  body #mail-compose_popupMainDiv span.et2_details_title {
    color: var(--sl-color-primary-700, #26537c);
  }
  body #mail-index_popupMainDiv div#mail-display_mailDisplayHeadersFrom > *,
  body #mail-compose_popupMainDiv div#mail-display_mailDisplayHeadersFrom > * {
    color: var(--sl-color-neutral-950, black);
    padding-top: 15px;
  }
  body #mail-index_popupMainDiv .mailDisplayAttachments,
  body #mail-compose_popupMainDiv .mailDisplayAttachments {
    position: initial;
    padding: 0;
    margin-top: 10px;
  }
  body #mail-index_popupMainDiv button[id="displayToolbar-delete"],
  body #mail-compose_popupMainDiv button[id="displayToolbar-delete"] {
    margin-left: 0;
  }
  body #mail-index_popupMainDiv .mailDisplay,
  body #mail-compose_popupMainDiv .mailDisplay {
    position: initial;
    margin-top: 20px;
  }
  body #mail-index_popupMainDiv div#mail-view > div,
  body #mail-compose_popupMainDiv div#mail-view > div {
    height: 100%;
  }
  body #mail-index_popupMainDiv #view_mail-view,
  body #mail-compose_popupMainDiv #view_mail-view {
    height: 100%;
    box-sizing: border-box;
  }
  body #mail-index_popupMainDiv #view_mail-view .mailContent,
  body #mail-compose_popupMainDiv #view_mail-view .mailContent {
    flex-grow: 1;
  }
  body #mail-index_popupMainDiv #view_mail-view .mailContent iframe,
  body #mail-compose_popupMainDiv #view_mail-view .mailContent iframe {
    border-style: none;
  }
  body #mail-index_popupMainDiv #mail-view_toaddressdetails,
  body #mail-compose_popupMainDiv #mail-view_toaddressdetails {
    color: var(--sl-color-primary-700, #26537c);
    float: right;
  }
  body #mail-index_popupMainDiv #tempPrintDiv,
  body #mail-compose_popupMainDiv #tempPrintDiv {
    display: block;
  }
  body #mail-index_popupMainDiv #tempPrintDiv div:first-child,
  body #mail-compose_popupMainDiv #tempPrintDiv div:first-child {
    height: auto !important;
  }
  body #mail-index_popupMainDiv #tempPrintDiv td,
  body #mail-compose_popupMainDiv #tempPrintDiv td,
  body #mail-index_popupMainDiv #tempPrintDiv textarea,
  body #mail-compose_popupMainDiv #tempPrintDiv textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  body #mail-index_popupMainDiv #tempPrintDiv .td_display,
  body #mail-compose_popupMainDiv #tempPrintDiv .td_display {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 120%;
    color: var(--sl-color-neutral-950, #26537c);
    background-color: var(--sl-color-neutral-0, white);
    overflow-wrap: break-word;
  }
  body #mail-compose .cke_chrome {
    border: none;
    box-shadow: none;
  }
  body #mail-compose > et2-template::part(base) {
    display: flex;
    flex-direction: column;
  }
  body #mail-compose .mailComposeBodySection,
  body #mail-compose .mailComposeBodySection .mailComposeBody {
    flex-grow: 1;
  }
  body #mail-compose .mailComposeHeaderSection > table {
    padding: 0;
  }
  body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders.subjectContainer td:first-child::after {
    content: '';
  }
  body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders .subjectContainer:first-child::after {
    content: ':';
  }
  body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders et2-dropdown et2-button:nth-child(n+2) {
    padding: 0.5em 0;
  }
  body #mail-compose .mailComposeHeaderSection > table div.et2_taglist > *,
  body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject,
  body #mail-compose .mailComposeHeaderSection > table #mail-compose_mailaccount {
    border: none;
    box-shadow: none;
  }
  body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject:focus {
    outline-color: transparent;
  }
  body #mail-compose .tox-tinymce {
    border: none;
  }
  body #mail-compose .dialogHeadbar {
    z-index: 2;
  }
  #mail-index {
    margin-right: 0px;
  }
  #mail-index span.et2_date_ro.et2_label {
    font-size: 9px;
  }
  #mail-index td {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #mail-index td a[id^='mail-index_'][id$='fromaddress]'] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
    display: inline-block;
  }
  #mail-index td .icons et2-image {
    padding: initial;
  }
  #mail-index td .icons et2-image img {
    padding: initial;
    height: initial;
  }
  #mail-index td span[id^='mail-index_'][id$='attachments]'] {
    margin-left: auto;
    order: 1;
    text-align: initial;
  }
  #mail-index td span[id^='mail-index_'][id$='attachments]'] img {
    width: 16px;
    height: 16px;
    padding: initial;
  }
  #mail-index td et2-description[id^='mail-index_'][id$='subject]'] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95%;
    font-weight: normal !important;
  }
  #mail-index td label[id^='mail-index_'][id$='date]'] {
    padding-top: 0;
  }
  #mail-index tr {
    height: 55px;
  }
  #mail-index tr div.recent,
  #mail-index tr span.recent,
  #mail-index tr time.recent,
  #mail-index tr a.recent,
  #mail-index tr div.unseen,
  #mail-index tr span.unseen,
  #mail-index tr time.unseen,
  #mail-index tr a.unseen {
    color: var(--sl-color-neutral-950, #26537c) !important;
    font-weight: bold;
  }
  #mail-index .mail-index_quotabox {
    position: absolute;
    top: 8px;
    right: 74px;
    width: 200px !important;
    z-index: 99;
  }
  #mail-index .mail-index_vacation {
    z-index: 99;
  }
  #mail-index .mail-index_vacation div {
    text-align: center;
  }
  #mail-index #mail-index_nm div.search {
    margin-top: 3px;
  }
  #mail-index_buttonmailcreate {
    display: none;
  }
  div.aclDetails {
    display: none;
  }
  #mail-acl_grid .row {
    border-bottom: 1px solid silver;
  }
  #view_date {
    margin-left: var(--sl-spacing-2x-large);
    text-align: right;
  }
  .fromBox::part(base) {
    align-items: center;
  }
  .fromBox et2-hbox {
    padding-top: var(--sl-spacing-x-small);
  }
  .fromBox et2-hbox:first-of-type {
    padding-top: 0;
  }
  .fromBox et2-hbox::part(base) {
    align-items: center;
  }
  .fromBox et2-hbox et2-email::part(base) {
    justify-content: start;
  }
  .fromBox et2-details {
    max-width: 80vw;
  }
  .fromBox et2-details::part(summary-icon) {
    padding: var(--sl-spacing-x-small);
  }
  .fromBox et2-details et2-email::part(base) {
    overflow: clip;
    padding: 0;
    max-height: initial;
    max-width: 70vw;
  }
  .attachments::part(summary-icon) {
    padding: var(--sl-spacing-x-small);
  }
  .attachments::part(summary) {
    max-width: calc(100% - 3em);
  }
  .attachments et2-hbox[slot="summary"] {
    width: 100%;
  }
  .attachments et2-hbox[slot="summary"] table.previewAttachmentArea {
    width: 100%;
    table-layout: fixed;
  }
  .attachments et2-hbox[slot="summary"] table.previewAttachmentArea tbody > tr > td:first-child {
    box-sizing: border-box;
    width: 85%;
    padding-inline-end: 1em;
  }
  .attachments table.previewAttachmentArea {
    width: 100%;
    table-layout: fixed;
  }
  .attachments table.previewAttachmentArea et2-description-expose [part="content"] {
    width: 100%;
  }
  .attachments table.previewAttachmentArea .download {
    max-width: fit-content;
  }
}
.mailPreviewHeaders.smimeIcons {
  justify-content: start;
}
