/*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.schedulemenu,
a.mapmenu,
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 {
  background-repeat: no-repeat;
  background-color: transparent;
  padding-bottom: 1px;
  padding-left: 16px;
  padding-top: 1px;
}

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);
}

#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: 0px 1px;
}

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);
}

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

.sensx {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -231px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_grey.png); */
}

.sensg {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -130px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_green.png);*/
}

.sensy {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -834px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_yellow.png);*/
}

.sensr {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -631px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_red.png);*/
}

.sensq {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -525px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_red_green.png);*/
}

.senso {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -727px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_redok.png);*/
}

.sensb {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -31px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_blue.png);*/
}

.sensp {
  background-image: url(/icons/statussprite.png);
  background-position: -5px -428px;
  width: 14px;
  height: 14px;
/*  background-image: url(/icons/led_orange.png);*/
}

a.sensg,a.sensr,a.sensq,a.senso,a.sensb,a.sensy,a.sensp,a.sensx,
/*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 {
  background: none;
}

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: bold;
  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;
}

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

.tablebuttonbox .button.right,
.tablebuttonbox .actionbutton.right {
  float: right;
}

.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;
}

.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 {
  white-space: nowrap;
}

.tablebuttonbox .button {
  max-width: 250px;
  min-width: 50px;
  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;
}

#newsfeed {
  width: 290px;
  height: 176px;
  padding: 2px;
  position: relative;
  padding-top: 30px;
  clear: both;
}

.welcomepage #newsfeed {
  height: 576px;
}

#newsfeedcontent {
  overflow: hidden;
  width: 270px;
  height: 119px;
  padding: 4px;
}

.welcomepage #newsfeedcontent {
  height: 519px;
}

#newsfeedcontent:hover {
  overflow-y: scroll;
}

#newsfeedcontent div {
  display: block;
  width: 200px;
  height: 60px;
}

#newsfeed h2 {
  font-family: "Lucida Sans-Serif","Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  color: #888;
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
  width: 250px;
}

#newsfeed h3 {
  color: #888;
  margin: 0;
  padding: 0;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px;
  white-space: nowrap;
  font-weight: 400;
}

#newsfeed p {
  color: #888;
  margin: 0;
  padding: 0;
  margin-bottom: 12px;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 36px;
  width: 250px;
  line-height: 120%;
}

#newsfeed a {
  color: #888;
}

#newsfeed:hover a,
#newsfeed:hover p,
#newsfeed:hover h3,
#newsfeed:hover h2 {
  color: #000;
}

/*prtg.table.css*/
table.table {
  border-collapse: separate;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 14px;
}

table.table .table_itemcount_selector,
table.table .tablezoomlink {
  float: right;
  margin-left: 15px;
  margin-right: 5px;
}

table.table .table_itemcount_selector {
  padding-top: 1px;
}

table.table .table_itemcount_selector a {
  display: none;
}

table.table .table_itemcount_selector a.selected,
table.table .table_itemcount_selector:hover a {
  background: none;
  display: inline;
  padding-right: 5px;
}

table.table .table_itemcount_selector:hover a.selected {
  font-weight: bold;
}

table.table.channels,
table.table.correlation {
  min-width: 600px;
  width: 100%;
}

table.table.correlations {
  min-width: 600px;
}

table.table.correlations {
  min-width: 600px;
}

.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.searchresulttable .tablenavigation {
  display: none;
}

table.searchresulttable tfoot.pagenavigation {
  display: none;
}

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 tr td {
  background-color: #f3f2f2;
  border-bottom: none;
  border-right: 1px solid #d6d7d8;
  border-top: none;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.table tr {
  border: none;
}

.tablemenu {
  background: #C5F5CC;
}

table.table tr td:last-child {
  border-right: none;
}

table.table tr.subtitle td,
table.table tr.even 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 tr.sr.even td,
table.table tr.sq.even td,
table.table tr.so.even td {
  background-color: #FBC5C8;
}

table.table .sr div.probegroupdevice a,
table.table .sq div.probegroupdevice a,
table.table .so div.probegroupdevice a {
  background-color: #FEE8E9;
}

table.table .sr.even td,
table.table .sq.even td,
table.table .so.even td {
  background-color: #FDD5D7;
  border-bottom: 0px solid #FEECED;
  border-top: 0px solid #FEECED;
}

table.table .sr.even div.probegroupdevice a,
table.table .sq.even div.probegroupdevice a,
table.table .so.even div.probegroupdevice a {
  background-color: #FBC5C8;
}

table.table.hoverable>tbody tr:hover td {
  background-color: #fff;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  padding-top: 2px;
  padding-bottom: 2px;
}

#top10list .table.hoverable tbody tr:hover td {
  padding-top: 0px;
  padding-bottom: 0px;
}

table.table.hoverable>tbody tr:hover div.probegroupdevice a {
  background-color: #fff;
}

.table tr.rowselected td, tr.ui-selected>td, tr.ui-selecting>td {
  background-color: #C5F5CC !important
}

tr.multiselected td,
table.table tr.multiselected div.probegroupdevice a,
table.table tr.multiselected div.probegroupdevice a {
  background-color: #C5F5CC!important;
}

table.table td nobr a.sensormenu,
table.table td a.groupmenu,
table.table td a.probemenu,
table.table td a.devicemenu {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
}

table.table td.actions a {
  display: inline;
}

table.table thead td,
table.table thead th,
table.table tfoot td {
  background: #c1c2c3;
  border-top: 1px solid #f3f2f2;
}

table.table thead.tabletitle,
table.table thead.tabletitle th {
  background: none;
  border-top: none;
}

table.table thead.tabletitle th {
  font-family: "Lucida Sans-Serif","Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  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 {
  font-weight: 500;
  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-right: 4px;
  padding-top: 0px;
}

thead .tablecheckbox {
  padding-top: 0;
  padding-bottom: 0;
  height: 16px;
}

table.table thead th {
  border-right: 1px solid #f3f2f2;
  color: #000;
  font-weight: normal;
  margin: 0;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

table.table thead th:last-child {
  border-right: none;
}

table.table.hoverable .pagenavigation td,
table.table .pagenavigation td,
table.table.hoverable .pagenavigation:hover td,
table.table .pagenavigation tr:hover td {
  border-bottom: 0px !important;
  border-top: 1px solid #f3f2f2 !important;
  padding: 2px;
}

#top10list table.table.hoverable .pagenavigation:hover td,
#top10list table.table .pagenavigation tr:hover td {
/*  border-bottom: 0px !important;
  border-top: 1px solid #f3f2f2 !important;
  padding: 1px;
*/}

table.table thead a:hover,
table.table tfoot a:hover {
  background-color: #E1EDFB;
}

tfoot.pagenavigation div.pageselect,
thead.pagenavigation div.pageselect {
  display: inline-block;
  height: 15px;
  margin-right: 12px;
}

table.table thead.pagenavigation div.buttons,
table.table tfoot.pagenavigation div.buttons {
  float: right;
  height: 16px;
}

table.table tfoot.pagenavigation td div.buttons label {
  vertical-align: top;
}

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.report td,table.table.report th {
  white-space: nowrap;
}

table.table.values,table.table.report {
  width: 50%;
}

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 .pagenavigation td {
  text-align: left;
}

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;
}

#table_statstable td+td {
  min-width: 83px;
}

.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 {
  background-image: url(/images/favorite.png);
  background-repeat: no-repeat;
  height: 13px;
  width: 13px;
  display: inline-block;
}

span.favstar {
  display: inline-block;
}

span.star {
  display: inline-block;
  background-image: url(/images/star.png);
}

a.favempty {
  display: block;
  float: left;
  background-image: url(/images/star.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: 0px solid #888888;
  border-bottom: 1px solid #fff;
  color: #000;
  font-weight: bold;
  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;
  padding: 0 0 0 16px;
}

table.table>tbody .probegroupdevice .groupmenu,
table.table>tbody .probegroupdevice .probemenu {
  display: inline-block !important;
  filter: alpha(opacity=40);
  vertical-align: middle;
  font-size: 9px;
  max-width: 70px;
  opacity: 0.4;
  overflow: hidden;
  white-space: nowrap;
}

.table .probegroupdevice .devicemenu {
  display: block;
}

.table .probegroupdevice {
  min-width: 190px;
}

.table .probegroupdevice span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table .probegroupdevice  .probegroupdeviceitem:last-child {
  display: block;
}

.reportsensorlist .probegroupdevice span {
  max-width: 200px;
}

fieldset .probegroupdevice>span {
  display: block;
  width: 340px;
}

.table .status,
.table .logmessage {
  display: block;
  max-height: 35px;
  line-height: 15px;
  min-width: 140px;
  overflow: hidden;
  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 tr:hover .status,
.table tr:hover .logmessage {
  max-height: none;
}

.table tr:hover .status div.moreicon,
.table tr:hover .logmessage div.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: none;
}

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;
}

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,
.top10listcontainer td,.top10listcontainer th,
.top10listcontainer td div,.top10listcontainer th div {
  font-size: 9px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.actioncolumn td:last-child,
div.actioncolumn th:last-child {
  max-width: none;
}

.top10listcontainer {
  overflow-x: auto;
  width: 419px;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}

.top10listcontainer table.table,
.top10listcontainer table.table thead:first-child th:first-child,
.top10listcontainer table.table thead:first-child th:last-child,
.top10listcontainer table.table tfoot:last-child td:first-child,
.top10listcontainer table.table tfoot:last-child td:last-child {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin: 0!important;
}

.top10listcontainer table {
  border: none;
}

div.map_object .top10listcontainer {
  width: auto;
}

.top10listcontainer a.devicemenu {
  background-position: 0px 0px;
  padding-bottom: 1px;
  padding-top: 1px;
}

.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;
}

.pagenavigation a {
  display: inline-block;
}

table select.select-reloadtablelink {
  background-position: center left;
  text-indent: 1.5ex;
  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;
  display: inline-flex;
}

thead.filters th > span {
  padding: 0 4px;
}
thead.filters th span {
  line-height: 16px;
}

thead.filters select {
  border: none;
  max-width: none;
  background-color: transparent;
  text-indent: 1ex;
  font-weight: bold;
  padding: 0 4px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: window;
}

thead.filters select::-ms-expand {
  visibility: hidden;
  border: 0 none;
}
@-moz-document url-prefix() {
  thead.filters select {
    text-overflow:'';
    width:auto!important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    thead.filters select {
      padding: 0 0 0 2ex;
      width:auto!important;
    }
}
thead.filters .sensorlookupnew {
  background-color: transparent;
  min-height: inherit;
  min-width: 150px;
}

thead.filters .objectlookup {
  /*margin-top: 4px;*/
  background-color: transparent;
  cursor: pointer;
  border: none;
  font-weight: bold;
  min-height: 0;
  line-height: 15px;
  padding-top: 1px;
}

thead.filters .objectlookup * {
  background-color: transparent;
}

thead.filters .objectlookup br {
  display: none;
}

thead.filters .objectlookup .objectlookup tr td {
  vertical-align: middle;
}

thead.filters .probegroupdevice span {
  display: none;
}

thead.filters .probegroupdevice span:last-child {
  display: block;
}

thead.filters table.objectlookup tr td {
  padding: 0 0 0 3px;
  background-color: transparent;
  border: none;
}
thead.filters .probegroupdevice .probegroupdeviceitem{
  height: 15px;
  line-height: 15px;

}

thead.filters table.objectlookup td a {
  margin: 0;
}

thead.filters a .prtg-checkbox {
  background-position: 16px 16px;
}

thead.filters a.checked .prtg-checkbox {
  background-position: -66px -146px;
}

thead.filters i {
  vertical-align: middle;
}

table.udpmessage thead th {
  border: 0;
}

/*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;
	-moz-border-radius: 7px;
	padding-bottom: 2px;
	-webkit-border-radius: 7px;
	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;
  -webkit-border-radius: 2px;
  -moz-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 ;
}

.oneitem {
  color: black;
  float: left;
  overflow: hidden;
  width: 135px;
  height: 18px;
  margin: 1px;

  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 {
  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;
}
.prtg-graphs-control {
  float: right;
}

/*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;
    -moz-border-radius: 5px;
    -webkit-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;
}

.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 td
{
	vertical-align: top;    
}

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;
    -moz-border-radius: 3px;
    -webkit-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;
}
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/led_green_tall.png);
}
ul.sensortree div.treedevice div.sens div.sr > a
{
	background-image: url(/icons/led_red_tall.png);
}
ul.sensortree div.treedevice div.sens div.sq > a
{
	background-image: url(/icons/led_red_green_tall.png);
}
ul.sensortree div.treedevice div.sens div.so > a
{
	background-image: url(/icons/led_redok_tall.png);
}
ul.sensortree div.treedevice div.sens div.sx > a
{
	background-image: url(/icons/led_grey_tall.png);
}
ul.sensortree div.treedevice div.sens div.sy > a
{
	background-image: url(/icons/led_yellow_tall.png);
}
ul.sensortree div.treedevice div.sens div.sb > a
{
	background-image: url(/icons/led_blue_tall.png);
	color: gray;
}
ul.sensortree div.treedevice div.sens div.sp > a
{
	background-image: url(/icons/led_orange_tall.png);
}
ul.sensortree div.treedevice
{
	background-color: #f3f2f2;
	border-radius: 4px 0 0 4px;
	margin: 0 -2px 0 0;
	
	-moz-border-radius: 4px 0 0 4px;
	padding: 0px;
	-webkit-border-radius: 4px 0 0 4px;
	width: 100%;
}
ul.sensortree li.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: none;
	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.hasredok,
div.sensortreesmall ul.hasredok > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasredok > 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 norepeat;
	display: inline-block;
	font-size: 11px;
	height: 12px;
	overflow: display;
	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;	
}
/*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;
  -moz-box-shadow: 1px 1px 1px #444444;
  -webkit-box-shadow: 1px 1px 1px #444444;
  margin: 4px 1px 4px 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-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;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 1px #444444 inset;
  -moz-box-shadow: 1px 1px 1px #444444 inset;
  -webkit-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;
  -webkit-box-shadow: 2px 2px 2px #000;
  -moz-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;
  min-width: 350px !important;
}

#table_channeltable tbody tr td:first-child {
  padding-right: 20px;
  min-width: 175px;
}

#table_channeltable tbody tr td:last-child {
  padding-left: 20px;
  min-width: 175px;
}


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;
    -moz-border-radius: 3px;
    -webkit-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;
}
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/led_green_tall.png);
}
ul.sensortree div.treedevice div.sens div.sr > a
{
	background-image: url(/icons/led_red_tall.png);
}
ul.sensortree div.treedevice div.sens div.sq > a
{
	background-image: url(/icons/led_red_green_tall.png);
}
ul.sensortree div.treedevice div.sens div.so > a
{
	background-image: url(/icons/led_redok_tall.png);
}
ul.sensortree div.treedevice div.sens div.sx > a
{
	background-image: url(/icons/led_grey_tall.png);
}
ul.sensortree div.treedevice div.sens div.sy > a
{
	background-image: url(/icons/led_yellow_tall.png);
}
ul.sensortree div.treedevice div.sens div.sb > a
{
	background-image: url(/icons/led_blue_tall.png);
	color: gray;
}
ul.sensortree div.treedevice div.sens div.sp > a
{
	background-image: url(/icons/led_orange_tall.png);
}
ul.sensortree div.treedevice
{
	background-color: #f3f2f2;
	border-radius: 4px 0 0 4px;
	margin: 0 -2px 0 0;
	
	-moz-border-radius: 4px 0 0 4px;
	padding: 0px;
	-webkit-border-radius: 4px 0 0 4px;
	width: 100%;
}
ul.sensortree li.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: none;
	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.hasredok,
div.sensortreesmall ul.hasredok > li.node.collapsed > div.treedevice > div.row,
div.sensortreesmall li.pr.collapsed.hasredok > 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 norepeat;
	display: inline-block;
	font-size: 11px;
	height: 12px;
	overflow: display;
	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;	
}
/*_Prtg.OpenLayer.mobile.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);
    filter: alpha(opacity=60);
}
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;
    filter: alpha(opacity=80);
}
@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;
    -moz-opacity: 0.9;
    filter:alpha(opacity=90);
}
#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;
		-moz-box-shadow: 0px 0px 2px 1px #000000;
		-webkit-box-shadow: 0px 0px 4px 2px #000000;
		box-shadow: 0px 0px 2px 1px #000000;
    border: 2px solid #fff;
}
.map-marker-small{
	border:none;
	border-radius: 10px;
		-moz-box-shadow: 0px 0px 4px 2px #fff;
		-webkit-box-shadow: 0px 0px 4px 2px #fff;
		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;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

div#geomap_probeoverview,
div#geomap_groupoverview,
div#geomap_deviceoverview,
div#geomap_control,
div#geomap-mobile-group,
div#geomap-mobile-device
{
  width:256px;
  height:128px;
  margin-left:20px;
	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:449px;
    height:224px;
	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;
}

#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 span.name {
}
*/
#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;
}

#ticketheader .buttonbox {
  margin-top: -25px;
}

#ticketheader {
  display: table;
}

#ticketheader>div {
  display: table-row;
}

#ticketheader>div>div {
  display: table-cell;
  vertical-align: middle;
  padding: 3px 9px;
}

#ticketheader .subject {
  font-size: 21px;
  font-weight: bold;
}

#ticketheader .label .status {
  font-weight: bold;
  font-size: 21px
}

#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 {
  background-image: url(/css/images/Glocke_14x14.png);
  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);
  /*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;
}


.ui-btn-up-b,
.ui-btn-hover-b:hover,
.ui-btn-up-b:link,
.ui-btn-up-b:active,
.ui-btn-up-b:visited {
  color: #FFFFFF;
  font-weight: bold;
  text-shadow: 0 -1px 1px #145072;
}

#crumbler {
  display: none;
}

h2 {
  font-family: "Lucida Sans-Serif","Segoe UI", Tahoma, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500;
  color:#00235D;
  font-size: 18px;
  text-transform: uppercase;
  padding-left:3px;
}

.screenbox h2 {
  text-shadow: none
}

#sensorcounts {
  background: #b7b7b7;
  white-space: nowrap;
  font-size: 11px;
}

#sensorcounts a {
  padding:2px;
}


#sensorcounts a.sensorlinkack {
  background: #d71920
}
#sensorcounts a.sensorlinkpartialred {
  background: #e77579
}
#sensorcounts a.sensorlinkred {
  background: #d71920
}
#sensorcounts a.sensorlinkwarn {
  background: #ffcb05
}
#sensorcounts a.sensorlinkgreen {
  background: #b4cc38
}
#sensorcounts a.sensorlinkpaused {
  background: #447fc1
}
#sensorcounts a.sensorlinkunusual {
  background: #f99d1c
}
#sensorcounts a.sensorlinkblack {
  background: #808282
}

#sensorcounts a div {
  color: #fff;
  text-shadow: 0px 0px 1px #888;
  font-weight: bold;
}

#mainmenu span {
  padding-top: 6px;
  padding-bottom: 6px;
}

#pagefooter td {
  font-size: 9px;
  text-shadow: none
}

div.sensortreesmall .treedevice a {
  font-weight: normal!important
}

ul.sensortree div.treedevice div.dev {
  background-image: none
}

div.sensortreesmall div.treedevice {
  border: 1px solid #888;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

div.sensortreesmall div.row div.dev {
  height: 35px!important;
  width: 140px!important;
}

div.sensortreesmall ul.sensortree div.dev > a {
  height: 30px!important;
  padding-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 117px!important;
}

ul.sensortree div.treeopen, ul.sensortree div.treeclose {
  display: none
};

#sensortree {
  padding: 5px;
}

ul.sensortree .devicemenu {
  background-position: 0 3px;
}

ul.sensortree .dev {
  background-position: 0 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -border-radius: 5px;
}

ul.sensortree .dev a,
ul.sensortree .dev a:link,
ul.sensortree .dev a:visited,
ul.sensortree .dev a:active,
ul.sensortree .dev a:hover {
  color: black;
  font-weight: normal;
}

table.overview td.title {
  white-space: normal;
  width: auto;
}

table.table thead.pagenavigation th,
table.table tfoot.pagenavigation td {
  background-color: #f1f1f1;
  background-image: none!important;
}

tfoot.pagenavigation div.pageselect, thead.pagenavigation div.pageselect {
  background-color: #f1f1f1;
}

table {
  border-collapse: separate;
  width: 100%;
  border-radius: none;
}

table.table tr td {
  padding-bottom: 0px;
  padding-top: 0px;
  height: 30px;
}

.table .status,
.table .logmessage {
  max-height: none
}

div.moreicon,
div.logmessage {
  display: none
}

#breadcrumbs p {
  margin: 0;
}

table.table thead th {
  background-color: #c1c2c3;
  color: #fff;
  text-shadow: none
}

table.table thead.tabletitle th {
  background-color: #555
}

table.table td,
table.table th,
table.table td div,
table.table a,
table.table a:link,
table.table a:hover,
table.table a:active,
table.table a:visited,
a.clusterinfo {
  font-size: 13px;
  font-weight: normal;
}

#sensorstats {
  font-size: 13px;
}

div.treeclose,
.controlfoot {
  display: none;
}

#sensortreebox,.googlemap {
  box-shadow: 0 0 3px #777777;
  -webkit-box-shadow: 0 0 3px #777777;
  -moz-box-shadow: 0 0 3px #777777;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #fff;
}

div.googlemap {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.googlemap .chartlegend {
  padding: 5px;
}

div.googlemap div.chartlegend div.oneitem {
  text-align: left;
  box-shadow: 0 0 2px #333;
  -webkit-box-shadow: 0 0 2px #333;
  -moz-box-shadow: 0 0 2px #333;
  margin-bottom: 7px;
}

div.googlemap div.chartlegend div.oneitem div {
  text-shadow: none;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  font-size: 14px;
  width: 15px;
  height: 15px;
  padding-bottom: 2px;
  color: #000;
  font-weight: bold;
  margin: -1px 3px 0px -7px;
}

#clusterdata,
#clusterdata a:link,
#clusterdata a:hover,
#clusterdata a:active,
#clusterdata a:visited {
  background: #bbb;
  color: #000;
  font-weight: normal;
  font-size: 11px;
  text-shadow: none
}

table.table tr td,
table.table tr.even td,
table.table tr.odd td {
  border-top: none!important;
  border-bottom: 1px solid #b7b7b7!important;
  background: #fff;
}

table.table tr td a {
  margin-bottom: 4px;
  margin-top: 4px;
  min-height: 20px;
}

.refreshlink {
  padding-top: 4px;
  padding-bottom: 4px;
}

.refreshlink div {
  text-align: center;
  vertical-align: middle;
}

#refreshmsg {
  margin: 0.4em 0 0 0;
  font-size: 14px;
}

#mainpage .ui-listview.pagedata {
  margin: 4px;
  margin-bottom: 10px;
}

#mainpage .ui-li-static.ui-li.nopadding {
  padding: 2px;
  background: #fff;
}

#mainpage table.table td {
  padding: 2px 8px 2px 2px;
  color: #000;
  font-weight: bold;
}

#mainpage table.table td a,
#mainpage .status {
  font-weight: bold;
}
#mainpage table.table td a{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; 
}
#mobilesensordata .status {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

#mainpage table.table tr td:first-child {
  color: #888;
  font-weight: normal;
  width: 180px;
}

#mainpage table.table thead th {
  padding: 2px 8px 2px 2px;
  background: #fff;
  font-weight: bold;
  color: #888;
  border-bottom: 1px solid #b7b7b7;
}

#mainpage table.table .probegroupdevice a {
  font-size: 9px;
  font-weight: normal;
}

.geomap.showinfo,
.geomap.disabled {
  display: none;
}
/*_Prtg.SensorTree.css*/
#layout {
  min-height: 600px;
  min-width: 700px;
  /*margin-top:5px;*/
}

#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;
}

#ptip a.tab.newtree {
  background-image: url(/icons/statussprite.png);
}

.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;
}

.cursor-copy * {
  cursor: copy;
}

rov {
  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;
  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,
.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,
.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;
}

.slick-header-column .column-header {
  float: left;
  vertical-align: baseline;
}

.slick-cell {
  height: 100%;
}

.indent>level {
  border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0 0 0 4px;
}

.indent>level.device {
  background-image: none;
}

level.collapsed {
  background-color: #fff;
}
/*
.haschildren .indent level,
level  level,
level[last='false'],
level[lastX='false']
*/
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;
  -moz-border-radius: 4px 0 0px 4px;
  -webkit-border-radius: 4px 0 0px 4px;
  -o-border-radius: 4px 0 0px 4px;
  border-top: 1px solid #fff;
}

.tiny .device toggler,
.tiny .library[type="filter"] toggler {
  height: 19px;
  border-radius: 4px 0 4px 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -o-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;
}

/*
div.device toggler,
div.probe toggler,
div.group toggler,
div.node toggler,
div.sensortree toggler,
div.libraryobject toggler
{
  height:16px;
  margin:0;
  padding-left:2px;
  margin-right: -1px;
}
div.probe.collapsed toggler,
div.group.collapsed toggler,
div.node.collapsed toggler,
div.sensortree.collapsed toggler,
div.libraryobject.collapsed toggler
{
  height:16px;
  padding-left:2px;
  border-right: none;
}
 */

.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,
.treeItem > level > level.library:first {
  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;
}

.treeItem > div,
.valueColumn {
  border-top: 1px solid #fff;
}

.sensorItem {
  height: auto;
  border: none;
}

.sensorItem > div {
  float: none;
  display: block;
}

.treeItem.group.expanded .indent.level1 {
  height: 100%;
}
/*
.treeItem.group.expanded .indent{
  height: auto;
}
 */
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.collapsed,
.probeItem.collapsed
{
  position: relative;
}
 */
.groupItem,
.probeItem {
  background: #fff;
}

.deviceItem .indent,
.groupItem.collapsed .indent,
.probeItem.collapsed .indent {
  border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  -webkit-border-radius: 0 0 0 4px;
}
/*
.deviceItem .indent > *,
.groupItem.collapsed .indent > *,
.probeItem.collapsed .indent > *
{
  position:relative;
}
*/


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;
}
/*
tiny .groupItem.collapsed condition,
tiny .groupItem.collapsed message,
small .groupItem.collapsed condition,
small .groupItem.collapsed message,
.deviceItem.collapsed condition,
.deviceItem.collapsed status,
.deviceItem.collapsed message
{
  display: none;
}
*/
probe,
group,
device,
library {
  white-space: pre-wrap;
  overflow: hidden;
  font-size: 11px;
  width: 85%;
  height: 100%;
}

library {
  min-width: 50px;
  min-height: 11px;
  font-weight: bold;
}

probe name,
group name,
div.node name {
  font-weight: bold;
}

/*
small div.collapsed probe name,
small div.collapsed group name
{
  white-space: nowrap;

}
*/
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;
  font-size: 13px;
  background: none;
  border: none;
  padding-left: 0;
}

div.expanded probe name,
div.expanded group name {
  line-height: 13px;
}

sensor {
  background-color: #fff;
  display: inline-block;
  font-size: 9px;
  margin: 2px 2px;
  padding: 0 2px 0 0px;
  border: none;
  color: #000;
  vertical-align: middle;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 2px #888;
  -moz-box-shadow: 0 0 2px #888;
  -webkit-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;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-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;
}

.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: 25px;
}
.r1.children00 {
  height: 50px;
}

.tiny .r1 {
  height: 19px
}
.tiny .r1.children00{
  height: 50px;  
}
.small .r1 {
  height: 27px;
}
.small .r1.children00 {
  height: 50px;
}

div.probe.collapsed sensor,
div.goup.collapsed sensor,
.small sensor.group {
  height: 16px;
  margin-bottom: 1px;
}

.small sensor {
  height: 24px;
  width: 78px;
}

.small sensor name {
  width: 62px;
}

.small sensor value {
  width: 60px;
}

.medium sensor {
  height: 24px;
  width: 155px;
}

.medium sensor name {
  width: 136px;
  overflow: hidden;
  margin-top: 1px;
}

.medium sensor value {
  width: 136px;
  overflow: hidden;
}

.treeissmall sensor value {
  display: none;
}

.treeissmall sensor {
  height: 12px;
  margin-bottom: 1px;
  margin: 1px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: 0 0 1px #222;
  -moz-box-shadow: 0 0 1px #222;
  -webkit-box-shadow: 0 0 1px #222;
}

.treeissmall sensor name {
  margin-top: -1px;
  width: 77px;
}

.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: 100%;
}

.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 {
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: url(/icons/statussprite.png);
  width: 14px;
  height: 25px;
  background-repeat: no-repeat;
}
/*statussprite {
   background: url(/icons/statussprite.png) no-repeat top left;
   display: none;
}
*//*
.sprite-led_blue{ background-position: 0 0; width: 14px; height: 14px; }
.sprite-led_blue_big{ background-position: 0 -64px; width: 21px; height: 21px; }
.sprite-led_blue_tall{ background-position: 0 -135px; width: 14px; height: 25px; }
.sprite-led_dev{ background-position: 0 -210px; width: 20px; height: 5px; }
.sprite-led_green{ background-position: 0 -265px; width: 14px; height: 14px; }
.sprite-led_green_big{ background-position: 0 -329px; width: 21px; height: 21px; }
.sprite-led_green_tall{ background-position: 0 -400px; width: 14px; height: 25px; }
.sprite-led_grey{ background-position: 0 -475px; width: 14px; height: 14px; }
.sprite-led_grey_big{ background-position: 0 -539px; width: 21px; height: 21px; }
.sprite-led_grey_tall{ background-position: 0 -610px; width: 14px; height: 25px; }
.sprite-led_nostate{ background-position: 0 -685px; width: 14px; height: 14px; }
.sprite-led_nostate_big{ background-position: 0 -749px; width: 21px; height: 21px; }
.sprite-led_nostate_tall{ background-position: 0 -820px; width: 14px; height: 25px; }
.sprite-led_orange{ background-position: 0 -895px; width: 14px; height: 14px; }
.sprite-led_orange_big{ background-position: 0 -959px; width: 21px; height: 21px; }
.sprite-led_orange_tall{ background-position: 0 -1030px; width: 14px; height: 25px; }
.sprite-led_red{ background-position: 0 -1105px; width: 14px; height: 14px; }
.sprite-led_red_big{ background-position: 0 -1169px; width: 21px; height: 21px; }
.sprite-led_red_green{ background-position: 0 -1240px; width: 14px; height: 14px; }
.sprite-led_red_green_big{ background-position: 0 -1304px; width: 21px; height: 21px; }
.sprite-led_red_green_tall{ background-position: 0 -1375px; width: 14px; height: 25px; }
.sprite-led_red_tall{ background-position: 0 -1450px; width: 14px; height: 25px; }
.sprite-led_redok{ background-position: 0 -1525px; width: 14px; height: 14px; }
.sprite-led_redok_big{ background-position: 0 -1589px; width: 21px; height: 21px; }
.sprite-led_redok_tall{ background-position: 0 -1660px; width: 14px; height: 25px; }
.sprite-led_yellow{ background-position: 0 -1735px; width: 14px; height: 14px; }
.sprite-led_yellow_big{ background-position: 0 -1799px; width: 21px; height: 21px; }
.sprite-led_yellow_tall{ background-position: 0 -1870px; width: 14px; height: 25px; }
*/

/* None light gray empty
sensor.status0 > icon
{
  background-position: -5px -374px;
}
*/
/* Unknown grey */
sensor.status0  icon,
sensor.status1  icon,
sensor.status6  icon {
  background-position: -5px -273px;
}
/* Up green*/
sensor.status3  icon {
  background-position: -5px -174px;
}

/* Warning yellow*/
sensor.status4  icon {
  background-position: -5px -883px;
}
/* Down red */
sensor.status5  icon {
  background-position: -5px -675px;
}

sensor.status5 {
  background-color: #FDD5D7;
  box-shadow: 0 0 2px #D21925;
  -moz-box-shadow: 0 0 2px #D21925;
  -webkit-box-shadow: 0 0 2px #D21925;
}
/* Down Ack redok */
sensor.status13  icon {
  background-position: -5px -775px;
}
/* Down Partial red-green*/
sensor.status14  icon {
  background-position: -5px -572px;
}

/* Paused blue */

sensor.status7  icon,
sensor.status8  icon,
sensor.status9  icon,
sensor.status11 icon,
sensor.status12 icon {
  background-position: -5px -74px;
}
/* Unusual orange */
sensor.status10 icon {
  background-position: -5px -474px;
}

.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 {
  margin-bottom: 2px;
}

#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;
  -moz-box-shadow: 0 0 2px 1px #00235D;
  -webkit-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;
  -moz-box-shadow: 0 0 1px 1px #00235D;
  -webkit-box-shadow: 0 0 1px 1px #00235D;
}

dragging sensor.dragable:hover {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-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;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-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;
  /*position: absolute;*/
/*  height: 17px;
  line-height: 17px;
*/}

.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;
}
/*
.treesearchstring
{
  position: relative;
  border: none;
  font-size: 9px;
  height: 15px;
  left: 16px;
  top: 0px;
  width: 84px;
}
.treesearchstring:focus
{
  color:#000;
}

.searchbox
{
  width:100px;
  background-color: #fff;
  text-indent: 15px;
}
.slick-top-panel .searchstring
{
  width:78px;
  height: 15px;
  position: absolute;
  top:0px;
  left:20px;
  border: none;
  color:#888;
}
.slick-top-panel .searchstring:focus
{
  color: #000;
}
*/
.grid-canvas {
  padding: 2px 2px 0 2px;
  width: 100%;
}

.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 {
  margin: 6px 6px 6px 0px;
  font-size: 11px;
}

.tiny .approve,
.treeiseditable .approve {
  zoom: 0.75;
}

.approve {
  display: block;
}

.centeredHint {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  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;
}

.managelibraryleft .r1 {
  height: 35px;
}

library .droptarget {
  display: block;
  color: #666;
  background-color: #aaa;
  border: 1px solid #333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 9px;
}

.treemap {
  position: relative;
  top: 0;
}

.treemap .cell {
  overflow: hidden;
  position: absolute;
}

.treemap .cell.group {
  -moz-box-shadow: 0px 0px 7px 0px #000000;
  -webkit-box-shadow: 0px 0px 7px 0px #000000;
  box-shadow: 0px 0px 7px 0px #000000;
}

.treemap .cell.device a{
  word-wrap: break-word;
}
.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;
}

#treemapSizeSwitch input,
#sunburstSizeSwitch input {
  display: none;
}

#treemapSizeSwitch label,
#sunburstSizeSwitch label {
  padding: 3px;
  border: 1px solid lightGrey;
  line-height: 18px;

}

#treemapSizeSwitch .prtg-checkbox,
#sunburstSizeSwitch .prtg-checkbox {
  margin-top: -1px;
}

.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;
  -moz-box-shadow: 0 0 3px #777777;
  -webkit-box-shadow: 0 0 5px #777777;
}

.detailpageoverview .col2.multiedit.fullsize.unpinned {
  width: 16px;
  background-color: #d6d7d8;
  right: 4px;
  margin-left: 4px;
  border: none;
  box-shadow: 0 0 3px #777777;
  -moz-box-shadow: 0 0 3px #777777;
  -webkit-box-shadow: 0 0 5px #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;
  filter: Alpha(Opacity=100);
}

.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;
  -moz-box-shadow: 0 0 3px #777777;
  -webkit-box-shadow: 0 0 5px #777777;
}

.detailpageoverview span.ui-layout-resizer-east div {
  border: none;
  box-shadow: 0 0 3px #777777;
  -moz-box-shadow: 0 0 3px #777777;
  -webkit-box-shadow: 0 0 5px #777777;
}

.treeissmall .selected,
.treeissmall .selected .indent,
.treeissmall .selected .indent * {
  background-color: #00235D!important;
  color: White;
}

.treeissmall sensor.selected * {
  background-color: #00235D;
  color: White;
  /*
  box-shadow:0 0 1px 1px #00235D;
  -moz-box-shadow:0 0 1px 1px #00235D;
  -webkit-box-shadow:0 0 1px 1px #00235D;
  */
}

#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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 2px #000;
  -webkit-box-shadow: 0px 0px 2px #000;
  -moz-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: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;
  -webkit-box-shadow: 0px 0px 2px #000;
  -moz-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;
/*
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
*/
  -webkit-box-shadow: 1px 1px 2px #888;
  -moz-box-shadow: 1px 1px 2px #888;
  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 */
  

   /* IE9 */
  

  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;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 2px #000;
  -webkit-box-shadow: 0px 0px 2px #000;
  -moz-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;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: white;
}

.checkboxbuttonset .ui-state-active .ui-button-icon-primary {
  background-position: -7px -7px;
  background-image: url(/images/checked.png);
}

/*.sensorstateswitches
{
  margin-top:6px;
  margin-left:-5px;
  position:absolute;
  height:15px;
  background-color: #fff;
}
*/
.sensorstateswitches input {
  display: none;
}

.sensorstateswitches div {
  display: inline-block;
  float: left;
}

.sensorstateswitches label {
  display: inline-block;
}

.sensorstateswitches label .prtg-checkbox {
  width: 15px;
  height: 15px;
  margin: -2px 0 0 5px;
  border-color: #d6d7d8;
}

.sensorstateswitches label span {
  min-width: 30px;
}

.sensorstateswitches .iszero0 {
  display: none;
}

.managelibraryright .treesizeswitches {
  display: none;
}

.size-by-switch.show {
  visibility: visible;
}

.size-by-switch {
  visibility: hidden;
}

.scrollabletablecontainer .slickTree {
  /*width: auto;*/
  /*height: auto;*/
}

.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{
  min-height: 15px;
}
.grid-canvas,
.slick-viewport {
  height: auto!important
}

i.ui-icon{
  background-color: transparent;
  border-radius: 0;
  display: inline-block;
  background-size: 18px 18px;
}

#top10list .table.hoverable tbody tr:hover td {
  padding-top: 2px;
  padding-bottom: 2px;
}