Project

General

Profile

1
/** Add css rules here for your application. */
2

    
3

    
4
/*************** OVERRIDES ****************/
5
.landing-page .header-back.one {
6
  background: url('./img/landing/Banner1_1.jpg') 50% 0 no-repeat;
7
}
8

    
9
.landing-page .header-back.two {
10
  background: url('./img/landing/Banner2.jpg') 50% 0 no-repeat;
11
}
12

    
13
.landing-page .carousel-image {
14
  position: absolute;
15
  right: 10px;
16
  top: 150px;
17
  top: 100px;
18
  right:50px;
19
  right:300px;
20
}
21

    
22
.landing-page .navbar-default .nav li a {
23
  color:#1F2990;
24
}
25

    
26
.landing-page .navbar-default .navbar-nav > .active > a,
27
.landing-page .navbar-default .navbar-nav > .active > a:hover {
28
  color:#1F2990;
29
}
30

    
31
.landing-page .navbar-scroll .navbar-nav > li > a {
32
  padding: 30px 10px;
33
}
34

    
35
/*.has-success .form-control {
36
  border-color: #6098eb;
37
}
38

    
39
.has-success .control-label {
40
  color: #6098eb;
41
}*/
42

    
43
/** Make the left side menu fixed (not scrolling with the rest of the page) **/
44
.navbar-static-side {
45
  position: fixed;
46
}
47

    
48
.btn-success {
49
  border: 1px solid #63a042;
50
  background-color: #76b852;
51
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
52
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
53
  -webkit-transition: all 0.2s linear;
54
  -moz-transition: all 0.2s linear;
55
  -ms-transition: all 0.2s linear;
56
  -o-transition: all 0.2s linear;
57
  transition: all 0.2s linear; }
58
.btn-success:focus, .btn-success:active {
59
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
60
.btn-success:hover {
61
  background-color: #47a447; }
62

    
63
.btn.btn-success {
64
  border: 1px solid #63a042;
65
  background-color: #76b852;
66
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.2);
67
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
68
  -webkit-transition: all 0.2s linear;
69
  -moz-transition: all 0.2s linear;
70
  -ms-transition: all 0.2s linear;
71
  -o-transition: all 0.2s linear;
72
  transition: all 0.2s linear; }
73
.btn.btn-success:focus, .btn.btn-success:active {
74
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }
75
.btn.btn-success:hover {
76
  background-color: #47a447; }
77

    
78
/*****************************************/
79

    
80
body {
81
  color: #333;
82
}
83

    
84
.bigContent {
85
  min-height: 700px;
86
}
87

    
88
.inlineBlock {
89
  display: inline-block;
90
  *zoom: 1;
91
  *display: inline;
92
}
93

    
94
.comment {
95
  font-size: 12px;
96
}
97

    
98
.fontItalic {
99
  font-style: italic;
100
}
101

    
102
.middle-box h1 {
103
  font-size: 70px;
104
}
105

    
106
.logo-name {
107
  letter-spacing: -7px;
108
  margin-bottom: 25px;
109
}
110

    
111
#page-wrapper {
112
  min-height: 850px !important;
113
}
114

    
115
.white-bg {
116
  background-color: #ffffff;
117
}
118

    
119
.wizard {
120
  margin-top: 30px;
121
}
122

    
123
.wizard > .content {
124
  background: #fff none repeat scroll 0 0;
125
  min-height: 220px;
126
}
127

    
128
.wizard > .content > .body input {
129
  display: inline-block;
130
}
131

    
132
.wizard > .wizardBreadcrumbs {
133
  /*background: #5a6474 none repeat scroll 0 0;*/
134
  /*background: #222080 none repeat scroll 0 0;*/
135
  /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
136
  font-family: "Helvetica Neue",Arial;
137
  padding: 11px 0 9px;
138
  text-align: center;
139
}
140

    
141
.wizard > .wizardBreadcrumbs > .steps {
142
  border-radius: 2px 2px 0 0;
143
  margin: 0 auto;
144
  width: 90%;
145
}
146

    
147
.wizard > .wizardBreadcrumbs > .steps > .step {
148
  /*color: #f5f5f5;*/
149
  color: #040067;
150
  float: left;
151
  font-size: 13px;
152
  font-weight: 500;
153
  padding-bottom: 20px;
154
  padding-top: 20px;
155
  position: relative;
156
  text-align: center;
157
  /*text-shadow: 1px 1px rgba(0, 0, 0, 0.05);*/
158
  width: 25%;
159
}
160
@media (max-width: 767px) {
161
  .wizard > .wizardBreadcrumbs > .steps > .step {
162
    width: 100%;
163
    padding: 10px 0; }
164
}
165

    
166
.wizard > .wizardBreadcrumbs > .steps > .step:after {
167
  content: '';
168
  position: absolute;
169
  bottom: 31px;
170
  left: 55%;
171
  display: block;
172
  height: 2px;
173
  background: #94A1B8;
174
  background: #4a89e3;
175
  width: 100%; }
176
@media (max-width: 991px) {
177
  .wizard > .wizardBreadcrumbs > .steps > .step:after {
178
    left: 57%; } }
179
@media (max-width: 767px) {
180
  .wizard > .wizardBreadcrumbs > .steps > .step:after {
181
    display: none; } }
182
.wizard > .wizardBreadcrumbs > .steps > .step:last-child:after {
183
  display: none; }
184
.wizard > .wizardBreadcrumbs > .steps > .step span {
185
  width: 23px;
186
  height: 23px;
187
  display: block;
188
  position: relative;
189
  margin: 0 auto;
190
  margin-top: 13px;
191
  border-radius: 25px;
192
  background: #5A6474;
193
  background: #fff;
194
  border: 2px solid #94A1B8;
195
  border: 2px solid #4a89e3;
196
  -webkit-transition: all 0.2s linear;
197
  -moz-transition: all 0.2s linear;
198
  -ms-transition: all 0.2s linear;
199
  -o-transition: all 0.2s linear;
200
  transition: all 0.2s linear; }
201
@media (max-width: 767px) {
202
  .wizard > .wizardBreadcrumbs > .steps > .step span {
203
    position: absolute;
204
    top: 0;
205
    right: 0;
206
    width: 15px;
207
    height: 15px; } }
208

    
209
/*.wizard > .wizardBreadcrumbs > .steps > .step::after {*/
210
  /*background: #94a1b8 none repeat scroll 0 0;*/
211
  /*bottom: 31px;*/
212
  /*content: "";*/
213
  /*display: block;*/
214
  /*height: 2px;*/
215
  /*left: 55%;*/
216
  /*position: absolute;*/
217
  /*width: 100%;*/
218
/*}*/
219

    
220
/*.wizard > .wizardBreadcrumbs > .steps > .step:last-child::after {*/
221
  /*display: none;*/
222
/*}*/
223

    
224
/*.wizard > .wizardBreadcrumbs > .steps > .step span {*/
225
  /*background: #5a6474 none repeat scroll 0 0;*/
226
  /*border: 2px solid #94a1b8;*/
227
  /*border-radius: 25px;*/
228
  /*display: block;*/
229
  /*height: 23px;*/
230
  /*margin: 13px auto 0;*/
231
  /*position: relative;*/
232
  /*transition: all 0.2s linear 0s;*/
233
  /*width: 23px;*/
234
/*}*/
235

    
236
.wizard > .wizardBreadcrumbs > .steps > .step.active span {
237
  background: #94a1b8 none repeat scroll 0 0;
238
  background: #4a89e3 none repeat scroll 0 0;
239
}
240

    
241
.wizard .wizardActions {
242
  margin-top: 40px;
243
  text-align: center;
244
}
245

    
246
.wizard .wizardActions {
247
  margin-bottom: 45px;
248
}
249

    
250
.wizard .wizardActions .btn {
251
  margin: 0 10px;
252
}
253

    
254
.btn-grey-light {
255
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fa, #eff1f4) repeat scroll 0 0;
256
  border: 1px solid #adb2bb;
257
  border-radius: 5px;
258
  color: inherit;
259
  font-weight: bold;
260
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.075);
261
}
262

    
263
.stepContent {
264
  /*margin-left: 5%;*/
265
  /*margin-right: 5%;*/
266
  margin-top: 30px;
267
}
268

    
269
.wizard > .stepContent h2 {
270
  color: #829333;
271
  font-size: 18px;
272
  padding-bottom: 10px;
273
}
274

    
275
.wizard .mark, .wizard mark {
276
  padding: 0em;
277
}
278

    
279
.repositoriesRadioButtonForm .form-group {
280
  margin-bottom: 0px;
281
}
282

    
283
.repositoriesRadioButtonForm .form-group .btn {
284
  padding: 0px;
285
}
286

    
287
.externalLink {
288
  margin-left: 7px;
289
}
290

    
291
.registeredLabel {
292
  margin-left: 10px;
293
  padding: 1px 5px;
294
}
295

    
296
.form-control, .single-line {
297
  border: 1px solid #ccc;
298
  border-radius: 2px;
299
}
300

    
301
.button {
302
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fa, #eff1f4) repeat scroll 0 0;
303
  border-radius: 4px;
304
  box-shadow: 0 1px 0 white inset;
305
  color: #333;
306
  display: block;
307
  font-family: "Helvetica Neue",Arial;
308
  font-size: 14px;
309
  font-weight: bold;
310
  height: 31px;
311
  line-height: 31px;
312
  padding-left: 15px;
313
  padding-right: 15px;
314
  text-shadow: 0 1px 0 #fff;
315
  transition: all 0.1s linear 0s;
316
}
317

    
318
.interfacePanel {
319
  /*width: 95%;*/
320
}
321

    
322
.interfaceActionsPanel {
323
  /*width: 5%;*/
324
  /*padding-left: 2%;*/
325
  /*vertical-align: bottom;*/
326
  float: right;
327
}
328

    
329
.interfaceActionsPanel a {
330
  color: #c4c4c4;
331
}
332

    
333
.interface-box {
334
  border: 1px solid #e7eaec;
335
  min-height: 505px;
336
}
337

    
338
.interface-box.new {
339
  border: 2px dashed #e7eaec;
340
  min-height: 504px;
341
}
342

    
343
.interface-box.new a {
344
  display: block;
345
  text-align: center;
346
  text-decoration: none;
347
}
348

    
349
.interface-box.new i {
350
  color: #c4c4c4;
351
  /*color: #c4def8;*/
352
  display: block;
353
  font-size: 60px;
354
  margin-top: 155px;
355
}
356

    
357
.interface-box.new .info {
358
  color: #c4c4c4;
359
  /*color: #9ac0e7;*/
360
  display: inline-block;
361
  font-size: 21px;
362
  padding-top: 10px;
363
  text-align: center;
364
}
365

    
366
.interface-box .form-group:last-child {
367
    margin-bottom: 0px;
368
}
369

    
370
.validationSetRadio {
371
  padding: 5px 0px;
372
}
373

    
374
.wizard .stepContent .success {
375
    text-align: center;
376
}
377

    
378
.wizard .stepContent .success i.fa-check-circle {
379
    color: #3da838;
380
    font-size: 47px;
381
}
382

    
383
.wizard .stepContent .success h3 {
384
    color: #556579;
385
    font-size: 21px;
386
    margin-top: 25px;
387
}
388

    
389
/*.wizard .stepContent .success .button {*/
390
    /*margin-top: 40px;*/
391
/*}*/
392

    
393
/*.wizard > .steps > ul > li {*/
394
  /*width: 33%;*/
395
/*}*/
396

    
397
.product-imitation {
398
  padding: 0px;
399
}
400

    
401
.form-group .col-sm-12 {
402
  padding-left: 0px;
403
  padding-right: 0px;
404
}
405

    
406
.wizard > .content .body {
407
  position: relative;
408
}
409

    
410
.wizard > .content .body {
411
  float: left;
412
  height: 95%;
413
  padding: 2.5%;
414
  width: 95%;
415
}
416

    
417
.wizard > .content h2 {
418
  color: #343cb1;
419
  font-family: "YanoneKaffeesatzLight";
420
  font-size: 30px;
421
  font-weight: normal;
422
  line-height: 30px;
423
  padding-bottom: 10px;
424
  padding-left: 5px;
425
  padding-top: 3px;
426
  text-transform: none;
427
  /*color: #829333;
428
  font-size: 18px;
429
  padding-bottom: 10px;*/
430
}
431

    
432
.wizard > .content .interfacesForm .col-md-6:nth-child(odd) {
433
    padding-left: 0px;
434
}
435

    
436
.wizard > .content .interfacesForm .col-md-6:nth-child(even) {
437
    padding-right: 0px;
438
}
439

    
440
.alert {
441
  padding: 10px;
442
}
443

    
444
.product-name {
445
  font-size: 14px;
446
}
447

    
448
.displayBlock {
449
    display: block;
450
}
451

    
452
.loading {
453
  position: relative;
454
  min-height: 200px;
455
}
456

    
457
.loading-medium {
458
  position: relative;
459
  min-height: 400px;
460
}
461

    
462
.loading-big {
463
  position: relative;
464
  min-height: 600px;
465
}
466

    
467
.loader-small {
468
  background: url("img/loader-small.gif") no-repeat center;
469
  z-index: 110;
470
  width: 100%;
471
  height: 100%;
472
  position: absolute;
473
  top: 0;
474
  left: 0;
475
}
476

    
477
.loader-big {
478
  background: url("img/loader-big.gif") no-repeat center;
479
  z-index: 110;
480
  width: 100%;
481
  height: 100%;
482
  position: absolute;
483
  top: 0;
484
  left: 0;
485
}
486

    
487
.whiteFilm {
488
  background: #ffffff;
489
  z-index: 105;
490
  width: 100%;
491
  height: 100%;
492
  opacity: 0.7;
493
  position: absolute;
494
  top: 0;
495
  left: 0;
496
}
497

    
498
.ibox-content h1 {
499
    color: #829333;
500
    font-size: 22px;
501
}
502

    
503
.ibox-content h2 {
504
    color: #343cb1;
505
    font-family: "YanoneKaffeesatzLight";
506
    font-size: 30px;
507
    font-weight: normal;
508
    line-height: 30px;
509
    padding-bottom: 10px;
510
    padding-left: 5px;
511
    padding-top: 3px;
512
    text-transform: none;
513
}
514

    
515
.ibox-content .tab-content {
516
    margin: 20px;
517
}
518

    
519
.updateRepoInfoButton {
520
    margin-left: -10px;
521
}
522

    
523
.selectAll label {
524
  display: block;
525
  width: 100%;
526
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
527
  border-bottom: 1px solid #dee3ea;
528
  border-top: 1px solid #d4dbe4;
529
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
530
  padding: 5px 10px;
531
  margin-left: -5px;
532
  margin-right: -5px;
533
}
534

    
535
.selectAll input[type="checkbox"] {
536
  margin-left: -4px !important;
537
  margin-right: 6px;
538
}
539

    
540
.selectAll span {
541
  letter-spacing: 0.5px;
542
  margin-left: 15px;
543
}
544

    
545
.margin10 {
546
  margin: 10px;
547
}
548

    
549
.marginTop10 {
550
  margin-top: 10px;
551
}
552

    
553
.marginTop20 {
554
  margin-top: 20px;
555
}
556

    
557
.marginBottom20 {
558
  margin-bottom: 20px;
559
}
560

    
561
.textAlignCenter {
562
  text-align: center;
563
}
564

    
565
.showAdvanced {
566
  text-decoration: underline;
567
  margin-top: 15px;
568
  color: #337ab7;
569
}
570

    
571
.showAdvanced:hover {
572
  color: #23527c;
573
}
574

    
575
.xPathPanel {
576
  display: block;
577
  width: 100%;
578
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
579
  border-bottom: 1px solid #dee3ea;
580
  border-top: 1px solid #d4dbe4;
581
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
582
  padding: 20px 10px;
583
  margin-left: -5px;
584
  margin-right: -5px;
585
}
586

    
587
.xPathPanel .btn {
588
  background-color: rgba(0, 0, 0, 0);
589
}
590

    
591
a.linkBox, a.linkBox:hover, a.linkBox:focus, a.linkBox:visited {
592
  color: #333;
593
}
594

    
595
a.linkBox:hover .product-name, a.linkBox:focus .product-name {
596
  color: #6098eb;
597
}
598

    
599
.previewTitle {
600
  color: #5d93ac;
601
  font-size: 20px;
602
  font-weight: 600;
603
  padding: 20px 10px 0;
604
}
605

    
606
.previewPanel {
607
  background-color: #ffffff;
608
  box-shadow: 0 2px 4px 0 #5d93ac;
609
  margin-top: 21px;
610
  padding: 20px;
611
  margin-bottom: 30px;
612
}
613

    
614
.helpAdminActionButtons {
615
  margin-top: 20px;
616
  text-align: center;
617
}
618

    
619
.helpAdminActionButtons .btn {
620
  margin: 0 10px;
621
}
622

    
623
.showOptions {
624
  float: right;
625
}
626

    
627
a.grid-view {
628
  color: #bbb;
629
  font-size: 22px;
630
  margin-left: 14px;
631
  position: relative;
632
  text-decoration: none;
633
}
634

    
635
a.grid-view.active {
636
  color: #111;
637
}
638

    
639
.repos-grid .repo {
640
  margin-bottom: 35px;
641
}
642

    
643
.repo .name {
644
  font-weight: 600;
645
}
646

    
647
.repos-list .headers {
648
  min-height: 35px;
649
  padding-bottom: 10px;
650
}
651

    
652
.repos-list .headers .header label, .repos-list .headers .header label a {
653
  color: #333;
654
  font-weight: 600;
655
  height: 100%;
656
  width: 100%;
657
}
658

    
659
.repos-list .repo .name {
660
  color: #333;
661
  position: relative;
662
  text-decoration: none;
663
  top: 13px;
664
}
665

    
666
.repos-list .repo .events {
667
  top: 13px;
668
  color: #333;
669
}
670

    
671
.repos-list .repo .actions {
672
  top: 13px;
673
  text-align: center;
674
}
675

    
676
.repos-list .repo .actions i {
677
  color: #333;
678
}
679

    
680
.repos-list .repo:nth-child(2n) {
681
  background: #fafafc none repeat scroll 0 0;
682
}
683

    
684
.repos-list .repo {
685
  border-bottom: 1px solid #f0f0f0;
686
  padding: 8px 0;
687
}
688

    
689
.repos-list .repo .avatar img {
690
  border-radius: 50%;
691
  max-width: 45px;
692
}
693

    
694
.repos-list, .repos-grid {
695
  margin-top: 40px;
696
  margin-bottom: 30px;
697
}
698

    
699
.repos-list td a {
700
  display: block;
701
}
702

    
703
tr.footers {
704
  font-weight: 600;
705
}
706

    
707
.topics-list {
708

    
709
}
710

    
711
.topics-list .headers {
712
  min-height: 35px;
713
  padding-bottom: 10px;
714
}
715

    
716
.topics-list .footers {
717
  min-height: 35px;
718
  padding-top: 10px;
719
}
720

    
721
.topics-list .events {
722
  text-align: right;
723
}
724

    
725
.topics-list .headers .header label, .topics-list .headers .header label a {
726
  color: #333;
727
  font-weight: 600;
728
  height: 100%;
729
  width: 100%;
730
}
731

    
732
.topics-list .repo .actions i {
733
  color: #333;
734
}
735

    
736
.topics-list .repo:nth-child(2n) {
737
  background: #fafafc none repeat scroll 0 0;
738
}
739

    
740
.topics-list .repo {
741
  border-bottom: 1px solid #f0f0f0;
742
  padding: 8px 0;
743
}
744

    
745
.topics-list, .repos-grid {
746
  margin-top: 40px;
747
  margin-bottom: 30px;
748
}
749

    
750

    
751
/**********************************************/
752

    
753
.contentAndPagerPanel {
754
  margin-top: 40px;
755
  font-size: 14px;
756
}
757

    
758
.resultsPager {
759
  margin-left: 15px;
760
  margin-right: 15px;
761
}
762

    
763
.resultsPageLabel {
764
  margin-top: -45px;
765
  text-align: center;
766
}
767

    
768
.page-controls.row {
769
  margin-left: 0;
770
  margin-right: 0;
771
}
772

    
773
.page-controls {
774
  margin-top: 10px;
775
}
776

    
777
.page-controls .filters .links {
778

    
779
}
780

    
781
.page-controls .filters .links .filterLabel {
782
  /*font-size: 15px;*/
783
  margin-right: 20px;
784
  display: inline-block;
785
  font-weight: 700;
786
  margin-bottom: 5px;
787
  display: inline-block;
788
}
789

    
790
.page-controls .filters .links .input-xxlarge {
791
  width: 380px !important;
792
}
793

    
794
.page-controls .filters .links a {
795
  color: #666;
796
  margin-right: 35px;
797
  padding-bottom: 2px;
798
  text-decoration: none;
799
  transition: all 0.1s linear 0s;
800
}
801

    
802
.page-controls .filters .links a.active {
803
  border-bottom: 1px solid #82bfe9;
804
  color: #378fca;
805
  font-weight: 600;
806
}
807

    
808
/*.page-controls .filters > label {
809
  font-size: 15px;
810
  margin-right: 20px;
811
}*/
812

    
813
.page-controls .filters .show-options {
814
  float: right;
815
}
816

    
817
.page-controls .filters .show-options .filterLabel {
818
  /*font-size: 15px;*/
819
  margin-right: 20px;
820
  display: inline-block;
821
  font-weight: 700;
822
  margin-bottom: 5px;
823
  display: inline-block;
824
}
825

    
826
.page-controls .filters .links .form-control,
827
.page-controls .filters .show-options .form-control {
828
  display: inline-block;
829
}
830

    
831
.jobs-list {
832
  margin-bottom: 20px;
833
  margin-top: 25px;
834
}
835

    
836
.jobs-list.row {
837
  margin-left: 5px;
838
  margin-right: 5px;
839
}
840

    
841
.jobs-list .headers {
842
  min-height: 35px;
843
  padding-bottom: 10px;
844
}
845

    
846
.jobs-list .headers .header label a {
847
  background: #fff none repeat scroll 0 0;
848
  color: #333;
849
  display: block;
850
  font-weight: 600;
851
  text-decoration: none;
852
  transition: all 0.14s linear 0s;
853
}
854

    
855
.jobs-list tr.odd {
856
  background: #fafafa none repeat scroll 0 0;
857
}
858

    
859
.jobs-list.uk-table *:not(:last-child) > td {
860
  border-bottom: none;
861
}
862

    
863
/*
864
.jobs-list .job:nth-child(2n) {
865
  background: #fafafc none repeat scroll 0 0;
866
}
867
*/
868

    
869
.jobs-list .job {
870
  /*border-bottom: 1px solid #f0f0f0;*/
871
  padding: 12px 0;
872
}
873

    
874
.job.row {
875
  margin-left: 0px;
876
  margin-right: 0px;
877
}
878

    
879
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
880
  border-top: none;
881
  vertical-align: middle;
882
  padding: 10px 15px;
883
}
884

    
885
.btn.resubmitJob {
886
  font-size: 12px;
887
}
888

    
889
.jobs-table {
890
  width: 100%;
891
}
892

    
893
.viewDetailsLinkWrapper {
894
  margin-bottom: 5px;
895
}
896

    
897
.viewDetailsLinkWrapper a i {
898
  margin-left: 5px;
899
}
900

    
901
.tags .label {
902
  margin-right: 5px;
903
}
904

    
905
.rules-table {
906
  font-size: 14px;
907
}
908

    
909
.rules-table td p {
910
  margin-bottom: 0px;
911
}
912

    
913
.jobs-list.uk-table-middle, .jobs-list.uk-table-middle td {
914
  vertical-align: top !important;
915
}
916

    
917
/*.jobs-list.uk-table td {*/
918
  /*padding: 3px 6px 0px 6px;*/
919
/*}*/
920

    
921
a.resubmitJob i {
922
  margin-left: 5px;
923
}
924

    
925
.jobs-list.uk-table tr:nth-child(2n+1) td {
926
  padding: 15px 6px 0px 6px;
927
}
928

    
929
.jobs-list.uk-table tr:nth-child(2n) td {
930
  padding: 0px 6px 15px 6px;
931
}
932

    
933
/**********************************************/
934

    
935
.chart {
936
  background: #fff none repeat scroll 0 0;
937
  border: 1px solid #dfe3eb;
938
  border-radius: 5px;
939
  box-shadow: 0 1px 0 #ededed inset;
940
  margin: 10px 0 30px;
941
  /*margin: 40px 0 50px;*/
942
  padding: 25px;
943
}
944

    
945
.metricsChart {
946
  height: 350px;
947
}
948

    
949
.metricsChartLabel {
950
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
951
  font-size: 16px;
952
  font-weight: bold;
953
  color: #3E576F;
954
  fill: #3E576F;
955
  text-align: center;
956
  padding-bottom: 20px;
957
}
958

    
959
.metrics {
960
  background: linear-gradient(#303d4f, #435266) repeat scroll 0 0%, #686e78 none repeat scroll 0 0;
961
  border: 1px solid #000;
962
  border-radius: 5px;
963
  box-shadow: 0 1px rgba(255, 255, 255, 0.3) inset;
964
  font-family: "Helvetica Neue",Arial;
965
  margin-top: 30px;
966
}
967

    
968
.metrics .metric {
969
  /*border-right: 1px solid #526075;*/
970
  float: left;
971
  padding: 23px 0;
972
  text-align: center;
973
  width: 100%;
974
}
975

    
976
.metrics .metric .field {
977
  color: #f4f4f4;
978
  display: inline-block;
979
  font-size: 14px;
980
  margin-bottom: 9px;
981
}
982

    
983
.metrics .metric .data {
984
  color: #fff;
985
  display: block;
986
  font-size: 27px;
987
  text-shadow: 1px 1px #000;
988
}
989

    
990
.nav-tabs > li > a {
991
  color: #a7b1c2;
992
  font-weight: 600;
993
  padding: 10px 50px;
994
}
995

    
996
.selectRepositoryPanel {
997
  margin-top: 30px;
998
  margin-bottom: 50px;
999
}
1000

    
1001
/**********************************************/
1002

    
1003
.enrichContentAdvancedSearch {
1004
  /*margin-right: 20px;*/
1005
}
1006

    
1007
.enrichContentAdvancedSearch h3, .topics-list h3 {
1008
  font-size: 17px !important;
1009
  font-weight: 400;
1010
  margin: 20px 0 25px;
1011
  padding: 0 20px;
1012
  text-align: center;
1013
}
1014

    
1015
.advancedSearchForm {
1016
  font-size: 12px;
1017
}
1018

    
1019
.advancedSearchForm input[type="text"]:not([class*="uk-"]) {
1020
  height: 25px;
1021
  line-height: 23px;
1022
}
1023

    
1024
.advancedSearchForm .form-control {
1025
  width: 90% !important;
1026
  margin-bottom: 5px !important;
1027
  font-size: 12px !important;
1028
}
1029

    
1030
.advancedSearchForm .actionButtons .advancedSearch {
1031
  width: 44%;
1032
  margin-right: 2%;
1033
}
1034

    
1035
.advancedSearchForm .actionButtons .clearCriteria {
1036
  width: 44%;
1037
}
1038

    
1039
.deleteIcon {
1040
  margin-left: 3%;
1041
  width: auto;
1042
}
1043

    
1044
.advancedSearchForm label {
1045
  display: inline-block;
1046
  font-weight: 700;
1047
  margin-bottom: 5px !important;
1048
}
1049

    
1050
.events-results {
1051
  font-size: 14px;
1052
}
1053

    
1054
.events-results .label-success {
1055
  background-color: #5cb85c;
1056
}
1057

    
1058
.events-results .label-primary {
1059
  background-color: #337ab7;
1060
}
1061

    
1062
.events-results .table-striped > tbody > tr:nth-of-type(2n+1) {
1063
  background-color: #fdfdfd;
1064
}
1065

    
1066
.events-results .uk-table td {
1067
  padding: 8px 12px;
1068
}
1069

    
1070
.events-results .resultsPageLabel {
1071
  color: #337ab7;
1072
  font-size: 12px;
1073
  margin-top: -45px;
1074
  text-align: center;
1075
  margin-bottom: 20px;
1076
}
1077

    
1078
.numberOfEventsLabel {
1079
  margin-bottom: 30px;
1080
  font-size: 15px;
1081
}
1082

    
1083
.events-list {
1084
  margin-top: 30px;
1085
}
1086

    
1087
.events-list tbody tr.success > td {
1088
  background-color: #dff0d8;
1089
}
1090

    
1091
.events-list li.success {
1092
  background-color: #dff0d8;
1093
}
1094

    
1095
/********************************/
1096

    
1097
.slider.slider-horizontal {
1098
  margin-left: 2%;
1099
  width: 91% !important;
1100
}
1101

    
1102
.slider {
1103
  display: block !important;
1104
}
1105

    
1106
.fromDate {
1107
  width: 44% !important;
1108
}
1109

    
1110
.toDate {
1111
  width: 44% !important;
1112
  margin-left: 2%;
1113
}
1114

    
1115
.datepicker.dropdown-menu {
1116
  /*height: 100px !important;*/
1117
}
1118

    
1119
/********************************/
1120

    
1121
/*.modal.confirmationModal {*/
1122
  /*!*margin-top: 90px !important;*!*/
1123
/*}*/
1124

    
1125
/*.modal.confirmationModal .modal-body {*/
1126
  /*max-height: 75vh !important;*/
1127
/*}*/
1128

    
1129
/*.modal.confirmationModal .modal-footer {*/
1130
  /*background-color: #fff !important;*/
1131
/*}*/
1132

    
1133
.modal-body {
1134
  padding: 30px;
1135
  max-height: 600px;
1136
}
1137

    
1138
/********************************/
1139

    
1140
.openAIRECompliantLogoDownload {
1141
  text-align: center;
1142
  margin-bottom: 30px;
1143
  margin-top: 40px;
1144
}
1145

    
1146
.openAIRECompliantLogoMessage {
1147
  font-size: 20px !important;
1148
}
1149

    
1150
.openAIRECompliantLogo {
1151

    
1152
}
1153

    
1154
.openAIRECompliantLogo img {
1155
  width: 150px;
1156
  margin-bottom: 5px;
1157
}
1158

    
1159
/********************************/
1160

    
1161
.statsFrame {
1162
  border: none;
1163
  width: 100%;
1164
  height: 400px;
1165
}
1166

    
1167
.usageStatisticsGuidelines {
1168
  margin-top: 30px;
1169
  text-align: justify;
1170
  margin-left: 30px;
1171
  margin-right: 30px;
1172
}
1173

    
1174

    
1175
/********************************/
1176
/* ERROR & LOGIN & LOCKSCREEN*/
1177
.middle-box {
1178
  max-width: 400px;
1179
  z-index: 100;
1180
  margin: 0 auto;
1181
  padding-top: 40px;
1182
  padding-bottom: 40px;
1183
}
1184
.lockscreen.middle-box {
1185
  width: 200px;
1186
  padding-top: 110px;
1187
}
1188
.loginscreen.middle-box {
1189
  width: 300px;
1190
}
1191
.loginColumns {
1192
  max-width: 800px;
1193
  margin: 0 auto;
1194
  padding: 100px 20px 20px 20px;
1195
}
1196
.passwordBox {
1197
  max-width: 460px;
1198
  margin: 0 auto;
1199
  padding: 100px 20px 20px 20px;
1200
}
1201
.logo-name {
1202
  color: #e6e6e6;
1203
  font-size: 180px;
1204
  font-weight: 800;
1205
  letter-spacing: -10px;
1206
  margin-bottom: 0px;
1207
}
1208
.middle-box h1 {
1209
  font-size: 170px;
1210
}
1211
.wrapper .middle-box {
1212
  margin-top: 140px;
1213
}
1214
.lock-word {
1215
  z-index: 10;
1216
  position: absolute;
1217
  top: 110px;
1218
  left: 50%;
1219
  margin-left: -470px;
1220
}
1221
.lock-word span {
1222
  font-size: 100px;
1223
  font-weight: 600;
1224
  color: #e9e9e9;
1225
  display: inline-block;
1226
}
1227
.lock-word .first-word {
1228
  margin-right: 160px;
1229
}
1230

    
1231
/********************************/
1232
.block {
1233
  display: block;
1234
}
1235

    
1236
.full-width {
1237
  width: 100% !important;
1238
}
1239

    
1240
.m-b {
1241
  margin-bottom: 15px;
1242
}
1243

    
1244
body.mini-navbar.fixed-sidebar .profile-element, .block {
1245
  display: block !important;
1246
}
1247

    
1248
/********************************/
1249

    
1250
.textTransformNone {
1251
  text-transform: none;
1252
}
1253

    
1254
.uk-modal-title {
1255
  font-size: 30px;
1256
  line-height: 1.3;
1257
}
1258

    
1259
/*.tm-toolbar .uk-subnav-line li.active {*/
1260
  /*background: #fff none repeat scroll 0 0;*/
1261
  /*color: rgb(40, 190, 255);*/
1262
  /*display: block;*/
1263
/*}*/
1264

    
1265
/*.tm-toolbar .uk-subnav-line li.active a {*/
1266
  /*color: rgb(40, 190, 255) !important;*/
1267
/*}*/
1268

    
1269

    
1270
.tm-toolbar .uk-subnav-line li a:hover, .tm-toolbar .uk-subnav-line li:hover a {
1271
  display: block;
1272
  color: #d4d4d4 !important;
1273
}
1274

    
1275
.tm-toolbar .uk-subnav-line li:hover {
1276
  display: block;
1277
}
1278

    
1279
/********************************/
1280

    
1281
.uk-badge-warning {
1282
  color: #856404;
1283
  background-color: #fff3cd;
1284
  border-color: #ffeeba;
1285
}
1286

    
1287
.uk-badge-warning:hover, .uk-badge-warning:focus {
1288
  color: #856404;
1289
}
1290

    
1291
.uk-badge-danger {
1292
  color: #721c24;
1293
  background-color: #f8d7da;
1294
  border-color: #f5c6cb;
1295
}
1296

    
1297
.uk-badge-danger:hover, .uk-badge-danger:focus {
1298
  color: #721c24;
1299
}
1300

    
1301
.uk-badge-success {
1302
  color: #155724;
1303
  background-color: #d4edda;
1304
  border-color: #c3e6cb;
1305
}
1306

    
1307
.uk-badge-success:hover, .uk-badge-success:focus {
1308
  color: #155724;
1309
}
1310

    
1311
/********************************/
1312

    
1313
#page\#6 {
1314
  font-weight: 700 !important;
1315
  color: #28beFF !important;
1316
  color: #008ec5 !important;
1317
  color: #17A6F6 !important;
1318
}
1319

    
1320
#page\#7 {
1321
  color: #19116D !important;
1322
  font-size: 28px !important;
1323
  font-weight: normal !important;
1324
}
1325

    
1326
#page\#12 {
1327
  font-weight: 300 !important;
1328
}
1329

    
1330

    
1331
#page\#4 {
1332
  font-weight: 400 !important;
1333
}
1334

    
1335
#page\#37 .el-title {
1336
  height: 3em;
1337
  line-height: 1.5em;
1338
  overflow: hidden;
1339
}
1340
#page\#37 .el-content {
1341
  height: 7.5em;
1342
  line-height: 1.5em;
1343
  overflow: hidden;
1344
}
1345
#page\#37 a.uk-button-default {
1346
  text-transform: none !important;
1347
  font-weight: 400;
1348
  color: #f25f30;
1349
}
1350
#page\#37 a.uk-button-default:hover {
1351
  background: #f25f30 !important;
1352
  color: #fff !important;
1353
}
1354

    
1355

    
1356
#page\#39 .el-title {
1357
  height: 3em;
1358
  line-height: 1.5em;
1359
  overflow: hidden;
1360
}
1361
#page\#39 .el-content {
1362
  height: 7.5em;
1363
  line-height: 1.5em;
1364
  overflow: hidden;
1365
}
1366
#page\#39 a.uk-button-default {
1367
  text-transform: none !important;
1368
  font-weight: 400;
1369
  color: #68A704;
1370
}
1371
#page\#39 a.uk-button-default:hover {
1372
  background: #68A704 !important;
1373
  color: #fff !important;
1374
}
1375

    
1376

    
1377
#page\#41 .el-title {
1378
  height: 3em;
1379
  line-height: 1.5em;
1380
  overflow: hidden;
1381
}
1382
#page\#41 .el-content {
1383
  height: 7.5em;
1384
  line-height: 1.5em;
1385
  overflow: hidden;
1386
}
1387
#page\#41 a.uk-button-default {
1388
  text-transform: none !important;
1389
  font-weight: 400;
1390
  color: #ffc800;
1391
}
1392
#page\#41 a.uk-button-default:hover {
1393
  background: #ffc800 !important;
1394
  color: #fff !important;
1395
}
1396

    
1397

    
1398
#page\#43 .el-title {
1399
  height: 3em;
1400
  line-height: 1.5em;
1401
  overflow: hidden;
1402
}
1403
#page\#43 .el-content {
1404
  height: 7.5em;
1405
  line-height: 1.5em;
1406
  overflow: hidden;
1407
}
1408
#page\#43 a.uk-button-default {
1409
  text-transform: none !important;
1410
  font-weight: 400;
1411
  color: #d13f96;
1412
}
1413
#page\#43 a.uk-button-default:hover {
1414
  background: #d13f96 !important;
1415
  color: #fff !important;
1416
}
1417

    
1418

    
1419

    
1420

    
1421

    
1422

    
1423
/*#page\#34 .el-content {*/
1424
  /*text-transform: none !important;*/
1425
  /*color: #fff !important;*/
1426
  /*background: #f25f30 !important;*/
1427
  /*font-weight: 600;*/
1428
/*}*/
1429

    
1430
/*#page\#38 .el-content {*/
1431
  /*background-color: #8bcc00 !important;*/
1432
  /*font-weight: 600;*/
1433
/*}*/
1434
/*#page\#38 .el-content {*/
1435
  /*text-transform: none !important;*/
1436
  /*color: #fff !important;*/
1437
/*}*/
1438

    
1439
/*#page\#42 .el-content {*/
1440
  /*background-color: #ffc800 !important;*/
1441
  /*font-weight: 600;*/
1442
/*}*/
1443
/*#page\#42 .el-content {*/
1444
  /*text-transform: none !important;*/
1445
  /*color: #fff !important;*/
1446
/*}*/
1447

    
1448
/*#page\#46 .el-content {*/
1449
  /*text-transform: none !important;*/
1450
  /*color: #fff !important;*/
1451
  /*background: #d13f96;*/
1452
  /*font-weight: 600;*/
1453
/*}*/
1454

    
1455

    
1456

    
1457
.repositoryTypeSelection .uk-card-body {
1458
  padding: 20px 20px;
1459
}
1460

    
1461
.repositoryTypeSelection .el-title {
1462
  font-size: 16px;
1463
}
1464

    
1465
/********************************/
1466

    
1467
.section {
1468
  padding: 48px 0;
1469
  position: relative;
1470
}
1471

    
1472
/*.md-bg-blue-grey-700 {*/
1473
  /*background-color: #214c9c !important;*/
1474
/*}*/
1475

    
1476
.al_timeline {
1477
  position: relative;
1478
  padding: 24px 20px 32px;
1479
  font-size: 80%;
1480
}
1481

    
1482
.al_timeline::after {
1483
  position: absolute;
1484
  top: 0;
1485
  bottom: 0;
1486
  margin-left: -2px;
1487
  left: 50%;
1488
  content: '';
1489
  width: 4px;
1490
  /*background: rgba(255, 255, 255, 0.5);*/
1491
  /*background: #D1303A;*/
1492
  background: #040067;
1493
  display: block;
1494
}
1495

    
1496
.al_timeline_block::before, .al_timeline_block::after {
1497
  content: " ";
1498
  display: table;
1499
}
1500

    
1501
.al_timeline_block::after {
1502
  clear: both;
1503
}
1504

    
1505
.al_timeline_block + * {
1506
  margin-top: 10px;
1507
}
1508

    
1509
.al_timeline_block:nth-child(2n) .al_timeline_content {
1510
  float: right;
1511
}
1512

    
1513
.al_timeline_block:nth-child(2n+1) .al_timeline_content {
1514
  text-align: right;
1515
}
1516

    
1517
[class*="uk-animation-"] {
1518
  -webkit-animation-duration: .5s;
1519
  animation-duration: .5s;
1520
  -webkit-animation-timing-function: ease-out;
1521
  animation-timing-function: ease-out;
1522
  -webkit-animation-fill-mode: both;
1523
  animation-fill-mode: both;
1524
}
1525

    
1526
.uk-animation-scale-up {
1527
  -webkit-animation-name: uk-fade-scale-02;
1528
  animation-name: uk-fade-scale-02;
1529
}
1530

    
1531
[class*="uk-animation-"] {
1532
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1533
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1534
  -webkit-animation-duration: 560ms;
1535
  animation-duration: 560ms;
1536
}
1537

    
1538
.al_timeline_image {
1539
  position: absolute;
1540
  left: 50%;
1541
  width: 64px;
1542
  height: 64px;
1543
  margin-left: -32px;
1544
  background: #fff;
1545
  border-radius: 50%;
1546
  text-align: center;
1547
  z-index: 10;
1548
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
1549
}
1550

    
1551
[class*="uk-animation-"] {
1552
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1553
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1554
  -webkit-animation-duration: 840ms;
1555
  animation-duration: 840ms;
1556
}
1557

    
1558
[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
1559
  opacity: 0;
1560
}
1561

    
1562
[class*="uk-animation-"] {
1563
  -webkit-animation-duration: .5s;
1564
  animation-duration: .5s;
1565
  -webkit-animation-timing-function: ease-out;
1566
  animation-timing-function: ease-out;
1567
  -webkit-animation-fill-mode: both;
1568
  animation-fill-mode: both;
1569
}
1570

    
1571
.uk-animation-slide-left {
1572
  -webkit-animation-name: uk-fade-left;
1573
  animation-name: uk-fade-left;
1574
}
1575

    
1576
[class*="uk-animation-"] {
1577
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1578
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1579
  -webkit-animation-duration: 560ms;
1580
  animation-duration: 560ms;
1581
}
1582

    
1583
.al_timeline_content {
1584
  box-sizing: border-box;
1585
  background: #fff;
1586
  width: 44%;
1587
  padding: 8px 15px;
1588
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
1589
  position: relative;
1590
  border-radius: 4px;
1591
}
1592

    
1593
[class*="uk-animation-"] {
1594
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1595
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1596
  -webkit-animation-duration: 840ms;
1597
  animation-duration: 840ms;
1598
}
1599

    
1600
[data-uk-scrollspy*="uk-animation-"]:not([data-uk-scrollspy*="target"]) {
1601
  opacity: 0;
1602
}
1603

    
1604
.md-color-red-600 {
1605
  /*color: #e53935 !important;*/
1606
  color: #040067 !important;
1607
}
1608

    
1609
.material-icons {
1610
  font-family: 'Material Icons';
1611
  font-weight: normal;
1612
  font-style: normal;
1613
  font-size: 18px;
1614
  display: inline-block;
1615
  width: 1em;
1616
  height: 1em;
1617
  line-height: 1;
1618
  text-transform: none;
1619
  letter-spacing: normal;
1620
  -webkit-font-smoothing: antialiased;
1621
  text-rendering: optimizeLegibility;
1622
  -moz-osx-font-smoothing: grayscale;
1623
  -webkit-font-feature-settings: 'liga';
1624
  font-feature-settings: 'liga';
1625
  vertical-align: -4px;
1626
  color: rgba(0, 0, 0, 0.54);
1627
}
1628

    
1629
.al_timeline_image {
1630
  position: absolute;
1631
  left: 50%;
1632
  width: 40px;
1633
  height: 40px;
1634
  margin-left: -20px;
1635
  background: #fff;
1636
  border-radius: 50%;
1637
  text-align: center;
1638
  z-index: 10;
1639
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
1640
  margin-top: 12px;
1641
}
1642

    
1643
.al_timeline_block.update .al_timeline_image {
1644
  position: absolute;
1645
  left: 50%;
1646
  width: 24px;
1647
  height: 24px;
1648
  margin-left: -12px;
1649
  /*background: #D1303A;*/
1650
  background: #040067;
1651
  border-radius: 50%;
1652
  text-align: center;
1653
  z-index: 10;
1654
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
1655
  margin-top: 20px;
1656
}
1657

    
1658
.al_timeline_image > i {
1659
  font-size: 32px;
1660
  line-height: 64px;
1661
}
1662

    
1663
.al_timeline_content::after {
1664
  position: absolute;
1665
  top: 24px;
1666
  right: -20px;
1667
  content: '';
1668
  display: block;
1669
  border: 10px solid transparent;
1670
  border-left-color: transparent;
1671
  border-left-color: #fff;
1672
}
1673

    
1674
.al_timeline_block.update .al_timeline_content::after {
1675
  position: absolute;
1676
  top: 24px;
1677
  right: -20px;
1678
  content: '';
1679
  display: block;
1680
  border: 10px solid transparent;
1681
  border-left-color: transparent;
1682
  border-left-color: #214c9c;
1683
}
1684

    
1685
.al_timeline_block:nth-child(2n) .al_timeline_content::after {
1686
  border-left-color: transparent;
1687
  border-right-color: #fff;
1688
  right: auto;
1689
  left: -20px;
1690
}
1691

    
1692
.update.al_timeline_block:nth-child(2n) .al_timeline_content::after {
1693
  border-left-color: transparent;
1694
  border-right-color: #214c9c;
1695
  right: auto;
1696
  left: -20px;
1697
}
1698

    
1699
.al_timeline_content h3 {
1700
  margin: 0 0 5px 0;
1701
}
1702

    
1703
.al_timeline_content p {
1704
  margin: 0 0 5px 0;
1705
}
1706

    
1707
* + p, * + ul, * + ol, * + dl, * + pre, * + address, * + fieldset, * + figure {
1708
  margin-top: 5px;
1709
}
1710

    
1711
.al_timeline_block.update .al_timeline_content {
1712
  background: #214c9c;
1713
  box-shadow: none;
1714
  color: #fff;
1715
}
1716

    
1717
.al_timeline_block.update .al_timeline_content h3 {
1718
  color: #fff;
1719
}
1720

    
1721
/********************************/
(1-1/2)