doneit-web/src/app/shared/publication/new-publication/new-publication.page.scss

ion-content{
  --background: transparent;
  transform: translate3d(0, 5px, 0);
  --border-radius: 30px;
}
ion-footer{
    background: #fff;
}
ion-toolbar{
  /* --background:#0782c9; */
  border-width: 0 !important;
}
.div-top-header{
  width: 400px;
  margin: 0 auto;
  background-color: #0782c9;
  overflow: auto;
  padding-top: 15px;
  border: 0!important;
}
.div-search{
  font-size: 45px;
  float: left;
  margin: 0 0 0 10px
}
.div-logo{
  background: transparent;
  width: 140px;
  margin: 5px 0 0px 71px;
  float: left;
}
.div-logo img{
  width: 100%;
}
.div-profile{
  font-size: 45px;
  float: right;
  margin-right: 10px;
}
.content-top{
  width: 344px;
  background: #f3f2f2;
  height: 20px;
  margin: 0 auto;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.content-container{
  width: 100%;
  margin:0 auto;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  background: #ffffff;
  height: 100%;
  padding: 25px 20px 0 20px;
  overflow: auto;
}
.title-content{
  width: 360px;
  overflow: auto;
  padding: 0 !important;
}
.div-title{
  width: 270px;
/* padding: 0!important; */
float: left;
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
}
  .container-div{
    margin-bottom: 15px;
    overflow: auto;
    border-bottom: 1px solid #ebebeb;
  }
  .ion-item-container{
    margin: 15px auto;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding-left: 10px;
  }
  .ion-item-container-no-border{
    width: 100%;
    margin: 0px auto;
    padding: 0 !important;
    overflow: auto;
  }
  .ion-item-class-2{
    margin: 0px auto;
  }
  .ion-icon-class{
    width: 45px;
    height: 45px;
    float: left;
    padding: 10px;
    font-size: 25px;
  }
  .ion-textarea-class{
    height: auto;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 10px;
    float: left;
  }
  .ion-input-class-no-height{
    border: 1px solid #ebebeb;
    border-radius: 5px;
    overflow: auto;
  }

  .attach-document{
    font-size: 15px;
    color: var(--title-text-color);
    margin: 5px 5px 20px 10px;
    padding: 5px;
    float: left;
  }
  .attach-icon{
    width: 37px;
    font-size: 35px;
    float: left;
  }
  .attached-title{
  font-family: Roboto;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  }


.picture{
  .post-img{
    width: 60px;
  }
  .picture-file-name{
    font-size: 15px;
    color: #0d89d1;
  }
  .size{
    color: #cecece;
    font-size: 13px;
  }
}

.container-title{
  font-size: 15px;
  font-weight: bold;
}
.hide-desktop{
  display: block;
}