doneit-web/src/app/modals/profile/profile.page.scss

.profile-header{
  margin: 0 em(20px);
  // background-color: #0782c9;
  padding: 20px 20px;
  border: 0!important;
  overflow: auto;

  .div-logo{
    background: transparent;
    width: calc(100% - 40px) !important;
    justify-content: center;
    display: flex;
    float: left;

    .logo{
      width: 140px;
      .img{
        width: 100%;
        margin: 0px auto;
      }
    }
  }
}
.btn-close{
  float: right !important;
}
.profile-content{
    padding: 20px 20px;
}

.icon{
    font-size: 40px;
}

.profile-title{
  font-weight: 300;
  font-size: 20px !important;
  margin-bottom: 40px !important;
}

.line{
  width: 100% !important;
  margin-top: 15px;
  border-top: 1px solid #d8d8d8;
}

.btn-delete{
  background:#ffe0e0 !important;
  width: 40% !important;
  margin-left: 0 !important;
}

.btn-cancel{
  width: 40% !important;
  margin-right: 0 !important;
}

.buttonSize {
  width: 100% !important;
}

ion-list{
  background-color: transparent !important;
}

.notifications-content{
  padding: 0px 20px;
  .item{
    display: flex;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
    border: solid 1px #e9e9e9;
    background-color: var(--white);
    margin: 0 auto;
    padding: 10px;
    margin-bottom: 10px;
    color: #000;
    overflow: hidden;

    .notification-item{
      width: fit-content;
      float: left;
      margin-right: 10px;
      padding: 0 !important;
      overflow: auto;


    }
    .notification-icon{
      font-size: 35px !important;
    }
    .approve-event-time{
      width: fit-content !important;
      float: left;
    }
    .approve-event-detail{
      width: calc(100% - 115px) !important;
      float: left;
    }
    .notification-label{
      float: right;
      width: 5px;
      height: 100%;
      border-radius: 0% 100% 100% 0%;
      background-color: #ffb703;
    }
  }

}
.item-inner{
  padding: 0 !important;
}