Project

General

Profile

Download (18.6 KB) Statistics
| Branch: | Tag: | Revision:
1
/*
2
 * pfSense.css
3
 *
4
 * part of pfSense (https://www.pfsense.org)
5
 * Copyright (c) 2016 Rubicon Communications, LLC (Netgate)
6
 * All rights reserved.
7
 *
8
 * Redistribution and use in source and binary forms, with or without
9
 * modification, are permitted provided that the following conditions are met:
10
 *
11
 * 1. Redistributions of source code must retain the above copyright notice,
12
 *    this list of conditions and the following disclaimer.
13
 *
14
 * 2. Redistributions in binary form must reproduce the above copyright
15
 *    notice, this list of conditions and the following disclaimer in
16
 *    the documentation and/or other materials provided with the
17
 *    distribution.
18
 *
19
 * 3. All advertising materials mentioning features or use of this software
20
 *    must display the following acknowledgment:
21
 *    "This product includes software developed by the pfSense Project
22
 *    for use in the pfSense® software distribution. (http://www.pfsense.org/).
23
 *
24
 * 4. The names "pfSense" and "pfSense Project" must not be used to
25
 *    endorse or promote products derived from this software without
26
 *    prior written permission. For written permission, please contact
27
 *    coreteam@pfsense.org.
28
 *
29
 * 5. Products derived from this software may not be called "pfSense"
30
 *    nor may "pfSense" appear in their names without prior written
31
 *    permission of the Electric Sheep Fencing, LLC.
32
 *
33
 * 6. Redistributions of any form whatsoever must retain the following
34
 *    acknowledgment:
35
 *
36
 * "This product includes software developed by the pfSense Project
37
 * for use in the pfSense software distribution (http://www.pfsense.org/).
38
 *
39
 * THIS SOFTWARE IS PROVIDED BY THE pfSense PROJECT ``AS IS'' AND ANY
40
 * EXPRESSED OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
41
 * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
42
 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE pfSense PROJECT OR
43
 * ITS CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
44
 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT
45
 * NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
46
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
47
 * HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT,
48
 * STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
49
 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
50
 * OF THE POSSIBILITY OF SUCH DAMAGE.
51
 */
52

    
53
@import url("/vendor/bootstrap/css/bootstrap.min.css");
54
@import url("/css/fonts/roboto.css");
55
@import url("/vendor/jquery/jquery-ui/themes/smoothness/theme.css");
56

    
57
html {
58
    position: relative;
59
    min-height: 100%;
60
}
61

    
62
body {
63
    margin-bottom: 80px;
64
    background-color: #F5F5F5;
65
    font-family: 'Roboto', sans-serif;
66
}
67

    
68
body.no-menu #jumbotron {
69
    padding: 100px 0;
70
    background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%)
71
}
72

    
73
body.no-menu {
74
    background: url("/logo-black.png") no-repeat center 30px;
75
    padding-top: 70px;
76
}
77

    
78
body.no-menu #jumbotron {
79
    margin-top: 75px;
80
}
81

    
82
body#index .icons {
83
    float: right;
84
}
85

    
86
a:hover {
87
    text-decoration: none;
88
}
89

    
90
a.fa, i.fa {
91
    font-size: 18px;
92
}
93

    
94
h1 a:link, h1 a:visited {
95
    color: #000000;
96
    text-decoration: none !important;
97
}
98

    
99
h1 a:hover, h1 a:active {
100
    color: #000000;
101
    text-decoration: none !important;
102
}
103

    
104
.container.fixed {
105
    padding-top: 60px;
106
}
107

    
108
.ui-sortable-handle {
109
    cursor: move;
110
}
111

    
112
.ui-widget {
113
    font-family: Roboto, sans-serif;
114
}
115

    
116
tr.disabled td,
117
tr.disabled th {
118
    opacity: .5;
119
}
120

    
121
.contains-table table {
122
    border: 1px solid #ddd;
123
}
124

    
125
/** Content structure */
126
.table-responsive {
127
    clear: both;
128
    margin-bottom: 0px;
129
}
130

    
131
/* navigation */
132
.navbar {
133
    margin-bottom: 10px;
134
}
135

    
136
.navbar-inverse {
137
    background-color: #212121;
138
}
139

    
140
.navbar-brand > img {
141
    /* reduce logo size */
142
    max-width: 127px;
143
    max-height: 36px;
144
    width: auto;
145
    height: auto;
146
}
147

    
148
.navbar-brand {
149
    padding: 7px 0 0 5px;
150
}
151

    
152
.nav>li>a {
153
    padding: 14px 19px 10px 19px;
154
    border-bottom: 5px solid #F5F5F5;
155
    border-radius: 0;
156
    color: #B71C1C;
157
}
158

    
159
.nav>li>a:focus, .nav>li>a:hover {
160
    border-bottom: 5px solid #B71C1C;
161
    background-color: #f5f5f5;
162
}
163

    
164
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav li.open>a, .nav li.open>a:focus, .nav-pills>li.active>a:hover {
165
    border-bottom: 5px solid #B71C1C;
166
    color: #B71C1C;
167
    background-color: #F5F5F5;
168
}
169

    
170
.navbar-inverse .navbar-nav >li>a {
171
    border-bottom: 5px solid #212121;
172
    color: #BDBDBD;
173
}
174

    
175
.nav-tabs>li>a {
176
    border-bottom: 5px solid #F5F5F5;
177
    margin-bottom: 1px;
178
}
179

    
180
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover {
181
    border-left: 1px solid #F5F5F5;
182
    border-right: 1px solid #F5F5F5;
183
    border-top: 1px solid #F5F5F5;
184
    background-color: #F5F5F5;
185
    border-bottom: 5px solid #B71C1C;
186
    margin-bottom: 0;
187
    color: #B71C1C;
188
    box-shadow: none;
189
}
190

    
191
.nav-tabs {
192
    border-bottom: 1px solid #B71C1C;
193
    margin-bottom: 15px;
194
}
195

    
196
.nav-pills {
197
    margin-bottom: 20px;
198
}
199

    
200
.dropdown-menu>li>a {
201
    padding: 5px 20px;
202
}
203

    
204
.navbar-right>li>a {
205
    padding: 14px 15px 10px 15px;
206
}
207
/* end navigation */
208

    
209
.alert {
210
    border-radius: 0;
211
    box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
212
}
213

    
214
.panel {
215
    margin-bottom: 10px;
216
    border-radius: 0;
217
    box-shadow: 0px 3px 7px rgba(0,0,0,.1);
218
}
219

    
220
.panel-default>.panel-heading {
221
    color: #fff;
222
    background-color: #424242;
223
    letter-spacing: 1px;
224
}
225

    
226
.panel-heading {
227
    padding: 5px 15px;
228
    border-radius: 0;
229
}
230

    
231
.panel-heading a:link, .panel-heading a:visited {
232
    color: white;
233
}
234

    
235
.panel-title {
236
    font-size: 16px;
237
}
238

    
239
.panel-body {
240
    padding: 0px;
241
}
242

    
243
#login .panel-heading {
244
    padding: 10px 15px
245
}
246

    
247
.content {
248
    padding: 10px;
249
}
250

    
251
.form-horizontal {
252
    margin-bottom: 10px;
253
    overflow: hidden;
254
}
255

    
256
.form-horizontal .checkbox {
257
    padding: 3px 16px;
258
}
259

    
260
.form-control {
261
    height: 24px;
262
    padding: 0 6px;
263
    margin-bottom: 5px;
264
}
265

    
266
.form-control option {
267
    padding: inherit;
268
}
269

    
270
/* location of bottom right drag icon on resizable elements */
271
.ui-resizable-se {
272
	bottom: 2px;
273
	right: 46px;
274
}
275

    
276
#login .form-control {
277
    height: 34px;
278
}
279

    
280
#login .form-group {
281
    border: none;
282
}
283

    
284
.form-group {
285
    margin: 0;
286
    padding: 7px 5px 5px 5px;
287
    border-bottom: 1px solid #E0E0E0;
288
}
289

    
290
.form-group:last-child {
291
    border-bottom: none;
292
}
293

    
294
.input-group-addon {
295
    padding: 0 12px;
296
}
297

    
298
.table {
299
    margin-bottom: 0;
300
}
301

    
302
.table>tbody>tr>td {
303
    padding: 6px 4px 6px 10px;
304
}
305

    
306
/* active table row */
307
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
308
    background-color: #BDBDBD;
309
}
310

    
311
/* active table row on hover */
312
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
313
    background-color: #BDBDBD;
314
}
315

    
316
.popover {
317
    max-width: none;
318
}
319

    
320
.help-block {
321
    margin-bottom: 0;
322
}
323

    
324
.action-buttons {
325
    text-align: right;
326
    margin-top: 10px;
327
    margin-bottom: 20px;
328
}
329

    
330
/** Form validation */
331
.input-errors ul {
332
    margin-top: 20px;
333
}
334

    
335
/** Page header with title and breadcrumb */
336
.header {
337
    position: relative;
338
    margin: 10px 0 20px 0;
339
    box-shadow: 0px 1px 10px rgba(0,0,0,.3);
340
    margin-bottom: 10px;
341
    background-color: #E0E0E0;
342
}
343

    
344
.header .context-links {
345
    position: absolute;
346
    right: 15px;
347
    top: 15px;
348
}
349

    
350
.header .context-links li {
351
    float: left;
352
    display: inline;
353
    margin-left: 10px;
354
}
355

    
356
.breadcrumb {
357
    background-color: #E0E0E0;
358
    font-size: 22px;
359
}
360

    
361
.breadcrumb>li+li:before {
362
    color: #B71C1C;
363
}
364

    
365
ul.context-links li a {
366
    color: #B71C1C;
367
}
368

    
369
/** Form tweaks */
370
form .btn + .btn {
371
    margin-left: 5px;
372
}
373

    
374
.input-group-inbetween {
375
    border-left: 0;
376
}
377

    
378
.user-duplication .controls {
379
    margin-top: 10px;
380
}
381

    
382
.checkbox.multi label {
383
    display: block;
384
}
385

    
386
.checkbox.multi .btn {
387
    margin-top: 5px;
388
}
389

    
390
.col-sm-10 .form-control {
391
    width: calc(50% - 15px);
392
}
393

    
394
@media (max-width: 991px) {
395
    .col-sm-10 .form-control {
396
        width: 100%;
397
    }
398
}
399

    
400
/** Page footer */
401
.footer {
402
    position: absolute;
403
    bottom: 0;
404
    left: 0;
405
    width: 100%;
406
    height: 60px;
407
    background-color: #212121;
408
    padding-top: 10px;
409
    text-align: center;
410
}
411

    
412
footer a {
413
    color: #ffffff;
414
}
415

    
416

    
417
/** Homepage / dashboard */
418
[id^="widgets-col"] {
419
    min-height: 300px;
420
}
421

    
422
.widget .panel-heading {
423
    background-color: #757575;
424
}
425

    
426
#widgetSequence {
427
    position: fixed;
428
    left: 0;
429
    bottom: 0;
430
    padding: 20px 0;
431
    width: 100%;
432
    z-index: 100;
433
    text-align: center;
434
    background: rgba(255, 255, 255, 0.6);
435
    border-top: 1px solid #ddd;
436
}
437

    
438
/** Styling for jQuery autocomplete widget */
439
.ui-autocomplete {
440
    position: absolute;
441
    top: 100%;
442
    left: 0;
443
    z-index: 1000;
444
    float: left;
445
    display: none;
446
    min-width: 160px;
447
    padding: 4px 0;
448
    margin: 0 0 10px 25px;
449
    list-style: none;
450
    background-color: #ffffff;
451
    border-color: #ccc;
452
    border-color: rgba(0, 0, 0, 0.2);
453
    border-style: solid;
454
    border-width: 1px;
455
    -webkit-border-radius: 5px;
456
    -moz-border-radius: 5px;
457
    border-radius: 5px;
458
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
459
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
460
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
461
    -webkit-background-clip: padding-box;
462
    -moz-background-clip: padding;
463
    background-clip: padding-box;
464
    *border-right-width: 2px;
465
    *border-bottom-width: 2px;
466
}
467

    
468
/** Disable the autocomplete helper text */
469
.ui-helper-hidden-accessible {
470
    border: 0;
471
    clip: rect(0 0 0 0);
472
    height: 1px;
473
    margin: -1px;
474
    overflow: hidden;
475
    padding: 0;
476
    position: absolute;
477
    width: 1px;
478
}
479

    
480
/** Override the bootstrap progress bar margins */
481
.progress {
482
    margin-bottom: 0px;
483
    height: 14px;
484
}
485

    
486
#wizard .progress {
487
    margin-bottom: 10px;
488
}
489

    
490
.progress-bar {
491
    background-color: #B71C1C;
492
}
493

    
494
.progress-bar.progress-bar-success {
495
    background-color: #4CAF50;
496
}
497

    
498
.progress-bar.progress-bar-warning {
499
    background-color: #FBC02D;
500
}
501

    
502
.progress-bar.progress-bar-danger {
503
    background-color: #B71C1C;
504
}
505

    
506
.panel-body.collapse.in {
507
    overflow-x: auto;
508
}
509

    
510
/** start common colors */
511
.alert-warning {
512
    color: #FF6F00;
513
    background-color: #FFFDE7;
514
    border-color: #FFECB3;
515
    border-top: 5px solid #FFD600;
516
}
517

    
518
.alert-success {
519
    color: #1B5E20;
520
    background-color: #E8F5E9;
521
    border-color: #DCEDC8;
522
    border-top: 5px solid #1B5E20;
523
}
524

    
525
.alert-info {
526
    color: #01579B;
527
    background-color: #E1F5FE;
528
    border-color: #B2EBF2;
529
    border-top: 5px solid #01579B;
530
}
531

    
532
.bg-primary {
533
    color: #000;
534
    background-color: #009688;
535
}
536

    
537
.bg-info {
538
    color: #01579B;
539
    background-color: #B3E5FC;
540
}
541

    
542
.bg-danger {
543
    color: #000;
544
    background-color: #EF9A9A;
545
}
546

    
547
.bg-warning {
548
    color: #000;
549
    background-color: #FFF9C4;
550
}
551

    
552
.bg-success {
553
    color: #1B5E20;
554
    background-color: #C8E6C9;
555
}
556

    
557
.btn-success {
558
    background-color: #43A047;
559
}
560

    
561
.btn-danger {
562
    background-color: #B71C1C;
563
}
564

    
565
.btn-primary {
566
    background-color: #1976D2;
567
}
568

    
569
.text-warning {
570
    color: #F57F17;
571
}
572

    
573
.text-success {
574
    color: #4CAF50;
575
}
576

    
577
.text-danger {
578
    color: #B71C1C;
579
}
580
/** end common colors */
581

    
582
.table-hover>tbody>tr.hover-success:hover {
583
    color: #000;
584
    background-color: #A5D6A7;
585
}
586

    
587
.table-hover>tbody>tr.hover-danger:hover {
588
    color: #000;
589
    background-color: #EF9A9A;
590
}
591

    
592
.table-hover>tbody>tr.hover-warning:hover {
593
    color: #000;
594
    background-color: #FFF9C4;
595
}
596

    
597
/** icons are often used with onclick actions, so we need the cursor to change to a pointer */
598
.icon-pointer
599
{
600
    cursor: pointer;
601
}
602

    
603
.icon-embed-btn
604
{
605
    font-size: 15px;
606
    vertical-align: middle;
607
    color: white;
608
    padding-right: 22px;
609
    padding-bottom: 17px;
610
    margin-top: -0.125em;
611
    width: 14px;
612
    height: 14px
613
}
614

    
615
/* Used when you need an icon to act as a submit button **/
616
.button-icon
617
{
618
    color: #337AB7;
619
    background: none;
620
    border: 0px;
621
}
622

    
623
.btn
624
{
625
    padding-right: 4px;
626
    padding-left: 4px;
627
}
628

    
629
.btn-group .btn {
630
    margin-right: 5px;
631
}
632

    
633
.btn-group .btn:last-child {
634
    margin-right: 0px;
635
}
636

    
637
.list-group {
638
    margin-bottom: 0;
639
}
640

    
641
/* icons in the dashboard panel headings should pull-right **/
642
.widget-heading-icon
643
{
644
    display: block;
645
    float: right;
646
}
647

    
648
.widget-heading-icon .fa {
649
    color: #fff;
650
}
651

    
652
.widget-heading-icon .fa:hover {
653
    color: #e0e0e0;
654
}
655

    
656
/* All pfSense textareas benefit from using a fixed width font **/
657
textarea
658
{
659
    font-family: monospace;
660
    font-size: 12px;
661
    -moz-tab-size: 4;
662
    -o-tab-size: 4;
663
}
664

    
665
/*
666
 * CSS for Standard tree layout
667
 * Copyright (C) 2005 SilverStripe Limited
668
 * Feel free to use this on your websites, but please leave this message in the fies
669
 * http://www.silverstripe.com/blog
670
 */
671

    
672
ul.tree{
673
    width: auto;
674
    padding-left: 0px;
675
    margin-left: 0px;
676
}
677

    
678
ul.tree img{
679
    border: none;
680
}
681

    
682
ul.tree, ul.tree ul {
683
    padding-left: 0;
684
}
685

    
686
ul.tree ul {
687
    margin-left: 16px;
688

    
689
}
690

    
691
ul.tree li.closed ul {
692
    display: none;
693
}
694

    
695
ul.tree li {
696
    list-style: none;
697
    background: url(../../vendor/tree/i-repeater.gif) 0 0 repeat-y;
698
    display: block;
699
    width: auto;
700
}
701

    
702
ul.tree li.last {
703
    list-style: none;
704
    background-image: none;
705
}
706

    
707
/* Span-A: I/L/I glpyhs */
708
ul.tree span.a {
709
    background: url(../../vendor/tree/t.gif) 0 50% no-repeat;
710
    display: block;
711
}
712

    
713
ul.tree span.a.last {
714
    background: url(../../vendor/tree/l.gif) 0 50% no-repeat;
715
}
716

    
717
/* Span-B: Plus/Minus icon */
718
ul.tree span.b {
719

    
720
}
721

    
722
ul.tree span.a.children span.b {
723
    background: url(../../vendor/tree/minus.gif) 0 50% no-repeat;
724
    cursor: pointer;
725
}
726

    
727
ul.tree li.closed span.a.children span.b {
728
    background: url(../../vendor/tree/plus.gif) 0 50% no-repeat;
729
    cursor: pointer;
730
}
731

    
732
/* Span-C: Spacing and extending tree line below the icon */
733
ul.tree span.c {
734
    margin-left: 16px;
735
}
736

    
737
ul.tree span.a.children span.c {
738
    background: url(../../vendor/tree/i-bottom.gif) 0 50% no-repeat;
739
}
740

    
741
ul.tree span.a.spanClosed span.c {
742
    background-image: none;
743
}
744

    
745
/* Anchor tag: Page icon */
746
ul.tree a  {
747
    white-space: nowrap;
748
    overflow: hidden;
749
    padding: 3px 0px 3px 18px;
750
    line-height: 16px;
751
    background: url(../../vendor/tree/page-file.png) 0 0 no-repeat;
752
}
753

    
754
ul.tree span.a.children a {
755
    background-image: url(../../vendor/tree/page-openfoldericon.png);
756
}
757

    
758
ul.tree span.a.children.spanClosed a {
759
    background-image: url(../../vendor/tree/page-foldericon.png);
760
}
761

    
762
/* Unformatted tree */
763
ul.tree.unformatted li {
764
    background-image: none;
765
    padding-left: 16px;
766
}
767

    
768
ul.tree.unformatted li li {
769
    background-image: none;
770
    padding-left: 0px;
771
}
772

    
773
/* Divs, by default store vertically aligned data */
774

    
775
ul.tree li div {
776
    float: right;
777
    clear: right;
778
    height: 1em;
779
    margin-top: -26px;
780
}
781

    
782
/* As inside DIVs should be treated normally */
783
ul.tree div a  {
784
    padding: 0;
785
    background-image: none;
786
    min-height: auto;
787
    height: auto;
788
}
789

    
790
ul.tree li .over{
791
    background-color: pink;
792
}
793

    
794
/*
795
 * End of CSS for Standard tree layout
796
 */
797

    
798
table[data-sortable].sortable-theme-bootstrap {
799
    font-family: Roboto, sans-serif;
800
}
801

    
802
table[data-sortable].sortable-theme-bootstrap thead th {
803
    white-space: nowrap;
804
}
805

    
806
@media (max-width: 1199px) {
807
    .nav>li>a {
808
        padding: 14px 9px 10px 9px;
809
    }
810
}
811

    
812
@media (max-width: 991px) {
813
    /* change top navbar from horizontal to vertical */
814
    .navbar-header {
815
        float: none;
816
    }
817
    .navbar-toggle {
818
        display: block;
819
    }
820
    .navbar-collapse {
821
        border-top: 1px solid transparent;
822
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
823
    }
824
    .navbar-collapse.collapse {
825
        display: none!important;
826
    }
827
    .navbar-nav {
828
        float: none!important;
829
        margin: 7.5px -15px;
830
    }
831
    .navbar-nav>li {
832
        float: none;
833
    }
834
    .navbar-nav>li>a {
835
        padding-top: 10px;
836
        padding-bottom: 10px;
837
    }
838
    .navbar-text {
839
        float: none;
840
        margin: 15px 0;
841
    }
842
    /* since 3.1.0 */
843
    .navbar-collapse.collapse.in {
844
        display: block!important;
845
    }
846
    .collapsing {
847
        overflow: hidden!important;
848
    }
849
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
850
        max-height: none !important;
851
    }
852
}
853

    
854
@media (max-width: 767px) {
855
    .header {
856
        margin-bottom: 5px;
857
    }
858

    
859
    .breadcrumb {
860
        font-size: 14px;
861
        padding: 15px;
862
        width: 50%;
863
    }
864

    
865
    .breadcrumb li:not(:last-child), .breadcrumb>li+li:before {
866
        display: none;
867
    }
868
}
869

    
870
/** Override text-warning with something less red. */
871
.text-warning {
872
    color: #ffcc00;
873
}
874

    
875
/**Suppress href links when printing */
876
a[href]:after {
877
    content: normal;
878
}
879

    
880
/** Text color for diff display when comapring configs */
881
.diff-text {
882
    color: #000000;
883
}
884

    
885
/** Eliminate overflow in available widgets, log filter, and manage log panels. (cause of scroll bar) */
886
#widget-available_panel-body>.content>.row,
887
#filter-panel_panel-body>.form-group,
888
#manage-log-panel_panel-body>.form-group,
889
#monitoring-settings-panel_panel-body>.form-group,
890
/** optionally prevent more globally by using the class hierarchy */
891
.panel-body.collapse.in>.content>.row,
892
.panel-body.collapse.in>.form-group
893
{
894
    margin-right: 0px;
895
}
896

    
897
/* Callouts */
898
.bs-callout {
899
    padding: 10px 15px;
900
    margin: 20px 0;
901
    border: 2px solid #eee;
902
    border-left-width: 5px;
903
    border-radius: 3px;
904
    font-size: 13px;
905
}
906

    
907
.bs-callout h4 {
908
    margin-top: 0;
909
    margin-bottom: 5px;
910
}
911

    
912
.bs-callout p:last-child {
913
    margin-bottom: 0;
914
}
915

    
916
.bs-callout code {
917
    border-radius: 3px;
918
}
919

    
920
.bs-callout+.bs-callout {
921
    margin-top: -5px;
922
}
923

    
924
/* Callout contextual classes */
925
.bs-callout-default {
926
    border-left-color: #777;
927
}
928

    
929
.bs-callout-default h4 {
930
    color: #777;
931
}
932

    
933
.bs-callout-danger {
934
    border-left-color: #d9534f;
935
}
936

    
937
.bs-callout-danger h4 {
938
    color: #d9534f;
939
}
940

    
941
.bs-callout-warning {
942
    border-left-color: #f0ad4e;
943
}
944

    
945
.bs-callout-warning h4 {
946
    color: #f0ad4e;
947
}
948

    
949
.bs-callout-info {
950
    border-left-color: #01579B;
951
}
952

    
953
.bs-callout-info h4 {
954
    color: #01579B;
955
}
956

    
957
/* Disable 300 ms click delay so event handlers are effective. */
958
/* Makes posible for non-touch compatible features to work; e.g. double tap rule to edit. */
959
body{
960
    touch-action: manipulation;
961
}
962

    
963
/* D3 Styles */
964

    
965
svg {
966
    display: block;
967
}
968

    
969
.d3-chart, .d3-chart svg {
970
    margin: 0px;
971
    padding: 10px 0;
972
    height: 445px;
973
    width: 100%;
974
}
975

    
976
.traffic-widget-chart, .traffic-widget-chart svg {
977
    padding: 0;
978
    height: 250px;
979
}
980

    
981
.traffic-widget-chart:not(:last-child) {
982
    border-bottom: 2px solid #ccc;
983
}
984

    
985
.d3-chart .nvtooltip > h3 {
986
    font-size: 14px;
987
}
988

    
989
/* Experimental styles to correct vertical alignment in forms */
990
.col-sm-10 {
991
    padding-top: 7px;
992
}
993

    
994
.chkboxlbl {
995
    padding-top: 4px;
996
}
997

    
998
.colspanth {
999
    background-color: #eeeeee;
1000
}
(5-5/5)