radius of main-content of the models and anexar text color changed

src/app/modals/add-note/add-note.page.scss

@@ -68,7 +68,7 @@ float: left;
   }
   .attach-document{
     font-size: 15px;
-    color: #0d89d1;
+    color: var(--title-text-color);
     margin: 5px 5px 5px 10px;
     padding: 5px;
     float: left;

src/app/modals/create-process/create-process.page.scss

@@ -76,7 +76,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
     }
 
     .attach-title-item{

src/app/modals/dar-parecer/dar-parecer.page.scss

@@ -80,7 +80,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;

src/app/modals/delegar/delegar.page.scss

@@ -77,7 +77,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;

src/app/modals/document-set-up-meeting/document-set-up-meeting.page.scss

@@ -74,7 +74,7 @@
     }
     .attach-document{
       font-size: 15px;
-      color: #0d89d1;
+      color: var(--title-text-color);
       margin: 5px 5px 5px 10px;
       padding: 5px;
       float: left;

src/app/pages/agenda/agenda.page.html

@@ -22,7 +22,7 @@
           <!--  Calendar is here -->
 
           <div class="calendar-segment-{{profile}}" [class.calendar-segment-pr-force]="loggeduser.Profile =='PR'">
-            <div class="calendar-container"  [style.height]="calendarHeight">
+            <div class="calendar-container"  [style.height]="calendarHeight ">
 
               <ion-row class="ion-justify-content-between calendar-tool-tip">
                 <ion-row class="ion-align-items-center">

src/app/pages/agenda/agenda.page.scss

@@ -284,8 +284,6 @@ td.monthview-primary-with-event {
   height: 100%;
   font-family: Roboto;
   margin: 0 auto;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
   background-color: #fff;
   overflow:auto;
   /* padding: 25px 20px 0 20px; */
@@ -572,12 +570,6 @@ td.monthview-primary-with-event {
 
 }
 
-.calendar-timeline{
-
-  height: 100%;
-  background-color: white;
-  border-top-left-radius: 25px;
-}
 
 .calendar-border{
   background: #ebebeb;
@@ -602,7 +594,7 @@ td.monthview-primary-with-event {
   overflow: hidden;
 
   .calendar-timeline{
-    border-top-right-radius: 24px;
+    border-top-right-radius: 0px;
     width: calc(100%);
     overflow: hidden;
 
@@ -618,11 +610,6 @@ td.monthview-primary-with-event {
   }
 }
 
-.event-details{
-  width: 40%;
-  background: white;
-  border-top-right-radius: 25px;
-}
 
 
 .event-details{
@@ -636,6 +623,7 @@ td.monthview-primary-with-event {
 
     .calendar-timeline{
       border-top-right-radius: 0px;
+      border-top-left-radius: 25px;
       width: calc(100% - 40%);
       border-right: 1px solid #d8d8d8;
 
@@ -769,4 +757,35 @@ app-approve-event{
   height: 100%;
   width: 100%;
   z-index: 99;
+}
+
+@media only screen and (min-width: 1225px) {
+  .calendar-timeline{
+
+    height: 100%;
+    background-color: white;
+    border-top-left-radius: 25px;
+  }
+  .event-details{
+    width: 40%;
+    background: white;
+    border-top-right-radius: 0px;
+  }
+
+}
+
+@media only screen and (min-width: 321px) {
+
+  .calendar-timeline{
+
+    height: 100%;
+    background-color: white;
+    border-top-left-radius: 0px;
+  }
+  .event-details{
+    width: 40%;
+    background: white;
+    border-top-right-radius: 25px;
+  }
+
 }

src/app/pages/chat/chat.page.html

@@ -8,7 +8,7 @@
     <ion-refresher-content>
     </ion-refresher-content>
   </ion-refresher>
-  <div class="main-content d-flex height-100">
+  <div class="main-content d-flex height-100 border-t-radius">
       <!-- Aside left -->
       <div class="aside-wrapper d-flex flex-column flex-grow-1">
        <!--  <p class="text-center mt-0 aside-title px-20">Chat</p> -->

src/app/pages/chat/chat.page.scss

@@ -38,8 +38,6 @@ ion-content{
   font-family: Roboto;
   margin: 0 auto;
   background-color: #fff;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
 
   overflow: auto;
 

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -8,7 +8,7 @@
     </ion-refresher-content>
   </ion-refresher>
 
-  <div class="main-content d-flex height-100">
+  <div class="main-content d-flex height-100 border-t-radius">
 
       <!-- Aside left -->
       <div class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1">

src/app/pages/gabinete-digital/gabinete-digital.page.scss

@@ -120,8 +120,6 @@ ion-segment-button{
   background:var(--gabinete-main-container);
   overflow:hidden;
   padding: 0 !important;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
 
   .aside-wrapper{
     overflow: hidden;