.maha-notifications {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.maha-notifications-header {
  flex: 0 0 3.5em;
  display: flex;
  background-color: @primary_background_color;
}
.maha-notifications-header-back {
  flex: 0 0 3.5em;
  cursor: pointer;
  display: flex;
  color: @primary_color;
  i {
    margin: auto;
    font-size: 1.3em;
    line-height: 1em;
  }
}
.maha-notifications-header-title {
  flex: 1;
  display: flex;
  h1 {
    color: @primary_color;
    margin: auto;
    line-height: 1.3em;
    font-size: 1.3em;
    text-align: center;
    font-weight: normal;
  }
}
.maha-notifications-header-proceed {
  flex: 0 0 70px;
  text-align: right;
}
.maha-notifications-body {
  height: 1px;
  flex: 1;
  display: flex;
  overflow: hidden;
}