Project

General

Profile

1

    
2
.custom-footer {
3
  position: relative;
4
  bottom: 0;
5
  width: 100%;
6
}
7
#tm-main {
8
    min-height: 80vh;
9
}
10
.custom-external {
11
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left 10%;
12
    min-height: 15px;
13
    background-size: 15px 15px;
14
    padding-left: 16px;
15
}
16
h2 .custom-external {
17
     min-height: 20px;
18
    background-size: 20px 20px;
19
    padding-left: 21px;
20
    background: rgba(0, 0, 0, 0) url("./external-link.svg") no-repeat scroll left center;
21

    
22
}
23

    
24
.pseudo-external{
25
  padding-left: 16px;
26
  /*margin-bottom: 5px;*/
27
}
28

    
29
.custom-navbar-toggle-icon, .custom-user-mini-panel{
30
  color:#444 !important
31
}
32
.custom-user-mini-panel a{
33
  color:rgb(36, 91, 204);
34
}
35
.custom-main-content{
36
  min-height: 550px;
37
}
38

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

    
47
.custom-autocomplete .uk-nav-navbar > li > a {
48
    color: #444;
49
}
50
.custom-description-list-horizontal{ line-height:200%}
51
.uk-alert-default {
52
  background: #fff none repeat scroll 0 0;
53
    border: 1px solid #ddd;
54
    border-radius: 4px;
55
    color: #444;
56
    height: 30px;
57
    max-width: 100%;
58
    padding: 4px 6px;
59

    
60
}
61
.custom-hidden-dropdown-menu {position:static !important;}
62
.searchFilterBoxValues {overflow:auto; max-height:200px; }
63
.selected-filters-box {margin:5px; background-color:#F8F8F8; }
64
.search-form {margin:5px;  }
65
.clickable { cursor:pointer; }
66
.search-filters .uk-accordion-title{
67
  font-size: 14px;
68
  line-height: 18px;
69
}
70
.search-results {
71
  min-height: 600px;
72
}
73
.searchPaging {
74
  min-height: 46px;
75
}
76

    
77
.searchFormMinHeight {
78
    min-height: 400px;
79
}
80

    
81
.helper-left-right {
82
  /* margin-top: 75px; */
83
  max-width: 20%;
84
}
85

    
86
.errors-in-searchTableView{
87
  margin-top: 75px;
88
}
89

    
90
@media (min-width: 960px) {
91
    .float-children-right-at-medium > * {
92
        float: right;
93
    }
94
}
95

    
96
@media (max-width: 959px) {
97
  .margin-small-top-at-small  {
98
    margin-top: 10px !important;
99
  }
100
}
101

    
102
.other-results {
103
  min-height: 300px;
104
}
105

    
106
/* "OPEN SOURCE" INCLUDED */
107
.OPEN, .OPENSOURCE{
108
    background: rgba(0, 0, 0, 0) url("./unlock.svg") no-repeat scroll right top;
109
    padding-right: 25px;
110
    min-height: 20px;
111
    background-size: 20px 20px;
112
    font-weight: 400;
113
    text-transform: none;
114
}
115

    
116

    
117
.EMBARGO, .CLOSED, .RESTRICTED {
118
    background: rgba(0, 0, 0, 0) url("./lock.svg") no-repeat scroll right top;
119
    padding-right: 25px;
120
    min-height: 20px;
121
    background-size: 20px 20px;
122
    font-weight: 400;
123
    text-transform: none;
124
}
125

    
126
.UNKNOWN {
127

    
128
    background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top;
129
    padding-right: 25px;
130
    min-height: 20px;
131
    background-size: 20px 20px;
132
    font-weight: 400;
133
    text-transform: none;
134

    
135
}
136

    
137
.sc39 {
138
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
139
    padding-right: 24px;
140
}
141

    
142
.projectIcon {
143
    display: inline-table;
144
}
145

    
146
.dateFilter .mydp{
147
  margin-top:5px;
148
}
149

    
150

    
151
/*.tooltip {
152
    max-width: none;
153
    background: rgba(100, 100, 100, 1);
154
}*/
155
.tooltip-custom-font-size {
156
    font-size: 120%;
157
}
158

    
159
.custom-select-mini{
160
  max-width:170px !important;
161
}
162
.custom-icon {
163
    line-height: unset;
164
}
165
/*.custom-tab-content-large{
166
    min-height: 800px;
167
}
168
 */
169
.custom-tab-content {
170
    min-height: 250px;
171
}
172

    
173
.custom-dataTable-content {
174
    min-height: 600px;
175
}
176

    
177
.custom-html-table-height {
178
  height: 500px;
179
}
180

    
181

    
182

    
183

    
184
/*.filterItem span {*/
185
/*display: inline-flex;*/
186
/*}*/
187
/*.filterItem .filterName {*/
188
/*max-width: 71%;*/
189

    
190
/*}*/
191
/*.browseFilters .filterItem .filterName {*/
192
/*max-width: 68%;*/
193
/*}*/
194

    
195
/*.filterItem .filterNumber {*/
196
/*width: 20%;*/
197
/*}*/
198
/*.filterItem span {*/
199

    
200
/*white-space: nowrap;*/
201
/*}*/
202
/*.browseFilters .filterItem span div {*/
203
/*  !*min-width: 45px;*!*/
204
/*}*/
205
/*.filterItem span div {*/
206
/*overflow: hidden;*/
207
/*text-overflow: ellipsis;*/
208
/*!*min-width: 81px;*!*/
209
/*}*/
210
/*.filterItem{*/
211
/*  margin-bottom: 5px !important;*/
212
/*}*/
213

    
214
.browseFilters{
215
overflow-y: auto;
216
overflow-x: hidden;
217
max-height:265px;
218
}
219

    
220

    
221

    
222
.custom-offcanvas-close {
223
    position: relative;
224
    right: 0;
225
    top: 0;
226
}
227
/* .uk-link{
228
  color: #292C3D !important;
229
} */
230
/*.uk-breadcrumb > :last-child > * {*/
231
/*    color:#cbcbcb !important;*/
232
/*}*/
233
/*.uk-breadcrumb .uk-active a{*/
234
/*    color: #767779  !important;*/
235
/*}*/
236

    
237

    
238
.entityTitleIcon{
239
  background-repeat: no-repeat;
240
  content: '';
241
  display: inline-block;
242
  height: 36px;
243
  width: 42px;
244
  vertical-align: middle;
245
}
246
.entityIcon{
247
  height: 15px;
248
  width: 20px;
249

    
250
}
251
/*.uk-tab{
252
  border-bottom: 1px #cbcbcb solid;
253
}*/
254

    
255

    
256
.label-blue, .label-compatibility {
257
 background:#d4f3ff;
258
 color:#00a0de
259
}
260
.label-green, .label-openaccessmandate {
261
 background:#d1f6e8;
262
 color:#01a566
263
}
264
.label-yellow, .label-underCuration {
265
 background:#fef5d2;
266
 color:#cca607
267
}
268
.label-red, .label-funder {
269
 background:#fef0ef;
270
 color:#f54f43
271
}
272
.label-grey, .label-language{
273
  background: #f8f8f8;
274
  color: #666;
275
}
276
.label-country {
277
  background : #d4f3ff;
278
  color: #00a0de;
279
}
280
.label-orange, .label-sc39{
281
  background: #fef5d2;
282
  color: #f0506e;
283
}
284

    
285
.label-OPEN, .label-OPENSOURCE, .label-open {
286
background: #F25F2F;
287
color: #fff;
288
}
289
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
290
  background: #0F0F0F;
291
  color: #fff
292
}
293

    
294
.label-publication{
295
   background: #4687E6;
296
   color: #fff
297
 }
298
.label-dataset{
299
  background: #1e906c;
300
  color: #fff
301
}
302
.label-software{
303
  background: #b737ff;
304
  color: #fff
305
}
306
.label-orp, .label-other{
307
  background: #f54f43;
308
  color: #414141 !important;
309
}
310

    
311
.label-project
312
{ background: #d0307f;
313
color: #fff}
314

    
315
.label-dataprovider
316
{ background: #00a0de;
317
color: #fff}
318

    
319
.label-organization
320
{ background: #fbcd0d;
321
color: #414141}
322

    
323
.label-UNKNOWN,.label-funder,
324
.label-compatibility ,
325
.label-openaccessmandate,
326
.label-underCuration,
327
.label-funder,
328
  .label-language,
329
.label-country,
330
.label-orange, .label-sc39,
331
.label-OPEN, .label-OPENSOURCE, .label-open,.label-language, .label-publication,
332
.label-publication,
333
.label-dataset,
334
.label-software,
335
.label-orp, .label-other, .label-project, .label-dataprovider, .label-organization,
336
.label-grey, .label-success, .label-community
337
{
338
  background:white !important;
339
  color:#666666  !important;
340
  border: 1px solid #666666 !important;
341
}
342
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
343

    
344

    
345
  background:#CACACA !important;
346
  color:#666666  !important;
347
  border: 1px solid #666666 !important;
348
}
349

    
350
.label-danger {
351
    color:#ff4000  !important;
352
    border: 1px solid #666666 !important;
353
}
354

    
355
.li-disabled .label-compatibility , .li-disabled .label-dataprovider{
356
  background:white !important;
357
  color:#A9A9A9  !important;
358
  border: 1px solid #A9A9A9 !important;
359
}
360

    
361

    
362

    
363

    
364
.uk-tab {
365
	display: -ms-flexbox;
366
	display: -webkit-flex;
367
	display: flex;
368
	-ms-flex-wrap: wrap;
369
	-webkit-flex-wrap: wrap;
370
	flex-wrap: wrap;
371
	margin-left: -20px;
372
	padding: 0;
373
	list-style: none;
374
	position: relative;
375
}
376
.uk-tab::before {
377
    content: "";
378
    position: absolute;
379
    bottom: 0;
380
    left: 20px;
381
    right: 0;
382
    border-bottom: 1px solid #e5e5e5;
383
}
384
.uk-tab-left::before {
385
    border-bottom: none !important;
386
}
387

    
388

    
389
.searchForm, .generalSearchForm{
390
  background: url('./search_general.jpg'); box-sizing: border-box; height: 320px;
391
}
392
.publicationsSearchForm{
393
  background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px;
394
}
395
.projectsSearchForm, .projectsTableSearchForm{
396
  background: url('./projects_search.jpg'); box-sizing: border-box; height: 320px;
397
}
398
.organizationsSearchForm{
399
  background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px;
400
}
401
.datasetsSearchForm{
402
  background: url('./search_data.jpg'); box-sizing: border-box; height: 320px;
403
}
404
.softwareSearchForm{
405
  background: url('./search_software.jpg'); box-sizing: border-box; height: 320px;
406
}
407
.orpsSearchForm{
408
  background: url('./search_other.jpg'); box-sizing: border-box; height: 320px;
409
}
410
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{
411
  background: url('./providers_search.jpg'); box-sizing: border-box; height: 320px;
412
}
413
 .journalsSearchForm, .journalsTableSearchForm{
414
  background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px;
415
}
416
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
417
  background: url('./search_registries.jpg'); box-sizing: border-box; height: 320px;
418
}
419

    
420
.divider-table tbody td, .uk-table th {
421
    border-bottom: 1px solid #E5E5E5;
422
  }
423

    
424
  #feedback {
425
  	float: left;
426
  	position: fixed;
427
  	top: calc(50% - 47px);
428
  	right: 0;
429
    z-index: 100;
430
    display: block;
431

    
432
  }
433

    
434
  #feedback a {
435
  	background: #666 !important;
436
  	border-radius: 5px 0 0 5px;
437
  	box-shadow:none;
438
  	border: none!important;
439
  	display: block;
440
  	padding: 20px 12px;
441
  	transition: all .2s ease-in-out;
442
    opacity:0.5;
443

    
444
  }
445

    
446
  #feedback a:hover {
447
  	padding-right: 20px;
448
  }
449

    
450
.descriptionText{
451
  /* Padding-left: 25px !important;
452
  Border-left: 10px solid #fafafa; */
453
  display: inline-block;
454
          position: relative;
455
          top: calc(-0.1 * 1em);
456
          vertical-align: middle;
457
          margin-right: 10px;
458
          /* border-left: 8px solid #e5e5e5; */
459
          margin-top: 8px;
460
          color: #666666 !important;
461
          line-height: 22px !important;
462

    
463
}
464

    
465

    
466
.custom-offcanvas-bar{
467
  background: grey !important;
468
  width:100% !important;
469

    
470
}
471
.custom-offcanvas-bar .filtersModal{
472
  color:grey !important;
473

    
474
}
475
.list-horizontal{
476
  display: flex;
477
  }
478
.list-horizontal span{
479
  margin-right:5px;
480
  padding-left: 0px !important;
481

    
482
}
483
.list-horizontal-line span {
484
  margin-right: 5px;
485
  border-right: 1px solid #f1f1f1;
486
  padding-right: 5px;
487

    
488
}
489

    
490
.list-horizontal-line > span:last-child {
491
  border-right:none;
492
}
493
/* body {
494
  font-family: Raleway, Arial, sans-serif !important;
495
} */
496
/*html {*/
497
/*  color: #444 !important;*/
498
/*}*/
499

    
500
h2, h4{
501
    text-transform: none !important;
502
}
503
.linkdropdown{
504
  min-width:250px;
505
}
506
.uk-button-action{
507
   background-color: #D6352B;
508
   color: #fff
509
}
510
/* h2, .uk-h2{
511
  font-size:28px !important;
512
} */
513
.app-box {
514
  border: #e5e5e5 solid 1px;
515
}
516

    
517
.uk-subnav-line li:hover .home-icon  svg  #home{
518
   fill: #05007A !important;
519

    
520
}
521
 svg  #home{
522
   fill: white !important;
523

    
524
}
525
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
526
  display: block;
527
  color: #d4d4d4 !important;
528
}
529

    
530
.tm-toolbar .uk-subnav-line li:hover {display: block;} /* remove the others*/
531

    
532
.helper-grid>*{
533
    padding-left: 25px !important;
534
}
535
.cite-this-button{
536
  font-size: 14px;
537
  padding: 3px;
538
}
539
.link-to-button{
540
  font-size: 12px;
541
  padding: 3px;
542
}
543
.dropBasket{
544
  border-top: 1px solid #ccc;
545
  border-bottom: 1px solid #ccc;
546
}
547
.basket-title {
548

    
549
    padding-top: 20px;
550
    padding-bottom: 20px;
551
    cursor: pointer;
552

    
553
}
554
.basket-title::after {
555
    background-image: none !important;
556
}
557
.basket-badge {
558
  position: relative;
559
  right: 16px;
560
  top: -16px;
561
  text-align: center;
562
  border-radius: 90%;
563
    border-radius: 90%;
564

    
565
}
566

    
567

    
568

    
569
dd{
570
    margin-top: 10px;
571
    border-bottom: 1px solid #e8e8e8;
572
    padding-bottom: 5px;
573
}
574

    
575
dd:last-child {
576
    border-bottom: none;
577
}
578
.advancedSearchFormBackground {
579
    background-repeat: no-repeat !important;
580
    background-size: 100% 320px;
581
    height: auto !important;
582
}
583
.advancedSearchForm {
584
    /*box-shadow: 0 1px 10px #444444;*/
585
    background-color: white;
586
    border: 1px solid #ccc;
587
}
588
.advancedSearchForm .uk-icon-button {
589

    
590
    fill: #296EE9 !important;
591

    
592
}
593

    
594
.search-results li {
595

    
596
    margin-bottom: 30px !important;
597
    padding-top: 15px !important;
598

    
599
}
600

    
601
.cursor-not-allowed {
602
    cursor: not-allowed !important;
603
}
604

    
605
.uk-badge, .badge, a.badge {
606
    border-radius: 2px;
607
}
608
.loading-gif, .loading-gif:before, .loading-gif:after {
609
  background: url("./loading.gif") no-repeat;
610
  height: 65px;
611
  margin-left: auto;
612
  margin-right: auto;
613
  width: 65px;
614

    
615
}
616

    
617
/* h2, .uk-h2 {
618
    font-size: 28px !important;
619
} */
620
/*body{*/
621
/*  !* line-height: 1.4; *!*/
622
/*  Font-size:14px;*/
623
/*  Color: #333;*/
624
/*}*/
625

    
626
#footer\#8 .el-link {
627

    
628
    color: #fff;
629
    font-weigth: 300;
630

    
631
}
632
.custom-article-title {
633
  font-size: 32px;
634
  Margin-bottom: 10px;
635
  font-family: 'Open Sans', sans-serif;
636
  color: #1F257B !important;
637
}
638

    
639
.custom-tab-content .uk-pagination>*>* {
640
   min-width: 20px;
641
   line-height: 1.4;
642
   font-size: 14px;
643

    
644
}
645
.box-content{
646
   border: 1px dashed #666666;
647
   margin-top: 4px;
648
   background: #EFEFEF;
649
}
650

    
651
.citation-accordion .uk-accordion-title {
652
  font-family: Raleway;
653
}
654
.uk-notification.uk-notification-top-center  {
655
    top: 45% !important;
656
}
657
.no-selected-message{
658
  background :white;
659
}
660

    
661
.textOverflowEllipsis {
662
overflow: hidden;
663
text-overflow: ellipsis;
664
white-space: nowrap;
665
}
666

    
667
.custom-accordion .uk-accordion-title{
668
    text-align: left;
669
    /* background: #f8f8fe; */
670
    padding: 4px;
671
    /* color: #3055ba !important; */
672
    font-size: 14px;
673
    text-transform: initial !important;
674
    font-weight: inherit !important;
675
    /*border-top: gray solid 1px;*/
676
    border-bottom: var(--portal-main-color) solid 1px;
677

    
678

    
679
}
680

    
681
.custom-accordion  .uk-accordion-title::after {
682
    float: none;;
683
    padding: 12px;
684
}
685

    
686
.custom-accordion{
687
  /*border: gray solid 1px;*/
688
  border-top: 0px;
689
}
690

    
691
.custom-accordion .uk-accordion-content{
692
    margin: 0px;
693
    border: #eee 1px solid;
694
    border-top: none;
695
    padding: 12px;
696
}
697
.darkBackground{
698
    background-color:rgb(0,0,0,0.5);
699
    z-index:0;
700
    color:white !important;
701
    font-family: Roboto !important;
702
}
703

    
704
.whiteText{
705
    color:white !important;
706
    font-family: Roboto !important;
707
}
708
.shadowBox{
709
 box-shadow: 0 1px 3px #444444;
710
 /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
711
 }
712
.icon-button-small{
713
  width:22px !important;
714
  height:22px !important;
715
  /*color: #666 !important;*/
716
  /*background: #f7f7fa !important;*/
717
}
718
.icon-button-small:focus, .icon-button-small:hover {
719

    
720
    border-color: #666 !important;
721
}
722
.searchFilterTitle{
723

    
724
    /* text-decoration-color: var(--portal-main-color);
725
    text-decoration: underline; */
726
  border-bottom: 1px solid var(--portal-main-color) !important;
727
  padding: 5px 0px;
728
  color: var(--portal-main-color);
729
}
730

    
731
.sideInfoTitle{
732

    
733
  font-weight: 500;
734
 border-bottom: 1px solid var(--portal-main-color);
735
  /* background-color: var(--portal-main-color); */
736
  /* color:var(--portal-main-contrast) !important; */
737
 padding-top: 5px;
738
 padding-left: 3px;
739

    
740
}
741
/*.linkButtonsBox{
742
  background: white !important;
743
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
744
}*/
745

    
746
.uk-navbar-container {
747
    padding-top: 0px !important;
748
    padding-bottom: 0px !important;
749
}
750

    
751
.uk-input{
752
  background-color: rgba(255, 255, 255, 1.0) !important;
753
}
754
.uk-accordion > :nth-child(n+2) {
755
    border-top: 0px solid #ededed !important;
756
    margin-top: 0px !important;
757
}
758

    
759

    
760
  .uk-pagination > .uk-active > * {
761
     background-color: var(--portal-main-color) !important;
762
     color: var(--portal-main-contrast) !important;
763
     border-color:var(--portal-main-color) !important;
764
     border-bottom-color: var(--portal-main-color) !important;
765
     border-radius: 500px;
766
     line-height: 12px !important;
767
   }
768
.portal-color{
769
  color: var(--portal-main-color) !important;
770
}
771
.portal-secondary-color{
772
    color: var(--portal-dark-color) !important;
773
}
774

    
775
.portal-background-color{
776
  background-color: var(--portal-main-color) !important;
777
  color:var(--portal-main-contrast) !important;
778
}
779
.portal-button {
780

    
781
  background-color: var(--portal-main-color);
782
  color:var(--portal-main-contrast) ;
783
    border: 1px solid var(--portal-main-color) ;
784
    background-image:  none ;
785

    
786
}
787
.portal-button:hover, .portal-button:active, .portal-button:focus {
788
    background-color: var(--portal-dark-color) ;
789
    color:var(--portal-main-contrast) ;
790
    border: 1px solid var(--portal-dark-color) ;
791
    background-image:  none ;
792

    
793
}
794
.portal-link {
795
  color:var(--portal-main-color)  !important;
796
  /*text-decoration: underline !important;*/
797
  /*font-weight: bold;*/
798
}
799
.portal-link:hover {
800
    color:var(--portal-dark-color)  !important;
801
}
802
.portal-box{
803
  background-color: var(--portal-main-color) !important;
804
  color:var(--portal-main-contrast) !important;
805
}
806

    
807
.uk-pagination .uk-icon{
808
  color: var(--portal-main-color) !important;
809
}
810

    
811
 .search-results > li:nth-child(2) {
812

    
813
  border-top-color:var(--portal-main-color) !important;
814

    
815
}
816
.search-results > li:last-child{
817
  border-bottom:1px solid var(--portal-main-color) !important;
818
  padding-bottom: 10px !important;
819
}
820

    
821
.widget-box {
822
  background: white;
823
}
824

    
825
.developlink{
826
  text-transform: none !important;
827
  color: #fff !important;
828
  background: var(--develop-portal-color) !important;
829
  font-weight: 600;
830
  border: 2px solid var(--develop-portal-color) !important;
831
  background-image:none !important;
832
}
833
.providelink{
834
  text-transform: none !important;
835
  color: #fff !important;
836
  background: var(--provide-portal-color) !important;
837
  font-weight: 600;
838
  border: 2px solid var(--provide-portal-color) !important;
839
  background-image:none !important;
840
}
841
.connectlink{
842
  background-color: var(--connect-portal-color) !important;
843
  font-weight: 600;
844
  color: #fff !important;
845
  border: 2px solid var(--connect-portal-color) !important;
846
  background-image:none !important;
847
}
848
.monitorlink{
849
  background-color: var(--monitor-portal-color) !important;
850
  font-weight: 600;
851
  color: #fff !important;
852
  border: 2px solid var(--monitor-portal-color) !important;
853
  background-image:none !important;
854
}
855
.explorelink{
856
  background-color: var(--explore-portal-color) !important;
857
  font-weight: 600;
858
  color: #fff !important;
859
  border: 2px solid var(--explore-portal-color) !important;
860
  background-image:none !important;
861
}
862
showTitle h2{
863
  text-transform: unset !important;
864
}
865

    
866
/* toCheck: */
867
/* embargo end date */
868
.highlight, mark {
869
    background: rgba(34,32,128,.5);
870
    color: #222080;
871
}
872
/* advanced autocomplete */
873
.custom-autocomplete .uk-dropdown {
874
    background: white;
875
    /* color: rgba(255,255,255,.7); */
876
}
877
.explore-heading-bullet::before {
878
    border-left-color: var(--explore-portal-color) !important;
879
}
880
.provide-heading-bullet::before {
881
    border-left-color: var(--provide-portal-color) !important;
882
}
883
.connect-heading-bullet::before {
884
    border-left-color: var(--connect-portal-color) !important;
885
}
886
.develop-heading-bullet::before {
887
    border-left-color: var(--develop-portal-color) !important;
888
}
889
.monitor-heading-bullet::before {
890
    border-left-color: var(--monitor-portal-color) !important;
891
}
892

    
893

    
894
.explore .uk-h4 {
895
  color: var(--explore-portal-color);
896
  font-weight: bold;
897
}
898

    
899
.explore .el-content {
900
  font-size: 18px;
901
}
902

    
903
.explore a{
904
  background-color: var(--explore-portal-color) !important;
905
  color: #fff !important;
906
  font-weight: bold !important;
907
  border-color: var(--explore-portal-color) !important;
908
}
909

    
910
.explore a:hover, .explore a:active, .explore a:focus {
911
  background-color: var(--explore-portal-lower-tone) !important;
912
  border-color: var(--explore-portal-lower-tone) !important;
913
}
914
.provide .uk-h4 {
915
  color: var(--provide-portal-color);
916
  font-weight: bold;
917
}
918

    
919
.provide .el-content {
920
  font-size: 18px;
921
}
922

    
923
.provide a{
924
  background-color: var(--provide-portal-color) !important;
925
  color: #fff !important;
926
  font-weight: bold !important;
927
  border-color: var(--provide-portal-color) !important;
928
}
929

    
930
.provide a:hover, .provide a:active, .provide a:focus {
931
  background-color: var(--provide-portal-lower-tone) !important;
932
  border-color: var(--provide-portal-lower-tone) !important;
933
}
934

    
935
.monitor .uk-h4 {
936
  color: var(--monitor-portal-color);
937
  font-weight: bold;
938
}
939

    
940
.monitor .el-content {
941
  font-size: 18px;
942
}
943

    
944
.monitor a{
945
  background-color: var(--monitor-portal-color) !important;
946
  color: #fff !important;
947
  font-weight: bold !important;
948
  border-color: var(--monitor-portal-color)  !important;
949
}
950

    
951
.monitor a:hover, .monitor a:active, .monitor a:focus {
952
  background-color: var(--monitor-portal-lower-tone) !important;
953
  border-color: var(--monitor-portal-lower-tone) !important;
954
}
955

    
956
.connect-default-button {
957
    background-color: var(--connect-portal-color) !important;
958
    color:var(--portal-main-contrast) !important;
959
    border: 2px solid var(--connect-portal-color) !important;
960
    background-image:  none !important;
961
}
962

    
963
.connect .uk-h4 {
964
  color: var(--connect-portal-color);
965
  font-weight: bold;
966
}
967

    
968
.connect .el-content {
969
  font-size: 18px;
970
}
971

    
972
.connect a {
973
  background-color: var(--connect-portal-color) !important;
974
  color: #fff !important;
975
  font-weight: bold !important;
976
    border-color: var(--connect-portal-color)  !important;
977
}
978

    
979

    
980
.connect a:hover, .connect a:active, .connect a:focus  {
981
  background-color: var(--connect-portal-lower-tone) !important;
982
  border-color: var(--connect-portal-lower-tone) !important;
983

    
984
}
985

    
986
.develop .uk-h4 {
987
  color: var(--develop-portal-color);
988
  font-weight: bold;
989
}
990

    
991
.develop .el-content {
992
  font-size: 18px;
993
}
994

    
995
.develop a  {
996
  background-color: var(--develop-portal-color) !important;
997
  color: #fff !important;
998
  font-weight: bold !important;
999
    border-color: var(--develop-portal-color)  !important;
1000
}
1001

    
1002
.develop a:hover, .develop a:active, .develop a:focus {
1003
  background-color: var(--develop-portal-lower-tone) !important;
1004
  border-color: var(--develop-portal-lower-tone) !important;
1005
}
1006

    
1007
.portal-hr{
1008
  border-bottom: 1px solid var(--portal-main-color) !important;
1009
  padding: 5px 0px;
1010
}
1011

    
1012
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
1013
    background:  var(--portal-main-color) !important;
1014
}
1015

    
1016
.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 {
1017
  background:  var(--portal-main-color) !important;
1018
  color:white !important;
1019
}
1020

    
1021
.loginLink {
1022
    text-transform: uppercase !important;
1023
}
1024

    
1025
#footer\#9 a,  #footer\#11 a,  #footer\#13 a {
1026
  color: #dedede;
1027
  line-height: 22px;
1028
  padding: 2px 0;
1029
}
1030

    
1031
#footer\#9 a:hover,#footer\#11 a:hover, #footer\#13 a:hover {
1032
    color: rgba(255, 255, 255, 0.5);
1033
}
1034

    
1035
@media all and (min-width: 640px) {
1036

    
1037
  #footer\#3 {
1038
      margin-right: 280px;
1039
  }
1040

    
1041
}
1042

    
1043
.portal-card {
1044
    background-color: var(--portal-main-color);
1045
    color: #fff !important;
1046
}
1047
.portal-card a {
1048
    color: #fff !important;
1049
    /*text-decoration: underline;*/
1050
}
1051
.portal-card a:hover {
1052
    color:rgba(255,255,255,0.8) !important;
1053
}
1054

    
1055
.portal-card-badge {
1056
    background-color: var(--portal-main-color);
1057
    color: #fff !important;
1058
    font-size: small;
1059
    border-radius: 3px;
1060
}
1061

    
1062

    
1063
.private-card-badge {
1064
    background-color: #000;
1065
    color: #fff !important;
1066
    font-size: small;
1067
    border-radius: 3px;
1068
}
1069

    
1070
.portal-icon-button, .portal-icon-button:hover  {
1071
  background: var(--portal-main-color) !important;
1072
  color: var(--portal-main-contrast) !important;
1073
  border: 1px solid var(--portal-main-color) !important;
1074
}
1075

    
1076
.inherit-color {
1077
    color: inherit;
1078
}
1079

    
1080
.uk-label {
1081
  border-radius: 15px;
1082
  line-height: 15px;
1083
  padding: 3px 10px;
1084
  text-transform: uppercase;
1085
}
1086

    
1087
a:hover, .uk-link:hover , .uk-link:hover, a:hover {
1088
    color: var(--portal-main-color);
1089
}
1090

    
1091
.portal-icon-button, .portal-icon-button:hover  {
1092
    background: var(--portal-main-color) !important;
1093
    color: var(--portal-main-contrast) !important;
1094
    border: 1px solid var(--portal-main-color) !important;
1095
}
1096

    
1097

    
1098
/*linksBasket*/
1099

    
1100
.linksbasket{
1101
  /* background-color:#F5F5F5; */
1102
  border: 1px solid #DEDEDE;
1103
  font-size: 12px !important;
1104
  line-height: 18px;
1105
  /* height:512px; */
1106
}
1107

    
1108
.linksbaskettitles{
1109
  /* height:75px; */
1110
  cursor:pointer;
1111
  background-color:#F5F5F5;
1112
  border: 1px solid #DEDEDE;
1113
}
1114
.linksBasketSubtitles{
1115
    font-size: 12px !important;
1116
}
1117
.linkInlineEntity {
1118
    /* height:75px; */
1119
    background-color:#A4A4A4;
1120
    color:white !important;
1121
    /*border: 1px solid #DEDEDE;*/
1122
}
1123
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div{
1124
    background: var(--portal-main-color) !important;
1125
    color: var(--portal-main-contrast) !important;
1126
    border: 1px solid var(--portal-main-color) !important;
1127
}
1128

    
1129
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a{
1130
  background-color: var(--portal-main-color) !important;
1131
  color: var(--portal-main-contrast) !important;
1132
  border: 1px solid var(--portal-main-color) !important;
1133

    
1134
}
1135
.contextlabelNotSelected, .contextlabelNotSelected:hover{
1136
  color: var(--portal-main-color) !important;
1137
  border: 1px solid var(--portal-main-color) !important;
1138
}
1139

    
1140
 .contextlabelNotSelected a, .contextlabelNotSelected:hover a{
1141
  color: var(--portal-main-color) !important;
1142
}
1143

    
1144
.fadeOut{
1145
  opacity:0.3;
1146
  /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
1147
}
1148

    
1149
.warningBorder{
1150
    border-color: #f70;
1151
}
1152
.dangerBorder{
1153
    border-color: #ff4000;
1154
}
1155
.linkingToolbar{
1156
    background-color: #EDEDED;
1157
}
1158
.linkingToolbar .back{
1159
    color: #999999 !important;
1160
    cursor: pointer;
1161
    -webkit-transition: color  0.3s;
1162
    transition: color 0.3s;
1163
}
1164
.linkingToolbar .back:hover{
1165
    color: #444444 !important;
1166
}
1167

    
1168

    
1169
.linkInlineEntityLabel{
1170
    color:#EAEAEA;
1171
    background-color: #B5B5B5;
1172
    border-color: #EAEAEA;
1173
}
1174

    
1175
textarea {
1176
    resize: none;
1177
}
1178
.default-dropdown {
1179
    background: white;
1180
}
1181

    
1182
[class*="uk-animation-"] {
1183
    animation-fill-mode: none !important;
1184
}
1185

    
1186
.cursor-default {
1187
    cursor: default;
1188
}
1189

    
1190
.curator-photo {
1191
    border: gray 1px solid;
1192
    object-fit: cover;
1193
    width: 80px;
1194
    height: 80px;
1195
}
1196

    
1197
.uk-navbar{
1198
    z-index: 9999;
1199
}
1200
.uk-modal{
1201
    z-index: 10000;
1202
}
1203

    
1204
@media only screen and (min-width: 992px) {
1205
    .image-front-topbar {margin-top:-136px;}
1206
}
1207
@media only screen and (min-width: 1200px) {
1208
    .image-front-topbar {margin-top:-136px;}
1209
}
1210
/*Adding shadow to the main menu dropdowns*/
1211
.uk-navbar-dropdown{
1212
     box-shadow: 0 5px 12px rgba(0,0,0,.15);
1213
}
(12-12/33)