.maha-account {
  padding: 11px;
  img {
    width: 28px;
    height: 28px;
  }
}
.maha-account-panel  {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.maha-account-identity  {
  background-color: @blue !important;
  padding: 2.5em 0;
  .maha-avatar {
    width: 125px;
    margin: 0 auto 20px;
    .maha-avatar-text {
      font-size: 60px;
      line-height: 60px;
    }
  }
  h2 {
    text-align: center;
    margin: 0;
    color: @white;
  }
  p {
    text-align: center;
    margin: 0;
    color: fadeout(@white, 30);
  }
}
.maha-account-tasks {
  flex: 1;
  .scrollable();
}
.maha-account-task {
  .hover(background-color, fadeout(@black, 90));
  display: block;
  padding: 15px;
  cursor: pointer;
  i {
    color: #666;
    font-size: 18px;
    margin-right: 10px;
  }
}
.delivery-token {
  display: flex;
}
.delivery-token-text {
  padding: 0.8em;
  flex: 1;
  i {
    color: @red;
  }
}