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,.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
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-button-reverse {
917
    background-color: var(--portal-main-contrast);;
918
    color: var(--portal-main-color);
919
    border: 1px solid var(--portal-main-color);
920
    background-image: none;
921
}
922

    
923
/*.portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus{
924
    background-color: var(--portal-dark-color);
925
    color: var(--portal-main-contrast);
926
    border: 1px solid var(--portal-dark-color);
927
    background-image: none;
928

    
929
}*/
930

    
931
.portal-link {
932
    color: var(--portal-main-color) !important;
933
    /*text-decoration: underline !important;*/
934
    /*font-weight: bold;*/
935
}
936

    
937
.portal-link:hover {
938
    text-decoration: underline !important;
939
    /*color:var(--portal-dark-color)  !important;*/
940
}
941

    
942
.portal-box {
943
    background-color: var(--portal-main-color) !important;
944
    color: var(--portal-main-contrast) !important;
945
}
946

    
947
.uk-pagination .uk-icon {
948
    color: var(--portal-main-color) !important;
949
}
950

    
951
/*.search-results > li:nth-child(2) {*/
952
/*    border-top: 1px solid var(--portal-main-color) !important;*/
953
/*}*/
954

    
955
/*.search-results > li:last-child {*/
956
/*    border-bottom: 1px solid var(--portal-main-color) !important;*/
957
/*    padding-bottom: 10px !important;*/
958
/*}*/
959

    
960
.paging-hr {
961
    border-bottom: 1px solid #E5E5E5 !important;
962
    /*padding-bottom: 5px !important;*/
963
}
964

    
965
.widget-box {
966
    background: white;
967
}
968

    
969
.developlink {
970
    text-transform: none !important;
971
    color: #fff !important;
972
    background: var(--develop-portal-color) !important;
973
    font-weight: 600;
974
    border: 2px solid var(--develop-portal-color) !important;
975
    background-image: none !important;
976
}
977

    
978
.providelink {
979
    text-transform: none !important;
980
    color: #fff !important;
981
    background: var(--provide-portal-color) !important;
982
    font-weight: 600;
983
    border: 2px solid var(--provide-portal-color) !important;
984
    background-image: none !important;
985
}
986

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

    
995
.monitorlink {
996
    background-color: var(--monitor-portal-color) !important;
997
    font-weight: 600;
998
    color: #fff !important;
999
    border: 2px solid var(--monitor-portal-color) !important;
1000
    background-image: none !important;
1001
}
1002

    
1003
.explorelink {
1004
    background-color: var(--explore-portal-color) !important;
1005
    font-weight: 600;
1006
    color: #fff !important;
1007
    border: 2px solid var(--explore-portal-color) !important;
1008
    background-image: none !important;
1009
}
1010

    
1011
showTitle h2 {
1012
    text-transform: unset !important;
1013
}
1014

    
1015
/* toCheck: */
1016
/* embargo end date */
1017
.highlight, mark {
1018
    background: rgba(34, 32, 128, .5);
1019
    color: #222080;
1020
}
1021

    
1022
/* advanced autocomplete */
1023
.custom-autocomplete .uk-dropdown {
1024
    background: white;
1025
    /* color: rgba(255,255,255,.7); */
1026
}
1027

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

    
1032
.provide-heading-bullet::before {
1033
    border-left-color: var(--provide-portal-color) !important;
1034
}
1035

    
1036
.connect-heading-bullet::before {
1037
    border-left-color: var(--connect-portal-color) !important;
1038
}
1039

    
1040
.develop-heading-bullet::before {
1041
    border-left-color: var(--develop-portal-color) !important;
1042
}
1043

    
1044
.monitor-heading-bullet::before {
1045
    border-left-color: var(--monitor-portal-color) !important;
1046
}
1047

    
1048

    
1049
.explore .uk-h4 {
1050
    color: var(--explore-portal-color);
1051
    font-weight: bold;
1052
}
1053

    
1054
.explore .el-content {
1055
    font-size: 18px;
1056
}
1057

    
1058
.explore a {
1059
    background-color: var(--explore-portal-color) !important;
1060
    color: #fff !important;
1061
    font-weight: bold !important;
1062
    border-color: var(--explore-portal-color) !important;
1063
}
1064

    
1065
.explore a:hover, .explore a:active, .explore a:focus {
1066
    background-color: var(--explore-portal-lower-tone) !important;
1067
    border-color: var(--explore-portal-lower-tone) !important;
1068
}
1069

    
1070
.provide .uk-h4 {
1071
    color: var(--provide-portal-color);
1072
    font-weight: bold;
1073
}
1074

    
1075
.provide .el-content {
1076
    font-size: 18px;
1077
}
1078

    
1079
.provide a {
1080
    background-color: var(--provide-portal-color) !important;
1081
    color: #fff !important;
1082
    font-weight: bold !important;
1083
    border-color: var(--provide-portal-color) !important;
1084
}
1085

    
1086
.provide a:hover, .provide a:active, .provide a:focus {
1087
    background-color: var(--provide-portal-lower-tone) !important;
1088
    border-color: var(--provide-portal-lower-tone) !important;
1089
}
1090

    
1091
.monitor .uk-h4 {
1092
    color: var(--monitor-portal-color);
1093
    font-weight: bold;
1094
}
1095

    
1096
.monitor .el-content {
1097
    font-size: 18px;
1098
}
1099

    
1100
.monitor a {
1101
    background-color: var(--monitor-portal-color) !important;
1102
    color: #fff !important;
1103
    font-weight: bold !important;
1104
    border-color: var(--monitor-portal-color) !important;
1105
}
1106

    
1107
.monitor a:hover, .monitor a:active, .monitor a:focus {
1108
    background-color: var(--monitor-portal-lower-tone) !important;
1109
    border-color: var(--monitor-portal-lower-tone) !important;
1110
}
1111

    
1112
.connect-default-button {
1113
    background-color: var(--connect-portal-color) !important;
1114
    color: var(--portal-main-contrast) !important;
1115
    border: 2px solid var(--connect-portal-color) !important;
1116
    background-image: none !important;
1117
}
1118

    
1119
.connect .uk-h4 {
1120
    color: var(--connect-portal-color);
1121
    font-weight: bold;
1122
}
1123

    
1124
.connect .el-content {
1125
    font-size: 18px;
1126
}
1127

    
1128
.connect a {
1129
    background-color: var(--connect-portal-color) !important;
1130
    color: #fff !important;
1131
    font-weight: bold !important;
1132
    border-color: var(--connect-portal-color) !important;
1133
}
1134

    
1135

    
1136
.connect a:hover, .connect a:active, .connect a:focus {
1137
    background-color: var(--connect-portal-lower-tone) !important;
1138
    border-color: var(--connect-portal-lower-tone) !important;
1139

    
1140
}
1141

    
1142
.develop .uk-h4 {
1143
    color: var(--develop-portal-color);
1144
    font-weight: bold;
1145
}
1146

    
1147
.develop .el-content {
1148
    font-size: 18px;
1149
}
1150

    
1151
.develop a {
1152
    background-color: var(--develop-portal-color) !important;
1153
    color: #fff !important;
1154
    font-weight: bold !important;
1155
    border-color: var(--develop-portal-color) !important;
1156
}
1157

    
1158
.develop a:hover, .develop a:active, .develop a:focus {
1159
    background-color: var(--develop-portal-lower-tone) !important;
1160
    border-color: var(--develop-portal-lower-tone) !important;
1161
}
1162

    
1163
.portal-hr {
1164
    border-bottom: 1px solid var(--portal-main-color) !important;
1165
    padding: 5px 0px;
1166
}
1167

    
1168
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
1169
    background: var(--portal-main-color) !important;
1170
}
1171

    
1172
.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 {
1173
    background: var(--portal-main-color) !important;
1174
    color: white !important;
1175
}
1176

    
1177
.loginLink {
1178
    text-transform: uppercase !important;
1179
}
1180

    
1181
#footer\#9 a, #footer\#11 a, #footer\#13 a {
1182
    color: #dedede;
1183
    line-height: 22px;
1184
    padding: 2px 0;
1185
}
1186

    
1187
#footer\#9 a:hover, #footer\#11 a:hover, #footer\#13 a:hover {
1188
    color: rgba(255, 255, 255, 0.5);
1189
}
1190

    
1191
@media all and (min-width: 640px) {
1192

    
1193
    #footer\#3 {
1194
        margin-right: 280px;
1195
    }
1196

    
1197
}
1198

    
1199
.portal-card {
1200
    background-color: var(--portal-main-color);
1201
    color: #fff !important;
1202
}
1203

    
1204
.portal-card a {
1205
    color: #fff !important;
1206
    /*text-decoration: underline;*/
1207
}
1208

    
1209
.portal-card a:hover {
1210
    color: rgba(255, 255, 255, 0.8) !important;
1211
}
1212

    
1213
.portal-card-badge {
1214
    background-color: var(--portal-main-color);
1215
    color: #fff !important;
1216
    font-size: small;
1217
    border-radius: 3px;
1218
}
1219

    
1220

    
1221
.private-card-badge {
1222
    background-color: #000;
1223
    color: #fff !important;
1224
    font-size: small;
1225
    border-radius: 3px;
1226
}
1227

    
1228
.portal-icon-button, .portal-icon-button:hover {
1229
    background: var(--portal-main-color) !important;
1230
    color: var(--portal-main-contrast) !important;
1231
    border: 1px solid var(--portal-main-color) !important;
1232
}
1233

    
1234
.inherit-color {
1235
    color: inherit;
1236
}
1237

    
1238
.uk-label {
1239
    border-radius: 15px;
1240
    line-height: 15px;
1241
    padding: 3px 10px;
1242
    text-transform: uppercase;
1243
}
1244

    
1245
a:hover, .uk-link:hover, .uk-link:hover, a:hover {
1246
    color: var(--portal-main-color);
1247
}
1248

    
1249
.portal-icon-button, .portal-icon-button:hover {
1250
    background: var(--portal-main-color) !important;
1251
    color: var(--portal-main-contrast) !important;
1252
    border: 1px solid var(--portal-main-color) !important;
1253
}
1254

    
1255

    
1256
/*linksBasket*/
1257

    
1258
.linksbasket {
1259
    /* background-color:#F5F5F5; */
1260
    border: 1px solid #DEDEDE;
1261
    font-size: 12px !important;
1262
    line-height: 18px;
1263
    /* height:512px; */
1264
}
1265

    
1266
.linksbaskettitles {
1267
    /* height:75px; */
1268
    cursor: pointer;
1269
    background-color: #F5F5F5;
1270
    border: 1px solid #DEDEDE;
1271
}
1272

    
1273
.linksBasketSubtitles {
1274
    font-size: 12px !important;
1275
}
1276

    
1277
.linkInlineEntity {
1278
    /* height:75px; */
1279
    background-color: #A4A4A4;
1280
    color: white !important;
1281
    /*border: 1px solid #DEDEDE;*/
1282
}
1283

    
1284
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div {
1285
    background: var(--portal-main-color) !important;
1286
    color: var(--portal-main-contrast) !important;
1287
    border: 1px solid var(--portal-main-color) !important;
1288
}
1289

    
1290
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a {
1291
    background-color: var(--portal-main-color) !important;
1292
    color: var(--portal-main-contrast) !important;
1293
    border: 1px solid var(--portal-main-color) !important;
1294

    
1295
}
1296

    
1297
.contextlabelNotSelected, .contextlabelNotSelected:hover {
1298
    color: var(--portal-main-color) !important;
1299
    border: 1px solid var(--portal-main-color) !important;
1300
}
1301

    
1302
.contextlabelNotSelected a, .contextlabelNotSelected:hover a {
1303
    color: var(--portal-main-color) !important;
1304
}
1305

    
1306
.researchResultTypeSelected, .researchResultTypeNotSelected:hover {
1307
    color: #fff !important;
1308
    background-color: #222080 !important;
1309
    border: 1px solid #222080 !important;
1310
}
1311

    
1312
.researchResultTypeNotSelected {
1313
    color: #222080 !important;
1314
    background-color: #fff !important;
1315
    border: 1px solid #222080 !important;
1316
}
1317

    
1318
.fadeOut {
1319
    opacity: 0.3;
1320
    /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
1321
}
1322

    
1323
.warningBorder {
1324
    border-color: #f70;
1325
}
1326

    
1327
.dangerBorder {
1328
    border-color: #ff4000;
1329
}
1330

    
1331
.linkingToolbar {
1332
    background-color: #EDEDED;
1333
}
1334

    
1335
.linkingToolbar .back {
1336
    color: #999999 !important;
1337
    cursor: pointer;
1338
    -webkit-transition: color 0.3s;
1339
    transition: color 0.3s;
1340
}
1341

    
1342
.linkingToolbar .back:hover {
1343
    color: #444444 !important;
1344
}
1345

    
1346

    
1347
.linkInlineEntityLabel {
1348
    color: #EAEAEA;
1349
    background-color: #B5B5B5;
1350
    border-color: #EAEAEA;
1351
}
1352

    
1353
textarea {
1354
    resize: none;
1355
}
1356

    
1357
.default-dropdown {
1358
    background: white;
1359
}
1360

    
1361
[class*="uk-animation-"] {
1362
    animation-fill-mode: none !important;
1363
}
1364

    
1365
.cursor-default {
1366
    cursor: default;
1367
}
1368

    
1369
.curator-photo {
1370
    border: gray 1px solid;
1371
    object-fit: cover;
1372
    width: 80px;
1373
    height: 80px;
1374
}
1375

    
1376
.uk-navbar {
1377
    z-index: 9999;
1378
}
1379

    
1380
.uk-modal {
1381
    z-index: 10000;
1382
}
1383

    
1384
@media only screen and (min-width: 992px) {
1385
    .image-front-topbar {
1386
        margin-top: -136px;
1387
    }
1388
}
1389

    
1390
@media only screen and (min-width: 1200px) {
1391
    .image-front-topbar {
1392
        margin-top: -136px;
1393
    }
1394
}
1395

    
1396
/*Adding shadow to the main menu dropdowns*/
1397
.uk-navbar-dropdown {
1398
    box-shadow: 0 5px 12px rgba(0, 0, 0, .15);
1399
}
1400

    
1401
.small-beta-indication {
1402
    height: 60px;
1403
}
1404

    
1405
.large-beta-indication {
1406
    height: 104px;
1407
    position: absolute;
1408
    top: 0;
1409
    left: 0;
1410
    z-index: 1;
1411
}
1412

    
1413
.uk-navbar-sticky .beta-indication-sticky {
1414
    position: fixed !important;
1415
    display: block;
1416

    
1417
}
1418

    
1419
.beta-indication-sticky {
1420
    height: 102px;
1421
    position: fixed;
1422
    top: 0;
1423
    left: 0;
1424
    display: none;
1425
}
1426

    
1427
input[name="code"] {
1428
    font-family: Consolas, monaco, monospace;
1429
    font-size: .875rem;
1430
    color: #222080;
1431
    white-space: nowrap;
1432
    background: #f9f9f9;
1433
    border: 1px solid #ededed;
1434
    border-radius: 1px
1435
}
1436

    
1437
.quickSelectionsBox{
1438
    border: 1px solid #E6E6E6;
1439
    border-top:0px;
1440
    background-color: white;
1441
}
1442

    
1443
.selectedFilterLabel {
1444
    background-color: #E5E5E5 !important;
1445
    border-color: #E5E5E5 !important;
1446
    border-radius: 2px !important;
1447
    color: inherit !important;
1448
    line-height: 15px !important;
1449
    padding: 3px 10px !important;
1450
}
1451

    
1452
.searchFilterItem {
1453
    margin-bottom: 5px;
1454
}
1455

    
1456
.range-button > button{
1457
    padding: 5px 10px !important;
1458
    text-transform: none !important;
1459
}
(13-13/37)