Project

General

Profile

1
@import "library-css/library.scss";
2

    
3
/* theme */
4
body {
5
    overflow: unset !important;
6
}
7

    
8
.custom-footer {
9
    position: relative;
10
    bottom: 0;
11
    width: 100%;
12
}
13

    
14
#tm-main {
15
    min-height: 80vh;
16
}
17

    
18
.pseudo-external {
19
    padding-left: 16px;
20
    /*margin-bottom: 5px;*/
21
}
22

    
23
.custom-navbar-toggle-icon, .custom-user-mini-panel {
24
    color: #444 !important
25
}
26

    
27
.custom-user-mini-panel a {
28
    color: rgb(36, 91, 204);
29
}
30

    
31
.custom-main-content {
32
    min-height: 550px;
33
}
34

    
35
.custom-description-list-horizontal {
36
    line-height: 200%
37
}
38

    
39
.custom-hidden-dropdown-menu {
40
    position: static !important;
41
}
42

    
43
.searchFilterBoxValues {
44
    overflow: auto;
45
    max-height: 200px;
46
}
47

    
48
.selected-filters-box {
49
    margin: 5px;
50
    background-color: #F8F8F8;
51
}
52

    
53
.search-form {
54
    margin: 5px;
55
}
56

    
57
.clickable {
58
    cursor: pointer;
59
    user-select: none;
60
}
61

    
62
.helper-left-right {
63
    /* margin-top: 75px; */
64
    max-width: 20%;
65
}
66

    
67
.errors-in-searchTableView {
68
    margin-top: 75px;
69
}
70

    
71
.sc39 {
72
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
73
    padding-right: 24px;
74
}
75

    
76
.projectIcon {
77
    display: inline-table;
78
}
79

    
80
.tooltip-custom-font-size {
81
    font-size: 120%;
82
}
83

    
84
/* theme */
85
.uk-tooltip {
86
    background: #666;
87
}
88

    
89
.custom-select-mini {
90
    max-width: 170px !important;
91
}
92

    
93
/*.custom-tab-content-large{
94
    min-height: 800px;
95
}
96
 */
97
.custom-tab-content {
98
    min-height: 250px;
99
}
100

    
101
.custom-dataTable-content {
102
    min-height: 600px;
103
}
104

    
105
.custom-html-table-height {
106
    height: 500px;
107
}
108

    
109
.browseFilters {
110
    overflow-y: auto;
111
    overflow-x: hidden;
112
    max-height: 265px;
113
}
114

    
115

    
116
.custom-offcanvas-close {
117
    position: relative;
118
    right: 0;
119
    top: 0;
120
}
121

    
122
.entityTitleIcon {
123
    background-repeat: no-repeat;
124
    content: '';
125
    display: inline-block;
126
    height: 36px;
127
    width: 42px;
128
    vertical-align: middle;
129
}
130

    
131
.entityIcon {
132
    height: 15px;
133
    width: 20px;
134

    
135
}
136

    
137
/* theme */
138
.uk-tab {
139
    display: -ms-flexbox;
140
    display: -webkit-flex;
141
    display: flex;
142
    -ms-flex-wrap: wrap;
143
    -webkit-flex-wrap: wrap;
144
    flex-wrap: wrap;
145
    margin-left: -20px;
146
    padding: 0;
147
    list-style: none;
148
    position: relative;
149
}
150

    
151
/* theme */
152
.uk-tab::before {
153
    content: "";
154
    position: absolute;
155
    bottom: 0;
156
    left: 20px;
157
    right: 0;
158
    border-bottom: 1px solid #e5e5e5;
159
}
160

    
161
/* theme */
162
.uk-tab-left::before {
163
    border-bottom: none !important;
164
}
165

    
166

    
167
.searchForm, .generalSearchForm {
168
    background: url('./search_general.jpg');
169
    box-sizing: border-box;
170
    height: 320px;
171
}
172

    
173
.publicationsSearchForm {
174
    background: url('./search_pubs_1.jpg');
175
    box-sizing: border-box;
176
    height: 320px;
177
}
178

    
179
.projectsSearchForm, .projectsTableSearchForm {
180
    background: url('./projects_search.jpg');
181
    box-sizing: border-box;
182
    height: 320px;
183
}
184

    
185
.organizationsSearchForm {
186
    background: url('./search_organizations.jpg');
187
    box-sizing: border-box;
188
    height: 320px;
189
}
190

    
191
.datasetsSearchForm {
192
    background: url('./search_data.jpg');
193
    box-sizing: border-box;
194
    height: 320px;
195
}
196

    
197
.softwareSearchForm {
198
    background: url('./search_software.jpg');
199
    box-sizing: border-box;
200
    height: 320px;
201
}
202

    
203
.orpsSearchForm {
204
    background: url('./search_other.jpg');
205
    box-sizing: border-box;
206
    height: 320px;
207
}
208

    
209
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm {
210
    background: url('./providers_search.jpg');
211
    box-sizing: border-box;
212
    height: 320px;
213
}
214

    
215
.journalsSearchForm, .journalsTableSearchForm {
216
    background: url('./search_journals.jpg');
217
    box-sizing: border-box;
218
    height: 320px;
219
}
220

    
221
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
222
    background: url('./search_registries.jpg');
223
    box-sizing: border-box;
224
    height: 320px;
225
}
226

    
227
.divider-table tbody td, .uk-table th {
228
    border-bottom: 1px solid #E5E5E5;
229
}
230

    
231
.descriptionText {
232
    /* Padding-left: 25px !important;
233
    Border-left: 10px solid #fafafa; */
234
    display: inline-block;
235
    position: relative;
236
    top: calc(-0.1 * 1em);
237
    vertical-align: middle;
238
    margin-right: 10px;
239
    /* border-left: 8px solid #e5e5e5; */
240
    margin-top: 8px;
241
    color: #666666 !important;
242
    line-height: 22px !important;
243

    
244
}
245

    
246

    
247
.custom-offcanvas-bar {
248
    background: grey !important;
249
    width: 100% !important;
250

    
251
}
252

    
253
.custom-offcanvas-bar .filtersModal {
254
    color: grey !important;
255

    
256
}
257

    
258
.list-horizontal {
259
    display: flex;
260
}
261

    
262
.list-horizontal span {
263
    margin-right: 5px;
264
    padding-left: 0px !important;
265

    
266
}
267

    
268
.list-horizontal-line span {
269
    margin-right: 5px;
270
    border-right: 1px solid #f1f1f1;
271
    padding-right: 5px;
272

    
273
}
274

    
275
.list-horizontal-line > span:last-child {
276
    border-right: none;
277
}
278

    
279
h2, h4 {
280
    text-transform: none !important;
281
}
282

    
283
.linkdropdown {
284
    min-width: 250px;
285
}
286

    
287
/* theme */
288
.uk-button-action {
289
    background-color: #D6352B;
290
    color: #fff
291
}
292

    
293
/* h2, .uk-h2{
294
  font-size:28px !important;
295
} */
296
.app-box {
297
    border: #DFDFF0 solid 1px;
298
    background-color: #FAFBFF;
299
}
300

    
301
ul.user-actions > li{
302
    margin-bottom: 10px;
303
}
304

    
305
/* theme */
306
.uk-subnav-line li:hover .home-icon svg #home {
307
    fill: #05007A !important;
308

    
309
}
310

    
311
svg #home {
312
    fill: white !important;
313

    
314
}
315

    
316
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a {
317
    display: block;
318
    color: #d4d4d4 !important;
319
}
320

    
321
.tm-toolbar .uk-subnav-line li:hover {
322
    display: block;
323
}
324

    
325
/* remove the others*/
326

    
327
.helper-grid > * {
328
    padding-left: 25px !important;
329
}
330

    
331
.cite-this-button {
332
    font-size: 14px;
333
    padding: 3px;
334
}
335

    
336
.link-to-button {
337
    font-size: 12px;
338
    padding: 3px;
339
}
340

    
341
.dropBasket {
342
    border-top: 1px solid #ccc;
343
    border-bottom: 1px solid #ccc;
344
}
345

    
346
.basket-title {
347

    
348
    padding-top: 20px;
349
    padding-bottom: 20px;
350
    cursor: pointer;
351

    
352
}
353

    
354
.basket-title::after {
355
    background-image: none !important;
356
}
357

    
358
.basket-badge {
359
    position: relative;
360
    right: 16px;
361
    top: -16px;
362
    text-align: center;
363
    border-radius: 90%;
364
    border-radius: 90%;
365

    
366
}
367

    
368

    
369
dd {
370
    margin-top: 10px;
371
    border-bottom: 1px solid #e8e8e8;
372
    padding-bottom: 5px;
373
}
374

    
375
dd:last-child {
376
    border-bottom: none;
377
}
378

    
379
.cursor-not-allowed {
380
    cursor: not-allowed !important;
381
}
382

    
383
.uk-badge, .badge, a.badge {
384
    border-radius: 2px;
385
}
386

    
387
.loading-gif, .loading-gif:before, .loading-gif:after {
388
    background: url("./loading.gif") no-repeat;
389
    height: 65px;
390
    margin-left: auto;
391
    margin-right: auto;
392
    width: 65px;
393

    
394
}
395

    
396
/* h2, .uk-h2 {
397
    font-size: 28px !important;
398
} */
399
/*body{*/
400
/*  !* line-height: 1.4; *!*/
401
/*  Font-size:14px;*/
402
/*  Color: #333;*/
403
/*}*/
404

    
405
#footer\#8 .el-link {
406

    
407
    color: #fff;
408
    font-weigth: 300;
409

    
410
}
411

    
412
.custom-article-title {
413
    font-size: 32px;
414
    Margin-bottom: 10px;
415
    font-family: 'Open Sans', sans-serif;
416
    color: #1F257B !important;
417
}
418

    
419
.custom-tab-content .uk-pagination > * > * {
420
    min-width: 20px;
421
    line-height: 1.4;
422
    font-size: 14px;
423

    
424
}
425

    
426
.box-content {
427
    border: 1px dashed #666666;
428
    margin-top: 4px;
429
    background: #EFEFEF;
430
}
431

    
432
.citation-accordion .uk-accordion-title {
433
    font-family: Raleway;
434
}
435

    
436
.uk-notification.uk-notification-top-center {
437
    top: 45% !important;
438
}
439

    
440
.no-selected-message {
441
    background: white;
442
}
443

    
444
.textOverflowEllipsis {
445
    overflow: hidden;
446
    text-overflow: ellipsis;
447
    white-space: nowrap;
448
}
449

    
450
.custom-accordion .uk-accordion-title {
451
    text-align: left;
452
    /* background: #f8f8fe; */
453
    padding: 4px;
454
    /* color: #3055ba !important; */
455
    font-size: 14px;
456
    text-transform: initial !important;
457
    font-weight: inherit !important;
458
    /*border-top: gray solid 1px;*/
459
    border-bottom: var(--portal-main-color) solid 1px;
460

    
461

    
462
}
463

    
464
.custom-accordion .uk-accordion-title::after {
465
    float: none;;
466
    padding: 12px;
467
}
468

    
469
.custom-accordion {
470
    /*border: gray solid 1px;*/
471
    border-top: 0px;
472
}
473

    
474
.custom-accordion .uk-accordion-content {
475
    margin: 0px;
476
    border: #eee 1px solid;
477
    border-top: none;
478
    padding: 12px;
479
}
480

    
481
.darkBackground {
482
    background-color: rgba(0, 0, 0, 0.5);
483
    z-index: 0;
484
    color: white !important;
485
    font-family: Roboto !important;
486
}
487

    
488
.whiteText {
489
    color: white !important;
490
    font-family: Roboto !important;
491
}
492

    
493
.shadowBox {
494
    box-shadow: 0 1px 3px #444444;
495
    /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
496
}
497

    
498
.icon-button-small {
499
    width: 22px !important;
500
    height: 22px !important;
501
    /*color: #666 !important;*/
502
    /*background: #f7f7fa !important;*/
503
}
504

    
505
.icon-button-small:focus, .icon-button-small:hover {
506

    
507
    border-color: #666 !important;
508
}
509

    
510
/* theme */
511
.uk-navbar-container {
512
    padding-top: 0px !important;
513
    padding-bottom: 0px !important;
514
}
515

    
516
/* theme */
517
.uk-input {
518
    background-color: rgba(255, 255, 255, 1.0) !important;
519
}
520

    
521
/* theme */
522
.uk-accordion > :nth-child(n+2) {
523
    border-top: 0px solid #ededed !important;
524
    margin-top: 0px !important;
525
}
526

    
527
.widget-box {
528
    background: white;
529
}
530

    
531
.developlink {
532
    text-transform: none !important;
533
    color: #fff !important;
534
    background: var(--develop-portal-color) !important;
535
    font-weight: 600;
536
    border: 2px solid var(--develop-portal-color) !important;
537
    background-image: none !important;
538
}
539

    
540
.providelink {
541
    text-transform: none !important;
542
    color: #fff !important;
543
    background: var(--provide-portal-color) !important;
544
    font-weight: 600;
545
    border: 2px solid var(--provide-portal-color) !important;
546
    background-image: none !important;
547
}
548

    
549
.connectlink {
550
    background-color: var(--connect-portal-color) !important;
551
    font-weight: 600;
552
    color: #fff !important;
553
    border: 2px solid var(--connect-portal-color) !important;
554
    background-image: none !important;
555
}
556

    
557
.monitorlink {
558
    background-color: var(--monitor-portal-color) !important;
559
    font-weight: 600;
560
    color: #fff !important;
561
    border: 2px solid var(--monitor-portal-color) !important;
562
    background-image: none !important;
563
}
564

    
565
.explorelink {
566
    background-color: var(--explore-portal-color) !important;
567
    font-weight: 600;
568
    color: #fff !important;
569
    border: 2px solid var(--explore-portal-color) !important;
570
    background-image: none !important;
571
}
572

    
573
/* toCheck: */
574
/* embargo end date */
575
.highlight, mark {
576
    background: rgba(34, 32, 128, .5);
577
    color: #222080;
578
}
579

    
580
/* advanced autocomplete */
581
.custom-autocomplete .uk-dropdown {
582
    background: white;
583
    /* color: rgba(255,255,255,.7); */
584
}
585

    
586
.explore-heading-bullet::before {
587
    border-left-color: var(--explore-portal-color) !important;
588
}
589

    
590
.provide-heading-bullet::before {
591
    border-left-color: var(--provide-portal-color) !important;
592
}
593

    
594
.connect-heading-bullet::before {
595
    border-left-color: var(--connect-portal-color) !important;
596
}
597

    
598
.develop-heading-bullet::before {
599
    border-left-color: var(--develop-portal-color) !important;
600
}
601

    
602
.monitor-heading-bullet::before {
603
    border-left-color: var(--monitor-portal-color) !important;
604
}
605

    
606

    
607
.explore .uk-h4 {
608
    color: var(--explore-portal-color);
609
    font-weight: bold;
610
}
611

    
612
.explore .el-content {
613
    font-size: 18px;
614
}
615

    
616
.explore a {
617
    background-color: var(--explore-portal-color) !important;
618
    color: #fff !important;
619
    font-weight: bold !important;
620
    border-color: var(--explore-portal-color) !important;
621
}
622

    
623
.explore a:hover, .explore a:active, .explore a:focus {
624
    background-color: var(--explore-portal-lower-tone) !important;
625
    border-color: var(--explore-portal-lower-tone) !important;
626
}
627

    
628
.provide .uk-h4 {
629
    color: var(--provide-portal-color);
630
    font-weight: bold;
631
}
632

    
633
.provide .el-content {
634
    font-size: 18px;
635
}
636

    
637
.provide a {
638
    background-color: var(--provide-portal-color) !important;
639
    color: #fff !important;
640
    font-weight: bold !important;
641
    border-color: var(--provide-portal-color) !important;
642
}
643

    
644
.provide a:hover, .provide a:active, .provide a:focus {
645
    background-color: var(--provide-portal-lower-tone) !important;
646
    border-color: var(--provide-portal-lower-tone) !important;
647
}
648

    
649
.monitor .uk-h4 {
650
    color: var(--monitor-portal-color);
651
    font-weight: bold;
652
}
653

    
654
.monitor .el-content {
655
    font-size: 18px;
656
}
657

    
658
.monitor a {
659
    background-color: var(--monitor-portal-color) !important;
660
    color: #fff !important;
661
    font-weight: bold !important;
662
    border-color: var(--monitor-portal-color) !important;
663
}
664

    
665
.monitor a:hover, .monitor a:active, .monitor a:focus {
666
    background-color: var(--monitor-portal-lower-tone) !important;
667
    border-color: var(--monitor-portal-lower-tone) !important;
668
}
669

    
670
.connect-default-button {
671
    background-color: var(--connect-portal-color) !important;
672
    color: var(--portal-main-contrast) !important;
673
    border: 2px solid var(--connect-portal-color) !important;
674
    background-image: none !important;
675
}
676

    
677
.connect .uk-h4 {
678
    color: var(--connect-portal-color);
679
    font-weight: bold;
680
}
681

    
682
.connect .el-content {
683
    font-size: 18px;
684
}
685

    
686
.connect a {
687
    background-color: var(--connect-portal-color) !important;
688
    color: #fff !important;
689
    font-weight: bold !important;
690
    border-color: var(--connect-portal-color) !important;
691
}
692

    
693

    
694
.connect a:hover, .connect a:active, .connect a:focus {
695
    background-color: var(--connect-portal-lower-tone) !important;
696
    border-color: var(--connect-portal-lower-tone) !important;
697

    
698
}
699

    
700
.develop .uk-h4 {
701
    color: var(--develop-portal-color);
702
    font-weight: bold;
703
}
704

    
705
.develop .el-content {
706
    font-size: 18px;
707
}
708

    
709
.develop a {
710
    background-color: var(--develop-portal-color) !important;
711
    color: #fff !important;
712
    font-weight: bold !important;
713
    border-color: var(--develop-portal-color) !important;
714
}
715

    
716
.develop a:hover, .develop a:active, .develop a:focus {
717
    background-color: var(--develop-portal-lower-tone) !important;
718
    border-color: var(--develop-portal-lower-tone) !important;
719
}
720

    
721
.portal-hr {
722
    border-bottom: 1px solid var(--portal-main-color) !important;
723
    padding: 5px 0;
724
}
725

    
726
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
727
    background: var(--portal-main-color) !important;
728
}
729

    
730
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav li a:hover, .tm-toolbar .uk-subnav-line li:hover a, .tm-toolbar .uk-subnav li:hover a {
731
    background: var(--portal-main-color) !important;
732
    color: white !important;
733
}
734

    
735
.loginLink {
736
    text-transform: uppercase !important;
737
}
738

    
739
#footer\#9 a, #footer\#11 a, #footer\#13 a {
740
    color: #dedede;
741
    line-height: 22px;
742
    padding: 2px 0;
743
}
744

    
745
#footer\#9 a:hover, #footer\#11 a:hover, #footer\#13 a:hover {
746
    color: rgba(255, 255, 255, 0.5);
747
}
748

    
749
@media all and (min-width: 640px) {
750

    
751
    #footer\#3 {
752
        margin-right: 280px;
753
    }
754

    
755
}
756

    
757
.portal-card {
758
    background-color: var(--portal-main-color);
759
    color: #fff !important;
760
}
761

    
762
.portal-card a {
763
    color: #fff !important;
764
    /*text-decoration: underline;*/
765
}
766

    
767
.portal-card a:hover {
768
    color: rgba(255, 255, 255, 0.8) !important;
769
}
770

    
771
.portalSearchCard {
772
    box-shadow: 0 1px 3px #00000029;
773
    border-radius: 2px;
774
    padding: 20px;
775
    position: relative;
776
    background-color: white;
777
}
778

    
779
.badges {
780
    position: absolute;
781
    top: 0;
782
    left: -3px;
783
    padding-left: 0 !important;
784
    width: 70px;
785
}
786

    
787
.badges .portal-card-badge {
788
    background-color: var(--portal-main-color);
789
    color: #fff !important;
790
    font-size: 10px;
791
    border-radius: 3px;
792
    padding: 2px 3px;
793
    margin-bottom: 5px;
794
}
795

    
796

    
797
.badges .private-card-badge {
798
    background-color: #A4A4A4;
799
    color: #fff !important;
800
    font-size: 10px;
801
    border-radius: 3px;
802
    padding: 2px 3px;
803
}
804

    
805
.inherit-color {
806
    color: inherit;
807
}
808

    
809
a:hover, .uk-link:hover {
810
    color: var(--portal-main-color);
811
}
812

    
813
/*linksBasket*/
814

    
815
.linksbasket {
816
    /* background-color:#F5F5F5; */
817
    border: 1px solid #DEDEDE;
818
    font-size: 12px !important;
819
    line-height: 18px;
820
    /* height:512px; */
821
}
822

    
823
.linksbaskettitles {
824
    /* height:75px; */
825
    cursor: pointer;
826
    background-color: #F5F5F5;
827
    border: 1px solid #DEDEDE;
828
}
829

    
830
.linksBasketSubtitles {
831
    font-size: 12px !important;
832
}
833

    
834
.linkInlineEntity {
835
    /* height:75px; */
836
    background-color: #A4A4A4;
837
    color: white !important;
838
    /*border: 1px solid #DEDEDE;*/
839
}
840

    
841
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div {
842
    background: var(--portal-main-color) !important;
843
    color: var(--portal-main-contrast) !important;
844
    border: 1px solid var(--portal-main-color) !important;
845
}
846

    
847
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a {
848
    background-color: var(--portal-main-color) !important;
849
    color: var(--portal-main-contrast) !important;
850
    border: 1px solid var(--portal-main-color) !important;
851

    
852
}
853

    
854
.contextlabelNotSelected, .contextlabelNotSelected:hover {
855
    color: var(--portal-main-color) !important;
856
    border: 1px solid var(--portal-main-color) !important;
857
}
858

    
859
.contextlabelNotSelected a, .contextlabelNotSelected:hover a {
860
    color: var(--portal-main-color) !important;
861
}
862

    
863
.researchResultTypeSelected, .researchResultTypeNotSelected:hover {
864
    color: #fff !important;
865
    background-color: #222080 !important;
866
    border: 1px solid #222080 !important;
867
}
868

    
869
.researchResultTypeNotSelected {
870
    color: #222080 !important;
871
    background-color: #fff !important;
872
    border: 1px solid #222080 !important;
873
}
874

    
875
.fadeOut {
876
    opacity: 0.3;
877
    /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
878
}
879

    
880
.warningBorder {
881
    border-color: #f70;
882
}
883

    
884
.dangerBorder {
885
    border-color: #ff4000;
886
}
887

    
888
.linkingToolbar {
889
    background-color: #EDEDED;
890
}
891

    
892
.linkingToolbar .back {
893
    color: #999999 !important;
894
    cursor: pointer;
895
    -webkit-transition: color 0.3s;
896
    transition: color 0.3s;
897
}
898

    
899
.linkingToolbar .back:hover {
900
    color: #444444 !important;
901
}
902

    
903

    
904
.linkInlineEntityLabel {
905
    color: #EAEAEA;
906
    background-color: #B5B5B5;
907
    border-color: #EAEAEA;
908
}
909

    
910
textarea {
911
    resize: none;
912
}
913

    
914
.default-dropdown {
915
    background: white;
916
    max-width: 500px;
917
}
918

    
919
[class*="uk-animation-"] {
920
    animation-fill-mode: none !important;
921
}
922

    
923
.cursor-default {
924
    cursor: default;
925
}
926
.curator-photo {
927
    border: #eee 4px solid;
928
    object-fit: cover;
929
    width: 80px;
930
    height: 80px;
931
}
932

    
933
/* theme */
934
.uk-navbar {
935
    z-index: 980;
936
}
937

    
938
/* theme */
939
.uk-modal {
940
    z-index: 10000;
941
}
942

    
943
@media only screen and (min-width: 992px) {
944
    .image-front-topbar {
945
        margin-top: -136px;
946
    }
947
}
948

    
949
@media only screen and (min-width: 1200px) {
950
    .image-front-topbar {
951
        margin-top: -136px;
952
    }
953
}
954

    
955
/* theme */
956
/*Adding shadow to the main menu dropdowns*/
957
.uk-navbar-dropdown {
958
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
959
}
960

    
961
.small-beta-indication {
962
    height: 60px;
963
}
964

    
965
.large-beta-indication {
966
    height: 104px;
967
    position: absolute;
968
    top: 0;
969
    left: 0;
970
    z-index: 10000;
971
}
972

    
973
.uk-navbar-sticky .beta-indication-sticky {
974
    position: fixed !important;
975
    display: block;
976

    
977
}
978

    
979
.beta-indication-sticky {
980
    height: 102px;
981
    position: fixed;
982
    top: 0;
983
    left: 0;
984
    display: none;
985
    z-index: 10000;
986
}
987

    
988
/* theme */
989
.uk-modal .uk-modal-dialog {
990
    border-radius: 4px;
991
}
992

    
993
ul.portalTabs.uk-tab > .uk-active > a, ul.portalTabs.uk-tab > * > a:focus, ul.portalTabs.uk-tab > * > a:hover {
994
    color: var(--portal-main-color) !important;
995
    border-color: var(--portal-main-color) !important;
996
    /*font-family: Roboto, sans-serif !important;*/
997
}
998

    
999
ul.portalTabs.uk-tab > .uk-active > a {
1000
    font-weight: bold;
1001
}
1002

    
1003
ul.portalTabs.uk-tab::before {
1004
    /*border-bottom: 1px solid var(--portal-main-color);*/
1005
}
1006

    
1007
/* theme */
1008
.uk-input, .uk-textarea {
1009
    border: 1px solid rgba(0, 0, 0, 0.40) !important;
1010
}
1011

    
1012
.uk-select {
1013
    border-bottom: 1px solid rgba(0, 0, 0, 0.40) !important;
1014
}
1015

    
1016
/* theme */
1017
.uk-text-muted {
1018
    color: #666 !important;
1019
}
1020

    
1021
/* theme */
1022
.uk-card-default {
1023
    color: #333 !important;
1024
}
1025

    
1026
/* theme */
1027
html {
1028
    color: #1d1d1d !important;
1029
}
1030

    
1031
.footer-light-background{
1032
    color:black;
1033
    background-color: white;
1034
}
1035
.footer-light-background a, .footer-light-background a:not(.uk-button):hover, .footer-light-background  a:not(.uk-button){
1036
    color:black;
1037
}
1038

    
1039
.footer-light-background .uk-icon-button:hover,.footer-light-background a:not(.license):hover {
1040
    color:black;
1041
    border-color:black;
1042
    text-decoration: underline;
1043
}
1044

    
1045
.zenodoButton, .zenodoButton:hover{
1046
    background-image:linear-gradient(to right, #0F4DA1, #0078E1) ;
1047
    color: white !important;
1048
    border-color: transparent !important;
1049
    border-style: solid !important;
1050
    border-width: 1px !important;
1051
    box-shadow: 0px 4px 10px #00000029;
1052
    border-radius: 2px;
1053
    opacity: 1;
1054
}
1055

    
1056
.uk-text-normal{
1057
    font-weight: 400;
1058
}
1059

    
1060
/*
1061
Impact Factor -  ATHENA CODE */
1062
.popularity-A svg .a, .influence-A svg .a{
1063
    fill:#d51717;
1064
}
1065
.popularity-B  svg .a, .influence-B svg  .a {
1066
    fill: #e1920a;
1067
}
1068
.popularity-C svg  .a, .influence-C svg .a {
1069
    fill: #444;
1070
}
1071

    
1072
/*login*/
1073
.login {
1074
    color: white;
1075
    font-weight: 400 !important;
1076
}
1077

    
1078
.login  circle, .login svg,
1079
.login  svg svg *, .login svg *  {
1080
    fill: var(--portal-main-color);
1081
}
1082

    
1083
.login:hover circle {
1084
    fill: var(--portal-dark-color);
1085
}
1086

    
1087
.login text {
1088
    stroke: white;
1089
    fill: white;
1090
}
1091

    
1092
.connect-admin-menu .login {
1093
    color: var(--portal-main-color);
1094
    font-weight: 400 !important;
1095
}
1096

    
1097
.connect-admin-menu .login  circle, .connect-admin-menu .login svg,
1098
.connect-admin-menu .login  svg svg *,.connect-admin-menu  .login svg *  {
1099
    fill: white;
1100
}
1101

    
1102
.connect-admin-menu .login text {
1103
    stroke: var(--portal-main-color);
1104
    fill: var(--portal-main-color);
1105
}
1106

    
1107
/*mat-select-panel*/
1108
div.cdk-overlay-container {
1109
    z-index: 4 !important;
1110
}
1111

    
1112
div.cdk-overlay-container.modal-select {
1113
    z-index: 10001 !important;
1114
}
1115

    
1116
@keyframes opacity {
1117
    from {opacity: 0;}
1118
    to {opacity: 1;}
1119
}
1120

    
1121
/* Set an animation for 750ms to avoid flickering on z-index change*/
1122
.cdk-overlay-pane {
1123
    animation: linear 750ms opacity;
1124
}
(16-16/45)