Added styles to page event-detail, attendees and attachments

src/app/pages/events/attachments/attachments.page.scss

@@ -1,4 +1,14 @@
 /* CONTENT */
+ion-content{
+  --background: #f2f2f2;
+}
+.div-attach-results{
+  background: none;
+}
+ion-list, ion-item-sliding{
+  background: none;
+
+}
 .item-list-small{
     font-size: 14px;
     overflow: auto;
@@ -14,84 +24,25 @@
   }
 
 //DIV
-.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: 17px;
-    width: 100%;
-  }
-  .div-icon{
-    width: 10%;
-    font-size: 22px;
-    float: left;
-    color: #808080;
-  }
-  .div-icon ion-icon{
-    display: block;
-    margin: 0 auto;
-  
-  }
+.main-item{
+  margin: 15px;
+  /* border: 1px solid #ccc; */
+  border-radius: 5px;
+  box-shadow: 0 4px 8px 0 #ccc, 0 6px 20px 0 #f2f2f2;
+}
   .div-content-attachment{
-    width: 85%;
-    float: left;
-    padding: 0 0 0 12px;
+    margin:0;
+    padding: 10px;
   }
-
-  .div-content-oficial h3, .div-content-pessoal h3{
-    font-size: 16pt;
-    /* border: 1px solid red; */
+  .div-content-attachment h3{
+    font-size: 18px;
+    font-weight: 700;
+    padding-bottom: 5px;
   }
-  .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;
+  ion-item ion-icon{
+    --border-color: red;
   }
+ 
   /* Custom Skeleton Line Height and Margin */
 .custom-skeleton ion-skeleton-text {
   line-height: 13px;