doneit-web/src/app/pages/events/event-detail/event-detail.page.scss

@import '~src/function.scss';

ion-item-group{
  margin: 15px;
}
.div-item{
  width: 100%;
  overflow: auto;
  border-bottom: 1px solid #ccc;
  margin: 10px 0 5px 0;
}
.div-up{
  width: 100%;
  overflow: auto;
}
.div-up h3{
  margin: 0;
  padding: 0;
  font-size: rem(17);
  width: 100%;
}
.div-icon{
  width: 10%;
  font-size: rem(22);
  float: left;
  color: #808080;
}
.div-icon ion-icon{
  display: block;
  margin: 0 auto;

}
.div-content-attachment{
  width: 85%;
  float: left;
  padding: 0 0 0 12px;
}
.ion-icon-attach{
  color: #666666;
  font-size: rem(20);
}

.btn-attach{
  margin: 15px 0 0 0;
  --color: #333;
  --border-color:#333;
}
.div-card-button{
  width: 100%;
  overflow: auto;
  padding: 0 !important;
}
ion-card{
  margin: 2.5% !important;
  width: 45%;
  float: left;
}
.center{
  text-align: center;
  float: center;
}

/* FFOTER */
.event-detail-buttons{
  width: 90%;
  margin: 10px auto;
}
.event-detail-buttons ion-button{
  width: 90%;
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
}
.ion-icon-delete{
  font-size: rem(22);
  color: red;
  background-color: white;
  padding-right: 5px;
}
.error{
  color:red;
  font-size: rem(12);
  font-weight: bold;
  padding-bottom: 20px;
}
/* .event-detail-buttons{
  margin-bottom: 80px;
  margin-top: 10px;
} */
.attendees-icon{
  font-size: rem(14);
}
.see-more-button{
  text-transform: initial;
  font-size: rem(16);
}

.header-content{
  overflow: auto;
  margin: 0 auto;
  padding-top: 25px;
}
.header-icon-left{
  width: 36px;
  font-size: rem(33);
  color: #42b9fe;
  float: left;
  border: 1px solid red;
}
.header-title{
  width: 300px;
  font-family: Roboto;
  font-size: rem(25);
  margin: 0 5px 0 5px;
  padding: 0;
  color:#000;
  float: left;
}