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

.header-toolbar{
  background: #f5f5f5;
  border: 1px solid red;
}

/* HEADER */
.ion-text-header-top{
    text-align: center;
    padding-top: 20px;
  }
  .div-logo{
    width: 98px;
  }
  .div-logo img{
    width: 100%;
  }
  .header-large{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    /* font-weight: 600; */
  }
  .header-medium{
    font-size: 16pt;
    font-family: roboto;
  }
  .header-xsmall{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.7pt;
    font-weight: bold;
    padding-bottom: 3.5px;
    margin-bottom: 3.5px;
    border-bottom: 1px solid #ccc;
  }
  .p-small{
    font-size: 12pt;
    margin-top: 25px;
    color:#000;
  }
  
  /* CONTENT */
  .item-list-small{
      font-size: 14px;
      overflow: auto;
    }
    .ion-item-class{
      padding: 0;
    
    }
    .label-text{
      width: 100%;
      padding: 0;
      margin: 0;
    }
    
    //DIV
    .div-item-Oficial{
      width: 100%;
      overflow: auto;
      
      margin: 10px 0 5px 0;
      overflow: auto;

      background: #cab0dc;
      padding: 5px;
      border-radius: 10PX;
    }
    .div-item-Pessoal{
      width: 100%;
      overflow: auto;
      margin: 10px 0 5px 0;
      overflow: auto;

      background: #cbeecb;
      padding: 5px;
      border-radius: 10PX;
    }
    .div-up{
      width: 100%;
      overflow: auto;
    }
    .div-up h3{
      margin: 0;
      padding: 0;
      font-size: 17px;
      width: 100%;
    }
    .div-icon{
      width: 10%;
      font-size: 22px;
      float: left;
      color: #808080;
    }
    .div-icon ion-icon{
      display: block;
      margin: 0 auto;
    
    }
    .div-content-Oficial{
      width: 85%;
      float: left;
      border-left: 4px solid #cab0dc;
      padding: 0 0 0 12px;
      
    }
    .div-content-Pessoal{
      width: 85%;
      float: left;
      border-left: 4px solid #cbeecb;
      padding: 0 0 0 12px;
    }
    .div-content-oficial h3, .div-content-pessoal h3{
      font-size: 16pt;
      /* border: 1px solid red; */
    }
    .div-content-oficial p, .div-content-pessoal p{
      font-size: 14pt;
      color: rgb(94, 92, 92);
      padding: 0 !important;
      margin: 0 !important;
    }
    .div-botton{
      width: 100%;
      overflow: auto;
      margin: 10px 0 5px 0;
    }
    .div-botton-left{
      width: 10%;
      float: left;
    }
    .ion-icon-location{
      text-align: center;
      display: block;
      color: #000;
      font-size: 16px;
      margin: 0 auto;
    }
    .div-botton-middle{
      width: 75%;
      float: left;
      margin-top: 0.5px;
    }
    .div-botton-middle p{
      padding: 0;
      margin: 0;
    }
    .div-botton-right{
      width: 10%;
      float: left;
      margin: 0;
      padding: 0;
    }
    .ion-icon-attach{
      color: #666666;
      font-size: 20px;
    }