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
  float: left;
150
  font-size: 13px;
151
  font-weight: 500;
152
  padding-bottom: 20px;
153
  padding-top: 20px;
154
  position: relative;
155
  text-align: center;
156
  text-shadow: 1px 1px rgba(0, 0, 0, 0.05);
157
  width: 25%;
158
}
159
@media (max-width: 767px) {
160
  .wizard > .wizardBreadcrumbs > .steps > .step {
161
    width: 100%;
162
    padding: 10px 0; }
163
}
164

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    
700
tr.footers {
701
  font-weight: 600;
702
}
703

    
704
.topics-list {
705

    
706
}
707

    
708
.topics-list .headers {
709
  min-height: 35px;
710
  padding-bottom: 10px;
711
}
712

    
713
.topics-list .footers {
714
  min-height: 35px;
715
  padding-top: 10px;
716
}
717

    
718
.topics-list .events {
719
  text-align: right;
720
}
721

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

    
729
.topics-list .repo .actions i {
730
  color: #333;
731
}
732

    
733
.topics-list .repo:nth-child(2n) {
734
  background: #fafafc none repeat scroll 0 0;
735
}
736

    
737
.topics-list .repo {
738
  border-bottom: 1px solid #f0f0f0;
739
  padding: 8px 0;
740
}
741

    
742
.topics-list, .repos-grid {
743
  margin-top: 40px;
744
  margin-bottom: 30px;
745
}
746

    
747

    
748
/**********************************************/
749

    
750
.contentAndPagerPanel {
751
  margin-top: 40px;
752
  font-size: 14px;
753
}
754

    
755
.resultsPager {
756
  margin-left: 15px;
757
  margin-right: 15px;
758
}
759

    
760
.resultsPageLabel {
761
  margin-top: -45px;
762
  text-align: center;
763
}
764

    
765
.page-controls.row {
766
  margin-left: 0;
767
  margin-right: 0;
768
}
769

    
770
.page-controls {
771
  margin-top: 10px;
772
}
773

    
774
.page-controls .filters .links {
775

    
776
}
777

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

    
787
.page-controls .filters .links .input-xxlarge {
788
  width: 380px !important;
789
}
790

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

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

    
805
/*.page-controls .filters > label {
806
  font-size: 15px;
807
  margin-right: 20px;
808
}*/
809

    
810
.page-controls .filters .show-options {
811
  float: right;
812
}
813

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

    
823
.page-controls .filters .links .form-control,
824
.page-controls .filters .show-options .form-control {
825
  display: inline-block;
826
}
827

    
828
.jobs-list {
829
  margin-bottom: 20px;
830
  margin-top: 25px;
831
}
832

    
833
.jobs-list.row {
834
  margin-left: 5px;
835
  margin-right: 5px;
836
}
837

    
838
.jobs-list .headers {
839
  min-height: 35px;
840
  padding-bottom: 10px;
841
}
842

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

    
852
.jobs-list tr.odd {
853
  background: #fafafa none repeat scroll 0 0;
854
}
855

    
856
.jobs-list.uk-table *:not(:last-child) > td {
857
  border-bottom: none;
858
}
859

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

    
866
.jobs-list .job {
867
  /*border-bottom: 1px solid #f0f0f0;*/
868
  padding: 12px 0;
869
}
870

    
871
.job.row {
872
  margin-left: 0px;
873
  margin-right: 0px;
874
}
875

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

    
882
.btn.resubmitJob {
883
  font-size: 12px;
884
}
885

    
886
.jobs-table {
887
  width: 100%;
888
}
889

    
890
.viewDetailsLinkWrapper {
891
  margin-bottom: 5px;
892
}
893

    
894
.viewDetailsLinkWrapper a i {
895
  margin-left: 5px;
896
}
897

    
898
.tags .label {
899
  margin-right: 5px;
900
}
901

    
902
.rules-table {
903
  font-size: 14px;
904
}
905

    
906
.rules-table td p {
907
  margin-bottom: 0px;
908
}
909

    
910
/**********************************************/
911

    
912
.chart {
913
  background: #fff none repeat scroll 0 0;
914
  border: 1px solid #dfe3eb;
915
  border-radius: 5px;
916
  box-shadow: 0 1px 0 #ededed inset;
917
  margin: 10px 0 30px;
918
  /*margin: 40px 0 50px;*/
919
  padding: 25px;
920
}
921

    
922
.metricsChart {
923
  height: 350px;
924
}
925

    
926
.metricsChartLabel {
927
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
928
  font-size: 16px;
929
  font-weight: bold;
930
  color: #3E576F;
931
  fill: #3E576F;
932
  text-align: center;
933
  padding-bottom: 20px;
934
}
935

    
936
.metrics {
937
  background: linear-gradient(#303d4f, #435266) repeat scroll 0 0%, #686e78 none repeat scroll 0 0;
938
  border: 1px solid #000;
939
  border-radius: 5px;
940
  box-shadow: 0 1px rgba(255, 255, 255, 0.3) inset;
941
  font-family: "Helvetica Neue",Arial;
942
  margin-top: 30px;
943
}
944

    
945
.metrics .metric {
946
  /*border-right: 1px solid #526075;*/
947
  float: left;
948
  padding: 23px 0;
949
  text-align: center;
950
  width: 100%;
951
}
952

    
953
.metrics .metric .field {
954
  color: #f4f4f4;
955
  display: inline-block;
956
  font-size: 14px;
957
  margin-bottom: 9px;
958
}
959

    
960
.metrics .metric .data {
961
  color: #fff;
962
  display: block;
963
  font-size: 27px;
964
  text-shadow: 1px 1px #000;
965
}
966

    
967
.nav-tabs > li > a {
968
  color: #a7b1c2;
969
  font-weight: 600;
970
  padding: 10px 50px;
971
}
972

    
973
.selectRepositoryPanel {
974
  margin-top: 30px;
975
  margin-bottom: 50px;
976
}
977

    
978
/**********************************************/
979

    
980
.enrichContentAdvancedSearch {
981
  /*margin-right: 20px;*/
982
}
983

    
984
.enrichContentAdvancedSearch h3, .topics-list h3 {
985
  font-size: 17px !important;
986
  font-weight: 400;
987
  margin: 20px 0 25px;
988
  padding: 0 20px;
989
  text-align: center;
990
}
991

    
992
.advancedSearchForm {
993
  font-size: 12px;
994
}
995

    
996
.advancedSearchForm .form-control {
997
  width: 90% !important;
998
  margin-bottom: 5px !important;
999
  font-size: 12px !important;
1000
}
1001

    
1002
.advancedSearchForm .actionButtons .advancedSearch {
1003
  width: 44%;
1004
  margin-right: 2%;
1005
}
1006

    
1007
.advancedSearchForm .actionButtons .clearCriteria {
1008
  width: 44%;
1009
}
1010

    
1011
.deleteIcon {
1012
  margin-left: 3%;
1013
  width: auto;
1014
}
1015

    
1016
.advancedSearchForm label {
1017
  display: inline-block;
1018
  font-weight: 700;
1019
  margin-bottom: 5px !important;
1020
}
1021

    
1022
.events-results {
1023
  font-size: 14px;
1024
}
1025

    
1026
.events-results .label-success {
1027
  background-color: #5cb85c;
1028
}
1029

    
1030
.events-results .label-primary {
1031
  background-color: #337ab7;
1032
}
1033

    
1034
.events-results .table-striped > tbody > tr:nth-of-type(2n+1) {
1035
  background-color: #fdfdfd;
1036
}
1037

    
1038
.events-results .uk-table td {
1039
  padding: 8px 12px;
1040
}
1041

    
1042
.events-results .resultsPageLabel {
1043
  color: #337ab7;
1044
  font-size: 12px;
1045
  margin-top: -45px;
1046
  text-align: center;
1047
  margin-bottom: 20px;
1048
}
1049

    
1050
.numberOfEventsLabel {
1051
  margin-bottom: 30px;
1052
  font-size: 15px;
1053
}
1054

    
1055
.events-list {
1056
  margin-top: 30px;
1057
}
1058

    
1059
.events-list tbody tr.success > td {
1060
  background-color: #dff0d8;
1061
}
1062

    
1063
.events-list li.success {
1064
  background-color: #dff0d8;
1065
}
1066

    
1067
/********************************/
1068

    
1069
.slider.slider-horizontal {
1070
  margin-left: 2%;
1071
  width: 91% !important;
1072
}
1073

    
1074
.slider {
1075
  display: block !important;
1076
}
1077

    
1078
.fromDate {
1079
  width: 44% !important;
1080
}
1081

    
1082
.toDate {
1083
  width: 44% !important;
1084
  margin-left: 2%;
1085
}
1086

    
1087
.datepicker.dropdown-menu {
1088
  /*height: 100px !important;*/
1089
}
1090

    
1091
/********************************/
1092

    
1093
/*.modal.confirmationModal {*/
1094
  /*!*margin-top: 90px !important;*!*/
1095
/*}*/
1096

    
1097
/*.modal.confirmationModal .modal-body {*/
1098
  /*max-height: 75vh !important;*/
1099
/*}*/
1100

    
1101
/*.modal.confirmationModal .modal-footer {*/
1102
  /*background-color: #fff !important;*/
1103
/*}*/
1104

    
1105
.modal-body {
1106
  padding: 30px;
1107
  max-height: 600px;
1108
}
1109

    
1110
/********************************/
1111

    
1112
.openAIRECompliantLogoDownload {
1113
  text-align: center;
1114
  margin-bottom: 30px;
1115
  margin-top: 40px;
1116
}
1117

    
1118
.openAIRECompliantLogoMessage {
1119
  font-size: 20px !important;
1120
}
1121

    
1122
.openAIRECompliantLogo {
1123

    
1124
}
1125

    
1126
.openAIRECompliantLogo img {
1127
  width: 150px;
1128
  margin-bottom: 5px;
1129
}
1130

    
1131
/********************************/
1132

    
1133
.statsFrame {
1134
  border: none;
1135
  width: 100%;
1136
  height: 400px;
1137
}
1138

    
1139
.usageStatisticsGuidelines {
1140
  margin-top: 30px;
1141
  text-align: justify;
1142
  margin-left: 30px;
1143
  margin-right: 30px;
1144
}
1145

    
1146

    
1147
/********************************/
1148
/* ERROR & LOGIN & LOCKSCREEN*/
1149
.middle-box {
1150
  max-width: 400px;
1151
  z-index: 100;
1152
  margin: 0 auto;
1153
  padding-top: 40px;
1154
  padding-bottom: 40px;
1155
}
1156
.lockscreen.middle-box {
1157
  width: 200px;
1158
  padding-top: 110px;
1159
}
1160
.loginscreen.middle-box {
1161
  width: 300px;
1162
}
1163
.loginColumns {
1164
  max-width: 800px;
1165
  margin: 0 auto;
1166
  padding: 100px 20px 20px 20px;
1167
}
1168
.passwordBox {
1169
  max-width: 460px;
1170
  margin: 0 auto;
1171
  padding: 100px 20px 20px 20px;
1172
}
1173
.logo-name {
1174
  color: #e6e6e6;
1175
  font-size: 180px;
1176
  font-weight: 800;
1177
  letter-spacing: -10px;
1178
  margin-bottom: 0px;
1179
}
1180
.middle-box h1 {
1181
  font-size: 170px;
1182
}
1183
.wrapper .middle-box {
1184
  margin-top: 140px;
1185
}
1186
.lock-word {
1187
  z-index: 10;
1188
  position: absolute;
1189
  top: 110px;
1190
  left: 50%;
1191
  margin-left: -470px;
1192
}
1193
.lock-word span {
1194
  font-size: 100px;
1195
  font-weight: 600;
1196
  color: #e9e9e9;
1197
  display: inline-block;
1198
}
1199
.lock-word .first-word {
1200
  margin-right: 160px;
1201
}
1202

    
1203
/********************************/
1204
.block {
1205
  display: block;
1206
}
1207

    
1208
.full-width {
1209
  width: 100% !important;
1210
}
1211

    
1212
.m-b {
1213
  margin-bottom: 15px;
1214
}
1215

    
1216
body.mini-navbar.fixed-sidebar .profile-element, .block {
1217
  display: block !important;
1218
}
1219

    
1220
/********************************/
1221

    
1222
.textTransformNone {
1223
  text-transform: none;
1224
}
1225

    
1226
.uk-modal-title {
1227
  font-size: 30px;
1228
  line-height: 1.3;
1229
}
1230

    
1231
.tm-toolbar .uk-subnav-line li.active {
1232
  background: #fff none repeat scroll 0 0;
1233
  color: rgb(0, 180, 160);
1234
  display: block;
1235
}
1236

    
1237
.tm-toolbar .uk-subnav-line li.active a {
1238
  color: rgb(0, 180, 160) !important;
1239
}
(1-1/2)