add entity icons in landing pages | fix issue with dateofacceptance as integer | take the lattest changes for custom.css - from natalia | minor changes

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@47691 d315682c-612b-4755-9ff5-7f18f6832af3

portal-2/src/app/claims/claim-utils/entityFormatter/claimEntityFormatter.component.ts

@@ -6,13 +6,16 @@ import {Component, Input} from '@angular/core';
 @Component({
   selector: 'claim-entity',
   template: `
-
+  <div *ngIf="type == 'publication'">
-  <div *ngIf="type == 'publication' || type == 'dataset'">
+  <img class= "entityIcon" src="assets/publication.png" alt="(Publication)">
-  <i>({{type}}) </i>
+      <publication-title [title]="entity.title" [url]="entity.externalUrl" ></publication-title>
+  </div>
+  <div *ngIf="type == 'dataset'">
+  <img class= "entityIcon" src="assets/dataset.png" alt="(Dataset)">
       <publication-title [title]="entity.title" [url]="entity.externalUrl" ></publication-title>
   </div>
   <div *ngIf="type == 'project'  ">
-  <i>(Project)</i>
+  <img class= "entityIcon" src="assets/project.png" alt="(Project)">
   <project-title [project]="entity"></project-title>
   </div>
   <div *ngIf="type == 'context'  ">

portal-2/src/app/claims/claim-utils/startOver.component.ts

@@ -31,7 +31,7 @@ export class StartOverComponent {
 
   @ViewChild(AlertModal) alertApplyAll;
 
-  confirmOpen(type: boolean, message: string){
+  confirmOpen(){
     this.alertApplyAll.cancelButton = true;
     this.alertApplyAll.okButton = true;
     this.alertApplyAll.alertTitle = "Remove selected";

portal-2/src/app/claims/linking/linkingGeneric.component.ts

@@ -15,11 +15,11 @@ declare var UIkit:any;
       <div class="page-header">
         <h1>Linking</h1>
       </div>
-      <div class="uk-clearfix">
+      <!--div class="uk-clearfix">
           <a  class="uk-float-right" uk-toggle="target: #linkingInfo; animation:  uk-animation-fade"><span uk-icon="icon: info"></span> What is linking about? </a>
-      </div>
+      </div-->
       <div id="linkingInfo" class="uk-card uk-card-default uk-card-body uk-margin-small" hidden>
-          <a uk-toggle="target: #uploadInfo; animation:  uk-animation-fade" class="uk-float-right"><span uk-icon="icon: close"></span></a>
+          <a uk-toggle="target: #linkingInfo; animation:  uk-animation-fade" class="uk-float-right"><span uk-icon="icon: close"></span></a>
            <div class="uk-text-bold"><span uk-icon="icon: info"></span> Linking Functioanlity:</div>
            <p>TODO: Put some useful information here... </p>
 

portal-2/src/app/claims/linking/selected/selectedContexts.component.ts

@@ -19,7 +19,7 @@ import {ClaimContext} from '../../claim-utils/claimEntities.class';
                 <claim-contexts-search-form *ngIf=" showsearch "    [selectedList]="contexts" [projects]="projects" [results]="results" [inlineEntity]="inlineEntity" > </claim-contexts-search-form>
               </div>
               <div  class="uk-width-1-2    ">
-                  <h3 > Selected Communities ({{projects.length}}) </h3>
+                  <h3 > Selected Communities ({{contexts.length}}) </h3>
                   <ul class="uk-list uk-list-divider">
                     <li class="list-group-item" *ngFor="let context of contexts" >
                       <span *ngIf="context.community != context.concept.label">{{context.community }} > {{context.category}} ></span><span> {{context.concept.label}} </span>

portal-2/src/app/deposit/datasets/depositBySubject.component.ts

@@ -13,7 +13,7 @@ import {OpenaireProperties, ErrorCodes} from '../../utils/properties/openairePro
                 <h3>Or search for Data providers via Classifications</h3>
 
                 <form class= "uk-grid">
-                    <input type="text"  [(ngModel)]="subjectKeyword"  class=" uk-input uk-width-1-2" name="subject" placeholder="Search for classifications..."   />
+                    <input type="text"  [(ngModel)]="subjectKeyword"  class="uk-margin-medium-left uk-input uk-width-1-2" name="subject" placeholder="Search for classifications..."   />
 
                     <button class=" uk-button uk-button-default"  type="submit" (click)="search()" >
                         Search

portal-2/src/app/landingPages/dataProvider/dataProvider.component.html

@@ -15,7 +15,7 @@
                     {{dataProviderInfo.title['name']}}
                 </p>
             </h3-->
-            <showTitle [title]="dataProviderInfo.title"></showTitle>
+            <showTitle  iconClass="datasourceTitleIcon" [title]="dataProviderInfo.title"></showTitle>
 
             <dl class="uk-description-list">
                 <dt *ngIf="dataProviderInfo.type">Type: </dt>

portal-2/src/app/landingPages/dataset/dataset.component.html

@@ -7,7 +7,7 @@
 
     <div *ngIf="datasetInfo != null" uk-grid>
         <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
-            <showTitle [title]="datasetInfo.title"></showTitle>
+            <showTitle iconClass="datasetTitleIcon" [title]="datasetInfo.title"></showTitle>
 
             <div *ngIf="datasetInfo.underCurationMessage">
               <span uk-tooltip="pos:right; delay:10"

portal-2/src/app/landingPages/organization/organization.component.html

@@ -21,7 +21,7 @@
     <div uk-grid-->
     <div *ngIf="organizationInfo != null" uk-grid>
         <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
-            <showTitle [title]="organizationInfo.title"></showTitle>
+            <showTitle  iconClass="organizationTitleIcon" [title]="organizationInfo.title"></showTitle>
 
         <!--div class="uk-width-2-3" *ngIf="organizationInfo != null"-->
             <dl class="uk-description-list">

portal-2/src/app/landingPages/project/project.component.html

@@ -8,6 +8,7 @@
             <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
             <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
             <div class="projectIcon">
+              <span class="entityTitleIcon projectTitleIcon"></span>
                 <h2 *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</h2>
                 <h2 *ngIf="projectInfo.specialClause39!=true">{{projectName}}</h2>
             </div>

portal-2/src/app/landingPages/publication/publication.component.html

@@ -6,7 +6,7 @@
 
     <div  *ngIf="publicationInfo != null"  uk-grid>
         <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
-            <showTitle [title]="publicationInfo.title"></showTitle>
+            <showTitle iconClass="publicationTitleIcon" [title]="publicationInfo.title"></showTitle>
 
             <div *ngIf="publicationInfo.underCurationMessage">
               <span uk-tooltip="pos:right; delay:10"

portal-2/src/app/landingPages/showTitle.component.ts

@@ -5,6 +5,7 @@ import {Component, Input} from '@angular/core';
     selector: 'showTitle',
     template: `
         <h2 *ngIf="title != undefined">
+            <span [class]="'entityTitleIcon '+iconClass"></span>
             <span   *ngIf="title['url'] != undefined && title['url'] != null && title['url'] != ''"
                     class="custom-external"><span class=" custom-icon {{title['accessMode']}}"
                     uk-tooltip="pos:bottom-right"
@@ -39,6 +40,7 @@ import {Component, Input} from '@angular/core';
 
 export class ShowTitleComponent {
     @Input() title: { [key: string]: string };
+    @Input() iconClass:string;
 
     constructor () {
     }

portal-2/src/app/searchPages/find/search.component.ts

@@ -65,7 +65,7 @@ import {RouterHelper} from '../../utils/routerHelper.class';
                        <a>
                            Data Providers
                            <span *ngIf = "fetchDataproviders.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
-                           <span *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDataproviders.searchUtils.totalResults :'')}}</span>
+                           <span (click)="searchDataProviders()" *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDataproviders.searchUtils.totalResults :'')}}</span>
                        </a>
                    </li>
                    <li (click)="searchOrganizations()" >
@@ -297,6 +297,7 @@ public subPub;public subData;public subProjects;public subOrg; public subDataPr;
       this.keyword = (params['keyword'])?params['keyword']:"";
       if(this.keyword !=null && this.keyword.length > 0){
           this.reloadTabs();
+          this.activeTab = "publications";
           this.searchPublications();
           this.count();
       }

portal-2/src/app/services/searchDatasets.service.ts

@@ -250,8 +250,8 @@ export class SearchDatasetsService {
                 }
             }
 
-            result.year = resData.dateofacceptance.split('-')[0];
+            var date:string = (resData.dateofacceptance)+""; // transform to string in case it is an integer
-
+            result.year = (date && (date).indexOf('-') !== -1)?date.split('-')[0]:date;
             if(!Array.isArray(resData.description)) {
                 result.description = resData.description;
             } else {

portal-2/src/app/services/searchPublications.service.ts

@@ -290,8 +290,8 @@ export class SearchPublicationsService {
                     }
                 }
             }
-
+            var date:string = (resData.dateofacceptance)+""; // transform to string in case it is an integer
-            result.year = resData.dateofacceptance.split('-')[0];
+            result.year = (date && (date).indexOf('-') !== -1)?date.split('-')[0]:date;
 
             if(!Array.isArray(resData.description)) {
                 result.description = resData.description;

portal-2/src/app/utils/fetchEntitiesClasses/fetchDataproviders.class.ts

@@ -96,7 +96,7 @@ export class FetchDataproviders {
       var errorCodes:ErrorCodes = new ErrorCodes();
       this.searchUtils.status = errorCodes.LOADING;
 
-      this._searchDataprovidersService.numOfDataproviders(keyword).subscribe(
+      this._searchDataprovidersService.numOfSearchDataproviders(keyword).subscribe(
           data => {
               this.searchUtils.totalResults = data;
               this.searchUtils.status = errorCodes.DONE;

portal-2/src/assets/custom.css

@@ -1,3 +1,4 @@
+
 .tm-toolbar .uk-subnav-line .custom-discover-li {
   color:#05007A !important;
   background:#fff;
@@ -156,3 +157,34 @@ max-height:265px;
 .uk-breadcrumb .uk-active a{
     color: #767779  !important;
 }
+
+.publicationTitleIcon {
+  background: url("/assets/publication.png") no-repeat;
+}
+.datasetTitleIcon {
+  background: url("/assets/dataset.png") no-repeat;
+}
+.projectTitleIcon {
+  background: url("/assets/project.png") no-repeat;
+}
+.organizationTitleIcon {
+  background: url("/assets/organization.png") no-repeat;
+}
+.datasourceTitleIcon {
+  background: url("/assets/datasource.png") no-repeat;
+}
+.entityTitleIcon{
+  background-repeat: :no-repeat;
+  content: '';
+  display: inline-block;
+  height: 36px;
+  width: 42px;
+  vertical-align: middle;
+}
+.entityIcon{
+  background-repeat: :no-repeat;
+  content: '';
+  height: 36px;
+  width: 42px;
+
+}

portal-2/src/assets/dl119_files/custom.css

@@ -1,16 +1,75 @@
 @import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Raleway|Roboto|Roboto:900|Roboto+Condensed|Roboto+Mono|Roboto+Slab');
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
+@import url('https://fonts.googleapis.com/css?family=Merriweather|Merriweather+Sans');
+@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
+@import url('https://fonts.googleapis.com/css?family=Lora');
+@import url('https://fonts.googleapis.com/css?family=Raleway|Raleway+Dots');
+
+.custom-icon {
+    line-height: unset;
+}
+/*.OPEN {
+    background: rgba(0, 0, 0, 0) url('images/openaccess copy.svg') no-repeat scroll right center;
+    /*display: inline-block;*/
+}*/
+.small-bgicon {
+ background-size: 25px;
+ padding-right:25px;
+}
+.medium-bgicon {
+ background-size: 50px;
+ padding-right:50px;
+}
+.large-bgicon {
+ background-size: 80px;
+ padding-right:80px;
+}
+
+
+body {
+font-family: 'Open Sans', sans-serif!important;
+font-family: Raleway, sans-serif!important;
+font-weight:400!important;
+
+}
+h1, .uk-h1, h2, .uk-h2, h3, .uk-h3 {
+ font-family: 'Open Sans', sans-serif !important;
+ text-transform:none!important;
+ font-weight:300;
+}
+h4, .uk-h4, h5, .uk-h5 {
+ font-family: 'Open Sans', sans-serif !important;
+ font-weight:bold;
+}
+
+h6, .uk-h6 {
+ font-family: 'Open Sans', sans-serif !important;
+ font-weight: normal;
+}
+h2, .uk-h2 {
+	font-size:36px;
+}
+
+a, .uk-link {
+	color: #2D72D6;
+}
+a:hover, .uk-link:hover{
+color: #D53B23;
+}
+
+.uk-badge, .badge, a.badge { border-radius: 2px;}
+
 
 .hero_to_top  {
 }
 .image-front-topbar {
 	margin-top:-40px;
 }
+
 .tm-header {
 /*padding-top:40px;*/
 }
 
-
 .tm-toolbar {
 border-top: 5px solid #05007A;
 position:relative;
@@ -18,6 +77,7 @@ color: #fff;
 padding-top: 0px;
 padding-bottom:0px;
 background:rgba(255,255,255, 0.0);
+z-index:10000;
 /*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)), url(/images/toolbar_bg.png);*/
 
 }
@@ -40,19 +100,18 @@ background:rgba(255,255,255, 0.4);
 .inner {
  left:0px;
  background-color: #05007A;
+ margin-top:-5px;
 }
 .tm-toolbar .uk-container {
 padding-right:0px;
-
 }
 
 .tm-toolbar ul.uk-subnav.uk-subnav-line{
+ margin-top:-10px;
   background-color: #05007A;
-  padding-top:0px;
+  padding:10px 10px  0px 0px;
-  transform: skew(25deg);  
+  transform: skew(25deg);
-  padding-right:10px;
   margin-right:10px;
-  padding-left:0px;
 }
 
 .tm-toolbar .uk-subnav-line li {
@@ -82,14 +141,15 @@ padding-right:0px;
 .tm-toolbar .uk-subnav-line li  a{
   display: block;
   text-decoration:none;
-  transform: skew(-25deg); 
+  transform: skew(-25deg);
   font-family:Roboto:900!important;
   text-transform:uppercase!important;
   font-size:13px!important;
   opacity:1!important;
   color:#fff!important;
- 
 }
+
+
 .tm-toolbar .uk-subnav-line li:hover {
   color:#05007A!important;
   background:#fff;
@@ -97,26 +157,32 @@ padding-right:0px;
 }
 
 
-
+.tm-toolbar .uk-subnav-line .uk-active .home-hover li:hover,
-.tm-toolbar .uk-subnav-line li a:hover, 
+li.uk-active.home-hover
-.tm-toolbar .uk-subnav-line li:hover a{
+{
-  display: block;
+ background:#05007A!important;
-  color:#05007A!important;
 }
 
-.tm-toolbar  .uk-dotnav, .tm-toolbar .uk-subnav {
+.tm-toolbar .uk-dotnav, .tm-toolbar .uk-subnav {
   margin-bottom:0px!important;
 }
 
+.tm-toolbar .uk-subnav-line li a:hover,
+.tm-toolbar .uk-subnav-line li:hover a {
+  display: block;
+  color:#05007A!important;
+}
+
 .movetotop .uk-slidenav-position{
   /*top:-130px;
   z-index:5;*/
 }
+
 .uk-navbar-container:not(.uk-navbar-transparent) {
 	background: #fff;
 	box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
-
 }
+
 .uk-navbar-sticky {
     box-shadow: 2px 15px 50px rgba(41, 44, 61, .1);
 }
@@ -134,15 +200,49 @@ border-radius: 2px;
 box-shadow: 2px 15px 50px rgba(41, 44, 61, .1)
 }
 
-.uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link, 
+
+/*
+.uk-light a, .uk-light .uk-link,
+.uk-section-primary:not(.uk-preserve-color) a, .uk-section-primary:not(.uk-preserve-color) .uk-link,
+.uk-section-secondary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link,
+.uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link,
+.uk-tile-secondary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link,
+.uk-card-primary.uk-card-body a, .uk-card-primary.uk-card-body .uk-link, .uk-card-primary>:not([class*='uk-card-media']) a,
+.uk-card-primary>:not([class*='uk-card-media']) .uk-link, .uk-card-secondary.uk-card-body a,
+.uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary>:not([class*='uk-card-media']) a,
+.uk-card-secondary>:not([class*='uk-card-media']) .uk-link, .uk-overlay-primary a, .uk-overlay-primary .uk-link,
+*/
+.uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link,
 .uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link, .tm-toolbar a, .tm-toolbar .uk-link {
-color:#292C3D;
+	color: #292C3D
+}
+
+
+.uk-navbar-container:not(.uk-navbar-transparent) a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link,
+.uk-offcanvas-bar a, .uk-offcanvas-bar .uk-link, .tm-toolbar a, .tm-toolbar .uk-link {
+/*color:#292C3D;
 color: #245BCC;
+color: #2D72D6;
+*/
+/*
 font-size: 14px;
 line-height: 18px;
+*/
 }
-a:hover, .uk-link:hover{
+
-color: #D53B23;
+/*footer*/
+.footer-license {
+font-size:11px!important;
+line-height:16px!important;
+}
+.footer-license .uk-section-primary:not(.uk-preserve-color) a{
+ color: #128DD5!important;
+ font-size:11px!important;
+line-height:16px!important;
+
+}
+.footer-license a:hover {
+ color: #D33A24;
 }
 
 .uk-light .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .tm-toolbar .uk-navbar-nav>li>a {
@@ -151,13 +251,13 @@ color:#292C3D;}
 .uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a
 color:#292C3D;}
 
-.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before, 
+.uk-light .uk-navbar-nav>li>a::before, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before, 
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a::before,
-.uk-card-primary.uk-card-body .uk-navbar-nav>li>a::before, 
+.uk-card-primary.uk-card-body .uk-navbar-nav>li>a::before,
 .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before, .
-uk-card-secondary.uk-card-body .uk-navbar-nav>li>a::before, 
+uk-card-secondary.uk-card-body .uk-navbar-nav>li>a::before,
-.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before, 
+.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a::before,
-.uk-overlay-primary .uk-navbar-nav>li>a::before, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a::before, 
+.uk-overlay-primary .uk-navbar-nav>li>a::before, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a::before,
 .uk-offcanvas-bar .uk-navbar-nav>li>a::before, .tm-toolbar .uk-navbar-nav>li>a::before {
 
 background-color: #128DD5;
@@ -166,30 +266,30 @@ background-color: #128DD5;
 /*height:2px;*/
 background-color: #128DD5!important;
 }
-.uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-navbar-nav>li>a:focus, .uk-light .uk-navbar-nav>li>a.uk-open, 
+.uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-navbar-nav>li>a:focus, .uk-light .uk-navbar-nav>li>a.uk-open,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, 
+.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus, 
+.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
-.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, 
+.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, 
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus, 
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,
-.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, 
+.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,
-.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus, 
+.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,
-.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open, 
+.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,
-.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a, 
+.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
-.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus, 
+.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
-.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open, 
+.uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
-.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a, 
+.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,
-.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus, 
+.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,
-.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open, 
+.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,
-.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a, 
+.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li:hover>a,
-.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus, 
+.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:focus,
-.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open, 
+.uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a.uk-open,
-.uk-overlay-primary .uk-navbar-nav>li:hover>a, .uk-overlay-primary .uk-navbar-nav>li>a:focus, 
+.uk-overlay-primary .uk-navbar-nav>li:hover>a, .uk-overlay-primary .uk-navbar-nav>li>a:focus,
-.uk-overlay-primary .uk-navbar-nav>li>a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li:hover>a, 
+.uk-overlay-primary .uk-navbar-nav>li>a.uk-open, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li:hover>a,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:focus, 
+.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:focus,
-.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a.uk-open, 
+.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a.uk-open,
-.uk-offcanvas-bar .uk-navbar-nav>li:hover>a, .uk-offcanvas-bar .uk-navbar-nav>li>a:focus, 
+.uk-offcanvas-bar .uk-navbar-nav>li:hover>a, .uk-offcanvas-bar .uk-navbar-nav>li>a:focus,
-.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open, .tm-toolbar .uk-navbar-nav>li:hover>a, 
+.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open, .tm-toolbar .uk-navbar-nav>li:hover>a,
 .tm-toolbar .uk-navbar-nav>li>a:focus, .tm-toolbar .uk-navbar-nav>li>a.uk-open {
 color: #128DD5;
 }
@@ -221,10 +321,22 @@ color: #128DD5;
 .uk-light .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .tm-toolbar .uk-navbar-nav>li.uk-active>a {
    color: #128DD5!important;
 }
-.uk-light a:hover, .uk-light .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary>:not([class*='uk-card-media']) a:hover, .uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary>:not([class*='uk-card-media']) a:hover, .uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-navbar-container:not(.uk-navbar-transparent) a:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .tm-toolbar a:hover, .tm-toolbar .uk-link:hover {
+.uk-light a:hover, .uk-light .uk-link:hover,
+.uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
+.uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
+.uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover,
+.uk-card-primary>:not([class*='uk-card-media']) a:hover, .uk-card-primary>:not([class*='uk-card-media']) .uk-link:hover,
+.uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover,
+.uk-card-secondary>:not([class*='uk-card-media']) a:hover, .uk-card-secondary>:not([class*='uk-card-media']) .uk-link:hover,
+.uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover,
+.uk-navbar-container:not(.uk-navbar-transparent) a:hover, .uk-navbar-container:not(.uk-navbar-transparent) .uk-link:hover,
+.uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .tm-toolbar a:hover, .tm-toolbar .uk-link:hover {
    color: #128DD5!important;
 }
 
+.uk-navbar-dropdown-nav>li.uk-active>a {
+ color: #128DD5!important;
+}
 .uk-light .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
 .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active,
 .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class * ='uk-card-media']) .uk-navbar-nav > li > a:active,
@@ -244,22 +356,63 @@ color: #128DD5;
     color: #292C3D!important;
 }
 .uk-light .uk-navbar-nav>li>a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-primary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-secondary>:not([class*='uk-card-media']) .uk-navbar-nav>li>a:active, .uk-overlay-primary .uk-navbar-nav>li>a:active, .uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:active, .uk-offcanvas-bar .uk-navbar-nav>li>a:active, .tm-toolbar .uk-navbar-nav>li>a:active {
-color:#128DD5;
+color:#128DD5!important;
 }
 
+.uk-navbar-dropdown-nav {
+	font-size:14px;
+}
 .uk-navbar-nav>li>a, .uk-navbar-item, .uk-navbar-toggle, .navbar .brand, .navbar-search, .navbar .nav>li>a {
 	font-size: 14px;
 	font-family: Roboto;
-	font-weight: 300 !important
+	font-family: "Merriweather", serif;
+	font-family: 'Merriweather Sans', sans-serif;
+	font-family: 'Roboto Slab', serif;
+	font-size: 16px;
+	line-height: 23px;
+text-transform:none;
+color: rgba(0, 0, 0, 0.8)!important;
+	font-weight: 500 !important;
+}
+.uk-nav-default .uk-nav-header,
+.uk-navbar-dropdown-nav .uk-nav-header {
+color: #245CCF;
+font-size:14px;
 }
 
+.sidemenu .uk-h3{
+
+padding-bottom: 15px;
+font-weight: 300;
+text-transform: none;
+color:#040067;
+}
+.sidemenu .uk-nav, .uk-nav ul, .dropdown-menu {
+font-weight: 300;
+font-size: 14px;
+color: #80828B;
+
+}
+.sidemenu ul>li>ul, .sidemenu ul>li>ol, .sidemenu ol>li>ol, .sidemenu ol>li>ul{
+padding-left: 40px;
+}
+.sidemenu ul>li>ul a {
+color: #80828B!important;
+color: rgba(99, 104, 114, 0.8)!important;
+}
+.sidemenu ul>li>ul a:hover {
+color: #D53B23!important;
+}
+.uk-nav-header:not(:first-child) {margin-top:10px;}
 .uk-navbar-dropdown, .navbar .nav>li>.dropdown-menu {
 	background:#fff;
 }
+.uk-nav>li>a,
 .uk-navbar-dropdown-nav>li>a,
 .uk-navbar-dropdown-nav .uk-nav-sub a {
 	color:#292C3D;
 	font-weight:300;
+	padding:4px 0;
 }
 .uk-section-secondary:not(.uk-preserve-color) h3,
 .uk-section-secondary:not(.uk-preserve-color) h3 a,
@@ -299,14 +452,11 @@ color: #90929D;
 }
 .first_page_section {
     /*position: relative;*/
-   
  }
-.first_page_section .uk-container {
+.first_page_section .uk-section>:last-child {
-  /*max-width:100%!important;*/
+position: relative;
-  /*width:100%!important;
+top: 50%;
-  padding:0px!important;*/
+transform: translateY(-50%);
-  /*position: absolute;
-  bottom: 0;*/
 }
 
 .first_page_section .first_page_banner_headline {
@@ -314,37 +464,75 @@ color: #90929D;
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
   color:#fff;
- 
+
 }
 .first_page_panel h3.uk-h1 {
   color:#fff;
-  
 }
 .first_page_panel {
-  background-color:#05007A!important;
   border: 0px solid #e5e5e7!important;
  padding:20px 20px!important;
-	/*width:100%!important;*/
+/*width:100%!important;*/
   font-size:24pt!important;
   padding:20px!important;
   color:#fff;
-}  
+}
 .first_page_panel .banner_text_bottom {
   font-size:20pt;
   padding:20px;
-
+}
+.mainHdr {background-color: rgb(4, 0, 103)!important;
 }
 
-body {
-  font-family: 'Open Sans', sans-serif!important;
 
+/*tabs*/
+.wk-tab::before {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 20px;
+    right: 0;
+    border-bottom: 1px solid #e5e5e5;
+}
+.wk-tab>li.wk-active>a {
+border-color: transparent transparent #1678CB transparent !important;
+background:tranparent;
+border-bottom: 2px solid #1678CB;
+}
+.wk-tab>*>a {
+    display: block;
+    text-align: center;
+    padding: 9px 20px;
+    color: #444!important;
+    border-bottom: 2px solid transparent;
+    font-size: 12px;
+    text-transform: uppercase;
+    -webkit-transition: color 0.1s ease-in-out;
+    transition: color 0.1s ease-in-out;
+    line-height: 20px;
+}
 
+.wk-tab>li.wk-open>a, .wk-tab>li>a:focus, .wk-tab>li>a:hover {
+border-color: transparent transparent #1678CB transparent !important;
+background: transparent!important;
+color: #1678CB!important;
+outline: 0
 }
-h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6 {
+
- font-family: 'Open Sans', sans-serif !important;
+.serviceicon .wk-panel h3{ text-transform: uppercase!important; font-weight: 700; font-size:12px;
 }
-h2, .uk-h2 {
+.serviceicon .wk-panel:hover h3{
-	font-size:36px;
+	color: #D53B23!important;
+}
+.serviceicon .wk-margin,
+.serviceicon .wk-panel-teaser, .serviceicon .wk-panel-title {margin-bottom:10px;}
+.serviceicon *+.wk-margin {margin-top:10px;}
+
+.key_message {
+	color: #128DD5!important;
+}
+.larger-font {
+	font-size:120%;
 }
 
 .nspArt h4.nspHeader {
@@ -362,7 +550,6 @@ padding: 5px 0 5px 0;
 .readon , .readon:link{
  margin: 0;
     border: 1px solid #eaeaea;
-
     overflow: visible;
     font: inherit;
     color: inherit;
@@ -392,38 +579,21 @@ padding: 5px 0 5px 0;
 background-color: #fff;
 color: #00a0de;
 box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05);
-
 }
 .banner_text_white {font-weight: 300; font-size: 28px; color:white;}
 
-/*footer*/
-.footer-license {
-font-size:11px!important;
-line-height:16px!important;
-}
-.footer-license .uk-section-primary:not(.uk-preserve-color) a{
- color: #128DD5!important;
- font-size:11px!important;
-line-height:16px!important;
-
-}
-.footer-license a:hover {
- color: #D33A24;
-}
 
 /*custom classes */
-.partner_slider .wk-link-reset, .partner_slider .wk-link-reset a, .partner_slider .wk-link-reset a:focus, 
+.partner_slider .wk-link-reset, .partner_slider .wk-link-reset a, .partner_slider .wk-link-reset a:focus,
 .partner_slider .wk-link-reset a:hover, .partner_slider .wk-link-reset:focus, .partner_slider .wk-link-reset:hover {
 color: black;
 }
 .dark-divider hr, .dark-divider .uk-hr {
 border-top: 1px solid #6c6c6c;
-
-
 }
 
 /*events*/
-.calendar h3{text-transform:none; font-weight:300;}
+.calendar h3{text-transform:none; font-weight:300; margin-bottom:5px; margin-top:5px;}
 .mod_events_latest_table td {
 	padding-top:5px;
 	padding-bottom:5px;
@@ -433,10 +603,7 @@ border-top: 1px solid #6c6c6c;
 	margin-top:0px;
 }
 
-/*.mod_events_latest_table tr {
+.mod_events_latest_date {
-	background: url(../../../images/header_line.png) bottom left repeat-x;
-}*/
-.mod_events_latest_date { 
 	width: 18%;
 	float: left;
 	position: relative;
@@ -445,7 +612,6 @@ border-top: 1px solid #6c6c6c;
 	font-size:12px!important;
 	background: #9c9c9c;
 	font-weight:400;
-
 	/*
 	border-radius: 1px;
 	-moz-border-radius: 1px;
@@ -460,12 +626,12 @@ border-top: 1px solid #6c6c6c;
 	text-align:center;
 	padding:10px 0px;
 	line-height:20px;
-	
+
 }
 .mod_events_latest_date .larger_font {
 	font-size:28px!important;
 	font-weight:700!important;}
-	
+
 .mod_events_latest_time {
 	//float: left;
 	position: relative;
@@ -491,7 +657,6 @@ border-top: 1px solid #6c6c6c;
 	line-height: 16px;
 	font-weight:400!important;
 	text-transform:none;
-
 }
 .mod_events_latest_rsslink a {
 color: #767779;
@@ -513,10 +678,6 @@ box-sizing: border-box;
 vertical-align: middle;
 font-size: 13px;
 display:inline-block;
-
-/*
-text-align: center;
-*/
 text-decoration: none;
 -webkit-transition: .1s ease-in-out;
 transition: .1s ease-in-out;
@@ -529,7 +690,8 @@ border-radius: 2px;
 background-origin: border-box;
 }
 .mod_events_latest_rsslink a:hover {
-color: #00a0de
+color: #00a0de;
+
 }
 .mod_events_latest_rsslink:hover::before {
 background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2223%22%20height%3D%2211%22%20viewBox%3D%220%200%2023%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20points%3D%2217%201%2022%205.5%2017%2010%20%22%3E%3C%2Fpolyline%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%2300a0de%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2222.4%22%20y2%3D%225.5%22%3E%3C%2Fline%3E%0A%3C%2Fsvg%3E");
@@ -590,6 +752,7 @@ line-height: 18px;
 	text-transform:none;
 	font-size: 14px;
 	font-weight:300;
+	margin:10px;
 }
 .readon-button{
 text-transform: none;
@@ -599,4 +762,364 @@ font-weight: 300;
 font-family: 'Open Sans', sans-serif !important;
 }
 .readon-button:hover {
-}
+}
+.newsletter .uk-h2 {font-size:28px!important;}
+.newsletter .uk-icon {
+padding-left: 10px;
+padding-bottom: 15px;
+vertical-align: middle;
+}
+.newsletter .el-title{
+display: inline-block;
+fill: currentcolor;
+margin-bottom:0;
+}
+
+.newsletter .acymailing_mootoolsbutton a:link,
+.newsletter .acymailing_mootoolsbutton a:visited {
+background:none!important;
+border:none!important;
+text-shadow:none!important;
+color: rgba(255, 255, 255, 0.5)!important;
+font-size: 14px;
+font-weight: 300;
+line-height: 20px;
+}
+
+.newsletter .acysubbuttons input.button, .newsletter .acysubbuttons .button {
+padding: 0 15px!important;
+line-height: 30px;
+font-size: 13px;
+border-radius: 2px;
+margin: 0;
+border: 0;
+overflow: visible;
+font-family: Roboto;
+font-weight: normal;
+
+color: inherit;
+text-transform: none;
+display: inline-block;
+box-sizing: border-box;
+vertical-align: middle;
+text-align: center;
+text-decoration: none;
+-webkit-transition: .1s ease-in-out;
+transition: .1s ease-in-out;
+-webkit-transition-property: color, background-color, border-color, box-shadow;
+transition-property: color, background-color, border-color, box-shadow;
+font-family: Roboto;
+font-weight: normal;
+text-transform: uppercase;
+background-origin: border-box;
+box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07);
+}
+
+.newsletter .acysubbuttons input.button:hover, .newsletter .acysubbuttons .button:hover {
+color:#444;
+background-color:#fff!important;
+background-image:none!important;
+}
+
+.newsletter .acysubbuttons input.button:hover, .newsletter .acysubbuttons .button:hover,
+.newsletter .acysubbuttons button.validate:hover, .newsletter .acymailing_mootoolsbutton a:hover,
+.newsletter .acymailing_mootoolsbutton a:active {
+box-shadow:none!important;
+-moz-box-shadow:none!important;
+-webkit-box-shadow:none!important;
+color: #00a0de!important;
+box-shadow: 0 6px 50px rgba(0, 0, 0, 0.05)!important;
+}
+.acymailing_module a.acymailing_togglemodule {
+font-size: 14px;
+font-weight: 300;
+color: rgba(255, 255, 255, 0.5)!important;
+}
+
+
+/*login button */
+#btl .btl-panel > span .btl-dropdown { border:3!important;}
+
+#btl .btl-panel > span{
+	border: 0px!important;
+	background-color: transparent!important;
+	color:#444!important;
+	padding-right:30px;
+	padding-left:6px;
+	height:0px!important;
+	line-height:20px!important;
+	margin:0px !important;
+	box-shadow: 0px 0px 0px;
+	border-radius:0px!important;
+	display: inline-table!important;
+	text-transform:none!important;
+	font-size: 14px;
+	font-family: 'Roboto Slab', serif;
+	font-size: 16px;
+	line-height: 23px;
+	font-weight: 500 !important;
+}
+.loginLink {
+text-transform:none!important;
+color: rgba(0, 0, 0, 0.8)!important;
+}
+
+/*.btl-panel {
+	background: url(../images/key_login.png) right 40% no-repeat;
+}*/
+#btl-panel-login >span {
+	border: 5px solid #d0d0d0!important;
+}
+.uk-navbar-item .btlogin{ color: red!important;
+}
+
+#btl .btl-panel > #btl-panel-profile {
+color: #040067!important;
+font-size: 13px !important;
+font-family: Roboto;
+}
+
+.btl-content-block {
+-webkit-font-smoothing: antialiased;
+background-attachment: scroll;
+background-clip: border-box;
+background-color: rgb(255, 255, 255);
+background-image: none;
+background-origin: padding-box;
+background-size: auto;
+border-bottom-left-radius: 2px;
+border-bottom-right-radius: 2px;
+border-top-left-radius: 2px;
+border-top-right-radius: 2px;
+box-shadow: rgba(41, 44, 61, 0.0980392) 2px 15px 50px 0px;
+box-sizing: border-box;
+color: rgb(79, 82, 96);
+display: none;
+height: auto;
+margin-top: 0px;
+padding-bottom: 25px;
+padding-left: 25px;
+padding-right: 25px;
+padding-top: 25px;
+position: absolute;
+text-align: left;
+text-rendering: optimizeLegibility;
+}
+
+#btl-content #btl-content-profile #module-in-profile ul li img,
+#btl-content #btl-content-profile #module-in-profile ul li a {padding-right: 5px!important;}
+
+#btl-content #btl-content-profile #module-in-profile ul li a {
+-webkit-font-smoothing: antialiased;
+-webkit-text-decoration-skip: objects;
+/*background-color: rgba(0, 0, 0, 0);*/
+box-sizing: border-box;
+color: rgb(41, 44, 61);
+cursor: pointer;
+display: block;
+font-family: Roboto;
+font-size: 14px;
+font-weight: 300;
+height: auto;
+line-height: 20px;
+list-style-image: none;
+list-style-position: outside;
+list-style-type: none;
+padding-bottom: 6px;
+padding-left: 0px;
+padding-right: 0px;
+padding-top: 6px;
+text-align: left;
+text-decoration: none;
+text-rendering: optimizeLegibility;
+width: auto;
+}
+
+#module-in-profile ul li  a:hover {
+color: #128DD5 !important;
+}
+
+/*FAQs*/
+
+.searchifaq label {
+font-family: Roboto, sans-serif;
+font-weight:500;
+font-size:16px;
+color: #040067;
+}
+.btn,
+.buttonifaq{
+margin-top:10px;
+background-color: #fff;
+    color: #5b5b5b;
+    box-shadow: 0 3px 12px rgba(0,0,0,0.07);
+    display: inline-block;
+    border:none;
+    box-sizing: border-box;
+    padding: 0 25px;
+    vertical-align: middle;
+    font-size: 13px;
+    line-height: 40px;
+    text-align: center;
+    text-decoration: none;
+    -webkit-transition: .1s ease-in-out;
+    transition: .1s ease-in-out;
+    -webkit-transition-property: color,background-color,border-color,box-shadow;
+    transition-property: color,background-color,border-color,box-shadow;
+    font-family: Roboto;
+    font-weight: normal;
+    text-transform: uppercase;
+    border-radius: 2px;
+    background-origin: border-box;
+    }
+.buttonifaq:hover{ background-color: #fff;
+    color: #00a0de;
+    box-shadow: 0 6px 50px rgba(0,0,0,0.05);
+}
+.ifaq h5.ifaq-item-header {
+margin-bottom:10px;
+margin-top:10px;
+}
+.ifaq-tpl-clean_blue_arrow .collapse-open .ifaq-item-header {
+font-weight:normal;
+}
+.ifaq .uk-tab>*>a, .ifaq .nav-tabs>li>a {
+text-align:left;
+color: #2D72D6;
+}
+.ifaq .nav-tabs>li>a:hover {
+ border-color:transparent;
+ color: #D53B23;
+}
+
+.ifaq .nav>li>a:hover, .ifaq .nav>li>a:focus { background:none;}
+
+.ifaq-tpl-clean_blue_arrow .ifaq-panel {
+box-shadow:none;
+	border-bottom: 1px solid #eee;
+
+}
+
+.ifaq-tpl-clean_blue_arrow .ifaq-collapsible > a {
+display: block; padding: 1px 0 1px 0px;
+background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
+background-repeat: no-repeat;
+background-position: 98% 50%;
+}
+
+.ifaq-tpl-clean_blue_arrow .ifaq-collapsible {
+	text-shadow:none;
+	background:transparent;
+	box-shadow:none;
+	border-bottom: 1px solid #eee;
+}
+.ifaq-tpl-clean_blue_arrow .collapse-open, .ifaq-tpl-clean_blue_arrow .collapse-open > a {
+    background: transparent;
+    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
+background-repeat: no-repeat;
+ background-position: 98% 50%;
+}
+.ifaq-tpl-clean_blue_arrow .collapse-close:hover {
+	background:transparent;
+}
+
+.ifaq-tpl-clean_blue_arrow .ifaq-collapsible > a:hover {
+background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
+ background-repeat: no-repeat;
+ background-position: 98% 50%;
+}
+
+.ifaq-tpl-clean_blue_arrow .collapse-open > a:hover {
+background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%236C6D74%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E");
+background-repeat: no-repeat;
+background-position: 98% 50%;
+}
+
+/*widget accordion */
+.wk-accordion, .wk-text-left {display:block!important;}
+
+
+.faq .wk-accordion-title {
+	text-transform:none;
+	font-weight: 400;
+	font-size:16px;
+}
+
+/* for DISCOVERY PORTAL */
+.discoverHrd {background-color: #f25f30!important;}
+
+.search_box_bg .uk-input, .search_box_bg .uk-input:focus {
+background-color: rgba(255, 255, 255, 1.0)!important;
+color: rgba(0, 0, 0, 1.0)!important;
+}
+.search_box_bg .uk-input::placeholder{
+color: rgba(0, 0, 0, 0.6)!important;
+}
+
+.search_box_bg .uk-text-background{
+background-color: rgba(255, 255, 255, 1.0);
+font-size:28px!important;
+font-weight: 500;
+}
+.search_box_bg  .uk-grid-divider>:not(.uk-first-column)::before {
+border-left-color: rgba(255, 255, 255, 0.6)!important;
+}
+
+/*tags */
+.uk-label-arrow{
+	display: inline-block;
+	height: 21px;
+	margin: 0 10px 0 0;
+	padding: 0 7px 0 14px;
+	white-space: nowrap;
+	position: relative;
+
+	background-color: #5A9EDA;
+
+	color: white;
+	font: normal 11px/21px Arial, Tahoma, sans-serif;
+	text-decoration: none;
+
+	border-top: 1px solid #5A9EDA;
+	border-bottom: 1px solid #5A9EDA;
+	border-right: 1px solid #5A9EDA;
+	border-radius: 1px 3px 3px 1px;
+}
+.uk-label-arrow:before {
+	content: '';
+	position: absolute;
+	top: 5px;
+	left: -6px;
+	width: 10px;
+	height: 10px;
+
+	background-color: #5A9EDA;
+	border-left: 1px solid #5A9EDA;
+	border-bottom: 1px solid #5A9EDA;
+	border-radius: 0 0 0 2px;
+}
+.uk-label-arrow:before {
+	-webkit-transform: scale(1, 1.5) rotate(45deg);
+	-moz-transform: scale(1, 1.5) rotate(45deg);
+	-ms-transform: scale(1, 1.5) rotate(45deg);
+	transform: scale(1, 1.5) rotate(45deg);
+}
+.uk-label-arrow:after {
+	content: '';
+	position: absolute;
+	top: 7px;
+	left: 1px;
+	width: 5px;
+	height: 5px;
+	background: #FFF;
+	border-radius: 4px;
+	border: 1px solid #5A9EDA;
+}
+.uk-label-arrow a:hover {
+	color: #FFF;
+	text-shadow: -1px -1px 0 rgba(153,102,51,0.3);
+}
+.featurednews.uk-card-default {
+background: rgba(255,255,255, 0.6)!important;
+color: black;
+}

portal-2/src/index.html

@@ -48,11 +48,18 @@
       </script>
        <!-- <script src="assets/jquery/jquery.min.js" type="text/javascript"></script> -->
        <script  src="assets/dl119_files/jquery.js"></script>
-
+       <!-- <script  src="assets/dl119_files/uikit.js"></script> -->
-       <script  src="assets/dl119_files/uikit.js"></script>
        <script src="assets/dl119_files/uikit-icons-max.js"></script>
+<script>
+$(document).ready(function(){
+  console.log("Is ready - load uikit ***")
+    $.getScript("assets/dl119_files/uikit.js");
+    $.getScript("assets/dl119_files/uikit-icons-max.js");
+});
+</script>
+       <!-- <script  src="assets/dl119_files/uikit.js"></script> -->
+       <!-- <script src="assets/dl119_files/uikit-icons-max.js"></script> -->
 
-      <script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
 
       <!-- <link rel="stylesheet" href="node_modules/uikit/dist/css/uikit.min.css"> -->
       <link rel="stylesheet" href="assets/dl119_files/theme.css">
@@ -96,6 +103,7 @@
       <!-- End of Google sitelinks search markup-->
 
 
+      <script src="../node_modules/angular2/bundles/angular2-polyfills.js"></script>
 
  </head>
  <body class="" style="">