1body {
2  font-family: Verdana, Arial, Helvetica, sans-serif;
3  margin: 0px;
4  padding: 0px;
5  padding-bottom: 50px;
6  padding-top: 50px;
7  background: rgb(255,255,255); /* Old browsers */
8  color: #555;
9  font-size: 10pt;
10  line-height: 20px;
11}
12
13ul { margin: 0px; padding: 0px; list-style: disc outside; }
14ul ul { list-style: circle outside; }
15ul ul ul { list-style: square outside; }
16
17.rounded-2px {
18  /* Rounded Corners */
19  -moz-border-radius: 2px;
20  -webkit-border-radius: 2px;
21  border-radius: 2px;
22}
23
24.rounded-3px {
25  /* Rounded Corners */
26  -moz-border-radius: 3px;
27  -webkit-border-radius: 3px;
28  border-radius: 3px;
29}
30
31.rounded-5px {
32  /* Rounded Corners */
33  -moz-border-radius: 5px;
34  -webkit-border-radius: 5px;
35  border-radius: 5px;
36}
37
38.rounded-10px {
39  /* Rounded Corners */
40  -moz-border-radius: 10px;
41  -webkit-border-radius: 10px;
42  border-radius: 10px;
43}
44
45.pagemenu-selected {
46  font-weight: bold;
47  background-color: #dfdfdf;
48
49  border: 1px solid #c0c0c0;
50
51  padding:3px 8px 4px 8px;
52
53  /* Rounded Corners */
54  -moz-border-radius: 10px;
55  -webkit-border-radius: 10px;
56  border-radius: 10px;
57
58  -webkit-box-shadow: #CCC 0 0 2px;
59  -moz-box-shadow: #CCC 0 0 2px;
60  box-shadow: #CCC 0 0 2px;
61
62
63}
64
65.submit {
66  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAATCAIAAAA4QDsKAAAABGdBTUEAALGPC/xhBQAAAEZJREFUeJyVjMEJACEQA2dlSxD7r2/xcdhAfNwJig/PfJIhISaJocQk/9ccwTDAEYAQ4K99sylfXm+gtbFl1p4WNUouUaMDPUI2q6SigUIAAAAASUVORK5CYII=');
67  background-position: 0 100%;
68  border-color: #B2B2B2 #525252 #525252 #B2B2B2;
69}
70.submit#hover {
71 border-color: #000;
72}
73
74.rounded {
75  display:block;
76}
77.rounded * {
78  display: block;
79  height: 1px;
80  overflow: hidden;
81  font-size: .01em;
82  background: #e0e5e5;
83}
84.rounded1 {
85  margin-left: 3px;
86  margin-right: 3px;
87  padding-left: 1px;
88  padding-right: 1px;
89  border-left: 1px solid #f3f36b;
90  border-right: 1px solid #f3f36b;
91  background: #ebebaf;
92}
93.rounded2 {
94  margin-left: 1px;
95  margin-right: 1px;
96  padding-right: 1px;
97  padding-left: 1px;
98  border-left: 1px solid #fcfc24;
99  border-right: 1px solid #fcfc24;
100  background: #e9e9bc;
101}
102.rounded3 {
103  margin-left: 1px;
104  margin-right: 1px;
105  border-left: 1px solid #e9e9bc;
106  border-right: 1px solid #e9e9bc;
107}
108.rounded4 {
109  border-left: 1px solid #f3f36b;
110  border-right: 1px solid #f3f36b;
111}
112.rounded5 {
113  border-left: 1px solid #ebebaf;
114  border-right: 1px solid #ebebaf;
115}
116.roundedfg {
117  background: #e0e5e5;
118}
119
120.content-box {display: block}
121.content-box * {
122  display: block;
123  height: 1px;
124  overflow: hidden;
125  font-size: .01em;
126  background: #e0e5e5;
127}
128.content-box1 {
129  margin-left: 3px;
130  margin-right: 3px;
131  padding-left: 1px;
132  padding-right: 1px;
133  border-left: 1px solid #f3f3f3;
134  border-right: 1px solid #f3f3f3;
135  background: #ebebeb;
136}
137.content-box2 {
138  margin-left: 1px;
139  margin-right: 1px;
140  padding-right: 1px;
141  padding-left: 1px;
142  border-left: 1px solid #FBFBFB;
143  border-right: 1px solid #FBFBFB;
144  background: #e9e9e9;
145}
146.content-box3 {
147  margin-left: 1px;
148  margin-right: 1px;
149  border-left: 1px solid #e9e9e9;
150  border-right: 1px solid #e9e9e9;
151}
152.content-box4 {
153  border-left: 1px solid #f3f3f3;
154  border-right: 1px solid #f3f3f3;
155}
156.content-box5 {
157  border-left: 1px solid #ebebeb;
158  border-right: 1px solid #ebebeb;
159}
160.content-boxfg {
161  background: #e0e5e5;
162}
163
164.box-info {display: block}
165.box-info * {
166  display:block;
167  height:1px;
168  overflow:hidden;
169  font-size:.01em;
170  background:#aaffaa;
171}
172.box-info1 {
173  margin-left:3px;
174  margin-right:3px;
175  padding-left:1px;
176  padding-right:1px;
177  border-left:1px solid #cbf0cb;
178  border-right:1px solid #cbf0cb;
179  background:#b8f8b8;
180}
181.box-info2 {
182  margin-left:1px;
183  margin-right:1px;
184  padding-right:1px;
185  padding-left:1px;
186  border-left:1px solid #dfe7df;
187  border-right:1px solid #dfe7df;
188  background:#b5fab5;
189}
190.box-info3 {
191  margin-left:1px;
192  margin-right:1px;
193  border-left:1px solid #b5fab5;
194  border-right:1px solid #b5fab5;
195}
196.box-info4 {
197  border-left:1px solid #cbf0cb;
198  border-right:1px solid #cbf0cb;
199}
200.box-info5 {
201  border-left:1px solid #b8f8b8;
202  border-right:1px solid #b8f8b8;
203}
204.box-infofg {
205  background:#aaffaa;
206}
207
208.box-warn {display:block}
209.box-warn * {
210  display:block;
211  height:1px;
212  overflow:hidden;
213  font-size:.01em;
214  background:#AAAAFF;
215}
216.box-warn1 {
217  margin-left:3px;
218  margin-right:3px;
219  padding-left:1px;
220  padding-right:1px;
221  border-left:1px solid #dadaff;
222  border-right:1px solid #dadaff;
223  background:#bfbfff;
224}
225.box-warn2 {
226  margin-left:1px;
227  margin-right:1px;
228  padding-right:1px;
229  padding-left:1px;
230  border-left:1px solid #f6f6ff;
231  border-right:1px solid #f6f6ff;
232  background:#babaff;
233}
234.box-warn3 {
235  margin-left:1px;
236  margin-right:1px;
237  border-left:1px solid #babaff;
238  border-right:1px solid #babaff;
239}
240.box-warn4 {
241  border-left:1px solid #dadaff;
242  border-right:1px solid #dadaff;
243}
244.box-warn5 {
245  border-left:1px solid #bfbfff;
246  border-right:1px solid #bfbfff;
247}
248.box-warnfg {
249  background:#AAAAFF;
250}
251
252.box-alert {display:block}
253.box-alert * {
254  display:block;
255  height:1px;
256  overflow:hidden;
257  font-size:.01em;
258  background:#FFAAAA;
259}
260.box-alert1 {
261  margin-left:3px;
262  margin-right:3px;
263  padding-left:1px;
264  padding-right:1px;
265  border-left:1px solid #ffdada;
266  border-right:1px solid #ffdada;
267  background:#ffbfbf;
268}
269.box-alert2 {
270  margin-left:1px;
271  margin-right:1px;
272  padding-right:1px;
273  padding-left:1px;
274  border-left:1px solid #fff6f6;
275  border-right:1px solid #fff6f6;
276  background:#ffbaba;
277}
278.box-alert3 {
279  margin-left:1px;
280  margin-right:1px;
281  border-left:1px solid #ffbaba;
282  border-right:1px solid #ffbaba;
283}
284.box-alert4 {
285  border-left:1px solid #ffdada;
286  border-right:1px solid #ffdada;
287}
288.box-alert5 {
289  border-left:1px solid #ffbfbf;
290  border-right:1px solid #ffbfbf;
291}
292.box-alertfg {
293  background:#FFAAAA;
294}
295
296img  { border: 0; }
297
298A.sectionhead         { text-decoration: none; color: #555; }
299A.sectionhead:link    { text-decoration: none; color: #555; }
300A.sectionhead:visited { text-decoration: none; color: #555; }
301A.sectionhead:hover   { text-decoration: none; color: #555; }
302A.sectionhead:active  { text-decoration: none; color: #555; }
303
304A.red:visited, A.red, .red          { color: #CC0000; }
305A.grey:visited, A.grey, .grey       { color: #36393D; }
306A.black:visited, A.black, .black    { color: #000000; }
307A.green:visited, A.green, .green    { color: #008C00; }
308A.blue:visited, A.blue, .blue       { color: #0000ff; }
309A.orange:visited, a.orange, .orange { color: #FF7400; }
310A.purple:visited, a.purple, .purple { color: #740074; }
311
312
313.pinkbg  { background-color: #ffbbbb; }
314.redbg   { background-color: #ff8585; }
315.bluebg  { background-color: #aaaaff; }
316.greenbg { background-color: #aaffaa; }
317.greybg  { background-color: #DEEFEF; }
318.blackbg { background-color: #000000; }
319
320.selector {
321  width:275px;
322}
323
324.page-h2 {
325  font-size: 14px;
326  font-weight: bold;
327  vertical-align: top;
328}
329
330.header-text {
331  font-size: 16px;
332  font-style: normal;
333  font-weight: bold;
334  color: #000000;
335}
336
337.interface-header {
338  font-size: 20px;
339  font-style: normal;
340  font-weight: bold;
341  color: #000000;
342}
343
344.graphhead, .sectionhead {
345  font-size: 15px;
346  font-style: normal;
347  font-weight: bold;
348  color: #555;
349}
350
351.graph-all-common {
352  display: block;
353  padding: 1px;
354  margin: 2px;
355  min-height:180px;
356  max-height:180px;
357  text-align: center;
358  float: left;
359  background-color: #f5f5f5;
360}
361
362.tablehead {
363  font-weight: bold;
364  font-size: 13px;
365  font-style: normal;
366  font-weight: bold;
367  color: #666;
368}
369
370.box-desc {
371  font-size: 12px;
372}
373
374.interface-desc {
375  font-size: 11px;
376  font-style: normal;
377}
378
379.syslog {
380  font-size: 12px;
381  font-style: normal;
382  color: #000000;
383}
384
385.page-header, .device-header {
386  font-size: 24px;
387  font-weight: bold;
388  color: black;
389}
390
391.top-subtitle {
392  font-size: 22px;
393  font-weight: bold;
394  vertical-align: middle;
395}
396
397.device-header {
398  font-size: 20px;
399}
400
401.device-head {
402  font-size: 16px;
403  font-weight: bold;
404}
405
406.list-device-down {
407  color: #cc0000;
408}
409
410.device-overview>.panel-body { padding-top: 0; padding-bottom: 0; }
411.device-overview>.panel-body>.row:nth-child(odd) { background-color: #f9f9f9; }
412.device-overview>.panel-body>.row:hover { background-color: #f5f5f5; }
413.device-overview>.panel-body>.row>div { padding: 3px 5px; }
414.device-overview>.panel-body>.row>div:first-child { font-weight: 500; }
415
416#coordinates-row { cursor: pointer; }
417#location-map { padding: 15px; height: 400px; }
418
419a.list-device, a.list-device-ignored, a.list-device-down, a.list-device-ignored-up, a.list-device-disabled {
420  font-weight: bold;
421}
422
423tr.list-device, tr.list-device-ignored, tr.list-device-down, tr.list-device-ignored-up, tr.list-device-disabled {
424}
425
426tr.list-device:nth-child(even) {
427  background: #ffffff;
428}
429
430tr.list-device:nth-child(odd) {
431  background: #eeeeee;
432}
433
434tr.list-device-down {
435  border: 2px solid #cc0000;
436}
437
438tr.list-device-disabled {
439  border: 2px solid #aaaaaa;
440}
441
442tr.list-device-ignored {
443  border: 2px dashed #cc0000;
444}
445
446tr.list-device-ignored-up {
447  border: 2px dashed #aaaaaa;
448}
449
450.device-head, a.list-device {
451  color: #23527c;
452}
453
454a.list-device-down, a.list-device-down, a.list-device-down:visited {
455   color: #cc0000;
456}
457
458a.list-device-ignored-up {
459  color: #006600;
460}
461
462a.list-device-disabled, a.list-device-disabled:visited {
463  color: #999999;
464}
465
466.front-page {
467  padding: 3px 10px;
468  background: #fff;
469}
470
471.front-page-bgp-normal {
472}
473
474.front-page-bgp-small {
475  font-size: 10px;
476}
477
478.front-box {
479  text-align: center;
480  margin: 1pt;
481  border: solid 1pt #C0C0C0;
482  float: left;
483  margin-right: 1pt;
484  padding: 3px;
485  width: 117px;
486  height: 85px;
487  overflow: hidden;
488
489  /* Rounded corners */
490  -moz-border-radius: 2pt 2pt 2pt 2pt;
491  -webkit-border-radius: 2pt 2pt 2pt 2pt;
492  border-radius: 2pt 2pt 2pt 2pt;
493}
494
495.boxes {
496  vertical-align: middle;
497}
498
499.box {
500  width: 500px;
501  height: 300px;
502  padding: 0px;
503  vertical-align: middle;
504}
505
506.top10 {
507  padding: 0px;
508  margin: 0px;
509}
510
511.welcome {
512  padding-right: 25px;
513}
514
515table.simple {
516  border: 0px;
517  padding: 0px;
518  margin: 0px;
519  width: 100%;
520  text-align: left;
521}
522
523.left-2-col-fluid {
524  display: table-cell;
525  margin-right: 400px;
526/*  width: 100%; */
527/*  vertical-align: top;*/
528}
529
530.right-2-col-fixed {
531  display: table-cell;
532  width: 350px;
533  height: 300px;
534  float: right;
535/*  vertical-align: top;*/
536
537  /* Rounded Corners */
538  -moz-border-radius: 4px;
539  -webkit-border-radius: 4px;
540  border-radius: 4px;
541
542  /* Borders */
543  border: 1px solid #aaaaaa;
544  padding: 5px;
545}
546
547.front-syslog {
548  margin: 4px;
549  clear: both;
550  padding: 5px;
551}
552
553.front-eventlog {
554  margin: 4px;
555  clear: both;
556  padding: 5px;
557}
558
559.device-down {
560  background: #ffd7d7;
561}
562
563.port-down {
564  background: #ffdd99;
565}
566
567.device-rebooted {
568  background: #bbffbb;
569}
570
571.service-down .bgp-down {
572  background: #ffaaaa;
573}
574
575.footer-text {
576  font-size: 12px;
577  font-style: normal;
578  font-weight: bold;
579  color: #FFFFFF;
580}
581
582.header-text-3 {
583  font-size: 13px;
584  font-style: normal;
585  font-weight: bold;
586  color: #ffffff;
587}
588
589.body-1 {
590  font-size: 13px;
591  font-style: normal;
592  font-weight: normal;
593  color: #000000;
594}
595
596.body-date-1 {
597  font-size: 10px;
598  font-style: normal;
599  font-weight: normal;
600  color: #000000;
601}
602
603.copy {
604  font-size: 10px;
605  font-style: italic;
606  font-weight: normal;
607  color: #000000;
608}
609
610.body-2 {
611  font-size: 14px;
612  font-style: normal;
613  font-weight: normal;
614  color: #000000;
615}
616
617.body-field-1 {
618  font-size: 13px;
619  font-style: normal;
620  font-weight: bold;
621  color: #000000;
622}
623
624.body-head-1 {
625  font-size: 16px;
626  font-style: normal;
627  font-weight: bold;
628  color: #000000;
629}
630
631.body-head {
632  font-size: 32px;
633  font-style: normal;
634  font-weight: bold;
635  color: #000000;
636}
637
638.body-head-2, .table-head-2 {
639  font-size: 14px;
640  font-style: normal;
641  font-weight: bold;
642  color: #000000;
643}
644
645.table-head-2 {
646  background-color: #cccccc;
647}
648
649.text-more {
650  font-size: 10px;
651  font-style: normal;
652  font-weight: bold;
653  color: #cc0000;
654}
655
656.body-blue {
657  color: #0000CC;
658}
659
660.top-menu:link {
661 color: #DEEFEF;
662 text-decoration: none;
663}
664.top-menu:visited {
665  color: #DEEFEF;
666  text-decoration: none;
667}
668.top-menu:hover {
669  color: #CC0000;
670  text-decoration: none;
671}
672.top-menu:active {
673  color: #000000;
674  text-decoration: none;
675}
676
677.menu-box-dash-off {
678  border: 1px dashed #000000;
679}
680
681.copyright {
682  bottom: 0px;
683  margin: 10px auto;
684  position: relative;
685  background-color: #eeeeee;
686  text-align: center;
687  font-size: 10px;
688  font-style: italic;
689  font-weight: normal;
690  color: #000000;
691  width: 360px;
692  padding: 10px;
693}
694
695form { margin: 0px; padding: 0px; }
696hr { border: 0px; height: 1px; background-color: #ccc; color: #ccc; }
697p { margin: 0px; padding: 0px; }
698
699.vspace { margin-top: 4px; margin-bottom: 4px; }
700p.vspace { padding-top: 3px; padding-bottom: 3px; }
701.content-mat { padding: 0px; margin: auto; display:block; }
702.clearer { clear: both; display: block; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
703
704.borderless-table tr td { border: none }
705
706#header { width: 100%; margin: 0px 0px 0px 0px; bbackground-color: #fff; }
707#header #page-title { color: #555; font: 18pt Arial; font-weight: bold; }
708#header #page-subtitle { color: #555; font: 12pt Arial; font-weight: bold; }
709#header a { color: #eeeeee; }
710
711#main h1 { font-size: 12pt; margin: 0px; padding: 0px; }
712#main h2 { font-size: 11pt; margin: 0px; padding: 0px; }
713#main h3 { font-size: 10pt; margin: 0px; padding: 0px; }
714#main h4 { font-size:  9pt; margin: 0px; padding: 0px; }
715
716#content { margin: 0px; text-align: left; padding: 0px; }
717
718#footer {
719  text-align: center;
720  width: 100%; height: 40px;
721}
722
723#copyright { margin: 0px 12px 0px 11px; padding: 2px 0px; border-top: 1px solid #DEEFEF; font-size: 8pt; }
724
725#topnav {
726  margin: 0px 0px 0px 0px;
727  padding: 0px 0px 0px 0px;
728  text-align: right;
729  font-size: 11px; font-weight: bold;
730}
731
732#topnav ul { margin: 5px 0px 0px 0px; padding: 0px; }
733#topnav ul li { list-style: none; text-indent: 0px; display: inline; padding-right: 10px;}
734#topnav a { color: #000; text-decoration: none;}
735#topnav a:hover { color: #a00;}
736
737#menubar {
738  margin: 0px 0px 0px 0px;
739  padding: 0px 0px 0px 0px;
740  border-bottom: 1px solid #a8a8a8;
741  border-top: 1px solid #a8a8a8;
742  background-color: #e8e8e8;
743  text-align: left;
744  font-size: 10px; font-weight: bold;
745}
746
747#text { width: 1100px; }
748
749#menubar ul { margin: 0px 10px; padding: 0px; }
750#menubar ul li { list-style: none; display: inline; text-indent: 0px; text-align: left; padding-right: 10px; color: #666; }
751#menubar a { color: #666; }
752
753#popupmenu a { color: #aaa; }
754#popupmenu li { color: #aaa; }
755#popupmenu a:hover { color: #fff; }
756#popupmenu li:hover { background: #444; color: #eec; }
757#popupmenu li:hover ul { display: block; }
758#popupmenu ul { padding: 0px; margin: 0px; list-style: none; }
759#popupmenu ul li { padding: 0px 8px; float: left; position: relative;}
760
761#popupmenu li ul {
762  display: none;
763  position: absolute;
764  top: 10px;
765  left: 5px;
766  width: 175px;
767  margin-top: 10px;
768  border-top: 1px solid #888;
769  border-bottom: 1px solid #888;
770  padding-top: 3px;
771  padding-bottom: 4px;
772  background: #444;
773}
774
775#popupmenu li ul li {
776  display: block;
777  clear: both;
778  color: #aaa;
779}
780
781#popupmenu li ul li:hover { color: #aaa; }
782
783#toext { margin-top: 12px; margin-bottom: 12px; font-family: monospace; }
784
785.list-large {
786  font-size: 16px;
787  font-weight: bold;
788}
789
790.list-bold {
791  font-weight: bold;
792}
793
794.graphcell, .ifcell, .devicecell, .datacell { margin: 0px 0px 7px 0px; padding: 7px; border: 0px; background: #e8e8e8; float: left; }
795.ifcell { float: left; clear:right; background:none; }
796
797.datacell { clear: both; }
798.devicecell { margin: 2px auto; }
799
800.sidepane { clear: left; background:none;}
801.mainpane { float: none; clear: right; background:none; }
802
803.nofloat { clear: left; }
804
805.interface, .interface-admindown, a.interface-admindown, a.interface-admindown:visited, .interface-updown, a.interface-updown, a.interface-updown:visited, .interface-upup, a.interface-upup {
806  color: #555;
807}
808
809.interface-updown, a.interface-updown, a.interface-updown:visited {
810  color: #c11;
811}
812
813.interface-upup, a.interface-upup {
814  color: #11a;
815}
816
817a.interface-upup:hover, a.interface-updown:hover, a.interface-admindown:hover {
818  color: #990099;
819}
820
821.interface-admindown, a.list-device-ignored, a.interface-admindown, a.interface-admindown:visited {
822  color: #999999;
823}
824
825.sensor-low, a.sensor-low, a.sensor-low:visited {
826  color: #c11;
827}
828
829.sensor-high, a.sensor-high, a.sensor-high:visited {
830  color: #c11;
831}
832
833.sensor-ok, a.sensor-ok, a.sensor-ok:visited {
834  color: #11a;
835}
836
837a.sensor-ok:hover, a.sensor-low:hover, a.sensor-high:hover {
838  color: #990099;
839}
840
841#top {
842  height:17px;
843  padding:2px 21px 0px 21px;
844  font:normal 11px arial;
845  color: white;
846  }
847
848#top A {
849  color: #aaaaaa;
850}
851
852#container {
853  width:1200px;
854  margin:0 auto;
855}
856
857#logo {
858  padding-left:21px;
859}
860
861.infobox,.infobox-down {
862  border: 2px dashed #AAAACC;
863  background-color: #CCCCFF;
864  padding: 8px;
865  font-size: 12px;
866  margin: 8px;
867}
868
869.infobox .rrd-pre {
870  background-color: #CCCCFF;
871  font-size: 12px;
872  white-space: pre-wrap;
873}
874
875
876.infobox-down {
877
878}
879
880.errorbox {
881  border: 2px dashed #CC0000;
882  background-color: #FFCCCC;
883  padding: 5px;
884  font-size: small;
885  margin: 5px;
886}
887
888.messagebox {
889  border: thin dashed #009900;
890  background-color: #ccffaa;
891  padding: 5px;
892  font-size: small;
893  margin: 5px;
894}
895
896.left {clear:both;}
897
898/* For fancy tabs */
899
900.shadetabs {
901 padding: 0px 5px;
902 margin-left: 0;
903 margin-top: 1px;
904 margin-bottom: 0px;
905 list-style-type: none;
906 text-align: left; /*set to left, center, or right to align the menu as desired*/
907}
908
909.shadetabs li {
910 display: inline;
911 margin: 0;
912}
913
914.shadetabs li a {
915 text-decoration: none;
916 padding: 3px 6px;
917 margin-right: 3px;
918 border: 1px solid #aaa;
919 font-weight: bold;
920 font-size: 12px;
921 color: #5e5e5e;
922
923  /* Gradient background */
924  background:#F4F4F4;
925  background: -moz-linear-gradient(top, #FBFBFB, #DEEFEF);
926  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF));
927
928  /* Rounded Corners */
929  -moz-border-radius: 0px 3px 3px 3px;
930  -webkit-border-radius: 3px 3px 0px 0px;
931  border-radius: 3px 3px 0px 0px;
932
933}
934
935.shadetabs li a img {
936  margin-top: -3px;
937}
938
939
940.shadetabs li a:visited {
941  color: #5e5e5e;
942}
943
944.shadetabs li a:hover {
945  text-decoration: none;
946  color: #029feb;
947
948  /* Gradient background */
949  background:#F4F4F4;
950  background: -moz-linear-gradient(top, #FFF, #CCC);
951  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#CCC));
952
953
954}
955
956.shadetabs li.selected {
957}
958
959.shadetabs li.selected a { /*selected main tab style */
960  border-bottom-color: white;
961  /* Gradient background */
962  background:#EEEEEE;
963  background: -moz-linear-gradient(top, #EEE, #FFFFFF);
964  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFFFFF));
965
966  /* Box Shadow */
967  -moz-box-shadow: 0 -1px 2px #DEEFEF;
968  -webkit-box-shadow: 0 -1px 2px #DEEFEF;
969  box-shadow: 0 -1px 2px #DEEFEF;
970
971}
972
973.shadetabs li.selected a:hover { /*hovered tab style */
974}
975
976.contentstyle {
977  border: 1px solid #aaaaaa;
978  margin-bottom: 1em;
979  padding: 10px;
980  float: left;
981  width: 100%;
982}
983
984.optionicon {
985  vertical-align:middle;
986  margin-top: -4px
987}
988
989/* Navigation Bar */
990
991#menium {
992  list-style:none;
993  margin:0px auto 0px auto;
994  height:30px;
995
996  /* Rounded Corners */
997  -moz-border-radius: 4px;
998  -webkit-border-radius: 4px;
999  border-radius: 4px;
1000
1001  /* Gradient background */
1002  background: #DEEFEF;
1003  background: -moz-linear-gradient(top, #FBFBFB, #DEEFEF);
1004  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF));
1005  background: -ms-linear-gradient(top, #FBFBFB, #DEEFEF);
1006  background: -webkit-linear-gradient(top, #FBFBFB, #DEEFEF);
1007
1008  /* Borders */
1009
1010  border: 1px solid #aaaaaa;
1011
1012  -moz-box-shadow:inset 0px 0px 1px #edf9ff;
1013  -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
1014  box-shadow:inset 0px 0px 1px #edf9ff;
1015}
1016
1017#menium li {
1018  min-width: 80px;
1019  float:left;
1020  text-align:center;
1021  position:relative;
1022
1023  padding-left: 10px;
1024  padding-right: 10px;
1025  padding-top: 2px;
1026  padding-bottom: 2px;
1027
1028  margin:3px 0px 5px 5px;
1029  border:none;
1030/*  background:#EEEEEE;*/
1031}
1032
1033#menium li:hover {
1034  z-index: 100;
1035  border: 1px solid #aaa;
1036  border-bottom: 1px solid #FBFBFB;
1037
1038  padding-left: 9px;
1039  padding-right: 9px;
1040  padding-top: 1px;
1041  padding-bottom: 4px;
1042
1043  margin-bottom: -1px;
1044
1045  /* Gradient background */
1046  background: #EEF7F7;
1047  background: -moz-linear-gradient(top, #DEEFEF, #EEF7F7);
1048  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DEEFEF), to(#EEF7F7));
1049  background: -ms-linear-gradient(top, #DEEFEF, #EEF7F7);
1050  background: -webkit-linear-gradient(top, #DEEFEF, #EEF7F7);
1051
1052  /* Rounded corners */
1053  -moz-border-radius: 3px 3px 0px 0px;
1054  -webkit-border-radius: 3px 3px 0px 0px;
1055  border-radius: 3px 3px 0px 0px;
1056}
1057
1058#menium li .greybox li:hover {
1059  background:#ffffff;
1060  border:1px solid #aaaaaa;
1061  padding:4px 6px 4px 6px;
1062  margin:0px 0px 4px 0px;
1063}
1064
1065#menium li .greybox li {
1066  background:#F4F4F4;
1067  border:1px solid #bbbbbb;
1068  margin:0px 0px 4px 0px;
1069  padding:4px 6px 4px 6px;
1070  width:116px;
1071
1072  /* Rounded Corners */
1073  -moz-border-radius: 5px;
1074  -webkit-border-radius: 5px;
1075  border-radius: 5px;
1076}
1077
1078#menium li.menium-nodrop:hover {
1079  border-bottom: 1px solid #aaa;
1080  -moz-border-radius: 4px 4px 4px 4px;
1081  -webkit-border-radius: 4px 4px 4px 4px;
1082  border-radius: 4px 4px 4px 4px;
1083  padding-bottom: 2px;
1084}
1085
1086#menium li a {
1087  font-weight: bold;
1088  font-size:13px;
1089  color: #5e5e5e;
1090  display:block;
1091  outline:0;
1092  text-decoration:none;
1093  #text-shadow: 1px 1px 1px #000;
1094}
1095
1096#menium li:hover a {
1097  color:#029feb;
1098  #text-shadow: 1px 1px 1px #FFFFFF;
1099}
1100
1101/* Drop Down */
1102
1103.dropdown_1column,
1104.dropdown_2columns,
1105.dropdown_3columns,
1106.dropdown_4columns,
1107.dropdown_5columns {
1108  margin:4px auto;
1109  float:left;
1110  position:absolute;
1111  left:-999em; /* Hides the drop down */
1112  text-align:left;
1113  padding:10px 5px 10px 5px;
1114  border:1px solid #AAA;
1115  border-top:none;
1116
1117  /* Gradient background */
1118  background:#EEF7F7;
1119/*  background: -moz-linear-gradient(top, #FFF, #DEEFEF);
1120   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#DEEFEF));
1121   background: -ms-linear-gradient(top, #FBFBFB, #DEEFEF);
1122   background: -webkit-linear-gradient(top, #FBFBFB, #DEEFEF); */
1123
1124  /* Rounded Corners */
1125  -moz-border-radius: 0px 4px 4px 4px;
1126  -webkit-border-radius: 0px 4px 4px 4px;
1127  border-radius: 0px 4px 4px 4px;
1128}
1129
1130.dropdown_1column  {width: 140px;}
1131.dropdown_2columns {width: 280px;}
1132.dropdown_3columns {width: 420px;}
1133.dropdown_4columns {width: 560px;}
1134.dropdown_5columns {width: 700px;}
1135
1136#menium li:hover .dropdown_1column,
1137#menium li:hover .dropdown_2columns,
1138#menium li:hover .dropdown_3columns,
1139#menium li:hover .dropdown_4columns,
1140#menium li:hover .dropdown_5columns {
1141  left:-1px;
1142  top:auto;
1143}
1144
1145/* Columns */
1146
1147.col_1,
1148.col_2,
1149.col_3,
1150.col_4,
1151.col_5 {
1152  display:inline;
1153  float: left;
1154  position: relative;
1155  margin-left: 5px;
1156  margin-right: 5px;
1157}
1158.col_1 {width:130px;}
1159.col_2 {width:270px;}
1160.col_3 {width:410px;}
1161.col_4 {width:550px;}
1162.col_5 {width:690px;}
1163
1164/* Right alignment */
1165
1166#menium .menu_right {
1167  float:right;
1168  margin-right:0px;
1169}
1170
1171#menium li .align_right {
1172  /* Rounded Corners */
1173  -moz-border-radius: 4px 0px 4px 4px;
1174  -webkit-border-radius: 4px 0px 4px 4px;
1175  border-radius: 4px 0px 4px 4px;
1176}
1177
1178#menium li:hover .align_right {
1179  left:auto;
1180  right:-1px;
1181  top:auto;
1182}
1183
1184/* Drop Down Content Stylings */
1185
1186#menium p, #menium h2, #menium h3, #menium ul li {
1187  line-height:21px;
1188  font-size:12px;
1189  text-align:left;
1190  #text-shadow: 1px 1px 1px #FFFFFF;
1191}
1192
1193#menium h2 {
1194  font-size:21px;
1195  font-weight:400;
1196  letter-spacing:-1px;
1197  margin:7px 0 14px 0;
1198  padding-bottom:14px;
1199  border-bottom:1px solid #666666;
1200}
1201
1202#menium h3 {
1203  font-size:14px;
1204  margin:7px 0 14px 0;
1205  padding-bottom:7px;
1206  border-bottom:1px solid #888888;
1207}
1208
1209#menium p {
1210  line-height:18px;
1211  margin:0 0 10px 0;
1212}
1213
1214#menium li:hover div a {
1215  font-size:12px;
1216  color:#015b86;
1217}
1218
1219#menium li:hover div a:hover {
1220  color:#029feb;
1221}
1222
1223.strong {
1224  font-weight:bold;
1225}
1226
1227.italic {
1228  font-style:italic;
1229}
1230
1231.imgshadow {
1232  background:#FFFFFF;
1233  padding:4px;
1234  border:1px solid #AAA;
1235  margin-top:5px;
1236  -moz-box-shadow:0px 0px 5px #666666;
1237  -webkit-box-shadow:0px 0px 5px #666666;
1238  box-shadow:0px 0px 5px #666666;
1239}
1240
1241.img_left { /* Image sticks to the left */
1242  width:auto;
1243  float:left;
1244  margin:5px 15px 5px 5px;
1245}
1246
1247#menium li .black_box {
1248  background-color:#333333;
1249  color: #eeeeee;
1250  #text-shadow: 1px 1px 1px #000;
1251  padding:4px 6px 4px 6px;
1252
1253  /* Rounded Corners */
1254  -moz-border-radius: 5px;
1255  -webkit-border-radius: 5px;
1256  border-radius: 5px;
1257
1258  /* Shadow */
1259  -webkit-box-shadow:inset 0 0 3px #000000;
1260  -moz-box-shadow:inset 0 0 3px #000000;
1261  box-shadow:inset 0 0 3px #000000;
1262}
1263#menium li ul {
1264  list-style:none;
1265  padding:0;
1266  margin:0 0 12px 0;
1267  width: 100%;
1268}
1269#menium li ul li {
1270  font-size:12px;
1271  line-height:24px;
1272  position:relative;
1273  #text-shadow: 1px 1px 1px #ffffff;
1274  padding:1px;
1275  margin:0;
1276  float:none;
1277  text-align:left;
1278  width: 100%;
1279}
1280#menium li ul li:hover {
1281  background: #F4F4F4;
1282  border:none;
1283  padding:1px;
1284  margin:0;
1285}
1286
1287
1288/* Header
1289-----------------------------------------------------------------------------*/
1290/* gumax-header */
1291#gumax-header {
1292  /* border: 1px solid #000; /*debuging*/
1293  position: relative;
1294  z-index: 100;  /* make logo visible over content*/
1295  min-height: 100px;  /* height of header */
1296  height: 102px;  /* need for IE */
1297  margin: 0 auto;
1298  padding: 0;
1299}
1300
1301/* Login
1302-----------------------------------------------------------------------------*/
1303#gumax-p-login {
1304  /* border: 1px solid #000; /*debuging*/
1305  font-size: 90%;
1306  margin: 0; padding: 7px 0 5px 0;
1307  text-align: right;
1308}
1309
1310#gumax-p-login ul {
1311  position: relative;
1312  width: auto;
1313  list-style: none;
1314  padding: 0; margin: 0;
1315}
1316
1317#gumax-p-login ul li {
1318  position: relative;
1319  display: inline;
1320  margin: 0; padding: 0;
1321  font-size: 100%;
1322}
1323
1324#gumax-p-login ul li a {
1325  color: #777;
1326  padding: 2px 0 2px 10px;
1327  text-decoration: none;
1328}
1329
1330#gumax-p-login ul li a:hover { color: #333; }
1331
1332/* Logo
1333-----------------------------------------------------------------------------*/
1334#p-logo,
1335#p-logo a,
1336#p-logo a:hover {
1337  /* border: 1px solid #000; /*debuging*/
1338  width: 350px;
1339  height: 96px;
1340}
1341#p-logo {
1342  z-index: 200; position: absolute;
1343  top: 00px; left: 0px; /* logo position */
1344  overflow: visible;
1345}
1346#p-logo h5 { display: none; }
1347#p-logo a, #p-logo a:hover {
1348  display: block;
1349  background-repeat: no-repeat;
1350  background-position: center left !important;
1351  text-decoration: none;
1352}
1353
1354
1355/* Tooltip */
1356
1357.bubbleInfo {
1358    position: relative;
1359}
1360
1361.popup {
1362    position: absolute;
1363    display: none; /* keeps the popup hidden if no JS available */
1364}
1365
1366.div-normal {
1367
1368}
1369.div-alert {
1370  border: 2px solid;
1371  #border-radius: 10px;
1372  border-color: #cc0000;
1373}
1374.div-ignore {
1375
1376}
1377.div-ignore-alert {
1378
1379}
1380
1381.div-disabled {
1382
1383}
1384
1385.auto-hint {
1386  color:#AAAAAA;
1387}
1388
1389
1390
1391.tabBox .tabs {
1392    overflow: hidden;
1393    padding: 0px 8px;
1394    margin-bottom: -1px;
1395
1396}
1397
1398.tabBox .tabs li {
1399    float: left;
1400    list-style: none;
1401    padding: .125em .125em 0;
1402    overflow: hidden;
1403    position: relative;
1404    z-index: 1;
1405    border-bottom: 1px solid #FFF;
1406}
1407
1408.tabBox .tabs li.selected {
1409    z-index: 3;
1410}
1411
1412.tabBox .tabs a {
1413    float: left;
1414    height: 1.7em;
1415    line-height: 1.7em;
1416    font-weight: bold;
1417    -webkit-border-radius: 4px 4px 0 0;
1418    -moz-border-radius: 4px 4px 0 0;
1419    border-radius: 4px 4px 0 0;
1420    background: #EEE;
1421    border: 1px solid #CCC;
1422    border-bottom: 0;
1423    padding: 0 8px;
1424    color: #666;
1425    text-decoration: none;
1426    behavior: url(/css/PIE.htc);
1427}
1428
1429.tabBox .tabs img {
1430  margin-top: -4px;
1431}
1432
1433
1434.tabBox .tabs .selected a {
1435    background: #FFF;
1436    -webkit-box-shadow: #CCC 0 0 .25em;
1437    -moz-box-shadow: #CCC 0 0 .25em;
1438    box-shadow: #CCC 0 0 .25em;
1439}
1440
1441.tabBox .tabs a:hover {
1442    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
1443    background: -webkit-linear-gradient(#EEF, #FFF 70%);
1444    background: -moz-linear-gradient(#EEF, #FFF 70%);
1445    background: -ms-linear-gradient(#EEF, #FFF 70%);
1446    background: -o-linear-gradient(#EEF, #FFF 70%);
1447    background: linear-gradient(#EEF, #FFF 70%);
1448    -pie-background: linear-gradient(#EEF, #FFF 70%);
1449}
1450
1451.tabBox .tabcontent {
1452    margin-top: -2px;
1453    min-height: 600px;
1454    clear: left;
1455    position: relative;
1456    z-index: 2;
1457    padding: 10px;
1458    border: 1px solid #CCC;
1459    background: #FFF;
1460    -webkit-border-radius: 3px;
1461    -moz-border-radius: 3px;
1462    border-radius: 3px;
1463    -webkit-box-shadow: #CCC 0 0 .25em;
1464    -moz-box-shadow: #CCC 0 0 .25em;
1465    box-shadow: #CCC 0 0 .25em;
1466    behavior: url(/css/PIE.htc);
1467}
1468
1469.devicetable {
1470    border-collapse: collapse;
1471}
1472
1473tr.iftype:nth-child(odd) {
1474  background: #e0e5e5;
1475}
1476
1477tr.iftype:nth-child(even) {
1478  background: #ffffff;
1479}
1480
1481tr.health:nth-child(odd) {
1482  background: #ffffff;
1483}
1484
1485tr.ports:nth-child(even) {
1486  background: #ffffff;
1487}
1488
1489tr.bgp:nth-child(even) {
1490  background: #ffffff;
1491}
1492
1493tr.locations:nth-child(even) {
1494  background: #e0e5e5;
1495}
1496
1497tr.locations:nth-child(odd) {
1498  background: #ffffff;
1499}
1500
1501tr.inventory:nth-child(even) {
1502  background: #e0e5e5;
1503}
1504
1505tr.inventory:nth-child(odd) {
1506  background: #ffffff;
1507}
1508
1509tr.list:nth-child(odd) {
1510  background: #e0e5e5;
1511}
1512
1513tr.list:nth-child(even) {
1514  background: #ffffff;
1515}
1516
1517tr.eventlog:nth-child(even) {
1518  background: #e0e5e5;
1519}
1520
1521tr.eventlog:nth-child(odd) {
1522  background: #ffffff;
1523}
1524
1525tr.syslog:nth-child(even) {
1526  background: #e0e5e5;
1527}
1528
1529tr.syslog:nth-child(odd) {
1530  background: #ffffff;
1531}
1532
1533tr.search:nth-child(even) {
1534  background: #e0e5e5;
1535}
1536
1537tr.search:nth-child(odd) {
1538  background: #ffffff;
1539}
1540
1541.paddedcell {
1542  padding: 7px;
1543}
1544
1545.overlib {
1546  width: 590px;
1547}
1548
1549.overlib-text {
1550  font-weight: bold;
1551  font-size: 16px;
1552}
1553
1554.overlib-box {
1555  width: 708px;
1556}
1557
1558.overlib-title {
1559  margin-left: 5px;
1560  font-size: 12px;
1561  font-weight: bold;
1562}
1563
1564.overlib-contents {
1565    background-color: #fff;
1566}
1567
1568.minigraph-image {
1569  margin: 2px;
1570}
1571
1572.minigraph-div {
1573  display: block;
1574  padding: 3px;
1575  margin: 3px;
1576  min-width: 183px;
1577  max-width: 183px;
1578  min-height: 90px;
1579  max-height: 90px;
1580  text-align: center;
1581  float: left;
1582  background-color: #e9e9e9;
1583  border: solid 1px;
1584  border-color: #e9e9e9;
1585}
1586
1587.example-sports .league-name {
1588  margin: 0 20px 5px 20px;
1589  padding: 3px 0;
1590  border-bottom: 1px solid #ccc;
1591}
1592
1593.demo {
1594  position: relative;
1595  *z-index: 1;
1596  margin: 50px 0;
1597}
1598
1599.dropdown-submenu{position:relative;}
1600.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
1601.dropdown-submenu:hover>.dropdown-menu{display:block;}
1602.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
1603.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
1604.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
1605
1606
1607.scrollable-menu {
1608    height: auto;
1609    max-height: 600px;
1610    overflow-x: hidden;
1611}
1612
1613
1614.ui-autocomplete {
1615    max-height: 100px;
1616    overflow-y: auto;
1617    overflow-x: hidden;
1618}
1619
1620/* IE 6 doesn't support max-height
1621* we use height instead, but this forces the menu to always be this tall
1622*/
1623* html .ui-autocomplete {
1624    height: 100px;
1625}
1626
1627.glyphicon-large {
1628    font-size: 2.5em;
1629}
1630
1631.navbar-debug {
1632  min-height: 25px;
1633}
1634
1635.navbar-brand {
1636  padding: 8px 15px 8px 15px !important;
1637  line-height: 32px;
1638}
1639
1640@media (min-width: 992px) and (max-width: 1280px) {
1641  .navbar-brand {
1642    display: none !important;
1643  }
1644}
1645
1646.navbar-brand img {
1647  height: 100%;
1648  max-width: 170px;
1649}
1650
1651#visualization {
1652    width: 100%;
1653    min-height: 600px;
1654}
1655
1656.threeqtr-width {
1657    display:block;
1658    min-width: 75%;
1659}
1660
1661.tt-menu {
1662  position: absolute;
1663  top: 95%;
1664  left: 2.5%;
1665  z-index: 100;
1666  display: none;
1667  min-width: 400px;
1668  margin-bottom: 20px;
1669  overflow: hidden;
1670  background-color: #fff;
1671  -webkit-border-radius: 8px;
1672     -moz-border-radius: 8px;
1673          border-radius: 8px;
1674          box-shadow: 0px 0px 0px 1px green;
1675  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
1676     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
1677          box-shadow: 0 5px 10px rgba(0,0,0,.2);
1678}
1679
1680.tt-open {
1681  position: absolute;
1682  top: 95%;
1683  left: 2.5%;
1684  z-index: 100;
1685  display: none;
1686  min-width: 400px;
1687  left: -400px !important;
1688  margin-bottom: 20px;
1689  overflow: hidden;
1690  padding: 8px;
1691  background-color: #fff;
1692  -webkit-border-radius: 8px;
1693     -moz-border-radius: 8px;
1694          border-radius: 8px;
1695          box-shadow: 0px 0px 0px 1px green;
1696  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
1697     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
1698          box-shadow: 0 5px 10px rgba(0,0,0,.2);
1699}
1700
1701.typeahead-left {
1702    left: 0px !important;
1703}
1704
1705.tt-selectable {
1706  cursor: pointer;
1707}
1708
1709.tt-suggestion:hover a {
1710     color: #ffffff !important;
1711}
1712
1713.tt-suggestion:hover {
1714  background-color: #0097CF;
1715  color: #FFFFFF;
1716}
1717
1718.tt-suggestion img {
1719  width: 32px;
1720}
1721
1722.gridster * {
1723  margin:0;
1724}
1725
1726.grid ul {
1727  list-style-type: none;
1728}
1729
1730.gridster li {
1731    font-size: 1em;
1732    line-height: 100%;
1733}
1734
1735
1736.gridster {
1737    margin: 0 auto;
1738
1739    opacity: .8;
1740
1741    -webkit-transition: opacity .6s;
1742    -moz-transition: opacity .6s;
1743    -o-transition: opacity .6s;
1744    -ms-transition: opacity .6s;
1745    transition: opacity .6s;
1746}
1747
1748.gridster .gs-w {
1749    background: #ffffff;
1750    box-shadow: inset 0 0 2px #000;
1751    color: #000000;
1752    cursor: pointer;
1753    -webkit-border-radius: 4px;
1754     -moz-border-radius: 4px;
1755          border-radius: 4px;
1756
1757}
1758
1759.gridster .player {
1760    background: #BBB;
1761}
1762
1763
1764.gridster .preview-holder {
1765    border: none!important;
1766    background: red!important;
1767}
1768
1769.widget_header {
1770    padding: 0.8em;
1771    background-color: #000000;
1772    color: #ffffff;
1773    text-align: center;
1774    -webkit-border-top-left-radius: 4px;
1775     -moz-border-top-right-radius: 4px;
1776          border-top-left-radius: 4px;
1777          border-top-right-radius: 4px;
1778}
1779
1780.mapTooltip {
1781    position : fixed;
1782    background-color : #B2B3B1;
1783    moz-opacity:0.90;
1784    opacity: 0.90;
1785    filter:alpha(opacity=90);
1786    border-radius:10px;
1787    padding : 10px;
1788    z-index: 1000;
1789    max-width: 200px;
1790    display:none;
1791    color:#000000;
1792}
1793
1794.zoomIn, .zoomOut {
1795    background-color:#fff;
1796    border:1px solid #ccc;
1797    color:#000;
1798    width:15px;
1799    height:15px;
1800    line-height: 15px;
1801    text-align:center;
1802    border-radius:3px;
1803    cursor:pointer;
1804    position:absolute;
1805    top : 10px;
1806    font-weight:bold;
1807    left : 10px;
1808    -webkit-user-select: none; // For Webkit
1809    -khtml-user-select: none;
1810    -moz-user-select: none; // For Mozilla
1811    -o-user-select: none;
1812    user-select: none; // Default
1813}
1814
1815.zoomOut {
1816    top:30px;
1817}
1818
1819#leaflet-map {
1820    height: 600px;
1821}
1822
1823.edit-storage-input,
1824.edit-processor-input,
1825.edit-mempool-input {
1826    width: 100px;
1827}
1828
1829label {
1830    font-weight: normal;
1831}
1832
1833.badge-navbar-user {
1834   border-radius: 40%;
1835   font-size: 65%;
1836   padding: 4px;
1837   position: relative;
1838   top: -10px;
1839   left: -11px;
1840   margin-right: -14px;
1841}
1842.badge-default {
1843  background-color: #777;
1844}
1845.badge-default[href]:hover,
1846.badge-default[href]:focus {
1847  background-color: #5e5e5e;
1848}
1849.badge-primary {
1850  background-color: #337ab7;
1851}
1852.badge-primary[href]:hover,
1853.badge-primary[href]:focus {
1854  background-color: #286090;
1855}
1856.badge-success {
1857  background-color: #5cb85c;
1858}
1859.badge-success[href]:hover,
1860.badge-success[href]:focus {
1861  background-color: #449d44;
1862}
1863.badge-info {
1864  background-color: #5bc0de;
1865}
1866.badge-info[href]:hover,
1867.badge-info[href]:focus {
1868  background-color: #31b0d5;
1869}
1870.badge-warning {
1871  background-color: #f0ad4e;
1872}
1873.badge-warning[href]:hover,
1874.badge-warning[href]:focus {
1875  background-color: #ec971f;
1876}
1877.badge-danger {
1878  background-color: #d9534f;
1879}
1880.badge-danger[href]:hover,
1881.badge-danger[href]:focus {
1882  background-color: #c9302c;
1883}
1884
1885@media only screen and (max-width: 480px) {
1886    .thumbnail_graph_table b { font-size : 6px;}
1887    .thumbnail_graph_table img {
1888        max-width: 45px;
1889        max-height: 50px;
1890    }
1891}
1892
1893@media only screen and (max-width: 768px) and (min-width: 481px) {
1894    .thumbnail_graph_table b { font-size : 8px;}
1895    .thumbnail_graph_table img {
1896        max-width: 60px;
1897        max-height: 55px;
1898    }
1899}
1900
1901
1902@media only screen and (max-width: 800px) and (min-width: 721px) {
1903    .thumbnail_graph_table b { font-size : 8px;}
1904    .thumbnail_graph_table img {
1905        max-width: 75px;
1906        max-height: 60px;
1907    }
1908}
1909
1910@media only screen and (max-width: 1024px) and (min-width: 801px) {
1911    .thumbnail_graph_table b { font-size : 9px;}
1912    .thumbnail_graph_table img {
1913        max-width: 105px;
1914        max-height: 70px;
1915    }
1916}
1917
1918@media only screen and (min-width: 1024px) {
1919}
1920
1921.redCluster {
1922    background-color: rgba(255,0,0, 0);
1923    background-color: rgba(255,0,0,0.7);
1924    text-align: center;
1925    width: 25px !important;
1926    height: 25px !important;
1927    font-size: 14px;
1928    color: white;
1929}
1930
1931.blueCluster {
1932    background-color: rgba(23,162,184, 0);
1933    background-color: rgba(23,162,184,0.7);
1934    text-align: center;
1935    width: 25px !important;
1936    height: 25px !important;
1937    font-size: 14px;
1938    color: white;
1939}
1940
1941.greenCluster {
1942    background-color: rgba(0,255,0, 0);
1943    background-color: rgba(110, 204, 57, 0.6);
1944    text-align: center;
1945    width: 25px !important;
1946    height: 25px !important;
1947    font-size: 14px;
1948    color: black;
1949    border-color:transparent;
1950}
1951
1952#overDiv {
1953    z-index: 1200 !important;
1954    border: solid 1px #ccc;
1955    background-color: white;
1956    padding: 5px;
1957    border-radius: 4px;
1958    box-shadow: 0 5px 15px rgba(0,0,0,.5);
1959}
1960
1961.edit-widget, .close-widget { cursor: pointer; }
1962.widget_body {
1963    padding: 0.8em;
1964    overflow-y: auto;
1965    overflow-x: hidden;
1966    width: 100%;
1967    height: calc(100% - 38px);
1968    cursor: auto;
1969    text-align: center;
1970}
1971
1972.device-availability, .service-availability {
1973  color:#000000;
1974  float:left;
1975  height:64px;
1976  margin:10px;
1977  padding:8px;
1978  border-radius:5px;
1979  text-align:center;
1980  white-space: nowrap;
1981}
1982
1983.device-availability.up, .service-availability.up {
1984  border:1px solid #5CB85C;
1985}
1986
1987.device-availability.down, .service-availability.down {
1988  border:1px solid #D9534F;
1989}
1990
1991.device-availability.warn, .service-availability.warn {
1992  border:1px solid #FFB733;
1993}
1994
1995.device-availability.ignored, .service-availability.ignored {
1996  border:1px solid #36393D;
1997}
1998
1999.device-availability.disabled, .service-availability.disabled {
2000  border:1px solid #000000;
2001}
2002
2003.availability-label {
2004  border-radius: 0 .25em 0 .25em;
2005  float:right;
2006  margin:-8px;
2007}
2008
2009.service-name-label {
2010  float:left;
2011  margin:-8px;
2012}
2013
2014.report-up {
2015  color:#5CB85C;
2016}
2017
2018.report-warning {
2019  color:#FFB733;
2020}
2021
2022.report-down {
2023  color:#D9534F;
2024}
2025
2026.page-availability-title-left {
2027  width:40%;
2028  float:left;
2029  height:40px;
2030}
2031
2032.page-availability-title-right {
2033  width:60%;
2034  float:left;
2035  text-align:right;
2036}
2037
2038.page-availability-title {
2039  font-size:18px;
2040  font-weight: bold;
2041}
2042
2043.page-availability-report-select {
2044  font-size:16px;
2045  border:none;
2046  font-weight:bold;
2047  padding-right:10px;
2048  margin-left:10px;
2049}
2050
2051.page-availability-report-host {
2052  float:right;
2053  text-align:right;
2054  padding-left:10px;
2055}
2056
2057.widget-availability {
2058  float:left;
2059  margin:2px;
2060}
2061
2062.widget-availability-fixed {
2063  min-width: 2.4em;
2064  min-height: 1.3em;
2065  max-height: 1.6em;
2066}
2067
2068.widget-availability-host {
2069  float:left;
2070  margin-bottom: 10px;
2071}
2072
2073.widget-availability-host a:hover {
2074  text-decoration: none;
2075}
2076
2077.widget-availability-service {
2078  float:right;
2079  margin-bottom: 10px;
2080}
2081
2082.label-font-border {
2083  text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
2084  font-size: 10px;
2085}
2086
2087.label-font-border.label-border {
2088  margin:0px 2px 0px 2px;
2089}
2090
2091.availability-map-oldview-box-up {
2092  height:12px;
2093  width:12px;
2094  float:left;
2095  background-color: #5CB85C;
2096}
2097
2098.availability-map-oldview-box-warn {
2099  height:12px;
2100  width:12px;
2101  float:left;
2102  background-color: #F0AD4E;
2103}
2104
2105.availability-map-oldview-box-down {
2106  height:12px;
2107  width:12px;
2108  float:left;
2109  background-color: #D9534F;
2110}
2111
2112.availability-map-widget-header {
2113  line-height:34px;
2114}
2115
2116.dashboard-widget-settings label {
2117  line-height:34px;
2118}
2119
2120.dashboard-graph, .dashboard-graph img {
2121  height: 100%;
2122  width: 100%;
2123}
2124
2125.dashboard-image {
2126  padding: 2px;
2127  height: 100%;
2128  width: auto;
2129}
2130
2131.nav > li > a {
2132  padding-left: 10px;
2133  padding-right: 5px;
2134}
2135
2136/* devices layout modifications */
2137.devices-font-bold {
2138    font-weight: bold;
2139}
2140
2141.devices-float-right {
2142    float: right;
2143}
2144
2145.devices-graphs-select {
2146    margin-right: 5px;
2147}
2148
2149.devices-search-header {
2150    margin: 0 5px;
2151}
2152
2153.devices-status-box-detail {
2154    line-height: 16px;
2155    margin-left: 5px;
2156    font-size: 14px;
2157    width: 80px;
2158    display: block;
2159    height: 24px;
2160    text-align: center;
2161    vertical-align: middle;
2162    margin-top: 8px;
2163}
2164
2165.devices-status-box-basic {
2166    margin-left: 5px;
2167    width: 70px;
2168    display: block;
2169    text-align: center;
2170}
2171
2172.devices-headers-table-menu > .actions {
2173    float: right;
2174    margin-bottom: 5px;
2175}
2176
2177.devices-overlib-box {
2178    display: block;
2179    padding: 1px;
2180    margin: 2px;
2181    min-height: 170px;
2182    max-height: 170px;
2183    text-align: center;
2184    float: left;
2185    background-color: #f5f5f5;
2186}
2187
2188.device-table-metrics span {
2189  display: inline-block;
2190  white-space: nowrap;
2191}
2192
2193.device-table-metrics>a {
2194  color:#000;
2195  text-decoration:none;
2196}
2197
2198.device-table-header-actions {
2199  min-width: 110px;
2200  text-align: center;
2201}
2202
2203.device-table-icon {
2204  padding-left:7px;
2205  display: inline-block;
2206  width: 64px;
2207  height: 32px;
2208  line-height: 32px;
2209}
2210
2211.device-table-icon img {
2212  width: 32px;
2213  max-height: 32px;
2214}
2215
2216.device-icon img {
2217    max-height: 32px;
2218    max-width: 40px;
2219}
2220
2221.device-icon {
2222  display: inline-block;
2223  height: 32px;
2224  width: 40px;
2225}
2226
2227.device-icon-header {
2228  height: 52px;
2229  max-width: 250px;
2230  margin-right: 15px;
2231}
2232
2233.alert-status {
2234  display: inline-block;
2235  width: 7px;
2236  min-height: 27px;
2237  height: 32px;
2238}
2239
2240.alert-status-small {
2241  display: inline-block;
2242  width: 7px;
2243  min-height: 16px;
2244  height: 20px
2245}
2246
2247.device-services-page {
2248  font-weight: bold;
2249  margin-left: 20px;
2250  vertical-align: middle;
2251}
2252
2253.device-services-page-no-service {
2254  font-weight: bold;
2255  vertical-align: middle;
2256  padding: 15px;
2257}
2258
2259.validation:invalid {
2260    border-color: red;
2261}
2262
2263.eventlog-status {
2264  display: inline-block;
2265  margin-right: 8px;
2266  float: left;
2267}
2268
2269/* Workaround for https://github.com/select2/select2/issues/291 */
2270.select2-selection--multiple .select2-search--inline .select2-search__field {
2271  width: auto !important;
2272}
2273
2274.toast-top-right {
2275  top: 34px;
2276}
2277
2278.tooltip {
2279    display: block !important;
2280    z-index: 10000;
2281}
2282
2283.tooltip .tooltip-inner {
2284    background: black;
2285    color: white;
2286    border-radius: 16px;
2287    padding: 5px 10px 4px;
2288}
2289
2290.tooltip .tooltip-arrow {
2291    width: 0;
2292    height: 0;
2293    border-style: solid;
2294    position: absolute;
2295    margin: 5px;
2296    border-color: black;
2297    z-index: 1;
2298}
2299
2300.tooltip[x-placement^="top"] {
2301    margin-bottom: 5px;
2302}
2303
2304.tooltip[x-placement^="top"] .tooltip-arrow {
2305    border-width: 5px 5px 0 5px;
2306    border-left-color: transparent !important;
2307    border-right-color: transparent !important;
2308    border-bottom-color: transparent !important;
2309    bottom: -5px;
2310    left: calc(50% - 5px);
2311    margin-top: 0;
2312    margin-bottom: 0;
2313}
2314
2315.tooltip[x-placement^="bottom"] {
2316    margin-top: 5px;
2317}
2318
2319.tooltip[x-placement^="bottom"] .tooltip-arrow {
2320    border-width: 0 5px 5px 5px;
2321    border-left-color: transparent !important;
2322    border-right-color: transparent !important;
2323    border-top-color: transparent !important;
2324    top: -5px;
2325    left: calc(50% - 5px);
2326    margin-top: 0;
2327    margin-bottom: 0;
2328}
2329
2330.tooltip[x-placement^="right"] {
2331    margin-left: 5px;
2332}
2333
2334.tooltip[x-placement^="right"] .tooltip-arrow {
2335    border-width: 5px 5px 5px 0;
2336    border-left-color: transparent !important;
2337    border-top-color: transparent !important;
2338    border-bottom-color: transparent !important;
2339    left: -5px;
2340    top: calc(50% - 5px);
2341    margin-left: 0;
2342    margin-right: 0;
2343}
2344
2345.tooltip[x-placement^="left"] {
2346    margin-right: 5px;
2347}
2348
2349.tooltip[x-placement^="left"] .tooltip-arrow {
2350    border-width: 5px 0 5px 5px;
2351    border-top-color: transparent !important;
2352    border-right-color: transparent !important;
2353    border-bottom-color: transparent !important;
2354    right: -5px;
2355    top: calc(50% - 5px);
2356    margin-left: 0;
2357    margin-right: 0;
2358}
2359
2360.tooltip.popover .popover-inner {
2361    background: #f9f9f9;
2362    color: black;
2363    padding: 24px;
2364    border-radius: 5px;
2365    box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
2366}
2367
2368.tooltip.popover .popover-arrow {
2369    border-color: #f9f9f9;
2370}
2371
2372.tooltip[aria-hidden='true'] {
2373    visibility: hidden;
2374    opacity: 0;
2375    transition: opacity .15s, visibility .15s;
2376}
2377
2378.tooltip[aria-hidden='false'] {
2379    visibility: visible;
2380    opacity: 1;
2381    transition: opacity .15s;
2382}
2383
2384#manage-device-groups-table > thead > tr > th:last-child {
2385    min-width: 7%;
2386}
2387
2388.logon-message {
2389    white-space: pre-wrap;
2390}
2391
2392.expandable {
2393    white-space: nowrap;
2394    overflow: hidden;
2395    text-overflow: ellipsis;
2396}
2397.expandable:hover {
2398    overflow: visible;
2399}
2400.expandable:hover span {
2401    position: relative;
2402    background-color: white;
2403    padding: 2px 3px 2px 0;
2404    z-index: 5;
2405}
2406