/**
 * Public CSS for Pro version
 *
 */


.mail-details {
  /* z-index: 9999; */
  position: relative;
  min-height: 250px;
}

.has-attachment {
  position: relative;
}

.attachment-icon {
  position: absolute;
  left: -6px;
  margin-top: -2px;
}

.mail-message-body,
.mail-message-body * {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: break-word;
}

.mail-details-container h4 {
  overflow-wrap: break-word;
}

.cut-comment-text blockquote,
#replaced-compose-textarea blockquote,
.mail-message-body blockquote {
    border-left: 2px solid #009efb;
    margin: 0 0 0 1em;
    padding-left: 1em;
}

.object-fit-cover {
  object-fit: cover;
}

.email-app .list-group .list-group-item {
  background: transparent; }
  .email-app .list-group .list-group-item .list-group-item-action {
    padding: 12px 15px;
    color: #54667a; }
    .email-app .list-group .list-group-item .list-group-item-action:hover, .email-app .list-group .list-group-item .list-group-item-action.active {
      background: rgba(0, 0, 0, 0.03); }

.email-app .email-table {
  table-layout: fixed; }
  .email-app .email-table .selected {
    background: #fff8e1; }
  .email-app .email-table .chb {
    width: 40px; }

.email-app .email-table .time {
    width: 140px;
    min-width: 140px;
}

.table-responsive {
  position: relative;
}

  .email-app .email-table .starred,
  .email-app .email-table .clip {
    min-width: 25px;
    width: 25px;
    max-width: 25px;
  }

.email-app .email-table .user-image {
  min-width: 40px;
    width: 40px;
    max-width: 40px;
}

  .email-app .email-table .user-name {
    width: 30%; }
    .email-app .email-table .user-name .m-b-0 {
      font-weight: 300; }
  .email-app .email-table .unread .m-b-0,

  .email-app .email-table .unread .user-name,
  .email-app .email-table .unread .max-texts {
    font-weight: 500; }

.email-app .email-table .user-name {
  min-width: 280px;
  width: 280px;
  max-width: 280px;
}


.mail-table-row:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.mail-table-row {
  border-bottom: 1px solid #e9ecef;
}

.mail-table-row:has(input[type="checkbox"]:checked),
.mail-table-row > input[type="checkbox"]:checked ~ .mail-table-row {
  background: rgb(255 193 7 / 17%);
}

.mail-loader-spinner-absolute {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .get-page:not(.active) {
    display: none;
  }
  .mail-searchbox, .w100 {
    width: 100%;
  }

  #folder-mail-list {
    overflow-x: hidden;
    overflow-y: unset;
  }

  .email-app .email-table {
    min-width: unset;
  }

  .email-app .email-table .user-name {
    min-width: 110px;
    width: 110px;
    max-width: 280px;
  }
  .email-app .email-table .time {
    width: 100px;
    min-width: 100px;
    text-align: right;
}

  .email-app .email-table .user-image {
    min-width: 30px;
    width: 30px;
  }

  #email-list-placeholder {
    padding: 0;
  }

  /* #folder-mail-list {
    overflow: unset;
  } */
}