Improve calendar

src/global.scss

@@ -26,6 +26,9 @@
 @import "~@ionic/angular/css/flex-utils.css";
 
 
+
+
+// calendar
 td.monthview-current{
     color: white;
     /* border-radius: 89px; */
@@ -69,8 +72,58 @@ td.monthview-selected {
     background-color: white !important;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07) !important;
     border: solid 1px #e9e9e9 !important;
-    border-left: 5px solid #ffb703 !important;
+    padding: 0px !important;
 }
 
+.cal-current-time-marker {
+    width: 100% !important;
+    margin-left: 0px !important;
+}
+
+.cal-current-time-marker::before{
+    width: 10px;
+    height: 10px;
+    background-color: #42b9fe !important;
+    content: ".";
+    color: transparent;
+    left: 55px;
+    position: absolute;
+    border-radius: 91px;
+    top: -2.5px;
+
+}
+
+.cal-time{
+    font-family: Roboto;
+    font-size: 13px;
+    color: #797979;
+}
+
+.timeline-box{
+    color: black;
+    .timeline-start-time, .timeline-location{
+        font-family: Roboto;
+        font-size: 13px;
+        margin-right: 10px;
+    }
+    .timeline-event-discription{
+        font-family: Roboto;
+        font-size: 15px;
+        font-weight: bold;
+    }
+}
+
+
+.timeline-box-Pessoal{
+    border-left: 5px solid #ffb703 !important;
+    height: 100%;
+}
+.timeline-box-Oficial{
+    border-left: 5px solid #f05d5e !important;
+    height: 100%;
+}
+
+
+.timeline-box-{}
 /* angular-cli file: src/styles.css */
 @import "../node_modules/angular-calendar/css/angular-calendar.css";