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
    user-select: none;
92
}
93

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

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

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

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

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

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

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

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

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

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

    
146

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

    
156
.UNKNOWN {
157

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

    
165
}
166

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

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

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

    
180

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

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

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

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

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

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

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

    
217

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

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

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

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

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

    
254

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

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

    
271

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

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

    
285
}
286

    
287
/*.uk-tab{
288
  border-bottom: 1px #cbcbcb solid;
289
}*/
290
.label-classified {
291
    border-radius: 4px;
292
    padding: 1px 8px;
293
    background-color: #ABABAB;
294
    color: white;
295
    text-transform: uppercase;
296
}
297

    
298
.label-blue, .label-compatibility {
299
    background: #d4f3ff;
300
    color: #00a0de
301
}
302

    
303
.label-green, .label-open {
304
    background: #d1f6e8;
305
    color: #01a566
306
}
307

    
308
.label-yellow, .label-underCuration {
309
    background: #fef5d2;
310
    color: #cca607
311
}
312

    
313
.label-red, .label-funder {
314
    background: #fef0ef;
315
    color: #f54f43
316
}
317

    
318
.label-grey, .label-language {
319
    background: #f8f8f8;
320
    color: #666;
321
}
322

    
323
.label-country {
324
    background: #d4f3ff;
325
    color: #00a0de;
326
}
327

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

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

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

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

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

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

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

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

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

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

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

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

    
404

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

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

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

    
431

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

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

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

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

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

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

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

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

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

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

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

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

    
504
}
505

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

    
516
}
517

    
518
#feedback a:hover {
519
    padding-right: 20px;
520
}
521

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

    
535
}
536

    
537

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

    
542
}
543

    
544
.custom-offcanvas-bar .filtersModal {
545
    color: grey !important;
546

    
547
}
548

    
549
.list-horizontal {
550
    display: flex;
551
}
552

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

    
557
}
558

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

    
564
}
565

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

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

    
577
h2, h4 {
578
    text-transform: none !important;
579
}
580

    
581
.linkdropdown {
582
    min-width: 250px;
583
}
584

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

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

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

    
601
}
602

    
603
svg #home {
604
    fill: white !important;
605

    
606
}
607

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

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

    
617
/* remove the others*/
618

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

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

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

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

    
638
.basket-title {
639

    
640
    padding-top: 20px;
641
    padding-bottom: 20px;
642
    cursor: pointer;
643

    
644
}
645

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

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

    
658
}
659

    
660

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

    
667
dd:last-child {
668
    border-bottom: none;
669
}
670

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

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

    
683
.advancedSearchForm .uk-icon-button {
684

    
685
    fill: #296EE9 !important;
686

    
687
}
688

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

    
693
.cursor-not-allowed {
694
    cursor: not-allowed !important;
695
}
696

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

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

    
708
}
709

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

    
719
#footer\#8 .el-link {
720

    
721
    color: #fff;
722
    font-weigth: 300;
723

    
724
}
725

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

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

    
738
}
739

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

    
746
.citation-accordion .uk-accordion-title {
747
    font-family: Raleway;
748
}
749

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

    
754
.no-selected-message {
755
    background: white;
756
}
757

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

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

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

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

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

    
790

    
791
}
792

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

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

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

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

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

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

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

    
834
.icon-button-small:focus, .icon-button-small:hover {
835

    
836
    border-color: #666 !important;
837
}
838

    
839
.searchFilterTitle {
840

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

    
848
.sideInfoTitle {
849
    font-weight: normal !important;
850
    border-radius: 4px;
851
    background-color: #F0F0F0;
852
    padding: 5px 12px;
853
    font-size: 12px;
854
}
855

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

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

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

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

    
875

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

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

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

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

    
898
.portal-button {
899

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

    
905
}
906

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

    
913
}
914

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
1032

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
1119

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

    
1124
}
1125

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

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

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

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

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

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

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

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

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

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

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

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

    
1181
}
1182

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

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

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

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

    
1204

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

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

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

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

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

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

    
1239

    
1240
/*linksBasket*/
1241

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

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

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

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

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

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

    
1279
}
1280

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

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

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

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

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

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

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

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

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

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

    
1330

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

    
1337
textarea {
1338
    resize: none;
1339
}
1340

    
1341
.default-dropdown {
1342
    background: white;
1343
    max-width: 500px;
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
}
1439

    
1440
/* Landing gradient title section*/
1441
.title-section {
1442
    background-image: linear-gradient(to right, #FFFFFF , #F0F0F0);
1443
    padding-right: 10px;
1444
    padding-top: 5px;
1445
    padding-bottom: 5px;
1446
    border-radius: 4px;
1447
}
1448

    
1449
.uk-modal .title-section h1 {
1450
    font-size: 18px;
1451
    color: black;
1452
    font-weight: 500;
1453
}
1454

    
1455
/* Landing Download from section*/
1456
.landing .download-from > div {
1457
    padding: 10px;
1458
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
1459
}
1460

    
1461
.landing .download-from > div:last-child {
1462
    border-bottom: none;
1463
}
1464

    
1465
.landing .download-from > div:hover {
1466
    background-color: #F0F0F0;
1467
    border-radius: 4px;
1468
}
1469

    
1470
.landing .download-from > div .title {
1471
    color: black;
1472
    font-weight: 700;
1473
}
1474

    
1475
.landing .download-from > div a.title:hover {
1476
    text-decoration: underline;
1477
}
1478

    
1479
.landing .download-from .provider > a {
1480
    color: #666;
1481
    text-decoration: underline;
1482
}
1483

    
1484
/* Landing Relations section*/
1485
.landing .simple-buttons > div {
1486
    font-size: 16px;
1487
    padding: 15px 30px;
1488
    border-radius: 4px;
1489
    background-color: white;
1490
    border: 1px solid #DEDEDE;
1491
}
1492

    
1493
.landing .simple-buttons > div:hover {
1494
    background-color: #F0F0F0;
1495
    box-shadow: 0 1px 6px #00000033;
1496
}
1497

    
1498
.landing .advanced-buttons > div > div {
1499
    border-radius: 4px;
1500
    font-size: 16px;
1501
    border: 1px solid #DEDEDE;
1502
}
1503

    
1504
.landing .advanced-buttons > div > div:hover {
1505
    box-shadow: 0 1px 6px #00000033;
1506
}
1507

    
1508
.landing .advanced-buttons > div > div .header {
1509
    padding: 15px;
1510
    min-height: 60px;
1511
    color: var(--portal-main-color);
1512
    text-overflow: ellipsis;
1513
}
1514

    
1515
.landing .advanced-buttons > div > div .icon {
1516
    z-index: 1;
1517
    color: var(--portal-main-color);
1518
}
1519

    
1520
.landing .advanced-buttons > div > div .icon > svg {
1521
    width: 40px;
1522
    height: 40px;
1523
}
1524

    
1525
.landing .advanced-buttons > div > div:hover .icon > svg {
1526
    width: 50px;
1527
    height: 50px;
1528
}
1529

    
1530
.landing .advanced-buttons > div > div .footer {
1531
    padding: 15px;
1532
    min-height: 60px;
1533
    background-color: #F0F0F0;
1534
    font-size: 24px;
1535
    color: #666;
1536
}
1537

    
1538
.landing .advanced-buttons > div > div:hover .footer {
1539
    color: black;
1540
}
1541

    
1542
.landing .left-border {
1543
    border-left: 3px solid #EBEBEB;
1544
    padding-left: 20px;
1545
}
1546

    
1547
.green-progress.uk-progress {
1548
    background-color: #F0F0F0;
1549
    height: 10px;
1550
}
1551

    
1552
/*firefox*/
1553
.green-progress.uk-progress::-moz-progress-bar {
1554
    background-color: #9ADC83 !important;
1555
}
1556

    
1557
/*chrome*/
1558
.green-progress.uk-progress::-webkit-progress-value {
1559
    background-color: #9ADC83 !important;
1560
}
1561

    
1562
/*internet explore & edge*/
1563
.green-progress.uk-progress::-ms-fill {
1564
    background-color: #9ADC83 !important;
1565
}
1566

    
1567
svg #statistics-bars {
1568
    fill: var(--portal-main-color);
1569
}
1570

    
1571
.bioentities-buttons > div > * {
1572
    border-radius: 4px;
1573
    font-size: 16px;
1574
    font-weight: 700;
1575
    border: 1px solid #DEDEDE;
1576
    padding: 40px 0;
1577
    width: 100%;
1578
    display: inline-block;
1579
    text-align: center;
1580
    text-transform: uppercase;
1581
    color: #666;
1582
}
1583

    
1584
.bioentities-buttons > div > a:hover {
1585
    background-color: #F0F0F0;
1586
    color: black;
1587
    box-shadow: 0 1px 6px #00000033;
1588
}
1589

    
1590
.portal-progress.uk-progress {
1591
    background-color: #F0F0F0;
1592
    height: 10px;
1593
}
1594

    
1595
.portal-progress.uk-progress::-moz-progress-bar {
1596
    background-color: var(--portal-main-color);
1597
}
1598

    
1599
.space {
1600
    margin-left: 4px;
1601
}
(14-14/38)