Project

General

Profile

1
@media (min-width: 768px) {
2
  .form-inline .radio input[type="radio"],
3
  .form-inline .checkbox input[type="checkbox"],
4
  .form-group .checkbox input[type="checkbox"]{
5
    float: left;
6
    margin-right: 5px;
7
  }
8
}
9

    
10
#sidebar-default {
11
  /*background: #00b9b4 none repeat scroll 0 0;*/
12
  background: #00a0de none repeat scroll 0 0;
13
  /*border-right: 1px solid #18aba6;*/
14
  border-right: 1px solid #008ec5;
15
  position: fixed;
16
  width: 260px;
17
}
18

    
19
#sidebar-default .current-user {
20
  background: #fff none repeat scroll 0 0;
21
  color: #000;
22
  margin-bottom: 40px;
23
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
24
}
25

    
26
#sidebar-default .menu-section ul li a:hover, #sidebar-default .menu-section ul li a.toggled {
27
  /*background: #18aba6 none repeat scroll 0 0;*/
28
  background: #008ec5 none repeat scroll 0 0;
29
}
30

    
31
#sidebar-default .menu-section ul li a.active {
32
  /*background: #ff6600 none repeat scroll 0 0;*/
33
  /*background: #003f3c none repeat scroll 0 0;*/
34
  /*background: #05007A none repeat scroll 0 0;*/
35
  background: #e2d442 none repeat scroll 0 0;
36
}
37

    
38
#sidebar-default .menu-section h3 {
39
  font-size: 14px;
40
}
41

    
42
#sidebar-default .menu-section ul li a {
43
  color: #fff;
44
  font-weight: bold;
45
}
46

    
47
#users #content form.search {
48
  margin-left: 140px;
49
}
50

    
51
#dashboard #content .menubar.fixed,
52
#newPageHelpContent #content .menubar.fixed,
53
#editPageHelpContent #content .menubar.fixed
54
{
55
  padding-left: 300px;
56
}
57

    
58
.modal-header .close {
59
  margin-top: 3px;
60
}
61

    
62
.modal-dialog {
63
  width: 500px;
64
}
65

    
66
.dropdown-menu > li > a {
67
  cursor: pointer;
68
}
69

    
70
#faqQuestions #content .content-wrapper .page-controls .filters .links a,
71
#pageContents #content .content-wrapper .page-controls .filters .links a {
72
  cursor: pointer;
73
}
74

    
75
.bootstrap-switch-mySuccess {
76
  background: #76b852;
77
  color: #fff;
78
}
79
/*#dashboard #content .page-title {*/
80
  /*border-right: 1px solid #e6e6e6;*/
81
  /*bottom: 0;*/
82
  /*color: #7e7e7e;*/
83
  /*font-size: 16px;*/
84
  /*font-weight: 600;*/
85
  /*letter-spacing: 0.3px;*/
86
  /*padding: 20px 30px;*/
87
  /*position: absolute;*/
88
  /*text-transform: uppercase;*/
89
  /*top: 0;*/
90
/*}*/
91

    
92
/*#form #content .menubar.fixed {*/
93
    /*padding-left: 270px;*/
94
/*}*/
95

    
96
/*#form #content .form-horizontal .form-group .detail {*/
97
    /*margin-bottom: 0;*/
98
    /*margin-top: 0;*/
99
    /*padding-top: 7px;*/
100
/*}*/
101

    
102
/*#users #content .page-title {
103
  !*color: #ff6600;*!
104
  color: #003f3c;
105
  font-size: 17px;
106
  font-weight: 700;
107
}*/
108

    
109

    
110
/*To be moved to resource-type.component.css*/
111

    
112
/*#users #content .content-wrapper .users-list .headers .header label {*/
113
  /*height: auto;*/
114
/*}*/
115

    
116
/*#users #content .content-wrapper .users-list .headers .header label span {*/
117
  /*background: #fff none repeat scroll 0 0;*/
118
  /*color: #333;*/
119
  /*display: block;*/
120
  /*font-weight: 600;*/
121
  /*text-decoration: none;*/
122
  /*transition: all 0.14s linear 0s;*/
123
/*}*/
124

    
125
/***********************************************/
126

    
127
.btn-primary {
128
  /*background-color: #00b9b4;*/
129
  background-color: #00a0de;
130
  /*border-color: #18aba6;*/
131
  border-color: #008ec5;
132
  color: #fff;
133
}
134

    
135

    
136

    
137

    
138
/*****************************************************************************************/
139
/*****************************************************************************************/
140

    
141
/** Add css rules here for your application. */
142

    
143
*::before, *::after {
144
  box-sizing: border-box;
145
}
146

    
147
*::before, *::after {
148
  box-sizing: border-box;
149
}
150

    
151
* {
152
  box-sizing: border-box;
153
}
154

    
155

    
156
body {
157
  background: #fff none repeat scroll 0 0;
158
  padding-top: 0px !important;
159
  /*font: normal 13px/20px Open Sans !important;*/
160
  font: normal 13px/20px Source Sans Pro !important;
161
  margin: 0;
162
}
163

    
164
.loading {
165
  position: relative;
166
  min-height: 200px;
167
}
168

    
169
.loading-medium {
170
  position: relative;
171
  min-height: 300px;
172
}
173

    
174
.loading-big {
175
  position: relative;
176
  min-height: 600px;
177
}
178

    
179
.loader {
180
  background: url("assets/imgs/loader-small.gif") no-repeat center;
181
  z-index: 10;
182
  width: 100%;
183
  height: 100%;
184
  position: absolute;
185
  top: 0;
186
  left: 0;
187
}
188

    
189
.loader-big {
190
  background: url("assets/imgs/loader-big.gif") no-repeat center;
191
  z-index: 10;
192
  width: 100%;
193
  height: 100%;
194
  position: absolute;
195
  top: 0;
196
  left: 0;
197
}
198

    
199
.whiteFilm {
200
  background: #ffffff;
201
  z-index: 5;
202
  width: 100%;
203
  height: 100%;
204
  opacity: 0.7;
205
  position: absolute;
206
  top: 0;
207
  left: 0;
208
}
209

    
210
.inlineBlock {
211
  display: inline-block;
212
}
213

    
214
.marginLeftRight20 {
215
  margin-left: 20px;
216
  margin-right: 20px;
217
}
218

    
219
.marginBottom20 {
220
  margin-bottom: 20px;
221
}
222

    
223
.pull-right {
224
  float: right;
225
}
226

    
227
.comment {
228
  font-size: 12px;
229
  color: #666;
230
}
231

    
232
.fontItalic {
233
  font-style: italic;
234
}
235

    
236
.btn {
237
  background-color: #fff !important;
238
  background-image: none !important;
239
  border-color: #ccc !important;
240
  color: #333;
241
  /*border-radius: 0px !important;*/
242
}
243

    
244
/*.btn-primary {*/
245
  /*background-color: #586175 !important;*/
246
  /*background-image: none !important;*/
247
/*}*/
248

    
249
.btn-default {
250
  background-color: #fff !important;
251
  background-image: none !important;
252
  border-color: #ccc !important;
253
  color: #333;
254
}
255

    
256
.btn-success {
257
  background-color: #76b852 !important;
258
  border: 1px solid #63a042 !important;
259
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.2) inset !important;
260
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
261
  transition: all 0.2s linear 0s !important;
262
  color: #fff;
263
}
264

    
265
.btn-info {
266
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
267
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
268
  transition: all 0.2s linear 0s !important;
269
  background-color: #5bc0de !important;
270
  border-color: #46b8da !important;
271
  color: #fff;
272
}
273

    
274
.btn-danger {
275

    
276
  background-color: #d9534f !important;
277
  border-color: #d43f3a !important;
278
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.3) inset !important;
279
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
280
  transition: all 0.2s linear 0s !important;
281
  color: #fff;
282
}
283

    
284

    
285

    
286
#signin .bg {
287
  background: #3f4c5b url("./assets/imgs/fotoInteraWithOpacity.jpg") no-repeat fixed 50% 50% / 100% auto !important;
288
  padding-top: 70px;
289
}
290

    
291
#signin .logo {
292
  display: block;
293
  text-align: center;
294
  text-decoration: none;
295
}
296

    
297
#signin h3 {
298
  color: #fff;
299
  font-size: 24px;
300
  margin-top: 35px;
301
  text-align: center;
302
}
303

    
304
#signin .content {
305
  background: #fff none repeat scroll 0 0;
306
  border-radius: 3px;
307
  box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3);
308
  margin: 40px auto 0;
309
  max-width: 460px;
310
  padding: 42px 48px;
311
}
312

    
313
#signin .content .alert {
314
  margin-bottom: 15px;
315
}
316

    
317
#signin .content .fields {
318
  margin-bottom: 10px;
319
}
320

    
321
#signin .content .fields strong {
322
  display: block;
323
  margin-bottom: 10px;
324
}
325

    
326
#signin .content .fields input[type="text"], #signin .content .fields input[type="password"] {
327
  margin-bottom: 15px;
328
}
329
input.form-control[type="text"], input.form-control[type="email"], input.form-control[type="password"] {
330
  box-shadow: none;
331
}
332

    
333
.form-control {
334
  background-color: #fff;
335
  background-image: none;
336
  border: 1px solid #ccc;
337
  border-radius: 4px;
338
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
339
  color: #555;
340
  display: block;
341
  font-size: 14px;
342
  height: 34px;
343
  line-height: 1.42857;
344
  padding: 6px 12px;
345
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
346
  width: 100%;
347
}
348

    
349
#signin .content .actions {
350
  margin-bottom: 10px;
351
  margin-top: 30px;
352
  text-align: center;
353
}
354

    
355
#signin .content input {
356
  height: 35px !important;
357
}
358

    
359
.btn-lg, .btn-group-lg > .btn {
360
  border-radius: 2px !important;
361
  font-size: 17px !important;
362
  line-height: 1.33 !important;
363
  padding: 10px 20px !important;
364
}
365

    
366
#signin .bottom-wrapper {
367
  padding-bottom: 157px;
368
}
369

    
370
#signin .bottom-wrapper .message {
371
  border: 1px solid #8b9bc4;
372
  border-radius: 4px;
373
  color: #fff;
374
  margin: 60px auto 0;
375
  max-width: 360px;
376
  padding: 18px;
377
  text-align: center;
378
}
379

    
380
#signin .bottom-wrapper .message a {
381
  color: #fff;
382
  margin-left: 6px;
383
}
384

    
385

    
386

    
387

    
388
modal-backdrop, .modal-backdrop.fade.in {
389
  opacity: 0.35 !important;
390
}
391
/*.modal {
392
	border-radius: 0px !important;
393
}*/
394

    
395
.modal.confirmationModal {
396
  margin-left: -230px;
397
  margin-top: 90px !important;
398
  width: 500px !important;
399
}
400

    
401
.confirmationModal .entriesInfo {
402
  margin-bottom: 15px;
403
}
404

    
405
.modal.formModal {
406
  margin-left: -230px;
407
  width: 500px !important;
408
}
409

    
410
.confirmationModal .modal-header,
411
.formModal .modal-header {
412
  padding: 15px 20px !important;
413
}
414

    
415
.confirmationModal .modal-header h3,
416
.formModal .modal-header h3{
417
  font-size: 20px !important;
418
  font-weight: 400 !important;
419
}
420

    
421
.confirmationModal .modal-body,
422
.formModal .modal-body {
423
  padding: 20px 25px;
424
}
425

    
426
.confirmationModal .modal-footer,
427
.formModal .modal-footer {
428
  padding: 19px 20px 20px !important;
429
  margin-top: 15px;
430
  background-color: #fff !important;
431
  border-top: 1px solid #e5e5e5 !important;
432
}
433

    
434
.confirmationModal .modal-footer .confirmationModalButtons .btn,
435
.formModal .modal-footer .confirmationModalButtons .btn {
436
  margin-left: 10px;
437
}
438

    
439
.formModal label {
440
  display: inline-block;
441
  font-weight: 700;
442
  margin-bottom: 5px;
443
}
444

    
445
.formModal input {
446
  height: 35px !important;
447
}
448

    
449
.formModal .input-xxlarge {
450
  width: 450px;
451
}
452

    
453
.formModal textarea {
454
  height: 90px;
455
}
456

    
457
.formModal form {
458
  margin: 0px !important;
459
}
460

    
461
.formModal fieldset.firstInlineFieldSet {
462
  margin-right: 28px;
463
}
464

    
465
.formModal .controls .span2 {
466
  width: 202px;
467
}
468

    
469

    
470

    
471

    
472
/*#wrapper {*/
473
  /*margin: 0 auto;*/
474
  /*position: relative;*/
475
/*}*/
476

    
477
/*#sidebar-default {*/
478
  /*background: #2a313a none repeat scroll 0 0;*/
479
  /*border-right: 1px solid #3c434d;*/
480
  /*left: 0;*/
481
  /*position: absolute;*/
482
  /*top: 0;*/
483
  /*width: 260px;*/
484
  /*z-index: 999;*/
485
/*}*/
486

    
487
/*.main-sidebar {*/
488
  /*bottom: 0;*/
489
/*}*/
490

    
491
/*#sidebar-default .current-user {*/
492
  /*background: linear-gradient(#3d4a5d, #3f4c5c) repeat scroll 0 0%, #686e78 none repeat scroll 0 0;*/
493
  /*color: #fff;*/
494
  /*height: 63px;*/
495
  /*margin-bottom: 20px;*/
496
  /*padding: 0 20px;*/
497
  /*position: relative;*/
498
/*}*/
499

    
500
/*#sidebar-default .current-user .name {*/
501
  /*color: #f0f5fa;*/
502
  /*display: block;*/
503
  /*font-size: 15px;*/
504
  /*padding: 10px 0;*/
505
  /*position: relative;*/
506
  /*text-decoration: none;*/
507
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
508
/*}*/
509

    
510
/*#sidebar-default .current-user .name span {*/
511
  /*position: relative;*/
512
  /*top: 4px;*/
513
/*}*/
514

    
515
/*#sidebar-default .current-user .name .avatar {*/
516
  /*border-radius: 50%;*/
517
  /*margin-right: 12px;*/
518
  /*max-width: 41px;*/
519
  /*position: relative;*/
520
  /*top: 2px;*/
521
  /*background-color: #dde1d4;*/
522
  /*padding: 3px;*/
523
/*}*/
524

    
525
img {
526
  vertical-align: middle;
527
  border: 0 none;
528
}
529

    
530
a {
531
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
532
}
533

    
534
/*#sidebar-default .menu-section {*/
535
  /*margin-bottom: 25px;*/
536
/*}*/
537

    
538
/*#sidebar-default .menu-section h3 {*/
539
  /*color: #fff;*/
540
  /*font-size: 11px;*/
541
  /*font-weight: bold;*/
542
  /*letter-spacing: 0.5px;*/
543
  /*margin-bottom: 0;*/
544
  /*margin-top: 0;*/
545
  /*padding-left: 23px;*/
546
  /*text-shadow: 1px 1px #000;*/
547
  /*text-transform: uppercase;*/
548
/*}*/
549

    
550
/*#sidebar-default .menu-section ul {*/
551
  /*list-style-type: none;*/
552
  /*margin-bottom: 0;*/
553
  /*margin-left: 0;*/
554
  /*margin-right: 0;*/
555
  /*margin-top: 0;*/
556
  /*padding-left: 0;*/
557
/*}*/
558

    
559
/*#sidebar-default .menu-section ul li {*/
560
  /*margin: 1px 0;*/
561
/*}*/
562

    
563
/*#sidebar-default .menu-section ul li a {*/
564
  /*background: transparent none repeat scroll 0 0;*/
565
  /*color: #ecf6ff;*/
566
  /*display: inline-block;*/
567
  /*font-size: 14px;*/
568
  /*font-weight: 400;*/
569
  /*padding: 7px 10px 9px 23px;*/
570
  /*text-decoration: none;*/
571
  /*transition: background 0.13s linear 0s;*/
572
  /*width: 100%;*/
573
/*}*/
574

    
575
/*#sidebar-default .menu-section ul li a.active {*/
576
  /*background: linear-gradient(#5b6479, #4c5566) repeat scroll 0 0%, #686e78 none repeat scroll 0 0;*/
577
  /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.16) inset;*/
578
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
579
/*}*/
580

    
581
/*#sidebar-default .menu-section ul li a i {*/
582
  /*font-size: 19px;*/
583
  /*margin-right: 9px;*/
584
  /*min-width: 17px;*/
585
  /*position: relative;*/
586
  /*text-align: center;*/
587
  /*top: 1px;*/
588
/*}*/
589

    
590
#sidebar-default .bottom-menu {
591
  bottom: 0;
592
  position: fixed;
593
  width: 260px;
594
  z-index: 999;
595
}
596

    
597
#sidebar-default .bottom-menu > ul {
598
  list-style-type: none;
599
  margin: 0;
600
  padding: 0;
601
}
602

    
603
#sidebar-default .bottom-menu > ul > li {
604
  border-right: 1px solid #3e4e55;
605
  border-top: 1px solid #3e4e55;
606
  display: block;
607
  float: left;
608
  width: 33.333%;
609
}
610

    
611
#sidebar-default .bottom-menu > ul > li > a {
612
  background: #333d4b none repeat scroll 0 0;
613
  display: block;
614
  padding: 6px 0;
615
  position: relative;
616
  text-align: center;
617
}
618

    
619
#sidebar-default .bottom-menu > ul > li > a i {
620
  color: #cbd3db;
621
  font-size: 19px;
622
  transition: all 0.1s linear 0s;
623
}
624

    
625
#sidebar-default .bottom-menu > ul > li > a .flag {
626
  background: #9ed166 none repeat scroll 0 0;
627
  border-radius: 25px;
628
  display: block;
629
  height: 7px;
630
  position: absolute;
631
  right: 25px;
632
  top: 4px;
633
  width: 7px;
634
}
635

    
636
#sidebar-default .bottom-menu > ul > li .menu::after {
637
  background-image: url("popover-arrow.png");
638
  background-size: 100% 100%;
639
  bottom: -12px;
640
  content: "";
641
  display: block;
642
  height: 12px;
643
  left: 49%;
644
  margin-left: -18.5px;
645
  position: absolute;
646
  transform: rotateX(180deg);
647
  width: 37px;
648
}
649

    
650
#sidebar-default .bottom-menu > ul > li > a:hover + .menu {
651
  opacity: 1;
652
  transform: scale(1);
653
}
654

    
655
#sidebar-default .bottom-menu > ul > li .menu {
656
  background: #fff none repeat scroll 0 0;
657
  border-radius: 3px;
658
  bottom: 34px;
659
  box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.25);
660
  left: 39px;
661
  list-style-type: none;
662
  opacity: 0;
663
  padding: 7px 0;
664
  position: absolute;
665
  transform: scale(0);
666
  transform-origin: 50% 100% 0;
667
  transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1) 0s;
668
  width: 155px;
669
  z-index: 999;
670
}
671

    
672
#sidebar-default .bottom-menu > ul > li .menu li {
673
  border-bottom: 1px solid #e6e6e6;
674
  padding: 8px 0;
675
  text-align: center;
676
}
677

    
678
#sidebar-default .bottom-menu > ul > li .menu li:last-child {
679
  border-bottom: 0 none;
680
}
681

    
682
#sidebar-default .bottom-menu > ul > li .menu li a {
683
  color: #54a0e2;
684
  display: block;
685
  font-weight: 600;
686
  text-decoration: none;
687
  transition: all 0.2s linear 0s;
688
}
689

    
690

    
691

    
692

    
693

    
694

    
695
#content {
696
  background: #fff none repeat scroll 0 0;
697
  margin-left: 260px;
698
  min-height: 900px;
699
  padding: 67px 40px 40px;
700
  position: relative;
701
  transition: all 0.3s ease-out 0s;
702
}
703

    
704
/*#steps #content {
705
	padding: 67px 0px 0px;
706
}*/
707

    
708
#content .menubar {
709
  background: white none repeat scroll 0 0;
710
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
711
  height: 63px;
712
  left: 0;
713
  padding: 20px 40px;
714
  position: absolute;
715
  top: 0;
716
  width: 100%;
717
  z-index: 99;
718
}
719

    
720
#content .menubar.fixed {
721
  padding-left: 260px;
722
  position: fixed;
723
}
724

    
725
#content .menubar .page-title {
726
  color: #333;
727
  float: left;
728
  font-size: 17px;
729
  line-height: 26px;
730
  position: relative;
731
}
732

    
733
#content .menubar .page-title small {
734
  margin-left: 10px;
735
}
736

    
737
#content .menubar .btn.pull-right {
738
  font-weight: bold;
739
  letter-spacing: 0.3px;
740
  position: relative;
741
  top: -5px;
742
}
743

    
744
#users #content .page-title,
745
#roles #content .page-title,
746
#news #content .page-title,
747
#dataProviders #content .page-title,
748
#faqTopics #content .page-title,
749
#faqQuestions #content .page-title,
750
#pages #content .page-title,
751
#pageContents #content .page-title,
752
#entities #content .entity-title,
753
#communities #content .community-title {
754
  border-right: 1px solid #e6e6e6;
755
  bottom: 0;
756
  color: #7e7e7e;
757
  font-size: 16px;
758
  font-weight: 600;
759
  letter-spacing: 0.3px;
760
  padding: 20px 35px;
761
  position: absolute;
762
  text-transform: uppercase;
763
  top: 0;
764
}
765

    
766

    
767
#content .content-wrapper {
768
  margin-top: 20px;
769
}
770

    
771
#content .content-wrapper .contentPanel {
772
  padding: 10px 15px;
773
}
774

    
775
#steps #content .content-wrapper .contentPanel {
776
  padding: 0px;
777
}
778

    
779
#users #content .content-wrapper .contentPanel .alert,
780
#roles #content .content-wrapper .contentPanel .alert,
781
#news #content .content-wrapper .contentPanel .alert,
782
#faqTopics #content .content-wrapper .contentPanel .alert,
783
#faqQuestions #content .content-wrapper .contentPanel .alert,
784
#harvestHistory #content .content-wrapper .contentPanel .alert,
785
#pages #content .content-wrapper .contentPanel .alert,
786
#pageContents #content .content-wrapper .contentPanel .alert,
787
#entities #content .content-wrapper .contentPanel .alert,
788
#communities #content .content-wrapper .contentPanel .alert  {
789
  margin-left: -10px;
790
  margin-right: -10px;
791
}
792

    
793
#dataProviders #content .content-wrapper .contentPanel .alert {
794
  margin-left: -25px;
795
  margin-right: -25px;
796
}
797

    
798
#dataProviders #content .content-wrapper .contentPanel .row .alert {
799
  margin-left: 0px;
800
  margin-right: 0px;
801
}
802

    
803

    
804

    
805
/*.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
806
	content: " ";
807
    display: table;
808
}
809

    
810
.clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
811
	clear: both;
812
}
813

    
814
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
815
	content: " ";
816
    display: table;
817
}*/
818

    
819

    
820
#dashboard .metrics {
821
  background: linear-gradient(#303d4f, #435266) repeat scroll 0 0%, #686e78 none repeat scroll 0 0;
822
  border: 1px solid #000;
823
  border-radius: 5px;
824
  box-shadow: 0 1px rgba(255, 255, 255, 0.3) inset;
825
  font-family: "Helvetica Neue",Arial;
826
  margin-top: 30px;
827
}
828

    
829
#dashboard .metrics .metric {
830
  border-right: 1px solid #526075;
831
  float: left;
832
  padding: 23px 0;
833
  text-align: center;
834
  width: 25%;
835
}
836

    
837
#dashboard .metrics .metric .field {
838
  color: #f4f4f4;
839
  display: inline-block;
840
  font-size: 14px;
841
  margin-bottom: 9px;
842
}
843

    
844
#dashboard .metrics .metric .data {
845
  color: #fff;
846
  display: block;
847
  font-size: 27px;
848
  text-shadow: 1px 1px #000;
849
}
850

    
851

    
852

    
853

    
854

    
855
#dashboard .chart {
856
  background: #fff none repeat scroll 0 0;
857
  border: 1px solid #dfe3eb;
858
  border-radius: 5px;
859
  box-shadow: 0 1px 0 #ededed inset;
860
  margin: 40px 0 50px;
861
  padding: 25px;
862
}
863

    
864
#dashboard .requestsGraphPanel {
865
  height: 400px;
866
}
867

    
868
#dashboard .usersGraphPanel {
869
  height: 400px;
870
}
871

    
872
#dashboard .userSectorPiePanel {
873
  height: 400px;
874
  width: 48%;
875
  display: inline-block;
876
  /*float: left;*/
877
}
878

    
879
#dashboard .requestStatusDonutPanel {
880
  height: 400px;
881
  width: 48%;
882
  display: inline-block;
883
  margin-right: 4%;
884
  /*float: left;*/
885
}
886

    
887
#dashboard .requestStatusDonutPanel.chart, #dashboard .userSectorPiePanel.chart {
888
  margin-top: 0px;
889
}
890

    
891
#dashboard .chart h3 {
892
  font-size: 18px;
893
  font-weight: 600;
894
  margin-bottom: 25px;
895
  margin-top: 0;
896
}
897

    
898
#dashboard .chart #visitors-chart {
899
  height: 230px;
900
  position: relative;
901
}
902

    
903
#dashboard .chart h3 .total {
904
  color: #2d96be;
905
  font-size: 14px;
906
  left: -8px;
907
  position: relative;
908
  top: 6px;
909
}
910

    
911
.pull-right {
912
  float: right;
913
}
914

    
915
#dashboard .chart h3 .total .change {
916
  border-radius: 3px;
917
  display: inline-block;
918
  font-size: 13px;
919
  margin-left: 7px;
920
  padding: 2px 5px;
921
}
922

    
923
#dashboard .chart h3 .total .change.up {
924
  color: #3fb83f;
925
}
926

    
927

    
928

    
929

    
930

    
931

    
932

    
933
#users #content form.search {
934
  float: left;
935
  margin-left: 170px;
936
  position: relative;
937
  top: -2px;
938
  width: 260px;
939
}
940

    
941
#roles #content form.search {
942
  float: left;
943
  margin-left: 200px;
944
  position: relative;
945
  top: -2px;
946
  width: 260px;
947
}
948

    
949
#news #content form.search {
950
  float: left;
951
  margin-left: 310px;
952
  position: relative;
953
  top: -2px;
954
  width: 360px;
955
}
956

    
957
#faqTopics #content form.search {
958
  float: left;
959
  margin-left: 170px;
960
  position: relative;
961
  top: -2px;
962
  width: 360px;
963
}
964

    
965
#faqQuestions #content form.search {
966
  float: left;
967
  margin-left: 200px;
968
  position: relative;
969
  top: -2px;
970
  width: 360px;
971
}
972

    
973
#pages #content form.search {
974
  float: left;
975
  margin-left: 150px;
976
  position: relative;
977
  top: -2px;
978
  width: 360px;
979
}
980

    
981
#pageContents #content form.search {
982
  float: left;
983
  margin-left: 250px;
984
  position: relative;
985
  top: -2px;
986
  width: 360px;
987
}
988

    
989
#entities #content form.search {
990
  float: left;
991
  margin-left: 150px;
992
  position: relative;
993
  top: -2px;
994
  width: 360px;
995
}
996

    
997
#communities #content form.search {
998
  float: left;
999
  margin-left: 150px;
1000
  position: relative;
1001
  top: -2px;
1002
  width: 360px;
1003
}
1004

    
1005
#dataProviders #content form.search {
1006
  float: left;
1007
  margin-left: 220px;
1008
  position: relative;
1009
  top: -2px;
1010
  width: 420px;
1011
}
1012

    
1013
#users #content form.search input[type="text"],
1014
#roles #content form.search input[type="text"],
1015
#news #content form.search input[type="text"],
1016
#dataProviders #content form.search input[type="text"],
1017
#faqTopics #content form.search input[type="text"],
1018
#faqQuestions #content form.search input[type="text"],
1019
#pages #content form.search input[type="text"],
1020
#pageContents #content form.search input[type="text"],
1021
#entities #content form.search input[type="text"],
1022
#communities #content form.search input[type="text"] {
1023
  border: 0 none;
1024
  border-radius: 3px;
1025
  padding: 6px 15px 6px 37px;
1026
  width: 100%;
1027
  height: 35px !important;
1028
  box-shadow: none !important;
1029
  background-image: url("assets/imgs/icn_search.png");
1030
  background-position: 2% 40%;
1031
  background-repeat: no-repeat;
1032
  background-size: 20px auto;
1033
}
1034

    
1035
#users #content form.search input[type="submit"],
1036
#roles #content form.search input[type="submit"],
1037
#news #content form.search input[type="submit"],
1038
#dataProviders #content form.search input[type="submit"],
1039
#faqTopics #content form.search input[type="submit"],
1040
#faqQuestions #content form.search input[type="submit"],
1041
#pages #content form.search input[type="submit"],
1042
#pageContents #content form.search input[type="submit"],
1043
#entities #content form.search input[type="submit"],
1044
#communities #content form.search input[type="submit"] {
1045
  position: absolute;
1046
  visibility: hidden;
1047
}
1048

    
1049
#users #content .content-wrapper .page-controls,
1050
#roles #content .content-wrapper .page-controls,
1051
#news #content .content-wrapper .page-controls,
1052
#faqTopics #content .content-wrapper .page-controls,
1053
#harvestHistory #content .content-wrapper .page-controls,
1054
#pages #content .content-wrapper .page-controls
1055
{
1056
  margin-top: 30px;
1057
}
1058

    
1059
#faqQuestions #content .content-wrapper .page-controls,
1060
#pageContents #content .content-wrapper .page-controls
1061
{
1062
  margin-top: 10px;
1063
}
1064

    
1065
#users #content .content-wrapper .page-controls .filters .links,
1066
#roles #content .content-wrapper .page-controls .filters .links,
1067
#news #content .content-wrapper .page-controls .filters .links,
1068
#faqTopics #content .content-wrapper .page-controls .filters .links,
1069
#faqQuestions #content .content-wrapper .page-controls .filters .links,
1070
#pages #content .content-wrapper .page-controls .filters .links,
1071
#pageContents #content .content-wrapper .page-controls .filters .links,
1072
#harvestHistory #content .content-wrapper .page-controls .filters .links,
1073
#harvest #content .content-wrapper .page-controls .filters .links {
1074
  /*float: left;
1075
  margin-left: -5px;*/
1076
}
1077

    
1078
#users #content .content-wrapper .page-controls .filters .links .filterLabel,
1079
#roles #content .content-wrapper .page-controls .filters .links .filterLabel,
1080
#news #content .content-wrapper .page-controls .filters .links .filterLabel,
1081
#faqTopics #content .content-wrapper .page-controls .filters .links .filterLabel,
1082
#faqQuestions #content .content-wrapper .page-controls .filters .links .filterLabel,
1083
#pages #content .content-wrapper .page-controls .filters .links .filterLabel,
1084
#pageContents #content .content-wrapper .page-controls .filters .links .filterLabel,
1085
#harvestHistory #content .content-wrapper .page-controls .filters .links .filterLabel,
1086
#harvest #content .content-wrapper .page-controls .filters .links .filterLabel {
1087
  font-size: 15px;
1088
  margin-right: 20px;
1089
  display: inline-block;
1090
  font-weight: 700;
1091
  margin-bottom: 5px;
1092
  display: inline-block;
1093
}
1094

    
1095
#harvestHistory #content .content-wrapper .page-controls .filters .links .input-xxlarge {
1096
  width: 380px !important;
1097
}
1098

    
1099

    
1100
#users #content .content-wrapper .page-controls .filters .links a,
1101
#roles #content .content-wrapper .page-controls .filters .links a,
1102
#news #content .content-wrapper .page-controls .filters .links a,
1103
#faqQuestions #content .content-wrapper .page-controls .filters .links a,
1104
#pageContents #content .content-wrapper .page-controls .filters .links a,
1105
#harvest #content .content-wrapper .page-controls .filters .links a {
1106
  color: #666;
1107
  margin-right: 35px;
1108
  padding-bottom: 2px;
1109
  text-decoration: none;
1110
  transition: all 0.1s linear 0s;
1111
}
1112

    
1113
#users #content .content-wrapper .page-controls .filters .links a.active,
1114
#roles #content .content-wrapper .page-controls .filters .links a.active,
1115
#news #content .content-wrapper .page-controls .filters .links a.active,
1116
#faqQuestions #content .content-wrapper .page-controls .filters .links a.active,
1117
#pageContents #content .content-wrapper .page-controls .filters .links a.active,
1118
#harvest #content .content-wrapper .page-controls .filters .links a.activ {
1119
  border-bottom: 1px solid #82bfe9;
1120
  color: #378fca;
1121
  font-weight: 600;
1122
}
1123

    
1124
#users #content .content-wrapper .page-controls .filters .show-options,
1125
#roles #content .content-wrapper .page-controls .filters .show-options,
1126
#news #content .content-wrapper .page-controls .filters .show-options,
1127
#faqTopics #content .content-wrapper .page-controls .filters .show-options,
1128
#faqQuestions #content .content-wrapper .page-controls .filters .show-options,
1129
#pages #content .content-wrapper .page-controls .filters .show-options,
1130
#pageContents #content .content-wrapper .page-controls .filters .show-options,
1131
#harvestHistory #content .content-wrapper .page-controls .filters .show-options,
1132
#harvest #content .content-wrapper .page-controls .filters .show-options {
1133
  float: right;
1134
}
1135

    
1136
#users #content .content-wrapper .page-controls .filters .show-options .btn,
1137
#news #content .content-wrapper .page-controls .filters .show-options .btn,
1138
#faqTopics #content .content-wrapper .page-controls .filters .show-options .btn,
1139
#faqQuestions #content .content-wrapper .page-controls .filters .show-options .btn,
1140
#pages #content .content-wrapper .page-controls .filters .show-options .btn,
1141
#pageContents #content .content-wrapper .page-controls .filters .show-options .btn,
1142
#harvestHistory #content .content-wrapper .page-controls .filters .show-options .btn,
1143
#harvest #content .content-wrapper .page-controls .filters .show-options .btn {
1144
  display: inline-block;
1145
  margin-left: 20px;
1146
  position: relative;
1147
  top: -7px;
1148
}
1149

    
1150
.show-options .dropdown-menu {
1151
  right: 0;
1152
  margin: -5px 0 0 !important;
1153
  left: auto;
1154
}
1155

    
1156
.show-options .dropdown-menu > li > a:hover, .show-options .dropdown-menu > li > a:focus {
1157
  background-color: #f5f5f5 !important;
1158
  color: #262626 !important;
1159
  text-decoration: none !important;
1160
  background-image: none !important;
1161
}
1162

    
1163

    
1164

    
1165

    
1166

    
1167
#content .content-wrapper .users-list {
1168
  margin-bottom: 40px;
1169
  margin-top: 35px;
1170
  /*font-size: 12px;*/
1171
}
1172

    
1173
#content .content-wrapper .dataProviders-list {
1174
  margin-bottom: 40px;
1175
  margin-top: 15px;
1176
}
1177

    
1178
.row {
1179
  margin-left: -15px;
1180
  margin-right: -15px;
1181
}
1182

    
1183
.dataProviders-list .row {
1184
  margin-left: -25px !important;
1185
  margin-right: -25px !important;
1186
}
1187

    
1188
.col-md-12 {
1189
  width: 100%;
1190
}
1191

    
1192
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
1193
  float: left;
1194
}
1195

    
1196
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
1197
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
1198
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
1199
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
1200
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
1201
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
1202
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
1203
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
1204
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
1205
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
1206
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
1207
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
1208
  min-height: 1px;
1209
  padding-left: 15px;
1210
  padding-right: 15px;
1211
  position: relative;
1212
  display: inline-block;
1213
}
1214

    
1215
#content .content-wrapper .users-list .headers,
1216
#content .content-wrapper .dataProviders-list .headers {
1217
  min-height: 35px;
1218
  padding-bottom: 10px;
1219
}
1220

    
1221
#content .content-wrapper .users-list .headers .header label,
1222
#content .content-wrapper .dataProviders-list .headers .header label {
1223
  color: #333;
1224
  font-weight: 600;
1225
  /*height: 100%;*/
1226
  width: 100%;
1227
}
1228

    
1229
#content .content-wrapper .users-list .headers .header label a,
1230
#content .content-wrapper .dataProviders-list .headers .header label a {
1231
  background: #fff none repeat scroll 0 0;
1232
  color: #333;
1233
  display: block;
1234
  font-weight: 600;
1235
  text-decoration: none;
1236
  transition: all 0.14s linear 0s;
1237
}
1238

    
1239
.col-sm-1 {
1240
  width: 8.33333%;
1241
}
1242

    
1243
.col-sm-2 {
1244
  width: 16.6667%;
1245
}
1246

    
1247
.col-sm-3 {
1248
  width: 25%;
1249
}
1250

    
1251
.col-sm-4 {
1252
  width: 33.3333%;
1253
}
1254

    
1255
.col-sm-5 {
1256
  width: 41.6667%;
1257
}
1258

    
1259
#content .content-wrapper .users-list .user:nth-child(2n),
1260
#content .content-wrapper .dataProviders-list .user:nth-child(2n) {
1261
  background: #fafafc none repeat scroll 0 0;
1262
}
1263

    
1264
#content .content-wrapper .users-list .user,
1265
#content .content-wrapper .dataProviders-list .user {
1266
  border-bottom: 1px solid #f0f0f0;
1267
  padding: 12px 0;
1268
}
1269

    
1270
#content .content-wrapper .users-list .user .avatar input[type="checkbox"],
1271
#content .content-wrapper .dataProviders-list .user .avatar input[type="checkbox"] {
1272
  cursor: pointer;
1273
  margin-right: 15px;
1274
  margin-top: 0;
1275
}
1276

    
1277
#content .content-wrapper .users-list .user .name {
1278
  color: #333;
1279
  position: relative;
1280
  text-decoration: none;
1281
  /*top: 13px;*/
1282
}
1283

    
1284
#content .content-wrapper .users-list .user .email {
1285
  font-size: 13px;
1286
  position: relative;
1287
  /*top: 13px;*/
1288
}
1289

    
1290
#content .content-wrapper .users-list .user .alert {
1291
  margin-bottom: 0px !important;
1292
  margin-left: 0px !important;
1293
  margin-right: 0px !important;
1294
}
1295

    
1296
#content .content-wrapper .users-list .user .actions input {
1297
  margin-right: 10px !important;
1298
}
1299

    
1300
#content .content-wrapper .dataProviders-list .user .actions input {
1301
  margin-left: 10px !important;
1302
}
1303

    
1304
#content .content-wrapper .users-list .user .label,
1305
#content .content-wrapper .dataProviders-list .user .label {
1306
  display: inline-block;
1307
  margin-left: 15px;
1308
  position: relative;
1309
  text-decoration: none !important;
1310
  padding: 3px 10px !important;
1311
}
1312

    
1313
.label-warning {
1314
  background-color: #f0ad4e !important;
1315
}
1316

    
1317

    
1318

    
1319

    
1320

    
1321
#steps .steps .step {
1322
  border-bottom: 1px solid #eee;
1323
  margin: 0;
1324
  padding: 35px 75px;
1325
}
1326

    
1327
#steps .steps .step:nth-child(2n+1) {
1328
  background: #f8f8fa none repeat scroll 0 0;
1329
}
1330

    
1331
/*#steps .steps .step.done {
1332
    background: #f8f8fa none repeat scroll 0 0;
1333
    margin: 0;
1334
    padding: 35px 75px;
1335
}*/
1336

    
1337
#steps .steps .step .info {
1338
  float: left;
1339
  position: relative;
1340
}
1341

    
1342
#steps .steps .step.done .info {
1343
  top: -6px;
1344
}
1345

    
1346
#steps .steps .step .info .number {
1347
  font-size: 26px;
1348
  margin-right: 20px;
1349
  position: relative;
1350
  top: 2px;
1351
}
1352

    
1353
#steps .steps .step .btn {
1354
  margin-left: 10px;
1355
}
1356

    
1357

    
1358

    
1359
#harvest #content .content-wrapper .manualHarvest {
1360
  float: left;
1361
  height: 100%;
1362
  min-height: 800px;
1363
  /*padding: 30px 30px 80px;*/
1364
  position: relative;
1365
  width: 30%;
1366
  margin-top: -30px;
1367
  margin-left: -35px;
1368
}
1369

    
1370
.manualHarvest input[type="text"] {
1371
  height: 30px !important;
1372
}
1373

    
1374
.manualHarvest .input-xlarge {
1375
  width: 98%;
1376
}
1377

    
1378
input.inputWithComment {
1379
  margin-bottom: 0px !important;
1380
}
1381

    
1382
.manualHarvest label {
1383
  display: inline-block;
1384
  font-weight: 700;
1385
  margin-bottom: 5px;
1386
}
1387

    
1388
.manualHarvestObjectTypes, .scheduledHarvestObjectTypes {
1389
  padding-left: 5px;
1390
  padding-right: 5px;
1391
}
1392

    
1393
.manualHarvestObjectTypes label, .scheduledHarvestObjectTypes label {
1394
  /*display: block;*/
1395
  font-weight: 400;
1396
  margin-bottom: 7px;
1397
  width: 50%;
1398
}
1399

    
1400
.scheduledHarvestObjectTypes input {
1401
  height: 20px !important;
1402
  margin-top: 0 !important;
1403
}
1404

    
1405
label.selectAllObjectTypes {
1406
  display: block;
1407
  width: 100%;
1408
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
1409
  border-bottom: 1px solid #dee3ea;
1410
  border-top: 1px solid #d4dbe4;
1411
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
1412
  padding: 5px 10px;
1413
  margin-left: -5px;
1414
  margin-right: -5px;
1415
}
1416

    
1417
.selectAllObjectTypes input[type="checkbox"] {
1418
  margin-left: -4px !important;
1419
  margin-right: 6px;
1420
}
1421

    
1422
.selectAllObjectTypes span {
1423
  letter-spacing: 0.5px;
1424
}
1425

    
1426
.manualHarvest .actionButtons {
1427
  text-align: center;
1428
}
1429

    
1430
.manualHarvest .harvestNow {
1431
  font-weight: bold;
1432
  letter-spacing: 0.3px;
1433
}
1434

    
1435
#harvest #content .content-wrapper .scheduleHarvest {
1436
  border-left: 1px solid #e8ebf0;
1437
  bottom: 0;
1438
  position: absolute;
1439
  right: 0;
1440
  top: 67px;
1441
  width: 70%;
1442
}
1443

    
1444
#harvest .manualHarvest h3,
1445
#harvest .scheduleHarvest h3 {
1446
  font-size: 17px !important;
1447
  font-weight: 400;
1448
  margin: 20px 0 25px;
1449
  padding: 0 20px;
1450
  text-align: center;
1451
}
1452

    
1453
#harvest .scheduleHarvest .row {
1454
  margin-left: 20px;
1455
  margin-right: 20px;
1456
}
1457

    
1458
#harvest #content .content-wrapper .page-controls {
1459
  margin-top: 15px;
1460
}
1461

    
1462
#harvest #content .content-wrapper .page-controls .filters .show-options {
1463
  margin-top: 7px;
1464
}
1465

    
1466
table.dataTable {
1467
  clear: both;
1468
  margin: 15px 30px;
1469
}
1470

    
1471
#harvest .content-wrapper .scheduleHarvest thead th::after {
1472
  bottom: -1px;
1473
  box-shadow: 0 1px 1px rgba(66, 85, 124, 0.14);
1474
  content: "";
1475
  height: 1px;
1476
  left: 0;
1477
  position: absolute;
1478
  width: 100%;
1479
}
1480

    
1481
#harvest .content-wrapper .scheduleHarvest thead th {
1482
  background: rgba(0, 0, 0, 0) linear-gradient(#f7f8fc, #f8f9fc) repeat scroll 0 0;
1483
  border-bottom: 1px solid #dee3ea;
1484
  border-top: 1px solid #d4dbe4;
1485
  box-shadow: 0 1px rgba(255, 255, 255, 0.79) inset;
1486
  color: #444;
1487
  padding: 10px 18px 12px 20px;
1488
  position: relative;
1489
  text-shadow: 1px 1px #fff;
1490
}
1491

    
1492
table.dataTable tr.odd {
1493
  background-color: white;
1494
}
1495

    
1496
table.dataTable tr.even {
1497
  background-color: white;
1498
}
1499

    
1500
#harvest .content-wrapper .scheduleHarvest td {
1501
  padding: 11px 20px;
1502
  text-align: center;
1503
}
1504

    
1505
table.dataTable tr.odd td.selecting {
1506
  background-color: #fafbfd;
1507
}
1508

    
1509
table.dataTable tr.even td.selecting {
1510
  background-color: #fafbfd;
1511
}
1512

    
1513
table.dataTable td {
1514
  border-bottom: 1px solid #edf2f7;
1515
  padding: 11px 9px;
1516
}
1517

    
1518
table.dataTable td input.edit {
1519
  margin-right: 5px;
1520
}
1521

    
1522
.scheduleHarvestAlerts {
1523
  margin-left: 30px;
1524
  margin-right: 20px;
1525
}
1526

    
1527
#performanceIndicators #content .contentPanel {
1528
  font-size: 15px;
1529
  padding-left: 0;
1530
}
1531

    
1532
.form-group.required label:after {
1533
  content:"*";
1534
  color:red;
1535
}
(4-4/4)