Project

General

Profile

1

    
2
.custom-footer {
3
    position: relative;
4
    bottom: 0;
5
    width: 100%;
6
}
7

    
8
#tm-main {
9
    min-height: 80vh;
10
}
11

    
12
.custom-external {
13
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left 10%;
14
    min-height: 15px;
15
    background-size: 15px 15px;
16
    padding-left: 16px;
17
}
18

    
19
h2 .custom-external {
20
    min-height: 20px;
21
    background-size: 20px 20px;
22
    padding-left: 21px;
23
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left center;
24

    
25
}
26

    
27
.pseudo-external {
28
    padding-left: 16px;
29
    /*margin-bottom: 5px;*/
30
}
31

    
32
.custom-navbar-toggle-icon, .custom-user-mini-panel {
33
    color: #444 !important
34
}
35

    
36
.custom-user-mini-panel a {
37
    color: rgb(36, 91, 204);
38
}
39

    
40
.custom-main-content {
41
    min-height: 550px;
42
}
43

    
44
.custom-autocomplete .uk-nav-autocomplete > li > a:hover {
45
    background: #00a8e6 none repeat scroll 0 0;
46
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
47
    color: #FFF;
48
    outline: medium none;
49
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
50
}
51

    
52
.custom-autocomplete .uk-nav-navbar > li > a {
53
    color: #444;
54
}
55

    
56
.custom-description-list-horizontal {
57
    line-height: 200%
58
}
59

    
60
.uk-alert-default {
61
    background: #fff none repeat scroll 0 0;
62
    border: 1px solid #ddd;
63
    border-radius: 4px;
64
    color: #444;
65
    min-height: 30px;
66
    max-width: 100%;
67
    padding: 4px 6px;
68

    
69
}
70

    
71
.custom-hidden-dropdown-menu {
72
    position: static !important;
73
}
74

    
75
.searchFilterBoxValues {
76
    overflow: auto;
77
    max-height: 200px;
78
}
79

    
80
.selected-filters-box {
81
    margin: 5px;
82
    background-color: #F8F8F8;
83
}
84

    
85
.search-form {
86
    margin: 5px;
87
}
88

    
89
.clickable {
90
    cursor: pointer;
91
}
92

    
93
.search-filters .uk-accordion-title {
94
    font-size: 14px;
95
    line-height: 18px;
96
}
97

    
98
.search-results {
99
    min-height: 600px;
100
}
101

    
102
.searchPaging {
103
    min-height: 46px;
104
}
105

    
106
.searchFormMinHeight {
107
    min-height: 400px;
108
}
109

    
110
.helper-left-right {
111
    /* margin-top: 75px; */
112
    max-width: 20%;
113
}
114

    
115
.errors-in-searchTableView {
116
    margin-top: 75px;
117
}
118

    
119
@media (min-width: 960px) {
120
    .float-children-right-at-medium > * {
121
        float: right;
122
    }
123
}
124

    
125
@media (max-width: 959px) {
126
    .margin-small-top-at-small {
127
        margin-top: 10px !important;
128
    }
129
}
130

    
131
.other-results {
132
    min-height: 300px;
133
}
134

    
135
/* "OPEN SOURCE" INCLUDED */
136
.OPEN, .OPENSOURCE {
137
    background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top;
138
    padding-right: 25px;
139
    min-height: 20px;
140
    background-size: 20px 20px;
141
    font-weight: 400;
142
    text-transform: none;
143
}
144

    
145

    
146
.EMBARGO, .CLOSED, .RESTRICTED {
147
    background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top;
148
    padding-right: 25px;
149
    min-height: 20px;
150
    background-size: 20px 20px;
151
    font-weight: 400;
152
    text-transform: none;
153
}
154

    
155
.UNKNOWN {
156

    
157
    background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top;
158
    padding-right: 25px;
159
    min-height: 20px;
160
    background-size: 20px 20px;
161
    font-weight: 400;
162
    text-transform: none;
163

    
164
}
165

    
166
.sc39 {
167
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
168
    padding-right: 24px;
169
}
170

    
171
.projectIcon {
172
    display: inline-table;
173
}
174

    
175
.dateFilter .mydp {
176
    margin-top: 5px;
177
}
178

    
179

    
180
/*.tooltip {
181
    max-width: none;
182
    background: rgba(100, 100, 100, 1);
183
}*/
184
.tooltip-custom-font-size {
185
    font-size: 120%;
186
}
187

    
188
.uk-tooltip {
189
    background: #666;
190
}
191

    
192
.custom-select-mini {
193
    max-width: 170px !important;
194
}
195

    
196
.custom-icon {
197
    line-height: unset;
198
}
199

    
200
/*.custom-tab-content-large{
201
    min-height: 800px;
202
}
203
 */
204
.custom-tab-content {
205
    min-height: 250px;
206
}
207

    
208
.custom-dataTable-content {
209
    min-height: 600px;
210
}
211

    
212
.custom-html-table-height {
213
    height: 500px;
214
}
215

    
216

    
217
/*.filterItem span {*/
218
/*display: inline-flex;*/
219
/*}*/
220
/*.filterItem .filterName {*/
221
/*max-width: 71%;*/
222

    
223
/*}*/
224
/*.browseFilters .filterItem .filterName {*/
225
/*max-width: 68%;*/
226
/*}*/
227

    
228
/*.filterItem .filterNumber {*/
229
/*width: 20%;*/
230
/*}*/
231
/*.filterItem span {*/
232

    
233
/*white-space: nowrap;*/
234
/*}*/
235
/*.browseFilters .filterItem span div {*/
236
/*  !*min-width: 45px;*!*/
237
/*}*/
238
/*.filterItem span div {*/
239
/*overflow: hidden;*/
240
/*text-overflow: ellipsis;*/
241
/*!*min-width: 81px;*!*/
242
/*}*/
243
/*.filterItem{*/
244
/*  margin-bottom: 5px !important;*/
245
/*}*/
246

    
247
.browseFilters {
248
    overflow-y: auto;
249
    overflow-x: hidden;
250
    max-height: 265px;
251
}
252

    
253

    
254
.custom-offcanvas-close {
255
    position: relative;
256
    right: 0;
257
    top: 0;
258
}
259

    
260
/* .uk-link{
261
  color: #292C3D !important;
262
} */
263
/*.uk-breadcrumb > :last-child > * {*/
264
/*    color:#cbcbcb !important;*/
265
/*}*/
266
/*.uk-breadcrumb .uk-active a{*/
267
/*    color: #767779  !important;*/
268
/*}*/
269

    
270

    
271
.entityTitleIcon {
272
    background-repeat: no-repeat;
273
    content: '';
274
    display: inline-block;
275
    height: 36px;
276
    width: 42px;
277
    vertical-align: middle;
278
}
279

    
280
.entityIcon {
281
    height: 15px;
282
    width: 20px;
283

    
284
}
285

    
286
/*.uk-tab{
287
  border-bottom: 1px #cbcbcb solid;
288
}*/
289

    
290

    
291
.label-blue, .label-compatibility {
292
    background: #d4f3ff;
293
    color: #00a0de
294
}
295

    
296
.label-green, .label-open {
297
    background: #d1f6e8;
298
    color: #01a566
299
}
300

    
301
.label-yellow, .label-underCuration {
302
    background: #fef5d2;
303
    color: #cca607
304
}
305

    
306
.label-red, .label-funder {
307
    background: #fef0ef;
308
    color: #f54f43
309
}
310

    
311
.label-grey, .label-language {
312
    background: #f8f8f8;
313
    color: #666;
314
}
315

    
316
.label-country {
317
    background: #d4f3ff;
318
    color: #00a0de;
319
}
320

    
321
.label-orange, .label-sc39 {
322
    background: #fef5d2;
323
    color: #f0506e;
324
}
325

    
326
.label-publication {
327
    background: #4687E6;
328
    color: #fff
329
}
330

    
331
.label-dataset {
332
    background: #1e906c;
333
    color: #fff
334
}
335

    
336
.label-software {
337
    background: #b737ff;
338
    color: #fff
339
}
340

    
341
.label-orp, .label-other {
342
    background: #f54f43;
343
    color: #414141 !important;
344
}
345

    
346
.label-project {
347
    background: #d0307f;
348
    color: #fff
349
}
350

    
351
.label-dataprovider {
352
    background: #00a0de;
353
    color: #fff
354
}
355

    
356
.label-organization {
357
    background: #fbcd0d;
358
    color: #414141
359
}
360

    
361
.label-unknown, .label-funder,
362
.label-compatibility,
363
.label-underCuration,
364
.label-funder,
365
.label-language,
366
.label-country,
367
.label-orange, .label-sc39,
368
.label-language, .label-publication,
369
.label-publication,
370
.label-dataset,
371
.label-software,
372
.label-orp, .label-other, .label-project, .label-dataprovider, .label-organization,
373
.label-grey, .label-success, .label-community {
374
    background: white !important;
375
    color: #666666 !important;
376
    border: 1px solid #666666 !important;
377
}
378

    
379
.label-open {
380
    background: var(--portal-main-color) !important;
381
    color: #ffffff !important;
382
    border: 1px solid var(--portal-main-color) !important;
383
}
384

    
385
.label-closed {
386
    background: #EBEBEB !important;
387
    color: #6B6B6B !important;
388
    border: 1px solid #DEDEDE !important;
389
}
390

    
391
.label-danger {
392
    color: #ff4000 !important;
393
    border: 1px solid #666666 !important;
394
}
395

    
396
.li-disabled .label-compatibility, .li-disabled .label-dataprovider {
397
    background: white !important;
398
    color: #A9A9A9 !important;
399
    border: 1px solid #A9A9A9 !important;
400
}
401

    
402

    
403
.uk-tab {
404
    display: -ms-flexbox;
405
    display: -webkit-flex;
406
    display: flex;
407
    -ms-flex-wrap: wrap;
408
    -webkit-flex-wrap: wrap;
409
    flex-wrap: wrap;
410
    margin-left: -20px;
411
    padding: 0;
412
    list-style: none;
413
    position: relative;
414
}
415

    
416
.uk-tab::before {
417
    content: "";
418
    position: absolute;
419
    bottom: 0;
420
    left: 20px;
421
    right: 0;
422
    border-bottom: 1px solid #e5e5e5;
423
}
424

    
425
.uk-tab-left::before {
426
    border-bottom: none !important;
427
}
428

    
429

    
430
.searchForm, .generalSearchForm {
431
    background: url('./search_general.jpg');
432
    box-sizing: border-box;
433
    height: 320px;
434
}
435

    
436
.publicationsSearchForm {
437
    background: url('./search_pubs_1.jpg');
438
    box-sizing: border-box;
439
    height: 320px;
440
}
441

    
442
.projectsSearchForm, .projectsTableSearchForm {
443
    background: url('./projects_search.jpg');
444
    box-sizing: border-box;
445
    height: 320px;
446
}
447

    
448
.organizationsSearchForm {
449
    background: url('./search_organizations.jpg');
450
    box-sizing: border-box;
451
    height: 320px;
452
}
453

    
454
.datasetsSearchForm {
455
    background: url('./search_data.jpg');
456
    box-sizing: border-box;
457
    height: 320px;
458
}
459

    
460
.softwareSearchForm {
461
    background: url('./search_software.jpg');
462
    box-sizing: border-box;
463
    height: 320px;
464
}
465

    
466
.orpsSearchForm {
467
    background: url('./search_other.jpg');
468
    box-sizing: border-box;
469
    height: 320px;
470
}
471

    
472
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm {
473
    background: url('./providers_search.jpg');
474
    box-sizing: border-box;
475
    height: 320px;
476
}
477

    
478
.journalsSearchForm, .journalsTableSearchForm {
479
    background: url('./search_journals.jpg');
480
    box-sizing: border-box;
481
    height: 320px;
482
}
483

    
484
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
485
    background: url('./search_registries.jpg');
486
    box-sizing: border-box;
487
    height: 320px;
488
}
489

    
490
.divider-table tbody td, .uk-table th {
491
    border-bottom: 1px solid #E5E5E5;
492
}
493

    
494
#feedback {
495
    float: left;
496
    position: fixed;
497
    top: calc(50% - 47px);
498
    right: 0;
499
    z-index: 100;
500
    display: block;
501

    
502
}
503

    
504
#feedback a {
505
    background: #666 !important;
506
    border-radius: 5px 0 0 5px;
507
    box-shadow: none;
508
    border: none !important;
509
    display: block;
510
    padding: 20px 12px;
511
    transition: all .2s ease-in-out;
512
    opacity: 0.5;
513

    
514
}
515

    
516
#feedback a:hover {
517
    padding-right: 20px;
518
}
519

    
520
.descriptionText {
521
    /* Padding-left: 25px !important;
522
    Border-left: 10px solid #fafafa; */
523
    display: inline-block;
524
    position: relative;
525
    top: calc(-0.1 * 1em);
526
    vertical-align: middle;
527
    margin-right: 10px;
528
    /* border-left: 8px solid #e5e5e5; */
529
    margin-top: 8px;
530
    color: #666666 !important;
531
    line-height: 22px !important;
532

    
533
}
534

    
535

    
536
.custom-offcanvas-bar {
537
    background: grey !important;
538
    width: 100% !important;
539

    
540
}
541

    
542
.custom-offcanvas-bar .filtersModal {
543
    color: grey !important;
544

    
545
}
546

    
547
.list-horizontal {
548
    display: flex;
549
}
550

    
551
.list-horizontal span {
552
    margin-right: 5px;
553
    padding-left: 0px !important;
554

    
555
}
556

    
557
.list-horizontal-line span {
558
    margin-right: 5px;
559
    border-right: 1px solid #f1f1f1;
560
    padding-right: 5px;
561

    
562
}
563

    
564
.list-horizontal-line > span:last-child {
565
    border-right: none;
566
}
567

    
568
/* body {
569
  font-family: Raleway, Arial, sans-serif !important;
570
} */
571
/*html {*/
572
/*  color: #444 !important;*/
573
/*}*/
574

    
575
h2, h4 {
576
    text-transform: none !important;
577
}
578

    
579
.linkdropdown {
580
    min-width: 250px;
581
}
582

    
583
.uk-button-action {
584
    background-color: #D6352B;
585
    color: #fff
586
}
587

    
588
/* h2, .uk-h2{
589
  font-size:28px !important;
590
} */
591
.app-box {
592
    border: #DFDFF0 solid 1px;
593
    background-color: #FAFBFF;
594
}
595

    
596
.uk-subnav-line li:hover .home-icon svg #home {
597
    fill: #05007A !important;
598

    
599
}
600

    
601
svg #home {
602
    fill: white !important;
603

    
604
}
605

    
606
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a {
607
    display: block;
608
    color: #d4d4d4 !important;
609
}
610

    
611
.tm-toolbar .uk-subnav-line li:hover {
612
    display: block;
613
}
614

    
615
/* remove the others*/
616

    
617
.helper-grid > * {
618
    padding-left: 25px !important;
619
}
620

    
621
.cite-this-button {
622
    font-size: 14px;
623
    padding: 3px;
624
}
625

    
626
.link-to-button {
627
    font-size: 12px;
628
    padding: 3px;
629
}
630

    
631
.dropBasket {
632
    border-top: 1px solid #ccc;
633
    border-bottom: 1px solid #ccc;
634
}
635

    
636
.basket-title {
637

    
638
    padding-top: 20px;
639
    padding-bottom: 20px;
640
    cursor: pointer;
641

    
642
}
643

    
644
.basket-title::after {
645
    background-image: none !important;
646
}
647

    
648
.basket-badge {
649
    position: relative;
650
    right: 16px;
651
    top: -16px;
652
    text-align: center;
653
    border-radius: 90%;
654
    border-radius: 90%;
655

    
656
}
657

    
658

    
659
dd {
660
    margin-top: 10px;
661
    border-bottom: 1px solid #e8e8e8;
662
    padding-bottom: 5px;
663
}
664

    
665
dd:last-child {
666
    border-bottom: none;
667
}
668

    
669
.advancedSearchFormBackground {
670
    background-repeat: no-repeat !important;
671
    background-size: 100% 320px;
672
    height: auto !important;
673
}
674

    
675
.advancedSearchForm {
676
    /*box-shadow: 0 1px 10px #444444;*/
677
    background-color: white;
678
    border: 1px solid #ccc;
679
}
680

    
681
.advancedSearchForm .uk-icon-button {
682

    
683
    fill: #296EE9 !important;
684

    
685
}
686

    
687
.search-results li {
688
    padding-top: 15px !important;
689
}
690

    
691
.cursor-not-allowed {
692
    cursor: not-allowed !important;
693
}
694

    
695
.uk-badge, .badge, a.badge {
696
    border-radius: 2px;
697
}
698

    
699
.loading-gif, .loading-gif:before, .loading-gif:after {
700
    background: url("./loading.gif") no-repeat;
701
    height: 65px;
702
    margin-left: auto;
703
    margin-right: auto;
704
    width: 65px;
705

    
706
}
707

    
708
/* h2, .uk-h2 {
709
    font-size: 28px !important;
710
} */
711
/*body{*/
712
/*  !* line-height: 1.4; *!*/
713
/*  Font-size:14px;*/
714
/*  Color: #333;*/
715
/*}*/
716

    
717
#footer\#8 .el-link {
718

    
719
    color: #fff;
720
    font-weigth: 300;
721

    
722
}
723

    
724
.custom-article-title {
725
    font-size: 32px;
726
    Margin-bottom: 10px;
727
    font-family: 'Open Sans', sans-serif;
728
    color: #1F257B !important;
729
}
730

    
731
.custom-tab-content .uk-pagination > * > * {
732
    min-width: 20px;
733
    line-height: 1.4;
734
    font-size: 14px;
735

    
736
}
737

    
738
.box-content {
739
    border: 1px dashed #666666;
740
    margin-top: 4px;
741
    background: #EFEFEF;
742
}
743

    
744
.citation-accordion .uk-accordion-title {
745
    font-family: Raleway;
746
}
747

    
748
.uk-notification.uk-notification-top-center {
749
    top: 45% !important;
750
}
751

    
752
.no-selected-message {
753
    background: white;
754
}
755

    
756
.textOverflowEllipsis {
757
    overflow: hidden;
758
    text-overflow: ellipsis;
759
    white-space: nowrap;
760
}
761

    
762
.multi-line-ellipsis p {
763
    display: -webkit-box;
764
    -webkit-box-orient: vertical;
765
    overflow: hidden;
766
    text-overflow: ellipsis;
767
}
768

    
769
.multi-line-ellipsis.lines-3 p {
770
    -webkit-line-clamp: 3;
771
}
772

    
773
.multi-line-ellipsis.lines-10 p {
774
    -webkit-line-clamp: 10;
775
}
776

    
777
.custom-accordion .uk-accordion-title {
778
    text-align: left;
779
    /* background: #f8f8fe; */
780
    padding: 4px;
781
    /* color: #3055ba !important; */
782
    font-size: 14px;
783
    text-transform: initial !important;
784
    font-weight: inherit !important;
785
    /*border-top: gray solid 1px;*/
786
    border-bottom: var(--portal-main-color) solid 1px;
787

    
788

    
789
}
790

    
791
.custom-accordion .uk-accordion-title::after {
792
    float: none;;
793
    padding: 12px;
794
}
795

    
796
.custom-accordion {
797
    /*border: gray solid 1px;*/
798
    border-top: 0px;
799
}
800

    
801
.custom-accordion .uk-accordion-content {
802
    margin: 0px;
803
    border: #eee 1px solid;
804
    border-top: none;
805
    padding: 12px;
806
}
807

    
808
.darkBackground {
809
    background-color: rgba(0, 0, 0, 0.5);
810
    z-index: 0;
811
    color: white !important;
812
    font-family: Roboto !important;
813
}
814

    
815
.whiteText {
816
    color: white !important;
817
    font-family: Roboto !important;
818
}
819

    
820
.shadowBox {
821
    box-shadow: 0 1px 3px #444444;
822
    /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
823
}
824

    
825
.icon-button-small {
826
    width: 22px !important;
827
    height: 22px !important;
828
    /*color: #666 !important;*/
829
    /*background: #f7f7fa !important;*/
830
}
831

    
832
.icon-button-small:focus, .icon-button-small:hover {
833

    
834
    border-color: #666 !important;
835
}
836

    
837
.searchFilterTitle {
838

    
839
    /* text-decoration-color: var(--portal-main-color);
840
    text-decoration: underline; */
841
    border-bottom: 1px solid var(--portal-main-color) !important;
842
    padding: 5px 0px;
843
    color: var(--portal-main-color);
844
}
845

    
846
.sideInfoTitle {
847

    
848
    font-weight: 500;
849
    border-bottom: 1px solid var(--portal-main-color);
850
    /* background-color: var(--portal-main-color); */
851
    /* color:var(--portal-main-contrast) !important; */
852
    padding-top: 5px;
853
    padding-left: 3px;
854

    
855
}
856

    
857
/*.linkButtonsBox{
858
  background: white !important;
859
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
860
}*/
861

    
862
.uk-navbar-container {
863
    padding-top: 0px !important;
864
    padding-bottom: 0px !important;
865
}
866

    
867
.uk-input {
868
    background-color: rgba(255, 255, 255, 1.0) !important;
869
}
870

    
871
.uk-accordion > :nth-child(n+2) {
872
    border-top: 0px solid #ededed !important;
873
    margin-top: 0px !important;
874
}
875

    
876

    
877
.uk-pagination > .uk-active > * {
878
    background-color: var(--portal-main-color) !important;
879
    color: var(--portal-main-contrast) !important;
880
    border-color: var(--portal-main-color) !important;
881
    border-bottom-color: var(--portal-main-color) !important;
882
    border-radius: 500px;
883
    line-height: 12px !important;
884
}
885

    
886
.portal-color {
887
    color: var(--portal-main-color) !important;
888
}
889

    
890
.portal-secondary-color {
891
    color: var(--portal-dark-color) !important;
892
}
893

    
894
.portal-background-color {
895
    background-color: var(--portal-main-color) !important;
896
    color: var(--portal-main-contrast) !important;
897
}
898

    
899
.portal-button {
900

    
901
    background-color: var(--portal-main-color);
902
    color: var(--portal-main-contrast);
903
    border: 1px solid var(--portal-main-color);
904
    background-image: none;
905

    
906
}
907

    
908
.portal-button:hover, .portal-button:active, .portal-button:focus {
909
    background-color: var(--portal-dark-color);
910
    color: var(--portal-main-contrast);
911
    border: 1px solid var(--portal-dark-color);
912
    background-image: none;
913

    
914
}
915

    
916
.portal-link {
917
    color: var(--portal-main-color) !important;
918
    /*text-decoration: underline !important;*/
919
    /*font-weight: bold;*/
920
}
921

    
922
.portal-link:hover {
923
    text-decoration: underline !important;
924
    /*color:var(--portal-dark-color)  !important;*/
925
}
926

    
927
.portal-box {
928
    background-color: var(--portal-main-color) !important;
929
    color: var(--portal-main-contrast) !important;
930
}
931

    
932
.uk-pagination .uk-icon {
933
    color: var(--portal-main-color) !important;
934
}
935

    
936
/*.search-results > li:nth-child(2) {*/
937
/*    border-top: 1px solid var(--portal-main-color) !important;*/
938
/*}*/
939

    
940
/*.search-results > li:last-child {*/
941
/*    border-bottom: 1px solid var(--portal-main-color) !important;*/
942
/*    padding-bottom: 10px !important;*/
943
/*}*/
944

    
945
.paging-hr {
946
    border-bottom: 1px solid #E5E5E5 !important;
947
    /*padding-bottom: 5px !important;*/
948
}
949

    
950
.widget-box {
951
    background: white;
952
}
953

    
954
.developlink {
955
    text-transform: none !important;
956
    color: #fff !important;
957
    background: var(--develop-portal-color) !important;
958
    font-weight: 600;
959
    border: 2px solid var(--develop-portal-color) !important;
960
    background-image: none !important;
961
}
962

    
963
.providelink {
964
    text-transform: none !important;
965
    color: #fff !important;
966
    background: var(--provide-portal-color) !important;
967
    font-weight: 600;
968
    border: 2px solid var(--provide-portal-color) !important;
969
    background-image: none !important;
970
}
971

    
972
.connectlink {
973
    background-color: var(--connect-portal-color) !important;
974
    font-weight: 600;
975
    color: #fff !important;
976
    border: 2px solid var(--connect-portal-color) !important;
977
    background-image: none !important;
978
}
979

    
980
.monitorlink {
981
    background-color: var(--monitor-portal-color) !important;
982
    font-weight: 600;
983
    color: #fff !important;
984
    border: 2px solid var(--monitor-portal-color) !important;
985
    background-image: none !important;
986
}
987

    
988
.explorelink {
989
    background-color: var(--explore-portal-color) !important;
990
    font-weight: 600;
991
    color: #fff !important;
992
    border: 2px solid var(--explore-portal-color) !important;
993
    background-image: none !important;
994
}
995

    
996
showTitle h2 {
997
    text-transform: unset !important;
998
}
999

    
1000
/* toCheck: */
1001
/* embargo end date */
1002
.highlight, mark {
1003
    background: rgba(34, 32, 128, .5);
1004
    color: #222080;
1005
}
1006

    
1007
/* advanced autocomplete */
1008
.custom-autocomplete .uk-dropdown {
1009
    background: white;
1010
    /* color: rgba(255,255,255,.7); */
1011
}
1012

    
1013
.explore-heading-bullet::before {
1014
    border-left-color: var(--explore-portal-color) !important;
1015
}
1016

    
1017
.provide-heading-bullet::before {
1018
    border-left-color: var(--provide-portal-color) !important;
1019
}
1020

    
1021
.connect-heading-bullet::before {
1022
    border-left-color: var(--connect-portal-color) !important;
1023
}
1024

    
1025
.develop-heading-bullet::before {
1026
    border-left-color: var(--develop-portal-color) !important;
1027
}
1028

    
1029
.monitor-heading-bullet::before {
1030
    border-left-color: var(--monitor-portal-color) !important;
1031
}
1032

    
1033

    
1034
.explore .uk-h4 {
1035
    color: var(--explore-portal-color);
1036
    font-weight: bold;
1037
}
1038

    
1039
.explore .el-content {
1040
    font-size: 18px;
1041
}
1042

    
1043
.explore a {
1044
    background-color: var(--explore-portal-color) !important;
1045
    color: #fff !important;
1046
    font-weight: bold !important;
1047
    border-color: var(--explore-portal-color) !important;
1048
}
1049

    
1050
.explore a:hover, .explore a:active, .explore a:focus {
1051
    background-color: var(--explore-portal-lower-tone) !important;
1052
    border-color: var(--explore-portal-lower-tone) !important;
1053
}
1054

    
1055
.provide .uk-h4 {
1056
    color: var(--provide-portal-color);
1057
    font-weight: bold;
1058
}
1059

    
1060
.provide .el-content {
1061
    font-size: 18px;
1062
}
1063

    
1064
.provide a {
1065
    background-color: var(--provide-portal-color) !important;
1066
    color: #fff !important;
1067
    font-weight: bold !important;
1068
    border-color: var(--provide-portal-color) !important;
1069
}
1070

    
1071
.provide a:hover, .provide a:active, .provide a:focus {
1072
    background-color: var(--provide-portal-lower-tone) !important;
1073
    border-color: var(--provide-portal-lower-tone) !important;
1074
}
1075

    
1076
.monitor .uk-h4 {
1077
    color: var(--monitor-portal-color);
1078
    font-weight: bold;
1079
}
1080

    
1081
.monitor .el-content {
1082
    font-size: 18px;
1083
}
1084

    
1085
.monitor a {
1086
    background-color: var(--monitor-portal-color) !important;
1087
    color: #fff !important;
1088
    font-weight: bold !important;
1089
    border-color: var(--monitor-portal-color) !important;
1090
}
1091

    
1092
.monitor a:hover, .monitor a:active, .monitor a:focus {
1093
    background-color: var(--monitor-portal-lower-tone) !important;
1094
    border-color: var(--monitor-portal-lower-tone) !important;
1095
}
1096

    
1097
.connect-default-button {
1098
    background-color: var(--connect-portal-color) !important;
1099
    color: var(--portal-main-contrast) !important;
1100
    border: 2px solid var(--connect-portal-color) !important;
1101
    background-image: none !important;
1102
}
1103

    
1104
.connect .uk-h4 {
1105
    color: var(--connect-portal-color);
1106
    font-weight: bold;
1107
}
1108

    
1109
.connect .el-content {
1110
    font-size: 18px;
1111
}
1112

    
1113
.connect a {
1114
    background-color: var(--connect-portal-color) !important;
1115
    color: #fff !important;
1116
    font-weight: bold !important;
1117
    border-color: var(--connect-portal-color) !important;
1118
}
1119

    
1120

    
1121
.connect a:hover, .connect a:active, .connect a:focus {
1122
    background-color: var(--connect-portal-lower-tone) !important;
1123
    border-color: var(--connect-portal-lower-tone) !important;
1124

    
1125
}
1126

    
1127
.develop .uk-h4 {
1128
    color: var(--develop-portal-color);
1129
    font-weight: bold;
1130
}
1131

    
1132
.develop .el-content {
1133
    font-size: 18px;
1134
}
1135

    
1136
.develop a {
1137
    background-color: var(--develop-portal-color) !important;
1138
    color: #fff !important;
1139
    font-weight: bold !important;
1140
    border-color: var(--develop-portal-color) !important;
1141
}
1142

    
1143
.develop a:hover, .develop a:active, .develop a:focus {
1144
    background-color: var(--develop-portal-lower-tone) !important;
1145
    border-color: var(--develop-portal-lower-tone) !important;
1146
}
1147

    
1148
.portal-hr {
1149
    border-bottom: 1px solid var(--portal-main-color) !important;
1150
    padding: 5px 0px;
1151
}
1152

    
1153
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
1154
    background: var(--portal-main-color) !important;
1155
}
1156

    
1157
.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 {
1158
    background: var(--portal-main-color) !important;
1159
    color: white !important;
1160
}
1161

    
1162
.loginLink {
1163
    text-transform: uppercase !important;
1164
}
1165

    
1166
#footer\#9 a, #footer\#11 a, #footer\#13 a {
1167
    color: #dedede;
1168
    line-height: 22px;
1169
    padding: 2px 0;
1170
}
1171

    
1172
#footer\#9 a:hover, #footer\#11 a:hover, #footer\#13 a:hover {
1173
    color: rgba(255, 255, 255, 0.5);
1174
}
1175

    
1176
@media all and (min-width: 640px) {
1177

    
1178
    #footer\#3 {
1179
        margin-right: 280px;
1180
    }
1181

    
1182
}
1183

    
1184
.portal-card {
1185
    background-color: var(--portal-main-color);
1186
    color: #fff !important;
1187
}
1188

    
1189
.portal-card a {
1190
    color: #fff !important;
1191
    /*text-decoration: underline;*/
1192
}
1193

    
1194
.portal-card a:hover {
1195
    color: rgba(255, 255, 255, 0.8) !important;
1196
}
1197

    
1198
.portal-card-badge {
1199
    background-color: var(--portal-main-color);
1200
    color: #fff !important;
1201
    font-size: small;
1202
    border-radius: 3px;
1203
}
1204

    
1205

    
1206
.private-card-badge {
1207
    background-color: #000;
1208
    color: #fff !important;
1209
    font-size: small;
1210
    border-radius: 3px;
1211
}
1212

    
1213
.portal-icon-button, .portal-icon-button:hover {
1214
    background: var(--portal-main-color) !important;
1215
    color: var(--portal-main-contrast) !important;
1216
    border: 1px solid var(--portal-main-color) !important;
1217
}
1218

    
1219
.inherit-color {
1220
    color: inherit;
1221
}
1222

    
1223
.uk-label {
1224
    border-radius: 15px;
1225
    line-height: 15px;
1226
    padding: 3px 10px;
1227
    text-transform: uppercase;
1228
}
1229

    
1230
a:hover, .uk-link:hover, .uk-link:hover, a:hover {
1231
    color: var(--portal-main-color);
1232
}
1233

    
1234
.portal-icon-button, .portal-icon-button:hover {
1235
    background: var(--portal-main-color) !important;
1236
    color: var(--portal-main-contrast) !important;
1237
    border: 1px solid var(--portal-main-color) !important;
1238
}
1239

    
1240

    
1241
/*linksBasket*/
1242

    
1243
.linksbasket {
1244
    /* background-color:#F5F5F5; */
1245
    border: 1px solid #DEDEDE;
1246
    font-size: 12px !important;
1247
    line-height: 18px;
1248
    /* height:512px; */
1249
}
1250

    
1251
.linksbaskettitles {
1252
    /* height:75px; */
1253
    cursor: pointer;
1254
    background-color: #F5F5F5;
1255
    border: 1px solid #DEDEDE;
1256
}
1257

    
1258
.linksBasketSubtitles {
1259
    font-size: 12px !important;
1260
}
1261

    
1262
.linkInlineEntity {
1263
    /* height:75px; */
1264
    background-color: #A4A4A4;
1265
    color: white !important;
1266
    /*border: 1px solid #DEDEDE;*/
1267
}
1268

    
1269
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div {
1270
    background: var(--portal-main-color) !important;
1271
    color: var(--portal-main-contrast) !important;
1272
    border: 1px solid var(--portal-main-color) !important;
1273
}
1274

    
1275
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a {
1276
    background-color: var(--portal-main-color) !important;
1277
    color: var(--portal-main-contrast) !important;
1278
    border: 1px solid var(--portal-main-color) !important;
1279

    
1280
}
1281

    
1282
.contextlabelNotSelected, .contextlabelNotSelected:hover {
1283
    color: var(--portal-main-color) !important;
1284
    border: 1px solid var(--portal-main-color) !important;
1285
}
1286

    
1287
.contextlabelNotSelected a, .contextlabelNotSelected:hover a {
1288
    color: var(--portal-main-color) !important;
1289
}
1290

    
1291
.researchResultTypeSelected, .researchResultTypeNotSelected:hover {
1292
    color: #fff !important;
1293
    background-color: #222080 !important;
1294
    border: 1px solid #222080 !important;
1295
}
1296

    
1297
.researchResultTypeNotSelected {
1298
    color: #222080 !important;
1299
    background-color: #fff !important;
1300
    border: 1px solid #222080 !important;
1301
}
1302

    
1303
.fadeOut {
1304
    opacity: 0.3;
1305
    /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
1306
}
1307

    
1308
.warningBorder {
1309
    border-color: #f70;
1310
}
1311

    
1312
.dangerBorder {
1313
    border-color: #ff4000;
1314
}
1315

    
1316
.linkingToolbar {
1317
    background-color: #EDEDED;
1318
}
1319

    
1320
.linkingToolbar .back {
1321
    color: #999999 !important;
1322
    cursor: pointer;
1323
    -webkit-transition: color 0.3s;
1324
    transition: color 0.3s;
1325
}
1326

    
1327
.linkingToolbar .back:hover {
1328
    color: #444444 !important;
1329
}
1330

    
1331

    
1332
.linkInlineEntityLabel {
1333
    color: #EAEAEA;
1334
    background-color: #B5B5B5;
1335
    border-color: #EAEAEA;
1336
}
1337

    
1338
textarea {
1339
    resize: none;
1340
}
1341

    
1342
.default-dropdown {
1343
    background: white;
1344
}
1345

    
1346
[class*="uk-animation-"] {
1347
    animation-fill-mode: none !important;
1348
}
1349

    
1350
.cursor-default {
1351
    cursor: default;
1352
}
1353

    
1354
.curator-photo {
1355
    border: gray 1px solid;
1356
    object-fit: cover;
1357
    width: 80px;
1358
    height: 80px;
1359
}
1360

    
1361
.uk-navbar {
1362
    z-index: 9999;
1363
}
1364

    
1365
.uk-modal {
1366
    z-index: 10000;
1367
}
1368

    
1369
@media only screen and (min-width: 992px) {
1370
    .image-front-topbar {
1371
        margin-top: -136px;
1372
    }
1373
}
1374

    
1375
@media only screen and (min-width: 1200px) {
1376
    .image-front-topbar {
1377
        margin-top: -136px;
1378
    }
1379
}
1380

    
1381
/*Adding shadow to the main menu dropdowns*/
1382
.uk-navbar-dropdown {
1383
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
1384
}
1385

    
1386
.small-beta-indication {
1387
    height: 60px;
1388
}
1389

    
1390
.large-beta-indication {
1391
    height: 104px;
1392
    position: absolute;
1393
    top: 0;
1394
    left: 0;
1395
    z-index: 1;
1396
}
1397

    
1398
.uk-navbar-sticky .beta-indication-sticky {
1399
    position: fixed !important;
1400
    display: block;
1401

    
1402
}
1403

    
1404
.beta-indication-sticky {
1405
    height: 102px;
1406
    position: fixed;
1407
    top: 0;
1408
    left: 0;
1409
    display: none;
1410
}
1411

    
1412
input[name="code"] {
1413
    font-family: Consolas, monaco, monospace;
1414
    font-size: .875rem;
1415
    color: #222080;
1416
    white-space: nowrap;
1417
    background: #f9f9f9;
1418
    border: 1px solid #ededed;
1419
    border-radius: 1px
1420
}
1421

    
1422
.selectedFilterLabel {
1423
    background-color: #E5E5E5;
1424
    border-color: #E5E5E5;
1425
    border-radius: 2px;
1426
    color: inherit;
1427
    line-height: 15px;
1428
    padding: 3px 10px;
1429
}
1430

    
1431
.searchFilterItem {
1432
    margin-bottom: 5px;
1433
}
1434

    
1435
.range-button > button{
1436
    padding: 5px 10px;
1437
    text-transform: none;
1438
}
(13-13/37)