refactor(calendar): apply new blur design

src/app/pages/dashboard/dashboard.html

@@ -49,7 +49,7 @@
   <div class="col-xlg-6 col-lg-6 col-md-6 col-xs-12"
        ba-panel
        ba-panel-title="Calendar"
-       ba-panel-class="xmedium-panel feed-comply-panel with-scroll">
+       ba-panel-class="xmedium-panel feed-comply-panel with-scroll calendar-panel">
     <dashboard-calendar></dashboard-calendar>
   </div>
 </div>

src/sass/theme/dashboard/_calendar.scss

@@ -721,4 +721,52 @@ a.fc-more {
 
 .fc-day-grid-container.fc-scroller  {
   height: auto!important;
+}
+body.badmin-transparent{
+
+  .calendar-panel.panel .panel-body{
+    padding: 0;
+  }
+
+  .fc-body > tr > .fc-widget-content{
+    border: none;
+  }
+
+  .fc-head{
+    color: $default;
+    background-color: $success-light;
+    td, th{
+      border:none;
+    }
+    div.fc-widget-header{
+      padding: 5px 0;
+    }
+  }
+
+  .fc td{
+    border-color: rgba(255,255,255,0.3);
+  }
+
+  .fc-today-button, .fc-month-button, .fc-agendaWeek-button, .fc-agendaDay-button  {
+    display: none;
+  }
+  .blurCalendar{
+    margin-top: 15px;
+  }
+  .fc-prev-button, .fc-next-button{
+    position: absolute;
+    background: transparent;
+    box-shadow: none;
+    border: none;
+    color: $default;
+  }
+  .fc-next-button {
+    left: 30px;
+  }
+  .fc-prev-button {
+  }
+  .fc-day-number{
+    color: $default;
+    opacity: 0.9;
+  }
 }