.email-container {
  overflow: hidden;

  .unread {
    font-weight: 800;
  }
  .mail-star .fa-star {
    color: #f9a913;
  }
  .inbox-right-panel,
  .inbox-panel {
    min-height: calc(100vh - 300px);
  }
  .inbox-right-panel {
    margin: 0 -10px;
    .table tr {
      cursor: pointer;
    }
  }
  .subject,
  .sender {
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .sender {
    max-width: 150px;
  }
  .custom-control-button {
    display: none;
  }

  .width-50 {
    width: 50px;
  }
  .custom-group {
    .list-group-item {
      border: 0px;
      padding: 0.75rem 0.25rem;
      a {
        color: #3e556a;
      }
    }
  }
  @media (max-width: 767px) {
    .inbox-panel {
      position: absolute;
      width: 200px;
      min-height: 100vh;
      height: 100%;
      background: white;
      left: -202px;
      z-index: 10;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
      padding: 0 10px;
      &.showlpanel {
        left: 0px;
      }
    }

    .custom-control-button {
      display: block;
    }
  }
}