Project

General

Profile

1 58825 stefania.m
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
2 57592 stefania.m
3 58610 stefania.m
html {
4
  color: #292929;
5
}
6
7 57592 stefania.m
body {
8
  font: 400 14px/19px 'Open Sans';
9
}
10
11
h1, h2, h3, h4, h5, h6 {
12
  font-family: 'Open Sans', sans-serif;
13
}
14
15 58825 stefania.m
h3 {
16
  font-weight: 600;
17
  font-size: 24px;
18
}
19
20 58904 stefania.m
.uk-flex-space-between {
21
  justify-content: space-between;
22
}
23
24 57592 stefania.m
.uk-container-large {
25
  max-width: 1600px;
26
}
27
28
.uk-container-expand {
29
  max-width: none;
30
}
31
32 57732 stefania.m
.uk-container-center {
33
  margin-left: auto;
34
  margin-right: auto;
35
}
36
37 58610 stefania.m
.uk-navbar-nav > li > a, .uk-navbar-nav > li.uk-active > a {
38
  font-size: 14px;
39
  font-weight: bold;
40
  letter-spacing: 0px;
41
  color: #000;
42
}
43
44 58958 stefania.m
.large-beta-indication {
45
  height: 83px;
46
  position: fixed;
47
  top: 0;
48
  left: 0;
49
  z-index: 10000;
50
}
51
52
.medium-beta-indication-nonFixed {
53
  height: 65px;
54
  position: absolute;
55
  top: 0;
56
  left: 0;
57
  z-index: 10000;
58
}
59
60
.medium-beta-indication-fixed {
61
  height: 65px;
62
  position: fixed;
63
  top: 0;
64
  left: 0;
65
  z-index: 10000;
66
}
67
68 58825 stefania.m
/*#sect-overview, #sect-tabs {*/
69
  /*padding: 20px 0;*/
70
/*}*/
71 57592 stefania.m
72
.greySection {
73 57734 stefania.m
  /*background-color: #F0F0F0;*/
74 58610 stefania.m
  background-color: #F9FBFC;
75 57592 stefania.m
}
76
77 57734 stefania.m
a {
78 58610 stefania.m
  color: #EC4386;
79 57734 stefania.m
}
80
81
a:hover, a:focus, a:active {
82 58610 stefania.m
  color: #CA4D9A;
83 57734 stefania.m
}
84
85 57592 stefania.m
.mapContainer {
86
  /*background: #F7F7F7 0% 0% no-repeat padding-box;*/
87
  /*border: 1px solid #E0E0E0;*/
88
  /*opacity: 0.4;*/
89
  /*padding: 15px;*/
90
  position: relative;
91
  height: 100%;
92
}
93
94
.mapContainerEmbed {
95
  height: 100%;
96
}
97
98
.map {
99
  /*height: 398px;*/
100 58610 stefania.m
  /*border: 1px solid #707070;*/
101 57592 stefania.m
  /*margin: 15px;*/
102
  position: absolute;
103
  height: 88%;
104
  width: 100%;
105
}
106
107
.mapControls {
108 58825 stefania.m
  /*position: absolute;*/
109 57592 stefania.m
  bottom: 20px;
110
}
111
112
.uk-nav-label {
113
  width: 12px;
114
  height: 12px;
115
  display: inline-block;
116
  vertical-align: -1px;
117
  margin-right: 8px;
118 58610 stefania.m
  border-radius: 50%;
119 57592 stefania.m
}
120
121
.uk-nav-horizontal li {
122
  display: inline-block;
123
}
124
125 57746 stefania.m
.uk-nav > li > a {
126
  padding: 5px 15px;
127
}
128
129
.uk-nav-side > li > a {
130
  color: #444;
131
}
132
133 57592 stefania.m
.mapControls .text {
134
  opacity: 0.5;
135
}
136
137
.mapControls .text.active {
138
  opacity: 1;
139
}
140
141
.dark-blue-box {
142
  background: #002D60 0% 0% no-repeat padding-box;
143
  border: 1px solid #707070;
144
  border-radius: 2px;
145
  opacity: 1;
146
  color: #fff;
147
}
148
149 57732 stefania.m
.dark-blue-box a, .dark-blue-box a:hover, .dark-blue-box a:focus {
150
  color: #fff;
151
}
152
153 57734 stefania.m
.dark-grey-box {
154
  background: #2A2D34 0% 0% no-repeat padding-box;
155
  border: 1px solid #707070;
156
  border-radius: 2px;
157
  opacity: 1;
158
  color: #fff;
159
}
160
161
.dark-grey-box h3 {
162
  color: #fff;
163
}
164
165
.dark-grey-box a, .dark-grey-box a:hover, .dark-grey-box a:focus {
166
  color: #fff;
167
}
168
169 57732 stefania.m
.openaire-symbol-wrapper {
170
  background-color: #fff;
171
  border-radius: 50%;
172
  padding: 12px 10px 17px 13px;
173
}
174
175
176 57592 stefania.m
.infoBox {
177 58610 stefania.m
  /*font-weight: 300;*/
178
  /*font-size: 15px;*/
179
180
  background: #FFFFFF 0% 0% no-repeat padding-box;
181
  box-shadow: 0px 2px 6px #00000038;
182
  border-radius: 3px;
183
  opacity: 1;
184 57592 stefania.m
}
185
186
.infoBox h3 {
187
  font-weight: bold;
188
}
189
190
.infoBox ul {
191
  padding-left: 18px;
192
}
193
194
.infoBox ul li {
195
  margin-bottom: 20px;
196
  letter-spacing: 0px;
197
  line-height: 27px;
198
}
199
200
.dark-blue-box h3 {
201
  color: #fff;
202
}
203
204
a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:focus  {
205
  color: #fff;
206
}
207
208
.greyBoldDivider {
209 58917 stefania.m
  border: 1px solid #E0E0E0;
210 57592 stefania.m
}
211
212
.numbers .number {
213 58610 stefania.m
  font-size: 16px;
214 57592 stefania.m
}
215
216 58610 stefania.m
div.indicator {
217
  display: flex;
218
}
219
220
div.indicator span {
221
  padding-right: 10px;
222
}
223
224
.primary {
225
  color: #EC4386;
226
}
227
228
.publications {
229
  color: #F17AA9;
230
}
231
232
.datasets {
233
  color: #A98BD4;
234
}
235
236 58904 stefania.m
.software {
237
  color: #C2155A;
238
}
239
240
.other {
241
  color: #00CCCC;
242
}
243
244 58610 stefania.m
.repositories {
245
  color: #708AA5;
246
}
247
248
.journals {
249
  color: #FFCE4E;
250
}
251
252
.policies {
253
  color: #639C66;
254
}
255
256
.indicatorCards {
257
  font-size: 13px;
258
}
259
260 57592 stefania.m
.indicatorCards .md-card {
261
  box-shadow: 0px 2px 6px #00000038;
262 58610 stefania.m
  border: 1px solid #E0E0E0;
263
  border-radius: 3px;
264 57592 stefania.m
}
265
266
/********* Mock chart for country **********/
267
.epc_chart {
268
  display: block;
269
  position: relative;
270
}
271
272
.epc_chart_text {
273
  position: absolute;
274
  top: 0;
275
  left: 0;
276
  right: 0;
277
  bottom: 0;
278
  text-align: center;
279
  font: 400 20px/110px Roboto,sans-serif;
280
}
281
282
/********************************************/
283
284 57734 stefania.m
/*.md-btn-primary {*/
285
  /*background: #1F73F7 0% 0% no-repeat padding-box;*/
286
  /*box-shadow: 0px 3px 6px #00000029;*/
287
  /*border-radius: 26px;*/
288
  /*opacity: 1;*/
289
  /*text-align: left;*/
290
  /*font: 14px/19px Open Sans;*/
291
  /*font-weight: 400;*/
292
  /*letter-spacing: 0;*/
293
  /*color: #FFFFFF;*/
294
  /*text-transform: none;*/
295
  /*!*padding: 10px 30px;*!*/
296
/*}*/
297
298 58610 stefania.m
.md-btn {
299
  border-radius: 23px;
300
  padding: 7px 25px;
301
  font: 500 14px / 31px 'Open Sans', sans-serif !important;
302
}
303
304 57592 stefania.m
.md-btn-primary {
305 58610 stefania.m
  background: #EC4386 0% 0% no-repeat padding-box;
306 57592 stefania.m
  box-shadow: 0px 3px 6px #00000029;
307 58610 stefania.m
  border-radius: 23px;
308 57592 stefania.m
  opacity: 1;
309
  text-align: left;
310
  font: 14px/19px Open Sans;
311
  font-weight: 400;
312
  letter-spacing: 0;
313
  color: #FFFFFF;
314
  text-transform: none;
315
  /*padding: 10px 30px;*/
316
}
317
318 57734 stefania.m
.md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
319 58610 stefania.m
  background: #CA4D9A 0% 0% no-repeat padding-box;
320 57734 stefania.m
}
321
322 57592 stefania.m
.md-btn-secondary {
323 58610 stefania.m
  background: #CA4D9A 0% 0% no-repeat padding-box;
324 57592 stefania.m
  box-shadow: 0px 2px 6px #00000038;
325
  border-radius: 23px;
326
  opacity: 1;
327
  opacity: 1;
328
  text-align: left;
329
  font: 14px/19px Open Sans;
330
  font-weight: 400;
331
  letter-spacing: 0;
332
  color: #FFFFFF;
333
  text-transform: none;
334
  /*padding: 7px 30px;*/
335
}
336
337
.number {
338
  font-weight: bold;
339
}
340
341
#sect-tabs .uk-tab > li > a {
342
  text-transform: none;
343
}
344
345 57734 stefania.m
.uk-tab > li.uk-active > a {
346 58610 stefania.m
  border-bottom-color: #EC4386;
347 57734 stefania.m
}
348
349 58610 stefania.m
.uk-tab > li > a:hover, .uk-tab > li > a:focus {
350
  background: none;
351
  color: #212121;
352
  border-bottom-color: #CA4D9A;
353
}
354
355 58904 stefania.m
.uk-tab::before {
356
  border-bottom: none;
357
}
358
359 58825 stefania.m
.dataContainer {
360
  background: #F9fbfc 0% 0% no-repeat padding-box;
361 57592 stefania.m
  border: 1px solid #E0E0E0;
362
}
363
364
.tabContent {
365
  padding: 30px 50px;
366
}
367
368
.uk-tab {
369
  display: flex;
370
}
371
372
.uk-tab > li.uk-active > a {
373
  font-weight: bold;
374
}
375
/*.uk-tab-center.uk-tab {*/
376
377
  /*position: relative;*/
378
  /*right: 50%;*/
379
  /*border: none;*/
380
  /*float: right;*/
381
382
/*}*/
383
384 57746 stefania.m
.uk-subnav-pill > .uk-active > a {
385 57734 stefania.m
  /*background: #1F73F7;*/
386 58610 stefania.m
  background: #EC4386;
387 57592 stefania.m
}
388
389
.dataView.uk-subnav-pill > * > * {
390 58958 stefania.m
  width: 16px;
391
  height: 16px;
392
  padding: 8px;
393 57592 stefania.m
  border-radius: 50%;
394
  border: 1px solid;
395 58958 stefania.m
  display: inline-block;
396 57592 stefania.m
}
397
398
.tabContent hr {
399
  margin: 30px 0;
400
}
401
402
.dataContent {
403
  background-color: #FFFFFF;
404
  border: 1px solid #E0E0E0;
405
  padding: 30px;
406
}
407 57666 stefania.m
408 58825 stefania.m
.goToDetailedViewLink {
409 57666 stefania.m
  margin-top: -50px;
410
}
411 57746 stefania.m
412 58610 stefania.m
.actionButtons a, .actionButtonsCountryPage a {
413
  color: #000000;
414
}
415 57746 stefania.m
416 58610 stefania.m
.actionButtons a i, .actionButtonsCountryPage a i {
417
  color: #EC4386;
418
}
419 57746 stefania.m
420
.md-card .md-card-toolbar {
421 58610 stefania.m
  /*height: 48px;*/
422 57746 stefania.m
}
423
424 58610 stefania.m
.infoBox.md-card .md-card-toolbar {
425
  /*height: 48px;*/
426
  background: transparent linear-gradient(115deg, #EC4386 0%, #C94D9B 100%) 0% 0% no-repeat padding-box;
427
  border-radius: 3px 3px 0px 0px;
428
  opacity: 1;
429
  padding: 16px 25px 0;
430
  color: #292929;
431
}
432
433
.infoBox.md-card .md-card-toolbar h3 {
434
  color: #fff;
435
  font-size: 16px;
436
}
437
438 57746 stefania.m
.md-card .md-card-toolbar .md-card-toolbar-actions {
439
  padding-top: 15px;
440
}
441
442 58610 stefania.m
.md-card .md-card-content {
443
  padding: 20px;
444
}
445
446 57746 stefania.m
/*.uk-table td {*/
447
  /*border-bottom: 1px solid #e0e0e0;*/
448
/*}*/
449
450
.uk-table th {
451
  text-transform: none;
452
}
453
454
455 58912 stefania.m
a.publicationsSubnav {
456
  color: #F17AA9 !important;
457
}
458
459
.uk-subnav-pill > .uk-active > a.publicationsSubnav {
460
  background: #f8d5e3;
461
}
462
463
a.datasetsSubnav {
464
  color: #A98BD4 !important;
465
}
466
467
.uk-subnav-pill > .uk-active > a.datasetsSubnav {
468
  background: #e2daf0;
469
}
470
471
a.softwareSubnav {
472
  color: #C2155A !important;
473
}
474
475
.uk-subnav-pill > .uk-active > a.softwareSubnav {
476
  background: #F2D0DE;
477
}
478
479
a.otherSubnav {
480
  color: #00CCCC !important;
481
}
482
483
.uk-subnav-pill > .uk-active > a.otherSubnav {
484
  background: #CCF4F4;
485
}
486
487 58958 stefania.m
/*a.publicationsSubnav, a.datasetsSubnav, a.softwareSubnav, a.otherSubnav {*/
488
  /*width: 16px;*/
489
  /*height: 16px;*/
490
  /*padding: 8px;*/
491
  /*!*border-radius: 50%;*!*/
492
  /*!*border: 1px solid;*!*/
493
  /*display: inline-block;*/
494
/*}*/
495 58912 stefania.m
496 58958 stefania.m
a.publicationsSubnav img, a.datasetsSubnav img, a.softwareSubnav img, a.otherSubnav img {
497
  vertical-align: baseline;
498
}
499
500
501 57746 stefania.m
/**************** HEADER ****************/
502
503
/*.tm-header .uk-navbar-container {*/
504
  /*padding-top: 10px;*/
505
  /*padding-bottom: 15px;*/
506
/*}*/
507
508
.tm-header .uk-navbar-left {
509
  position: relative;
510
  z-index: 9999 !important;
511
}
512
513
.navbar .brand, .uk-logo {
514
  font-size: 24px;
515
  font-family: 'Open Sans';
516
  color: #666;
517
  text-decoration: none;
518
}
519
520
.tm-header .uk-logo {
521
  position: relative;
522
  z-index: 1000 !important;
523 58610 stefania.m
  /*padding-left: 100px;*/
524 57746 stefania.m
}
525
526
.uk-logo > img {
527
  max-height: 70px;
528
}
529
530
/********************************************/
531
532 58825 stefania.m
/**************** FOOTER ****************/
533
534
.footerLink {
535
  color: #000;
536
  text-decoration: underline;
537
}
538
539 58904 stefania.m
.footerImage {
540
  opacity: 0.8;
541
  float: left;
542
  margin-top: 7px;
543
}
544
545 58825 stefania.m
/********************************************/
546
547
548 57746 stefania.m
#sidebar_main {
549
  position: fixed;
550
  right: 0;
551
  top:0;
552
  bottom:0;
553
  overflow-x: hidden;
554
  overflow-y: auto;
555
  /*background-color: #222;*/
556
  /*width: 260px;*/
557
  width: 20%;
558
  z-index:1;
559
}
560
561
#left-col {
562
  position: fixed;
563
  left: 0;
564
  top:0;
565
  bottom:0;
566
  overflow-x: hidden;
567
  overflow-y: auto;
568
  background-color: #222;
569
  width: 260px;
570
  z-index:1;
571
}
572
.bar-wrap {
573
  padding: 2rem;
574
}
575
#right-col {
576
  margin-left: 260px;
577
}
578 57748 stefania.m
579
580
581
/*#sc-sidebar-main {*/
582
583
  /*position: fixed;*/
584
  /*top: 48px;*/
585
  /*left: 0;*/
586
  /*bottom: 0;*/
587
  /*-webkit-box-sizing: border-box;*/
588
  /*box-sizing: border-box;*/
589
  /*width: 260px;*/
590
  /*z-index: 1300;*/
591
  /*border-right: 1px solid*/
592
593
  /*rgba(0,0,0,.08);*/
594
595
  /*background:*/
596
597
    /*#fff;*/
598
  /*display: -webkit-box;*/
599
  /*display: -ms-flexbox;*/
600
  /*display: flex;*/
601
  /*-webkit-box-orient: vertical;*/
602
  /*-webkit-box-direction: normal;*/
603
  /*-ms-flex-direction: column;*/
604
  /*flex-direction: column;*/
605
606
/*}*/
607
608
/*#sc-sidebar-main .uk-offcanvas-bar {*/
609
610
  /*padding: 0;*/
611
612
/*}*/
613
614
/*#sc-sidebar-main .uk-offcanvas-bar {*/
615
616
  /*top: 0;*/
617
  /*display: -webkit-box;*/
618
  /*display: -ms-flexbox;*/
619
  /*display: flex;*/
620
  /*-webkit-box-orient: vertical;*/
621
  /*-webkit-box-direction: normal;*/
622
  /*-ms-flex-direction: column;*/
623
  /*flex-direction: column;*/
624
  /*position: static;*/
625
  /*background: 0 0;*/
626
  /*-webkit-box-shadow: none;*/
627
  /*box-shadow: none;*/
628
  /*-webkit-transform: none;*/
629
  /*transform: none;*/
630
  /*overflow-x: hidden;*/
631
  /*overflow-y: visible;*/
632
  /*height: 100%;*/
633
  /*width: 260px;*/
634
635
/*}*/
636
637
/*#sc-page-wrapper {*/
638
639
  /*height: calc(100% - 48px);*/
640
  /*-webkit-box-flex: 1;*/
641
  /*-ms-flex: 1;*/
642
  /*flex: 1;*/
643
644
/*}*/
645
646
/*#sc-page-wrapper {*/
647
648
  /*padding-left: 260px;*/
649
  /*-webkit-transition: padding 140ms ease-out;*/
650
  /*transition: padding 140ms ease-out;*/
651
652
/*}*/
653
654
655
656
657
/********************************************/
658
659
/*.contentSectionContainer .md-card-content {*/
660
  /*max-height: 300px;*/
661
/*}*/
662
663
.contentSectionContainer .md-card-content img {
664 57893 stefania.m
  height:  350px;
665 57748 stefania.m
  width: 100%;
666
}
667
668
/*.contentSectionContainer .md-card-content {*/
669
  /*text-align: center;*/
670
/*}*/
671 57763 stefania.m
672
673
674
.progress {
675
  height: 20px;
676
  /*margin-bottom: 20px;*/
677
  overflow: hidden;
678
  background-color: #f5f5f5;
679
  border-radius: 4px;
680
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
681
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
682
}
683
684
.progress {
685
  height: 12px;
686
  background-color: #e9ecee;
687
  background-image: none;
688
  box-shadow: none;
689
  filter: none;
690
}
691
692
.progress {
693
  /*margin-bottom: 10px;*/
694
}
695
696
.progress {
697 58610 stefania.m
  /*margin-top: 3px;*/
698
  /*width: 85px;*/
699
  /*display: inline-block;*/
700
  width: 50%;
701 57763 stefania.m
}
702
703
.progress-bar {
704
705
  float: left;
706
  width: 0;
707
  height: 100%;
708
  font-size: 12px;
709
  line-height: 20px;
710
  color: #fff;
711
  text-align: center;
712
  background-color: #337ab7;
713
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
714
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
715
  -webkit-transition: width .6s ease;
716
  -o-transition: width .6s ease;
717
  transition: width .6s ease;
718
719
}
720
721
.progress-bar {
722
723
  box-shadow: none;
724
  border-radius: 3px;
725
  background-color: #0090D9;
726
  background-image: none;
727
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
728
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
729
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
730
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
731
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
732
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
733
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
734
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
735
  float: left;
736
  filter: none;
737
738
}
739
740
.progress-bar-publications {
741 58610 stefania.m
  background-color: #F6C4D8;
742 57763 stefania.m
  background-image: none;
743
}
744
745
.progress-bar-datasets {
746 58610 stefania.m
  background-color: #D6CBEB;
747 57763 stefania.m
  background-image: none;
748
}
749
750 58610 stefania.m
.progress-bar-repositories {
751
  background-color: #ADD3E0;
752
  background-image: none;
753
}
754
755
.progress-bar-journals {
756
  background-color: #FBE8B1;
757
  background-image: none;
758
}
759
760
761 57763 stefania.m
.progress-bar-software {
762
  background-color: #F88306;
763
  background-image: none;
764
}
765
766
.progress-bar-otherProducts {
767
  background-color: #987CD6;
768
  background-image: none;
769
}
770 58610 stefania.m
771
772 58825 stefania.m
/**************** BREADCRUMB ****************/
773
774 58610 stefania.m
.uk-breadcrumb > :last-child > * {
775
  color: #EC4386;
776
}
777 58825 stefania.m
778
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
779
  content: ">";
780
}
781
782
/********************************************/
783
784
.small-flag-image {
785
  border: 2px solid #eee;
786
  border-radius: 100px;
787
}
788
789
.flag-image {
790
  border: 10px solid #eee;
791
  border-radius: 100px;
792
}
793
794
795
.demo-chart {
796 58904 stefania.m
  /*max-height: 600px;*/
797
  height: 65vh;
798 58825 stefania.m
}
799
800
/********* LOADERS *********/
801
802
.loader {
803
  color: #EC4386;
804
  margin: 25% auto;
805
}
806
807
.whiteFilm {
808
  background: #ffffff;
809
  z-index: 105;
810
  width: 100%;
811
  height: 100%;
812
  opacity: 0.7;
813
  position: absolute;
814
  top: 0;
815
  left: 0;
816
817
  display: flex;
818
  align-items: center;
819
}
820
821
.transparentFilm {
822
  background: transparent;
823
  z-index: 105;
824
  width: 100%;
825
  height: 100%;
826
  opacity: 0.7;
827
  position: absolute;
828
  top: 0;
829
  left: 0;
830
831
  display: flex;
832
  align-items: center;
833
}
834
/**************************/
835 58853 stefania.m
836
.lastUpdateInfo {
837
  opacity: 0.4;
838
  color: #000;
839
  letter-spacing: 0px;
840
}
841
842
.entitiesContainer {
843
  height: 300px;
844
  display: flex;
845
  align-items: flex-end;
846
}
847
848
.publicationsColumn {
849
  background-color: #f181ae;
850
  box-shadow: 3px 3px 6px #00000029;
851
  opacity: 1;
852
  z-index: 10;
853
}
854
855
.publicationsDot {
856
  background-color: #f181ae;
857 58923 stefania.m
  /*width: 50px;*/
858
  width: 35px;
859 58853 stefania.m
  height: 33px;
860
  border-radius: 50%;
861
}
862
863
.datasetsColumn {
864 58912 stefania.m
  background-color: #BB9CE6;
865 58853 stefania.m
  box-shadow: 3px 3px 6px #00000029;
866
  opacity: 1;
867
  z-index: 8;
868
}
869
870
.datasetsDot {
871 58912 stefania.m
  background-color: #BB9CE6;
872 58923 stefania.m
  /*width: 50px;*/
873
  width: 35px;
874 58853 stefania.m
  height: 33px;
875
  border-radius: 50%;
876
}
877
878
.softwareColumn {
879 58912 stefania.m
  background-color: #C2155A;
880 58853 stefania.m
  box-shadow: 3px 3px 6px #00000029;
881
  opacity: 1;
882
  z-index: 6;
883
}
884
885
.softwareDot {
886 58912 stefania.m
  background-color: #C2155A;
887 58923 stefania.m
  /*width: 50px;*/
888
  width: 35px;
889 58853 stefania.m
  height: 33px;
890
  border-radius: 50%;
891
}
892
893
.otherColumn {
894 58912 stefania.m
  background-color: #00CCCC;
895 58853 stefania.m
  box-shadow: 3px 3px 6px #00000029;
896
  opacity: 1;
897
  z-index: 4;
898
}
899
900
.otherDot {
901 58912 stefania.m
  background-color: #00CCCC;
902 58923 stefania.m
  /*width: 50px;*/
903
  width: 35px;
904 58853 stefania.m
  height: 33px;
905
  border-radius: 50%;
906
}
907
908
.entityColumnContent {
909
  color: #fff;
910
  width: 100%;
911
  height: 100%;
912
  display: flex;
913
  flex-direction: column;
914
  justify-content: center;
915
  text-align: center;
916
}
917
918
hr.entitiesDivider {
919
  border: 2px solid #B4B4B4;
920
  margin-left: -90px;
921
  margin-right: -50px;
922
  margin-top: 0px;
923
}
924
925
.entityLegendContent {
926
  display: flex;
927
  padding-right: 40px;
928
929
}
930
931
932
933
934
.countryPageHeader {
935
  display: flex;
936
  justify-content: space-between;
937
}
938 58904 stefania.m
939
940
.chartCard.md-card {
941 58917 stefania.m
  box-shadow: 1px 10px 12px #00000026;
942 58904 stefania.m
  border: 1px solid #E0E0E0;
943
  border-radius: 5px;
944
}
945
946
947 58912 stefania.m
/********* DONUT - CIRCLE ********/
948 58904 stefania.m
949 58912 stefania.m
.circular-chart {
950
  display: block;
951
  margin: 10px auto;
952
  max-width: 80%;
953
  /*max-height: 250px;*/
954
  max-height: 110px;
955
}
956 58904 stefania.m
957 58912 stefania.m
.circle-bg {
958
  fill: none;
959
  stroke: #eee;
960
  stroke-width: 3.8;
961
}
962 58904 stefania.m
963 58912 stefania.m
.circle {
964
  fill: none;
965
  /*stroke-width: 2.8;*/
966
  stroke-width: 4.2;
967
  stroke-linecap: round;
968
  animation: progress 1s ease-out forwards;
969
}
970
971
@keyframes progress {
972
  0% {
973
    stroke-dasharray: 0 100;
974
  }
975
}
976
977
.circular-chart.publications .circle {
978
  stroke: #F181AE;
979
}
980
981
.circular-chart.datasets .circle {
982
  stroke: #BB9CE6;
983
}
984
985
.circular-chart.software .circle {
986
  stroke: #C2155A;
987
}
988
989
.circular-chart.other .circle {
990
  stroke: #00CCCC;
991
}
992
993
.percentage {
994
  fill: #666;
995
  font-family: sans-serif;
996
  font-size: 0.5em;
997
  text-anchor: middle;
998
}
999
1000
1001
/*********************************/
1002
1003 58904 stefania.m
/********* MOBILE ********/
1004
@media only screen and (max-width: 960px) {
1005
1006
  body {
1007
    background: #F9FBFC;
1008
  }
1009
1010
  ::-webkit-scrollbar {
1011
    width: 0px;
1012
    background: transparent; /* make scrollbar transparent */
1013
  }
1014
1015
  .uk-navbar-container:not(.uk-navbar-transparent) {
1016
    background: #F9FBFC;
1017
  }
1018
1019
  .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
1020
    min-height: 60px;
1021
  }
1022
1023
  .uk-logo > img {
1024
    max-height: 125px;
1025
  }
1026
1027
  .uk-navbar-toggle-icon {
1028
    color: #EC4386;
1029
  }
1030
1031
  .searchForCountry.uk-search.uk-search-default {
1032
    width: 100%;
1033
    background: #FFFFFF 0% 0% no-repeat padding-box;
1034
    border: 1px solid #C7C7C7;
1035
    border-radius: 4px;
1036
  }
1037
1038
  .searchForCountry.uk-search .uk-search-icon {
1039
    color: #4687f4;
1040 58912 stefania.m
    z-index: 10;
1041 58904 stefania.m
  }
1042
1043
  .progress {
1044
    width: 100%;
1045
  }
1046
1047
  .overviewMobile .number.big {
1048
    font-size: 24px;
1049
  }
1050
1051
  .overviewMobile {
1052
    font-size: 12px;
1053
  }
1054
1055
  .goToDetailedViewLink {
1056
    text-align: center;
1057
    margin-top: 0px;
1058
  }
1059
1060
  .leadingOpenScienceCard {
1061
    font-size: 10px;
1062
  }
1063
1064
  .leadingOpenScienceCard .number {
1065
    font-size: 14px;
1066
  }
1067
1068
  .leadingOpenScienceCard .countryName {
1069
    font-size: 16px;
1070
    font-weight: bold;
1071
  }
1072
1073
  .footerSection {
1074
    text-align: center;
1075
    background-color: #fff;
1076
  }
1077
1078
  .footerImage {
1079
    opacity: 0.8;
1080
    float: none;
1081
    margin-top: 0px;
1082
  }
1083
1084
  [class*="uk-navbar-dropdown-bottom"] {
1085
    margin-top: -5px;
1086
    left: 200px !important;
1087
  }
1088
1089
  .tm-header-mobile .uk-nav-divider {
1090
    margin: 15px 0;
1091
  }
1092
1093
  .tm-header-mobile .smallHeader {
1094
    background: #FFFFFF 0% 0% no-repeat padding-box;
1095
    box-shadow: 0px 3px 6px #00000029;
1096
    opacity: 1;
1097
  }
1098
1099
  .continentPageEntitiesOverview .number.big {
1100
    font-size: 24px;
1101
  }
1102
1103
  .continentPageEntitiesOverview .entityName {
1104
    font-size: 16px;
1105
    font-weight: 600;
1106
  }
1107
1108
  .uk-tab {
1109
    flex-wrap: nowrap;
1110
    overflow-x: auto;
1111
    background: #fff;
1112
    padding-bottom: 15px;
1113
    padding-top: 10px;
1114
    margin-right: -20px;
1115
  }
1116
1117
  .entitiesContainer {
1118
    margin-left: 0px;
1119
    height: 200px;
1120
  }
1121
1122
  hr.entitiesDivider {
1123
    margin-left: -15px;
1124
    margin-right: -15px;
1125
  }
1126
1127
  .dataContainer {
1128
    border: none;
1129
  }
1130
1131
  .tabContent {
1132
    padding: 30px 0px;
1133
  }
1134 58912 stefania.m
1135
  .dataContainer .tabContent {
1136
    padding: 0px;
1137
  }
1138
1139
  .autocomplete-container .input-container input {
1140
    padding: 0 15px 0 40px !important;
1141
  }
1142 58904 stefania.m
}