Project

General

Profile

1
@import 'library-css/variables.css';
2
@import 'library-css/portal.css';
3
@import 'library-css/pagination.css';
4
@import 'library-css/labels.css';
5
@import 'library-css/utils.css';
6
@import 'library-css/search-utils.css';
7
@import 'library-css/landing-utils.css';
8
@import 'library-css/tabs.css';
9
@import 'library-css/breadcrumbs.css';
10
@import 'library-css/material.css';
11
@import 'library-css/alerts.css';
12
@import 'library-css/login.css';
13
@import 'library-css/text.css';
14
@import 'library-css/button.css';
15
@import 'library-css/notification.css';
16
@import 'library-css/modal.css';
17
@import 'library-css/input.css';
18
@import 'library-css/card.css';
19
@import 'library-css/dropdown-tooltip.css';
20

    
21
/* theme */
22
/* body {
23
	overflow: unset !important;
24
} */
25

    
26
.custom-footer {
27
	position: relative;
28
	bottom: 0;
29
	width: 100%;
30
}
31

    
32
#tm-main {
33
	min-height: 80vh;
34
}
35

    
36
.pseudo-external {
37
	padding-left: 16px;
38
	/*margin-bottom: 5px;*/
39
}
40

    
41
.custom-navbar-toggle-icon,
42
.custom-user-mini-panel {
43
	color: #444 !important;
44
}
45

    
46
.custom-user-mini-panel a {
47
	color: rgb(36, 91, 204);
48
}
49

    
50
.custom-main-content {
51
	min-height: 550px;
52
}
53

    
54
.custom-description-list-horizontal {
55
	line-height: 200%;
56
}
57

    
58
.custom-hidden-dropdown-menu {
59
	position: static !important;
60
}
61

    
62
.searchFilterBoxValues {
63
	overflow: auto;
64
	max-height: 200px;
65
}
66

    
67
.selected-filters-box {
68
	margin: 5px;
69
	background-color: #f8f8f8;
70
}
71

    
72
.search-form {
73
	margin: 5px;
74
}
75

    
76
.clickable {
77
	cursor: pointer;
78
	user-select: none;
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
.sc39 {
91
	background: rgba(0, 0, 0, 0) url('./sc39.png') no-repeat scroll right center;
92
	padding-right: 24px;
93
}
94

    
95
.projectIcon {
96
	display: inline-table;
97
}
98

    
99
.tooltip-custom-font-size {
100
	font-size: 120%;
101
}
102

    
103
/* theme */
104
.uk-tooltip {
105
	background: #666;
106
}
107

    
108
.custom-select-mini {
109
	max-width: 170px !important;
110
}
111

    
112
/*.custom-tab-content-large{
113
    min-height: 800px;
114
}
115
 */
116
.custom-tab-content {
117
	min-height: 250px;
118
}
119

    
120
.custom-dataTable-content {
121
	min-height: 600px;
122
}
123

    
124
.custom-html-table-height {
125
	height: 500px;
126
}
127

    
128
.browseFilters {
129
	overflow-y: auto;
130
	overflow-x: hidden;
131
	max-height: 265px;
132
}
133

    
134
.custom-offcanvas-close {
135
	position: relative;
136
	right: 0;
137
	top: 0;
138
}
139

    
140
.entityTitleIcon {
141
	background-repeat: no-repeat;
142
	content: '';
143
	display: inline-block;
144
	height: 36px;
145
	width: 42px;
146
	vertical-align: middle;
147
}
148

    
149
.entityIcon {
150
	height: 15px;
151
	width: 20px;
152
}
153

    
154
/* theme */
155
.uk-tab {
156
	display: -ms-flexbox;
157
	display: -webkit-flex;
158
	display: flex;
159
	-ms-flex-wrap: wrap;
160
	-webkit-flex-wrap: wrap;
161
	flex-wrap: wrap;
162
	margin-left: -20px;
163
	padding: 0;
164
	list-style: none;
165
	position: relative;
166
}
167

    
168
/* theme */
169
.uk-tab::before {
170
	content: '';
171
	position: absolute;
172
	bottom: 0;
173
	left: 20px;
174
	right: 0;
175
	border-bottom: 1px solid #e5e5e5;
176
}
177

    
178
/* theme */
179
.uk-tab-left::before {
180
	border-bottom: none !important;
181
}
182

    
183
.searchForm,
184
.generalSearchForm {
185
	box-sizing: border-box;
186
	height: 320px;
187
}
188

    
189
.publicationsSearchForm {
190
	box-sizing: border-box;
191
	height: 320px;
192
}
193

    
194
.projectsSearchForm,
195
.projectsTableSearchForm {
196
	box-sizing: border-box;
197
	height: 320px;
198
}
199

    
200
.organizationsSearchForm {
201
	box-sizing: border-box;
202
	height: 320px;
203
}
204

    
205
.datasetsSearchForm {
206
	box-sizing: border-box;
207
	height: 320px;
208
}
209

    
210
.softwareSearchForm {
211
	box-sizing: border-box;
212
	height: 320px;
213
}
214

    
215
.orpsSearchForm {
216
	box-sizing: border-box;
217
	height: 320px;
218
}
219

    
220
.datasourcesSearchForm,
221
.compatibleDatasourcesSearchForm,
222
.compatibleDatasourcesTableSearchForm,
223
.datasourcesTableSearchForm {
224
	box-sizing: border-box;
225
	height: 320px;
226
}
227

    
228
.journalsSearchForm,
229
.journalsTableSearchForm {
230
	box-sizing: border-box;
231
	height: 320px;
232
}
233

    
234
.entityRegistriesSearchForm,
235
.entityRegistriesTableSearchForm {
236
	box-sizing: border-box;
237
	height: 320px;
238
}
239

    
240
.divider-table tbody td,
241
.uk-table th {
242
	border-bottom: 1px solid #e5e5e5;
243
}
244

    
245
.descriptionText {
246
	/* Padding-left: 25px !important;
247
    Border-left: 10px solid #fafafa; */
248
	display: inline-block;
249
	position: relative;
250
	top: calc(-0.1 * 1em);
251
	vertical-align: middle;
252
	margin-right: 10px;
253
	/* border-left: 8px solid #e5e5e5; */
254
	margin-top: 8px;
255
	color: #666666 !important;
256
	line-height: 22px !important;
257
}
258

    
259
.custom-offcanvas-bar {
260
	background: grey !important;
261
	width: 100% !important;
262
}
263

    
264
.custom-offcanvas-bar .filtersModal {
265
	color: grey !important;
266
}
267

    
268
.list-horizontal {
269
	display: flex;
270
}
271

    
272
.list-horizontal span {
273
	margin-right: 5px;
274
	padding-left: 0px !important;
275
}
276

    
277
.list-horizontal-line span {
278
	margin-right: 5px;
279
	border-right: 1px solid #f1f1f1;
280
	padding-right: 5px;
281
}
282

    
283
.list-horizontal-line > span:last-child {
284
	border-right: none;
285
}
286

    
287
h2,
288
h4 {
289
	text-transform: none !important;
290
}
291

    
292
.linkdropdown {
293
	min-width: 250px;
294
}
295

    
296
/* theme */
297
.uk-button-action {
298
	background-color: #d6352b;
299
	color: #fff;
300
}
301

    
302
/* h2, .uk-h2{
303
  font-size:28px !important;
304
} */
305
.app-box {
306
	border: #dfdff0 solid 1px;
307
	background-color: #fafbff;
308
}
309

    
310
ul.user-actions > li {
311
	margin-bottom: 10px;
312
}
313

    
314
/* theme */
315
.uk-subnav-line li:hover .home-icon svg #home {
316
	fill: #05007a !important;
317
}
318

    
319
svg #home {
320
	fill: white !important;
321
}
322

    
323
.tm-toolbar .uk-subnav-line li a:hover,
324
.tm-toolbar .uk-subnav-line li:hover a {
325
	display: block;
326
	color: #d4d4d4 !important;
327
}
328

    
329
.tm-toolbar .uk-subnav-line li:hover {
330
	display: block;
331
}
332

    
333
/* remove the others*/
334

    
335
.helper-grid > * {
336
	padding-left: 25px !important;
337
}
338

    
339
.cite-this-button {
340
	font-size: 14px;
341
	padding: 3px;
342
}
343

    
344
.link-to-button {
345
	font-size: 12px;
346
	padding: 3px;
347
}
348

    
349
.dropBasket {
350
	border-top: 1px solid #ccc;
351
	border-bottom: 1px solid #ccc;
352
}
353

    
354
.basket-title {
355
	padding-top: 20px;
356
	padding-bottom: 20px;
357
	cursor: pointer;
358
}
359

    
360
.basket-title::after {
361
	background-image: none !important;
362
}
363

    
364
.basket-badge {
365
	position: relative;
366
	right: 16px;
367
	top: -16px;
368
	text-align: center;
369
	border-radius: 90%;
370
	border-radius: 90%;
371
}
372

    
373
dd {
374
	margin-top: 10px;
375
	border-bottom: 1px solid #e8e8e8;
376
	padding-bottom: 5px;
377
}
378

    
379
dd:last-child {
380
	border-bottom: none;
381
}
382

    
383
.cursor-not-allowed {
384
	cursor: not-allowed !important;
385
}
386

    
387
.uk-badge,
388
.badge,
389
a.badge {
390
	border-radius: 2px;
391
}
392

    
393
.loading-gif,
394
.loading-gif:before,
395
.loading-gif:after {
396
	background: url('./loading.gif') no-repeat;
397
	height: 65px;
398
	margin-left: auto;
399
	margin-right: auto;
400
	width: 65px;
401
}
402

    
403
/* h2, .uk-h2 {
404
    font-size: 28px !important;
405
} */
406
/*body{*/
407
/*  !* line-height: 1.4; *!*/
408
/*  Font-size:14px;*/
409
/*  Color: #333;*/
410
/*}*/
411

    
412
#footer\#8 .el-link {
413
	color: #fff;
414
	font-weigth: 300;
415
}
416

    
417
.custom-article-title {
418
	font-size: 32px;
419
	margin-bottom: 10px;
420
	font-family: 'Open Sans', sans-serif;
421
	color: #1f257b !important;
422
}
423

    
424
.custom-tab-content .uk-pagination > * > * {
425
	min-width: 20px;
426
	line-height: 1.4;
427
	font-size: 14px;
428
}
429

    
430
.box-content {
431
	border: 1px dashed #666666;
432
	margin-top: 4px;
433
	background: #efefef;
434
}
435

    
436
.citation-accordion .uk-accordion-title {
437
	font-family: Raleway;
438
}
439

    
440
.uk-notification.uk-notification-top-center {
441
	top: 45% !important;
442
}
443

    
444
.no-selected-message {
445
	background: white;
446
}
447

    
448
.textOverflowEllipsis {
449
	overflow: hidden;
450
	text-overflow: ellipsis;
451
	white-space: nowrap;
452
}
453

    
454
.custom-accordion .uk-accordion-title {
455
	text-align: left;
456
	/* background: #f8f8fe; */
457
	padding: 4px;
458
	/* color: #3055ba !important; */
459
	font-size: 14px;
460
	text-transform: initial !important;
461
	font-weight: inherit !important;
462
	/*border-top: gray solid 1px;*/
463
	border-bottom: var(--portal-main-color) solid 1px;
464
}
465

    
466
.custom-accordion .uk-accordion-title::after {
467
	float: none;
468
	padding: 12px;
469
}
470

    
471
.custom-accordion {
472
	/*border: gray solid 1px;*/
473
	border-top: 0px;
474
}
475

    
476
.custom-accordion .uk-accordion-content {
477
	margin: 0px;
478
	border: #eee 1px solid;
479
	border-top: none;
480
	padding: 12px;
481
}
482

    
483
.darkBackground {
484
	background-color: rgba(0, 0, 0, 0.5);
485
	z-index: 0;
486
	color: white !important;
487
	font-family: Roboto !important;
488
}
489

    
490
.whiteText {
491
	color: white !important;
492
	font-family: Roboto !important;
493
}
494

    
495
.shadowBox {
496
	box-shadow: 0 1px 3px #444444;
497
	/*box-shadow: 0 6px 10px rgba(0,0,0,0.15);*/
498
}
499

    
500
.icon-button-small {
501
	width: 22px !important;
502
	height: 22px !important;
503
	/*color: #666 !important;*/
504
	/*background: #f7f7fa !important;*/
505
}
506

    
507
.icon-button-small:focus:not(.portal-icon-button),
508
.icon-button-small:hover:not(.portal-icon-button) {
509
	border-color: #666 !important;
510
}
511

    
512
/* theme */
513
.uk-navbar-container {
514
	padding-top: 0px !important;
515
	padding-bottom: 0px !important;
516
}
517

    
518
/* theme */
519
.uk-input {
520
	background-color: rgba(255, 255, 255, 1) !important;
521
}
522

    
523
/* theme */
524
.uk-accordion > :nth-child(n + 2) {
525
	border-top: 0px solid #ededed !important;
526
	margin-top: 0px !important;
527
}
528

    
529
.widget-box {
530
	background: white;
531
}
532

    
533
.developlink {
534
	text-transform: none !important;
535
	color: #fff !important;
536
	background: var(--develop-portal-color) !important;
537
	font-weight: 600;
538
	border: 2px solid var(--develop-portal-color) !important;
539
	background-image: none !important;
540
}
541

    
542
.providelink {
543
	text-transform: none !important;
544
	color: #fff !important;
545
	background: var(--provide-portal-color) !important;
546
	font-weight: 600;
547
	border: 2px solid var(--provide-portal-color) !important;
548
	background-image: none !important;
549
}
550

    
551
.connectlink {
552
	background-color: var(--connect-portal-color) !important;
553
	font-weight: 600;
554
	color: #fff !important;
555
	border: 2px solid var(--connect-portal-color) !important;
556
	background-image: none !important;
557
}
558

    
559
.monitorlink {
560
	background-color: var(--monitor-portal-color) !important;
561
	font-weight: 600;
562
	color: #fff !important;
563
	border: 2px solid var(--monitor-portal-color) !important;
564
	background-image: none !important;
565
}
566

    
567
.explorelink {
568
	background-color: var(--explore-portal-color) !important;
569
	font-weight: 600;
570
	color: #fff !important;
571
	border: 2px solid var(--explore-portal-color) !important;
572
	background-image: none !important;
573
}
574

    
575
/* toCheck: */
576
/* embargo end date */
577
.highlight,
578
mark {
579
	background: rgba(34, 32, 128, 0.5);
580
	color: #222080;
581
}
582

    
583
/* advanced autocomplete */
584
.custom-autocomplete .uk-dropdown {
585
	background: white;
586
	/* color: rgba(255,255,255,.7); */
587
}
588

    
589
.explore-heading-bullet::before {
590
	border-left-color: var(--explore-portal-color) !important;
591
}
592

    
593
.provide-heading-bullet::before {
594
	border-left-color: var(--provide-portal-color) !important;
595
}
596

    
597
.connect-heading-bullet::before {
598
	border-left-color: var(--connect-portal-color) !important;
599
}
600

    
601
.develop-heading-bullet::before {
602
	border-left-color: var(--develop-portal-color) !important;
603
}
604

    
605
.monitor-heading-bullet::before {
606
	border-left-color: var(--monitor-portal-color) !important;
607
}
608

    
609
.explore .uk-h4 {
610
	color: var(--explore-portal-color);
611
	font-weight: bold;
612
}
613

    
614
.explore .el-content {
615
	font-size: 18px;
616
}
617

    
618
.explore a {
619
	background-color: var(--explore-portal-color) !important;
620
	color: #fff !important;
621
	font-weight: bold !important;
622
	border-color: var(--explore-portal-color) !important;
623
}
624

    
625
.explore a:hover,
626
.explore a:active,
627
.explore a:focus {
628
	background-color: var(--explore-portal-lower-tone) !important;
629
	border-color: var(--explore-portal-lower-tone) !important;
630
}
631

    
632
.provide .uk-h4 {
633
	color: var(--provide-portal-color);
634
	font-weight: bold;
635
}
636

    
637
.provide .el-content {
638
	font-size: 18px;
639
}
640

    
641
.provide a {
642
	background-color: var(--provide-portal-color) !important;
643
	color: #fff !important;
644
	font-weight: bold !important;
645
	border-color: var(--provide-portal-color) !important;
646
}
647

    
648
.provide a:hover,
649
.provide a:active,
650
.provide a:focus {
651
	background-color: var(--provide-portal-lower-tone) !important;
652
	border-color: var(--provide-portal-lower-tone) !important;
653
}
654

    
655
.monitor .uk-h4 {
656
	color: var(--monitor-portal-color);
657
	font-weight: bold;
658
}
659

    
660
.monitor .el-content {
661
	font-size: 18px;
662
}
663

    
664
.monitor a {
665
	background-color: var(--monitor-portal-color) !important;
666
	color: #fff !important;
667
	font-weight: bold !important;
668
	border-color: var(--monitor-portal-color) !important;
669
}
670

    
671
.monitor a:hover,
672
.monitor a:active,
673
.monitor a:focus {
674
	background-color: var(--monitor-portal-lower-tone) !important;
675
	border-color: var(--monitor-portal-lower-tone) !important;
676
}
677

    
678
.connect-default-button {
679
	background-color: var(--connect-portal-color) !important;
680
	color: var(--portal-main-contrast) !important;
681
	border: 2px solid var(--connect-portal-color) !important;
682
	background-image: none !important;
683
}
684

    
685
.connect .uk-h4 {
686
	color: var(--connect-portal-color);
687
	font-weight: bold;
688
}
689

    
690
.connect .el-content {
691
	font-size: 18px;
692
}
693

    
694
.connect a {
695
	background-color: var(--connect-portal-color) !important;
696
	color: #fff !important;
697
	font-weight: bold !important;
698
	border-color: var(--connect-portal-color) !important;
699
}
700

    
701
.connect a:hover,
702
.connect a:active,
703
.connect a:focus {
704
	background-color: var(--connect-portal-lower-tone) !important;
705
	border-color: var(--connect-portal-lower-tone) !important;
706
}
707

    
708
.develop .uk-h4 {
709
	color: var(--develop-portal-color);
710
	font-weight: bold;
711
}
712

    
713
.develop .el-content {
714
	font-size: 18px;
715
}
716

    
717
.develop a {
718
	background-color: var(--develop-portal-color) !important;
719
	color: #fff !important;
720
	font-weight: bold !important;
721
	border-color: var(--develop-portal-color) !important;
722
}
723

    
724
.develop a:hover,
725
.develop a:active,
726
.develop a:focus {
727
	background-color: var(--develop-portal-lower-tone) !important;
728
	border-color: var(--develop-portal-lower-tone) !important;
729
}
730

    
731
.portal-hr {
732
	border-bottom: 1px solid var(--portal-main-color) !important;
733
	padding: 5px 0;
734
}
735

    
736
.tm-toolbar .uk-subnav-line li:hover,
737
.tm-toolbar .uk-subnav li:hover {
738
	background: var(--portal-main-color) !important;
739
}
740

    
741
.tm-toolbar .uk-subnav-line li a:hover,
742
.tm-toolbar .uk-subnav li a:hover,
743
.tm-toolbar .uk-subnav-line li:hover a,
744
.tm-toolbar .uk-subnav li:hover a {
745
	background: var(--portal-main-color) !important;
746
	color: white !important;
747
}
748

    
749
.loginLink {
750
	text-transform: uppercase !important;
751
}
752

    
753
#footer\#9 a,
754
#footer\#11 a,
755
#footer\#13 a {
756
	color: #dedede;
757
	line-height: 22px;
758
	padding: 2px 0;
759
}
760

    
761
#footer\#9 a:hover,
762
#footer\#11 a:hover,
763
#footer\#13 a:hover {
764
	color: rgba(255, 255, 255, 0.5);
765
}
766

    
767
@media all and (min-width: 640px) {
768
	#footer\#3 {
769
		margin-right: 280px;
770
	}
771
}
772

    
773
.portal-card {
774
	background-color: var(--portal-main-color);
775
	color: #fff !important;
776
}
777

    
778
.portal-card a {
779
	color: #fff !important;
780
	/*text-decoration: underline;*/
781
}
782

    
783
.portal-card a:hover {
784
	color: rgba(255, 255, 255, 0.8) !important;
785
}
786

    
787
.portalSearchCard {
788
	box-shadow: 0 1px 3px #00000029;
789
	border-radius: 2px;
790
	padding: 20px;
791
	position: relative;
792
	background-color: white;
793
}
794

    
795
.badges {
796
	position: absolute;
797
	top: 0;
798
	left: -3px;
799
	padding-left: 0 !important;
800
	width: 70px;
801
}
802

    
803
.badges .portal-card-badge {
804
	background-color: var(--portal-main-color);
805
	color: #1a1a1a !important;
806
	font-size: 10px;
807
	border-radius: 3px;
808
	padding: 2px 3px;
809
	margin-bottom: 5px;
810
}
811

    
812
.badges .private-card-badge {
813
	background-color: #a4a4a4;
814
	color: #1a1a1a !important;
815
	font-size: 10px;
816
	border-radius: 3px;
817
	padding: 2px 3px;
818
}
819

    
820
.inherit-color {
821
	color: inherit;
822
}
823

    
824
a:hover,
825
.uk-link:hover,
826
a.uk-link-text:hover {
827
	color: var(--portal-main-color);
828
}
829

    
830
/*linksBasket*/
831

    
832
.linksbasket {
833
	/* background-color:#F5F5F5; */
834
	border: 1px solid #dedede;
835
	font-size: 12px !important;
836
	line-height: 18px;
837
	/* height:512px; */
838
}
839

    
840
.linksbaskettitles {
841
	/* height:75px; */
842
	cursor: pointer;
843
	background-color: #f5f5f5;
844
	border: 1px solid #dedede;
845
}
846

    
847
.linksBasketSubtitles {
848
	font-size: 12px !important;
849
}
850

    
851
.linkInlineEntity {
852
	/* height:75px; */
853
	background-color: #a4a4a4;
854
	color: white !important;
855
	/*border: 1px solid #DEDEDE;*/
856
}
857

    
858
.linksbaskettitlesPortalColor,
859
.linksbaskettitlesPortalColor div {
860
	background: var(--portal-main-color) !important;
861
	color: var(--portal-main-contrast) !important;
862
	border: 0 solid var(--portal-main-color) !important;
863
}
864

    
865
.contextlabelSelected,
866
.contextlabelSelected:hover,
867
.contextlabelSelected a,
868
.contextlabelSelected:hover a {
869
	background-color: var(--portal-main-color) !important;
870
	color: var(--portal-main-contrast) !important;
871
	border: 0 solid var(--portal-main-color) !important;
872
}
873

    
874
.contextlabelNotSelected,
875
.contextlabelNotSelected:hover {
876
	color: var(--portal-main-color) !important;
877
	border: 1px solid var(--portal-main-color) !important;
878
}
879

    
880
.contextlabelNotSelected a,
881
.contextlabelNotSelected:hover a {
882
	color: var(--portal-main-color) !important;
883
}
884

    
885
.researchResultTypeSelected,
886
.researchResultTypeNotSelected:hover {
887
	color: #fff !important;
888
	background-color: #222080 !important;
889
	border: 1px solid #222080 !important;
890
}
891

    
892
.researchResultTypeNotSelected {
893
	color: #222080 !important;
894
	background-color: #fff !important;
895
	border: 1px solid #222080 !important;
896
}
897

    
898
.fadeOut {
899
	opacity: 0.3;
900
	/* background-color: rgba(red(var(--portal-main-color)), green(var(--portal-main-color)), blue(var(--portal-main-color)), 0.3); */
901
}
902

    
903
.warningBorder {
904
	border-color: #f70;
905
}
906

    
907
.dangerBorder {
908
	border-color: #ff4000;
909
}
910

    
911
.linkingToolbar {
912
	background-color: #ededed;
913
}
914

    
915
.linkingToolbar .back {
916
	color: #999999 !important;
917
	cursor: pointer;
918
	-webkit-transition: color 0.3s;
919
	transition: color 0.3s;
920
}
921

    
922
.linkingToolbar .back:hover {
923
	color: #444444 !important;
924
}
925

    
926
.linkInlineEntityLabel {
927
	color: #eaeaea;
928
	background-color: #b5b5b5;
929
	border-color: #eaeaea;
930
}
931

    
932
textarea {
933
	resize: none;
934
}
935

    
936
.default-dropdown {
937
	background: white;
938
	max-width: 500px;
939
}
940

    
941
[class*='uk-animation-'] {
942
	animation-fill-mode: none !important;
943
}
944

    
945
.cursor-default {
946
	cursor: default;
947
}
948
.curator-photo {
949
	border: #eee 4px solid;
950
	object-fit: cover;
951
	width: 80px;
952
	height: 80px;
953
}
954

    
955
/* theme */
956
.uk-navbar {
957
	z-index: 980;
958
}
959

    
960
/* theme */
961
.uk-modal {
962
	z-index: 10000;
963
}
964

    
965
@media only screen and (min-width: 992px) {
966
	.image-front-topbar {
967
		margin-top: -130px;
968
		padding-top: 130px;
969
	}
970
}
971

    
972
/* theme */
973
/*Adding shadow to the main menu dropdowns*/
974
.uk-navbar-dropdown {
975
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
976
}
977

    
978
.small-beta-indication {
979
	height: 60px;
980
}
981

    
982
.large-beta-indication {
983
	height: 104px;
984
	position: absolute;
985
	top: 0;
986
	left: 0;
987
	z-index: 10000;
988
}
989

    
990
.uk-navbar-sticky .beta-indication-sticky {
991
	position: fixed !important;
992
	display: block;
993
}
994

    
995
.beta-indication-sticky {
996
	height: 102px;
997
	position: fixed;
998
	top: 0;
999
	left: 0;
1000
	display: none;
1001
	z-index: 10000;
1002
}
1003

    
1004
/* theme */
1005
.uk-modal .uk-modal-dialog {
1006
	border-radius: 4px;
1007
}
1008

    
1009
ul.portalTabs.uk-tab > .uk-active > a,
1010
ul.portalTabs.uk-tab > * > a:focus,
1011
ul.portalTabs.uk-tab > * > a:hover {
1012
	color: var(--portal-main-color) !important;
1013
	border-color: var(--portal-main-color) !important;
1014
	/*font-family: Roboto, sans-serif !important;*/
1015
}
1016

    
1017
ul.portalTabs.uk-tab > .uk-active > a {
1018
	font-weight: bold;
1019
}
1020

    
1021
ul.portalTabs.uk-tab::before {
1022
	/*border-bottom: 1px solid var(--portal-main-color);*/
1023
}
1024

    
1025
/* theme */
1026
.uk-input:not(.uk-form-danger),
1027
.uk-textarea:not(.uk-form-danger),
1028
.uk-select:not(.uk-form-danger) {
1029
	border: 1px solid rgba(0, 0, 0, 0.4) !important;
1030
}
1031

    
1032
.uk-input.uk-form-danger,
1033
.uk-textarea.uk-form-danger {
1034
	border: 1px solid #ff4000 !important;
1035
}
1036

    
1037
.uk-select {
1038
	border-bottom: 1px solid rgba(0, 0, 0, 0.4) !important;
1039
}
1040

    
1041
/* theme */
1042
.uk-text-muted {
1043
	color: #666 !important;
1044
}
1045

    
1046
/* theme */
1047
.uk-card-default {
1048
	color: #333 !important;
1049
}
1050

    
1051
/* theme */
1052
html {
1053
	color: #1d1d1d !important;
1054
}
1055

    
1056
.footer-light-background,
1057
.footer-light-background .uk-totop {
1058
	color: black;
1059
	background-color: white;
1060
}
1061
.footer-light-background a,
1062
.footer-light-background a:not(.uk-button):hover,
1063
.footer-light-background a:not(.uk-button) {
1064
	color: black;
1065
}
1066

    
1067
.footer-light-background .uk-icon-button:hover,
1068
.footer-light-background a:not(.license):hover {
1069
	color: black;
1070
	border-color: black;
1071
	text-decoration: underline;
1072
}
1073

    
1074
./*zenodoButton, .zenodoButton:hover{
1075
    background-image:linear-gradient(to right, #0F4DA1, #0078E1) ;
1076
    color: white !important;
1077
    border-color: transparent !important;
1078
    border-style: solid !important;
1079
    border-width: 1px !important;
1080
    box-shadow: 0px 4px 10px #00000029;
1081
    border-radius: 2px;
1082
    opacity: 1;
1083
}*/
1084

    
1085
.uk-text-normal {
1086
	font-weight: 400;
1087
}
1088

    
1089
/*
1090
Impact Factor -  ATHENA CODE */
1091
.popularity-A svg .a,
1092
.influence-A svg .a {
1093
	fill: #d51717;
1094
}
1095
.popularity-B svg .a,
1096
.influence-B svg .a {
1097
	fill: #e1920a;
1098
}
1099
.popularity-C svg .a,
1100
.influence-C svg .a {
1101
	fill: #444;
1102
}
1103

    
1104
/*mat-select-panel*/
1105

    
1106
a.filterLabel {
1107
	color: #1d1d1d !important;
1108
}
1109
.filterLoading,
1110
.half-opacity {
1111
	opacity: 0.5;
1112
}
1113

    
1114
.result-preview-bottom a:not(:hover) {
1115
	/* same as uk-text-muted */
1116
	color: #666 !important;
1117
}
1118

    
1119
/*Chnages for Sicky Search form*/
1120
/*
1121

    
1122
#searchFormPanel.uk-sticky {
1123
    z-index: 3 !important;
1124
}
1125
#searchFormPanel.uk-sticky .searchFormMinHeight{
1126
    min-height: 100px;
1127
}
1128

    
1129

    
1130
#searchFormPanel.uk-sticky.uk-active .publicationsSearchForm{
1131
    height:220px;
1132
    !* height transition*!
1133
    transition: 0.40s;
1134
    -webkit-transition: 0.40s;
1135
    -moz-transition: 0.40s;
1136
    -ms-transition: 0.40s;
1137
    -o-transition: 0.40s;
1138
}
1139

    
1140

    
1141
#searchFormPanel.uk-sticky .publicationsSearchForm{
1142
     transition: 0.40s;
1143
    -webkit-transition: 0.40s;
1144
    -moz-transition: 0.40s;
1145
    -ms-transition: 0.40s;
1146
    -o-transition: 0.40s;
1147
}
1148
*/
1149

    
1150
/*menu transparent*/
1151
/*
1152

    
1153
#stickyNavbar.uk-active.uk-navbar-container {
1154
    background: transparent;
1155
    box-shadow: none;
1156
}
1157
*/
1158

    
1159
/*smaller menu bar*/
1160
/*
1161

    
1162
.navbar .brand, .navbar .nav > li > a, .navbar-search, .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{
1163
    min-height: 70px;
1164
}
1165

    
1166
.beta-indication-sticky {
1167
    height: 72px;q
1168
}
1169
*/
(15-15/38)