/*border-radius: 5px;
box-shadow: 10px 10px 5px #888;
opacity: 1;
text-overflow:ellipse;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;*/


/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }



/* prtg.main.css */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow: auto;
}

body {
  font-family: "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  min-width: 900px;
  background: #fff;
}

h1, h1 b {
  font-family: "Lucida Sans-Serif", "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #00235D;
  white-space: nowrap;
}

h2 {
  font-family: "Lucida Sans-Serif", "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #00235D;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 3px;
}

h3 {
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#main {
  margin-top: 36px;
  margin-bottom: 22px;
  padding: 1px;
  padding-top: 30px;
  position: relative;
  display: inline-block;
  min-width: 100%;
  min-height: 729px;
}

.sitecaption, #main>h1 {
  padding-bottom: 10px;
  padding-left: 5px;
  margin: 11px 0 5px 0;
}

#main>h1 i, h1.sitecaption i {
  font-style: normal;
  font-weight: 200;
  flex: none;
}

#main>h1 b, h1.sitecaption b {
  font-style: normal;
  font-weight: normal;
}

.prtg-header {
  padding: 3px 0px 0px 0px;
  margin: 0;
  font-size: 14px;
  font-weight: bolder;
  border: 0;
  background-color: #f3f2f2;
  white-space: nowrap;
}

.prtg-header .inheritedfrom {
  display: block;
  font-size: 11px;
  font-weight: normal;
  margin-top: 5px;
  padding: 3px;
  text-transform: none;
}

.prtg-header .inheritedfrom, .prtg-header .inheritedfrom a {
  color: #aaa;
}

fieldset.collapsed .prtg-header .inheritedfrom {
  color: #000;
  width: auto;
}

fieldset.collapsed .prtg-header .inheritedfrom a {
  color: inherit;
  display: inline;
}

.prtg-header .inheritedfrom span {
  color: #aaa;
}

.prtg-box {
  display: inline-block;
  background-color: #f3f2f2;
  margin-bottom: 5px;
  padding: 5px;
}

#container .contexthelpbox, #ticketheader>div.controlfoot, .controlfoot {
  display: none;
}

.hidden, .hide {
  display: none !important;
}

.invisible {
  display: none;
}

#helpcontainer.invisible {
  visibility: hidden;
}

.showinline {
  display: inline;
}

.ajax-loader-big, .ajax-loader-small {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 1;
}

.ajax-loader-big {
  background-image: url("/images/ajax-loader-big.gif");
}

.ajax-loader-small {
  background-image: url("/images/ajax-loader-small.gif");
}

.ajax-loader-big>*, .ajax-loader-small>* {
  opacity: 0.3;
}

.ajax-loader-small-inline {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0.9;
  padding: 2px;
  text-align: center;
}

.gross_button {
  background: no-repeat url("/images/welcome_button-gross.png");
  cursor: pointer;
  width: 75px;
  height: 75px;
}

.center {
  text-align: center;
}

.small {
  font-size: 9px;
}

.wordwrap {
  word-wrap: break-word;
  word-break: break-all;
}

.bold {
  font-weight: bold;
}

.percent {
  color: #666;
  white-space: nowrap;
}

.table div.loading {
  background-image: url(/images/ajax-loader-small.gif) !important;
  min-height: 14px;
  min-width: 14px;
}

.loading, img.load {
  background-image: url(/images/ajax-loader-big.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  cursor: progress;
  min-height: 34px;
  min-width: 34px;
}

.loading * {
  visibility: hidden;
}

.loadlater.loading {
  min-width: 70px;
  min-height: 70px;
  background-color: #f3f2f2;
}

.clear {
  clear: both;
  display: block;
}

.block {
  display: block;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

.sensorgraph, .sparkline {
  width: 140px;
  height: 18px;
  position: relative;
  cursor: pointer;
}

.graphlabel1, .graphlabel2 {
  color: black;
  font-size: 9px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  white-space: nowrap;
  z-index: 0;
}

.graphlabel2 {
  right: 1px;
  text-align: right;
  width: 65px;
}

div.graphlabel1 {
  left: 1px;
  padding-left: 1px;
  text-align: left;
  width: 67px;
}

#sensortreelinks {
    margin-bottom: 19px;
}

#statusadmintools .actionbutton {
  max-width: 200px;
  width: 200px;
  min-width: 200px;
}

#statusadmintools table {
  width: 600px;
}

#statusadmintools td:first-child {
  width: 70%;
}

#statusadmintools td:last-child {
  text-align: center;
}

.statusdatadisplay td p {
  margin: 2px;
}

.button.atwork, .actionbutton.atwork, .smallactionbutton.atwork {
  border: 1px solid #000;
  background: #bbd63d;
  color: #ffffff;
  text-shadow: 0 -1px 0 #2f6803;
}

.atwork img {
  vertical-align: text-top;
  padding: 0;
  margin-right: 10px;
}

wingui {
  display: none;
}

wingui-hidden {
  display: inherit;
}

.searcher.loading {
  min-height: 35px;
}

.searcher.loading * {
  visibility: visible;
}

#nojavascripterror {
  display: block;
  top: 80px;
  font-size: 12px;
  text-align: center;
  padding: 30px;
  background: #fff;
  border: 2px red solid;
  left: 20%;
  right: 20%;
  min-width: 200px;
  position: fixed;
  z-index: 9999
}

.uppercase::first-letter {
  text-transform: uppercase;
}

textarea {
  white-space: pre-wrap;
}

.PAESSLERQA {
  display: none;
  background: #ffcb05;
  border: 1px solid #d71920;
  border-radius: 5px;
  box-shadow: 0 0 2px #000;
}

.QAINFOBOX {
  padding: 4px;
  margin: 4px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
}

.QAADDSENSORINFOBOX {
  margin: 4px;
  position: absolute;
  top: 57px;
  left: 40px;
  width: 125px;
  height: 16px;
  padding: 0 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

tct {
  display:none;
}


.newbadge {
  background: #EC0E68;
  border: 1px solid white;
  color: white;
  padding: 1px 5px;
}

.posbottom {
  position: absolute;
  bottom: 0;
  margin: 0;
}

.jqstooltip {
  box-sizing: content-box;
}

.jqstooltip * {
  box-sizing: content-box;
}

.h150 {
  height: 150px;
}

.w150 {
  width: 150px;
}

.h200 {
  height: 200px;
}

i.tip{
  background-color: #d5cfa3;
  text-transform: uppercase;
  border-radius: 3px;
  font-weight: bold;
  padding: 0 5px;
}

.hidefornoneadmins{
  display:none!important;
}
/* special POD css */
.device.localprobe.pod .actionbutton.autodiscovery,
.podlocalprobeistrue{
		display: none!important;
}


/* prtg.headfoot.css */
header {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 100000;
  min-width: 893px;
  background: #fff;
}

#paesslerlogo {
  background-image: url(/images/paessler.png);
  background-repeat: no-repeat;
  width: 103px;
  display: inline-block;
  margin: 0;
  height: 13px;
}

#header_menu {
  background-color: #fff;
  height: 22px;
  line-height: 16px;
  width: 100%;
  border-bottom: 2px solid #fff;
  position: relative;
  width: 1000px;
  padding-left: 1px; /* for screenshots */
}

#mainmenu2 {
  float: left;
  height: 18px;
}

#quickbar {
  height: 20px;
  margin: 0;
  padding: 0 1px 0 15px;
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: #fff;
}

#quickbar ul {
  margin: 0;
  padding: 2px 0 0 0;
  float: left;
}

#quickbar li {
  display: block;
  float: left;
  list-style-type: none;
  height: 18px;
  padding: 3px 3px 0 3px;
  margin: 0;
  z-index: 9999999999999;
}

#quickbar li a {
  cursor: pointer;
  background-image: url(images/ui-icons_prtg_256x240.png);
}

#quickbar li:hover {
  background: #00245d;
}

#quickbar li:hover a {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
#quickbar li.inactivitylogout{
  cursor: default;
  font-weight: bold;
}
#quickbar li.inactivitylogout:hover{
  background:transparent;
}

#searchform {
  display: inline-block;
  margin-left: 13px;
  position: relative;
  padding-top: 1px;
}

#searchicon {
  margin: 3px 3px 1px 1px;
  height: 16px;
  position: absolute;
  right: 0;
  top: 0;
}

#searchtext, .searchtext {
  font-size: 10px;
  width: 73px;
  color: #000;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0 17px 0 3px;
  background: #f3f2f2;
  height: 20px;
  transition: .1s;
}

#searchtext:focus {
  font-size: 12px;
  width: 300px;
  color: #000;
  transition: .1s;
}

#crumblersensorstats:before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background-color: white;
}

#crumblersensorstats {
  right: 1px;
  margin-top: 45px;
  padding: 3px 0 6px 6px;
  position: absolute;
  top: 0;
  font-size: 11px;
  z-index: 0;
}
#crumblersensorstats div.alert {
  background-color: #d71920;
}

#crumblersensorstats div.message {
  background-color: #606362;
}

#crumblersensorstats div.newtickets {
  background-color: #f3f2f2;
  color: #000 !important;
}

#crumblersensorstats div.downsens {
  background-color: #d71920;
}

#crumblersensorstats div.upsens {
  background-color: #b4cc38;
}

#crumblersensorstats div.pausedsens {
  background-color: #447fc1;
}

#crumblersensorstats div.partialdownsens {
  background-color: #d71920;
  padding: 0 2px 0 0;
}

#crumblersensorstats div.downacksens {
  background-color: #e77579;
}

#crumblersensorstats div.warnsens {
  background-color: #ffcb05;
}

#crumblersensorstats div.unusualsens {
  background-color: #f99d1c;
}

#crumblersensorstats div.undefinedsens {
  background-color: #808282;
}

#crumblersensorstats .spacing {
  display: inline-block;
  float: left;
  box-shadow: none;
}

#crumblersensorstats .spacing:hover {
  box-shadow: none;
}

#crumblersensorstats .statusinfo {
  display: inline-block;
  float: right;
  margin: 0 2px;
  padding: 0 2px;
  height: 24px;
}

#crumblersensorstats .statusinfo:hover {
  text-decoration: none;
}

#crumblersensorstats .display0 {
  display: none;
}

#crumblersensorstats a,
#crumblersensorstats a:hover {
  text-decoration: none;
}

#crumblersensorstats .text {
  padding: 2px 5px;
  color: #fff;
}

#crumblersensorstats div.newtickets .text {
  color: #000;
}

#crumblersensorstats .icon {
  position: relative;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 14px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}


#crumblersensorstats div .counter {
  color: #fff;
  display: inline-block;
  padding: 1px 2px;
  margin: 3px 2px 3px 0;
  text-align: center;
}

#crumblersensorstats div.statusinfo.newtickets .counter {
  color: #000;
}

#crumblersensorstats div:hover .counter {
  color: #000;
  background-color: #fff;
  text-shadow: none;
}

#container {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  min-width: 100%;
  background: #fff;
}

#content {
  display: block;
  height: auto;
  margin-bottom: 10px;
  position: relative;
}

#content.multiedit {
  overflow: hidden;
}

#content.limitedcontentwidth {
  max-width: 800px;
}

#content.limitedcontentwidth .prtg-box {
  width: 100%;
}

footer {
  width: 100%;
  height: 22px;
  display: block;
  position: fixed;
  bottom: 0;
  z-index: 100000;
}

footer .footer {
  position: absolute;
  width: 100%;
  height: 22px;
  color: #444;
  font-size: 10px;
  background: #d6d7d8;
  z-index: 1;
}

footer a,
footer a:link,
footer a:active,
footer a:visited,
footer a:hover {
  color: #444;
}

footer .footer > span {
  display: block;
  float: left;
  text-align: center;
  width: 16%;
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 1rem;
}

#footerrefresh > span {
  display: inline-block;
  float: none;
  padding: 0;
  margin: 0;
  width: auto;
}

#footerrefresh > .refreshinglable {
  display: none;
}

#footerrefresh a.toggle-autorefresh {
  position: absolute;
  top: 6px;
  margin-left: -13px;
  height: 14px;
}

#footerrefresh a.toggle-autorefresh:hover i {
  background-color: #888;
}

footer.hidebuttons:hover #sendfeedbackbox {
  bottom: 22px;
  -webkit-transition:  all .1s;
  transition: all .1s;
}
footer.hidebuttons #sendfeedbackbox {
  bottom: 8px;
  -webkit-transition:  all .1s;
  transition: all .1s;
}

#sendfeedbackbox {
  position: absolute;
  right: 8px;
  bottom: 22px;
  height: 19px;
  left: 0;
  max-width: 100%;
  z-index: 0;
}

#sendfeedbackbox.fixed {
  position: fixed;
  bottom: 0;
}

#feedbackbuttons {
  float: right;
}

#feedbackbuttons>a {
  z-index: 100;
  display: inline-block;
  position: relative;
}

body.tablewithstyles #sendfeedbackbox {
  display: none;
}

#feedbackbuttons>a {
  cursor: pointer;
  padding: 2px 5px;
  color: #000;
  background-color: #d5cfa3;
  -webkit-transition:  all .1s;
  transition: all .1s;
  margin: 0 0 0 5px;
}

#feedbackbuttons>a:hover {
  text-decoration: none;
  color: #fff;
  background: #00245d;
  -webkit-transition:  all .1s;
  transition: all .1s;
}
#feedbackbuttons>a i {
  margin: -3px 0 -4px;
}

#togglehelp div.hideonhover {
  display: inline-block;
}

#feedbackbuttons>a:hover .hideonhover {
  display: none;
}

#sendfeedbackbox a>.showonhover {
  display: none;
}

#feedbackbuttons>a:hover .showonhover {
  display: inline-block;
  cursor: pointer;
}

#pagegenerationtime {
  position: fixed;
  top: 0px;
  right: 0px;
  cursor: pointer;
  display: block;
  min-width: 5px;
  white-space: nowrap;
  background: #4DFBE9;
  padding: 1px;
  border: 1px solid black;
  color: #000;
  font-size: 9px;
  z-index: 1000;
  margin: 0;
}

#pagegenerationtime div {
  display: none;
  position: fixed;
  right: 10px;
  top: 75px;
  border: 1px solid #fff;
  background: #4DFBE9;
  box-shadow: 0px 0px 100px #000;
}

#pagegenerationtime:hover div {
  display: inline;
}

/* prtg.mainmenu.css */

#main_menu {
  margin: 0;
  padding: 0;
  color: #00245d;
}

#main_menu li {
  padding: 2px 10px;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
}

#main_menu>li:hover {
  background: #00245d;
}

#main_menu>li:hover>a {
  color: #fff;
}


/* main level link */
#main_menu a {
  text-decoration: none;
  display: block;
}

#main_menu li {
  list-style-type: none;
}

#main_menu>li {
  padding: 2px 0 1px 0;
  float: left;
  position: relative;
  list-style-type: none;
}

#main_menu >li>a {
  padding: 0px 11px 2px 11px;
  font-size: 13px;
  display: block;
}

#main_menu ul li a {
  text-decoration: none;
  display: block;
  height: 25px;
  line-height: 25px;
  /*vertical-align: middle;*/
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main_menu ul li a:hover {
  background-color: transparent;
  text-decoration: none;
}


/* sub levels link hover */
#main_menu ul li:hover {
  background-color: #E0E0E0;
}


/* dropdown */
#main_menu li:hover > ul, #main_menu li:active > ul, #main_menu li:focus > ul {
  visibility: visible;
  margin-left: 0;
  transition-delay: .4s;
}

#main_menu ul ul li:first-child {
  margin-top: 0px;
}

#main_menu ul li:last-child {
  margin-bottom: 0px;
}


/* level 2 list */
#main_menu ul {
  visibility: hidden;
  padding: 0;
  position: absolute;
  top: 21px;
  background: #ffffff;
  box-shadow: 0px 2px 10px #888;
  z-index: 100000;
  transition-delay: .4s;
}
/*
#main_menu ul:first-child {
  border-top: 0px;
}
*/
#main_menu ul li {
  padding: 0 16px 0 4px;
  min-width: 150px;
  line-height: 25px;
  vertical-align: middle;
}

#main_menu span {
  display: inline-block;
  position: absolute;
  text-indent: 0;
  right: 0;
  margin-top: 4px;
}


/* level 3+ list */
#main_menu ul.flyoutleft {
  left: auto;
  right: 100%;
  z-index: 100000;
  margin-left: 5px;
  min-width: 100%;
}

#main_menu ul ul {
  left: 100%;
  top: auto;
  margin: 0 0 0 -100000px;
  margin-top: -25px;
}

#main_menu .menudivider {
  border-bottom: 1px dotted #999;
}

.onlynotificationbrowser {
  display: none;
}

#main_menu .homeicon {
  background-image: url(/images/prtg_network_monitor_icon.png);
  padding-left: 32px;
  background-repeat: no-repeat;
  background-position: 2px -2px;
}

/*prtg.breadcrumbs.css*/
#header_breadcrumbs {
  color: #666;
  height: 22px;
  width: 100%;
  background: #d6d7d8;
  padding-left: 5px;
  background-image: url(/images/prtg_network_monitor.png);
  background-repeat: no-repeat;
  background-position: 99% 50%;
  padding-right: 190px;
}

#header_breadcrumbs a:hover {
  text-decoration: none;
}

.breadcrumbs ul {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  height: 22px;
  overflow: hidden;
}

.breadcrumbs li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  font-size: 11px;
  line-height: 22px;
  cursor: default;
  height: 22px;
}

.breadcrumbs li + a {
  cursor: pointer;
}

.breadcrumbs li a.probemenu,
.breadcrumbs li a.groupmenu,
.breadcrumbs li a.devicemenu,
.breadcrumbs li a.sensormenu,
.breadcrumbs li span.probemenu,
.breadcrumbs li a.probenodemenu,
.breadcrumbs li span.groupmenu,
.breadcrumbs li span.devicemenu,
.breadcrumbs li span.sensormenu,
.breadcrumbs li a.schedulemenu,
.breadcrumbs li a.librarymenu {
  padding: 0;
  width:auto;
}

.breadcrumbs li a, .breadcrumbs li span:nth-child(2) {
  color: #888;
  background-image: none;
  height: 22px;
  float: left;
  display: inline-block;
}

.breadcrumbdivider {
  display: block;
  background-position: -32px 0;
  margin: 0 5px 0 2px;
  padding: 0;
  height: 22px;
  width: 6px;
  float: left;
  border-right: 1px solid #aaa;
}

.breadcrumbshome {
  background-image: url(images/ui-icons_prtg_256x240.png);
  background-position: 0 -114px;
  height: 12px;
  width: 13px;
  vertical-align: baseline;
  margin-top: 5px;
}

.breadcrumbsubmenu a:link, .breadcrumbsubmenu a:active, .breadcrumbsubmenu a:visited, .breadcrumbsubmenu {
  color: black;
  white-space: nowrap;
}

.breadcrumbsubmenu {
  background-color: white;
  position: absolute;
  display: none;
  z-index: 90;
  padding: 0;
  margin: 0;
  min-width: 200px;
  overflow: hidden;
  box-shadow: 0px 0px 10px #000;
}

.breadcrumbsubmenu ul {
  list-style-type: none;
  margin: 0 2px 0 0;
  padding: 2px 0 2px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
}

.breadcrumbsubmenu ul li {
  margin: 0;
  padding: 4px 15px 0 10px;
  height: 20px;
  min-width: 200px;
  width: auto;
  cursor: pointer;
  overflow: hidden;
}

.breadcrumbsubmenu ul li:hover, .breadcrumbsubmenu .hoveritem {
  background-color: #D6E8FA;
  cursor: pointer;
}

.breadcrumbsubmenusearchbox {
  height: 16px;
  border-bottom: 1px solid #888;
  padding: 0;
  margin: 0;
}

.breadcrumbsubmenusearchbox span {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-right: 1px solid #888;
  height: 100%;
}

.breadcrumbsubmenusearchbox input {
  border: 0 !important;
  /*margin: 0 0 0 1px;*/
  padding: 0;
  height: 15px;
  color: #888;
  position: absolute;
  top: 0;
  left: 16px;
  right: 0;
  border-left: 1px solid red;
}
/*.breadcrumbsubmenuselected a,.breadcrumbsubmenuselected a:active, .breadcrumbsubmenuselected a:visited {
}*/
.breadcrumbsubmenuselected {
  font-weight: bold;
}

.breadcrumbsubmenuselected .ui-icon {
  display: inline-block;
  position: absolute;
  right: 0;
}

.breadcrumbsubmenuopener {
  height: 15px !important;
  width: 12px !important;
  background-position: -66px -16px !important;
  float: left;
  margin-top: 4px;
}

.breadcrumbs>li:hover .breadcrumbsubmenuopener {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.breadcrumbmenu a.working{
  background-image: none!important;
}

/*prtg.contexthelp.css*/
#header_help {
  position: absolute;
  right: -80px;
  top: 32px;
  z-index: -1;
}

#helpcontainer a b {
  font-weight: normal;
}

.popover-content a.morehelp,
#helpcontainer a {
  font-weight:normal;
  background-image: url(/images/questionmark.png);
  background-position: 2px 3px;
  padding:2px 2px 2px 18px;
  background-repeat: no-repeat;
  margin-top:3px;
}

#helpcontainer a:last-child {
  display: block;
}

#helpcontainer {
  position: absolute;
  font-size: 11px!important;
  right: 8px;
  bottom: 22px;
  top: auto;
  padding: 3px 3px 20px 5px;
  background-color: #d5cfa3;
  display: block;
  width: 275px;
  height: auto;
  overflow: hidden;
  z-index: 0;
}

#helpcontainer p {
  margin-top: 2px;
}

body.hashelp div.oskhelpbox,
body.hashelp div.helpheader {
  display: block;
}

div.helpheader {
  text-transform: uppercase;
  font-size:14px;
  padding: 8px 0 4px 0;
  clear: both;
}

#content .contexthelpbox,
#thepage .contexthelpbox {
  display: none;
}

div.helptitle {
  display: block;
  font-size: 14px;
}

#helphideicon {
  display: none;
}

div.contexthelpbox:first-child {
  margin-top: 10px;
}

div.contexthelpbox:last-child {
  margin-bottom: 5px;
}

div.contexthelpbox p, div.contexthelpbox h2,
div.oskhelpbox p, div.oskhelpbox h3 {
  margin: 0;
  padding: 0;
}
div.oskhelpbox[data-plugin="documentation"]{
  max-width: 685px;
}
#closehelp {
  cursor: pointer;
}

/*prtg.main.content.css*/
.no-content{
  display:none;
}

#content .col2 {
	vertical-align:top;
}
.buttonbox
{
	right:2px;
	margin-top:2px;
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	position: absolute;
}
.buttonbox.normalpage
{
	top: 15px;

}
div.buttonbox a
{
	background:#00245d;
	background-image:none;
  	border:1px solid transparent;
	width:17px;
	height:17px;
	margin:0 auto 0 auto;
	padding:2px;
	display:inline-block;
	color:#fff;
}

body.help div.buttonbox a
{
	width:auto;
	height:auto;
	font-size:12px;
}


div.buttonbox a:hover
{
  background: #a0c9ec;

}

div.buttonbox a i.icon-dark
{
	background-image: url("images/ui-icons_ffffff_256x240.png")!important;
}
div.buttonbox a:hover span
{
	background-image: url("images/ui-icons_ffffff_256x240.png")!important;
}
.buttonbox .deletebutton.fixed{
	display: none;
}

.buttonbox i
{
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
	left: -1px;
	top: -1px;
}

img.loader
{
	position: relative;
	top: 50%;
	left: 50%;
	margin: -17px;
}

.hideForID0[data-id="0"],
.hideForIDnot0:not([data-id="0"]){
	display: none!important;
}



/* prtg.icons.css */

.ui-icon,
.icon-white,
.icon-gray,
.icon-dark {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

.icon-white:last-child,
.icon-gray:last-child,
.icon-dark:last-child {
  /*margin-left: 0;*/
}

.icon-white {
  background-image: url(images/ui-icons_ebebeb_256x240.png);
}

.icon-gray {
  background-image: url(images/ui-icons_888888_256x240.png);
}

.icon-dark {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.icon-blue {
  background-image: url(images/ui-icons_prtg_256x240.png);
}

.icon-red {
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.icon-hovertored:hover {
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.icon-hovertodark:hover {
  background-image: url(images/ui-icons_454545_256x240.png);
}


/*  */
.prtg-checkbox {
  width: 12px;
  height: 12px;
  outline: 2px solid #b7b7b7;
  background-color: #fff;
  margin: 0 5px 0 0;
  padding: 0;
  /*float: left;*/
}

label {
  vertical-align: top;
}

label:hover .prtg-checkbox,
.prtg-checkbox:hover {
  outline: 2px solid #606362;
}

.prtg-checkbox.light {
  /*border-color: #d6d7d8;*/
  outline: 2px solid #d6d7d8;
}

input:checked + label.bold-text {
  font-weight: bold;
}

input:checked + label i.prtg-checkbox {
  background-position: -66px -146px;
}

input + label i.prtg-checkbox {
  background-position: 16px 16px;
}

input.checkboxtoggler + label i.prtg-checkbox {
  border-color: #555555;
}

i.float-right {
  float: right;
}

i.float-left {
  float: left;
}


/*  */
.icon-carat-1-n {
  background-position: -2px -2px;
}

.icon-carat-1-ne {
  background-position: -20px -2px;
}

.icon-carat-1-e {
  background-position: -34px -2px;
}

.icon-carat-1-se {
  background-position: -50px -2px;
}

.icon-carat-1-s {
  background-position: -66px -2px;
}

.icon-carat-1-sw {
  background-position: -82px -2px;
}

.icon-carat-1-w {
  background-position: -98px -2px;
}

.icon-carat-1-nw {
  background-position: -114px -2px;
}

.icon-carat-2-n-s {
  background-position: -130px -2px;
}

.icon-carat-2-e-w {
  background-position: -146px -2px;
}

.icon-triangle-1-n {
  background-position: -2px -16px;
}

.icon-triangle-1-ne {
  background-position: -18px -18px;
}

.icon-triangle-1-e {
  background-position: -34px -18px;
}

.icon-triangle-1-se {
  background-position: -50px -18px;
}

.icon-triangle-1-s {
  background-position: -64px -17px;
}

.icon-triangle-1-sw {
  background-position: -82px -18px;
}

.icon-triangle-1-w {
  background-position: -98px -18px;
}

.icon-triangle-1-nw {
  background-position: -114px -18px;
}

.icon-triangle-2-n-s {
  background-position: -130px -18px;
}

.icon-triangle-2-e-w {
  background-position: -146px -18px;
}

.icon-arrow-1-n {
  background-position: -2px -34px;
}

.icon-arrow-1-ne {
  background-position: -18px -34px;
}

.icon-arrow-1-e {
  background-position: -34px -34px;
}

.icon-arrow-1-se {
  background-position: -50px -34px;
}

.icon-arrow-1-s {
  background-position: -66px -34px;
}

.icon-arrow-1-sw {
  background-position: -82px -34px;
}

.icon-arrow-1-w {
  background-position: -98px -34px;
}

.icon-arrow-1-nw {
  background-position: -114px -34px;
}

.icon-arrow-2-n-s {
  background-position: -130px -34px;
}

.icon-arrow-2-ne-sw {
  background-position: -146px -34px;
}

.icon-arrow-2-e-w {
  background-position: -162px -34px;
}

.icon-arrow-2-se-nw {
  background-position: -178px -34px;
}

.icon-arrowstop-1-n {
  background-position: -194px -34px;
}

.icon-arrowstop-1-e {
  background-position: -210px -34px;
}

.icon-arrowstop-1-s {
  background-position: -226px -34px;
}

.icon-arrowstop-1-w {
  background-position: -242px -34px;
}

.icon-arrowthick-1-n {
  background-position: -2px -50px;
}

.icon-arrowthick-1-ne {
  background-position: -18px -50px;
}

.icon-arrowthick-1-e {
  background-position: -34px -50px;
}

.icon-arrowthick-1-se {
  background-position: -50px -50px;
}

.icon-arrowthick-1-s {
  background-position: -66px -50px;
}

.icon-arrowthick-1-sw {
  background-position: -82px -50px;
}

.icon-arrowthick-1-w {
  background-position: -98px -50px;
}

.icon-arrowthick-1-nw {
  background-position: -114px -50px;
}

.icon-arrowthick-2-n-s {
  background-position: -130px -50px;
}

.icon-arrowthick-2-ne-sw {
  background-position: -148px -50px;
}

.icon-arrowthick-2-e-w {
  background-position: -162px -50px;
}

.icon-arrowthick-2-se-nw {
  background-position: -178px -50px;
}

.icon-arrowthickstop-1-n {
  background-position: -194px -50px;
}

.icon-arrowthickstop-1-e {
  background-position: -210px -50px;
}

.icon-arrowthickstop-1-s {
  background-position: -226px -50px;
}

.icon-arrowthickstop-1-w {
  background-position: -242px -50px;
}

.icon-arrowreturnthick-1-w {
  background-position: -2px -66px;
}

.icon-arrowreturnthick-1-n {
  background-position: -18px -66px;
}

.icon-arrowreturnthick-1-e {
  background-position: -34px -66px;
}

.icon-arrowreturnthick-1-s {
  background-position: -50px -66px;
}

.icon-arrowreturn-1-w {
  background-position: -66px -66px;
}

.icon-arrowreturn-1-n {
  background-position: -82px -66px;
}

.icon-arrowreturn-1-e {
  background-position: -98px -66px;
}

.icon-arrowreturn-1-s {
  background-position: -114px -66px;
}

.icon-arrowrefresh-1-w {
  background-position: -130px -66px;
}

.icon-arrowrefresh-1-n {
  background-position: -146px -66px;
}

.icon-arrowrefresh-1-e {
  background-position: -162px -66px;
}

.icon-arrowrefresh-1-s {
  background-position: -178px -66px;
}

.icon-arrow-4 {
  background-position: -2px -82px;
}

.icon-arrow-4-diag {
  background-position: -18px -82px;
}

.icon-extlink {
  background-position: -34px -82px;
}

.icon-newwin {
  background-position: -50px -82px;
}

.icon-refresh {
  background-position: -66px -82px;
}

.icon-shuffle {
  background-position: -82px -82px;
}

.icon-transfer-e-w {
  background-position: -98px -82px;
}

.icon-transferthick-e-w {
  background-position: -114px -82px;
}

.icon-folder-collapsed {
  background-position: -2px -98px;
}

.icon-folder-open {
  background-position: -18px -98px;
}

.icon-document {
  background-position: -34px -98px;
}

.icon-document-b {
  background-position: -50px -98px;
}

.icon-note {
  background-position: -66px -98px;
}

.icon-mail-closed {
  background-position: -81px -98px;
}

.icon-mail-open {
  background-position: -98px -98px;
}

.icon-suitcase {
  background-position: -114px -98px;
}

.icon-comment {
  background-position: -130px -98px;
}

.icon-person {
  background-position: -146px -98px;
}

.icon-print {
  background-position: -162px -98px;
}

.icon-trash {
  background-position: -178px -98px;
}

.icon-locked {
  background-position: -194px -98px;
}

.icon-unlocked {
  background-position: -210px -98px;
}

.icon-bookmark {
  background-position: -226px -98px;
}

.icon-tag {
  background-position: -242px -98px;
}

.icon-home {
  background-position: -2px -114px;
}

.icon-flag {
  background-position: -18px -114px;
}

.icon-calendar {
  background-position: -34px -114px;
}

.icon-cart {
  background-position: -50px -114px;
}

.icon-pencil {
  background-position: -66px -114px;
}

.icon-clock {
  background-position: -82px -114px;
}

.icon-disk {
  background-position: -98px -114px;
}

.icon-calculator {
  background-position: -114px -114px;
}

.icon-zoomin {
  background-position: -130px -114px;
}

.icon-zoomout {
  background-position: -146px -114px;
}

.icon-search {
  background-position: -162px -114px;
}

.icon-wrench {
  background-position: -178px -114px;
}

.icon-gear {
  background-position: -194px -115px;
}

.icon-heart {
  background-position: -210px -114px;
}

.icon-star {
  background-position: -226px -114px;
}

.icon-link {
  background-position: -242px -114px;
}

.icon-cancel {
  background-position: -2px -130px;
}

.icon-plus {
  background-position: -18px -130px;
}

.icon-plusthick {
  background-position: -34px -130px;
}

.icon-minus {
  background-position: -50px -130px;
}

.icon-minusthick {
  background-position: -66px -130px;
}

.icon-close {
  background-position: -82px -130px;
}

.icon-closethick {
  background-position: -98px -130px;
}

.icon-key {
  background-position: -114px -130px;
}

.icon-lightbulb {
  background-position: -130px -130px;
}

.icon-scissors {
  background-position: -146px -130px;
}

.icon-clipboard {
  background-position: -162px -130px;
}

.icon-copy {
  background-position: -178px -130px;
}

.icon-contact {
  background-position: -194px -130px;
}

.icon-image {
  background-position: -210px -130px;
}

.icon-video {
  background-position: -226px -130px;
}

.icon-script {
  background-position: -242px -130px;
}

.icon-alert {
  background-position: -2px -146px;
}

.icon-info {
  background-position: -18px -146px;
}

.icon-notice {
  background-position: -34px -146px;
}

.icon-help {
  background-position: -50px -146px;
}

.icon-check {
  background-position: -66px -146px;
}

.icon-bullet {
  background-position: -82px -146px;
}

.icon-radio-off {
  background-position: -98px -146px;
}

.icon-radio-on {
  background-position: -114px -146px;
}

.icon-pin-w {
  background-position: -130px -146px;
}

.icon-pin-s {
  background-position: -146px -146px;
}

.icon-play {
  background-position: -2px -162px;
}

.icon-pause {
  background-position: -18px -162px;
}

.icon-seek-next {
  background-position: -34px -162px;
}

.icon-seek-prev {
  background-position: -50px -162px;
}

.icon-seek-end {
  background-position: -66px -162px;
}

.icon-seek-start {
  background-position: -82px -162px;
}

.icon-seek-first {
  background-position: -82px -162px;
}

.icon-stop {
  background-position: -98px -162px;
}

.icon-eject {
  background-position: -114px -162px;
}

.icon-volume-off {
  background-position: -130px -162px;
}

.icon-volume-on {
  background-position: -146px -162px;
}

.icon-power {
  background-position: -1px -178px;
}

.icon-signal-diag {
  background-position: -18px -178px;
}

.icon-signal {
  background-position: -34px -178px;
}

.icon-battery-0 {
  background-position: -50px -178px;
}

.icon-battery-1 {
  background-position: -66px -178px;
}

.icon-battery-2 {
  background-position: -82px -178px;
}

.icon-battery-3 {
  background-position: -98px -178px;
}

.icon-circle-plus {
  background-position: -2px -194px;
}

.icon-circle-minus {
  background-position: -18px -194px;
}

.icon-circle-close {
  background-position: -34px -194px;
}

.icon-circle-triangle-e {
  background-position: -50px -194px;
}

.icon-circle-triangle-s {
  background-position: -66px -194px;
}

.icon-circle-triangle-w {
  background-position: -82px -194px;
}

.icon-circle-triangle-n {
  background-position: -98px -194px;
}

.icon-circle-arrow-e {
  background-position: -114px -194px;
}

.icon-circle-arrow-s {
  background-position: -130px -194px;
}

.icon-circle-arrow-w {
  background-position: -146px -194px;
}

.icon-circle-arrow-n {
  background-position: -162px -194px;
}

.icon-circle-zoomin {
  background-position: -178px -194px;
}

.icon-circle-zoomout {
  background-position: -194px -194px;
}

.icon-circle-check {
  background-position: -210px -194px;
}

.icon-circlesmall-plus {
  background-position: -2px -210px;
}

.icon-circlesmall-minus {
  background-position: -18px -210px;
}

.icon-circlesmall-close {
  background-position: -34px -210px;
}

.icon-squaresmall-plus {
  background-position: -50px -210px;
}

.icon-squaresmall-minus {
  background-position: -66px -210px;
}

.icon-squaresmall-close {
  background-position: -82px -210px;
}

.icon-grip-dotted-vertical {
  background-position: -2px -226px;
}

.icon-grip-dotted-horizontal {
  background-position: -18px -226px;
}

.icon-grip-solid-vertical {
  background-position: -34px -226px;
}

.icon-grip-solid-horizontal {
  background-position: -50px -226px;
}

.icon-gripsmall-diagonal-se {
  background-position: -66px -226px;
}

.icon-grip-diagonal-se {
  background-position: -82px -226px;
}

.icon-userinterface{
  background-image: url(images/Userinterface_454545.png)!important
}
.icon-monitoring{
  background-image: url(images/Monitoring_454545.png)!important
}

/* prtg.table.css */
table.table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 14px;
}

.table select {
  display: block;
}

table.table.channels td:last-child,
table.table.correlation td:last-child {
  text-align: left;
}

table.table.channels td {
  white-space: nowrap;
}

table.table.channels td:first-child {
  white-space: normal;
}

#content table.table td:first-child,
#content table.table th:first-child {
  padding-left: 5px;
}

.map_object table.table.channels, .map_object table.table.correlation {
  min-width: 0;
  width: 100%;
}

table.table td {
  border-right: 1px solid #d6d7d8;
  vertical-align: top;
  font-size: 12px;
  padding: 2px;
  word-break: normal;
  overflow: hidden;
  text-overflow:ellipsis;
}
table.table td:not(.fixedwidth):hover {
  overflow: visible;
  white-space: normal;
}
.tablemenu {
  background: #C5F5CC;
}

table.table tr td:last-child {
  border-right: none;
}

table.table tbody tr:nth-child(odd) {
  background-color: #f3f2f2;
}

table.table tbody tr:nth-child(even) {
  background-color: #F8F8F8;
}

table.table.hoverable tbody tr:not(:only-child):hover {
  background: #FFF;
}

table.table.hoverable tr:hover td {
  box-shadow: inset 0 1px 0 0 #b7b7b7, inset 0 -1px 0 0 #b7b7b7;
}

table.table tr.subtitle td, table.table tr.sums td {
  background-color: #f8f8f8;
  border-bottom: 0 solid #f8f8f8;
  border-top: 0 solid #f8f8f8;
}

tr.subtitle td, tr.subtitle td {
  background-color: #d6d7d8 !important;
  font-weight: bold !important;
}

tr.averages td:first-child, tr.sums td:first-child {
  font-weight: bold;
}

table.table tr.spacer, table.table tr.spacer td {
  background-color: transparent !important;
  font-size: 2px !important;
  height: 1px !important;
}

table.table tr.sr td, table.table tr.sq td, table.table tr.so td {
  background-color: #FEE8E9;
  border-bottom: 0px solid #FFE3E7;
  border-top: 0px solid #FFE3E7;
}

table.table .sr div.probegroupdevice a, table.table .sq div.probegroupdevice a, table.table .so div.probegroupdevice a {
  background-color: #FEE8E9;
}

table.table .sr:nth-child(even) td, table.table .sq:nth-child(even) td, table.table .so:nth-child(even) td {
  background-color: #FDD5D7;
  border-bottom: 0px solid #FEECED;
  border-top: 0px solid #FEECED;
}

.table tr.rowselected td,
tr.ui-selected>td,
tr.ui-selecting>td,
tr.multiselected td,
table.table tr.multiselected div.probegroupdevice a,
table.table tr.multiselected div.probegroupdevice a {
  background-color: #C5F5CC !important;
}

table.datatables tr.ui-selected>td,
table.datatables tr.ui-selecting>td,
table.datatables tr.multiselected td{
  background-color: inherit!important;
}

table.table tbody td a{
  max-width: 100%;
  width: auto;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

table.table tbody td nobr a, tle.table td a.groupmenu, table.table td a.probemenu, table.table td a.devicemenu {
  display: inline-block;
  margin-right: 0;
  margin-bottom: 3px;
}

table.table td.actions a {
  display: inline;
}

table.table thead.tabletitle, table.table thead.tabletitle th {
  background: none;
  border-top: none;
}

table.table thead.tabletitle th,
h3.tabletitle{
  font-family: 'Lucida Sans-Serif', 'Segoe UI', Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #00235D;
  background: none;
  padding: 10px 10px 4px 3px;
  filter: none;
}

.dialog-container.inline  table.table thead.tabletitle th,
.tab-container table.table thead.tabletitle th,
h3.tabletitle {
  font-weight: normal;
  color: #00235D;
  font-size: 18px;
  text-transform: uppercase;
}

.dataTables_wrapper th {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.tablecheckbox {
  display: block;
  width: 100%;
  text-align: right;
  padding: 0 4px;
}

thead .tablecheckbox {
  padding-top: 0;
  padding-bottom: 0;
  height: 16px;
}

table.table tfoot th, table.table thead th {
  border-top: 1px solid #f3f2f2;
  border-right: 1px solid #f3f2f2;
  background: #ccc;
  color: #000;
  font-weight: normal;
  margin: 0;
  padding: 1px 2px 1px 1px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
table.table thead.pagenavigation th{
  overflow: visible;
  white-space: normal;

}

table.table thead th:last-child {
  border-right: none;
}

table.table thead a:hover, table.table tfoot a:hover {
  background-color: #E1EDFB;
}

li.multiedit, ul.multiedit li, ul.multiedit ul, ul.multiedit {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 1px !important;
}

ul.multiedit li:hover {
  background-color: #f3f2f2 !important;
}

ul.multiedit li.last:hover {
  background-color: #C5F5CC !important;
}

li.multiedit, ul.multiedit {
  border: none !important;
  border-right: 1px solid #89DF95 !important;
  margin: 0px !important;
  padding: 0px !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

li.multiedit>a:link, ul.multiedit>a:link, li.multiedit>a:active, ul.multiedit>a:active, li.multiedit>a:visited, ul.multiedit>a:visited {
  color: #00235D !important;
  text-decoration: none;
}

li.multiedit>a {
  height: 100%;
}

li.multiedit>a:hover, ul.multiedit>a:hover {
  color: #333 !important;
  text-decoration: underline;
}

li.multiedit:last-child {
  border: none !important;
  margin: 0px !important;
  padding: 0px !important;
}

table.table.values td, table.table.values th, table.table.reports td {
  white-space: nowrap;
}

table.table.values th {
  overflow: hidden;
  text-overflow: ellipsis;
}

table.table.values td, table.table.report td {
  text-align: left;
}

table.table.values td+td, table.table.channels td+td, table.table.report td+td {
  text-align: right;
  padding-left: 5px;
}

table.table.smallfonts td, table.table.smallfonts th {
  font-size: 9px;
}

table.topdata tbody td span {
  width: 40px;
}

table.topidx {
  padding: 5px;
}

.onereport table.table, .onereport table.overview {
  border: none;
  border-collapse: collapse;
}

.onereport table.table tr td, .onereport table.table th, .onereport table.overview tr td {
  border: 1px solid #888 !important;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

table.table.report tr.even td, .onereport table.overview tr.even td {
  background-color: #f3f2f2;
  border: 1px solid #888;
  padding: 2px;
  padding-left: 3px;
  padding-right: 3px;
}

/*table.table.report tr.odd td, .onereport table.overview tr.odd td {
  background-color: #f8f8f8;
}*/

table.table div.reportchannelcheckbox {
  float: left;
  font-size: 9px;
  height: 19px;
  margin: 0px;
  margin-bottom: 2px;
  margin-right: 2px;
  min-width: 82px;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
  width: 82px;
}

table.table td:hover div.reportchannelcheckbox {
  width: auto;
}

#table_reportchanneltable td {
  max-width: 400px;
}

.sr, .sq {
  background-color: #FDD5D7;
}

.so {
  background-color: #F4E4E5;
}

span.priority {
  display: block;
  white-space: nowrap;
  width: 66px;
}

a.favstar, a.favempty, span.favstar, span.star, favstar {
  background-image: url(/images/starfilled.png);
  background-repeat: no-repeat;
  height: 13px!important;
  width: 13px!important;
  display: inline-block;
}

span.favstar {
  display: inline-block;
}

span.star {
  display: inline-block;
  background-image: url(/images/starempty.png);
}

.priority0 span.favstar {
  background-image: url(/images/starempty.png);
}

.priority1 span.favstar:nth-child(1n+2) {
  background-image: url(/images/starempty.png);
}

.priority2 span.favstar:nth-child(1n+3) {
  background-image: url(/images/starempty.png);
}

.priority3 span.favstar:nth-child(1n+4) {
  background-image: url(/images/starempty.png);
}

.priority4 span.favstar:nth-child(1n+5) {
  background-image: url(/images/starempty.png);
}

a.favempty {
  display: block;
  float: left;
  background-image: url(/images/starempty.png);
}

a.favstar {
  float: left;
}

table.overview td.title {
  white-space: nowrap;
  width: 150px;
}

table.overview td a {
  display: inline-block !important;
}

table thead.headerswithlinks img {
  display: inline-block;
}

table.overview thead th, table.report thead.headersnolink th, table.report thead.headerswithlinks th {
  background-color: #d6d7d8;
  border: 1px solid #888888;
  border-bottom: 1px solid #888888;
  color: #000;
  font-weight: normal;
  height: 17px;
  margin: 0px;
  padding:0px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: left;
}

table.table tr.even td div.probegroupdevice a {
  background-color: transparent;
  background-position: left center;
}

#form_correlationtable .probemenu {
  max-width: 200px !important;
}

table.table>tbody .probegroupdevice .groupmenu,
table.table>tbody .probegroupdevice .probemenu {
  display: inline-block !important;
  vertical-align: middle;
  font-size: 9px;
  max-width: 40%;
  opacity: 0.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table .probegroupdevice .devicemenu {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table .probegroupdevice .probegroupdeviceitem:nth-child(3){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.table .probegroupdevice .devicemenu:hover {
  overflow: visible;
  white-space: normal;
}

.reportsensorlist .probegroupdevice span {
  max-width: 200px;
}

fieldset .probegroupdevice>span {
  display: block;
}

.table .status, .table .logmessage {
  display: block;
  max-height: 35px;
  line-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

div.moreicon {
  background: url(/images/overflow-y.png) 0 0 no-repeat;
  display: block;
  height: 5px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 100%;
}

.table  .status:hover, .table .logmessage:hover {
  max-height: none;
}

.table .status:hover div.moreicon,
.table .logmessage:hover div.moreicon {
  display: none;
}

.table td:hover div.logmessage,
.table td:hover div.status,
.table td:hover>a,
.table td:hover i~a{
  overflow: visible;
  white-space: normal;
}

.table td:hover>a,
.table td:hover i~a{
  height: auto;
}

.table td:hover .tablebuttonbox a {
  display: inline-block;
}

.table .tablebuttonbox {
  white-space: nowrap;
  position: relative;
}

.table td:hover .moreicon {
  display: none;
}

div.noblocklinks a {
  display: inline !important;
}

table.detailpageoverview {
  width: 100%;
}

table.detailpageoverview>tr>td {
  vertical-align: top;
}

table.detailpageoverview.limitedwidth {
  max-width: 1050px;
  width: auto;
}

table.detailpageoverview td.col2 {
  width: 300px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}

table.detailpageoverview td.col1 {
  padding-left: 5px;
  padding-right: 15px;
  vertical-align: top;
}

div.datatable {
  overflow: auto;
  width: 800px;
}

div.map_table table {
  background-color: #fff;
}

div.map_table table.table {
  border: none;
}

a.arrow {
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-top: 2px;
}

a.arrow:hover {
  background-color: transparent;
}

a.a_first_on, a.a_first_off, a.a_last_on, a.a_last_off, a.a_left_on, a.a_left_off, a.a_right_on, a.a_right_off {
  height: 10px;
  width: 12px;
}

a.a_first_off, a.a_last_off, a.a_left_off, a.a_right_off {
  background-image: url(images/ui-icons_888888_256x240.png);
  background-color: transparent;
}

a.a_first_on, a.a_last_on, a.a_left_on, a.a_right_on {
  background-image: url(images/ui-icons_prtg_256x240.png);
}

a.a_first_on:hover, a.a_last_on:hover, a.a_left_on:hover, a.a_right_on:hover {
  background-image: url(images/ui-icons_222222_256x240.png);
  background-color: #E1EDFB;
}

a.a_first_on, a.a_first_off {
  background-position: -243px -50px;
}

a.a_last_on, a.a_last_off {
  background-position: -209px -50px;
  margin-right: 12px;
}

a.a_left_on, a.a_left_off {
  background-position: -98px -51px;
}

a.a_right_on, a.a_right_off {
  background-position: -34px -51px;
}

#table_devicesort a.groupmenu, #table_devicesort a.probemenu, #table_devicesort a.rootgroupmenu {
  font-size: 14px;
  font-weight: bold;
}

table.schedule td {
  text-align: center;
}

table.schedule .prtg-checkbox {
  margin: 0;
  margin-left: 7px;
}

div.colorflag {
  display: inline-block;
  margin-left: 2px;
  width: 8px;
}

table.stats div.colorflag {
  float: left;
  margin-right: 2px;
}

span.sorter, span.sorterdisabled {
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  margin-top: 1px;
  vertical-align: top;
  width: 12px;
}

span.sorter {
  background-image: url(/images/sortergrip.png);
  background-repeat: repeat-x;
  cursor: move;
}

.sorthighlight {
  border: 2px solid green;
}

table.table.dragging td, table.table.dragging tr.odd td, table.table.dragging tr.even td {
  background-color: #f3f2f2;
  color: #888;
}

table.table.dragging td a:link, table.table.dragging td a:hover, table.table.dragging td a:visited {
  color: #888;
  text-decoration: none;
}

table.table.dragging td.moving a:link, table.table.dragging td.moving a:hover, table.table.dragging td.moving a:visited {
  color: #00235D;
}

td.moving, table.table.dragging td.moving {
  background-color: #CDE2F8 !important;
  border-bottom: 2px solid #00235D;
  border-top: 2px solid #00235D;
}

span.unbreakable {
  white-space: nowrap;
}

div.tablewithstyles {
  margin-right: 5px;
  margin-bottom: 5px;
}

div.tablewithstyles table {
  border: none;
  border-radius: 0px;
  margin: 0px;
}

div.tablewithstyles td, div.tablewithstyles th {
  overflow: hidden;
  text-overflow: ellipsis;
}

div.actioncolumn td:last-child, div.actioncolumn th:last-child {
  max-width: none;
}


div.map_object .top10listcontainer {
  width: auto;
}

.clustereditmatrix {
  min-width: 1030px;
}

.clustereditmatrix td>div {
  position: relative;
  border: 1px solid #d6d7d8;
  border-width: 0;
  
  height: 43px;
}

.clustereditmatrix table.table td:first-child {
  padding: 0 !important;
}

.clustereditmatrix>table>tbody>tr>td, .clustereditmatrix>table>tbody>tr.odd>td, .clustereditmatrix>table>tbody>tr.even>td {
  height: 42px;
  background: #fff;
  vertical-align: top;
  border: 1px solid #d6d7d8 !important;
  padding: 0;
}

.clustereditmatrix>table>tbody>tr>td>div {
  position: relative;
  border: none;
  top: 0;
  bottom: 0;
}

.clustereditmatrix td span {
  color: #000;
  font-size: 9px;
  text-align: center;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  z-index: 10;
  background: #eee;
  opacity: 0.5;
}

.clustereditmatrix .readonly {
  line-height: 43px;
  padding-left: 3px;
}

.clustereditmatrix .table {
  border-collapse: collapse;
}

.clustereditmatrix input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%! important;
  border: none;
  background: none;
  height: 43px;
  font-weight: bold;
}

.clustereditmatrix input:hover {
  background-color: #d6d7d8;
}

.clustereditmatrix .clusterconnections input {
  padding-top: 19px;
}

.clustereditmatrix td.cemname {
  width: 150px;
}

.clusternodeonoff td {
  background: none !important;
  padding: 0;
}

.clustereditmatrix .radio-control, .clustereditmatrix .clusternodeonoff {
  padding: 0;
}

.clustereditmatrix td.cemgid {
  width: 225px !important;
}

input.clusterradio {
  width: auto !important;
  margin: 0;
  padding: 0;
}

.clustereditmatrix td table td {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

.searchdetailed {
  width: 100%;
}

.detailpageoverview .col1 table, .detailpageoverview .col2 table {
  margin-top: 7px;
  margin-bottom: 7px;
}

table select.select-reloadtablelink {
  background-position: center left;
  max-width: 80px;
}

#table_correlationtable {
  width: auto;
}

thead.filters .filter:hover select, thead.filters .filter:hover .sensorlookupnew, thead.filters .filter input:hover, thead.filters .filter .icon-close:hover {
  background-color: #E1EDFB;
}

thead.filters th {
  vertical-align: middle;
  min-height: 20px;
}

thead.filters a.nodecoration:hover {
  text-decoration: none;
  background-color: transparent;
}

thead.filters th>span, thead.filters div.filter {
  float: left;
  vertical-align: middle;
}

thead.filters th > span {
  padding: 0px;
}

thead.filters th span {
  line-height: 16px;
}

thead.filters select {
  border: none;
  max-width: 15em;
  background-color: transparent;
  font-weight: bold;
  padding: 0 4px 0 0.8rem;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
}

thead.filters select::-ms-expand {
  visibility: hidden;
  border: 0 none;
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  thead.filters select {
    padding: 0 0 0 2ex;
    width:20em;
  }

}

thead.filters .sensorlookupnew {
  background-color: transparent;
  min-height: inherit;
  min-width: 140px;
  max-width: 330px;
}

thead.filters .objectlookup {
  background-color: transparent;
  cursor: pointer;
  border: none;
  font-weight: bold;
  min-height: 0;
  line-height: 15px;
  padding-top: 0px;
  margin-right: 15px;
}

thead.filters .objectlookup * {
  background-color: transparent;
}

thead.filters .objectlookup i {
  right: 0;
}

thead.filters .objectlookup br {
  display: none;
}

thead.filters .probegroupdevice span {
  display: none;
}

thead.filters .probegroupdevice span:last-child {
  display: block;
}

thead.filters table.objectlookup a {
  padding: 0 0 0 3px;
  background-color: transparent;
  border: none;
}

thead.filters .probegroupdevice .probegroupdeviceitem {
  height: 15px;
  line-height: 15px;
}

thead.filters .objectlookup a {
  margin: 0;
  margin-right: 12px;
}

thead.filters a .prtg-checkbox {
  background-position: 16px 16px;
}

thead.filters a.checked .prtg-checkbox {
  background-position: -66px -146px;
}

table.searchresulttable tfoot.pagenavigation {
  display: none;
}

.table thead.pagenavigation div.buttons, .table tfoot.pagenavigation div.buttons {
  float: right;
  height: 15px;
}

.table thead.pagenavigation span, .table tfoot.pagenavigation span {
  height: 15px;
  display: inline-block;
  vertical-align: top;
}

.table tfoot.pagenavigation th div.buttons label {
  vertical-align: top;
}

.table .pagenavigation td {
  padding: 2px;
  line-height: 15px;
  vertical-align: top;
}

.table .pagenavigation .buttons span {
  height: 15px;
  display: inline-block;
  vertical-align: top;
}

.pagenavigation a {
  display: inline-block;
}

table.topdata .pagenavigation td {
  text-align: left;
}

.table .table_itemcount_selector, .table .tablezoomlink {
  float: right;
  margin-left: 15px;
  margin-right: 5px;
}

.table .table_itemcount_selector {
  height: 15px;
}

.table .table_itemcount_selector a {
  display: none;
}

.table .table_itemcount_selector a.selected, .table .table_itemcount_selector:hover a {
  background: none;
  display: inline-block;
  padding-right: 5px;
}

.table .table_itemcount_selector:hover a.selected {
  font-weight: bold;
}

.searchresulttable .tablenavigation {
  display: none;
}

.table .ui-datepicker-trigger {
  height: 15px;
}

.table .table_datepicker_fromtodate input {
  height: 15px;
  margin: 0;
  padding: 0;
}

/** new colgroup thing **/
table i~.moreicon,
table a~.moreicon{
  display:none;
}

table col.col-message,
table col.col-sensor{
  width:25%;
}
#reportbody table col.col-sensor{
  width: auto;
}
table i~a {
  max-width: 90%;
}
#overview-device tbody td a{
  max-width: 25em;
}
#overview-device .table .status{
  word-break: break-all;
}
table .col-minigraph{
  width: 145px;
}
table col.col-priority{
  width: 6.5em;
}
table .col-checkbox,
table .col-favorite{
  width:25px;
  text-align: center;
}

table col.col-position{
  width: 5em;
}
table td.col-downsens,
table td.col-partialdownsens,
table td.col-downacksens,
table td.col-upsens,
table td.col-warnsens,
table td.col-pausedsens,
table td.col-unusualsens,
table td.col-undefinedsens{
  width:5em;
}
table td.col-probegroupdevice,
table td.col-name,
table td.col-members
{
  max-width:25em;
}
table.table td.col-message{
  overflow: visible;
  white-space: normal;
}
table.messages .probemenu,
table.messages .devicemenu,
table.messages .sensormenu {
  width: 20em;
}
table.correlation a.sensormenu,
table.correlations a.sensormenu,
table.notification-test a.username{
  width:auto;
  max-width: 23em;
  display: inherit;
}

table.correlation span.flr,
table.correlations span.flr{
  float: none;
  display: inherit;
  padding-left:2ex;
}

.top10listcontainer {
  font-size: 9px;
  padding: 0 5px;
  width: 50%;
}

.top10listcontainer table {
  border: none;
  margin: 0;
}
.top10listcontainer table td{
  vertical-align: top;
  padding: 1px;
}

.top10listcontainer table colgroup col:first-child{
  width:20%;
}
.top10listcontainer table colgroup col:nth-child(2){
  width:40%;
}
.top10listcontainer table colgroup col:nth-child(3){
  width:40%;
}

.toplistcontainer .col-bytessize {
  white-space: nowrap;
}

.toplistcontainer .col-minigraph {
  width: auto;
  white-space: nowrap;
}

.showsuggest col.col-links{
  width: 16em;
}

.showsuggest col.col-sensorcount{
  width:9em;
}

table.datatables .checkboxholder{
  width: 25px;
  text-overflow: clip;
}
table.datatables input + label i.prtg-checkbox{
  margin: 0 0 0 9px;
  padding: 0;
}

/* *   prtg.table.menu.css */
/*table.tablehasmenu {
  overflow: hidden;
}

table.tablehasmenu:hover,
table.tablehasmenu:active {
  overflow: visible;
}*/

table .jd_menu {
  list-style: none;
  list-style-image: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

table .jd_menu li {
  height: 15px;
  padding: 0 15px;
  position: relative;
  float: left;
  white-space: nowrap;
  vertical-align: top;
}

table .jd_menu li:hover,
table .jd_menu li:active {
  background: #e0e0e0;
}

table .jd_menu li.last:hover,
table .jd_menu li.last:active {
  background-color: #C5F5CC !important;
}

/* main level link */
table .jd_menu  a {
  color: #fff;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

table .jd_menu a:hover,
table .jd_menu li a:hover,
table .jd_menu a:active,
table .jd_menu li a:active {
  background-color: transparent;
  text-decoration: none;
}

table .jd_menu  ul li a {
  color: black;
  padding: 0 24px 0 24px;
  width: 100%;
}


/* sub levels link hover */
table .jd_menu  .jd_meun ul li:hover,
table .jd_menu  .jd_meun ul li:active {
  background-color: #E0E0E0;
}


/* dropdown */
table .jd_menu  li:hover > ul,
table .jd_menu  li:active> ul {
  visibility: visible;
  z-index: 999;
}


/* level 2 list */
table .jd_menu  ul {
  visibility: hidden;
  list-style-type: none;
  position: absolute;
  top: 15px;
  left: 0;
  background: #ffffff;
  border-top: none;
  padding: 0;
  box-shadow: 0 0 2px 0 #000;
}

table .jd_menu  ul {
  left: auto;
  right: 0;
}

table .jd_menu  ul li {
  float: none;
  padding: 0;
  height: 19px;
  padding: 1px 0;
}

table .jd_menu  span {
  display: inline-block;
  text-indent: 0;
  left: 2px;
  right: auto;
}

table .jd_menu ul span {
  position: absolute;
}

table .jd_menu  span.ui-icon-carat-1-e {
  position: absolute;
  text-indent: 0;
  right: 0;
  left: auto;
}

table .jd_menu  li.multiedit {
  float: left;
  width: 20px;
  height: 16px;
  margin: 0;
  padding: 0;
}


/* level 3+ list */
table .jd_menu  ul ul {
  position: relative;
  left: 100%;
  top: -16px;
}

table .jd_menu.flyoutleft ul ul {
  left: auto;
  right: 100%;
}

table .jd_menu  span.txt {
  background: #0F3E83;
  color: white;
  text-align: center;
  vertical-align: text-top;
  line-height: 16px;
  height: 16px;
  width: 20px;
  font-size: 0.9em;
}

table .jd_menu  span.favstar,
table .jd_menu  span.star {
  /* float: left;
  */
  position: static;
}

table .jd_menu  .menudivider {
  border-bottom: 1px dotted #999;
}

/*prtg.dialogs.css*/
html.dialog {
  overflow: hidden;
}

.ui-widget-header {
  background: #c1c2c3;
}

.ui-dialog-cell {
  position: relative;
}

.dialog-cell {
  display: table-cell;
  vertical-align: middle;
}

.dialog-table {
  position: absolute;
  display: table;
  height: 100%;
  width: 100%;
}

.ui-dialog #main {
  margin-top: 0;
  padding: 5px;
  /*min-height: auto;*/
}

#content.ui-dialog-content {
  padding: 5px;
  margin: 0;
  overflow: auto;
}

.dialog-cell .ui-dialog .ui-dialog-buttonpane {
  margin: 0;
}

/* hide empty dialog buttons */
.ui-dialog-buttonset .ui-button-text-only .ui-button-text:empty {
  display: none;
}

.findduplicatesdialog ul {
  list-style-type: none;
}

.inlinedatepicker {
  padding-right: 15px;
}

.ui-dialog .ui-dialog-buttonpane i.step{
  display: inline-block;
  font-size: xx-large;
  color: #a0c9ec;
}
.ui-dialog .ui-dialog-buttonpane i.ustep{
  display: inline-block;
  font-size: xx-large;
  color: #808282;
}

.ui-dialog-buttonset {
  margin-top: 3px;
}

#addremoteprobe p {
  font-size: small;
  text-align: center;
  margin: 1em;
}

#addremoteprobe p.winsystem, p.coremachine, p.remoteprobedisabled {
  font-weight: bold;
  color: #d71920;
}
#addremoteprobe p.winsystem{
  display: none;
}

#addremoteprobe p.prepconnrp {
  font-weight: bold;
}

#rpconnectsuccess {
  display: none;
  margin: 0 auto;
  height: 200px;
  width: 200px;
}

#addremoteprobe img.center, #loadcircle {
    display: block;
    margin: 0 auto;
    height: 200px;
    width: 200px;
}

#allowips, .probeconnsuccess {
  display: none;
}

span.ui-icon.ui-icon-check {
  vertical-align: middle;
  margin-right: 3px;
  margin-top: -6px;
}

#M7 {
  animation: loadcircle 4s infinite;
}

#M16 {
  animation: loadcircle 4s infinite;
  animation-delay: 0.25s;
}

#M6 {
  animation: loadcircle 4s infinite;
  animation-delay: 0.5s;
}

#M5 {
  animation: loadcircle 4s infinite;
  animation-delay: 0.75s;
}

#M4 {
  animation: loadcircle 4s infinite;
  animation-delay: 1s;
}

#M15 {
  animation: loadcircle 4s infinite;
  animation-delay: 1.25s;
}

#M3 {
  animation: loadcircle 4s infinite;
  animation-delay: 1.5s;
}

#M1 {
  animation: loadcircle 4s infinite;
  animation-delay: 1.75s;
}

#M2 {
  animation: loadcircle 4s infinite;
  animation-delay: 2s;
}

#M13 {
  animation: loadcircle 4s infinite;
  animation-delay: 2.25s;
}

#M10 {
  animation: loadcircle 4s infinite;
  animation-delay: 2.5s;
}

#M11 {
  animation: loadcircle 4s infinite;
  animation-delay: 2.75s;
}

#M12 {
  animation: loadcircle 4s infinite;
  animation-delay: 3s;
}

#M14 {
  animation: loadcircle 4s infinite;
  animation-delay: 3.25s;
}

#M8 {
  animation: loadcircle 4s infinite;
  animation-delay: 3.5s;
}

#M9 {
  animation: loadcircle 4s infinite;
  animation-delay: 3.75s;
}

 @keyframes loadcircle {
  0%  {
    fill:#fff;
  }

  15% {
    fill:#487fc0;
  }

  100% {
    fill:#fff;
  }
 }


/* prtg.Growls.css */
#prtg_growls {
  position: absolute;
  width: 275px;
  bottom: 35px;
  right: 8px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  z-index: 105;
}

#prtg_growls .prtg_growl {
  margin: 0 0 10px 0;
  padding: 3px;
  border: 0;
}

#prtg_growls .prtg_growl_title {
  margin: 0;
  padding: 1px 0 1px 4px;
}

#prtg_growls .prtg_growl_content {
  margin: 0;
  padding: 4px;
  background-color: #d5cfa3;
  background-image: url(/css/images/Close_222222_14x14.png);
  background-position: top right;
  background-repeat: no-repeat;
}

#prtg_growls .prtg_growl_title+.prtg_growl_content {
  background: none;
}

#prtg_growls .prtg_growl_content h2 {
  font-size: 12px;
  color: #000;
}

#prtg_growls .prtg_growl_info {
  background-color: #d5cfa3;
  color: #000000;
}

#prtg_growls .prtg_growl_warning {
  background-color: #ffcb05;
  color: #000000;
}

#prtg_growls .prtg_growl_important,
#prtg_growls .prtg_growl_important *,
#prtg_growls .prtg_growl_error,
#prtg_growls .prtg_growl_error * {
  background-color: #d71920;
  color: white;
}

#prtg_growls .prtg_growl_important a,
#prtg_growls .prtg_growl_error a {
  font-size: 14px;
}

#prtg_growls .approvebutton {
  margin: 6px 6px 6px 0px;
  width: 100%;
}

/* prtg.form.css */
.InitialDisplayNone {
  display: none !important;
}

.no_help {
  clear: left;
}

.has_help {
  clear: both;
}

.prtg-form {
  display: block;
  margin-top: 5px;
}

.prtg-form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  background: #fff;
  padding: 0 0 10px 0;
  margin-bottom: 0;
  display: block;
}

.prtg-form select {
  min-height: 21px;
  padding-left: 2px !important;
}

.prtg-form textarea,
#comments textarea {
  background-color: #f3f2f2;
}

#comments textarea {
  height: 400px;
  width: 820px;
  margin: 4px;
}

.prtg-form legend:first-child {
  margin-top: 0;
}

.prtg-form fieldset legend {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #fff;
  margin-top: 30px;
  padding: 12px 0px 5px 3px;
  text-transform: uppercase;
  font-family: "Lucida Sans-Serif", "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #00235D;
  font-size: 18px;
}
.prtg-form fieldset legend dummy{
  display: inline-block;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 27em;
  padding: 0;
  vertical-align: bottom;
}
@-moz-document url-prefix() {
  wingui-hidden {
    display: block;
  }
}

/* wg.  gelbem blink effekt beim einblenden */
.prtg-form fieldset.collapsed {
  padding: 0;
}

.prtg-form fieldset.collapsed .control-group {
  display: none;
}

.prtg-form fieldset legend i.right {
  cursor: pointer;
}

.prtg-form fieldset legend>label {
  width: 360px;
  height: 16px;
  cursor: pointer;
}

.prtg-form fieldset legend>label:hover {
  text-decoration: underline;
}

.prtg-form fieldset legend>span>label:hover {
  text-decoration: underline;
}

.prtg-form fieldset .control-group {
  padding: 3px;
}

/*  */
.prtg-form fieldset>.control-group .control-label {
  background: #fff !important;
  display: block;
  width: 170px;
  float: left;
  padding: 6px 27px 4px 0px;
  white-space: normal;
}

.prtg-form fieldset>.control-group .control-label:first-child {
  border-bottom: none;
}

/* comparison label */
.prtg-form fieldset>.control-group .control-label.comparison {
  width: 76px;
  display: none;
}


/*  */
.prtg-form fieldset>.control-group .controls {
  display: block;
  white-space: normal;
  width: 508px;
  float: left;
  margin: 1px;
  position: relative;
  padding: 0;
  background-color: #f3f2f2;
  margin-bottom: 9px;
}

.prtg-form .controls #favstarinput:hover {
  background-color: #d6d7d8;
}

.prtg-form .controls .checkboxbuttonset {
  padding: 4px;
  display: block;
}

.prtg-form .controls .checkboxbuttonset input {
  border: none;
}

.resettodefaultlink {
  left: -20px;
  position: relative;
  display: inline-block;
  float: left;
  margin-top: -20px;
}


.prtg-form fieldset>.control-group {
  overflow: auto; /* clearfix */
}

.prtg-form fieldset>.control-group .controls:first-child {
  border-bottom: none;
}

.prtg-form fieldset>.control-group .fillwidth {
  width: 678px !important;
  clear: both;
  background-color: transparent;
}

.prtg-form fieldset>.control-group .controls.info,
.controls-info {
  padding: 0px;
  margin: 0px;
}

.controls-info .readonlyproperty  {
  border: 1px solid #d5cfa3;
  background: #fff;
  display: block;
  padding: 5px;
}

.prtg-form fieldset>.control-group .readonlyproperty table:not(.table) {
  width: 100%;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-top: 5px;
}

.prtg-form fieldset>.control-group .readonlyproperty table:not(.table) th,
.prtg-form fieldset>.control-group .readonlyproperty table:not(.table) td {
  background: #d5cfa3;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  padding: 2px;
  font-size: 9px;
}

.prtg-form fieldset .controls>.readonlyproperty div {
  color: #888;
  display: block;
  border: 1px solid #f3f2f2 !important;
  padding: 6px;
}

.prtg-form fieldset .controls>.readonlyproperty {
  padding: 6px;
  color: #888;
  font-weight: bold;
}

.prtg-form fieldset>.control-group .controls.wide {
  width: 584px;
  padding-right: 20px;
}

.prtg-form fieldset>.control-group .controls.small {
  width: 186px;
  padding: 0;
}


/*  */
.prtg-form fieldset .controls-info {
  padding: 0 0 0 0;
  max-width: 716px;
}


.prtg-form fieldset .controls.geomap-active {
  height: 384px;
}

.prtg-form .controls select {
  border: 1px solid #f3f2f2;
  background-color: #fff;
  margin-bottom: -1px;
}


/*  */
.radio-control>.radio-control-label {
  display: block;
  margin: 0;
  padding: 1px 0 0px 4px;
  color: #000;
  text-align: left;
  min-height: 15px;
  border: 1px solid transparent;
  border: 1px solid #f3f2f2;
  background-color: #fff;
  margin-bottom: -1px;
}
.radio-control>.radio-control-label.inline{
  display: inline;
  background-color: transparent;
}
.radio-control label:hover {
  background: #d6d7d8;
  cursor: pointer;
}

.radio-control>.radio-control-label:active,
.radio-control>.radio-control-label:focus {
  background: #a0c9ec;
}

.radio-control>.radio-control-label  i {
  background-image: url(images/ui-icons_prtg_256x240.png);
}

.radio-control>.radio-control-label:hover  i {
  background-position: -98px -146px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

.radio-control>input[type="radio"]:checked + .radio-control-label {
  font-weight: bold;
}

.radio-control>input[type="radio"]:checked + .radio-control-label:hover {
  background-color: #d6d7d8;
}

.radio-control>input[type="radio"]:checked + .radio-control-label>i {
  background-position: -81px -146px;
}

.radio-control>input {
  margin-top: 4px;
}

.radio-control>label>i {
  vertical-align: text-top;
}


/*  */
/*  */
.prtg-form fieldset .controls>ul.deviceiconselection {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 40px;
  height: auto;
  display: block;
  margin-bottom: -2px;
  display: inline-block;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li {
  float: left;
  list-style-type: none;
  width: 65px;
  height: 20px;
  margin: 0 2px 2px 0;
  padding: 0;
  border: 0;
  position: relative;
  display: block;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label:hover {
  background-color: #d6d7d8;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label>i {
  background-image: url(images/ui-icons_prtg_256x240.png);
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label:hover>i {
  background-position: -98px -146px;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>input[type="radio"]:checked + label>i {
  background-position: -81px -146px;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label>img {
  position: absolute;
  left: 25px;
  top: 3px;
}

.prtg-form fieldset .controls>ul.deviceiconselection>li>label>i {
  padding: 0;
  margin: 4px 0px 0px 5px;
}


/*  */
/*  */

.fieldrequired {
  margin-right: 0;
  padding-right: 0;
}

.textarea-fieldrequired {
  float: left;
  margin-right: 0;
  padding-right: 0;
}

input[type="text"].fieldrequired.invisible {
  height: 0;
  margin: 0;
  padding: 0 0 0 4px;
  display: block;
  border: none;
  vertical-align: top;
}

.inputfield {
  display: block;
}

.textarea-required {
  border: 1px solid #aaa;
  top: 0;
  right: 0;
  height: 18px;
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-left: 0;
}


/*  */
.prtg-form fieldset input,
textarea,
span.control,
.prtg-form fieldset select {
  width: 100%;
  font-weight: bold;
}

.prtg-form fieldset input[type="checkbox"],
.prtg-form fieldset input[type="radio"] {
  width: auto;
}

.prtg-form textarea {
  overflow: hidden;
  padding: 6px;
  height: 70px;
  margin: 0;
}

.prtg-form textarea:focus {
  overflow: auto;
}

#editicket fieldset textarea:focus,
#editicket fieldset textarea,
#assignticket fieldset textarea:focus,
#assignticket fieldset textarea {
  height: 200px;
}
.prtg-form fieldset input[readonly]:hover,
.prtg-form fieldset input {
  background: none;
  padding: 6px;
  margin: 0;
  border: 1px solid #f3f2f2;
}

.prtg-form fieldset input:hover,
.prtg-form fieldset textarea:hover,
.prtg-form fieldset select:hover {
  background-color: #d6d7d8;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border: 1px solid #a0c9ec !important;
}

input[type="text"],
textarea,
input[type="password"] {
  border: none;
}

input[type="text"],
input[type="password"] {
  padding-left: 3px;
}

select:not([size]) {
  -webkit-appearance: button;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none; /* FF Hack start */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; /* FF Hack end */
  background-image: url("images/arrow_down.png");
  background-position: center right;
  background-repeat: no-repeat;
  color: #000;
  font-size: inherit;
  margin: 0 0 -2px 0;
  overflow: hidden;
  /* text-overflow: ellipsis;
  */
  white-space: nowrap;
  padding: 4px;
  border: 1px solid black;
}


/* IE Hack */
select::-ms-expand {
  display: none;
}

.inputfield select {
  border-right: 1px solid #d6d7d8;
}

select[size] {
  height: auto;
}


/*  */
.prtg-form>.submitbuttonboxanchor {
  height: 41px;
  width: 859px;
  z-index: 110;
  position: relative;
}

.prtg-form .submitbuttonbox.float {
  position: fixed;
  bottom: 0;
}

.prtg-form .submitbuttonbox {
  width: 682px;
  padding: 3px;
  box-shadow: 0 -7px 7px 0 #fff;
  background: #c1c2c3;
  opacity: 0.95;
  border: 0;
  margin: 10px 0 25px 0;
}

.wingui .prtg-form .submitbuttonbox {
  width: 682px;
}

.prtg-form .submitbuttonbox input {
  min-width: 91px;
  z-index: 9999;
}

.prtg-form .submitbuttonbox.active {
  background: #EC0E68;
  border: 1px solid #EC0E68;
}

.submitbuttonbox a:link,
.submitbuttonbox a:hover,
.submitbuttonbox a:visited,
.submitbuttonbox a:active {
  float: right;
  color: #000;
}


/*  */
.historicrangeselectors {
  width: 100%;
  display: inline-block;
  margin-bottom: -2px;
  padding: 3px;
}

.historicrangeselectors ul {
  border: 0px;
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both;
}

.historicrangeselectors li {
  display: block;
  float: left;
  padding: 0 2px;
  margin: 2px;
  margin-bottom: 3px;
  border: 0;
}

.historicrangeselectors li a,
.historicrangeselectors li a:link {
  background: #00245d;
  border: 0;
  color: #fff;
  padding: 1px 3px 1px 3px;
  display: block;
  width: 117px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.historicrangeselectors li a:hover {
  background: #E1EDFB;
  color: #000;
  border: 0;
  text-decoration: none;
}

input.validateerror,
textarea.validateerror {
  background-color: #FFEBEB !important;
}
input.validateerror~div.validateerror,
textarea.validateerror~div.validateerror{
  display: block!important;
}
div.validateerror {
  background-color: #fff;
  color: #d71920;
  font-weight: bold;
  padding: 2px;
  width: 100%;
  display: inline-block;
  margin-top: 1px;
}

/* farbtastic color picker */
.farbtastic {
  position: relative;
  margin-top: 18px;
  margin-left: auto;
  margin-right: auto;
}

.farbtastic * {
  cursor: crosshair;
  position: absolute;
}

.farbtastic,
.farbtastic .wheel {
  height: 195px;
  width: 195px;
}

.farbtastic .color,
.farbtastic .overlay {
  height: 101px;
  left: 47px;
  top: 47px;
  width: 101px;
}

.farbtastic .wheel {
  background: url(/images/wheel.png) no-repeat;
  height: 195px;
  width: 195px;
}

.farbtastic .overlay {
  background: url(/images/mask.png) no-repeat;
}

.farbtastic .marker {
  background: url(/images/marker.png) no-repeat;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden;
  width: 17px;
}

div.objectlookup {
  min-height: 18px;
  background-color: white;
  border: 1px solid #BFBFBF;
}

.sensorlookupnew {
  min-height: 50px;
  background-color: white;
}


/* datepicker */
.prtg-form fieldset input.hasDatepicker {
  margin-right: -17px;
  padding: 5px;
}

.ui-datepicker-trigger {
  vertical-align: top;
  margin-top: 3px;
}

table.table .ui-datepicker-trigger {
  margin-top: 2px;
}

.prtg-form .datatablecontrols {
  width: 100%;
}

.prtg-form .datatablecontrols td {
  width: 33.3%;
  margin: 0;
  padding: 0 2px 2px 0;
}

.prtg-form .datatablecontrols td:last-child {
  padding: 0 0 2px 0;
}

.prtg-form .datatablecontrols td a {
  width: 100%;
  margin: 0;
}

.prtg-form table.table,
.prtg-form .dataTables_wrapper {
  margin: 0;
}

.prtg-form .dataTables_wrapper {
  display: inline-block;
  width: 100%;
}
.dataTables_wrapper .dataTables_scroll{
  overflow: auto!important;
}
.dataTables_wrapper .dataTables_scrollHead{
  overflow: visible!important;
}
.dataTables_wrapper .dataTables_scrollHeadInner {
  box-sizing: content-box;
  padding-right: 0px!important;
  background-color: #ccc;
  border-top: 1px solid #f3f2f2;
}

.dataTables_wrapper .dataTables_scrollHeadInner th {
  border-top: none;
}
.dataTables_wrapper .dataTables_scrollBody{
  overflow: visible!important;
}

.prtg-form .dataTables_wrapper table.table {
  border: none;
  margin: 0;
}

.prtg-form .clustertreeobject {
  display: none;
}

form .Hidefilterprio0 label[for="checkboxtoggler0"] {
  visibility: hidden;
}

.inline #addobjectdialogform.prtg-form {
  padding-left: 0;
  background: #fff;
}

.inline #addobjectdialogform.prtg-form .selectgroupfordevice {
  display: none;
}

.prtg-form i.locked {
  width: 14px;
  height: 14px;
  background-image: url(images/ui-icons_222222_256x240.png);
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  margin: 7px 3px;
  right: 0;
}

li#probeip div {
  display: inline;
}

.multieditactivecheckbox{
  display:none;
}

.inheritedfrom .probemenu,
.inheritedfrom .groupmenu,
.inheritedfrom .devicemenu,
.inheritedfrom .sensormenu{
  width: 30em;
}

/* prtg.links.css */
a, input, input:focus, th:focus {
  outline: none;
}

a:link, a:active, a:visited {
  color: #00235D;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

a img {
  border: none;
}
/*
input {
  background-color: #f3f2f2;
}
*/
a.usermenu, a.usergroupmenu, a.reportmenu, a.mapmenu, a.schedulemenu, a.triggermenu, a.notificationmenu, a.groupmenu, a.librarymenu, a.libraryobjectmenu, a.rootgroupmenu, a.devicemenu, a.probemenu, a.probenodemenu, a.sensormenu, span.groupicon, span.deviceicon, span.probeicon, span.sensoricon, .sensq, .sensx, .sensp, .senso, .sensb, .sensq, .sensr, .sensy, .sensg, .simplelink {
  background-repeat: no-repeat;
  background-color: transparent;
  padding-bottom: 1px;
  padding-left: 16px;
  padding-top: 1px;
  background-size: 14px 14px;
}

a.isfavorite .ui-icon-flag {
  background-position: -16px -114px;
  height: 14px;
  display: inline-block;
  background-image: url("images/ui-icons_454545_256x240.png");
  vertical-align: top;
}

span.objectisnotfavorite, span.objectisfavorite {
  cursor: pointer;
}

a.groupmenu, a.rootgroupmenu, span.groupicon {
  background-image: url(/icons/group.png);
}

a.libraryobjectmenu, span.libraryobjecticon {
  background-image: url(/icons/libraryobject.png);
}

a.librarymenu, span.libraryicon {
  background-image: url(/icons/library.png);
}

a.devicemenu, span.deviceicon {
  background-image: url(/icons/device.png);
}
/* links in dialog text */
.ui-dialog p a[dependency][style*="background-image:url"]{
  background-repeat: no-repeat;
  padding-left: 16px;
  max-width: 12em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: text-bottom;
}
#table_messagetable a.sensormenu, #table_messagetable span.sensoricon {
  background-image: url(/icons/led_nostate.png);
  background-position: 0px 0px;
}

a.reportmenu {
  background-image: url(/icons/report.png);
}

a.probemenu, a.probenodemenu, span.probeicon {
  background-image: url(/icons/probe.png);
  background-position: left top;
}

a.probemenu.disconnected, a.probenodemenu.disconnected {
  background-image: url(/icons/probeoffline.png);
}

a.schedulemenu {
  background-image: url(/icons/schedule.png);
}

a.mapmenu {
  background-image: url(/icons/map.png);
}

a.notificationmenu {
  background-image: url(images/Glocke_003596_14x14.png);
}

a.usermenu {
  background-image: url(/icons/useraccount.png);
}

a.usergroupmenu {
  background-image: url(/icons/usergroup.png);
}

a.refresh {
  background-image: url(/images/refresh_black.png);
  background-repeat:no-repeat;
}

a.refresh.disabled {
  background-image: url(/images/refresh_disabled.png);
}

.working {
  background-image: url(/images/ajax-loader-small.gif)!important;
  background-position: 0 2px !important;
  background-repeat: no-repeat;
  height:14px;
}

h1 .working {
  background: none!important;
}

/*.sensx, .sensg, .sensy, .sensr, .sensq, .senso, .sensb, .sensp {
  width: 14px;
  height: 14px;
}
*/
.sensx {
  background-image: url(/icons/icon_unknown.svg);
}

.sensg {
  background-image: url(/icons/icon_up.svg);
}

.sensy {
  background-image: url(/icons/icon_warning.svg);
}

.sensr {
  background-image: url(/icons/icon_down.svg);
}

.sensq {
  background-image: url(/icons/icon_partdown.svg);
}

.senso {
  background-image: url(/icons/icon_downack.svg);
}

.sensb {
  background-image: url(/icons/icon_paused.svg);
}

.sensp {
  background-image: url(/icons/icon_unusual.svg);
}

.probemenu, .devicemenu, .sensormenu {
  width: 35em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 3px;
}

.sensormenu.nolimit {
  width: auto;
}

/* a.sensormenu.sensg, a.sensormenu.sensr, a.sensormenu.sensq, a.sensormenu.senso, a.sensormenu.sensb, a.sensormenu.sensy, a.sensormenu.sensp, a.sensormenu.sensx, */
div.sensg, div.sensr, div.sensq, div.senso, div.sensb, div.sensy, div.sensp, div.sensx, label.sensg, label.sensr, label.sensq, label.senso, label.sensb, label.sensy, label.sensp, label.sensx {
  width: auto;
}

div.sensg, div.sensr, div.sensq, div.senso, div.sensb, div.sensy, div.sensp, div.sensx, label.sensg, label.sensr, label.sensq, label.senso, label.sensb, label.sensy, label.sensp, label.sensx {
  display: inline;
  padding-right: 6px;
}

div.buttonbox a.devicemenu, div.buttonbox a.probemenu, div.buttonbox a.sensormenu, div.buttonbox a.groupmenu, div.buttonbox a.rootgroupmenu, div.buttonbox a.probenodemenu {
  padding-left: 0px;
}

div.buttonbox.ispausedbyparent .checknow {
  display: none;
}

div.buttonbox .acknow {
  display: none;
}

div.buttonbox.sensr .acknow {
  display: inline-block;
}

div.buttonbox {
  width: auto;
  background: none;
  height: 18px;
}

/* NOTE: Fix for PRTG-782 */
@-moz-document url-prefix() {
  div.buttonbox {
    overflow: visible;
  }
}

a.button .ui-icon, a.actionbutton .ui-icon, button.actionbutton .ui-icon {
  display: inline-block;
  height: 14px;
  margin-bottom: 4px;
  vertical-align: middle;
  margin-right: 8px;
}

.button, .actionbutton, .button:link, .actionbutton:link, .button:visited, .actionbutton:visited, .ui-widget-content button.ui-state-default.actionbutton, .ui-widget-content button.ui-state-default.actionbutton:link, .ui-widget-content button.ui-state-default.actionbutton:visited, .ui-widget-content button.ui-state-default.button, .ui-datepicker-buttonpane button {
  display: inline-block;
  padding: 2px 10px;
  /*margin: 2px 2px;*/
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  border-radius: 0;
  transition: .1s;
}

input.button, input.actionbutton {
  height: 30px;
}

.tablebuttonbox .button, .tablebuttonbox .actionbutton {
  padding: 2px 6px 0px 4px;
  margin: 1px 5px 1px 0;
  line-height: 14px;
  position: relative;
}

.tablebuttonbox .button .icon, .tablebuttonbox .actionbutton .icon {
  margin-right: 4px;
  margin-left: -2px;
  margin-top: -2px;
}

.tablebuttonbox .button.right, .tablebuttonbox .actionbutton.right {
  position: absolute;
  right: 0;
}

a.actionbutton.approvebutton, a.actionbutton.button.btngrey {
    margin-right: 4px;
}

.actionbutton, .actionbutton:link, .actionbutton:visited, .ui-widget-content button.ui-state-default.actionbutton, .ui-widget-content button.ui-state-default.actionbutton:link, .ui-widget-content button.ui-state-default.actionbutton:visited, .ui-datepicker-buttonpane .ui-datepicker-close {
  background: #00245d;
  color: #fff;
  border: 1px solid transparent;
  transition: .1s;
}

.approvegrowl, .denygrowl {
  color: #00245d;
}

.approvegrowl:hover, .denygrowl:hover {
  cursor: pointer;
  color: #000;
  transition: .1s;
}

.denygrowl {
  position: absolute;
  right: 0px;
  padding-right: 8px;
}

.button.btndisabled, .button.btndisabled:hover, .button.btndisabled:active {
  color: #fff;
  border: 1px solid transparent;
  background: #d5d6d7;
  cursor: default;
  text-decoration: none;
  transition: .1s;
}

.button .ui-icon, .actionbutton .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
  transition: .1s;
}

.tablebuttonbox .button {
  max-width: 250px;
  width: auto;
  transition: .1s;
}

.button.btnorange {
  background: #f7931e;
  color: #ffffff;
  border: 1px solid transparent;
  transition: .1s;
}

.button.btngreen {
  border: 1px solid transparent;
  background: #bbd63d;
  color: #000;
  text-decoration: underline;
  transition: .1s;
}

.button.btnsmall {
  padding: 2px 4px 2px 4px;
  height: auto;
  margin: 5px;
  line-height: 100%;
  transition: .1s;
}

.button.btngrey, .ui-widget-content button.ui-state-default.button.btngrey, .ui-datepicker-buttonpane .ui-datepicker-current {
  color: #212c52;
  border: 1px solid transparent;
  background: #d5d6d7;
  transition: .1s;
}

.button:hover, .actionbutton:hover, .ui-widget-content button.ui-state-default.actionbutton:hover, .ui-widget-content button.ui-state-default.button:hover {
  text-decoration: underline;
  background: #a0c9ec;
  color: #000;
  transition: .1s;
}

.button:hover > .ui-icon, .actionbutton:hover > .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
  transition: .1s;
}

.button:active, .actionbutton:active, .button.atwork, .actionbutton.atwork, .ui-widget-content button.ui-state-default.actionbutton:active, .ui-widget-content button.ui-state-default.button:active {
  background: #bbd63d;
  color: #000;
  text-shadow: 0 -1px 0 #bbb;
  transition: .1s;
}

.button.btngrey .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
  transition: .1s;
}

.ui-button-text-only span.ui-button-text {
  padding: 0;
}

#reportrunnerform .actionbutton, #reportrunnerform .actionbutton:link, #autoupdatedata .actionbutton, #autoupdatedata .actionbutton:link, #statusadmintools .actionbutton, #statusadmintools .actionbutton:link {
  display: inline-block;
}

body.help .containement{
  height: 100%;
  max-height: 100%;
}
body.help .containement1{
  max-height: calc(100% - 40px);
}
body.help .container{
  overflow-y: auto;
  min-height: 0px;
}
#toc #head{
  display: none;
}
#toc li{
  background-position: 0 4px!important;
  margin-top: 0px!important; 
}
body.help #content {
  background: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 15px;
}

body.help header,
body.help footer{
  background: #b7b7b7;
  position: relative;
  height: 20px;
  font-size:10px;
}
body.help header .paesslerlogo,
body.help footer .paesslerlogo{
  float: right;
  margin-top: 1px;
  margin-right: 3px;
}

body.help header .prtglogo,
body.help footer .prtglogo{
  float: left;
  margin-left: 3px;
}
body.help footer span{
  padding-top: 3px;
  margin-top: 0;
}
body.help p.p_Heading1 {
  font-size: 1.3rem;
  font-weight: bold;
}

body.help p.p_Heading2 {
  font-size: 1.1rem;
  font-weight: bold;
}

body.help p.p_InTopicHeading {
  font-size: 1.1rem;
  font-weight: bold;
}

body.help p.p_ListBulleted {
  padding-left: 15px;
  width: auto;
}

body.help p.p_CodeExample {
  background-color: #f3f2f2;
  border: 1px solid #ccc;
  font-family: "courier new", courier, fixed;
  margin-right: 10px;
  overflow-x: auto;
  padding: 2px;
}
body.help span.heading1 {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

div.help li {
  padding-bottom: 2px;
  padding-top: 2px;
}

body.help #toc li.heading1 {
  padding: 0;
}

div.help h2 {
  margin-top: 10px;
}

div.help h3 {
  font-size: 12px;
  font-weight: bold;
}

div.help ul {
  list-style-type: disc;
  margin: 0px;
}

div.help>ul {
  /*width: 570px;*/
}

body.help #toc li {
  padding: 2px;
}

body.help ul.heading1 {
  padding: 0px;
}

div.help p, div.help>div {
  padding-bottom: 2px;
  padding-top: 0px;
  /*width: 600px;*/
}

div.help table, div.help pre {
  /*width: 600px !important;*/
}

div.help table p {
  width: auto;
}

div.help table td {
  background-color: #f3f2f2;
  width: auto !important;
}

ul.apicalls {
  background-color: #f3f2f2;
  width: 710px;
  /*border: 5px solid #f3f2f2;*/
  /*border-radius: 5px;*/
  padding: 0;
  padding-top: 3px;
}

ul.apicalls li {
  font-weight: bold;
  list-style-type: none;
  margin: 0px;
  padding: 0;
  margin-bottom: 2px;
  margin-top: 2px;
  padding-left: 8px;
}

ul.apicalls pre {
  background-color: #fff;
  font-family: "courier new", courier, fixed;
  font-size: 11px;
  font-weight: normal;
  padding: 2px;
  margin: 0;
  overflow: auto;
}

.apidocs pre {
  background-color: #fff;
  border: 5px solid #f3f2f2;
  border-radius: 5px;
  font-family: "courier new", courier, fixed;
  font-size: 11px;
  font-weight: normal;
  margin-top: 3px;
  width: 690px;
  padding: 5px;
}

.apidocs table.table {
  width: auto;
}

.apidocs table.table td {
  /*max-width: 400px;*/
}

.apidocs p {
  margin-top: 3px;
  width: 690px;
  padding: 5px;
}

.apidocs .tab-container ul li {
  margin-top: 3px;
  width: 690px;
  padding: 5px;
}

ul.apicalls pre b {
  color: blue;
}

.hideinv12, .hideinv13, .hideabove14-x-12, .hideabove15-4-21, .hideabove16-x-24, .hideabove16-x-28 {
  /* for whatsnew.htm */
  display: none !important;
}

body.help #head {
  font-size: 1.3rem;
  font-weight: bold;
}

body.help .buttonbox {
  font-size: 1.2rem;
  position: fixed;
}

div.help h1:first-child {
  display: none;
}

body.help .f_SettingsTableHeader {
  text-transform: uppercase;
  font-family: "Lucida Sans-Serif", "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #00235D;
  font-size: 1.1rem;
}
body.help #head {
  padding-left: 15px;
}
body.help #main {
  padding-top:8px;
  margin-top: 0;
}
body.help .p_InTopicHeading {
  margin-bottom: 0;
  margin-top: 15px !important;
}
 body.help .tabs-container.help p {
  margin: 0.4rem 0;
 }

body.help .buttonbox {
  display: none;
}
#toc #main{
  padding-top: 0;
}
#toc #main #content{
  margin: 0;
  padding: 5px;
}
body.help .f_ItalicCustom{
  font-style: italic;
}
body.help .p_SettingsTableHeader{
  text-align: left!important;
}

/*NOTE: body min-width breaks the media queries breakpoints*/
body.full-width {
  min-width: auto !important;
}


#helpcenter {
	width:100%;
}

/* @media (max-width: 680px) {
  #helpcenter {
    width:100%;
    position:absolute;
  }
}


@media (min-width: 680px) {
  #helpcenter {
    width:680px;
    margin:0 auto;
    overflow:hidden;
  }
} */

@media (min-width: 1280px) {
  #helpcenter {
    width:1280px;
    margin:0 auto;
    overflow:hidden;
  }
}

#helpcenter .titlebox {
  margin-left: 5px;
  font-weight: normal;
  color: #00235D;
  font-size: 18px;
  text-transform: uppercase;
}

#helpcenter-container {
  display: flex;
  flex-flow: row wrap;
  overflow:hidden;
  justify-content: center;
  margin: 0 auto;
}

.helpcenterbox {
 /*   flex: 1 1 320px; */
  
  /*min-height: 320px;
  
  height: 320px; */
  
  width: 320px;
  height:auto;
    
  position: relative;
  background-color: #F3F2F2;
  margin: 5px;
}

/* @media (min-width: 680px){
  .helpcenterbox {
	min-height: 340px;
  }
}
*/

@media (max-width: 1150px) {
  .helpcenterbox {
    width: calc(50% - 20px);
  }
}

@media (max-width: 845px) {
  .helpcenterbox {
    width: calc(100% - 30px);
  }
}


.helpcenterbox:hover {
  background-color: #FAFAFA;
}

.helpcenterbox-header {
  display: flex;
}

.helpcenterbox-header .left-half {
  flex: 1;
  padding: 1rem;
  text-align: left;
  /* word-spacing: 200px; */
  text-transform: uppercase;
  font-size: 18px;
}

.helpcenterbox-header .right-half {
  flex: 1;
  padding: 1rem;
  text-align: right;
}

.helpcenterbox-body {
  padding: 5px 15px;
  font-size: 13px;
}

.helpcenterbox-body span{
	position:relative;
	display:block;
	overflow:hidden;
	max-height: 230px;
}

div.helpcenterbox-body:after {
  content: "";
  height: 50px;
  display:block;
}

.helpcenterbox-body span:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: -22px;
  right: 0px;
  width: 70%;
  height: 22px;
  background: linear-gradient(to right, rgba(243, 242, 242, 0), rgba(243, 242, 242, 1) 50%);
}

.helpcenterbox:hover span:after {
  background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1) 50%);
}

.helpcenterbox ul{
	margin:17px;
}

.helpcenterbox{
	line-height:17px;
}


/* Fix for different Segoe UI height */
@-moz-document url-prefix() {
  .helpcenterbox-body {
    font-size: 12.5px;
  }
}

.helpcenterbox-body a.btn {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 5px 10px;
  line-height: 22px;
  color: #fff;
  display: inline-block;
  /* width: 128px; */
  min-width: 128px;
  max-width: 90%;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.helpcenterbox-body a.btn:after {
  content: " \00bb";
}

.helpcenterbox-body a.btn:hover {
  text-decoration: none;
}

.helpcenterbox-body a.btn.btn-orange:before {
  background: #CC8016;
}

.helpcenterbox-body a.btn.btn-cyan:before {
  background: #49A09C;
}

.helpcenterbox-body a.btn.btn-lightblue:before {
  background: #82A9CE;
}

.helpcenterbox-body a.btn.btn-blue:before {
  background: #4670B5;
}

.helpcenterbox-body a.btn.btn-limette:before {
  background: #9CB230;
}

.helpcenterbox-body a.btn.btn-magenta:before {
  background: #CC0054;
}

/* Colors */
.orange { color: #f99d1c; }
.cyan { color: #5bc4bf; }
.lightblue { color: #90BCE6; }
.blue { color: #00235D; }
.limette { color: #b4cc38; }
.magenta { color: #E6005F; }

/* Button colors */
.helpcenterbox-body a.btn-orange {
  background-color: #f99d1c;
}

.helpcenterbox-body a.btn-cyan {
  background-color: #5bc4bf;;
}

.helpcenterbox-body a.btn-lightblue {
  background-color: #90BCE6;
}

.helpcenterbox-body a.btn-blue {
  background-color: #00235D;
}

.helpcenterbox-body a.btn-limette {
  background-color: #b4cc38;
}

.helpcenterbox-body a.btn-magenta {
  background-color: #E6005F;
}

.prtg-plugin .same-square-height,
.prtg-plugin .square-height,
.prtg-plugin .same-square-width,
.prtg-plugin .square-width{
  visibility:hidden;
}





/*prtg.sensorstats.css*/
#sensorstatscell {
  width: 1%;
}

.newalerts {
  width: auto;
  width: 1%;
  white-space: nowrap;
}

#sensorstats {
  display: block;
  float: right;
  margin-left: 5px;
  width: auto;
  padding: 7px;
}

#sensorstats a div {
  display: inline-block;
  margin-left: 3px;
  margin-right: 2px;
  padding-right: 2px;
  padding-top: 3px;
}

#sensorstats a div.sensx {
  background-image: url(/icons/led_grey_tall.png);
}

#sensorstats a div.sensg {
  background-image: url(/icons/led_green_tall.png);
}

.newalerts a,
.newalerts a:link,
.newalerts a:hover,
.newalerts a:visited,
.newalerts a:active,
#sensorstats a,
#sensorstats a:link,
#sensorstats a:hover,
#sensorstats a:visited,
#sensorstats a:active {
  color: white!important;
  height: 14px;
  padding: 3px 5px 4px 5px;
  
  font-size: 11px;
  box-shadow: 1px 1px 1px #444444;
  margin: 4px 1px 4px 4px;
  border-radius: 3px;
}

#sensorstats a,
#sensorstats a:link,
#sensorstats a:hover,
#sensorstats a:visited,
#sensorstats a:active {
  padding: 4px 3px 4px 14px;
}

.newalerts a {
  display: none;
}

#sensorstats a div,
.newalerts a span {
  background: #FFFFFF;
  border-radius: 3px;
  box-shadow: 1px 1px 1px #444444 inset;
  color: #000000;
  display: inline-block;
  padding: 1px 3px 0px 6px;
  text-align: center;
  margin-left: 2px;
  background-image: none!important;
  opacity: 0.8;
}

.newalerts a:hover,
#sensorstats a:hover {
  text-decoration: none!important;
  box-shadow: 2px 2px 2px #000;
}

#sensorstats a:hover div,
.newalerts a:hover span {
  background: #d6d7d8;
}

#alertalarms {
  background-color: #D21925;
}

#alertmsgs {
  background-color: #808285;
}

#alerttodos {
  background-color: #A4A5A9;
}

#sensorstats.sensg {
  background-image: none;
  width: auto;
  height: auto;
}

#sensorstats .sensy {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_yellow.png);*/
}

#sensorstats .sensr {
  background-image: url(/icons/statussprite.png);
  background-position: 0 -1101px;
  background-repeat: no-repeat;
}

#sensorstats .sensq {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_red_green.png);*/
}

#sensorstats .senso {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_redok.png);*/
}

#sensorstats .sensb {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_blue.png);*/
}

#sensorstats .sensp {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_orange.png);*/
}

#sensorstats .sensx {
  background-image: none;
  width: auto;
  height: auto;
/*  background-image: url(/icons/led_grey.png); */
}

#sensorstats .sensorlinkred {
  background-color: #D21925;
}

#sensorstats .sensorlinkgreen {
  background-color: #98BD1D;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -265px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkpaused {
  background-color: #6294C8;
  background-image: url(/icons/statussprite.png);
  background-position: 0 0;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkpartialred {
  background-color: #D21925;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -1240px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkack {
  background-color: #E89574;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -1525px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkwarn {
  background-color: #EECE00;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -1735px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkunusual {
  background-color: #EE9804;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -895px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#sensorstats .sensorlinkblack {
  background-color: #707172;
  background-image: url(/icons/statussprite.png);
  background-position: 0 -475px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}

#table_channeltable {
  width: auto;
}

#table_channeltable tbody tr td:first-child {
  padding-right: 20px;
}

#table_channeltable tbody tr td:last-child {
  padding-left: 20px;
}




/*prtg.welcome.css*/

.welcomepage {
  display: flex !important;
  justify-content: center;
}

.welcomepage .welcomepage_container {
  display: flex;
  margin: 10px;
  padding: 0;
  width: 1024px;
  background-color: #fff;
}

.welcomepage .welcome_column {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;

}

.welcomepage .welcome_column_left {
  flex: 3 0 60%;
}

.welcomepage .welcome_column_right {
  flex: 2 0 40%;
}

.welcomepage .welcomebox {
  display: inline-block;
  margin: 5px;
  background-color: #F3F2F2;
  flex: 0 1 100%;
  padding: 10px;
  overflow: hidden;
}

.welcomepage .welcomebox:empty {
  display: none;
}

.welcomepage .newsfeedbox {
  height: 720px;
  overflow: hidden;
  position: relative;
}

.welcomepage .newsfeedboxadmin {
  height: 310px;
  overflow: hidden;
  position: relative;
}

.welcomepage .welcomebutton {
  flex: 1 1 40%;
  height: 150px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 15px;
  align-self: stretch;
}

.welcomepage .welcomebutton p{
	margin-top:10px;
}

.welcomepage .welcomebutton:hover {
  background-color: #B3B3B3;
  color: black;
  cursor: pointer;
  transition: 0.3s;
  text-decoration: none;
}

.welcomepage .welcomebutton1 {
  background-color: #65C1BE;
}

.welcomepage .welcomebutton2 {
  background-color: #082559;
}

.welcomepage .welcomebutton3 {
  background-color: #90BCE6;
}

.welcomepage .welcomebutton4 {
  background-color: #ED6EA7;
}

.flexme {
  display: flex;
  flex-flow: row nowrap;
  align-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}

.welcomepage h2 {
  margin-top: 0;
  padding-left: 0;
}

.flexme div:not(.donutlabel) {
  flex: 1 0 50%;
  position: relative;
}

.currentalarmsoverview .flexme div:first-child {
  flex: 0 0 200px;
}

.donutext {
  text-anchor: middle;
  font-size: 38px;
}

.donutextsmall {
  text-align: center;
  text-anchor: middle;
  font-size: 16px;
  line-height: 0.9;
}

.donutlabel {
  width:100%;
  word-wrap:break-word;
  position:absolute;
  z-index:2;
  text-align:center;
  font-size: 16px;
  line-height: 0.9;
  top:0px;
  padding:2px 40px 0px 40px;
}

.value-name-list div {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 16px;
  margin-top: 0;
}

.value-name-list .item {
  margin-left: 15px;
  height: 26px;
  font-size: 14px;
  line-height: 26px;
}

.value-name-list .value {
  width: 50px;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}

.value-name-list .statusicon {
  padding-left: 26px;
  background-size: 26px 26px;
}

.currentalarmsoverview .value-name-list div {
  margin-bottom: 15px;
}

.welcomeautoupdatebox {
  font-size: 14px;
}

.welcomeautoupdatebox .versioninfo p:first-child {
  font-size: 16px;
  margin-bottom: 0;
}

.welcomeautoupdatebox .versioninfo p:last-child {
  margin-top: 5px;
}

.yesterdaysactivitybox .sensorscansbox p {
  margin: 0;
}

.yesterdaysactivitybox .sensorscansbox .scansum {
  font-size: 16px;
  font-weight: bold;
}

.yesterdaysactivitybox .sensorscansbox .scantext {
  font-size: 16px;
}

.yesterdaysactivitybox .value-name-list {
  margin-top: 30px;
}

.yesterdaysactivitybox .value-name-list .value {
  line-height: 24px;
}

.welcomepage_container hr {
  border: 0;
  height: 1px;
  background-color: #d5d6d7;
  margin: 15px 0 15px 0;
}

.welcomepage_container tct img {
  float: left;
  padding-right: 20px;
}

.welcomepage_container tct {
  overflow: auto;
}

.welcomepage_container tct:hover .video-description-playtext {
  text-decoration: underline;
}

.welcomepage_container tct:hover .video-description-header {
  text-decoration: underline;
}

.welcomepage_container tct a {
  left: 0;
  bottom: 0;
  right: 0;
}

.welcomepage_container .prtg-logo-big {
  width: 100px;
}

.welcomepage_container .sparklineextend {
  background-color: #fff;
}

.welcome-page .nagscreen-box {
  width:630px;
}

.welcomepage .nagscreens {
  width: 584px;
  margin: 20px 20px 0px 20px;
  padding: 0;
}

.welcomepage .nagscreen-box {
  width: 100%;
  margin-left: 0;
}

/*prtg.setuppage.css*/
.setupcontainer {
  padding: 5px;
}

.setupview h2 {
  margin: 0px;
  padding: 25px 0 5px 0;
  min-height: 50px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.setupview h2:hover {
  white-space: normal;
}

.setupview a {
  margin: 5px;
  display: block;
}

#setuplinks a {
  min-height: 60px;
}

#setuplinks a:hover {
  cursor: pointer;
  text-decoration: none;
}

#setuplinks a:hover:not([disabled]) {
  background: #d6d7d8;
  -webkit-transition: .1s;
  transition: .1s;
  height: auto;
}

.setupview a img {
  width: 40px;
  height: 40px;
  position: absolute;
  margin: 3px;
  margin-top: 10px;
}

.setupview a h3 {
  color: #00235D;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 2px;
  padding-top: 8px;
}

.setupview a p,
.setupview a h3 {
  padding-left: 55px;
}

.setupview a p {
  color: #555;
  padding-right: 2px;
  padding-bottom: 2px;
  margin-bottom: 8px;
  margin-top: 0px;
  font-size: 11px;
  height: auto;
  overflow: visible;
  max-width: 40em;
}

.setupcontainer .row-panle {
  justify-content: space-arround;
}

.setupcontainer .nagscreen-box {
  width: 100%;
}

.setupview h3 a {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.setupview h3:hover a {
  white-space: normal;
  text-decoration: underline;
  background-color: transparent;
}

.setupcontainer .nagscreen-box p {
  max-width: none;
}

/* prtg.screenbox.css */
.screenbox {
  background: #f3f2f2;
  margin-top: 0;
}

.screenbox h2 {
  font-size: 18px;
  background: #fff;
  padding: 2px;
  padding: 15px 0px 10px 0px;
  filter: none;
  margin: 0px;
}

.screenbox h2 a:link, .screenbox h2 a:active, .screenbox h2 a:visited {
  color: #fff;
  text-decoration: none;
}

.screenbox h2 a:hover {
  color: #00235D;
  text-decoration: underline;
}

.screenbox ul {
  padding: 0px;
  margin: 0px;
  border: 5px solid #f3f2f2;
  border-radius: 5px;
}

.screenbox ul li {
  list-style-type: none;
  margin: 0px;
  padding: 2px;
}

.screenbox ul li>span:first-child {
  display: table-cell;
  font-weight: bold;
  width: 140px;
}

.screenbox ul li>span:last-child {
  display: table-cell;
  word-break: break-all;
}

.screenbox>ul>li>ul {
  margin-left: 12px;
}

.screenbox ul li:nth-child(even) {
  background-color: #f3f2f2;
}

.screenbox ul li:nth-child(odd) {
  background-color: #f8f8f8;
}

div.screenbox table.table {
  margin-top: 0;
  margin-bottom: 0;
}

.systemstatus>div {
  width: 50%;
  float: left;
}

.systemstatus>div:first-child {
  padding-right: 10px;
}

.nagscreen-box {
  background-color: #f3f2f2;
  padding: 5px;
  display: inline-block;
  margin-bottom:15px;
  color: #000;
  width:830px;
}

#login-container .nagscreen-box {
  width:402px;
}

#login-container .nagscreen-head {
    color:#DD2765;
}

.setuppage .nagscreen-box {
	margin-left:10px;
}
.nagscreen-cell {
  vertical-align: top;
  text-align: center;
  padding: 0 5px;
}
.nagscreen-head {
  text-align: center;
  min-width: 210px;
  font-size: 16px;
  font-weight: bold;
  color:#d71920;
}

.nagscreen-text span:first-child {
  display: block;
  padding: 0 0 5px 0;
}
.nagscreen-action a {
  min-width: 200px;
}
.nagscreen-head2 {
  min-width:0;
  width:auto;
  font-size: 14px;
  font-weight: bold;
}
.nagscreen-whitetext {
  min-width:0;
  width:auto;
  color:#000;
  background:#fff;
  padding:5px;
}

.disablescreen {
  display:block;
  position:fixed;
  left:0px;
  top:0px;
  bottom:0px;
  right:0px;
  background:white;
  z-index:8999;
}

div.browserincompatiblemessage {
	background-color: #ffcb05;
	border:1px solid #fff;
	padding: 5px;
	display:block;
	z-index:9000;
	right:10px;
	left:10px;
	text-align:center;
	position:relative;
	position:fixed;
	left:50px;
	right:50px;
	top:100px;
	min-width:350px;
	max-width:600px;
	padding:5px;
}

div.browserincompatiblemessage h2 {
	color:#000;
}
div.browserincompatiblemessage p {
	background-color:#fff;
	padding:20px;
}

div.browserincompatiblemessage a {
	text-decoration:underline;
}

ul.sensortree a,
ul.sensortree a:link,
ul.sensortree a:hover,
ul.sensortree a.hover,
ul.sensortree a:active,
ul.sensortree a:visited
{
	background-repeat: no-repeat;
	color: black;
	display:inline;
	text-decoration: none;
}
ul.sensortree a:hover
{
	text-decoration: underline;
}
ul.sensortree div.treedevice
{
	display: table;
}
/*ul.sensortree div.treedevice div.row
{
	display: table-row;
}
*/
ul.sensortree div.treedevice div.dev
{
	background: url(/icons/led_dev.png) 0 0 repeat-y;
	display: table-cell;
	padding-left: 3px;
	padding-top: 1px;
	vertical-align: top;
}
ul.sensortree div.dev a.devicemenu,
ul.sensortree div.dev span.nolink,
ul.sensortree div.dev a.probemenu,
ul.sensortree div.dev a.groupmenu,
ul.sensortree div.dev a.treeminilink
{
	padding-left: 19px;
	display:block;
}

ul.sensortree > li
{
	font-size: 15px;
	font-weight: bold;
}
ul.sensortree ul > li
{
	font-size: 13px;
	font-weight: bold;
}

ul.sensortree div.treedevice div.sens
{
	display: table-cell;
	padding: 0px 1px 1px 0px;
	/*text-align: top;*/
	vertical-align: top;
}
ul.sensortree ul div.treedevice div.dev > a
{
	border-bottom: none;
	overflow: hidden;
}
ul.sensortree ul div.treedevice div.dev
{
	font-size: 12px;
	overflow: hidden;
	width: 160px;
}
ul.sensortree a
{
	overflow: hidden;
}
ul.sensortree ul ul div.treedevice div.dev
{
	width: 144px;
}
ul.sensortree ul ul ul div.treedevice div.dev
{
	width: 127px;
}
ul.sensortree ul ul ul ul div.treedevice div.dev
{
	width: 109px;
}
ul.sensortree ul ul ul ul ul div.treedevice div.dev
{
	width: 90px;
}
ul.sensortree ul div.treedevice div.dev > a
{
	width: 144px;
}
ul.sensortree ul ul div.treedevice div.dev > a
{
	width: 126px;
}
ul.sensortree ul ul ul div.treedevice div.dev > a
{
	width: 108px;
}
ul.sensortree ul ul ul ul div.treedevice div.dev > a
{
	width: 90px;
}
ul.sensortree ul ul ul ul ul div.treedevice div.dev > a
{
	width: 72px;
	font-size: 10px;
}
ul.sensortree li.disconnected a,
ul.sensortree li.disconnected div.treedevice div.sens div.sx > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sg > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sp > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sb > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sr > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sq > a,
ul.sensortree li.disconnected div.treedevice div.sens div.so > a,
ul.sensortree li.disconnected div.treedevice div.sens div.sy > a,
ul.sensortree li.disconnected
{
	color: #888;
}
ul.sensortree li.disconnected > a
{
	color: #C00000;
}
ul.sensortree ul > li div
{
	font-weight: normal;
}
ul.sensortree ul,ul.sensortree
{
	background: url(/images/tv-item.gif) 0 0 repeat-y;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:#fff;
}
ul.sensortree ul
{
	background: url(/images/tv-item.gif) 0 0 repeat-y;
}
ul.sensortree ul.onechildonly
{
	background: url(/images/tv-item.gif) 0 0 no-repeat;
}
ul.sensortree ul li
{
	background: url(/images/tv-item-group.gif) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	padding: 5px 0pt 0px 18px;
}
ul.sensortree ul li.lastnode
{
	background: url(/images/tv-item-group-last.gif) 0 0 no-repeat;
}
ul.sensortree ul li.collapsed.lastnode,
ul.sensortree ul li.gr.collapsed.lastnode,
ul.sensortree ul li.pr.collapsed.lastnode
{
	background-image: url(/images/tv-item-group-last.gif);
}
ul.sensortree ul li.dev
{
	background-image: url(/images/tv-item-device.gif);
	padding: 5px 0pt 0px 16px;
}
ul.sensortree ul li.dev.lastnode
{
	background-image: url(/images/tv-item-device-last.gif);
}
ul.sensortree ul li.dev.collapsed.lastnode
{
	background-image: url(/images/tv-item-device-last.gif);
}
ul.sensortree li.collapsed>div.treedevice div.sens div > a
{
	height: 15px;
	padding-top: 2px;
}
#sensortree>li
{
	margin-left: 0px;
}
ul.sensortree div.allowdeny
{
	padding: 5px;
}
ul.sensortree div.allowdeny a
{
	display: inline-block ;
}
ul.sensortree div.treedevice div.sens > div
{
	display: inline-block;
	font-size: 9px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	white-space: nowrap;
	width: 78px;
}
ul.sensortree div.treedevice div.sens > div > a
{
	background-color: #fff;
	border-radius: 3px;
	border-top:1px solid #f3f2f2;
	display: block;
	height: 24px;
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
	width: 78px;
	text-overflow: ellipsis;
	white-space: nowrap;
	position:relative;
}

ul.sensortree div.treedevice div.sens > div > a.isfavorite .ui-icon-flag
{
  position:absolute;
  right:-3px;
  bottom:-1px;
  background-color:#fff;
  opacity:0.8;
}

ul.sensortree div.treedevice div.sens div > a:link,
ul.sensortree div.treedevice div.sens div > a:hover,
ul.sensortree div.treedevice div.sens div > a.hover,
ul.sensortree div.treedevice div.sens div > a:active,
ul.sensortree div.treedevice div.sens div > a:visited
{
	background-repeat: no-repeat;
	color: black;
	text-decoration: none;
  background-size: 13px 100%;
}
ul.sensortree div.treedevice div.sens div:hover,
ul.sensortree div.treedevice div.sens div.hover
{
	text-decoration: underline;
}
ul.sensortree div.treedevice div.sens div.sg > a
{
  background-image: url(/icons/icon_up.svg);
}
ul.sensortree div.treedevice div.sens div.sr > a
{
  background-image: url(/icons/icon_down.svg);
}
ul.sensortree div.treedevice div.sens div.sq > a
{
  background-image: url(/icons/icon_partdown.svg);
}
ul.sensortree div.treedevice div.sens div.so > a
{
  background-image: url(/icons/icon_downack.svg);
}
ul.sensortree div.treedevice div.sens div.sx > a
{
  background-image: url(/icons/icon_unknown.svg);
}
ul.sensortree div.treedevice div.sens div.sy > a
{
  background-image: url(/icons/icon_warning.svg);
}
ul.sensortree div.treedevice div.sens div.sb > a
{
  background-image: url(/icons/icon_paused.svg);
  color: gray;
}
ul.sensortree div.treedevice div.sens div.sp > a
{
  background-image: url(/icons/icon_unusual.svg);
}
ul.sensortree div.treedevice
{
	background-color: #f3f2f2;
	border-radius: 4px 0 0 4px;
	margin: 0 -2px 0 0;
	padding: 0px;
	width: 100%;
}
ul.sensortree li.gr.collapsed>div.treedevice
{
	background-color: #f3f2f2;
}
ul.sensortree a.treeminilink,
ul.sensortree a.treeminilink:link,
ul.sensortree a.treeminilink:active,
ul.sensortree a.treeminilink:visited
{
	background-color: transparent;
	background-image: url(/icons/plus.gif);
	background-position: 2px 1px;
	color: #00235D;
	display: block;
	font-size: 11px;
	margin-left: 17px;
	min-width: 200px;
	padding-left: 19px;
}
ul.sensortree ul.sensortree a.treeminilink:HOVER
{
	color: #333;
	text-decoration: underline;
}
div.sensortreel div.treedevice div.sens > div
{
	width: 155px;
}
div.sensortreel div.treedevice div.sens > div > a
{
	height: auto;
	width: auto;
}
div.sensortreexl ul.sensortree div.sens > div,
div.sensortreexl ul.sensortree div.sens > div > a,
div.sensortreexl ul.sensortree div.treedevice tr,
div.sensortreexl ul.sensortree div.dev,
div.sensortreexl ul.sensortree div.dev > a
{
	display: block;
	width: auto;
}
div.sensortreexl ul.sensortree div.row
{
	display: block;
}
div.sensortreexl ul.sensortree div.treedevice
{
	display: block;
}
div.sensortreexl ul.sensortree div.treedevice tr
{
	display: table;
}
div.sensortreexl ul.sensortree div.treedevice div.sens
{
	display: block;
	margin-left: 20px;
}
div.sensortreexl ul.sensortree div.treedevice div.dev,
div.sensortreexl ul.sensortree ul ul ul div.treedevice div.dev > a
{
	display: block;
	font-weight: bold;
	width: 100%;
}
div.sensortreesmall ul.sensortree  div.treedevice div.sens > div
{
	font-size: 9px;
	height: 16px;
	width: 75px;
}
div.sensortreesmall ul.sensortree ul div.treedevice div.dev > a
{
	height: 16px;
}
div.sensortreesmall ul.sensortree > li
{
	font-size: 14px;
	font-weight: bold;
}
div.sensortreesmall ul.sensortree ul > li
{
	font-size: 12px;
}
div.sensortreesmall div.dev a
{
	font-size: 10px;
}
div.sensortreesmall div.row
{
	position: relative;
}
div.sensortreesmall div.row div.sens
{
	display: none ;
}
div.sensortreesmall div.browsertip
{
	display: block;
}
div.sensortreesmall div.hasgreen,
div.sensortreesmall ul.hasgreen > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasgreen > ul.pr > li.node.collapsed > div.treedevice > div.row
{
	background-color: #D5FDDA;
}
div.sensortreesmall div.hasblue,
div.sensortreesmall ul.hasblue > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasblue > ul.pr > li.node.collapsed > div.treedevice > div.row
{
	background-color: #C3D2E9;
}
div.sensortreesmall div.hasorange,
div.sensortreesmall ul.hasorange > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasorange > ul.pr > li.node.collapsed > div.treedevice > div.row
{
	background-color: #FED78C;
}
div.sensortreesmall div.hasyellow,
div.sensortreesmall ul.hasyellow > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasyellow > ul.pr > li.node.collapsed > div.treedevice > div.row
{
	background-color: #F8FBC5;
}
div.sensortreesmall div.hasred,
div.sensortreesmall ul.hasred > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasred > ul.pr > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall div.hasack,
div.sensortreesmall ul.hasack > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasack > ul.pr > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall div.haspartialred,
div.sensortreesmall ul.haspartialred > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.haspartialred > ul.pr > li.node.collapsed > div.treedevice > div.row
{
	background-color: #ffcccc;
}
div.sensortreesmall div.row div.dev,
div.sensortreesmall div.dev > a
{
	font-size: 11px;
	height: 16px;
	width: 120px;
}
div.sensortreesmall ul li.dev
{
	background: none;
	display: inline-block;
	font-size: 11px;
	padding: 2px;
}
div.sensortreesmall div.dev
{
	background: url(/icons/led_dev.png) 0 0 no-repeat;
	display: inline-block;
	font-size: 11px;
	height: 12px;
	overflow: visible;
	padding: 0px;
	padding-left: 2px;
	width: auto;
}
div.sensortreesmall div.treedevice,
div.sensortreesmall div.row
{
	display: block;
}
ul.sensortree .working
{
	background-image: url(/images/ajax-loader-small.gif);
	background-position: 0 0;
}
ul.sensortree ul li
{
	position: relative;
}
ul.sensortree div.treeopen,
ul.sensortree div.treeclose
{
	cursor: pointer;
	display: inline-block;
	height: 9px;
	left: 5px;
	position: absolute;
	top: 7px;
	width: 9px;
}
ul.sensortree div.treeopen
{
	background-image: url(/images/tree-foldout-gray.gif);
}
ul.sensortree div.treeopen:hover
{
	background-image: url(/images/tree-foldout.gif);
}
ul.sensortree div.treeclose
{
	background-image: url(/images/tree-collapse-gray.gif);
}
ul.sensortree div.treeclose:hover
{
	background-image: url(/images/tree-collapse.gif);
}
#sensortree>li.lastnode>div.treeclose,
#sensortree>li.lastnode>div.treeclose:hover
{
  display:none;
}

ul.sensortree span.statusintree
{
    display:block;
	padding-left:17px;
	font-size:10px;
	font-weight:normal;
	color:#888;
background:url("/images/tv-item.gif") repeat-y scroll 0 0 transparent;
}

#clustermap{
	position:relative;
	width:100%;
	height:100%;
}
#clustermap line:hover{
	stroke-width:2px;
}
.clustermap-node{
	display: block;
	position: absolute;
	z-index:1;
	min-width:150px;
	min-height:150px;
}

.clustermap-node .label{
	text-anchor: middle;

}
.clustermap-node.master .label{
	font-weight: bold;
}

.clustermap-node div{
	width:150px;
	height: 60px;
	text-align: center;
}

td.connectionup{
	background-color: #b4cc38!important;
}
td.connectiondown{
	background-color: #d71920!important;
	color:white;
}
.download-items {
  padding: 25px 0 0 25px;
}

.download-item {
  overflow: auto;
  padding: 0 0 45px 0;
  white-space: nowrap;
}

.download-item h2 {
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 28px;
}

.download-item-text {
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 700px;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}

.download-item-text p {
  margin: 0 0 15px 0;
  padding: 0;
}

.download-item-text a.button {
  margin: 0;
}

.download-item-text a {
  margin: 0 10px 0 0;
}

.download-item-image {
  margin: 0 0 0 25px;
  padding: 0;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}



.panel{
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -ms-flex-direction: row\9; /*IE10*/
  flex: 1;
}

.panel.space-between{
  -ms-flex-pack: justify;
  justify-content:space-between;
}

.panel.stretch-items{
  align-items: stretch;
}

_:-ms-fullscreen, :root .ms-fix .panel{
  flex: 1 0 auto;
}

.row-panel{
  -webkit-flex-direction: row;
  -webkit-align-content: flex-start;
  -ms-flex-direction: row;
  flex-direction: row;
  align-content: flex-start;
}

.col-panel{
  -webkit-flex-direction: column;
  -webkit-align-content: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  align-content: flex-start;
}

.wrap-panel{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap\9;
  flex-wrap: wrap;
}

.fix-panel{
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.nogrow-panel{
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.stretch-panel{
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row-panel~.col-panel{
  justify-content: space-arround;
}

.no-flex{
  flex:none;
}

.panel > .panel-card {
  flex: 0 0 auto;
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.panel > .panel-card > .card {
  padding: 10px;
  background-color: #F3F2F2;
}

@media only screen and (min-width: 48em) {
  .panel > .panel-card {
    flex-basis: 100%;
    max-width: 100%;
  }

  .panel > .panel-card {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 62em) {
  .panel > .panel-card {
    flex-basis: 50%;
    max-width: 50%;
  }

  .panel > .panel-card:nth-child(even) {
    padding-left: 10px;
    padding-right: 0px;
  }

  .panel > .panel-card:nth-child(odd) {
    padding-left: 0px;
    padding-right: 10px;
  }
}

@media only screen and (min-width: 100em) {
  .panel > .panel-card {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .panel > .panel-card:nth-child(1), .panel > .panel-card:nth-child(4) {
    padding-left: 0px;
    padding-right: 10px;
  }

  .panel > .panel-card:nth-child(2), .panel > .panel-card:nth-child(5) {
    padding-left: 10px;
    padding-right: 10px;
  }

  .panel > .panel-card:nth-child(3), .panel > .panel-card:nth-child(6) {
    padding-right: 0px;
    padding-left: 10px;
  }
}

/* _Prtg.dataTables.css */
.dataTables_filter {
  position: relative;
  background: #ccc;
  height: 19px;
  line-height: 19px;
  top: 0;
  padding-left: 3px;
}

.datatables th {
  height: 20px;
}

.dataTables_filter label {
  position: relative;
  width: 100px;
  height: 17px;
  float: right;
  display: inline-block;
  background-color: white;
  margin-right: 1px !important;
  margin-top: 1px;
}

.dataTables_filter label[disabled] i {
  background-color: #ccc;
}

.dataTables_filter label i {
  position: absolute;
  top: 2px;
  left: 2px;
}

.prtg-form > fieldset .dataTables_filter input {
  width: 80px;
  height: 15px;
  line-height: 15px;
  border: 1px solid transparent;
  color: #000;
  padding: 0 0 0 18px;
  background: none;
  font-weight: normal;
  vertical-align: top;
}

.dataTable .sorting, .datatables .sorting {
  cursor: pointer;
  background-repeat: no-repeat;
  text-indent: 14px;
  background-position: 1px 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAUElEQVR4nKWRyw0AIAhDK3E1GJrl6sGLETQYObaPhk8jiVpJkftGzayETi6lJXKnbLl4m9Lqx+qXVADungywqqkiJy92gqFUNYokH9Z6eOwAZIZCL6H4qbkAAAAASUVORK5CYII=);
}

.dataTable .sorting_asc, .datatables .sorting_asc {
  cursor: pointer;
  text-indent: 14px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALUlEQVR4nGP8//8/A3GAiUh1g1Spm5sbUUoh6rCqZsJUh8tsJjxyaCKMwzMKADTyC9OjbJAHAAAAAElFTkSuQmCC);
}

.dataTable .sorting_desc, .datatables .sorting_desc {
  cursor: pointer;
  text-indent: 14px;
  background-repeat: no-repeat;
  background-position: 1px 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAPElEQVR4nGP8//8/A3GAiUh1Q0wpC5zl5uaGKb1r1y4spiKLYhVhwiWHqZPhPwZwdXXFFPz//z/jEIotAKmIOXVRblT4AAAAAElFTkSuQmCC);
}

.datatables tr {
  cursor: pointer;
}

.datatables tr.connected td{
  font-weight: bold;
}

/* _Prtg.Tabs.css */
.nav-tabs * {
  user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
}

.nav-tabs {
  list-style: none;
  display: block;
  padding: 0;
  padding-left: 5px;
  margin: 0 0 0 0;
  height: 23px;
  border-bottom: 1px solid #c1c2c3;
}

.nav-tabs .icon-white,
.nav-tabs .icon-gray,
.nav-tabs .icon-dark {
  vertical-align: text-top;
}

.nav-tabs > li {
  display: inline-block;
  line-height: 18px;
}

.nav-tabs li img {
  margin-right: 3px;
  vertical-align: text-top;
}

.nav-tabs > li > a {
  height: 23px;
  border: 1px solid #c1c2c3;
  color: #444;
  display: block;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  margin: 0 6px 0 0;
  line-height: 18px;
  background-position: 0 0;
  background: #c1c2c3;
  user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
  outline: none;
  transition: .1s;
}

.nav-tabs > .tab-active > a,
.nav-tabs > .tab-active > a:hover {
  color: #000;
  font-weight: bold;
  background: #fff;
  cursor: default;
  transition: .1s;
  border-top: 1px solid #c1c2c3;
  border-right: 1px solid #c1c2c3;
  border-left: 1px solid #c1c2c3;
  border-bottom-color: #fff;
}

.nav-tabs > .tab-active > a:hover {
  border-bottom-color: #a0c9ec;
}

.nav-tabs > li.tab-dark:not(.tab-active) > a {
  background-color: #717273;
  color: #fff;
}

.nav-tabs > li.tab-dark:hover > a,
.nav-tabs > .tab-active:hover > a,
.nav-tabs > li:hover > a {
  color: #000;
  background: #a0c9ec;
  border-top-color: #a0c9ec;
  border-left-color: #a0c9ec;
  border-right-color: #a0c9ec;
  transition: .1s;
}

.nav-tabs > .tab-active > a i {
  background-image: url(images/ui-icons_222222_256x240.png);
}

.tab-active.tab-dark i {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.tab-dark:hover i {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.tab-spacing {
  margin-left: 25px;
}

.tab-container {
  display: inline-block;
  min-height: 600px;
  min-width: 100%;
  border: none;
  padding: 3px 4px 1px 4px;
  margin: 0;
  background-color: #fff;
}

.tab-container.loading {
  background-image: url(/images/ajax-loader-big.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  cursor: progress;
}

.prtg-tabs {
  width: 100%;
  padding: 0;
}

.nav-tabs > li.tab-channels {
  display: none;
}

/* prtg.contextmenu.css */
.jqContextMenu {
  list-style: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  line-height: 16px;
  position: absolute;
  z-index: 100000;
  display: none
}

.jqContextMenu li {
  padding: 1px 16px;
  position: relative;
  float: left;
  white-space: nowrap;
  vertical-align: top;
}

.jqContextMenu li:hover,
.jqContextMenu li:active {
  background: #e0e0e0;
}


/* main level link */
.jqContextMenu a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0;
  margin: 0;
}

.jqContextMenu a:hover,
.jqContextMenu li a:hover,
.jqContextMenu a:active,
.jqContextMenu li a:active {
  background-color: transparent;
  text-decoration: none;
}

.jqContextMenu ul li a {
  color: black;
}


/* sub levels link hover */
.jqContextMenu ul li:hover,
.jqContextMenu ul li:active {
  background-color: #E0E0E0;
}


/* dropdown */
.jqContextMenu.flyoutleft li:hover > ul,
.jqContextMenu li:hover > ul,
.jqContextMenu.flyoutleft li:active > ul,
.jqContextMenu li:active > ul {
  display: block;
  z-index: 999;
}


/* level 2 list */
.jqContextMenu ul {
  margin: 0;
  list-style-type: none;
  list-style-image: none;
  position: absolute;
  left: 0;
  background: #ffffff;
  padding: 0;
  box-shadow: 0 0 2px #000;
}

.jqContextMenu ul {
  left: 0px;
  right: auto;
}

.jqContextMenu ul li {
  float: none;
  height: 22px;
  padding: 2px 28px 0 28px;
  cursor: default;
}

.jqContextMenu ul li.disabled {
  opacity: 0.3;
}

.jqContextMenu ul li.disabled > ul {
  display: none !important;
}

.jqContextMenu ul li.disabled > ul li {
  opacity: 1.0;
}

.jqContextMenu i {
  display: inline-block;
  position: absolute;
  text-indent: 0;
  top: 4px;
  left: 4px;
  right: auto;
}

.jqContextMenu i.icon-carat-1-e {
  position: absolute;
  text-indent: 0;
  right: 0;
  left: auto;
}

.jqContextMenu li.multiedit {
  float: left;
  width: 20px;
  height: 16px;
  margin: 0;
  padding: 0;
}


/* level 3+ list */
.jqContextMenu ul ul {
  display: none;
  left: 90%;
  top: 0;
  right: auto;
}

.jqContextMenu.flyoutleft ul ul {
  left: auto;
  top: 0;
  right: 90%;
}

.jqContextMenu i.icon-txt {
  background: #0F3E83;
  color: white;
  text-align: center;
  vertical-align: text-top;
  line-height: 16px;
  height: 16px;
  width: 20px;
  font-size: 0.9em;
  overflow: hidden;
  white-space: normal;
  top: 1px;
}

.jqContextMenu i.favstar,
.jqContextMenu i.star {
  float: left;
  position: static;
}

.jqContextMenu .separator {
  border-top: 1px dotted #999;
}

.jqContextMenu .menuhead {
  cursor: default;
  background-color: #c1c2c3;
  border-bottom: 1px solid #888;
  color: black;
  height: 20px;
  text-align: center;
}

/* prtg.tip.css */
#ptip {
  position: absolute;
  z-index: 100006;
  display: none;
  padding: 10px;
  background-image: none;
  margin: -10px 0 0 -10px;
}

#ptip .sensorstatusmessage {
  margin-bottom: 5px;
}

.sensorstatusmessage .status {
    white-space: normal;
}

#ptip .overviewsmalldata td {
  min-width: 20px;
  max-width: 80px;
}

#ptip #table_channeltable {
  width: 100%;
}

#ptip .probegroupdevice {
  margin: 0;
  vertical-align: top;
}

#ptip a.sensormenu {
  max-width: 15em;
}

#ptip .probegroupdevice a {
  display: inline-block;
  opacity: 1;
  background-color: transparent;
  max-width: 150px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  overflow: hidden;
}

#ptip .overviewsmalldatasensor .probegroupdevice a {
  max-width: 80px;
}

#ptip #main {
  margin-top: 0;
  padding-top: 0;
}

#ptip .body {
  padding: 3px;
  height: 330px;
  width: 476px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 0px 10px #000;
}

#ptip .body > div:first-child {
  height: 22px;
}

#ptip .content {
  clear: both;
  height: 300px;
  overflow: auto;
  border: none;
  padding: 4px;
  margin-top: 4px;
  background-color: #fff;
}

#ptip.sr .body, #ptip.sq .body {
  background-color: #D21925 !important;
}

#ptip a.tab {
  margin: 4px;
  background: no-repeat;
  width: 35ex;
  height: auto;
  padding: 0 0 0 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
  background-color: #fff;
}

#ptip a:hover.tab {
  overflow: visible;
  white-space: normal;
  height: auto;
}

#ptip .buttonbox {
  padding: 0;
  text-align: right;
  height: 20px;
  right: 16px;
  margin-top: 4px;
}

#ptip .buttonbox a {
  margin: 2px;
}

#ptip.ispaused a.pausenowcomment, #ptip.isnotpaused a.resumenow, #ptip.isfavorite a.addfavorite, #ptip.isnotfavorite a.removefavorite, #ptip.probemenu a.addfavorite, #ptip.probemenu a.removefavorite, #ptip.groupmenu a.addfavorite, #ptip.groupmenu a.removefavorite, #ptip.probemenu a.sensorchannels, #ptip.rootgroupmenu a.sensorchannels, #ptip.groupmenu a.sensorchannels, #ptip.devicemenu a.sensorchannels {
  display: none;
}

#ptip a.tab.newtree {
  font-size: 16px;
  background-size: 20px 20px;
}

/* _Prtg.SensorTree.css */
#layout {
  /*min-height: 600px;*/
  flex: 1 0 auto;
  min-width: 700px;
}

#layout.ui-layout-container .ui-layout-resizer {
  display: none !important;
}

#layout .ui-layout-pane {
  background: none;
  border: none;
  padding: 0;
  overflow: hidden;
}

#layout .ui-layout-pane-east {
  padding-left: 5px;
}

.slick-row {
  position: relative;
  width: 100%;
}

.grid-canvas:focus {
  outline: none;
}

.grid-canvas .moreicon,
.grid-canvas div.moreicon {
  display: none;
}

.slick-row.ui-widget-content,
.slick-row.ui-state-active {
  position: relative;
  display: block;
  height: auto;
}

.hidden-row {
  display: none;
}

.detailpageoverview td.col1 {
  padding-right: 0;
}


.slick-header {
  height: 0;
  border: none;
}

.slick-headerrow-column {
  float: left;
  border: none;
  padding-left: 2px;
}

.slick-top-panel {
  display: none;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 6px;
}

.slickTree {
  width: 100%;
  /*height: 100%;*/
  padding: 0;
  overflow-y: auto;
}

#layout.fullsize #objecttreecontainer {
  min-height: 100%;
}

#treeblocker {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #222;
  opacity: 0.5;
  z-index: 1000;
  cursor: progress;
}

.cursor-progress * {
  cursor: progress;
}

.cursor-notallowed * {
  cursor: not-allowed;
}

.cursor--none * {
  cursor: none;
}

#dropTarget.cursor-copy,
.cursor-copy * {
  cursor: copy;
}

row {
  position: relative;
}

.valueColumn {
  display: table-cell;
  vertical-align: top;
}

.valueColumn .smallprobe.disconnected {
  opacity: 0.5;
}

.treeColumn {
  display: table-cell;
  vertical-align: top;
}

.treeItem {
  position: absolute;
  height: 100%;
  display: block;
  overflow: hidden;
}

.indent {
  position: absolute;
  right: 0;
  height: 100%;
}

.treeItem > level {
  display: inline-block;
}

sensor,
icon {
  display: inline-block;
  vertical-align: top;
}

probe,
group,
device,
library,
level,
toggler,
row div {
  display: inline-block;
  vertical-align: top;
}

device {
  width: 85%;
  height: 100%
}

row,
message,
favorit {
  display: block;
}

row {
  position: relative;
  height: 100%;
  bottom: 0;
}

name {
  display: inline;
}

.treeItem>level:first-child {
  display: none;
}


/* .indent {
  overflow: hidden;
  right: 0;
  height: 100%;
}

toggler {
  position: relative;
  bottom: 0;
  background-color: #fff;
  height: 100%;
}

*/
.slick-row.odd row,
.slick-row.odd .valueColumn,
.slick-row.odd div.device .indent,
.slick-row.odd div.device toggler,
.slick-row.odd div level.device,
.slick-row.odd div.device.collapsed toggler,
.slick-row.odd div.group.collapsed toggler,
.slick-row.odd div.group.collapsed,
.slick-row.odd div.group.collapsed div.indent level.group,
.slick-row.odd div.node.collapsed toggler,
.slick-row.odd div.node.collapsed,
.slick-row.odd div.node.collapsed div.indent level,
.slick-row.odd div.probe.collapsed toggler,
.slick-row.odd div.probe.collapsed,
.slick-row.odd div.probe.collapsed div.indent level.probe,
.slick-row.odd div.library[type="filter"] .indent,
.slick-row.odd div.library[type="filter"] toggler,
.slick-row.odd div.library[type="filter"] div level,
.slick-row.odd div.library.collapsed[type="linked"] .indent,
.slick-row.odd div.library.collapsed[type="linked"] toggler,
.slick-row.odd div.library.collapsed[type="linked"] div level,
.slick-row.odd div.library.collapsed[type="node"] .indent,
.slick-row.odd div.library.collapsed[type="node"] toggler,
.slick-row.odd div.library.collapsed[type="node"] div level,
.slick-row.odd div.sensortree.collapsed toggler,
.slick-row.odd div.sensortree.collapsed,
.slick-row.odd div.sensortree.collapsed div.indent level {
  background-color: #d6d7d8;
}

.slick-row.even row,
.slick-row.even .valueColumn,
.slick-row.even div.device .indent,
.slick-row.even div.device toggler,
.slick-row.even div level.device,
.slick-row.even div.device.collapsed toggler,
.slick-row.even div.group.collapsed toggler,
.slick-row.even div.group.collapsed,
.slick-row.even div.group.collapsed div.indent level.group,
.slick-row.even div.node.collapsed toggler,
.slick-row.even div.node.collapsed,
.slick-row.even div.node.collapsed div.indent level,
.slick-row.even div.probe.collapsed toggler,
.slick-row.even div.probe.collapsed,
.slick-row.even div.probe.collapsed div.indent level.probe,
.slick-row.even div.library[type="filter"] .indent,
.slick-row.even div.library[type="filter"] toggler,
.slick-row.even div.library[type="filter"] div level,
.slick-row.even div.library.collapsed[type="linked"] .indent,
.slick-row.even div.library.collapsed[type="linked"] toggler,
.slick-row.even div.library.collapsed[type="linked"] div level,
.slick-row.even div.library.collapsed[type="node"] .indent,
.slick-row.even div.library.collapsed[type="node"] toggler,
.slick-row.even div.library.collapsed[type="node"] div level,
.slick-row.even div.sensortree.collapsed toggler,
.slick-row.even div.sensortree.collapsed,
.slick-row.even div.sensortree.collapsed div.indent level {
  background-color: #f3f2f2;
}
/*library loading*/
.slick-row.odd[estim="undefined"],
.slick-row.even[estim="undefined"]{
  background-color: transparent;
}

.slick-header-column .column-header {
  float: left;
  vertical-align: baseline;
}

.slick-cell {
  height: 100%;
}

.indent>level {
  border-radius: 0 0 0 4px;
}

.indent>level.device {
  background-image: none;
}

level.collapsed {
  background-color: #fff;
}

row>div>div>level,
row>div>div>div>level[last="false"] {
  background: url(/css/images/tv-item.png) repeat-y  scroll -3px 0 transparent;
  background-color: #fff;
  height: 100%;
}

.library-libObjects level {
  background-image: none;
}

level[last='true'],
level[last='true'] level,
level[lastx='true'] level,
.collapsed>.indent>level {
  background-image: none;
}

level[lastx='true'] {
  background-repeat: no-repeat;
}

toggler {
  height: 16px;
  /*padding-left: 2px;*/
  /*margin-right: -1px;*/
  background: url(/css/images/tv-collapse-gray.png) no-repeat scroll 3px 3px;
  border-radius: 4px 0 0px 4px;
  /*border-top: 1px solid #fff;*/
}

.tiny .device toggler,
.tiny .library[type="filter"] toggler {
  height: 9px;
  border-radius: 4px 0 0 4px;
  background-image: none;
}

div.collapsed toggler {
  background: url(/css/images/tv-foldout-gray.png) no-repeat scroll 3px 3px;
}

.treeItem > level > level.group,
.treeItem > level > level.probe,
.treeItem > level > level.library {
  background: url(/css/images/tv-item-open.png) repeat-x scroll -3px 0 transparent;
}
/*
.treeItem > level > level.group:first-child,
.treeItem > level > level.library:first-child {
  background-image: none;
}
*/
.treeItem.expanded.group,
.treeItem.expanded.probe,
.treeItem.expanded.library {
  width: 100%;
  display: block;
  min-height: 0;
}

.treeItem.expanded > level > level.group,
.treeItem.expanded > level > level.probe,
.treeItem.expanded > level > level.library,
.treeItem.collapsed > level > level.group,
.treeItem.collapsed > level > level.probe,
.treeItem.collapsed > level > level.library {
  background: none;
}

.sensorItem {
  height: auto;
  border: none;
}

.sensorItem > div {
  float: none;
  display: block;
}

.treeItem.group.expanded .indent.level1 {
  height: 100%;
}
group + p {
  float: none;
  height: 17px;
  display: block;
}

.sensorItem > span {
  float: none;
  height: 25px;
  display: block;
}

div.sensorItem > span a.treeminilink {
  height: 100%;
}

.sensorItem.group,
.sensorItem.probe {
  border-left: none;
  background: none;
}

.sensorItem * {
  float: left;
}

.sensorItem.cell-inner {
  padding: 1px 0;
}
.groupItem,
.probeItem {
  background: #fff;
}

.deviceItem .indent,
.groupItem.collapsed .indent,
.probeItem.collapsed .indent {
  border-radius: 0 0 0 4px;
}


level > icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

.groupItem.expanded level > icon,
.probeItem.expanded level > icon {
  background-color: #fff;
}
probe,
group,
device,
library {
  white-space: pre-wrap;
  overflow: hidden;
  font-size: 11px;
  width: 81%;
  height: 100%;
}

library {
  min-width: 50px;
  min-height: 11px;
  font-weight: bold;
}

probe name,
group name,
div.node name {
  font-weight: normal;
  font-size:14px;
}
probe message,
group message {
  margin-top: -5px;
  font-size: 10px;
}

device condition,
device status,
device message {
  color: #555;
  font-size: 10px;
}

condition,
message {
  font-style: italic;
}

probe condition,
group condition {
  font-size: 10px;
  padding-top: 3px;
  margin-left: 2ex;
}

.tiny probe condition,
.tiny group condition,
.treeissmall probe condition,
.treeissmall group condition,
div.collapsed probe condition,
div.collapsed group condition {
  padding-top: 0;
}

probe condition:empty,
group condition:empty,
device condition:empty,
device status:empty,
device message:empty {
  display: none;
}

div.expanded probe,
div.expanded group {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  background: none;
  border: none;
  padding-left: 0;
}

div.expanded probe name,
div.expanded group name {
  line-height: 18px;
  display: inline;
}

sensor {
  background-color: #fff;
  display: inline-block;
  font-size: 9px;
  margin: 2px 2px 1px 1px;
  padding: 0 2px 0 0;
  border: none;
  color: #000;
  vertical-align: middle;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 2px #888;
  position: relative;
}

probe name {
  margin-right: 3px;
}

#objecttreecontainer.treeisnoteditable sensor:hover name[goto] {
  text-decoration: underline;
  cursor: pointer;
}


/* .offline name {
  color: #666;
}

*/
condition {
  margin-left: 1px;
}

favorit {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.slick-row.even device favorit {
  background-color: #f3f2f2;
}

.slick-row.odd device favorit {
  background-color: #d6d7d8;
}

sensor favorit {
  background-color: #fff;
  border-radius: 3px;
}

sensor.status5 favorit {
  background-color: #FDD5D7;
}

.treeissmall sensor.status7 *,
.treeissmall sensor.status8 *,
.treeissmall sensor.status9 *,
.treeissmall sensor.status11 *,
.treeissmall sensor.status12 *,
.treeissmall sensor.status7,
.treeissmall sensor.status8,
.treeissmall sensor.status9,
.treeissmall sensor.status11,
.treeissmall sensor.status12 {
  background-color: #C3D2E9;
}

.ui-mobile-viewport sensor favorit span.ui-icon {
  background: none;
  background-image: url("images/ui-icons_888888_256x240.png");
  height: 14px;
  background-position: -14px -115px;
}

.ui-mobile-viewport sensor favorit span.ui-icon.objectisfavorite {
  background-image: url("images/ui-icons_454545_256x240.png");
}

probe.offline {
  color: #D21925;
}

sensor name,
sensor value {
  padding-left: 2px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

sensor value {
  color: #888;
}

div.noaccess toggler {
  background: url(/css/images/tv-item-group.png) no-repeat scroll -3px -3px transparent;
}
/*.managelibraryleft{
  padding-right: 7px;
}
.managelibraryright{
  padding-left: 7px;
}
*/.managelibraryright probe,
.managelibraryright group,
.managelibraryright device,
.treeiseditable probe,
.treeiseditable group,
.treeiseditable device {
  cursor: pointer!important;
}

.managelibraryright device status,
.managelibraryright device condition,
.managelibraryright device message,
.treeiseditable device status,
.treeiseditable device condition,
.treeiseditable device message {
  display: none;
}

.treeissmall * {
  font-size: 11px;
}

.tiny * {
  font-size: 10px;
}

.tiny name {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}

.tiny sensor {
  height: 15px;
  width: 78px;
}

.tiny sensor name {
  width: 60px;
}

.tiny sensor value {
  display: none;
}

.tiny device {
  height: auto
}

.c1 {
  min-height: 16px;
}

.r1 {
  height: 100%;
}

.r1.children00 {
  height: 50px;
}

/*.tiny .r1 {
  height: 19px
}
*/
.tiny .r1.children00 {
  height: 50px;
}

/*.small .r1 {
  height: 27px;
}
*/
.small .r1.children00 {
  height: 50px;
}
.sensorTree[data-display-mode="managed"] .small .r1.children00,
.sensorTree[data-display-mode="managed"] .r1.children00{
  height: 100%;
}
div.probe.collapsed sensor,
div.goup.collapsed sensor,
.small sensor.group {
  height: 16px;
  /*margin-bottom: 1px;*/
  overflow: hidden;
}

.small sensor {
  height: 24px;
  width: 78px;
}

.small sensor name {
  width: 62px;
}

.small div.collapsed.group sensor name,
.small div.collapsed.probe sensor name {
  padding-top: 2px;
}
div.collapsed sensor.group favorit{
  bottom: auto;
}
.small sensor value {
  width: 60px;
}

.medium sensor {
  height: 24px;
  width: 155px;
}

.medium sensor name {
  width: 136px;
  overflow: hidden;
}

.medium sensor value {
  width: 136px;
  overflow: hidden;
}

.treeissmall sensor value {
  display: none;
}

.treeissmall sensor {
  height: 12px!important;
  margin: 1px;
  border-radius: 0;
  box-shadow: 0 0 1px #222;
}

.treeissmall sensor name {
  padding: 0 1px!important;
  width: 77px;
  line-height: 12px;
}

.treeissmall sensor icon {
  display: none;
}

.treeissmall sensor favorit {
  top: -2px;
}

.treeissmall favorit .objectisnotfavorite,
.treeissmall sensor favorit .objectisnotfavorite {
  opacity: 0.3;
}

.large sensor {
  height: 16px; /* overwritten by javascript */
  width:98%;
  width: calc(100% - 5px);
}

.large sensor name {
  width: auto;
  max-width: 80%;
  margin-top: 1px;
}

.large .collapsed sensor name {
  max-width: none;
}

.large sensor value {
  width: auto;
  max-width: 15%;
  position:absolute;
  right: 20px;
  top: 1px;
}

.large .collapsed sensor value {
  display: none;
}

sensor icon {
  width: 14px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left top;
}


/* Unknown grey */
sensor.status0  icon,
sensor.status1  icon,
sensor.status6  icon {
  background-image: url(/icons/icon_unknown.svg);
}


/* Up green */
sensor.status3  icon {
  background-image: url(/icons/icon_up.svg);
}


/* Warning yellow */
sensor.status4  icon {
  background-image: url(/icons/icon_warning.svg);
}


/* Down red */
sensor.status5  icon {
  background-image: url(/icons/icon_down.svg);
}

sensor.status5 {
  background-color: #FDD5D7;
  box-shadow: 0 0 2px #D21925;
}


/* Down Ack redok */
sensor.status13  icon {
  background-image: url(/icons/icon_downack.svg);
}


/* Down Partial red-green */
sensor.status14  icon {
   background-image: url(/icons/icon_partdown.svg);
}


/* Paused blue */
sensor.status7  icon,
sensor.status8  icon,
sensor.status9  icon,
sensor.status11 icon,
sensor.status12 icon {
  background-image: url(/icons/icon_paused.svg);
}


/* Unusual orange */
sensor.status10 icon {
  background-image: url(/icons/icon_unusual.svg);
}

.hideundefined sensor.status1,
.hideup sensor.status3,
.hidewarn sensor.status4,
.hidedown sensor.status5,
.hidepartialdown sensor.status14,
.hidedownack sensor.status13,
.hidepaused sensor.status7,
.hidepaused sensor.status8,
.hidepaused sensor.status9,
.hidepaused sensor.status11,
.hidepaused sensor.status12,
.hideunusual sensor.status10 {
  display: none;
}

#dynRowSizer {
}

#dragAdorner {
  position: absolute;
  display: inline-block;
  z-index: 99999;
  opacity: 1;
  max-height: 100px;
  max-width: 300px;
  margin-left: 5px;
}

#dragAdorner * {
  display: inline-block;
  position: static;
  float: none;
  vertical-align: top;
}

#dragAdorner name {
  display: inline;
}

#dragAdorner condition,
#dragAdorner message,
#dragAdorner favorit,
#dragAdorner status {
  display: none;
}

#dragAdorner[type='probe'],
#dragAdorner[type='group'],
#dragAdorner[type='device'],
#dragAdorner[type='sensor'],
#dragAdorner[type='library'] {
  box-shadow: 0 0 2px 1px #00235D;
  border: 1px solid #555;
  background: #fff;
}

#dragAdorner[type='sensor'] {
  height: 15px;
  overflow: hidden;
}

#dragAdorner[type='sensor'] icon {
  display: none;
}

#dragAdorner sensor name {
  display: inline-block;
  width: 76px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#dragAdorner toggler,
#dragAdorner .valueColumn {
  display: none;
  background: none;
}

#dragAdorner level icon {
  display: inline-block;
  border: none;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}

#dragAdorner device,
#dragAdorner library,
#dragAdorner group,
#dragAdorner probe {
  margin-top: 0;
}

#dradragAdorner .treeColumn {
  height: auto;
}

#dragAdorner .selected,
#dragAdorner .active {
  background-color: transparent;
}

#treeAdorner {
  background-image: url(/css/images/ui-icons_cd0a0a_256x240.png);
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  overflow: hidden;
  z-index: 4;
}

#treeAdorner.dropBefore {
  margin-top: -8px;
}

#treeAdorner.dropOnClosed {
  margin-top: auto;
  margin-bottom: auto;
}

#treeAdorner.dropAfter {
  bottom: -8px;
}

dragging sensor,
dragging .indent {
  opacity: 0.45;
}

sensor.sensorAdorner {
  opacity: 0.2;
  background: #00235D;
}

sensor.sensorAdorner * {
  display: none;
}

.treeissmall sensor {
  opacity: 0.3;
  cursor: default;
}

.treeissmall sensor * {
  cursor: default;
}

.treeissmall sensor.dragable,
.treeissmall sensor.dragable * {
  cursor: move;
  opacity: 1;
}


.treeissmall sensor.noContextMenu {
  opacity: 0.3;
  cursor: default;
}

.treeissmall sensor.fixed *,
.treeissmall sensor.noContextMenu * {
  cursor: default;
}

.treeissmall sensor.dragable:hover {
  box-shadow: 0 0 1px 1px #00235D;
}

dragging sensor.dragable:hover {
  box-shadow: none;
}

.treeissmall sensor name {
  position: absolute;
  display: inline-block;
}

.treeissmall sensor icon.working {
  display: inline-block;
}

.treeissmall name:hover {
  text-decoration: none;
}

.treeissmall .indent {
  padding: 1px;
}

.treeissmall .indent,
.treeissmall .indent * {
  cursor: move;
}

.treeissmall div.group .indent {
  padding-top: 0px;
}

.treeissmall .indent:hover,
.treeissmall .indent.hovered {
  
  border: 1px solid #00235D;
  padding-left: 0px;
}

.treeissmall .nondragable name,
.treeissmall .nondragable icon {
  opacity: 0.5;
}

.nondragable * {
  cursor: pointer !important;
}

.treeissmall .nondragable .indent:hover {
  border: none;
  outline: none;
}

dragging .indent:hover {
  border: none;
  outline: none;
  padding: 1px;
}

.treeissmall .sensorItem.cell-inner {
  margin-left: 0;
}

.deviceTree * {
  vertical-align: top;
}

.deviceTree level,
.deviceTree toggler,
.deviceTree div {
  display: inline-block;
}

.deviceTree div {
  margin: 0;
}

.deviceTree level.item,
.deviceTree level.device,
.deviceTree level.collapsed {
  border-radius: 0;
}

.deviceTree level.device toggler {
  background-image: none;
}

.deviceTree .slick-row {
  height: 20px;
}

a.treeminilink,
a.treeminilink:link,
a.treeminilink:active,
a.treeminilink:visited {
  background-repeat: no-repeat;
  margin: 0 1px;
}

.treeColumn.children00  a.treeminilink {
  margin: 5px;
  height: 25px;
}

.rootTree .treesearchbox {
  position: relative;
  float: right;
  width: 90px;
  margin-right: 3px;
}

.treesearchbox {
  position: relative;
}

.treesearchbox label {
  position: absolute;
  left: 0;
  top: 0;
}

.treesearchbox input {
  position: absolute;
  left: 0;
  background-color: #fff;
  color: #000;
  text-indent: 15px;
  width: 90px;
  line-height: 16px;
  height: 16px;
}

.treesearchbox input:active {
  color: #000;
}

.grid-canvas {
  width: 100%;
}
.slick-viewport{
}
.slick-top-panel,
.slick-top-panel-scroller,
.slick-top-panel-scroller .ui-state-default {
  border: none;
  background: #fff;
  filter: none;
}

.slick-top-panel-scroller .sensorstateswitches .ui-state-default {
  border: 1px solid #fff;
}

.slick-top-panel-scroller .sensorstateswitches .ui-state-default:hover {
  border: 1px solid #d6d7d8;
}

.treeiseditable .slick-top-panel-scroller {
  display: none;
}

div.slick-row[row='0'] level[lastx='true'],
div.slick-row[row='0'] > level,
div.slick-row[row='0'] level toggler {
  background: none;
}

.l0.r1.unapproved {
  height: 60px;
}

.approvebutton {
  font-size: 11px;
}

/*.tiny .approve,
.treeiseditable .approve {
  zoom: 0.75;
}
*/
.approve {
  display: block;
}

.centeredHint {
  text-align: center;
  position: absolute;
  top: 50%;
  font-size: 13px;
}

.propertiesHint {
  padding: 5px;
  font-size: 13px;
}

.centeredHint b,
.propertiesHint b {
  color: #ed0e69;
}

.treeiseditable a.treeminilink {
  display: none;
}

probe name:hover,
group name:hover,
device name:hover,
library[libkind="linked"] name:hover,
library[libkind="sensorTree"] name:hover,
library[libkind="filter"] name:hover,
library[libkind="node"] name:hover {
  text-decoration: underline;
  cursor: pointer;
}

div.noaccess probe name:hover,
div.noaccess group name:hover,
div.noaccess device name:hover,
div.noaccess library name:hover {
  text-decoration: none;
  cursor: default;
}

library .droptarget {
  display: block;
  color: #666;
  background-color: #aaa;
  border: 1px solid #333;
  border-radius: 4px;
}

.treemap {
  position: relative;
  top: 0;
}

.treemap .cell {
  overflow: hidden;
  position: absolute;
}

.treemap .cell.group {
  box-shadow: 0px 0px 7px 0px #000000;
}

.treemap .cell.device a {
  word-wrap: break-word;
  white-space: normal;
}

.treemap .cell.device.down a {
  color: #fff;
}

.treemap .cell > div,
.treemap device {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 0;
}

.treemap device {
  outline: #f3f2f2 solid 1px;
}

.treemap text {
  font-family: "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  cursor: pointer;
}

.treemap name {
  float: left;
  position: absolute;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
  left: 1px;
  right: 1px;
  top: 0px;
  text-indent: 14px;
}

.treemap  sensor {
  float: left;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
  opacity: 0.8;
  margin: 0;
  padding: 0;
}

.treemap sensor icon,
condition,
name {
  display: inline-block;
}

probe name,
probe condition,
group name,
group condition,
group message {
  vertical-align: top;
}

.treemap icon {
  width: 14px;
  height: 14px;
  display: inline-block;
}

.treemap .cell favorit {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 2px;
}

.treemap div.device device name {
  font-size: 9px;
  word-wrap: break-word;
}

g.down,
g.partialdown,
g.linked path,
g.node path,
.treemap .library.linked.partialdown,
.treemap .library.linked.down,
.treemap .probe.none {
  color: #fff;
  fill: #fff;
  background-color: #fff;
}

.treemap .device.down,
.treemap .library.down,
g.down path,
.treemap .device.partialdown,
.treemap .library.partialdown,
g.partialdown path {
  fill: #d71920;
  background-color: #d71920;
}

.treemap .device.warn,
.treemap .library.warn,
g.warn  path {
  fill: #ffcb05;
  background-color: #ffcb05;
}

.treemap .device.downack,
.treemap .library.downack,
g.downack  path {
  fill: #e77579;
  background-color: #e77579;
}

.treemap .device.paused,
.treemap .library.paused,
g.paused path {
  fill: #447fc1;
  background-color: #447fc1;
}

.treemap .device.unusual,
.treemap .library.unusual,
g.unusual path {
  fill: #f99d1c;
  background-color: #f99d1c;
}

.treemap .device.none,
.treemap .library.none,
g.none path {
  stroke: #b7b7b7;
  fill: white;
  background-color: White;
}

.treemap .device.up,
.treemap .library.up,
g.up path {
  fill: #b4cc38;
  background-color: #b4cc38;
}

.treemap .device.undefined,
.treemap .library.undefined,
g.undefined path {
  fill: #808282;
  background-color: #808282;
  color: #fff;
}
#layout.library .bordered .slickTree{
  border: 3px solid #f3f2f2;
}
#treemapSizeSwitch input,
#sunburstSizeSwitch input {
  display: none;
}

#treemapSizeSwitch label,
#sunburstSizeSwitch label {
  padding: 3px;
  border: 1px solid lightGrey;
  line-height: 18px;
}

.treemap .sensorstateswitches,
.treemap .searchbox,
.sunburst .sensorstateswitches,
.sunburst .searchbox {
  display: none;
}

.sunburst .slick-viewport {
  overflow: hidden !important;
}

.treemap .treesizeswitches,
.sunburst .treesizeswitches {
  right: 0px;
}

.treemap *[goto],
.sunburst *[goto] {
  cursor: pointer;
}

.sunburst path {
  stroke: #fff;
  cursor: pointer;
}

.sunburst g.uplink path {
  fill: transparent;
}

.sunburst g.uplink a {
  font-size: 0px;
  stroke: #d6d7d8;
  fill: #d6d7d8;
}

.sunburst:hover g.uplink a,
.sunburst g.uplink:hover a,
.sunburst g.uplink a:hover,
.sunburst g.uplink a text:hover {
  text-decoration: none;
  font-size: 20px;
}

.detailpageoverview .col2.multiedit {
  width: 438px;
  padding: 0px;
  margin: 0px;
  top: auto;
  right: 7px;
  border: none;
  box-shadow: 0 0 3px #777777;
}

.detailpageoverview .col2.multiedit.fullsize.unpinned {
  width: 16px;
  background-color: #d6d7d8;
  right: 4px;
  margin-left: 4px;
  border: none;
  box-shadow: 0 0 3px #777777;
}

.detailpageoverview .col2.multiedit.fullsize,
.detailpageoverview .col2.multiedit.unpinned.show {
  background-color: #FFF;
  width: 430px;
}

.detailpageoverview .col2.multiedit.fullsize.unpinned #rightpanel_pinbutton {
  background-image: url("/css/images/ui-icons_ebebeb_256x240.png");
  background-repeat: no-repeat;
  background-position: -131px -145px;
  background-color: #212C52;
  opacity: 1;
}

.detailpageoverview .col2.multiedit.fullsize.unpinned #rightpanel_titletext,
.detailpageoverview .col2.multiedit.fullsize.unpinned .editsettings {
  display: none;
}

.detailpageoverview .col2.multiedit.fullsize.unpinned.show #rightpanel_titletext,
.detailpageoverview .col2.multiedit.fullsize.unpinned.show .editsettings {
  display: block;
}

.ui-layout-resizer {
  top: auto;
  margin-right: 5px;
  margin-top: 4px;
}

.detailpageoverview span.ui-layout-resizer-east {
  right: 4px;
  margin-left: 4px;
  border: none;
  box-shadow: 0 0 3px #777777;
}

.detailpageoverview span.ui-layout-resizer-east div {
  border: none;
  box-shadow: 0 0 3px #777777;
}

.treeissmall .selected,
.treeissmall .selected .indent,
.treeissmall .selected .indent * {
  background-color: #00235D !important;
  color: White;
}

.treeissmall sensor.selected * {
  background-color: #00235D;
  color: White;
}

#layout.fullsize {
  display: table;
  table-layout: fixed;
  width: 100%;
}

#layout.fullsize .ui-table-row {
  display: table-header-group;
}

#layout.fullsize .ui-layout-north,
#layout.fullsize .ui-layout-south {
  width: 100%;
  display: table-caption;
}

#layout.fullsize .ui-layout-north {
  margin-bottom: 5px;
}

#layout.fullsize .ui-layout-south {
  display: table-footer-group;
}

#layout.fullsize .ui-layout-center,
#layout.fullsize dummy {
  display: table-cell;
  vertical-align: top;
}


/* #layout.fullsize dummy {
  width: 320px;
}

*/
#layout.fullsize .ui-layout-center {
  padding: 0 4px 10px 4px;
}

#layout.fullsize .ui-layout-east {
  width: 320px;
  min-height: 700px;
  display: table-cell;
  vertical-align: top;
}

#layout.fullsize .ui-layout-east.multiedit.unpinned {
  width: 16px;
  background-color: #d6d7d8;
}

#layout.fullsize .ui-layout-east.multiedit.unpinned .inline {
  display: none;
}

#layout.fullsize .ui-layout-east.multiedit {
  width: 408px;
  border-left: 1px solid #f3f2f2;
}

#layout .ui-layout-east.multiedit.fullsize.show {
  width: 420px;
  min-width: 420px;
}

#layout .ui-layout-east.multiedit.fullsize.unpinned {
  width: 16px;
  max-width: 420px;
}

.controls label {
  margin-right: 10px;
  cursor: pointer;
}

.d3.sunburst text:hover {
  text-decoration: underline;
}

.d3.sunburst text {
  cursor: pointer;
}

.roundbuttons {
  background: #d6d7d8;
  background-image: none;
  border-radius: 10px;
  box-shadow: 0px 0px 2px #000;
  border: 1px solid #fff;
  border-collapse: separate;
  background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2U4ZTllYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2UwZTFlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2UyZTNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #E8E9EA 33%, #E0E1E3 34%, #E2E3E5 45%, #F7F7F8 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #E8E9EA 33%, #E0E1E3 34%, #E2E3E5 45%, #F7F7F8 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #E8E9EA 33%, #E0E1E3 34%, #E2E3E5 45%, #F7F7F8 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #E8E9EA 33%, #E0E1E3 34%, #E2E3E5 45%, #F7F7F8 100%);
  background: linear-gradient(top, #ffffff 0%, #E8E9EA 33%, #E0E1E3 34%, #E2E3E5 45%, #F7F7F8 100%);
  display: inline-block
}

.treesizeswitches {
  margin-top: 7px;
}
.treesizeswitches label{
  vertical-align: bottom;
}

.treesizeswitches label:hover .roundbuttons {
  border: 1px solid #DD2765;
  box-shadow: 0px 0px 2px #DD2765;
}

.treesizeswitches label.sunburst:hover div,
.treesizeswitches label.treemap:hover div {
  border-color: #DD2765;
  box-shadow: 0px 0px 2px #DD2765;
}

.treesizeswitches label.first div {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}

.treesizeswitches label.second div {
  width: 9px;
  height: 9px;
  margin: 0 4px;
}

.treesizeswitches label.third div {
  width: 12px;
  height: 12px;
  margin: 0 4px;
}

.treesizeswitches label.last div {
  width: 15px;
  height: 15px;
  margin: 0 4px;
}

.treesizeswitches input + label div {
  top: 1px;
  box-shadow: 0px 0px 2px #000;
  border: 1px solid #fff;
}

.treesizeswitches input:checked + label span,
.treesizeswitches input:checked + label div {
  border: 1px solid #000;
}

.treesizeswitches ul {
  display: none;
  background: white;
  padding-bottom: 10px;
  list-style-type: none;
  -webkit-padding-start: 17px;
  box-shadow: 1px 1px 2px #888;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  border-top: none; /* IE8 */
  width: 75px;
  height: 110px;
  margin: 7px auto 0 auto;
}

.treesizeswitches label.newview {
}

.treesizeswitches label.newview div {
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  position: relative;
  display: inline-block;
  margin: 0 4px;
}

.treesizeswitches label.treemap div {
  background-image: url(/images/treemap.svg);
}

.treesizeswitches label.sunburst div {
  background-image: url(/images/sunburst.svg) !important;
  border-radius: 10px;
  box-shadow: 0px 0px 2px #000;
  border: 1px solid #fff;
}

.mapelementeditbox .fadeinpath {
  display: none;
}

.checkboxbuttonset .ui-state-default .ui-button-icon-primary {
  left: 2px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  border: 2px solid #d6d7d8;
  border-radius: 4px;
  background: white;
}

.checkboxbuttonset .ui-state-active .ui-button-icon-primary {
  background-position: -7px -7px;
  background-image: url(/images/checked.png);
}

.sensorstateswitches input {
  display: none;
}

.sensorstateswitches div {
  display: inline-block;
  float: left;
}

.overviewsmalldata input:checked + label i.prtg-checkbox {
  background-position: -66px -147px;
}

.overviewsmalldata label {
  display: inline-block;
  margin-right: 5px;
}

.overviewsmalldata label .prtg-checkbox {
  width: 11px;
  height: 11px;
  margin: 1px 5px 0 5px;
  border: none;
  outline: 2px solid #d6d7d8;
}

.overviewsmalldata label span {
  min-width: 30px;
  margin-left: -5px;
}

.sensorstateswitches .iszero0 {
  display: none;
}

.managelibraryright .treesizeswitches {
  display: none;
}

.size-by-switch.show {
  visibility: visible;
}

.size-by-switch {
  visibility: hidden;
}

.scrollabletablecontainer .slick-viewport {
  border: none;
}

.treeisreadonly .treeminilink {
  display: none;
}

#viewport #Zoom_Sunburst,
.slick-viewport #Zoom_Sunburst {
  visibility: hidden;
}

#viewport:hover #Zoom_Sunburst,
.slick-viewport:hover #Zoom_Sunburst {
  visibility: visible;
}

.treeswitches {
  display: inline;
  min-height: 15px;
}
.treeItem.autodisco icon{
  display: inline-block;
  background-image: url(/images/ajax-loader-small.gif)!important;
  background-position: 0 2px !important;
}

/*_Prtg.AddSensor.css*/

select.ui-dialog-content {
  padding: 0px !important;
  margin: 5px !important;
  border: 1px solid #d6d7d8 !important;
  width: 98% !important;
}

#addsensor_form {
  width: 99%;
}

#addsensor_view {
  display: block;
  width: auto;
  padding-left: 5px;
}

#addsensor_sensorfilter {
  padding-left: 5px;
}

#addsensor_sensorfilter ul {
  padding: 0px;
  padding-right: 15px;
  margin: 0 3px 0 0;
  width: 257px;
  float: left;
  list-style: none;
}

.addsensor_search {
  padding: 0px;
  padding-left: 5px;
  margin: 0 3px 0 0;
  list-style: none;
}

.addsensor_filterbuttonicon {
  display: block;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 4px;
  margin-top: 1px;
}

.addsensor_filterbutton {
  cursor: pointer;
  width: 100%;
  border: 1px solid #f3f2f2;
  margin-bottom: -1px;
  padding: 2px;
}

.addsensor_filterbutton:hover {
  background: #d6d7d8;
}

.addsensor_filterbutton:hover i {
  background-position: -98px -146px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

.addsensor_filterselected .addsensor_filterbuttonicon i {
  background-position: -81px -146px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

.addsensor_filterselected {
  font-weight: bold;
}

#addsensor_searchbox {
  position: relative;
  display: block;
  height: 20px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}

#addsensor_searchicon {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#addsensor_searchinput {
  width: 182px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-indent: 16px;
}

#addsensor_listheader {
  clear: both;
  padding-top: 15px;
}

#addsensor_headerfiltertext,
#addsensor_headersearchtext {
  display: none;
}

/*.addsensor_sensorwarning {
  color: #c3005d;
}*/

.addsensor_sensorcategorie {
  clear: both;
}

.addsensor_categorieheader {
  padding: 15px 0 5px 5px;
}

.addsensor_sensorcategoriehide {
  display: none;
}

.addsensor_sensorcategorieshow {
  display: block;
}

.addsensor_sensorcategorie ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.addsensor_sensorcategorie li {
  float: left;
  margin: 0px;
  padding: 0px;
}

.addsensor_sensorcontainer p {
  margin-bottom: 3px;
  margin-top: 2px;
  line-height: 100%;
}

.addsensor_sensorcontainer {
  width: 250px;
  height: 80px;
  padding: 1px 4px 0px 4px;
  margin: 4px;
  position: relative;
  background-color: #f3f2f2;
  transition: .1s;
}

.addsensor_sensorcontainer:hover {
  background-color: #d6d7d8;
  transition: .1s;
}

.addsensor_disabledsensors {
  border: 1px solid #888;
  background-color: white;
}

.addsensor_disabledsensors .addsensor_sensorname {
  color: gray;
}

.addsensor:hover {
  cursor: pointer;
}

.addsensor:hover .addsensor_addthis {
  background-color: #00245d;
  color: #fff;
  transition: .1s;
}

.addsensor_filterheader {
  font-family: "Lucida Sans-Serif","Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #00235D;
  font-size: 18px;
  text-transform: uppercase;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 5px;
}

.addsensor_sensorname {
  font-weight: normal;
  font-size: 13px;
  height: 17px;
  max-height: 17px;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

.addsensor_sensorname {
  width: 230px;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
}

.addsensor_sensordescription {
  height: 40px;
  max-height: 40px;
  margin: 0px;
  padding: 0px;
  color: gray;
  overflow: hidden;
}

.addsensor_sensorinfo {
  display: block;
  margin: 0px;
  padding: 0px;
}

.addsensor_resourcebar {
  float: left;
  width: 24px;
  height: 10px;
  display: block;
  position: absolute;
  left: 5px;
  bottom: 5px;
  margin: 0px;
}

.addsensor_resourcebar0 {
  background-image: url(images/bar0.png);
}

.addsensor_resourcebar1 {
  background-image: url(images/bar1.png);
}

.addsensor_resourcebar2 {
  background-image: url(images/bar2.png);
}

.addsensor_resourcebar3 {
  background-image: url(images/bar3.png);
}

.addsensor_resourcebar4 {
  background-image: url(images/bar4.png);
}

.addsensor_resourcebar5 {
  background-image: url(images/bar5.png);
}

.addsensor_addthis {
  padding: 3px;
  margin: 2px;
  float: right;
  display: none;
  right: 0px;
  position: absolute;
  bottom: 1px;
  right: 1px;
}

#addsensor_list_normal .addsensor_addthis,
#addsensor_list_istop10 .addsensor_addthis  {
  display: block;
}

.addsensor_addthis span {
  display: block;
  float: left;
}

.addsensor_addthisicon {
  margin-left: 5px;
  width: 12px;
  height: 12px;
  background-image: url(images/pfeilrechts.png);
}

.addsensor_sensorhelplink {
  right: 0px;
  position: absolute;
  top: 0px;
  width: 16px;
  height: 16px;
}

.addsensor_sensorhelplink:hover {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
}

/*_Prtg.GeoMaps.css*/
body.screenshot div.olControlZoom{
  display: none;
}
div.olControlZoom {
    position: absolute;
    top: 8px;
    left: 8px;
}

div.olControlZoom a {
    display: block;
    margin: 1px;
    padding: 0;
    color: white;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 18px;
    width: 18px;
    line-height: 14px;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    background: #666666; /* fallback for IE - IE6 requires background shorthand*/
    background: rgba(0, 0, 0, 0.3);
}
a.olButton{
  cursor: pointer;
}
a.olControlZoomIn {
    border-radius: 4px 4px 0 0;
}
a.olControlZoomOut {
    border-radius: 0 0 4px 4px;
}
div.olControlZoom a:hover {
    background: #444444; /* fallback for IE */
    background: rgba(0, 0, 0, 0.5);
    text-decoration: none;
}
@media only screen and (max-width: 600px) {
    div.olControlZoom a:hover {
        background: rgba(0, 0, 0, 0.3);
        text-decoration: none;
    }
}
div.olMapViewport {
    z-index: 0;
    opacity: 0.9;
}
#report div.olLayerDiv.boxes div,
div.olLayerDiv.boxes div.timelabel{
  overflow:visible!important;
  border: none!important;
  background: none!important;
  font-size: 9px;
}
#report div.olLayerDiv.boxes div span,
div.olLayerDiv.boxes div.timelabel span  {
  color:black;
  background-color: white;
  visibility: hidden;
}
#report div.olLayerDiv.boxes div:nth-child(4n) span,
div.olLayerDiv.boxes div.timelabel:nth-child(4n) span{
  visibility: visible;
}
.map-marker
{
    background-color:#fff;
    border-radius: 3px;
		box-shadow: 0px 0px 2px 1px #000000;
    border: 2px solid #fff;
}
.map-marker-small{
	border:none;
	border-radius: 10px;
		box-shadow: 0px 0px 4px 2px #fff;
}
.map-marker:hover
{
    z-index:99;
}
.map-marker a
{
    position: absolute!important;
    left:0;
    top: 0;
    background-position: center;
    width: 100%!important;
    height: 100%!important;
    padding: 0;
    margin: 0;
}
.map-marker-small a{

}
.map-marker.down
{
  z-index:9;
	background-color:#d71920;
}
.map-marker.down a /*correction for padding above*/
{
/*    margin:-3px;*/
}

.map-marker.downack
{
  z-index:8;
	background-color:#e77579;
}
.map-marker.warn
{
  z-index:5;
  background-color:#ffcb05;
}
.map-marker.unusual
{
  z-index:4;
  background-color:#f99d1c;
}
.map-marker.up
{
  z-index:3;
  background-color: #b4cc38;
}
.map-marker.unknown
{
  z-index:2;
  border-color: #707172;
  background-color: #808282;
  border: 1px solid #fff;
/*  padding: 0px;
*/}
.map-marker.paused
{
  z-index:1;
  border-color: #6294C8;
  background-color: #447fc1;
  border: 1px solid #fff;
/*  padding: 0px;
*/}
.map-marker.unknown a,
.map-marker.paused a{
/*	margin:1px;
*/}
table.table .geomappopout
{
    position: absolute;
    right:16px;
}

table.table .geomappopout .ui-icon
{
    background-image: url("images/ui-icons_ebebeb_256x240.png");
}
table.table .geomappopout:hover .ui-icon
{
    background-image: url("images/ui-icons_222222_256x240.png");
}

div.olLayerGooglePoweredBy.olLayerGoogleV3{
    opacity: 0;
}

div#geomap_probeoverview,
div#geomap_groupoverview,
div#geomap_deviceoverview{
  width:325px;
  height:128px;
  background-color:#CDE9FC;
}

div#geomap_control,
div#geomap-mobile-group,
div#geomap-mobile-device
{
  width:256px;
  height:128px;
  margin-left:20px;
	background-color:#CDE9FC;
} 

div#geomap_deviceoverview{
  margin:0;
  width:100%;
}
/*.responsiveobjectoverview_panelC div#geomap_deviceoverview
{
  width:600px;
  height:205px;
  background-color:#CDE9FC;
} 
*/div#geomap_control.google,
div#geomap-mobile-group.google,
div#geomap-mobile-device.google,
div#geomap_probeoverview.showinfo,
div#geomap_groupoverview.showinfo,
div#geomap_deviceoverview.showinfo,
div#geomap_control.showinfo,
div#geomap-mobile-group.showinfo,
div#geomap-mobile-device.showinfo
{
    width:auto;
    height:auto;
    min-width:256px;
    min-height:130px;
    margin: auto;
    background-color: transparent;
} 


div#geomap_grouptooltip,
div#geomap_devicetooltip,
div#geommap-wingui
{
    width:445px;
    height:225px;
	background-color:#CDE9FC;
} 
div#geomap-mobile,
div#geomap_window.geomap-active
{
    width:1000px;
    height:800px;
	background-color:#CDE9FC;
}
div#geomap_window.google .chartlegend{
  float: right;
  width:200px!important;
}
div#geomap_window.google img{
  width:75%!important;
  height:auto!important;
}
div#geomap_screenshot .chartlegend{
  display: none;
}

div#map-geomap-box.google .chartlegend{
  width:90%!important;
  max-width:none!important;
}

div#map-geomap-box.google img{
  width:90%!important;
  height:auto!important;  
}


div#geomap-mobile-group,
div#geomap-mobile-device
{
    margin: auto;
}
div#geomap-edit
{
  height:128px;
}
div#map-geomap-box
{
    width:100%;
    height:100%;
}
.olControlAttribution{
    bottom: 0;
    right:0;
}

#geomapsparkline {
  /*font-size: 6px;*/
}
#geomapsparkline path.data.area{
  stroke:transparent;
  fill: none;
  fill-opacity:0.5;
}

#geomapsparkline path.data.line{
  fill: none;
  stroke: none;
  stroke-width:0.5px;
  /*opacity:0.5;*/
}

#geomapsparkline .axis path,
#geomapsparkline .axis line {
  fill: none;
  stroke: #000;
  /*stroke-width:0.5px;*/
  /*opacity:0.5;*/
  shape-rendering: crispEdges;
}
#geomapsparkline .axis.ticksonly text{
  display:none;
}
#geomapsparkline .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

#location_ + img.googlesample{
    margin-top: 10px;
}
#geomapsparkline path.data.line.Distance,
#geomapsparkline path.data.line.Accuracy{
  stroke: #00245d;
}
#geomapsparkline path.data.area.Altitude,
#geomapsparkline path.data.area.Speed{
  fill: #78743d;
}
#geomapsparkline text.y-label.Accuracy,
#geomapsparkline text.y-label.Distance{
  fill: #00245d;
}
#geomapsparkline text.y-label.Altitude,
#geomapsparkline text.y-label.Speed{
  fill: #78743d;
}

/*prtg.toplist.css*/
#main.toplist .buttonbox{
  top:96px;
}
#toplist {
  table-layout: fixed;
}

#toplist .selected {
  background-color: transparent;
}

#toplist .prtg-box {
  display: block;
  background-color: #f3f2f2;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
}

#toplist .toplistperiodslist {
  min-width: 175px;
}

#toplist .toplistcontent {
  display: table;
}

#toplist .content {
  display: table-row;
}

#toplist .toplistperiodslist ,
#toplist .data {
  display: table-cell;
  vertical-align: top;
}

#toplist .data {
  width: 100%;
}

#toplist .toplistcontainer {
}

#toplist .button {
  float: right;
  margin-top: 5px;
}

#toplist table.table {
  max-width: none;
  width: auto;
}

#toplist .floatleft {
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}

#toplist .toplisttitle {
  position: absolute;
}

#toplist .toplistgraph {
  display: inline-block;
  width: 600px;
  height: 600px;
}
#datatable .ui-datepicker-trigger{
  margin-top: 0px;
  margin-bottom: 3px;
}

#datatable.toplistperiodslist ul li{
  padding: 0 0 0 0px;
  margin: 0;
  font-weight: normal;
  cursor: pointer;
  background-color: white;
  font-size: 11px;
}
#datatable.toplistperiodslist ul li:first-child{
  padding-top: 2px;
}
#datatable.toplistperiodslist ul li:hover{
  background-color: #d6d7d8;
  transition: .1s;
}
#datatable.toplistperiodslist ul li.selected{
  background-color: #00245d;
  color: #fff;
}

#datatable.toplistperiodslist ul{
  list-style-type: none;
  padding: 3px;
  margin: 0;
  font-weight: bold;
  cursor: default;
  font-size: 12px;
   /*background-color: #d6d7d8*/
}
#datatable.toplistperiodslist [data-plugin="toplistperiods"]{
  border:1px solid #d6d7d8;
}
.toplist-chordgraph {
  min-width: 600px;
  min-height: 600px;
  margin: auto;
}
.toplist-chordgraph span {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

.toplist-chordgraph.zoomable .zoom {
  display: inline-block;
  position: relative;
  left: 5px;
  top: -30px;
}

.graphtoolbar {
  float: right;
  position: absolute;
  z-index: 1;
}

.toplist-chordgraph .outline {
  outline: 1px solid #00235D;
}
.toplist-chordgraph path.chord {
  opacity: .33;
}

.toplist-chordgraph text {
  font-size: 9px;
}
#toplistspreviews{
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin:10px 5px;
  position: relative;
}
#toplistspreviews .scroll{
  height:45px;
  margin: 0 5px 5px 0;
  background-color: #f3f2f2;
  font-size: 38px;
  line-height: 34px;
  color: #d6d7d8;
  cursor: pointer;
  display: none;
}
#toplistspreviews .scroll.left{
  float:left;
}
#toplistspreviews .scroll.right{
  float:right;
}
#toplistspreviews .scroll-content{
}
#toplistspreviews .sensoroverviewtoplist,
.sensoroverviewtoplistspreviews .sensoroverviewtoplist {
  float: left;
  background-color: #f3f2f2;
  display: block;
  width: 180px;
  height: 210px;
  padding: 2px;
  border-right: 5px solid #fff;
  border-bottom:5px solid #fff;
  position: relative;
}

.sensoroverviewtoplistspreviews .sensoroverviewtoplist div.name {
  font-size: 18px;
  position: relative;
  left: 5px;
  right: 5px;
  height: 25px;
  display: block;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#toplistspreviews .sensoroverviewtoplist{
  width:150px;
  height:50px;
  padding:0;
  margin: 0;
  display:inline-block;
  float: none;
}

.sensoroverviewtoplistspreviews .toplistgraph,
.sensoroverviewtoplistspreviews .toplist-chordgraph {
  margin: 3px 0 0 0;
  width: 170px;
  height: 170px;
  min-width: 170px;
  min-height: 170px;
}


.sensoroverviewtoplistspreviews .toplist-chordgraph .zoom,
.toplist-chordgraph .zoom {
  display: none;
}


#toplistspreviews .toplistgraph,
#toplistspreviews .toplist-chordgraph{
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}

#toplistspreviews .toplistcontainer {
  float:right;
  width: 40px;
  height: 40px;
  margin: -28px 4px;
}
#toplistspreviews .sensoroverviewtoplist div.name{
  float: left;
  margin-top: 15px;
  margin-left: 3px;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#toplistspreviews .toplistsettings{
  display: none;
}

#toplistspreviews svg text{
  display: none;
}

/*prtg.tree.css*/
.prtgtreeview_controlbox {
  border: 0px solid red;
  background-color: #212C52;
  color: #ffffff;
  height: 18px;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.prtgtreeview_controlbox a {
  color: #fff;
}

#prtgtreeview_searchbox {
  border: 0px;
  top: 0px;
  background-color: white;
  color: #888;
  height: 16px;
  margin: 0px;
  padding: 0px;
  margin-top: 1px;
  width: 84px;
  line-height: 15px;
  float: left;
}

#prtgtreeview_opencloseindicator {
  display: none;
  background-image: url("/images/ajax-loader-small.gif");
  position: absolute;
  z-index: 999999;
  right: 5px;
  top: 2px;
  width: 16px;
  height: 16px;
}

#prtgtreeview_opencloseall {
  float: right;
  margin-right: 2px;
}

#prtgtreeview_deleteicon {
  border: 0px solid #212C52;
  float: left;
  width: 14px;
  margin: 1px 0 0 0px;
  padding: 0px;
  height: 16px;
  background-image: url("/css/images/ui-icons_cd0a0a_256x240.png");
  background-repeat: no-repeat;
  background-position: -33px -192px;
  background-color: White;
  display: none;
  cursor: pointer;
}

#prtgtreeview_searchicon {
  border: 0px solid #212C52;
  float: left;
  width: 14px;
  height: 16px;
  background: url("/images/search.png");
  background-repeat: no-repeat;
  background-color: white;
  margin: 1px 0 0 1px;
  padding: 0px;
}

#prtgtreeview_tree {
  border-left: 1px solid #212C52;
  border-right: 1px solid #212C52;
  border-bottom: 1px solid #212C52;
  display: block;
  margin-top: 0px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: auto;
  clear: both;
}


.jstree li,
.jstree ins {
  background-image: url("/icons/treeview.png");
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree li {
  background-position: -90px 0;
  background-repeat: repeat-y;
}

.jstree li.jstree-last {
  background: transparent;
}

.jstree .jstree-open > ins {
  background-position: -72px 0;
}

.jstree .jstree-closed > ins {
  background-position: -54px 0;
}

.jstree .jstree-leaf > ins {
  background-position: -36px 0;
}

.jstree .jstree-hovered {
  background: #e7f4f9;
  border: 1px solid #d8f0fa;
  padding: 0 2px 0 1px;
}

.jstree li[rel="disabled"]~.jstree-hovered {
  cursor: default;
  background: none;
  border: none;
  padding: 1px 2px 1px 2px;
}

.jstree .jstree-clicked {
  background: #beebff;
  border: 1px solid #99defd;
  padding: 0 2px 0 1px;
}

.jstree a .jstree-icon {
  background-position: -56px -19px;
}

.jstree a.jstree-loading .jstree-icon {
  background: url("/images/ajax-loader-big.gif") center center no-repeat !important;
}

.jstree.jstree-focused {
  background: #ffffff;
}

.jstree .jstree-no-dots li,
.jstree .jstree-no-dots .jstree-leaf > ins {
  background: transparent;
}

.jstree .jstree-no-dots .jstree-open > ins {
  background-position: -18px 0;
}

.jstree .jstree-no-dots .jstree-closed > ins {
  background-position: 0 0;
}

.jstree .jstree-no-icons a .jstree-icon {
  display: none;
}

.jstree .jstree-search {
  font-weight: bold;
}

.jstree .jstree-no-icons .jstree-checkbox {
  display: inline-block;
}

.jstree .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree .jstree-checked > a > .jstree-checkbox {
  background-position: -38px -19px;
}

.jstree .jstree-unchecked > a > .jstree-checkbox {
  background-position: -2px -19px;
}

.jstree .jstree-undetermined > a > .jstree-checkbox {
  background-position: -20px -19px;
}

.jstree .jstree-checked > a > .jstree-checkbox:hover {
  background-position: -38px -37px;
}

.jstree .jstree-unchecked > a > .jstree-checkbox:hover {
  background-position: -2px -37px;
}

.jstree .jstree-undetermined > a > .jstree-checkbox:hover {
  background-position: -20px -37px;
}

#vakata-dragged.jstree ins {
  background: transparent !important;
}

#vakata-dragged.jstree .jstree-ok {
  background: url("/icons/treeview.png") -2px -53px no-repeat !important;
}

#vakata-dragged.jstree .jstree-invalid {
  background: url("/icons/treeview.png") -18px -53px no-repeat !important;
}

#jstree-marker.jstree {
  background: url("/icons/treeview.png") -41px -57px no-repeat !important;
}

.jstree a.jstree-search {
}

#vakata-contextmenu.jstree-context,
#vakata-contextmenu.jstree-context li ul {
  background: #f0f0f0;
  border: 1px solid #979797;
  box-shadow: 1px 1px 2px #999;
}

#vakata-contextmenu.jstree-context li {
}

#vakata-contextmenu.jstree-context a {
  color: black;
}

#vakata-contextmenu.jstree-context a:hover,
#vakata-contextmenu.jstree-context .vakata-hover > a {
  padding: 0 5px;
  background: #e8eff7;
  border: 1px solid #aecff7;
  color: black;
  border-radius: 2px;
}

#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-context li.jstree-contextmenu-disabled a:hover {
  color: silver;
  background: transparent;
  border: 0;
  padding: 1px 4px;
}

#vakata-contextmenu.jstree-context li.vakata-separator {
  background: white;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}

#vakata-contextmenu.jstree-context li ul {
  margin-left: -4px;
}

/* IE6 BEGIN */
.jstree li,
.jstree ins,
#vakata-dragged.jstree .jstree-invalid,
#vakata-dragged.jstree .jstree-ok,
#jstree-marker.jstree {
  _background-image: url("/icons/treeview.png");
}

.jstree .jstree-open ins {
  _background-position: -72px 0;
}

.jstree .jstree-closed ins {
  _background-position: -54px 0;
}

.jstree .jstree-leaf ins {
  _background-position: -36px 0;
}

.jstree a ins.jstree-icon {
  _background-position: -56px -19px;
}

#vakata-contextmenu.jstree-context ins {
  _display: none;
}

#vakata-contextmenu.jstree-context li {
  _zoom: 1;
}

.jstree .jstree-undetermined a .jstree-checkbox {
  _background-position: -20px -19px;
}

.jstree .jstree-checked a .jstree-checkbox {
  _background-position: -38px -19px;
}

.jstree .jstree-unchecked a .jstree-checkbox {
  _background-position: -2px -19px;
}
/* IE6 END */



/* LOCKED */
.tree-default .locked li a {
  color: gray;
}
/* DOTS */
.tree-default ul {
  background-position: 6px 1px;
  background-repeat: repeat-y;
  background-image: url(data:image/gif;
  base64,R0lGODlhAgACAIAAAB4dGf///yH5BAEAAAEALAAAAAACAAIAAAICRF4AOw==); _background-image: url("/images/dot_for_ie.gif");
  *background-image: url("/images/treedot_for_ie.gif");
}

.tree-default li {
  background-position: -64px -16px;
  background-repeat: no-repeat;
  background-image: url("/images/treeicons.png");
}
/* NO DOTS */
.tree-default .no_dots, .tree-default .no_dots ul {
  background: transparent;
}

.tree-default .no_dots li.leaf {
  background-image: none;
  background-color: transparent;
}
/* OPEN or CLOSED */
.tree-default li.open {
  background: url("/images/treeicons.png") -32px -48px no-repeat;
}

.tree-default li.closed, #jstree-dragged.tree-default li li.open {
  background: url("/images/treeicons.png") -48px -32px no-repeat;
}

#jstree-marker {
  background-image: url("/images/treeicons.png");
}
/* DEFAULT, HOVER, CLICKED, LOADING STATES */
.tree-default li a, .tree-default li span {
  border-radius: 3px;
}

.tree-default li a:hover, .tree-default li a.hover, .tree-default li span {
  background: #e7f4f9;
  border: 1px solid #d8f0fa;
  padding: 0px 3px 0px 3px;
}

.tree-default li a.clicked, .tree-default li a.clicked:hover, .tree-default li span.clicked {
  background: #beebff;
  border: 1px solid #99defd;
  padding: 0px 3px 0px 3px;
}
/* ICONS */
.tree-default ins {
  background-image: url("/images/treeicons.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.tree-default ul li a.loading ins {
  background-image: url("/images/throbber.gif") !important;
  background-position: 0 0 !important;
} /* UL is added to make selector stronger */
.tree-default li a ins.forbidden {
  background-position: -16px -16px;
}

.tree-default .locked li a ins {
  background-position: 0 -48px;
}

.tree-default li span ins {
  background-position: -16px 0;
}

#jstree-dragged.tree-default ins {
  background: url("/images/treeicons.png") -16px -32px no-repeat;
}

#jstree-dragged.tree-default ins.forbidden {
  background: url("/images/treeicons.png") -16px -16px no-repeat;
}

/* CONTEXT MENU */
.tree-default-context a ins {
  background-image: url("/images/treeicons.png");
  background-repeat: no-repeat;
  background-position: -64px -64px;
}

.tree-default-context a ins.create {
  background-position: 0 -16px;
}

.tree-default-context a ins.rename {
  background-position: -16px 0px;
}

.tree-default-context a ins.remove {
  background-position: 0 -32px;
}

.tree-default ul {
  background: url("/images/tv-item.gif") repeat-y scroll 0 0 transparent;
}

.tree-default li,.tree-default li.open {
  background-image: url("/icons/group.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.tree-default ins {
  display: none!important;
}

.objectselector {
  border: 1px solid #BFBFBF;
  height: 200px;
  overflow: auto;
  margin: 6px 6px 2px 6px;
}

.ui-dialog-content .searchbox {
  border: 1px solid #b7b7b7;
  position: relative;
  width: 100px;
  top: 4px;
  display: inline-block;
  left: 10px;
  background-color: white;
}

.ui-dialog-content .searchstring {
  width: 78px;
  height: 15px;
  position: absolute;
  top: 0px;
  left: 20px;
  border: none;
  color: #888;
  padding:0;
}

.jstree li[type="group"] a {
  font-weight: bold;
}

.jstree li[rel]>a {
  color: gray;
}

.jstree li a {
  color: black;
}

div.jstree-search-light a {
  opacity: 0.2;
}

div.jstree-search a {
  opacity: 0.5;
}

div.jstree-search a.jstree-search {
  opacity: 1.0;
}

/*_Prtg.Maps.css*/
body.mapshow {
  min-width: 0 !important;
}

body.mapshow #container {
  display: inline;
}

#mapeditor, #mapshow {
  min-height: 600px;
  /*box-sizing: content-box;*/
  position: relative;
}

#mapeditor .panel {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
}

#mapeditor .panel .panelpinbutton {
  margin-top: 1px;
}

#mapeditor .panel .panelpinbutton:hover {
  background-image: url(images/ui-icons_888888_256x240.png);
  cursor: pointer;
}

#mapeditor .panelsizer {
  z-index: 99;
}

#mapeditor .panelsizer:hover {
  cursor: w-resize;
}

#mapeditor .historyloader {
  display: none;
  background-color: rgba(255, 255, 255, .7);

  z-index: 99999;


}

/* Leftpanel sizer*/
#mapeditor .objectpanelsizer {
  left: 200px;
  width: 6px;
  background: #d6d7d8;
  overflow: auto;
}
/* Leftpanel */
#mapeditor .objectpanel {
  left: 0;
  width: 200px;
  border: 1px solid #818285;
}

#objectpanel_tree {
  overflow: auto;
}

/* Editor */
#mapeditor .editor, #mapeditor .loading {
  left: 206px;
  right: 306px;
  border: 1px solid #818285;
  overflow: auto;
}
/* Rightpanel sizer */
#mapeditor .probpanelsizer {
  right: 300px;
  width: 6px;
  background: #d6d7d8;
}

/* Rightpanel */
#mapeditor .probpanel {
  right: 0;
  min-width: 300px;
  width: 300px;
  border: 1px solid #818285;
}

.probpanel {
  padding-bottom: 2px;
}

.probpanel * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

#mapeditor .paneltitletext {
  background-color: #212C52;
  color: White;
  padding: 2px 0 2px 0;
  margin: 0 0px 0 0px;
  display: block;
}

#mapeditor .probpanel .paneltitletext {
  text-align: left;
  padding-left:4px;
}

#mapeditor .objectpanel_tree_searchbar {
  padding: 0 1px 1px 0;
}

#mapeditor #prtgtreeview_deleteicon {
  float: right;
  padding: 0;
}

.maptreesearchbox {
  display: block;
  overflow: hidden;
  padding: 0;
}

.objectpanel_tree_searchbar .maptreesearchbox input {
  border: 0px;
  background-color: white;
  color: #888;
  height: 16px;
  margin: 1px 0 0 0;
  padding: 0;
  width: 100%;
  line-height: 15px;
}

#prob_form table {
  width: 100%;
  box-sizing: border-box;
}

#prob_form table th {
  border-right:1px solid #d6d7d8;;
  color:#888;
  text-align:left;
  font-weight:normal;
  padding-left:4px;
}
#prob_form table td {
  border-right:1px solid #d6d7d8;;
  border-bottom:1px solid #d6d7d8;;
  font-weight:bold;
}
#prob_form table input,
#prob_form table textarea
 {
  font-weight:bold;
 }

#prob_form table td.prob_save
{
    border:none;
}


td.prob_save {
  text-align: center;
}

#prob_save {
  display: none;
  width: 99%;
  box-sizing: border-box;
}

.propertyval {
  width: 97%;
}

ul.objectpreview {
  list-style: none;
  margin: 0;
  padding: 5px;
  margin-bottom: 0px;
}

ul.objectpreview li {
  margin: 2px;
  padding: 2px;
  background: #ffffff;
  border: 1px solid #ddd;
}

ul.objectpreview li:hover {
  cursor: pointer;
  background-color: #D6E8FA;
}

.preview {
  height: 200px;
  width: 100%;
}

.mapobjectpreviewcontainer {
  float: left;
  height: 167px;
  margin: 1px;
  padding: 0;
  margin-right: 1px;
  width: 95%;
  overflow: hidden;
  position: relative;
  background: #fff;
}

.dragto_helper {
  z-index: 999999;
}

.dragto_helper {
  z-index: 1010;
  cursor: move;
  width: 150px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 200px;
  height: 200px;
  border: 1px solid grey;
  text-align: center;
}

.maptable_selected {
  z-index: 99999;
}

.selected_indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mapobject_selected .selected_indicator {
  background-color: #D6E8FA;
  opacity: 0.5;
}

.maptable_selected .map_object_overlay .selected_indicator {
  background-color: #D6E8FA;
  opacity: 0.5;
}

.drophoverhighlight .map_object_overlay .selected_indicator {
  /*border: 1px solid #b4cc38 !important;*/
  background-color: #b4cc38;
  opacity: 0.5;
}

#mapview {
  border: 1px solid #d6d7d8;
  position: absolute;
  padding: 0;
  overflow: hidden;
}

.editor #mapview {
  position: relative;
  /*overflow: none;*/
}

/* Editor */
#mapshow .view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0px;
  right: 0px;
  display: block;
  border: none;
  overflow: auto;
}

.map_object {
  position: absolute;
}

#mapeditor .map_object {
  box-shadow: 0px 0px 1px 1px  #d6d7d8;
}

.map_object #viewport,
.map_object .sensorTree {
  width: 100%;
  height: 100%;
}
/* Rightpane */
ul.iconspreview {
  list-style: none;
  margin: 0;
  padding: 2px;
  margin-bottom: 10px;
}

ul.iconspreview li {
  margin: 0;
  padding: 5px;
  float: left;
  position: relative;
  /* Set the absolute positioning base coordinate */
  width: 55px;
  height: 55px;
  background: #ffffff;
}

ul.iconspreview li img {
  width: 50px;
  height: 50px;
 /* Set the small thumbnail size */
  -ms-interpolation-mode: bicubic;
 /* IE Fix for Bicubic Scaling */
  border: 1px solid #d6d7d8;
  padding: 5px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}

#objectproperties {
  display: none;
  overflow: auto;
}

/**/
ul.iconspreview li:hover img {
  margin-top: -65px;
  margin-left: -65px;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  padding: 10px;
  z-index: 99999;
}

ul.iconspreview li img {
  margin-top: 0;
  margin-left: 0;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  padding: 5px;
  z-index: 0;
}

ul.iconspreview li img.icontemplate {
  width: 50px;
  height: 11px;
  top: 39px;
}

ul.iconspreview li:hover img.icontemplate {
  top: 123px;
  left: 60px;
  border: none;
}

.ui-accordion-header {
  height: 15px;
  padding: 0 0 0 25px !important;
  background: #f3f2f2 !important;
}

.ui-accordion-header:hover {
  background: #b7b7b7 !important;
}

.ui-accordion-header a {
  padding-top: 0px !important;
  background: #b7b7b7 !important;
}

.ui-accordion-content {
  padding: 0px !important;
  border-left: 1px solid #606362 !important;
  border-right: 1px solid #606362 !important;
  border-bottom: 1px solid #606362 !important;
}

/**/
.selected {
  background-color: #D6E8FA;
}

line:hover {
  stroke-width: 10px;
  z-index: 99999999;
}

.connection-remove-container {
  position: absolute;
  width: 38px;
  height: 38px;
}

.connection-remove {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 10px;
  bottom: 10px;
  background: #ccc;
  border: 1px solid #D3D3D3;
  background: url("images/ui-icons_222222_256x240.png") no-repeat scroll 50% 50% #E6E6E6;
  background-position: -144px -128px;
  z-index: 9999999;
}

.connection-remove:hover {
  background: url("images/ui-icons_222222_256x240.png") no-repeat scroll 50% 50% #fff;
  background-position: -144px -128px;
}

.map_object_overlay {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 99999;
  position: absolute;
}

.map_objectsizer {
  position: absolute;
  cursor: se-resize;
  z-index: 99999999;
}

.map_objecttools,
.map_objectsettings {
  border: 1px solid #D3D3D3;
  width: 18px;
  height: 18px;
  margin: 2px 0 0 2px;
  padding: 0;
  display: none;
  cursor: pointer;
  z-index: 1;
  float: left;
}

.map_object_buttonbar {
  position: absolute;
  z-index: 9999;
}

.map_objecttools a,
.map_objectsettings a {
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  background: url("images/ui-icons_222222_256x240.png") no-repeat scroll 50% 50% #E6E6E6;
  display: block;
}

.map_object_buttonbar:hover .map_objecttools,
.map_object_buttonbar:hover .map_objectsettings,
.map_object:hover .map_objecttools,
.map_object:hover .map_objectsettings {
  display: block;
}

.map_objecttools a:hover,
.map_objectsettings a:hover {
  background: url("images/ui-icons_222222_256x240.png") no-repeat scroll 50% 50% #fff;
}

.map_objecttools a {
  background-position: -176px -96px;
}

.map_objecttools.delete a {
  background-position: -176px -96px;
}

.map_objecttools.moveup a {
  background-position: -192px -48px;
}

.map_objecttools.movedown a {
  background-position: -224px -48px;
}

.map_objecttools.dropconnectors a {
  background-position: -144px -128px;
}

.object_connector {
  position: absolute;
  top: 50%;
  left: -10px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #aaa;
  border: 1px solid #888;
  cursor: alias;
  z-index: 99999;
}

.object_connector:hover {
  background: #CDE2F8;
}

#map_snaptogridcontrol {
  position: absolute;
  bottom: 1px;
  width: 100%;
}

#map_snaptogridcontrol .checkbox-control {
  padding: 1px 0 0px 2px;
}

.showsnaptogrid {
  background-image: url(/images/mapdots.png);
}

/* TODO */
#externallinkdialog {
  overflow: hidden;
  padding: 0px;
}

#map_selectobjectlink, #externallinkdialog {
  border: 0px !important;
}

#map_mapslist .maplistselected {
  background: #BEEBFF;
  border: 1px solid #99DEFD;
}

#map_mapslist li:hover {
  background: #E7F4F9;
  border: 1px solid #D8F0FA;
}

#map_mapslist {
  list-style-type: none;
  padding: 0;
}

#map_mapslist li {
  border: 1px solid #FFFFFF;
  cursor: pointer;
}

.connectionline, .connectionlineGradient {
  stroke-width: 2px;
}

/* mapshow stuff */
#maprefreshlink {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #444;
  border: 1px solid #888;
  color: #fff;
  padding: 2px;
  margin: 2px;
  z-index: 9999;
  opacity: 0.4;
}

#maprefreshlink a {
  color: #fff;
}

#maprefreshlink span {
  display: none;
  color: #fff;
}

#maprefreshlink:hover span {
  display: inline;
}

#mapclusterswitchbox {
  display: none;
}

#maprefreshlink:hover #mapclusterswitchbox {
  display: block;
  float: left;
  padding-right: 10px;
}

.prtgmapfooter {
  position: fixed;
  bottom: 0;
  font-size: 9px;
}

.mapshowiframe {
  position: absolute;
  top: 0;

  width: 100%;
  height: 100%;
}

body.mapshow .maploading {
  position: absolute;
  left: 50%;
  top: 0;
}

body.mapshow .maploading p {
  position: relative;
  left: -50%;
  margin: 0;
  padding: 5px 20px 0 20px;
  background: #eee;
  border: 1px solid #999999;
  border-top: 0;
  height: 25px;
  border-radius: 0 0 4px 4px;
}

body.mapshow .maploading p span {
  display: block;
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
  line-height: 14px;
}

body.mapshow .mapshowfailed {
  position: absolute;
  left: 50%;
  display: none;
}

body.mapshow .mapshowfailed p {
  position: relative;
  left: -50%;
  top: 100px;
  margin: 0;
  padding: 5px 20px 0 20px;
  background: #ffeeee;
  border-radius: 4px;
  border: 1px solid red;
}

body.mapshow .mapshowfailed p span {
  display: block;
  padding: 10px;
  text-align: center;
}

.mapshowfailedheader {
  font-size: 20px;
  font-weight: bolder;
}

.graphicalmapicon {
  background: none;
  display: block;
  position: absolute;
}

.graphicalmapicon .label {
  background: #fff;
  padding: 2px;
  display: inline-block;
}

.graphicalmapicon.sensr .label,.graphicalmapicon.hasred .label,
.graphicalmapicon.senso .label,.graphicalmapicon.hasred .label,
.graphicalmapicon.sensq .label,.graphicalmapicon.hasack .label {
  background: #ffcccc;
}

.map_object.map_icon2 {
  text-align: center;
}

.map_object.map_iconcolor_sensr,.map_object.map_iconcolor_sensr label,.map_object.map_iconcolor_sensr span,
.map_object.map_iconcolor_sensq,.map_object.map_iconcolor_sensq label,.map_object.map_iconcolor_sensq span {
  background-color: #d71920;
  color: #fff;
}

.map_object.map_iconcolor_senso,.map_object.map_iconcolor_senso label,.map_object.map_iconcolor_senso span {
  background-color: #e77579
}

.map_object.map_iconcolor_sensg,.map_object.map_iconcolor_sensg label,.map_object.map_iconcolor_sensg span {
   /*background-color:#b4cc38;*/
}

.map_object.map_icon2.map_iconcolor_sensg,.map_object.map_icon2.map_iconcolor_sensg label,.map_object.map_icon2.map_iconcolor_sensg span {
  background-color: #b4cc38;
}

.map_object.map_iconcolor_sensy,.map_object.map_iconcolor_sensy label,.map_object.map_iconcolor_sensy span {
  background-color: #ffcb05;
}

.map_object.map_iconcolor_sensb,.map_object.map_iconcolor_sensb label,.map_object.map_iconcolor_sensb span {
  background-color: #447fc1;
}

.map_object.map_iconcolor_sensp,.map_object.map_iconcolor_sensp label,.map_object.map_iconcolor_sensp span {
  background-color: #f99d1c;
}

.map_object.map_iconcolor_sensx,.map_object.map_iconcolor_sensx label,.map_object.map_iconcolor_sensx span {
  background-color: #808282;
  color: #fff;
}

stop.hasblack, stop.sensx {
  stop-color: #808282;
}

stop.hasgreen, stop.sensg {
  stop-color: #b4cc38;
}

stop.hasblue, stop.sensb {
  stop-color: #447fc1;
}

stop.hasorange, stop.sensp {
  stop-color: #f99d1c;
}

stop.hasyellow, stop.sensy {
  stop-color: #ffcb05;
}

stop.hasred,
stop.haspartialred,
stop.hasack,
stop.senso,
stop.sensr,
stop.sensq {
  stop-color: #d71920 !important;
}

.map_icon_large .moreicon {
  display: none;
}

.map_object.map_iconcolor_hasblack {
  background-color: #ddd;
}

.map_object.map_iconcolor_hasgreen {
  background-color: #D5FDDA;
}

.map_object.map_iconcolor_hasblue {
  background-color: #C3D2E9;
}

.map_object.map_iconcolor_hasorange {
  background-color: #FED78C;
}

.map_object.map_iconcolor_hasyellow {
  background-color: #F8FBC5;
}

.map_iconcolor_hasred,
.map_iconcolor_haspartialred,
.map_iconcolor_hasack {
  background-color: #FFCCCC !important;
}


.map_icon_large,
.map_icon_large div,
.map_icon_large span,
td.map_icon_large {
  font-size: 17px;
  font-weight: bold;
}

.map_icon_large .status {
  font-size: 12px;
  font-weight: normal;
}

.map_icon span {
  white-space: nowrap;
}

.mapicon_status_white {
  background-color: #fff;
}

.map_object .sensg:before,.map_object .sensr:before,.map_object .sensq:before,.map_object .senso:before,.map_object .sensb:before,.map_object .sensy:before,.map_object .sensp:before,.map_object .sensx:before {
  background-image: url(/icons/icon_up.svg);
  content: " ";
  position: relative;
  height: 14px;
  width: 14px;
  padding: 0;
  margin: 0;
  margin-right: 2px;
  display: inline-block;
  background-repeat: no-repeat;
}

.map_object .sensg,.map_object .sensr,.map_object .sensq,.map_object .senso,.map_object .sensb,.map_object .sensy,.map_object .sensp,.map_object .sensx {
  background-image: none;
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-height: 14px;
  width: auto;
  vertical-align: top;
}

.map_object .sensx:before {
  background-image: url(/icons/icon_unknown.svg);
}

.map_object .sensg:before {
  background-image: url(/icons/icon_up.svg);
}

.map_object .sensy:before {
  background-image: url(/icons/icon_warning.svg);
}

.map_object .sensr:before {
  background-image: url(/icons/icon_down.svg);
}

.map_object .sensq:before {
  background-image: url(/icons/icon_partdown.svg);
}

.map_object .senso:before {
  background-image: url(/icons/icon_downack.svg);
}

.map_object .sensb:before {
  background-image: url(/icons/icon_paused.svg);
}

.map_object .sensp:before {
  background-image: url(/icons/icon_unusual.svg);
}

#showamap .connectionline, #map_objectbox .connectionline {
  stroke: black;
  stroke-width: 2px;
}

.wingui .view {
  overflow: hidden !important;
  position: relative !important;
}

.mapshow .map_objectbox {
  overflow: hidden;
  position: absolute;
}

.mapshow_notsupportedbrowser {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
}
.mapshow_notsupportedbrowser p {
  position: relative;
  left: -50%;
  margin: 0;
  padding: 5px 20px 0 20px;
  background: #eee;
  border: 1px solid #999999;
  border-bottom: 0;
  height: 20px;
  border-radius: 4px 4px 0 0;
}
.mapshow_notsupportedbrowser p span {
  display: block;
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
  line-height: 10px;
}

.map_icon span.label,
.map_icon2 span.label {
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.map_object .label .sensg,.map_object .label .sensr,.map_object .label .sensq,.map_object .label .senso,.map_object .label .sensb,.map_object .label .sensy,.map_object .label .sensp,.map_object .label .sensx,
.map_object .label a{
  margin-bottom: 1px;
  word-break: break-all;
  overflow: visible;
  white-space: normal;
  height: auto;
  width: inherit;
}

.map_object form table .sensg,
.map_object form table .sensr,
.map_object form table .sensq,
.map_object form table .senso,
.map_object form table .sensb,
.map_object form table .sensy,
.map_object form table .sensp,
.map_object form table.sensx,
.map_object p{
  margin-bottom: 1px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: auto;
  vertical-align: top;
}
.map_object p{
  vertical-align: middle;
}
.map_object form table td:hover .sensg,.map_object form table td:hover  .sensr,.map_object form table td:hover .sensq,.map_object form table td:hover .senso,.map_object form table td:hover .sensb,.map_object form table td:hover .sensy,.map_object form table td:hover .sensp,.map_object form table td:hover .sensx,
.map_object p:hover{
  margin-bottom: 1px;
  word-break: break-all;
  overflow: visible;
  white-space: normal;
}

.map_object_filemissing {
  color: #d71920;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid black;
}

.status-unknown path.status{
  fill: #808282!important;
}

.status-up path.status{
   fill: #b4cc38!important;
}

.status-warning path.status{
  fill: #ffcb05!important;
}

.status-down  path.status,
.status-down-partial path.status{
  fill: #d71920!important;
}

.status-down-ack path.status{
  fill: #e77579!important;
}

.status-paused path.status{
  fill: #447fc1!important;
}

.status-unusual path.status{
  fill: #f99d1c!important;
}

.sensortreebox  .probemenu,
.sensortreebox .devicemenu,
.sensortreebox .sensormenu{
  width: 15em;
}


.mapdashboard #mapshow .view{
  position: static;
}

#mapeditor .history_buttons {
  padding: 1px;
  overflow: auto; /* clearfix */
}

#mapeditor .history_button {
  display: block;
  width: 50%;
  text-align: center;
  cursor: pointer;
  float: left;
  border: 1px solid white;
}

#mapeditor .history_buttons .icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

#mapeditor .history_buttons .custom {
    vertical-align: middle;
    margin-bottom: 4px;
}

#mapeditor .history_buttons a:hover {
    text-decoration: none;
}

#map_snaptogridcontrol i.prtg-checkbox {
  transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -webkit-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
  vertical-align: middle;
  margin-bottom: 2px;
}

/*_Prtg.Multiedit.Inline.css*/
#layout .inline{
	width:100%;
	height: 100%;
	overflow: auto;
	background: #f3f2f2;
}
#layout.fullsize .unpinned #rightpanel_titel{
	height:100%;
	width:16px;
	background-color: #d6d7d8;
	padding: 0;
	border: 1px solid #aaa;
}
#layout.fullsize .unpinned #rightpanel_pinbutton{
	background-position: -130px -146px;
	background-image: url(images/ui-icons_454545_256x240.png);
}
/*#layout.fullsize .unpinned #rightpanel_titel span,
#layout.fullsize .unpinned .multieditscrollcontainer
{
	display:none;
}*/
#layout.fullsize .editsettings.inline{
	margin-top:0!important;
	overflow-y:hidden;
}
#layout .inline .tab-container
{
	max-width: 405px;
	min-height: 200px;
}
#layout .inline .inline-tabs {
	padding: 0 2px 2px 2px;
}
#layout .inline .prtg-tabs{
	padding: 0;
}
#layout .inline .inline-tabs #loadedcontent{
  padding-bottom: 20px;
}
#layout .multieditscrollcontainer{
	position:relative;
	width:100%;
	height: 100%;
	border-bottom-width: 29px;
}
#layout.fullsize .multieditscrollcontainer{
  border-bottom-width: 5px;
}
#layout.fullsize .unpinned .multieditscrollcontainer{
	border: none;
}

#layout.fullsize .multieditscrollcontainer{
	position: relative;
	bottom: auto;
	top: auto;
}

#layout.fullsize #rightpanel_titel{
	position: static;
}
#rightpanel_titel
{
	background-color: #606362;
	height:25px;
	width: 100%;
	/*position:absolute;*/

}

.multieditscrollcontainer .buttonbox{
  position:relative;
  margin-top: 3px;
}
.multieditscrollcontainer #content{
	margin: 0;
}
#layout.fullsize #rightpanel_pinbutton{
	position: static;
}
#rightpanel_pinbutton
{
	border:none;
	width: 14px;
	height:14px;
	cursor: pointer;
	float: left;
	margin-top: 5px;
 	background-image: url(images/ui-icons_ebebeb_256x240.png);
	background-position: -145px -145px;
	background-color: transparent;
}

#layout.fullsize #rightpanel_titel .leftpanel_titletext
{
	position: absolute;
	margin-top: -14px;
}
#rightpanel_titel .leftpanel_titletext
{
	padding-left: 16px;
	display: none;
}

#layout.fullsize #rightpanel_titletext{
	right: 15px;
	margin-top: -14px;
}

#layout.ui-layout-container .ui-layout-resizer-east-closed
{
	display:block!important;
	width:16px;
	background-color: #d6d7d8;
	padding: 0;
	border: 1px solid #aaa;
}
#layout .ui-layout-north{
	overflow: visible!important;
	z-index: auto!important;
}
#layout.ui-layout-container .ui-layout-toggler-closed{
	border:none;
	width: 14px;
	height:14px;
	margin: 0;
	padding:0;
	background-image: url(images/ui-icons_454545_256x240.png);
	background-position: -130px -146px;

}
#layout.ui-layout-container .ui-layout-toggler-closed.hover{
	background-color: transparent;
}
#rightpanel_titletext
{
	float:right;
	margin-right: 5px;
	background-color: #212C52;
}

.dialog-container.inline
{
	background:#fff;
	padding: 0;
}

.inline .prtg-form > fieldset,
.inline .tab-container{
	min-width: 380px;
	width: 100%;
}
.dialog-container.inline .prtg-form > fieldset{
	min-width: 495px;
	width: 100%;
	margin:5px 0;
}

.inline .prtg-form  fieldset
{
	width:100%;
}
.inline .prtg-form  fieldset legend{
	max-width: 77%;
}
.inline .prtg-form  fieldset legend .inheritedfrom{
	max-width: 60em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.inline .prtg-form fieldset> .control-label {
	padding-left: 5px;
}

.inline .prtg-form > fieldset > .control-group .control-label
{
	min-width: 70px;
	width: 25%;
	margin-left:0px;
	padding-left:4px;
}
.freeform .prtg-form > fieldset > .control-group .control-label
{
	min-width: 80px;
	width:20%;
}


.inline .prtg-form > fieldset > .control-group .controls
{
	min-width:150px;
	width: 70%;
}
.inline .prtg-form fieldset>.control-group .fillwidth{
	width: 98%!important;
}

.dialog-container.inline .prtg-form > fieldset > .control-group .controls
{
	min-width:342px;
	width: 50%;
}
.multiedit .dialog-container.inline .prtg-form > fieldset > .control-group .controls
{
	min-width:342px;
	width: 50%;
}

.inline .prtg-form>fieldset .control-help .tooltip-content{
	max-width: 300px;
	max-height: 300px;
	width:auto!important;
	overflow-x:hidden;
	overflow-y:auto;
	z-index: 100;
	text-align: left;
}
.dialog-container.inline .prtg-form > fieldset > .control-group .controls.fillwidth {
  width: 100%!important;
}

.inline .prtg-form > fieldset legend > label{
	width: 365px;
}

.inline .prtg-form > fieldset legend > span
{
	width: 365px;
	padding-top: 2px;
	display: block;
	font-weight: normal;
}
.inline .control-activation + .has_help,
.inline .control-activation + .no_help{
	clear: none;
}
.inline .prtg-form .submitbuttonbox.float{
	margin-bottom: 40px;
	width:390px;
}
#layout.fullsize .inline .prtg-form .submitbuttonbox.float{
	margin-bottom: 18px;
	width:400px;
}
/* activation checkbox */
.prtg-form .control-group .control-activation {
	position: relative;
	top:24px;
  display: block;
  float: left;
  clear:both;
  width: 16px;
  height:16px;
}
.inline .prtg-form .control-group .control-activation{
  margin-top:6px;
  top:0;
  left:0;
}
.inline p#objlist
{
	position: relative;
	min-height: 15px;
	max-height:90px;
	width: 100%;
	overflow:auto;
	padding: 0;
	margin: 7px 5px;
}
.ui-dialog .inline p#objlist{
	max-height:300px;
	padding: 0;
	margin: 0;
}

.inline p#objlist a,
th p#objlist a
{
	float: left;
	width: 100px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-right: 5px;
	margin-bottom: 1px;
}
.ui-dialog .inline p#objlist a{
	width: 105px;
}
.object-lookup p#objlist{
	/*overflow: hidden;*/
}
.controls .object-lookup p#objlist a{
	width: 90%;
	width: calc(100% - 32px);
}
.object-lookup p#objlist a.sensormenu{
	width: 80%;
	width: calc(100% - 48px);
}

.inline p#objlist a span
{
	display: none;
}
.inline input[type="reset"]{
	display: none;
}
.inline .inline-hidden{
	display: none;
}
.inline .tab-container{
	min-height: 200px;
}
.ui-dialog .tab-container{
	min-height: 200px;
}
.inline .jd_menu{
	list-style: none;
	list-style-image: none;
	vertical-align: baseline;
	float: right;
}
.inline li.multiedit{
	float:left;
}
.inline .prtg-form .submitbuttonbox{
	width:100%;
}
.inline .prtg-form > .submitbuttonboxanchor{
	width:100%;
}
.ui-dialog .inline .prtg-form > .submitbuttonboxanchor{
	display: none;
}
select[disabled]{
	background-color: #EBEBE4;
}
.prtg-form > fieldset .control-group > .controls > .radio-control > input[disabled]+.radio-control-label{
	color:#ccc;
}
.prtg-form > fieldset .control-group > .controls > input[disabled],
.prtg-form > fieldset .control-group > .controls select[disabled],
.prtg-form > fieldset .control-group > .controls > textarea[disabled]
{
	color:#888;
}

/*.inline .objectlookup{
	width:70%;
}
*/
.inline fieldset .probegroupdevice>span{
	width:100%;
	margin-right: 14px;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;

}

/*
 * Default Layout Theme
 *
 * Created for jquery.layout
 *
 * Copyright (c) 2010
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

/*
 *	DEFAULT FONT
 *	Just to make demo-pages look better - not actually relevant to Layout!
 */
/*body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:   100%;
	*font-size:  80%;
}
*/
/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:	#FFF;
	border:		1px solid #BBB;
	/*padding:	10px;*/
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		/*padding:	10px;*/
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
	}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#d6d7d8;
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	.ui-layout-resizer-north-dragging,
	.ui-layout-resizer-south-dragging {
		border-width:	1px 0;
	}
	.ui-layout-resizer-west-dragging,
	.ui-layout-resizer-east-dragging {
		border-width:	0 1px;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #FC6;
		opacity: 1.00;
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border:		none !important;
	padding:	0 !important;
	margin:		0 !important;
	overflow:	hidden !important;
	position:	absolute !important;
	opacity:	0 !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
	top:		0 !important;
	left:		0 !important;
	width:		100% !important;
	height:		100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */

/*prtg.objectselector.css*/
.tree-default ul
{
	background: url("/images/tv-item.gif") repeat-y scroll 0 0 transparent;
}
.tree-default li,.tree-default li.open
{
	background-image: url("/icons/group.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.tree-default ins
{
	display: none;
}
table.objectSelector2
{
	border: 1px solid #aaa;
	width: 100%;
}
table.objectSelector2 th
{
	background-color: #E1EDFB;
	border-bottom: 1px solid #aaa;
	font-weight: bold;
	padding: 4px;
}
table.objectSelector2 td
{
	overflow: hidden;
}
table.objectSelector2 th+th,
table.objectSelector2 td+td
{
	border-left: 1px solid #aaa;
}
#objectSelectorTree, #objectSelectorSensors, #externallink-tabs-2
{
	background-color: #fff;
	display: block;
	height: 340px;
	overflow: auto;
	position: relative;
}
#objectSelector.validateerror2 {
	background-color: #FFEBEB!important;
	border-color: #d71920;

}
#objectSelectorTree.validateerror2,
#objectSelectorSensors.validateerror2,
#externallink-tabs-2.validateerror2 {
	background-color: #FFEBEB!important;
	border-color: #d71920;
  font-weight: inherit;
  width: auto;
  display: block;
  margin: 6px 6px 2px 6px;
  padding: 0;

}

.wizard #objectSelectorTree
{
	border: 1px solid #aaa;
	height: auto;
	margin: 2px;
	max-height: 340px;
	min-height: 70px;
	overflow: auto;
	padding: 3px;
	width: 490px;
}
#objectSelectorSensors label
{
	background-repeat: no-repeat;
	padding: 0 0 0 16px;
	cursor: pointer;

}

#objectSelectorSensors label span.name
{
  background:#fff;
  padding-right:10px;
}

#objectSelectorSensors label span.type
{
  background:#fff;
  float:right;
  color:#aaa;
}

#objectSelectorSensors input:checked~label
{
	background-color: #beebff;
}
#objectSelectorSensors input:checked~label span
{
	background-color: #beebff;
}
#objectSelectorSensors label:hover,
#objectSelectorSensors label:hover span
{
	background-color: #e7f4f9;
	text-decoration: none;
}

.sensorselection
{
	display: none;
}
.objectlookup
{
	position: relative;
	cursor: pointer;
	width: 100%;
	padding: 2px;
}
.objectlookup div.probegroupdevice{
	width: 95%;
	width: calc(100% - 20px);
}
.objectlookup .groupmenu,
.objectlookup .probemenu,
.objectlookup .devicemenu,
.objectlookup .sensormenu
{
	display: block ;
	filter: none;
	font-size: 11px;
	width: 100%;
	opacity: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.objectlookup div.treeellipsis{
	margin-bottom: 10px;
	line-height: 5px;
}
.objectlookup div.treeellipsis:after{
	margin-left: 16px;
	content: "\2026";
}

.objectlookup i{
	position: absolute;
	top:2px;
	right:2px;
}
.objectlookup:hover
{
	background-color: #E1EDFB;
}
.objectlookup a,
.objectlookup a:hover,
.objectlookup a:active
{
	color: #000;
	text-decoration: none;
}
.objectlookup .probemenu
{
	margin-left: 0px;
}
.objectlookup .groupmenu
{
	margin-left: 16px;
}
.objectlookup .devicemenu
{
	margin-left: 32px;
}
.objectlookup .sensormenu
{
	margin-left: 48px;
}
.objectlookup .probegroupdevice~a
{
	font-weight: bold;
}
.objectlookup input
{
	width: 35px;
}
#objectSelectorSensors input
{
	position: absolute;
	top: -4000px;
}
#objectSelectorSensors label
{
	display: block;
	min-width: 100%;
	white-space: nowrap;
}
#objectSelectorSensors div
{
	border: 1px solid #fff;
	border-bottom: 1px solid #f3f2f2;
}
.tree-default li,.tree-default ul,.tree-default a
{
	min-width: 230px;
}
.tree-default li[rel=disabled]>a,.tree-default li[rel=disabled]>a:hover
{
	background: #fff;
	border: none;
	cursor: default;
	opacity: 0.4;
	padding: 0 3px;
}
.tree-default a.clicked
{
	font-weight: bold;
}

/* prtg.reports.css */
#reportbody {
  overflow: visible;
}

#reportbody pre {
  white-space: pre-wrap;
  font-family: inherit;
}

span.statehistorybar {
  display: inline-block;
  width: 65px;
  margin-left: 10px;
}

.managedSensorTree span.treesizeswitches,
.managedSensorTree span.sensorstateswitches {
  display: none !important;
}

#layout.report .slick-viewport {
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}

#layout.report div.panel {
  border: 3px solid #f3f2f2;
  overflow: hidden;
  background-color: #fff;
}

#nirvana {
  float: right;
  margin-right: 2px;
  display: none;
}

#layout.report  .header {
  background-color: #212C52;
  color: White;
  height: 16px;
  padding: 2px;
  margin-bottom: 2px;
  display: block;
}

#layout.report .header.tablelike {
  background-color: #E3E4E5;
  height: 16px;
  padding: 0;
  margin-bottom: 0;
  display: block;
  color: black;
}

#layout.report .header.tablelike .column {
  border-right: 1px solid #d6d7d8;
  color: #000;
  font-weight: normal;
  margin: 0;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

#layout.report span.sortItems {
  width: 16px;
  margin: 0 5px 0 110px;
  display: block;
  position: relative;
  float: left;
  text-indent: -110px;
  overflow: visible;
  border-right: 1px solid #aaa;
  color: #00235D;
  cursor: default;
}

#layout.report span.sortItems:hover {
  text-decoration: underline;
  background-color: #E1EDFB;
}

#reportChannelList {
  overflow: auto;
  margin: 1px;
}

#reportChannelListItems .ui-state-default {
  background-image: none !important;
}

#reportChannelListItems .ui-button-text,
#reportChannelListItems  div.status,
#reportChannelListItems  .col1 {
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header .icon-trash.ui-selected,
#reportChannelListItems .ui-selected {
  background-color: #C5F5CC !important;
}

#reportChannelListItems div.channelItem img.deleteItem {
  cursor: pointer;
  position: absolute;
  right: 0px;
  margin-top: 20px
}

#reportChannelListItems div.channelItem span.reorder {
  position: absolute;
  right: 3px;
  background-color: #AAA;
  width: 20px;
  height: 20px;
  right: 1px;
  margin-top: -6px;
  border-radius: 0 4px 0 20px;
  border: 2px solid white;
  cursor: move;
  padding: 0 4px;
}

#reportChannelListItems div.channelItem {
  position: relative;
  min-height: 42px;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  background: #f3f2f2;
  padding: 1ex;
  display: block;
  width: 100%;
  margin-bottom: 2px;
}

#reportChannelListItems div.channelItem:nth-child(2n+1) {
  background: #d6d7d8;
}

#reportChannelList .col1,
#reportChannelList .col2 {
  position: relative;
  float: left;
  margin: 0;
  width: 50%;
  padding-right: 10px;
}

#reportChannelList .probegroupdevice {
  margin-top: 5px;
  margin-left: 17px;
}

#reportChannelList .checkbox-control {
  min-width: 100px;
  width: 100px;
  float: left;
  height: 19px;
  margin: 2px 0;
  overflow: hidden;
}

#reportChannelList label {
  width: 80px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#reportChannelList label i {
  margin: 2px 5px 2px 2px;
}

#reportChannelList .moreicon {
  display: none;
}

#reportChannelList .probegroupdevice .groupmenu,
#reportChannelList .probegroupdevice .probemenu {
  display: inline-block !important;
  font-size: 9px;
  max-width: 70px;
  opacity: 0.4;
  overflow: hidden;
  white-space: nowrap;
}

#reportChannelList .probegroupdevice .devicemenu {
  display: block;
}


/* * ovverrides
* */
#buttonbar .reportsensors {
  width: 100% !important;
}

#reportChannelList .ui-state-active,
#reportChannelList .ui-widget-content .ui-state-active,
#reportChannelList .ui-state-default,
#reportChannelList .ui-widget-content .ui-state-default,
#reportChannelList label.ui-button:hover {
  border: none !important;
}

#reportChannelList div[status='5'],
#reportChannelList div[status='13'],
#reportChannelList div[status='14'] {
  background-color: #FEE8E9;
}

#reportChannelList div[status='5']:nth-child(odd),
#reportChannelList div[status='13']:nth-child(odd),
#reportChannelList div[status='14']:nth-child(odd) {
  background-color: #FBC5C8;
}

.ui-effects-transfer {
  border: 1px dotted red;
}

.reportsensorlist .probegroupdeviceitem a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

/* prtg.compare.css */
#content .comparison-object,
#content.multi-compare .comparison-object,
#content.hide-compare .comparison-object {
  display: none;
}

#compareobjects .comparison-result {
  position: relative;
  overflow: visible;
}

#compareobjects .centeredHint {
  font-weight: bold;
  background: #c1c2c3;
  padding: 4px;
}

#content.multi-compare .comparison-result {
  float: left;
  height: 172px;
}

#content.multi-compare .comparison-result:last-child {
  height: auto;
}

#content.multi-compare .comparison-result:hover {
  display: block;
  outline: 1px solid #666;
  outline-offset: -1px;
  z-index: 10;
  /*height: auto;*/
}

#content.multi-compare .comparison-result .compare-multi-graph .chartlegend {
  display: none;
  background-color: white;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: white;
  z-index: 11;
  margin: 5px 0 0 0;
}

#content.multi-compare .comparison-result .compare-multi-graph:hover .chartlegend {
  display: inline-block;
}

.prtg-form > fieldset > .control-group.comparison-result .controls {
  width: auto;
  float: none;
}

#content.multi-compare .comparison-result.no-data .compare-multi-graph:hover .chartlegend {
  display: none;
}

#content .comparison-result .centeredHint,
.comparison-result .overlay {
  display: none;
}

#content .comparison-result.no-data .centeredHint {
  display: block;
  left:25%;
  right:25%;
}

.comparison-result.no-data .overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f3f2f2; /*#C441E5;*/
  z-index: 999;
  opacity: 0.8;
  cursor: pointer;
}

.selectNewSensor {
  float: right;
}

/* prtg.newpagetitle.css */

#objectpriority,
#objectpriority span
{
	display:inline-block;
}
h1 .probegroupdevice
{
	margin:5px 0 6px 3px;
	font-size:11px;
}
h1 .probegroupdevice a
{
	display:inline-block;
	opacity:1;
	background-color:transparent;
	max-width:120px;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:normal;
	overflow: hidden;
}

h1 .bigsensoricon
{
	display:block;
	float:left;
	width:26px;
	height:26px;
	margin-right:5px;
	margin-bottom:10px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100%;
	border:1px solid #fff;
}

.bigsensoricon{
  background-position: center;
}
.bigsensoricon.bigsensoriconsensg
{
	background-image: url(/icons/icon_up.svg);
}

.bigsensoricon.bigsensoriconsensy
{
	background-image: url(/icons/icon_warning.svg);
}
.bigsensoricon.bigsensoriconsensr
{
	background-image: url(/icons/icon_down.svg);
}
.bigsensoricon.bigsensoriconsensq
{
	background-image: url(/icons/icon_partdown.svg);
}
.bigsensoricon.bigsensoriconsenso
{
	background-image: url(/icons/icon_downack.svg);
}
.bigsensoricon.bigsensoriconsensb
{
	background-image: url(/icons/icon_paused.svg);
}
.bigsensoricon.bigsensoriconsensp
{
	background-image: url(/icons/icon_unusual.svg);
}
.bigsensoricon.bigsensoriconsensx
{
	background-image: url(/icons/icon_unknown.svg);
}



#objectoverview {
  margin: 0;
  width: 100%;
}

#overviewleftcol {
  vertical-align: top;
  border: none;
  min-width: 640px;
}

#overviewleftcol, #overviewrightcol {
  padding-top: 0px;
  vertical-align: top;
}

#overviewrightcol {
  padding-left: 5px;
}

#overviewleftcol table.table {
  margin: 0 0 5px 0;
}

.sensorstatusmessage {
  padding: 5px;
  background-color: #f3f2f2;
  color: #fff;
  min-height: 48px;
  max-height: 200px;
  overflow: auto;
  word-break: break-all;
}

.sensorstatusmessage.sensorstatusmessagesensg {
  background-color: #b4cc38; /* green */
  color: #000;
}

.sensorstatusmessage.sensorstatusmessagesensr {
  background-color: #d71920; /* red */
}

.sensorstatusmessage.sensorstatusmessagesensq {
  background-color: #d71920; /* red */
}

.sensorstatusmessage.sensorstatusmessagesenso {
  background-color: #e77579; /* red */
}

.sensorstatusmessage.sensorstatusmessagesensy {
  background-color: #ffcb05; /* yellow */
  color: #000;
}

.sensorstatusmessage.sensorstatusmessagesensb {
  background-color: #447fc1; /* blue */
}

.sensorstatusmessage.sensorstatusmessagesensp {
  background-color: #f99d1c; /* Orange */
}

.sensorstatusmessage.sensorstatusmessagesensx {
  background-color: #808282; /* Gray */
}

.sensorstatusmessage strong {
  font-family: "Lucida Sans-Serif", "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 700;
  font-size: 18px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.sensorstatusmessage .moreicon,
.overviewsmalldata .moreicon,
.overviewsmalldatastatus .moreicon{
  display: none;
}

.sensorstatusmessage .status, .overviewsmalldata .status {
  max-height: none;
}

.overviewsmalldata {
  margin: 0 0 5px 0;
  padding: 5px;
  background-color: #f3f2f2;
  overflow: hidden !important;
}

.sensoroverview .overviewsmalldata {
  margin-top: 5px;
}

.overviewsmalldata td {
  background-color: #f3f2f2;
  padding-left: 0px;
  padding-right: 15px;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.overviewsmalldata td.label {
  color: #888;
  width: 1%;
}

.overviewsmalldata td[rowspan] {
  vertical-align: top;
}

.overviewsmalldata td.allowwordwrap {
  white-space: normal;
  max-width: 200px;
}

.overviewsmalldata td.allowwordwrap .status {
  max-height: 100px;
}

.tree .overviewsmalldata td.allowwordwrap .status {
  max-height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overviewsmalldata .treesearchbox {
  top: -1px;
}

.overviewsmalldatatitles td {
  white-space: nowrap;
  color: #555;
  padding-bottom: 2px;
}

#channelvalues, .deviceoverviewsensorvalues {
  background-image: url(/images/emptygaugebox.png);
  width: 100%;
}

.sensorgraphs .deviceoverviewsensorvalues {
  background-image: none;
}

.map_object .sensorgraphs .deviceoverviewsensorvalues {
  background-image: none;
}

.deviceoverviewsensorvalues.alarmsaguages {
  background-image: none;
}

#channelvalues #channelbox-4 {
  display: none;
}

#channelvalues #channelbox-4.primary {
  display: block;
}

.deviceoverviewsensorvalues {
  display: block;
}

.deviceoverviewsensorvalues .achannel, .deviceoverviewsensorvalues .chartlegend {
  border: 2px solid #fff;
}

.deviceoverviewsensorvalues .chartlegend {
  border-top: none;
  border-left-width: 30px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.deviceoverviewsensorvalues .sensormenu {
  border-radius: 5px;
}

.deviceoverviewsensorvalues .margin {
  float: left;
  padding: 0 2px 5px 0;
  margin: 0;
  background-color: white;
}

.deviceoverviewsensorvalues > .achannel {
  margin: 0 5px 5px 0;
}

.achannel {
  display: block;
  float: left;
  background-color: #f3f2f2;
  width: 180px;
  height: 70px;
  position: relative;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-radius: 5px;
}

.deviceoverviewsensorvalues .margin .achannel {
  float: none;
}

.channeledit {
  cursor: pointer;
}

.sensorgraphs .deviceoverviewsensorvalues .achannel {
  float: left;
  width: 386px;
  height: 230px;
}

.sensorgraphs .deviceoverviewsensorvalues .PNGGraph {
  left: 30px;
  top: 30px;
}

.sensorgraphs .deviceoverviewsensorvalues .chartlegend {
  position: absolute !important;
  left: -2px;
  top: 208px;
  width: 386px !important;
  display: none;
  background: #f3f2f2;
  z-index: 10;
}
.sensorgraphs .deviceoverviewsensorvalues .achannel:hover{
  overflow: visible;
}
.sensorgraphs .deviceoverviewsensorvalues .achannel:hover .chartlegend {
  display: block;
  box-shadow: 0 2px 1px 1px #fff;
}

.deviceoverviewsensorvalues .achannel {
  width: 200px;
  height: 65px;
}

.achannel.primary {
  width: 360px;
  height: 210px;
}

.deviceoverviewsensorvalues .achannel.primary {
  width: 405px;
  height: 205px;
}

/* onsNone=0, onsUnknown=1, onsCollecting=2, onsUp=3, onsWarning=4, onsDown=5, onsNoProbe=6, onsPausedUser=7, onsPausedDependency=8, onsPausedSchedule=9, onsUnusual=10, onsPausedLicense=11, onsPausedUntil=12, onsDownAck=13, onsPartialDown=14 */

.deviceoverviewsensorvalues .achannel.status0,
.deviceoverviewsensorvalues .achannel.status1,
.deviceoverviewsensorvalues .achannel.status0 .chartlegend,
.deviceoverviewsensorvalues .achannel.status1 .chartlegend {
  border-color: #808282
}

.deviceoverviewsensorvalues .achannel.status2,
.deviceoverviewsensorvalues .achannel.status3,
.deviceoverviewsensorvalues .achannel.status2 .chartlegend,
.deviceoverviewsensorvalues .achannel.status3 .chartlegend {
  border-color: #b4cc38
}

.deviceoverviewsensorvalues .achannel.status4,
.deviceoverviewsensorvalues .achannel.status4 .chartlegend {
  border-color: #ffcb05
}

.deviceoverviewsensorvalues .achannel.status5,
.deviceoverviewsensorvalues .achannel.status14,
.deviceoverviewsensorvalues .achannel.status5 .chartlegend,
.deviceoverviewsensorvalues .achannel.status14 .chartlegend {
  border-color: #d71920
}

.deviceoverviewsensorvalues .achannel.status6,
.deviceoverviewsensorvalues .achannel.status6 .chartlegend {
  border-color: #808282
}

.deviceoverviewsensorvalues .achannel.status13,
.deviceoverviewsensorvalues .achannel.status13 .chartlegend {
  border-color: #e77579
}

.deviceoverviewsensorvalues .achannel.status7,
.deviceoverviewsensorvalues .achannel.status8,
.deviceoverviewsensorvalues .achannel.status9,
.deviceoverviewsensorvalues .achannel.status11,
.deviceoverviewsensorvalues .achannel.status12,
.deviceoverviewsensorvalues .achannel.status7 .chartlegend,
.deviceoverviewsensorvalues .achannel.status8 .chartlegend,
.deviceoverviewsensorvalues .achannel.status9 .chartlegend,
.deviceoverviewsensorvalues .achannel.status11 .chartlegend,
.deviceoverviewsensorvalues .achannel.status12 .chartlegend {
  border-color: #447fc1
}

.deviceoverviewsensorvalues .achannel.status10,
.deviceoverviewsensorvalues .achannel.status10 .chartlegend {
  border-color: #f99d1c
}

.deviceoverviewsensorvalues .achannel {
  padding-left: 30px;
}

.deviceoverviewsensorvalues .achannel .sensoricon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background-color: #b4cc38;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/icons/icon_up.svg);
}

.deviceoverviewsensorvalues .achannel .sensoricon.sorter {
  cursor: move;
}

.deviceoverviewsensorvalues .achannel.status0 .sensoricon, .deviceoverviewsensorvalues .achannel.status1 .sensoricon, .deviceoverviewsensorvalues .achannel.status6 .sensoricon {
  background-color: #808282
}

.deviceoverviewsensorvalues .achannel.status2 .sensoricon, .deviceoverviewsensorvalues .achannel.status3 .sensoricon {
  background-color: #b4cc38
}

.deviceoverviewsensorvalues .achannel.status4 .sensoricon {
  background-color: #ffcb05
}

.deviceoverviewsensorvalues .achannel.status5 .sensoricon, .deviceoverviewsensorvalues .achannel.status14 .sensoricon {
  background-color: #d71920
}

.deviceoverviewsensorvalues .achannel.status13 .sensoricon {
  background-color: #e77579
}

.deviceoverviewsensorvalues .achannel.status7 .sensoricon, .deviceoverviewsensorvalues .achannel.status8 .sensoricon, .deviceoverviewsensorvalues .achannel.status9 .sensoricon, .deviceoverviewsensorvalues .achannel.status11 .sensoricon, .deviceoverviewsensorvalues .achannel.status12 .sensoricon {
  background-color: #447fc1
}

.deviceoverviewsensorvalues .achannel.status10 .sensoricon {
  background-color: #f99d1c
}

.deviceoverviewsensorvalues .achannel.status {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 28px;
  background-color: #b4cc38;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.deviceoverviewsensorvalues .achannel.status0 .sensoricon, .deviceoverviewsensorvalues .achannel.status1 .sensoricon, .deviceoverviewsensorvalues .achannel.status6 .sensoricon {
  background-image: url(/icons/icon_unknown.svg);
}

.deviceoverviewsensorvalues .achannel.status2 .sensoricon, .deviceoverviewsensorvalues .achannel.status3 .sensoricon {
  background-image: url(/icons/icon_up.svg);
}

.deviceoverviewsensorvalues .achannel.status4 .sensoricon {
  background-image: url(/icons/icon_warning.svg);
}

.deviceoverviewsensorvalues .achannel.status5 .sensoricon {
  background-image: url(/icons/icon_down.svg);
}

.deviceoverviewsensorvalues .achannel.status13 .sensoricon {
  background-image: url(/icons/icon_downack.svg);
}

.deviceoverviewsensorvalues .achannel.status14 .sensoricon {
  background-image: url(/icons/icon_partdown.svg);
}

.deviceoverviewsensorvalues .achannel.status7 .sensoricon, .deviceoverviewsensorvalues .achannel.status8 .sensoricon, .deviceoverviewsensorvalues .achannel.status9 .sensoricon, .deviceoverviewsensorvalues .achannel.status11 .sensoricon, .deviceoverviewsensorvalues .achannel.status12 .sensoricon {
  background-image: url(/icons/icon_paused.svg);
}

.deviceoverviewsensorvalues .achannel.status10 .sensoricon {
  background-image: url(/icons/icon_unusual.svg);
}

.achannel.primary .channelname {
  width: 99%;
  font-size: 18px;
}

.achannel.primary .channelid {
  font-size: 18px;
}


.achannel .channelgauge {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 0px;
  padding-top: 4px;
}

.channelgauge .boolean{
  position: relative;
}
.channelgauge .boolean .bool-status{
}
.channelgauge .boolean .status{
  position: absolute;
  top:38%;
  right: 15px;
  width: 50%;
  height: 24%;
}
.channelgauge .boolean .status>div{
  float:left;
  width: 50%;
  height: 100%;
  border: 1px solid #808282;
  padding: 2px;
}
.channelgauge .boolean .status>div:first-child{
  padding-right: 1px;
  border-color: #808282;
  border-right: none;
}
.channelgauge .boolean .status>div:last-child{
  padding-left: 1px;
  border-color: #808282;
  border-left: none;
}
.channelgauge .boolean .status div div{
  width: 100%;
  height: 100%;
  background-color: #808282;
  opacity: 0.1;
}
.channelgauge .boolean .status div.other div{
  background-color: #808282!important;
  opacity: 0.1!important;
}

/*.channelgauge .boolean .status.unexpected div.unexpected div{
  background-color: #d71920;
  opacity: 1;

}
.channelgauge .boolean .status.expected div.expected div{
  background-color: #b4cc38;
  opacity: 1;

}
*/
.achannel.primary .channelgauge {
  padding-right: 5px;
  text-align: center;
  top: 3px;
}

.achannel .channelname {
  top: 5px;
  height: 25px;
  left: 5px;
  right:55px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  text-overflow: ellipsis;
  position: absolute;
}

.sensorgraphs .achannel .channelname {
  position:initial;
}

.achannel .channelsubname {
  position: absolute;
  bottom: 15px;
  left: 5px;
  right: 45px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  text-overflow: ellipsis;
}

.achannel .channelid {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  text-overflow: ellipsis;
}

.achannel .channelvalue {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
  right: 45px;
  position: absolute;
  bottom: 6px;
  left: 5px;
  text-overflow: ellipsis;
}

.achannel .channelmessage {
  position: absolute;
  display: block;
  white-space: normal;
  overflow: hidden;
  left: 8px;
  top:31px;
  right: 190px;
  bottom: 40px;
}

.deviceoverviewsensorvalues .achannel .channelvalue, .deviceoverviewsensorvalues .achannel .channelmessage, .deviceoverviewsensorvalues .achannel .channelname, .deviceoverviewsensorvalues .achannel .channelsubname {
  left: 32px;
  color: #000;
}

.sensorgraphs .achannel .channelname
{
  position:relative;
  left: -10px;
}

.deviceoverviewsensorvalues .achannel .channelvalue {
  bottom: 3px;
}

.deviceoverviewsensorvalues .achannel .channelsubname {
  bottom: 18px;
}

.deviceoverviewsensorvalues .achannel.primary .channelsubname {
  bottom: 25px;
}

.achannel .channelvalue b,
.achannel .channelvalue{
  font-size: 12px;
}

.achannel.primary .channelvalue b,
.achannel.primary .channelvalue{
  font-size: 18px;
}

.achannel.primary .channelmessage {
  font-size: 12px;
}
.achannel.primary .channelsubname{
  font-size: 12px;
  right: 173px;
}

.toplistsettings, .channelsettings {
  display: block;
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 100%;
  height: 14px;
  opacity: 0.1;
  background-position: center center;
  background-repeat: no-repeat;
}

.toplistsettings.add {
  cursor: pointer;
  background-image: url(/images/toplistplaceholder.svg);
  background-repeat: no-repeat;
  right: auto;
  background-position: 6px 33px;
  width: 180px;
}

.sensoroverviewtoplist a, .sensoroverviewtoplist a:hover, .sensoroverviewtoplist a:active {
  color: black;
}

.sensoroverviewtoplist:hover .toplistsettings, .achannel:hover .channelsettings {
  opacity: 1;
}

.sensoroverviewtoplist .toplistsettings.toplist-add {
  width: 100%;
  height: 100%;
  background-image: url(/icons/plus.gif);
  background-size: 38px 33px;
  background-position: 72px 100px;
  opacity: 1.0;
}

.toplistsettings i, .channelsettings i {
  float: right;
  width: 13px;
  height: 13px;
}

.sensoroverviewtoplistspreviews {
  overflow: hidden;
  background-image: url(/images/toplistcontainer.png);
}

.sensoroverviewtoplistspreviews .toplist-chordgraph span {
  display: none;
}

#overviewdevicetree {
  background-color: #f3f2f2;
  padding: 5px;
  margin-top: 5px;
}

#overviewgraphs td {
  background-color: #f3f2f2;
  padding: 0;
}

#overviewgraphs .chartlegend {
  margin-top: 15px;
}

.overviewsmalldata td[rowspan].qrcoderow {
  padding: 0;
  min-width: 50px;
}

.qrcode canvas {
  background-color: white;
}

.myaccountqr {
  float: right;
}

.qrcode {
  position: absolute;
  display: inline-block;
  background-color: white;
  width: 36px;
  height: 36px;
  right: 15px;
  cursor: pointer;
  z-index: 100;
}
.qrcode canvas{
  width: 36px;
  height: 40px;
}

.overviewsmalldata.overviewsmalldatastatus7, .overviewsmalldata.overviewsmalldatastatus7 td, .overviewsmalldata.overviewsmalldatastatus8, .overviewsmalldata.overviewsmalldatastatus8 td, .overviewsmalldata.overviewsmalldatastatus9, .overviewsmalldata.overviewsmalldatastatus9 td, .overviewsmalldata.overviewsmalldatastatus12, .overviewsmalldata.overviewsmalldatastatus12 td {
  background-color: #447fc1 !important; /* blue */
}

.overviewsmalldata.overviewsmalldatastatus7, .overviewsmalldata.overviewsmalldatastatus7 td, .overviewsmalldata.overviewsmalldatastatus7 td a, .overviewsmalldata.overviewsmalldatastatus8, .overviewsmalldata.overviewsmalldatastatus8 td, .overviewsmalldata.overviewsmalldatastatus8 td a, .overviewsmalldata.overviewsmalldatastatus9, .overviewsmalldata.overviewsmalldatastatus9 td, .overviewsmalldata.overviewsmalldatastatus9 td a, .overviewsmalldata.overviewsmalldatastatus12, .overviewsmalldata.overviewsmalldatastatus12 td, .overviewsmalldata.overviewsmalldatastatus12 td a, .overviewsmalldata.overviewsmalldatastatusDisconnected, .overviewsmalldata.overviewsmalldatastatusDisconnected td, .overviewsmalldata.overviewsmalldatastatusDisconnected td a {
  color: white;
}

.overviewsmalldata.overviewsmalldatastatusDisconnected, .overviewsmalldata.overviewsmalldatastatusDisconnected td {
  background-color: #d71920 !important; /* red */
}

.overviewsmalldata.overviewsmalldatastatusDisconnected .displayobjectstatus {
  display: none;
}

.oskhelpbox {
  width: auto;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #d5cfa3;
  margin-top: 5px;
  color: black;
}

#messagebox {
  width: auto;
  background-color: #d5cfa3;
  margin: -10px 0 10px 0px;
}

#messagebox .infomessage {
  padding: 7px;
}

div.nosensors img {
  vertical-align: bottom;
  display: inline-block;
}

#form_channeldisplaytable tbody tr, .udpmessagepreview tr {
  cursor: pointer;
}

.achannel .moreicon{
  display: none;
}
.achannel .lookups text {
  display: none;
}

.achannel.primary .lookups text {
  display: block;
}

h1.sitecaption{
  display: flex;
  align-items:flex-start;
  flex:0;
}
h1.sitecaption dummy {
  background: none;
  vertical-align: top;
  padding: 0 0 0.6ex 0;
  height: auto;
  width: auto;
  min-width: 0;
  max-width: 40em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
h1.sitecaption i {
  margin-right: 0.6ex;
}
h1.sitecaption:hover,
h1.sitecaption:hover dummy{
  white-space: normal;
  transition: all 2s;
}


h1.sitecaption #objectpriority dummy{
  display:inline;
}
h1.sitecaption:hover #objectpriority dummy{
  white-space: nowrap;
}
h1.sitecaption .probemenu,
h1.sitecaption .devicemenu,
h1.sitecaption .sensormenu{
  width: auto;
}

h1.sitecaption dummy[status="priority"] {
  margin-left: 0.3rem;
}

#overview_sensor #globe{
  height: 210px;
  margin-bottom: 3px;
}
#overview_sensor #globe .prtg-plugin-initialized{
  background-color:#f3f2f2;
}
/* flex layout */
.responsiveobjectoverview_panelA {
  margin-right: 5px;
}
.responsiveobjectoverview_panelB {
  flex: 0.4 0.4;
  max-width: 410px;
  min-width: 350px;
  -webkit-transition: all 1.0s;
  transition: all 1.0s;
}
#overview_sensor .responsiveobjectoverview_panelB {
  min-width: 420px;
}
.responsiveobjectoverview_panel2 table.table {
  margin-top: 0;
  margin-bottom: 5px;
}
.responsiveobjectoverview_panel2 #displaytable {
  min-height: 130px;
}
@media screen and (min-width:100px) and (-ms-high-contrast: none) {
  .flex-layout .responsiveobjectoverview_panel1,
  .flex-layout .responsiveobjectoverview_panel2 {
    -ms-flex: none\9; /*IE10*/
    max-width: 1050px\9; /*IE10*/
  }
}

@media screen and (min-width:1500px) {
  #overview_sensor.flex-layout .responsiveobjectoverview_panelA {
    -webkit-flex-direction: row;
    -webkit-transition: all 1.0s;
    -ms-flex-direction: row;

    flex-direction: row;
    transition: all 1.0s;
  }

  #overview_sensor.flex-layout .responsiveobjectoverview_panel1 {
    -webkit-transition: all 1.0s;
    -webkit-flex-shrink:0;


    margin-right: 5px;
    max-width: 410px;
    transition: all 1.0s;
    flex-shrink:0;
  }
  #overview_sensor.flex-layout  .responsiveobjectoverview_panel2 {
    -webkit-transition: all 1.0s;

    width: 100%;
    transition: all 1.0s;
  }

  #overview_sensor.flex-layout .responsiveobjectoverview_panel2 #displaytable {
    min-height: 205px;
  }
}
@media screen and (min-width:1800px) and (max-width: 2199px) {
  .flex-layout .responsiveobjectoverview_panelA {
    -webkit-flex-direction: row;
    -webkit-transition: all 1.0s;
    -ms-flex-direction: row;

    flex-direction: row;
    transition: all 1.0s;
  }
  .flex-layout .responsiveobjectoverview_panel1 {
    -webkit-transition:  all 1.0s;
    -webkit-flex-shrink:0;

    margin-right: 5px;
    transition: all 1.0s;
    flex-shrink:0;
    max-width: 602px;

    /*zoom:0.6;*/
  }
  .flex-layout .deviceoverviewsensorvalues {
    background-image: url(/images/emptygaugeboxsmall.png);
  }
  .flex-layout .deviceoverviewsensorvalues .margin *{
    transition: all 1.0s;
  }
  .flex-layout .deviceoverviewsensorvalues .margin{
    padding: 0px 0px 2px 0px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel{
    padding-left: 17px;
    border-width: 1px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel {
    width: 147px;
    height: 49px;
  }

  .flex-layout .deviceoverviewsensorvalues .achannel.primary {
    width: 298px;
    height: 150px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel .sensoricon{
    width: 18px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel .channelvalue,
  .flex-layout .deviceoverviewsensorvalues .achannel .channelmessage,
  .flex-layout .deviceoverviewsensorvalues .achannel .channelname,
  .flex-layout .deviceoverviewsensorvalues .achannel .channelsubname,
  .flex-layout .achannel.primary .channelvalue,
  .flex-layout .achannel.primary .channelvalue b{
    left: 20px;
    right: auto;
    max-width: 13ex;
    font-size: 9px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel .channelname{
    font-size: 11px;
    max-width: 17ex;
  }
  .flex-layout .achannel.primary .channelvalue,
  .flex-layout .achannel.primary .channelname{
    font-size: 15px;
    max-width: 20ex;

  }
  .flex-layout .achannel .channelname{
    top: 0;
    font-size: 11px;
  }
  .flex-layout .achannel .channelsubname{
    bottom: 14px;
  }

  .flex-layout .achannel.primary .channelsubname{
    bottom: 18px;
  }
  .flex-layout .achannel.primary .channelvalue{
    bottom: 0px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel .channelmessage{
    top: 20px;
    bottom: 35px;
    line-height: 10px;
    max-width: 25ex;
    font-size: 9px;
  }
  .flex-layout .deviceoverviewsensorvalues .achannel .channelgauge{
    -webkit-transform: scale(0.9);
    -berkit-transform-origin: 100% -25%;

    transform: scale(0.9);
    transform-origin: 100% -25%;
  }

  .flex-layout .deviceoverviewsensorvalues .achannel.primary .channelgauge{
    -webkit-transform: scale(0.77);
    -webkit-transform-origin: 110% -25%;

    transform: scale(0.77);
    transform-origin: 110% -25%;
  }
  #overview_sensor.flex-layout .responsiveobjectoverview_panel1 {
    max-width: 540px;
  }
}
@media screen and (min-width:2200px) {
  .flex-layout .responsiveobjectoverview_panelA {
    -webkit-flex-direction: row;
    -webkit-transition: all 1.0s;
    -ms-flex-direction: row;

    flex-direction: row;
    transition: all 1.0s;
  }
  .flex-layout .responsiveobjectoverview_panel1 {
    -webkit-transition:  all 1.0s;
    -webkit-flex-shrink:0;

    margin-right: 5px;
    transition: all 1.0s;
    flex-shrink:0;
    max-width: 820px;
  }
}

@media screen and (min-width:2126px) {
  #overview_sensor.flex-layout .responsiveobjectoverview_panel1 {
   max-width: 720px;
 }

}

#overviewgraphs .graphbox,
.responsiveobjectoverview_panelB .graphbox{
  position: relative;
  padding-bottom: 5px;
  background-color: #fff;
  overflow: hidden;
}

.responsiveobjectoverview_panelB .graphbox .PNGGraph{
  width: 100%!important;
  height: auto!important;
  min-height: 75px;
}

.displayNone,
.display0 {
  display: none!important;
}

.overviewsmalldatastatus7 .sensb {
  background-blend-mode: multiply;
  background-color: #447FC1;
}

/* prtg.dashboards.css */

#dashboard1 {
  min-height: 580px;
  font-size: 9px
}

#dashboard1 .onedashboardcell {
  height: 300px;
  overflow: auto;
  background: #fff;
}

#dashboard2 .scrollabletablecontainer {
  height: 250px;
  overflow: auto;
}

#dashboard3 .scrollabletablecontainer {
  overflow: auto;
}

#dashboard2 .slickTree,
#dashboard3 .slickTree {
  background: #fff;
}

#top10list td {
  vertical-align: top;
  padding: 1px;
}

#dashboard1 table .col-datetime{
  width: 12em;
}

#dashboard1 table.table td.col-message,
#dashboard1 table.table td.col-status,
#dashboard1 table.table td.col-clusternode{
  overflow: hidden;
  white-space: nowrap;
  max-width: 25em;
}
#dashboard1 table.table td:hover.col-message,
#dashboard1 table.table td:hover.col-status,
#dashboard1 table.table td:hover.col-clusternode{
  overflow: visible;
  white-space: normal;
}

#dashboard1 table col.col-sensor{
  width: auto;
}
.sitemap ul
{
	padding:0;
	margin:0;
}
.sitemap ul li
{
	margin-left:0;
	padding:0;
	list-style: none;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.sitemap ul li a
{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
}


#sitemaplist #sensorsmenuitem
{
	width:490px;
}
.sitemap > ul > li,
#sitemaplist #sensorsmenuitem>ul>li
{
	padding: 5px;
	width:150px;
	float:left;
	background-color: #fff;
  border-radius: 5px;
	font-size: 18px;
	font-weight: normal;
	list-style-type: none;
	margin-bottom: 35px;
	margin-right: 15px;
	padding: 5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#sitemaplist #sensorsmenuitem>ul>li
{
	margin-right:10px;
}

.sitemap > ul > li li
{
	padding-bottom:2px;
	font-size: 13px;
	font-weight: normal;
}
.sitemap > ul > li li li
{
	font-size: 10px;
	padding-left:5px;
	font-weight: normal;
}
.sitemap >ul> li >ul >li.menudivider
{
	margin-bottom: 12px;
}
.sitemap > ul li:hover
{
	background-color: #d6d7d8;
  box-shadow: 0 0 2px #777777 inset;
}
.sitemap > ul ul li:hover
{
	background-color: #f3f2f2;
}
.sitemap  > ul ul ul li:hover
{
	background-color: #fff;
  box-shadow: none;
  border-radius: 0px;
}
.sitemap .ui-icon
{
  display:none;
}


#triggergrid {
  border: 0px solid black;
  margin: 0px;
  height: 100%;
}

#triggergrid table {
  width: auto;
  min-width: 794px;
}

#triggergrid table.table thead th {
  border-top: none;
}

#triggergrid table.table tbody td a {
  vertical-align: text-bottom;
}

#triggergrid table tfoot {
  display: none;
}

.modificationbutton {
  margin-bottom: 4px;
}

.triggers_thresholdedithelp {
  display: none;
}

.edittrigger select {
  vertical-align: bottom;
  height: 20px;
  margin: 0 !important;
}

.edittrigger input {
  vertical-align: baseline;
  height: 21px;
  background: #fff;
  margin: 0 !important;
}

.typecolumn {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.notificationcolumn {
  min-width: 580px;
}

.notificationcolumn form {
  margin: 0;
  padding: 0;
}

tr[subid="new"] p {
  line-height: 20px;
}

tr p {
  padding-left: 2px;
  padding-right: 2px;
}

#triggertable .editcolumn {
  width: 100px;
  min-width: 100px;
}

#inheritedtriggertable {
  margin-bottom: -1px;
}

#inheritedtriggertabledata .editcolumn {
  width: 150px;
  min-width: 150px;
}

.showselectedlink {
  text-decoration: underline !important;
  background-color: #E1EDFB;
}

.readtrigger,
.selected_status {
  font-weight: bold;
}

#addbuttons {
  display: block;
  margin-top: 5px;
}

.addtriggerbuttons {
  display: none;
}

#dialog-del-confirm {
  display: none;
}

div.triggerediting table.table {
  width: 100%;
}

div.triggerediting input {
  border: 1px solid #d6d7d8;
  padding: 0 6px;
  background-color: #fff;
}

div.triggerediting select {
  overflow: hidden !important;
  width: auto !important;
  padding: 2px;
  border: 1px solid #d6d7d8;
  padding-right: 16px;
  display: inherit;
}

@-moz-document url-prefix() {
  div.triggerediting select {
    padding-right: 0px;
  }
}

div.triggereditingwide select {
  overflow: hidden !important;
  width: 300px !important;
}

div.triggereditingmedium select {
  overflow: hidden !important;
  width: 140px !important;
}

div.triggerediting input {
  float: none;
  width: 55px !important;
}

div.triggerediting fieldset,
div.inheritedtriggerediting fieldset {
  width: auto;
}

#favstarinput {
 display: block;
 background: none;
 padding: 4px 0 4px 4px;
}

.taglist {
  background-color: #f3f2f2;
  max-height: 250px;
  overflow: auto;
  padding-left: 4px;
  padding-bottom: 5px;
  cursor: text;
}

.taglist.readonly {
  color: #888;
  cursor: default;
}

.taglist ul {
  overflow: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  min-height: 23px;
}

.taglist:hover {
  background-color: #d6d7d8;
}

.taglist ul .newtaginput input {
  border: 1px solid #f3f2f2;
}

.taglist ul .newtaginput input {
  height: 18px;
  margin: 5px 2px 0 2px;
  padding: 0 2px 0 2px;
  display: block;
}

.taglist:hover .newtaginput input {
  border: 1px solid #d6d7d8;
}

.taglist li {
  display: block;
  float: left;
}

.taglist li.taglabel {
  border: 1px solid #c1c2c3;
  background-color: #fff;
  margin: 5px 2px 0 2px;
  padding: 0 2px 0 2px;
  height: 18px;
}

.taglist li.taglabel span {
  vertical-align: top;
}

.taglist .newtaginput {
  margin: 0;
  padding: 0;
}

.taglist input {
  border: 0;
  width: 100%;
  margin: 0 0 0 4px;
  padding: 0;
}

.taglist .closetag {
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding-left: 2px;
  color: #888;
}

.taglist .closetag:hover {
  text-decoration: none;
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

.taglist li.taglabel>span:hover {
  cursor: text;
}

.ui-autocomplete {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 20px;
}

ul.ui-widget-content {
  border: 1px solid #888 !important;
}

.addMultipleUserDialog .taglist {
  border: 1px solid #f3f2f2 !important;
  min-height: 100px;
}

.filters .taglist {
  background-color: transparent;
  overflow: hidden;
  padding-bottom: 0;
  height: auto;
}

.filters .taglist ul {
  margin: 0;
  min-height: 0;
  overflow: hidden;
}

.filters .taglist .newtaginput input {
  background: #fff;
  border: 1px solid #c1c2c3;
  height: 18px;
  margin: 0 2px;
  padding: 0 2px;
  display: block;
}

.filters .taglist li.taglabel {
  margin: 0 2px;
  padding: 0 2px;
}

.taglist ul .taglabeledit {
  border: none;
  margin: 0;
  padding: 0;
}

#main.dependencies .buttonbox{
  top:96px;
}
.dependenciesGraph {
  width: 100%;
  height: 800px;
}

#dependencygraph .node{
  z-index:100;
}
#dependencygraphlegend .link,
#dependencygraph .link {
  fill: none;
  stroke: #999;
  stroke-width:1;
}
#dependencygraph marker#Parentp{
  opacity: 0.25;  
}
.link.Parent{
  /*opacity: 0.25;*/
}

#dependencygraph marker#Master{
  fill:#a0c9ec;
}
#dependencygraph .link.Master{
  stroke: #a0c9ec;
  fill:none;
}
#dependencygraph marker#Select{
  fill:#f173ac;
  stroke-width:1;
}
#dependencygraph .link.Select{
  stroke: #f173ac;
  fill:none;
}
#dependencygraph marker#Extern{
  fill:#00245d;
  stroke-width:1;
}
#dependencygraph .link.Extern{
  stroke: #00245d;
  fill:none;
}
#dependencygraph .link.Broken{
  stroke: #d71920;
}
#dependencygraph .link.hidden{
  /*display: none;*/
}

.node.probe text,
.node.root text,
.node.bold text{
  font-weight: bold;
}
#dependencygraphlegend .node.Broken text,
#dependencygraph .node.Broken text,
#dependencygraph .node.SensorBroken text{
  fill: #d71920;
  font-weight: bold;
 }
#dependencygraph .node.Broken.sensor text{
  fill: white;
}

#dependencygraph .nodehide {
  display: none;
}
#dependencygraph text {
  fill:black;
  font-size: 9px;
}

#dependencygraph .node.bold text{
  font-weight: bold;
}  

#dependencygraph g.bolded .link,
#dependencygraph g.bolded .node{
  opacity: 0.6;
}

#dependencygraph g.bolded .link.bold,
#dependencygraph g.bolded .node.bold{
  opacity: 1;
}
#dependencygraph .link.bold{
  stroke-width:2px;
}
#dependencygraph .node a{
  background-color: white;
}
#dependencygraphlegend {
  font-size: 9px;
}

#dependencygraphlegend line{
  stroke-width: 4px;
}
#dependencygraphlegend input{
  margin-top: 3px;
}
#dependencygraph div.olControlZoom{
  top:30px;
}

#dependencygraph .node.sensor rect{
  fill: #d6d7d8;
}
#dependencygraph .node.Broken.sensor rect{
  fill: #d71920;
}

#dependencygraph .node.sensor .zoom.icon{
  cursor: pointer;
  fill: url(#zoomiconpattern);
}
#dependencygraphlegend{
  height:50px;
  padding-top: 16px;
  padding-left:60px;
  margin-top:4px;
  background-color: #f3f2f2;
  border-top: 1px solid #c1c2c3;
  min-width:100%;
}
#dependencygraphlegend #Zoom_Sunburst{
  top:5px;
}
#dependencygraphlegend .legend{
  display: inline-block;
  width:20px;
  height:2px;
  margin: 0 5px 0 30px;
  vertical-align: middle;
}
#dependencygraphlegend .Parent{
  background-color: #999;  
}
#dependencygraphlegend .Master{
  background-color: #a0c9ec;  
}
#dependencygraphlegend .Select{
  background-color: #f173ac;
}
#dependencygraphlegend .Broken{
  background-color: #d71920;
}
#dependencygraphlegend span.Broken{
  color: #d71920;
  background-color: transparent;
  font-weight: bold;
}

/* prtg.legends.css */
div.geomap.google div.chartlegend {
  display: inline-block;
  margin-bottom: 5px;
  padding: 2px;
  padding-bottom: 0px;
  width: 98%;
}

div.geomap.google {
  margin-left: 4px;
}

div.geomap.google div.chartlegend div.oneitem {
  display: inline-block;
  float: left;
  height: 15px;
  margin: 1px 10px 1px 1px;
  min-width: 120px;
  overflow: hidden;
  padding: 1px;
}

div.geomap.google div.chartlegend div.oneitem div {
  border: 1px solid #444;
  display: inline;
  float: left;
  height: 14px;
  width: 14px;
  margin-right: 5px;
  overflow: hidden;
  text-align: center;
}

div.geomap.google div.chartlegend div.oneitem div {
  border: 1px solid #444;
  border-radius: 7px;
  font-size: 9px;
  padding-bottom: 2px;
  color: #000;
  font-weight: bold;
  margin: -1px 3px 0px -7px;
}

div.geomap.google div.chartlegend div.oneitem span.mapdevices {
  background-image: url(/icons/device.png);
  vertical-align: top;
  display: inline-block;
  width: 14px;
  height: 12px;
}

div.geomap.google div.chartlegend div.oneitem {
  border-radius: 2px;
  padding: 2px 3px 2px 0;
  margin: 0 4px 3px 5px;
  overflow: visible;
  height: auto;
  min-height: 13px;
}

.chartlegend {
  display: inline-block;
  margin: 5px 0;
  clear: both;
}

.oneitem {
  color: black;
  float: left;
  overflow: hidden;
  width: 135px;
  height: 18px;
  margin: 1px;
  position: relative;
  padding: 1px;
  cursor: pointer;
}

.largegraph .oneitem {
  margin-right: 10px;
}

.oneitem:hover {
  background-color: white;
}

.chartlegendcolorbox {
  float: left;
  display: block;
  width: 14px;
  height: 14px;
  padding: 1px;
  margin: 0px 4px 0px 0px;
  font-size: 0px;
}

.chartlegendcolorbox.prtg-checkbox {
  outline: none;
  width: 16px;
  height: 16px;
}

.oneitem .legendcaption {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.oneitem .percent {
  float: right;
  display: block;
}

.graphzoomicon {
  float: right;
  display: inline-block;
  width: 50px;
}

.graphzoomicon a {
  float: left;
}

.graphzoomicon+div {
  clear: both;
}

.scrollchart{
  display: inline-block;
  position:relative;
  float:right;

}
.scrollchart.left{
  margin: 5px 1px;
  padding: 0px 4px 5px 4px;
}

.scrollchart.right{
  margin: 5px 1px;
  padding: 0px 4px 5px 4px;
}

.scrollchart.center{
  margin: 5px 1px;
  padding: 1px 4px 4px 4px;
}

#chart{
  position:relative;
}

.prtg-graphs-controls {
  float: right;
  position: relative;
}

.prtg-graphs-control {
  position: relative;
}

#table_tickettable tr.unread td a[href^="ticket.htm"] {
  font-weight: bold;
}

#table_tickettable div.makebuttonset {
  width: 83px;
}

#table_tickettable div.makebuttonset a {
  float: left;
}

#table_tickettable tr td:last-child input[type="checkbox"] {
  float: right;
  margin-right: 4px;
}

#table_tickettable .newticket a {
  color: black;
}

#tickethistory .entry .datetime {
  float: right;
}

#tickethistory .entry {
  position: relative;
  width: 100%;
  margin: auto;
  padding-bottom: 15px;
}

#tickethistory .modified {
  padding: 3px;
  color: #888;
  border-bottom: 1px solid #d6d7d8;
}

#tickethistory .content {
  padding: 3px;
  padding-top: 5px;
}

#tickethistory span.subjectfrom:before,
#tickethistory span.subjectto:before {
  content: open-quote;
}

#tickethistory span.subjectfrom:after,
#tickethistory span.subjectto:after {
  content: close-quote;
}

#tickethistory a.devicemenu,
#tickethistory a.sensormenu,
#tickethistory a.groupmenu ,
#tickethistory a.probemenu {
  display: inline-block;
}

#tickethistory a.actionbutton {
  margin: 0px 3px 0px 0px;
}

#ticketheader .buttonbox {
  margin-top: -25px;
}

#ticketheader h1.sitecaption>dummy{
  max-width: 30em;
}

#ticketheader .subject {
  font-size: 21px;
  font-weight: bold;
}

#ticketheader .label .status {
  font-weight: bold;
  font-size: 21px
}

#ticketheader #objectpriority.ticket-closed{
  display: none;
}
#ticketheader #favstars {
  margin-left: 1ex;
  float: right;
  margin-top: 10px;
}
#table_tickettable a.sensormenu,
#table_tickettable span.sensoricon,
#tickethistory a.sensormenu,
#ticketheader span.sensoricon {
  background-image: url(/icons/led_nostate.png);
  background-position: 0px 0px;
}

.ui-icon.icon-ticket-todo {
  background-image: url(/css/images/todo_14x14.png);
  /*background-image: url(/icons/todo.svg);*/
}

.ui-icon.icon-dark.icon-ticket-notofication {
  background-image: url(/css/images/Glocke_003596_14x14.png);
  /*background-image: url(/icons/notification.svg);*/
}

.ui-icon.icon-ticket-user {
  background-image: url(/css/images/Ticket_leer_003596_14x14.png);
  /*background-image: url(/icons/ticket_blank.svg);*/
}

.ui-icon.icon-ticket-opened {
  background-image: url(/css/images/Ticket_leer_003596_14x14.png);
  /*background-image: url(/icons/ticket_blank.svg);*/
}

.ui-icon.icon-ticket-resolved {
  background-image: url(/css/images/Ticket_resolve_003596_14x14.png);
  /*background-image: url(/icons/ticket_resolved.svg);*/
}

.ui-icon.icon-ticket-closed {
  background-image: url(/css/images/Ticket_close_003596_14x14.png);
  /*background-image: url(/icons/ticket_closed.svg);*/
}

.icon-ticket-edit {
  background-position: -66px -112px;
}

.actionbutton:hover .ui-icon.icon-ticket-resolve,
.ui-icon.icon-ticket-resolve {
  background-image: url(/css/images/resolve_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/haken.svg);*/
}

.actionbutton:hover  .ui-icon.icon-ticket-close,
.ui-icon.icon-ticket-close {
  background-image: url(/css/images/close_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/close.svg)*/
}

.actionbutton:hover .ui-icon.icon-ticket-assignto,
.ui-icon.icon-ticket-assignto {
  background-image: url(/css/images/assign_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/user.svg);*/
}

.jd_menu .ui-icon.icon-ticket-resolve {
  background-image: url(/css/images/resolve_222222_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/haken.svg);*/
}

.jd_menu .ui-icon.icon-ticket-close {
  background-image: url(/css/images/close_222222_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/close.svg)*/
}

.jd_menu .ui-icon.icon-ticket-assignto {
  background-image: url(/css/images/assign_222222_14x14.png);
  background-position: 0px 2px;
  /*background-image: url(/icons/user.svg);*/
}

.icon-ticket-reopen {
  background-position: -176px -63px;
  /*background-image: url(images/Ticket_reopen_14x14.png);*/
 /*background-position: -82px -162px; */
}

.icon-dark.icon-ticket-new {
  background-image: url(/css/images/ticket_neu_454545_14x14.png);
  /*background-position: -66px -114px;*/
}

div.buttonbox a i.icon-dark.icon-ticket-new{
  background-image: url(/css/images/ticket_neu_14x14.png)!important;
}
.icon-notification,
div.buttonbox a i.icon-dark.icon-notification{
  background-image: url(/css/images/Glocke_14x14.png)!important;
  margin-right: 2px;
}

.tab-dark:hover i.icon-notification,
.nav-tabs > .tab-active > a i.icon-notification,
.icon-dark.icon-notification{
  background-image: url(/css/images/Glocke_454545_14x14.png)!important;
  /*background-position: -2px 0px;*/
}

.bigsensoricon.User.Ticket {
  background-image: url(/css/images/ticket-user.svg);
  width: 26px;
  height: 26px;
}

.bigsensoricon.Notification.Ticket {
  background-image: url(/css/images/ticket-notification.svg);
  width: 26px;
  height: 26px;
}

.bigsensoricon.ToDo.Ticket {
  background-image: url(/css/images/ticket-todo.svg);
  width: 26px;
  height: 26px;
}

table.tickets .logmessage i.icon-dark {
  float: left;
  margin-right: 5px;
  border:none;
  padding: 2px;
}

i.icon-notify-done{
  background-image: url(/css/images/ticket-notification.svg)!important;
  background-position: center center;
  background-color: #b4cc38;
  border-radius: 10px;
  width: 18px;
  height: 18px;
}
i.icon-notify-fail{
  background-image: url(/css/images/ticket-notification.svg)!important;
  background-position: center center;
  background-color: #d71920;
  border-radius: 10px;
  width: 18px;
  height: 18px;
}
i.icon-notify-none{
  background-image: none!important;
}
#addticketbutton{
  display: ;
}

.table.tickets .logmessage,
.table.tickets .col-name{
  max-width: 30em;
}
.table.tickets .logmessage a{
  width: calc(100% - 21px);
}

/*_Prtg.UDPMessages.css*/

.udpmessages-controls {
  display: block;
  background-color: #ababab;
  width: 100%;
  height: auto;
}

.udpmessages-controls p {
  margin: 2px 5px;
  float: left;
}

.udpmessages-filterfield {
  max-width: 80px;
}
.udpmessages-controls .udpmessages-applyfilter {
  margin: 0;
}

.udpmessages-output {
  display: block;
}

.udpmessages-output .loading {
  height: 211px;
  margin: 0;
  padding: 0;
}

.table.hoverable>tbody .filters:hover td {
  background-color: #f3f2f2;
  border-bottom: none;
  border-top: none;
  padding-bottom: 1px;
  padding-top: 0px;
}

.udpmessages-morefilter {
  cursor: pointer;
  min-width: 40px;
}

.udpmessages-output .messagetable {
  display: none;
}

.udpmessages-output .filters td {
  margin: 0;
  padding: 0;
  padding-bottom: 1px;
}

.udpmessages-output .filters select {
  padding: 0;
  border: 1px solid white;
  margin: 0;
}

.udpmessages-output .filters select:hover {
  background-color: #d6d7d8;
  border: 1px solid #d6d7d8;;
}

.udpmessages-output .taglist {
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.udpmessages-output .taglist:hover input {
  background-color: #d6d7d8;
  border: 1px solid #d6d7d8;;
}

.udpmessages-output .taglist li {
  padding: 0;
  display: block;
  position: relative;
}

.udpmessages-output .taglist .taglabel span {
  padding-right: 15px;
  display: inline-block;
}

.udpmessages-output .taglist .closetag {
  /*position: absolute;*/
  right: 1px;
  top: 0;
}

.udpmessages-output .taglist input {
  background-color: white;
  border: 1px solid white;
  margin: 0;
  padding: 0;
}

.udpmessages-filter-dialog, .udpadvancedfilterheader {
  display: none;
}

.udpmessages-advanced-filter {
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: #f3f2f2;
}

.advancedfilterinputrow {
  display: none;
}

.advancedfilterinputcolumn {
  font-weight: bold;
}

.udpmessages-output tr:not(.filters) td:hover {
  cursor: pointer;
  text-decoration: underline;
}

table.businessprocessdefinitions{
  border-spacing: 3px 6px;
  border-collapse: separate;
  background-color: white;
  width: 100%;
  table-layout: fixed;
}
table.businessprocessdefinitions th{
  border-spacing: 0;
  font-family: "Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
table.businessprocessdefinitions td{
  background-color: #f3f2f2;
}
table.businessprocessdefinitions tbody{
  vertical-align: top;
}
table.businessprocessdefinitions tbody ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
table.businessprocessdefinitions tbody ul li{
  float: left;
  margin: 3px;
}
table.businessprocessdefinitions tbody a{
  background-color: transparent;
}
table.businessprocessdefinitions tbody li span{
  background-color: white;
  margin: 0;
  border: 1px solid #c1c2c3;
  padding: 1px 1px 1px 3.5ex;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-size: 16px 100%;
}
table.businessprocessdefinitions i.ui-icon-close{
  height: 13px;
}
table.businessprocessdefinitions tbody li input{
  width: 15em;
  padding: 1px;
  font-size: 11px;
  background-color: white;
}
table.businessprocessdefinitions i.ui-icon-close:hover{
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
table.businessprocessdefinitions tbody tr td:last-child{
  vertical-align: bottom;
}
table.businessprocessdefinitions col.channelname{
  width: 11em;
}
table.businessprocessdefinitions col.threshholds{
  width: 5em;
}
table.businessprocessdefinitions col.buttons{
  width: 0;
}
table.businessprocessdefinitions td .ui-icon-circle-plus{
  margin-left: -22px
}
.prtg-form fieldset table.businessprocessdefinitions input{
  border: none;
}
.prtg-form fieldset table.businessprocessdefinitions input[disabled]{
  color: rgb(169,169,169);
}

ul.quick-search-content{
  position:absolute;
  width: 100%;
  max-height:30ex;
  overflow:hidden;
  overflow-y:auto;
  background: #f3f2f2;
  outline: 1px solid #d6d7d8;
  z-index: 999;
}
ul.quick-search-content li{
  margin: 1px;
  padding:0;
  text-indent: 18px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  background-size: 16px 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
ul.quick-search-content li.focus{
  background-color: #D6E8FA;
}
ul.quick-search-content .loading{
  min-height: 40px;
}
tct{
  -webkit-transition:  opacity 1.0s;
  transition:  opacity 1.0s;
  font-family: tahoma;
}
tct.invisible{
  opacity: 0;
}
tct[data-role="guru"]{
  margin-bottom: 3px;
  border: none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
tct[data-role="guru"] span{
  color: #00245d;
  display: block;
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
}

tct[data-role="guru"].visible{
  display: block;
}

tct[data-role="guru"]>div{
  min-width: 100%;
}
tct[data-role="guru"]>div,
tct[data-role="theater"]>span,
tct[data-role="theater"]{
  position: relative;
  box-shadow:none;
  display:block;
  width: 100%;
}
tct a{
  position: absolute;
  padding: 0;
  top:0;
  width: 100%;
  height: 100%;
  background-image: none;
}

tct[data-role="theater"] button.closebutton{
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 4px;
  right: 4px;
  background-image: url('/images/tct/close.png');
}

tct[data-role="guru"] button.closebutton{
  position: absolute;
  right: 3px;
  top:1px;
  margin-top: 3px;
  z-index: 1;
  border: none;
  border-radius: 10px;
  padding: 1px 3px 1px 1px;
  opacity: 0.5;
  -webkit-transition:  opacity 0.5s;
  transition:  opacity 0.5s;
}
tct[data-role="guru"] button.closebutton{
  top: 4px;
  right: 3px;
}
tct[data-role="guru"] .tct-content{
  background-color: transparent;
}
tct[data-role="guru"]  img{
  width: 180px;
}
tct.no-buttons button{
  display: none;
}
tct[data-role="guru"] button{
  border: 1px solid transparent;
  transition: .1s;
}
tct[data-role="guru"] button.btngrey{
  position: absolute;
  left: 9px;
  bottom: 9px;
}
tct[data-role="guru"] button.btnlink{
  position: absolute;
  left:20%;
  border: none;
  color: grey;
  bottom: 9px;
  background-color: transparent;
  font-size: xx-small;
}
tct[data-role="guru"] button.actionbutton{
  position: absolute;
  right: 9px;
  bottom: 9px;
}
tct.pod[data-role="guru"] button{
  right: auto;
  left: auto;
  bottom: auto;
}
tct.pod[data-role="guru"] button.btngrey{
  position: relative;
  float:right;
  margin:0 9px;
}
tct.pod[data-role="guru"] button.btnlink{
  position: relative;
  float:left;
  padding: 0;
  margin:17px 9px 0 0;
  line-height: 5px;
  border: none;
  color: grey;
  background-color: transparent;
  font-size: xx-small;
}
tct.pod[data-role="guru"] button.actionbutton{
  position: relative;
  margin:0 0 0 9px;
  float:right;
}


#tctCursor{
  position:absolute;
  top:0;
  left:0;
  z-index:100000;
  display:none;
  background-image: url("/css/images/hand.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  min-width:20px;
  min-height: 30px;
}
#tctCursor info{
  display: none;
  background-color: rgb(249,157,28);
  width: auto;
  padding: 3px;
  position: relative;
  top: 29px;
  font-size: 14px;
  text-align: center;
  white-space: pre;
  margin-left: -35%
}

#main_menu>li.hovered{
  background-color: #00245d;
}
#main_menu li.hovered > ul{
  visibility: visible;
  margin-left: 0;
}
#main_menu>li.hovered>a {
  color: #fff;
}

#main_menu ul li.hovered a {
  background-color: transparent;
  text-decoration: none;
}

/* sub levels link hover */
#main_menu ul li.hovered {
  background-color: #E0E0E0;
}


/*-----------------*/
tct .info-box{
  position: absolute;
  background-color: rgb(249,157,28);
  padding: 13px;
  min-height:100px;
}

tct .greg4{
  bottom: 215px;
  width: 230px;
  left: -190px;
}

tct .greg5{
  bottom: 25px;
}
tct .greg6{
  bottom: 195px;
  width: 262px;
  height: 114px;
  left: -233px;
}
tct .andi4{
  bottom: 282px;
  width: 250px;
  left: -150px;
}
tct .andi5{
  bottom: 200px;
  width: 250px;
  left: -235px;
}

tct .info-box span:last-of-type{
  margin-bottom: 35px;
}

tct span.headline{
  text-transform: uppercase;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 5px;
}

tct[data-role="theater"] a.box{
  font-family: tahoma;
  background-color: #f6f6f6;
  color: #0b2558;
  display: block;
  text-decoration: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 10px 80px 10px 20px;
  margin-bottom: 5px;
  min-height: 85px;
  font-size: 16px;
  line-height: 17px;
}
tct[data-role="theater"] a.box:hover{
  cursor: pointer;
}

tct[data-role="theater"] a.box span{
  display: block;
}
tct[data-role="theater"] a.box span.headline{
  text-transform: uppercase;
  font-size: 16px;
  line-height: 17px;
  margin: 0 0 10px 0;
}
tct[data-role="theater"] a.box:hover span.headline{
  color: #444444;
}
tct[data-role="theater"] a.box span.text{
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 10px 0;
}
tct[data-role="theater"] a.box:hover span.text{
  color: #444444;
}
tct[data-role="theater"] a.box span.cta{
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  background-color: #0b2558;
  /*border-radius: 2px;*/
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  text-align: center;
  width: auto;
  display: inline-block;
  letter-spacing: 0.8px;
}
tct[data-role="theater"] a.box:hover span.cta{
  background-color: #444444;
}
tct[data-role="theater"] a.box span.close{
  width: 11px;
  height: 11px;
  position: absolute;
  top: 4px;
  right: 4px;
  background-image: url('/images/tct/theater/close.png');
}
tct[data-role="theater"] a.video{
  background-position: top left;
  padding: 10px 20px 10px 165px;

}


tcthelp{
  display: block;
  width: 100%;
  height: auto;
}
tcthelp img{
  padding: 2px;
}
#helpcontainer tct{
  display: block;
}
#helpcontainer tcthelp a{
  position: absolute;
  padding: 0;
  top:0;
  width: 100%;
  height: 100%;
  background-image: none;
}

#helpcontainer tct[data-role="theater"] a.box{
  background-position: center center!important;
  height:165px;
}
#helpcontainer tct[data-role="theater"] a.box span.text{
  position: absolute;
  bottom: 0;
  margin: 5px;
}
#helpcontainer tct[data-role="theater"] a.box span.headline{
  margin: 5px;
}


.newsfeed {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.newsfeed h2 {
  margin-top: 0;
  padding-left: 0;
}

.newsfeed-content {
  overflow: hidden;
  height: auto;
  height: calc(100% - 39px);
}

.newsfeed-content:hover {
  overflow-y: scroll;
  position: relative;
}

.newsfeed-content div {
  display: block;
}

.newsfeed-content h2 {
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  padding-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 3px;
}

.newsfeed-content h3 {
  color: #888;
  margin: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}

.newsfeed-content p {
  color: #888;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 36px;
  line-height: 120%;
  text-align: justify;
}

.newsfeed a {
  color: #888;
}

.newsfeed:hover a, .newsfeed:hover p, .newsfeed:hover h3, .:hover h2 {
  color: #000;
}

.newsfeed:hover .newsfeed-content * {
  padding-right: 5px;
  color: #000 !important;
}

#login-container .newsfeed {
  height: 176px;
  width: 390px;
  padding-top: 15px;
}

.setupcontainer .newsfeed {
  width: 400px;
  height: 550px;
  padding-top: 15px;
}

body.graphzoom {
  min-width: inherit;
}

body.graphzoom #sendfeedbackbox {
  display: none;
}

body.graphzoom #chartcontainer {
  position: absolute;
  bottom: 22px;
  width: 100%!important;
}

body.graphzoom #chartcontainer.loading {
  top: 0;
  background-color: transparent;
}

body.graphzoom #chartcontainer > div {
  height: calc(100% - 10px);
  width: 100%;
}

body.graphzoom #chartcontainer .PNGGraph {
  width: auto !important;
  height: auto !important;
}

body.graphzoom #chartcontainer .chartlegend .prtg-graphs-controls {
  margin-left: 10px;
}

body.graphzoom #graphzoom .chartlegend {
  max-width: calc(100% - 150px);
  width: auto !important;
  position: absolute;
  padding: 0 0 15px 2px;
  bottom: 0;
  left: 5px;
}

body.graphzoom #chartcontainer #chart .prtg-graphs-controls {
  position: absolute;
  bottom: -25px;
  right: -2px
}

body.graphzoom #chartcontainer .prtg-graphs-controls a {
  margin: 0;
}

body.graphzoom .prtg-graphs-controls.loading {
  background-image: url(/images/ajax-loader-small.gif)!important;
  background-color: #fff;
}

/* CSS styles for _Prtg.Sysinfo plugin */
.prtg-sysinfo {
  position: relative;
}

.prtg-sysinfo > h3 {
  font-size: 16px;
  margin-bottom: 7px;
}

.prtg-sysinfo h3 > a {
  float: right;
  outline: 0;
  width: 16px;
  height: 16px;
  margin: 3px 0px;
}

.prtg-sysinfo h3 > a.invisible {
  visibility: hidden;
  display: inline-block;
}

.prtg-sysinfo h3 > small {
  float: right;
  margin-right: 5px;
}

.prtg-sysinfo .panel > .panel-card {
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
}

.prtg-sysinfo .panel > .panel-card > .card {
  padding: 5px;
  background-color: #F3F2F2;
}

.prtg-sysinfo .prtg-plugin-initialized,
.prtg-sysinfo .prtg-plugin {
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.prtg-sysinfo error {
/* background-image: url(/images/no_data.jpg);
  background-repeat: no-repeat !important;
  background-position: center top; */
  height: 300px;
  max-height: 300px;
  display: inline-block;
  text-align: center;
  /* padding: 85px 20px; */
  /* line-height: 20px; */
  width: 100%;
  padding-top:50px;
}

.prtg-sysinfo error .no_data{
  color: #C6C6C6;
  font-weight:bold;
  font-size:17px;
}

.prtg-sysinfo error > img {
  height:30%;
  margin-top:25px;
}

.prtg-sysinfo error > message {
  display: inline-block;
  /* font-weight: bold; */
  width:100%;
  /* margin-left:5%;
  margin-right:5%; */
  font-style:normal;
  text-align: left;
  bottom:20px;
  position:absolute;
  left:0px;
}

.prtg-sysinfo error > message > ul{
  margin-left:0px;
  width:100%;
  padding-right:20px;
  padding-left:25px;
}

table.sysinfo {
  margin-top: 0px;
  position: relative;
  margin-bottom: 20px;
}

table.sysinfo td:first-child {
  min-width: 50%;
  width: 50%;
}

table.sysinfo td.col-state {
  white-space: nowrap;
}

table.sysinfo td.col-properties a {
  cursor: pointer;
  color: #00235D;
}

table.sysinfo td.col-caption {
  max-width: 103px;
  white-space: nowrap;
}

table.sysinfo td.col-properties a:after {
  vertical-align: middle;
  display: inline-block;
}

table.sysinfo td.col-properties a:after {
  content: url('../css/images/arrow_down.png');
}

table.sysinfo td.col-properties a.folded:after {
  content: url('../css/images/arrow_up.png');
}

table.sysinfo td.col-properties ul {
  margin: 0;
  padding: 0px 20px;
}

.loading-overlay {
  /* display: none; */
  position: absolute;
  z-index: 1;
  right: 3px;
  top: 9px;
  width: 30px;
  height: 20px;
  /* background-color: rgba(255,255,255,0.4); */
  background-image: url(/images/ajax-loader-small.gif) !important;
  background-repeat: no-repeat !important;
  background-position: center center;
  cursor: progress;
}

.checknow{
	background-image: url(images/ui-icons_454545_256x240_thick.png);
}

.checknow.no_probe{
  cursor:not-allowed;
  opacity: 0.5;
}

/* You can find more animations on http://ianlunn.github.io/Hover/ */
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  /*background: #80A7CC;*/
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

.prtg-plugin[data-plugin='prtg-fileHandler'] {
  visibility:hidden;
  height:26px;
}

label.fileHandlerTextLabel{
  margin:0px;
  padding:0px;
  padding-left: 10px;
  font-size: 13px;
  line-height: 23px;
  display: inline-block;
}

label.fileHandlerButtonLabel{
  margin:0px;
}

.fileHandler-validateerror-field {
    background-color: #FFEBEB !important;
}

.fileHandler-validateerror-text {
  background-color: #fff;
  color: #d71920;
  font-weight: bold;
  padding: 2px;
  width: 100%;
  display: inline-block;
  margin-top: 1px;
}


/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
 
/* bootstrap-overwrite.css */
.tooltip {
  padding: 15px;
  font-size: 11px;
  line-height: 1.2;
  z-index: 100005;
}

.tooltip.in {
  opacity: 1.0;
}

.tooltip.top {
  margin-top: -3px;
  padding: 8px 0;
}

.tooltip.right {
  margin-left: 3px;
  padding: 0 8px;
}

.tooltip.bottom {
  margin-top: 3px;
  padding: 8px 0;
}

.tooltip.left {
  margin-left: -3px;
  padding: 0 8px;
}

.tooltip-inner {
  max-width: 300px;
  color: #000;
  text-align: left;
  background-color: #d5cfa3;
  border: 2px solid #d5cfa3;
  border-radius: 0;
}

.tooltip.top .tooltip-arrow {
  margin-left: -8px;
  border-top-color: #d5cfa3;
  border-width: 8px 8px 0;
}

.tooltip.right .tooltip-arrow {
  margin-top: -8px;
  border-right-color: #d5cfa3;
  border-width: 8px 8px 8px 0;
}

.tooltip.left .tooltip-arrow {
  margin-top: -8px;
  border-left-color: #d5cfa3;
  border-width: 8px 0 8px 8px;
}

.tooltip.bottom .tooltip-arrow {
  top:0!important;
  margin-left: -8px;
  border-bottom-color: #d5cfa3;
  border-width: 0 8px 8px;
}

.popover.right > .arrow {
  border-right-color: #d5cfa3;
}


.popover, .popover-title {
  border-radius: 0;
  box-shadow: none !important;
}

.popover {
  min-height: 65px;
  z-index: 100005;
  border-color: #d5cfa3;
  padding: 0 !important;
}

.popover-title {
  padding: 2px 14px;
  font-size: 11px;
}


.ui-widget,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: inherit;
  font-size: inherit;
}

.ui-dialog {
  padding: 0;
  z-index: 100002;
  /*box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.48);*/
}

.ui-front {
  z-index: 100001;
}

.ui-dialog {
  border: 0;
}

.ui-dialog-titlebar {
  border: 0;
  border-bottom: 1px solid #aaa;
  background: #f3f2f2;
}

.ui-dialog .ui-dialog-title {
  font-size: 14px;
  font-weight: normal;
}

.ui-widget-overlay {
  opacity: 0.9;
}

.ui-datepicker-buttonpane button {
  font-weight: bold !important;
  opacity: 1 !important;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: .3em;
}

.ui-dialog-buttonset button {
  height: 26px;
  min-width: 100px;
}

.ui-dialog .ui-dialog-titlebar-close {
  display: none;
}

.ui-corner-all,
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-top,
.ui-corner-left,
.ui-corner-right,
.ui-corner-bottom,
.ui-dialog-titlebar {
  border-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

#ui-datepicker-div {
  /*dateslector wurde von der save bar überdeckt case 546303*/
  z-index: 100002 !important;
}