Add calendar timeline

src/global.scss

@@ -45,7 +45,6 @@ td.monthview-current{
         text-align: center;
         padding-left: 9px;
         color: white;
-        background: #42b9fe;
     }
 }
 
@@ -69,9 +68,6 @@ td.monthview-selected {
     background-color: #42b9fe !important;
   }
 .timeline .cal-event, .cal-event{
-    background-color: white !important;
-    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07) !important;
-    border: solid 1px #e9e9e9 !important;
     padding: 0px !important;
 }
 
@@ -89,7 +85,7 @@ td.monthview-selected {
     left: 55px;
     position: absolute;
     border-radius: 91px;
-    top: -2.5px;
+    top: -3.5px;
 
 }
 
@@ -100,6 +96,10 @@ td.monthview-selected {
 }
 
 .timeline-box{
+    padding: 3px;
+    background-color: white !important;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07) !important;
+    border: solid 1px #e9e9e9 !important;
     color: black;
     .timeline-start-time, .timeline-location{
         font-family: Roboto;
@@ -123,7 +123,26 @@ td.monthview-selected {
     height: 100%;
 }
 
+.table-bordered, .table-bordered{
+    border: none !important;
+    td, th {
+        border: none !important;
+    }
+}
+.cal-tooltip, .cal-tooltip-top{
+    display: none;
+}
+
+// ionic calendar2
+.event-detail-container{
+    display: none;
+}
+
+.cal-week-view {
+    border-top: none !important;
+}
 
 .timeline-box-{}
 /* angular-cli file: src/styles.css */
-@import "../node_modules/angular-calendar/css/angular-calendar.css";
+@import "../node_modules/angular-calendar/css/angular-calendar.css";
+