external fixes1

package-lock.json

@@ -5241,6 +5241,11 @@
       "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==",
       "dev": true
     },
+    "hover.css": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/hover.css/-/hover.css-2.3.2.tgz",
+      "integrity": "sha1-8HGT2cdAnU45UTTTsiFbmetV4NM="
+    },
     "hpack.js": {
       "version": "2.1.6",
       "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",

package.json

@@ -48,6 +48,7 @@
     "font-awesome": "^4.7.0",
     "hammerjs": "^2.0.8",
     "hijri-date": "^0.2.2",
+    "hover.css": "^2.3.2",
     "jquery": "^3.3.1",
     "jw-angular-social-buttons": "^1.0.0",
     "jwt-decode": "^2.2.0",

src/app/External-Page/external-hospital/external-hospital.component.css

@@ -42,8 +42,35 @@
 .testBody-w {
     background-color: #f3f3f3;
 }
+
+@media(max-width: 767px) {
+    .hospitalContent-w .card-body ul li {
+        font-size: 13px;
+        padding: 5px 0;
+    }
+
+    .hospitalContent-w .containerContent-w .information {
+        margin: 10px 0;
+    }
+
+    .hospitalContent-w .containerContent-w .information h2 {
+        color: #74c5bf;
+        font-size: 20px;
+    }
+    
+    .hospitalContent-w .containerContent-w .information p {
+        color: #bdb9b9;
+        font-size: 17px;
+    }
+
+}
 @media screen and (min-width: 1200px) {
     .container {
         max-width: 1200px !important;
     }
+
 }
+
+
+
+

src/app/External-Page/external-hospital/external-hospital.component.html

@@ -4,7 +4,7 @@
           <div class="containerContent-w">
               <ng-template [ngIf]="authSer.arabicTemplate" [ngIfElse]="englishTemplate">
                 <div class="row">
-                    <div class="col-6 col-md-3">
+                    <div class="col-12 col-md-3">
                         <div class="recordsContent-w">
                             <div id="accordion">
                               <div class="card" *ngFor="let item of data; let i = index">
@@ -27,7 +27,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-6 col-md-9">
+                    <div class="col-12 col-md-9">
                       <div class="information">
                         <h2>{{detailsField.title}}</h2>
                         <p [innerHTML]="detailsField.description"></p>
@@ -39,7 +39,7 @@
               <ng-template #englishTemplate>
                 <div class="container" style="direction:ltr">
                   <div class="row">
-                      <div class="col-6 col-md-3">
+                      <div class="col-12 col-md-3">
                           <div class="recordsContent-w">
                               <div id="accordion">
                                   <div class="card" *ngFor="let item of data; let i = index">
@@ -64,7 +64,7 @@
                               </div>
                           </div>
                       </div>
-                      <div class="col-6 col-md-9">
+                      <div class="col-12 col-md-9">
                         <div class="information" [className]=" authSer.arabicTemplate ? '' : 'achievementsLang-w' ">
                           <h2>{{detailsField.title_en}}</h2>
                           <p [innerHTML]="detailsField.description_en"></p>

src/app/External-Page/external-page-content/external-page-content.component.css

@@ -33,21 +33,23 @@ input,button {
 }
 
 .sliderNews-w .carousel-caption .more {
-    width: 70px;
-    background-color: #00a99d;
-    border: 1px solid #00a99d;
-    color: #fff;
+    width: 104px;
+    background-color: #dedede;
+    border: 1px solid #dedede;
+    color: #bea380;
     position: absolute;
-    left: 50px;
+    left: 10px;
     bottom: 32px;
     cursor: pointer;
     transition: all 0.5s;
+    font-size: 14px;
+    font-weight: bold;
 }
 
 .sliderNews-w .carousel-caption .more:hover {
-    background-color: #35e2d6;
-    border: 1px solid #35e2d6;
-    color: #252525;
+    background-color: #007a71;
+    border: 1px solid #007a71;
+    color: #fff;
 
 }
 
@@ -224,7 +226,7 @@ input,button {
 
 .lectureService-w .visitingTime-w {
     width: 100%;
-    height: 300px;
+    display: inline-block;
 }
 
 .lectureService-w .visitingTime-w .monthRecord-w {
@@ -578,15 +580,16 @@ input,button {
         position: absolute;
         left: 10px;
         bottom: 5px;
-        background: #e69198;
+        background: #c0a786;
         color: #fff;
-        font-size: 15px;
+        font-size: 14px;
         transition: all 0.5s;
         cursor: pointer;
+        font-weight: bold;
     }
 
     .moreNews:hover {
-        background: #bd7379;
+        background: #007a71;
     }
 
   
@@ -598,7 +601,79 @@ agm-map {
 
 
 
-@media(max-width: 767px) {}
+@media(max-width: 767px) {
+
+    .eventPart-w .carousel-caption p img {
+        margin: 0;
+    }
+    .eventPart-w .carousel-caption p,
+    .eventPartEn-w .carousel-caption p {
+        font-size: 13px;
+    }  
+
+    .eventPart-w,
+    .eventPartEn-w {
+        height: 70px;
+        padding: 5px 10px;
+    }
+
+
+    .eventPart-w .moreEvent-w {
+        position: absolute;
+        left: 10px;
+        background-color: transparent;
+        border: none;
+        color: #1ba097;
+        top: 40px;
+        cursor: pointer;
+        font-weight: bold;
+        bottom: 0;
+        font-size: 11px;
+    }
+
+    .eventPart-w .moreEventEn-w {
+        position: absolute;
+        right: 10px;
+        background-color: transparent;
+        border: none;
+        color: #1ba097;
+        top: 40px;
+        bottom: 0;
+        cursor: pointer;
+        font-weight: bold;
+        font-size: 11px;
+    }
+
+    .lectureService-w .visitingTime-w .monthRecord-w .body ul li img {
+        width: 65px;
+    }
+
+    .lectureService-w .visitingTime-w .monthRecord-w .body ul li span {
+        left: -16px;
+        top: 43px;
+    }
+
+    .lectureService-w .visitingTime-w .achiev .body ul li img {
+        width: 65px;
+    }
+
+    .lectureService-w .visitingTime-w .achiev .body ul li span {
+        left: -16px;
+        top: 43px;
+    }
+
+    .lectureService-w .visitingTime-w {
+        margin-bottom: 40px;
+    }
+
+    .externalPageContentt-w .datePicker-w {
+        margin-bottom: 20px;
+    }
+
+  
+
+
+}
 
 @media (min-width: 767px) and (max-width: 991px) {}
 

src/app/External-Page/external-page-content/external-page-content.component.html

@@ -15,8 +15,8 @@
                           <div class="carousel-caption d-none d-md-block">
                               <h5>{{report.title}}</h5>
                               <p [innerHtml] = "report.description"></p>
-                              <button class="more" (click)="goPageNew(report)">المزيد</button>
-                              <button class="moreNews" (click)="moreNewsPage()">المزيد من الأخبار</button>
+                              <button class="more hvr-grow" (click)="goPageNew(report)">تفاصيل الخبر</button>
+                              <button class="moreNews hvr-grow" (click)="moreNewsPage()">المزيد من الأخبار</button>
                           </div>
                         </div>
                     </div>
@@ -57,6 +57,7 @@
               <div class="col-12">
                 <div class="lectureService-w">
                   <div class="row">
+                    
                     <div class="col-12 col-sm-12 col-md-4 col-lg-4">
                       <div class="advertisimentServices-w text-center">
                         <h1>خدمات إعلانيه</h1>
@@ -97,6 +98,7 @@
                         </div>
                       </div>
                     </div>
+
                     <div class="col-12 col-sm-12 col-md-8 col-lg-8">
                       <div class="visitingTime-w">
                         <h1>مواعيد الزياره</h1>
@@ -126,14 +128,16 @@
                         </div>
                       </div>
                     </div>
+
                   </div>
                 </div>
               </div>
   
   
-              <div class="col-12">
+            <div class="col-12">
                 <div class="recordsContent-w">
                   <div class="row">
+
                       <div class="col-12 col-sm-12 col-md-5">
                         <div class="datePicker-w">
                           <h1>تقويم الأحداث</h1>
@@ -142,6 +146,7 @@
                           </div>
                         </div>
                       </div>
+
                       <div class="col-12 col-sm-12 col-md-7 col-lg-7">
                         <h1>إحصائيات عامه وإنجازات</h1>
                         <div class="row">
@@ -176,6 +181,7 @@
                           </div>
                         </div>
                       </div>
+
                     </div>
                 </div>
               </div>
@@ -185,7 +191,7 @@
                   <h1>إتصل بنا</h1>
                   <agm-map [latitude]="lat" [longitude]="lng">
                       <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
-                    </agm-map>
+                  </agm-map>
                 </div>
               </div>
         
@@ -213,8 +219,8 @@
                         <div class="carousel-caption d-none d-md-block">
                             <h5>{{report.title_en}}</h5>
                             <p [innerHtml] = "report.description_en"></p>
-                            <button class="more" (click)="goPageNew(report)">More</button>
-                            <button class="moreNews" (click)="moreNewsPage()">More News</button>
+                            <button class="more hvr-grow" (click)="goPageNew(report)" style="left:10px;">Read More</button>
+                            <button class="moreNews hvr-grow" (click)="moreNewsPage()">More From News</button>
                         </div>
                       </div>
                   </div>
@@ -380,9 +386,9 @@
               <div class="col-12">
                 <div class="maps">
                   <h1>Contact Us</h1>
-                  <agm-map [latitude]="lat" [longitude]="lng">
-                    <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
-                  </agm-map>
+                    <agm-map [latitude]="lat" [longitude]="lng">
+                      <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
+                    </agm-map>
                 </div>
               </div>
           

src/app/External-Page/external-page-content/external-page-content.component.ts

@@ -54,8 +54,9 @@ export class ExternalPageContentComponent implements OnInit, OnDestroy {
       (responce) => {
         console.log('Header', responce);
         this.externalService.headerMenus = responce['parents'];
+        console.log(this.externalService);
         for(let i = 0; i < this.externalService.headerMenus.length; i++) {
-          this.externalService[i].active = 0;
+          this.externalService.headerMenus[i].active = 0;
         }
       }
     );

src/app/External-Page/external-page-header/external-page-header.component.css

@@ -533,6 +533,12 @@ input,button {
       margin-top: 9px;
   }
 
+  .menuHeaderEn-w li img {
+    float: left;
+    margin: 0 12px;
+    margin-top: -5px;
+  }
+
   .menuHeaderEn-w li, .menuHeader-w li {
     padding: 10px 10px;
     transition: all 0.5s;
@@ -584,7 +590,7 @@ input,button {
     .externalPage-w .searchBtn {
         background-color: #fff;
         border: none;
-        height: 30px;
+        height: 35px;
         margin-left: 40px;
     }
 
@@ -620,7 +626,7 @@ input,button {
     }
 
     .logoHeader-w .rightLogo-w img {
-        width: 200px;
+        width: 160px;
         margin: 0;
         margin-right: -15px;
     }
@@ -670,6 +676,12 @@ input,button {
 
     .menuHeader-w {
         direction: ltr;
+        position: relative;
+        min-height: 400px;
+        right: 0;
+        left: 0;
+        z-index: 99999999999999999;
+        background-color: #aee5e1;
     }
 
     .menuHeader-w li {
@@ -682,6 +694,10 @@ input,button {
         margin: 0 10px;
     }
 
+    .homeLinkMobile-w {
+        direction: rtl;
+    }
+
     
 
     .collapse.show {

src/app/External-Page/external-page-header/external-page-header.component.html

@@ -97,9 +97,9 @@
                         
                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
                             <ul class="navbar-nav mr-auto menuHeader-w">
-                                <li class="nav-item" (click)="goToHome()" style="cursor: pointer;" [ngClass]="{'homeExternalActive': authSer.homeActivate}"> 
+                                <li class="nav-item homeLinkMobile-w" (click)="goToHome()" style="cursor: pointer;" [ngClass]="{'homeExternalActive': authSer.homeActivate}"> 
                                     <a class="nav-link">
-                                        <i class="fa fa-home" style="font-size: 30px;margin:-7px 5px;"></i> الرئيسيه
+                                        <i class="fa fa-home" style="font-size: 30px;margin:-7px 5px; color:#bda380"></i> الرئيسيه
                                     </a>
                                 </li>
 
@@ -225,12 +225,12 @@
                             <ul class="navbar-nav mr-auto menuHeaderEn-w">
                                 <li class="nav-item" (click)="goToHome()" style="cursor: pointer;" [ngClass]="{'homeExternalActive': authSer.homeActivate}"> 
                                     <a class="nav-link">
-                                        <i class="fa fa-home" style="font-size: 23px;margin:0 5px;"></i> Home
+                                        <i class="fa fa-home" style="font-size: 35px;margin:0 5px; margin-top:-16px; color:#bda380"></i> Home
                                     </a>
                                 </li>
                                 <li class="nav-item" *ngFor="let menu of externalService.headerMenus" style="position: relative;" [ngClass]="menu.active == 0 ? '' : 'activeExternalLink' ">
                                     <a class="nav-link" [ngClass]="{ 'dropdown-toggle' : menu['childs'].length > 0 }" href="{{menu.link}}" id="navbarDropdown" role="button" [attr.data-toggle]=" menu['childs'].length > 0 ? 'dropdown' : '' " aria-haspopup="true" aria-expanded="false">
-                                        <img src="{{authSer.pathImg + menu.photo}}" /> {{menu.name_en}} 
+                                        {{menu.name_en}} <img src="{{authSer.pathImg + menu.photo}}" /> 
                                     </a>
                                     <div class="dropdown-menu" aria-labelledby="navbarDropdown" *ngIf="menu['childs'].length > 0">
                                         <a class="dropdown-item" href="{{child.link}}" *ngFor="let child of menu['childs']">{{child.name_en}}</a>

src/app/External-Page/external-page/external-page.component.css

@@ -0,0 +1,6 @@
+/* .externalPage-w {
+    width: 100%;
+    display: inline-block;
+    height: 700px;
+    background-color: red;
+} */

src/app/External-Page/external-page/external-page.component.ts

@@ -1,5 +1,7 @@
+import { Router } from '@angular/router';
 import { AuthServiceService } from './../../shared/auth-service.service';
 import { Component, OnInit } from '@angular/core';
+import { Route } from '@angular/compiler/src/core';
 
 @Component({
   selector: 'app-external-page',
@@ -8,10 +10,13 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ExternalPageComponent implements OnInit {
 
-  constructor(private authSer: AuthServiceService) { }
+  constructor(private authSer: AuthServiceService, private router:Router) { }
+
+  myInnerHeight = window.innerHeight;
 
   ngOnInit() {
     this.authSer.checkExternalFooter = true;
+    this.router.navigate(['ExternalPage/home']);
   }
 
 }

src/app/External-Page/more-news/more-news.component.css

@@ -33,11 +33,12 @@
 }
 
 .content p {
- color: #9c8565;
+    color: #9c8565;
     font-size: 16px;
     margin: 0px 0;
     cursor: pointer;
-	    text-align: justify;
+    text-align: justify;
+    transition: all 0.5;
 }
 
 .content p span {
@@ -59,25 +60,25 @@
     overflow: hidden;
 }
 
-.inside_links ul{
+.inside_links ul {
       display: block;
     width: 100%;
     padding: 0px;
 }
 
-.inside_links ul li{
+.inside_links ul li {
 display: block;
     width: 100%;
     height: 65px;
 }
 
-.inside_links ul li span{
+.inside_links ul li span {
     display: block;
     float: right;
     margin: 1px 4px 0px 0px;
 }
 
-.inside_links ul li a img{
+.inside_links ul li a img {
       display: block;
     width: 30px;
     float: right;
@@ -86,7 +87,7 @@ display: block;
     filter: invert(65%);
 }
 
-.inside_links ul li a{
+.inside_links ul li a {
     display: block;
     float: right;
     color: #755a07;
@@ -117,4 +118,8 @@ englishContent-w p {
     margin-bottom: 20px;
     padding: 10px 20px;
     background: rgba(255, 255, 255, 0.5);
+}
+
+.content p:hover {
+    color: #ccc;
 }

src/app/External-Page/more-news/more-news.component.html

@@ -4,23 +4,23 @@
             <div class="contentPage-w">
               <div class="row">
                 <div class="col-12 col-sm-12 col-md-9">
-                      <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
-                        <div class="newContent">
-                          <div class="row">
-                            <div class="col-12 col-sm-12 col-md-3">
-                              <div class="imgNew-w">
-                                <img src="{{authSer.pathImg + report.photo.photo}}" />
-                              </div>
-                            </div>
-                            <div class="col-12 col-sm-12 col-md-8">
-                              <div class="content">
-                                <h1 (click)="onGetNew(report.id)">{{report.title}}</h1>
-                                <p [innerHTML]="report.description"  (click)="onGetNew(report.id)"></p>
-                              </div>
-                            </div>
+                  <div class="col-12 col-sm-12 col-md-12" *ngFor="let report of dataPagesNews | paginate: { itemsPerPage: perPagePagenation, currentPage: currentPage, totalItems: count }">
+                    <div class="newContent">
+                      <div class="row">
+                        <div class="col-12 col-sm-12 col-md-3">
+                          <div class="imgNew-w">
+                            <img src="{{authSer.pathImg + report.photo.photo}}" />
+                          </div>
+                        </div>
+                        <div class="col-12 col-sm-12 col-md-8">
+                          <div class="content">
+                            <h1 (click)="onGetNew(report.id)">{{report.title}}</h1>
+                            <p [innerHTML]="report.description"  (click)="onGetNew(report.id)"></p>
                           </div>
                         </div>
                       </div>
+                    </div>
+                  </div>
                 </div>
 
                 <div class="col-12 col-sm-12 col-md-3">
@@ -28,11 +28,9 @@
                 
               </div>
           
-          <pagination-controls nextLabel="التالي" previousLabel="السابق" (pageChange)="onPageChange($event)"></pagination-controls>
+              <pagination-controls nextLabel="التالي" previousLabel="السابق" (pageChange)="onPageChange($event)"></pagination-controls>
             </div>
-            
         </div>
-  
       </div>
   </ng-template>
   

src/app/External-Page/more-news/more-news.component.ts

@@ -32,6 +32,12 @@ export class MoreNewsComponent implements OnInit {
       (responce) => {
         console.log(responce);
         this.dataPagesNews = responce['reports'];
+        for(let i = 0 ; i < this.dataPagesNews.length ; i++) {
+          if(this.dataPagesNews[i].description.length > 60) {
+            this.dataPagesNews[i].description = this.dataPagesNews[i].description.substring(0,200) + '........' ;
+            this.dataPagesNews[i].description_en = this.dataPagesNews[i].description_en.substring(0,200) + '......';
+          }
+        }
         this.spinner.hide();
       },
       (error) => {

src/app/Internal-Page/internal-page-content/internal-page-content.component.html

@@ -30,8 +30,8 @@
                                             <div class="carousel-caption">
                                             <h4>{{report.title}}</h4>
                                             <p class="paragraphTemplate-w" [innerHTML] = "report.description"> </p>
-                                            <span class="extra d-none d-sm-none d-md-block" *ngIf="report.description" (click)="onExtraPage(report.id)"> تفاصيل الخبر</span>
-                                            <span class="allNews d-none d-sm-none d-md-block" (click)="getAllNews()" *ngIf="report.description"> المزيد من الأخبار</span>
+                                            <span class="extra d-none d-sm-none d-md-block hvr-grow" *ngIf="report.description" (click)="onExtraPage(report.id)"> تفاصيل الخبر</span>
+                                            <span class="allNews d-none d-sm-none d-md-block hvr-grow" (click)="getAllNews()" *ngIf="report.description"> المزيد من الأخبار</span>
                                             </div>
                                         </ng-template>
                                     </ngb-carousel>
@@ -273,8 +273,8 @@
                     <div class="carousel-caption">
                         <h4>{{report.title_en}}</h4>
                         <p class="paragraphTemplate-w" [innerHTML] = "report.description_en"></p>
-                        <a class="extra d-none d-sm-none d-md-block" (click)="onExtraPage(report.id)" style="left:15px;">Read More</a>
-                        <span class="allNews d-none d-sm-none d-md-block" (click)="getAllNews()" *ngIf="report.description"> More From News</span>
+                        <a class="extra d-none d-sm-none d-md-block hvr-grow" (click)="onExtraPage(report.id)" style="left:15px;">Read More</a>
+                        <span class="allNews d-none d-sm-none d-md-block hvr-grow" (click)="getAllNews()" *ngIf="report.description"> More From News </span>
                     </div>
                     </ng-template>
                 </ngb-carousel>

src/app/app-routing.module.ts

@@ -9,7 +9,7 @@ import { ServicesComponent } from './servicesItems/services.component';
 
 
 const routes: Routes = [
-  {path: '', redirectTo: '/InternalPage/home', pathMatch: 'full'},
+  {path: '', redirectTo: '/ExternalPage/home', pathMatch: 'full'},
   {path: 'login', component: LoginComponent},
   {path: 'signup', component: RegesterComponent},
   {path: 'services/:id', component: ServicesComponent, canActivate: [AuthGuard]},

src/app/dashboard/main-footer/footer.component.css

@@ -19,7 +19,7 @@
     bottom: 0;
     right: 0;
     left: 0;
-       background: rgba(179, 151, 117, 0.55);
+    background: rgba(179, 151, 117, 0.55);
 }
 
 .leftFooter-w {
@@ -128,4 +128,12 @@ text-decoration: none;
         font-size: 14px;
         margin: 20px 0;
     }
+
+    .linksSection-w ul li {
+        margin: 0 0;
+    }
+
+    .linksSection-w {
+        padding: 10px 0;
+    }
 }

src/app/dashboard/main-footer/footer.component.html

@@ -5,13 +5,13 @@
 
       <div class="row">
 
-        <div class="col-12 col-sm-6 col-md-3 col-lg-3 hidden-xs hidden-sm">
+        <div class="col-12 col-sm-6 col-md-3 col-lg-3">
           <div class="rightFooter-w text-center">
             <img src="../../assets/image/logo11.png" alt="logo" title="logo" />
           </div> 
         </div>
 
-        <div class="col-12 col-sm-6 col-md-6 col-lg-6 hidden-xs hidden-sm">
+        <div class="col-12 col-sm-6 col-md-6 col-lg-6">
           <div class="linksSection-w text-center d-none d-sm-none d-md-block">
             <ul class="list-unstyled">
                 <li *ngFor="let section of authSer.footerData['links_section']">
@@ -36,7 +36,7 @@
 			
         </div>
 
-        <div class="col-12 col-sm-6 col-md-3 col-lg-3">
+        <div class="col-12 col-sm-6 col-md-3 col-lg-3 hidden-xs hidden-sm">
           <div class="leftFooter-w text-center">
             <ul class="list-unstyled">
               <li *ngFor="let award of authSer.footerData['awards_section']">

src/index.html

@@ -13,6 +13,7 @@
   <!-- <link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet"> -->
   <link href="https://fonts.googleapis.com/css?family=Cairo" rel="stylesheet">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
+  <link href="./assets/css/hover-min.css" />
 </head>
 <body>
    

src/styles.css

@@ -637,6 +637,7 @@ width: 100%;
   
 .cal-month-view .cal-day-cell {
   min-height: 50px !important;
+  border: 1px solid #e1e1e1;
 }
 
 .cal-month-view .cal-cell-top {
@@ -1005,6 +1006,24 @@ height: 7px !important;
   padding: 0;
 }
 
+/* Grow */
+.hvr-grow {
+  display: inline-block;
+  vertical-align: middle;
+  transform: translateZ(0);
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  backface-visibility: hidden;
+  -moz-osx-font-smoothing: grayscale;
+  transition-duration: 0.3s;
+  transition-property: transform;
+}
+
+.hvr-grow:hover,
+.hvr-grow:focus,
+.hvr-grow:active {
+  transform: scale(1.1);
+}
+
 
 
 
@@ -1160,7 +1179,22 @@ height: 7px !important;
 	.activeInternalHeader-w a{
 	    color: #90622b !important;
     padding: 0px 14px 0px 0px !important;
-	}
+  }
+
+  .cal-month-view .cal-day-badge {
+    display: none !important;
+  }
+
+  .popUp {
+    width: 100% !important;
+    right: 0 !important;
+    left: 0 !important;
+  }
+
+  .hospitalContent-w .card-header h4 {
+    font-size: 12px;
+  }
+
 }
 /* ------green-----576*/
 @media screen and (max-width: 480px) {