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
.helper-left-right {
77
  /* margin-top: 75px; */
78
  max-width: 20%;
79
}
80

    
81
.errors-in-searchTableView{
82
  margin-top: 75px;
83
}
84

    
85
@media (min-width: 960px) {
86
    .float-children-right-at-medium > * {
87
        float: right;
88
    }
89
}
90

    
91
@media (max-width: 959px) {
92
  .margin-small-top-at-small  {
93
    margin-top: 10px !important;
94
  }
95
}
96

    
97
.other-results {
98
  min-height: 300px;
99
}
100

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

    
111

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

    
121
.UNKNOWN {
122

    
123
    background: rgba(0, 0, 0, 0) url("./question.svg") no-repeat scroll right top;
124
    padding-right: 25px;
125
    min-height: 20px;
126
    background-size: 20px 20px;
127
    font-weight: 400;
128
    text-transform: none;
129

    
130
}
131

    
132
.sc39 {
133
    background: rgba(0, 0, 0, 0) url("./sc39.png") no-repeat scroll right center;
134
    padding-right: 24px;
135
}
136

    
137
.projectIcon {
138
    display: inline-table;
139
}
140

    
141
.dateFilter .mydp{
142
  margin-top:5px;
143
}
144

    
145

    
146
/*.tooltip {
147
    max-width: none;
148
    background: rgba(100, 100, 100, 1);
149
}*/
150
.tooltip-custom-font-size {
151
    font-size: 120%;
152
}
153

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

    
168
.custom-dataTable-content {
169
    min-height: 600px;
170
}
171

    
172
.custom-html-table-height {
173
  height: 500px;
174
}
175

    
176

    
177

    
178

    
179
.filterItem span {
180
display: inline-flex;
181
}
182
.filterItem .filterName {
183
max-width: 71%;
184

    
185
}
186
.browseFilters .filterItem .filterName {
187
max-width: 68%;
188
}
189

    
190
.filterItem .filterNumber {
191
width: 20%;
192
}
193
.filterItem span {
194

    
195
white-space: nowrap;
196
}
197
.browseFilters .filterItem span div {
198
  /*min-width: 45px;*/
199
}
200
.filterItem span div {
201
overflow: hidden;
202
text-overflow: ellipsis;
203
/*min-width: 81px;*/
204
}
205
.filterItem{
206
  margin-bottom: 5px !important;
207
}
208

    
209
.browseFilters{
210
overflow-y: auto;
211
overflow-x: hidden;
212
max-height:265px;
213
}
214

    
215

    
216

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

    
232

    
233
.entityTitleIcon{
234
  background-repeat: no-repeat;
235
  content: '';
236
  display: inline-block;
237
  height: 36px;
238
  width: 42px;
239
  vertical-align: middle;
240
}
241
.entityIcon{
242
  height: 15px;
243
  width: 20px;
244

    
245
}
246
/*.uk-tab{
247
  border-bottom: 1px #cbcbcb solid;
248
}*/
249

    
250

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

    
280
.label-OPEN, .label-OPENSOURCE, .label-open {
281
background: #F25F2F;
282
color: #fff;
283
}
284
.label-CLOSED, .label-EMBARGO, .label-RESTRICTED, .label-closed {
285
  background: #0F0F0F;
286
  color: #fff
287
}
288

    
289
.label-publication{
290
   background: #4687E6;
291
   color: #fff
292
 }
293
.label-dataset{
294
  background: #1e906c;
295
  color: #fff
296
}
297
.label-software{
298
  background: #b737ff;
299
  color: #fff
300
}
301
.label-orp, .label-other{
302
  background: #f54f43;
303
  color: #414141 !important;
304
}
305

    
306
.label-project
307
{ background: #d0307f;
308
color: #fff}
309

    
310
.label-dataprovider
311
{ background: #00a0de;
312
color: #fff}
313

    
314
.label-organization
315
{ background: #fbcd0d;
316
color: #414141}
317

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

    
339

    
340
  background:#CACACA !important;
341
  color:#666666  !important;
342
  border: 1px solid #666666 !important;
343
}
344
.li-disabled .label-compatibility , .li-disabled .label-dataprovider{
345
  background:white !important;
346
  color:#A9A9A9  !important;
347
  border: 1px solid #A9A9A9 !important;
348
}
349

    
350

    
351

    
352

    
353
.uk-tab {
354
	display: -ms-flexbox;
355
	display: -webkit-flex;
356
	display: flex;
357
	-ms-flex-wrap: wrap;
358
	-webkit-flex-wrap: wrap;
359
	flex-wrap: wrap;
360
	margin-left: -20px;
361
	padding: 0;
362
	list-style: none;
363
	position: relative;
364
}
365
.uk-tab::before {
366
    content: "";
367
    position: absolute;
368
    bottom: 0;
369
    left: 20px;
370
    right: 0;
371
    border-bottom: 1px solid #e5e5e5;
372
}
373
.uk-tab-left::before {
374
    border-bottom: none !important;
375
}
376

    
377

    
378
.searchForm, .generalSearchForm{
379
  background: url('./search_general.jpg'); box-sizing: border-box; height: 320px;
380
}
381
.publicationsSearchForm{
382
  background: url('./search_pubs_1.jpg'); box-sizing: border-box; height: 320px;
383
}
384
.projectsSearchForm, .projectsTableSearchForm{
385
  background: url('./projects_search.jpg'); box-sizing: border-box; height: 320px;
386
}
387
.organizationsSearchForm{
388
  background: url('./search_organizations.jpg'); box-sizing: border-box; height: 320px;
389
}
390
.datasetsSearchForm{
391
  background: url('./search_data.jpg'); box-sizing: border-box; height: 320px;
392
}
393
.softwareSearchForm{
394
  background: url('./search_software.jpg'); box-sizing: border-box; height: 320px;
395
}
396
.orpsSearchForm{
397
  background: url('./search_other.jpg'); box-sizing: border-box; height: 320px;
398
}
399
.datasourcesSearchForm,  .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm{
400
  background: url('./providers_search.jpg'); box-sizing: border-box; height: 320px;
401
}
402
 .journalsSearchForm, .journalsTableSearchForm{
403
  background: url('./search_journals.jpg'); box-sizing: border-box; height: 320px;
404
}
405
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
406
  background: url('./search_registries.jpg'); box-sizing: border-box; height: 320px;
407
}
408

    
409
.divider-table tbody td, .uk-table th {
410
    border-bottom: 1px solid #E5E5E5;
411
  }
412

    
413
  #feedback {
414
  	float: left;
415
  	position: fixed;
416
  	top: calc(50% - 47px);
417
  	right: 0;
418
    z-index: 100;
419
    display: block;
420

    
421
  }
422

    
423
  #feedback a {
424
  	background: #666 !important;
425
  	border-radius: 5px 0 0 5px;
426
  	box-shadow:none;
427
  	border: none!important;
428
  	display: block;
429
  	padding: 20px 12px;
430
  	transition: all .2s ease-in-out;
431
    opacity:0.5;
432

    
433
  }
434

    
435
  #feedback a:hover {
436
  	padding-right: 20px;
437
  }
438

    
439
.descriptionText{
440
  /* Padding-left: 25px !important;
441
  Border-left: 10px solid #fafafa; */
442
  display: inline-block;
443
          position: relative;
444
          top: calc(-0.1 * 1em);
445
          vertical-align: middle;
446
          margin-right: 10px;
447
          /* border-left: 8px solid #e5e5e5; */
448
          margin-top: 8px;
449
          color: #666666 !important;
450
          line-height: 22px !important;
451

    
452
}
453

    
454

    
455
.custom-offcanvas-bar{
456
  background: grey !important;
457
  width:100% !important;
458

    
459
}
460
.custom-offcanvas-bar .filtersModal{
461
  color:grey !important;
462

    
463
}
464
.list-horizontal{
465
  display: flex;
466
  }
467
.list-horizontal span{
468
  margin-right:5px;
469
  padding-left: 0px !important;
470

    
471
}
472
.list-horizontal-line span {
473
  margin-right: 5px;
474
  border-right: 1px solid #f1f1f1;
475
  padding-right: 5px;
476

    
477
}
478

    
479
.list-horizontal-line > span:last-child {
480
  border-right:none;
481
}
482
/* body {
483
  font-family: Raleway, Arial, sans-serif !important;
484
} */
485
html {
486
  color: #444 !important;
487
}
488

    
489
h2, h4{
490
    text-transform: none !important;
491
}
492
.linkdropdown{
493
  min-width:250px;
494
}
495
.uk-button-action{
496
   background-color: #D6352B;
497
   color: #fff
498
}
499
/* h2, .uk-h2{
500
  font-size:28px !important;
501
} */
502
.app-box {
503
  border: #e5e5e5 solid 1px;
504
}
505

    
506
.uk-subnav-line li:hover .home-icon  svg  #home{
507
   fill: #05007A !important;
508

    
509
}
510
 svg  #home{
511
   fill: white !important;
512

    
513
}
514
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a{
515
  display: block;
516
  color: #d4d4d4 !important;
517
}
518

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

    
521
.helper-grid>*{
522
    padding-left: 25px !important;
523
}
524
.cite-this-button{
525
  font-size: 14px;
526
  padding: 3px;
527
}
528
.link-to-button{
529
  font-size: 12px;
530
  padding: 3px;
531
}
532
.dropBasket{
533
  border-top: 1px solid #ccc;
534
  border-bottom: 1px solid #ccc;
535
}
536
.basket-title {
537

    
538
    padding-top: 20px;
539
    padding-bottom: 20px;
540
    cursor: pointer;
541

    
542
}
543
.basket-title::after {
544
    background-image: none !important;
545
}
546
.basket-badge {
547
  position: relative;
548
  right: 16px;
549
  top: -16px;
550
  text-align: center;
551
  border-radius: 90%;
552
    border-radius: 90%;
553

    
554
}
555

    
556

    
557

    
558
dd{
559
    margin-top: 10px;
560
    border-bottom: 1px solid #e8e8e8;
561
    padding-bottom: 5px;
562
}
563

    
564
dd:last-child {
565
    border-bottom: none;
566
}
567
.advancedSearchFormBackground {
568
    background-repeat: no-repeat !important;
569
    background-size: 100% 320px;
570
    height: auto !important;
571
}
572
.advancedSearchForm {
573
    /*box-shadow: 0 1px 10px #444444;*/
574
    background-color: white;
575
    border: 1px solid #ccc;
576
}
577
.advancedSearchForm .uk-icon-button {
578

    
579
    fill: #296EE9 !important;
580

    
581
}
582

    
583
.search-results li {
584

    
585
    margin-bottom: 30px !important;
586
    padding-top: 15px !important;
587

    
588
}
589

    
590
.cursor-not-allowed {
591
    cursor: not-allowed !important;
592
}
593

    
594
.uk-badge, .badge, a.badge {
595
    border-radius: 2px;
596
}
597
.loading-gif, .loading-gif:before, .loading-gif:after {
598
  background: url("./loading.gif") no-repeat;
599
  height: 65px;
600
  margin-left: auto;
601
  margin-right: auto;
602
  width: 65px;
603

    
604
}
605

    
606
/* h2, .uk-h2 {
607
    font-size: 28px !important;
608
} */
609
body{
610
  /* line-height: 1.4; */
611
  Font-size:14px;
612
  Color: #333;
613
}
614

    
615
#footer\#8 .el-link {
616

    
617
    color: #fff;
618
    font-weigth: 300;
619

    
620
}
621
.custom-article-title {
622
  font-size: 32px;
623
  Margin-bottom: 10px;
624
  font-family: 'Open Sans', sans-serif;
625
  color: #1F257B !important;
626
}
627

    
628
.custom-tab-content .uk-pagination>*>* {
629
   min-width: 20px;
630
   line-height: 1.4;
631
   font-size: 14px;
632

    
633
}
634
.box-content{
635
   border: 1px dashed #666666;
636
   margin-top: 4px;
637
   background: #EFEFEF;
638
}
639

    
640
.citation-accordion .uk-accordion-title {
641
  font-family: Raleway;
642
}
643
.uk-notification.uk-notification-top-center  {
644
    top: 45% !important;
645
}
646
.no-selected-message{
647
  background :white;
648
}
649

    
650
.textOverflowEllipsis {
651
overflow: hidden;
652
text-overflow: ellipsis;
653
white-space: nowrap;
654
}
655

    
656
.custom-accordion .uk-accordion-title{
657
    text-align: left;
658
    /* background: #f8f8fe; */
659
    padding: 4px;
660
    /* color: #3055ba !important; */
661
    font-size: 14px;
662
    text-transform: initial !important;
663
    font-weight: inherit !important;
664
    /*border-top: gray solid 1px;*/
665
    border-bottom: var(--portal-main-color) solid 1px;
666

    
667

    
668
}
669

    
670
.custom-accordion  .uk-accordion-title::after {
671
    float: none;;
672
    padding: 12px;
673
}
674

    
675
.custom-accordion{
676
  /*border: gray solid 1px;*/
677
  border-top: 0px;
678
}
679

    
680
.custom-accordion .uk-accordion-content{
681
    margin: 0px;
682
    border: #eee 1px solid;
683
    border-top: none;
684
    padding: 12px;
685
}
686
.darkBackground{
687
    background-color:rgb(0,0,0,0.5);
688
    z-index:0;
689
    color:white !important;
690
    font-family: Roboto !important;
691
}
692

    
693
.whiteText{
694
    color:white !important;
695
    font-family: Roboto !important;
696
}
697
.shadowBox{
698
 box-shadow: 0 1px 3px #444444;
699
 /*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
700
 }
701
.icon-button-small{
702
  width:22px !important;
703
  height:22px !important;
704
  /*color: #666 !important;*/
705
  /*background: #f7f7fa !important;*/
706
}
707
.icon-button-small:focus, .icon-button-small:hover {
708

    
709
    border-color: #666 !important;
710
}
711
.searchFilterTitle{
712

    
713
    /* text-decoration-color: var(--portal-main-color);
714
    text-decoration: underline; */
715
  border-bottom: 1px solid var(--portal-main-color) !important;
716
  padding: 5px 0px;
717
  color: var(--portal-main-color);
718
}
719

    
720
.sideInfoTitle{
721

    
722
  font-weight: 500;
723
 border-bottom: 1px solid var(--portal-main-color);
724
  /* background-color: var(--portal-main-color); */
725
  /* color:var(--portal-main-contrast) !important; */
726
 padding-top: 5px;
727
 padding-left: 3px;
728

    
729
}
730
/*.linkButtonsBox{
731
  background: white !important;
732
box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
733
}*/
734

    
735
.uk-navbar-container {
736
    padding-top: 0px !important;
737
    padding-bottom: 0px !important;
738
}
739

    
740
.uk-input{
741
  background-color: rgba(255, 255, 255, 1.0) !important;
742
}
743
.uk-accordion > :nth-child(n+2) {
744
    border-top: 0px solid #ededed !important;
745
    margin-top: 0px !important;
746
}
747

    
748

    
749
  .uk-pagination > .uk-active > * {
750
     background-color: var(--portal-main-color) !important;
751
     color: var(--portal-main-contrast) !important;
752
     border-color:var(--portal-main-color) !important;
753
     border-bottom-color: var(--portal-main-color) !important;
754
     border-radius: 500px;
755
     line-height: 12px !important;
756
   }
757
.portal-color{
758
  color: var(--portal-main-color) !important;
759
}
760
.portal-background-color{
761
  background-color: var(--portal-main-color) !important;
762
  color:var(--portal-main-contrast) !important;
763
}
764
.portal-button {
765

    
766
  background-color: var(--portal-main-color) !important;
767
  color:var(--portal-main-contrast) !important;
768
    border: 1px solid var(--portal-main-color) !important;
769
    background-image:  none !important;
770

    
771
}
772
.portal-button:hover, .portal-button:active, .portal-button:focus {
773
    background-color: transparent !important;
774
    color:var(--portal-main-color) !important;
775
    border: 1px solid var(--portal-main-color) !important;
776
    background-image:  none !important;
777

    
778
}
779
.portal-link {
780
  color:var(--portal-main-color)  !important;
781
  text-decoration: underline !important;
782
  font-weight: bold;
783
}
784
.portal-box{
785
  background-color: var(--portal-main-color) !important;
786
  color:var(--portal-main-contrast) !important;
787
}
788

    
789
.uk-pagination .uk-icon{
790
  color: var(--portal-main-color) !important;
791
}
792

    
793
 .search-results > li:nth-child(2) {
794

    
795
  border-top-color:var(--portal-main-color) !important;
796

    
797
}
798
.search-results > li:last-child{
799
  border-bottom:1px solid var(--portal-main-color) !important;
800
  padding-bottom: 10px !important;
801
}
802

    
803
.widget-box {
804
  background: white;
805
}
806

    
807
.developlink{
808
  text-transform: none !important;
809
  color: #fff !important;
810
  background: var(--develop-portal-color) !important;
811
  font-weight: 600;
812
  border: 2px solid var(--develop-portal-color) !important;
813
  background-image:none !important;
814
}
815
.providelink{
816
  text-transform: none !important;
817
  color: #fff !important;
818
  background: var(--provide-portal-color) !important;
819
  font-weight: 600;
820
  border: 2px solid var(--provide-portal-color) !important;
821
  background-image:none !important;
822
}
823
.connectlink{
824
  background-color: var(--connect-portal-color) !important;
825
  font-weight: 600;
826
  color: #fff !important;
827
  border: 2px solid var(--connect-portal-color) !important;
828
  background-image:none !important;
829
}
830
.monitorlink{
831
  background-color: var(--monitor-portal-color) !important;
832
  font-weight: 600;
833
  color: #fff !important;
834
  border: 2px solid var(--monitor-portal-color) !important;
835
  background-image:none !important;
836
}
837
.explorelink{
838
  background-color: var(--explore-portal-color) !important;
839
  font-weight: 600;
840
  color: #fff !important;
841
  border: 2px solid var(--explore-portal-color) !important;
842
  background-image:none !important;
843
}
844
showTitle h2{
845
  text-transform: unset !important;
846
}
847

    
848
/* toCheck: */
849
/* embargo end date */
850
.highlight, mark {
851
    background: rgba(34,32,128,.5);
852
    color: #222080;
853
}
854
/* advanced autocomplete */
855
.custom-autocomplete .uk-dropdown {
856
    background: white;
857
    /* color: rgba(255,255,255,.7); */
858
}
859
.explore-heading-bullet::before {
860
    border-left-color: var(--explore-portal-color) !important;
861
}
862
.provide-heading-bullet::before {
863
    border-left-color: var(--provide-portal-color) !important;
864
}
865
.connect-heading-bullet::before {
866
    border-left-color: var(--connect-portal-color) !important;
867
}
868
.develop-heading-bullet::before {
869
    border-left-color: var(--develop-portal-color) !important;
870
}
871
.monitor-heading-bullet::before {
872
    border-left-color: var(--monitor-portal-color) !important;
873
}
874

    
875

    
876
.explore .uk-h4 {
877
  color: var(--explore-portal-color);
878
  font-weight: bold;
879
}
880

    
881
.explore .el-content {
882
  font-size: 18px;
883
}
884

    
885
.explore a{
886
  background-color: var(--explore-portal-color) !important;
887
  color: #fff !important;
888
  font-weight: bold !important;
889
  border-color: var(--explore-portal-color) !important;
890
}
891

    
892
.explore a:hover, .explore a:active, .explore a:focus {
893
  background-color: var(--explore-portal-lower-tone) !important;
894
  border-color: var(--explore-portal-lower-tone) !important;
895
}
896
.provide .uk-h4 {
897
  color: var(--provide-portal-color);
898
  font-weight: bold;
899
}
900

    
901
.provide .el-content {
902
  font-size: 18px;
903
}
904

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

    
912
.provide a:hover, .provide a:active, .provide a:focus {
913
  background-color: var(--provide-portal-lower-tone) !important;
914
  border-color: var(--provide-portal-lower-tone) !important;
915
}
916

    
917
.monitor .uk-h4 {
918
  color: var(--monitor-portal-color);
919
  font-weight: bold;
920
}
921

    
922
.monitor .el-content {
923
  font-size: 18px;
924
}
925

    
926
.monitor a{
927
  background-color: var(--monitor-portal-color) !important;
928
  color: #fff !important;
929
  font-weight: bold !important;
930
  border-color: var(--monitor-portal-color)  !important;
931
}
932

    
933
.monitor a:hover, .monitor a:active, .monitor a:focus {
934
  background-color: var(--monitor-portal-lower-tone) !important;
935
  border-color: var(--monitor-portal-lower-tone) !important;
936
}
937

    
938
.connect-default-button {
939
    background-color: var(--connect-portal-color) !important;
940
    color:var(--portal-main-contrast) !important;
941
    border: 2px solid var(--connect-portal-color) !important;
942
    background-image:  none !important;
943
}
944

    
945
.connect .uk-h4 {
946
  color: var(--connect-portal-color);
947
  font-weight: bold;
948
}
949

    
950
.connect .el-content {
951
  font-size: 18px;
952
}
953

    
954
.connect a {
955
  background-color: var(--connect-portal-color) !important;
956
  color: #fff !important;
957
  font-weight: bold !important;
958
    border-color: var(--connect-portal-color)  !important;
959
}
960

    
961

    
962
.connect a:hover, .connect a:active, .connect a:focus  {
963
  background-color: var(--connect-portal-lower-tone) !important;
964
  border-color: var(--connect-portal-lower-tone) !important;
965

    
966
}
967

    
968
.develop .uk-h4 {
969
  color: var(--develop-portal-color);
970
  font-weight: bold;
971
}
972

    
973
.develop .el-content {
974
  font-size: 18px;
975
}
976

    
977
.develop a  {
978
  background-color: var(--develop-portal-color) !important;
979
  color: #fff !important;
980
  font-weight: bold !important;
981
    border-color: var(--develop-portal-color)  !important;
982
}
983

    
984
.develop a:hover, .develop a:active, .develop a:focus {
985
  background-color: var(--develop-portal-lower-tone) !important;
986
  border-color: var(--develop-portal-lower-tone) !important;
987
}
988

    
989
.portal-hr{
990
  border-bottom: 1px solid var(--portal-main-color) !important;
991
  padding: 5px 0px;
992
}
993

    
994
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
995
    background:  var(--portal-main-color) !important;
996
}
997

    
998
.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 {
999
  background:  var(--portal-main-color) !important;
1000
  color:white !important;
1001
}
1002

    
1003
.loginLink {
1004
    text-transform: uppercase !important;
1005
}
1006

    
1007
#footer\#9 a,  #footer\#11 a,  #footer\#13 a {
1008
  color: #dedede;
1009
  line-height: 22px;
1010
  padding: 2px 0;
1011
}
1012

    
1013
#footer\#9 a:hover,#footer\#11 a:hover, #footer\#13 a:hover {
1014
    color: rgba(255, 255, 255, 0.5);
1015
}
1016

    
1017
@media all and (min-width: 640px) {
1018

    
1019
  #footer\#3 {
1020
      margin-right: 280px;
1021
  }
1022

    
1023
}
1024

    
1025
.portal-card {
1026
    background-color: var(--portal-main-color);
1027
    color: #fff !important;
1028
}
1029
.portal-card a {
1030
    color: #fff !important;
1031
    text-decoration: underline;
1032
}
1033

    
1034
.portal-card-badge {
1035
    background-color: var(--portal-main-color);
1036
    color: #fff !important;
1037
    font-size: small;
1038
    border-radius: 3px;
1039
}
1040

    
1041

    
1042
.private-card-badge {
1043
    background-color: #000;
1044
    color: #fff !important;
1045
    font-size: small;
1046
    border-radius: 3px;
1047
}
1048

    
1049
.inherit-color {
1050
    color: inherit;
1051
}
1052

    
1053
.uk-label {
1054
  border-radius: 15px;
1055
  line-height: 15px;
1056
  padding: 3px 10px;
1057
  text-transform: uppercase;
1058
}
1059

    
1060
a:hover, .uk-link:hover , .uk-link:hover, a:hover {
1061
    color: var(--portal-main-color);
1062
}
1063

    
1064
.portal-icon-button, .portal-icon-button:hover  {
1065
    background: var(--portal-main-color) !important;
1066
    color: var(--portal-main-contrast) !important;
1067
    border: 1px solid var(--portal-main-color) !important;
1068
}
1069

    
1070

    
1071
/*linksBasket*/
1072

    
1073
.linksbasket{
1074
  /* background-color:#F5F5F5; */
1075
  border: 1px solid #DEDEDE;
1076
  font-size: 12px !important;
1077
  line-height: 18px;
1078
  /* height:512px; */
1079
}
1080

    
1081
.linksbaskettitles{
1082
  /* height:75px; */
1083
  cursor:pointer;
1084
  background-color:#F5F5F5;
1085
  border: 1px solid #DEDEDE;
1086
}
1087
.linksBasketSubtitles{
1088
    font-size: 12px !important;
1089
}
1090
.linkInlineEntity {
1091
    /* height:75px; */
1092
    background-color:#A4A4A4;
1093
    color:white !important;
1094
    /*border: 1px solid #DEDEDE;*/
1095
}
1096
.linksbaskettitlesPortalColor, .linksbaskettitlesPortalColor div{
1097
    background: var(--portal-main-color) !important;
1098
    color: var(--portal-main-contrast) !important;
1099
    border: 1px solid var(--portal-main-color) !important;
1100
}
1101

    
1102
.contextlabelSelected, .contextlabelSelected:hover, .contextlabelSelected a, .contextlabelSelected:hover a{
1103
  background-color: var(--portal-main-color) !important;
1104
  color: var(--portal-main-contrast) !important;
1105
  border: 1px solid var(--portal-main-color) !important;
1106

    
1107
}
1108
.contextlabelNotSelected, .contextlabelNotSelected:hover{
1109
  color: var(--portal-main-color) !important;
1110
  border: 1px solid var(--portal-main-color) !important;
1111
}
1112

    
1113
 .contextlabelNotSelected a, .contextlabelNotSelected:hover a{
1114
  color: var(--portal-main-color) !important;
1115
}
1116

    
1117
.fadeOut{
1118
  opacity:0.3;
1119
  /* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
1120
}
1121

    
1122
.warningBorder{
1123
    border-color: #f70;
1124
}
1125
.dangerBorder{
1126
    border-color: #ff4000;
1127
}
1128
.linkingToolbar{
1129
    background-color: #F8DED4;
1130
}
1131

    
1132
.linkInlineEntityLabel{
1133
    color:#EAEAEA;
1134
    background-color: #B5B5B5;
1135
    border-color: #EAEAEA;
1136
}
1137

    
1138
textarea {
1139
    resize: none;
1140
}
(11-11/32)