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: 1100px;
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
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

    
451
}
452

    
453

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

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

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

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

    
476
}
477

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

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

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

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

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

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

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

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

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

    
553
}
554

    
555

    
556

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

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

    
578
    fill: #296EE9 !important;
579

    
580
}
581

    
582
.search-results li {
583

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

    
587
}
588

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

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

    
603
}
604

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

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

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

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

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

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

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

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

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

    
666

    
667
}
668

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

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

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

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

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

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

    
719
.sideInfoTitle{
720

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

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

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

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

    
747

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

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

    
770
}
771
.portal-link {
772
  color:var(--portal-main-color)  !important;
773
  text-decoration: underline !important;
774
  font-weight: bold;
775
}
776
.portal-box{
777
  background-color: var(--portal-main-color) !important;
778
  color:var(--portal-main-contrast) !important;
779
}
780

    
781
.uk-pagination .uk-icon{
782
  color: var(--portal-main-color) !important;
783
}
784

    
785
 .search-results > li:nth-child(2) {
786

    
787
  border-top-color:var(--portal-main-color) !important;
788

    
789
}
790
.search-results > li:last-child{
791
  border-bottom:1px solid var(--portal-main-color) !important;
792
  padding-bottom: 10px !important;
793
}
794

    
795
.widget-box {
796
  background: white;
797
}
798

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

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

    
867

    
868
.explore .uk-h4 {
869
  color: var(--explore-portal-color);
870
  font-weight: bold;
871
}
872

    
873
.explore .el-content {
874
  font-size: 18px;
875
}
876

    
877
.explore a{
878
  background-color: var(--explore-portal-color) !important;
879
  color: #fff !important;
880
  font-weight: bold !important;
881
  border-color: var(--explore-portal-color) !important;
882
}
883

    
884
.explore a:hover, .explore a:active, .explore a:focus {
885
  background-color: var(--explore-portal-lower-tone) !important;
886
  border-color: var(--explore-portal-lower-tone) !important;
887
}
888
.provide .uk-h4 {
889
  color: var(--provide-portal-color);
890
  font-weight: bold;
891
}
892

    
893
.provide .el-content {
894
  font-size: 18px;
895
}
896

    
897
.provide a{
898
  background-color: var(--provide-portal-color) !important;
899
  color: #fff !important;
900
  font-weight: bold !important;
901
  border-color: var(--provide-portal-color) !important;
902
}
903

    
904
.provide a:hover, .provide a:active, .provide a:focus {
905
  background-color: var(--provide-portal-lower-tone) !important;
906
  border-color: var(--provide-portal-lower-tone) !important;
907
}
908

    
909
.monitor .uk-h4 {
910
  color: var(--monitor-portal-color);
911
  font-weight: bold;
912
}
913

    
914
.monitor .el-content {
915
  font-size: 18px;
916
}
917

    
918
.monitor a{
919
  background-color: var(--monitor-portal-color) !important;
920
  color: #fff !important;
921
  font-weight: bold !important;
922
  border-color: var(--monitor-portal-color)  !important;
923
}
924

    
925
.monitor a:hover, .monitor a:active, .monitor a:focus {
926
  background-color: var(--monitor-portal-lower-tone) !important;
927
  border-color: var(--monitor-portal-lower-tone) !important;
928
}
929

    
930
.connect .uk-h4 {
931
  color: var(--connect-portal-color);
932
  font-weight: bold;
933
}
934

    
935
.connect .el-content {
936
  font-size: 18px;
937
}
938

    
939
.connect a {
940
  background-color: var(--connect-portal-color) !important;
941
  color: #fff !important;
942
  font-weight: bold !important;
943
    border-color: var(--connect-portal-color)  !important;
944
}
945

    
946

    
947
.connect a:hover, .connect a:active, .connect a:focus  {
948
  background-color: var(--connect-portal-lower-tone) !important;
949
  border-color: var(--connect-portal-lower-tone) !important;
950

    
951
}
952

    
953
.develop .uk-h4 {
954
  color: var(--develop-portal-color);
955
  font-weight: bold;
956
}
957

    
958
.develop .el-content {
959
  font-size: 18px;
960
}
961

    
962
.develop a  {
963
  background-color: var(--develop-portal-color) !important;
964
  color: #fff !important;
965
  font-weight: bold !important;
966
    border-color: var(--develop-portal-color)  !important;
967
}
968

    
969
.develop a:hover, .develop a:active, .develop a:focus {
970
  background-color: var(--develop-portal-lower-tone) !important;
971
  border-color: var(--develop-portal-lower-tone) !important;
972
}
973

    
974
.portal-hr{
975
  border-bottom: 1px solid var(--portal-main-color) !important;
976
  padding: 5px 0px;
977
}
978

    
979
.tm-toolbar .uk-subnav-line li:hover, .tm-toolbar .uk-subnav li:hover {
980
    background:  var(--portal-main-color) !important;
981
}
982

    
983
.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 {
984
  background:  var(--portal-main-color) !important;
985
  color:white !important;
986
}
987

    
988
.loginLink {
989
    text-transform: uppercase !important;
990
}
991

    
992
#footer\#9 a,  #footer\#11 a,  #footer\#13 a {
993
  color: #dedede;
994
  line-height: 22px;
995
  padding: 2px 0;
996
}
997

    
998
#footer\#9 a:hover,#footer\#11 a:hover, #footer\#13 a:hover {
999
    color: rgba(255, 255, 255, 0.5);
1000
}
1001

    
1002
@media all and (min-width: 640px) {
1003

    
1004
  #footer\#3 {
1005
      margin-right: 280px;
1006
  }
1007

    
1008
}
1009

    
1010
.portal-card {
1011
    background-color: var(--portal-main-color);
1012
    color: #fff !important;
1013
}
1014
.portal-card a {
1015
    color: #fff !important;
1016
    text-decoration: underline;
1017
}
1018

    
1019
.inherit-color {
1020
    color: inherit;
1021
}
1022

    
1023
.uk-label {
1024
  border-radius: 15px;
1025
  line-height: 15px;
1026
}
1027

    
1028
a:hover, .uk-link:hover , .uk-link:hover, a:hover {
1029
    color: var(--portal-main-color);
1030
}
(11-11/31)