.izarnetImage {
  cursor: pointer;
  border: none;
}
.licenseActivationOption {
  text-align: center;
  margin: 0.75rem auto;
  padding: 1rem;
  width: 66%;
  display: block;
}
.licenseWarning {
  color: #FF0000 !important;
}
/**
   METHODS
**/
a {
  text-decoration: none;
  color: black;
}
.pushMessageDialog {
  position: absolute;
  width: 280px;
  height: 170px;
  z-index: 100;
  cursor: default;
  padding-bottom: 5px;
  right: 10px;
  top: 10px;
  background: #f8f8f8;
  border: #c9cfd0 solid 1px;
  display: none;
}
ul.receivedPushMessages {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.receivedPushMessages li {
  border-bottom: solid #c9cfd0 1px;
  margin-bottom: 2px;
  padding: 2px;
  font-size: 11px;
}
.detailsNotification {
  display: none;
  padding: 5px;
}
.removeAnimations {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -o-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
/**
COMMON ELEMENT STYLES
**/
html {
  height: 100%;
}
body {
  background: #fff;
  padding: 0;
  margin: 0;
  font-family: Tahoma, Geneva, sans-serif;
  min-width: 1024px;
  min-height: 768px;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
input {
  border: #b2b3b4 solid 1px;
  padding: 3px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input:focus,
button:focus,
select:focus,
li:focus,
textarea:focus {
  outline: #28969a solid 1px;
  inline: none;
}
textarea {
  vertical-align: text-top;
  resize: none;
  border: 1px solid #b2b3b4;
  padding: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button.activeButton {
  color: #00aba4 !important;
}
img {
  border: none;
}
/**
   COMMON CLASSES
**/
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clear {
  clear: both;
}
.button {
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
a.buttonStyle {
  padding: 7px;
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
a.buttonStyle.disabled {
  padding: 7px;
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: gray !important;
  cursor: default !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}
.button:disabled {
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: gray !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
}
.button:hover {
  background: #d9dadb !important;
}
.loadingIndicator {
  position: absolute;
  width: 100px;
  height: 50px;
  background: #fff;
  border: solid black 1px;
  text-align: center;
  padding-top: 12px;
  z-index: 9999999;
  display: none;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.pageLogo {
  margin: 5px;
}
.pageLogoLink {
  height: 65px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
img.pageLogo {
  max-height: 54px;
  max-width: 140px;
}
.pageHeadingRight {
  float: right;
  padding: 3px 100px 0 0;
}
.pageHeadingIcon {
  float: left;
  margin-right: 10px;
}
.placeHolderRowContent,
.placeHolderRowContentLatestValue,
.placeHolderRowContentLatestValueTimestamp {
  display: inline-block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 115px;
}
.placeHolderRowContentLatestValueTimestamp {
  display: inline-block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 135px;
}
.placeHolderRowContentLocation {
  display: inline-block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 135px;
}
.errorMessage {
  color: #d20005;
  position: absolute;
  overflow: visible;
  background-color: white;
  border: 2px solid #bab8ba;
  margin-left: 200px;
  padding: 5px;
}
.validationError {
  -moz-box-shadow: 0px 0px 6px 1px #ff0000;
  -webkit-box-shadow: 0px 0px 6px 1px #ff0000;
  box-shadow: 0px 0px 6px 1px #ff0000;
}
.error {
  color: red;
}
.errorsInTab {
  color: #ff0000;
}
.inputError {
  background: #FC9E9E;
}
.errorBox {
  background: none repeat scroll 0 0 #ff5757;
  border: 1px solid #cf0000;
  border-radius: 15px;
  color: #FFFFFF;
  line-height: 13px;
  padding: 5px;
  position: fixed;
  z-index: 9999999999999999999;
  width: auto;
  display: none;
  font-size: 11px;
}
.errorBox:after,
.errorBox:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.errorBox:after {
  border-right-color: #d5110b;
  border-width: 5px;
  margin-top: -5px;
}
.errorBox:before {
  border-width: 5px;
  margin-top: -5px;
}
.simpleLink {
  border: none !important;
  margin-left: 10px;
  color: #28969a;
}
/**
 COMMON ID ELEMENTS
**/
.pageHeading {
  min-height: 70px;
  max-height: 88px;
  background: white;
  position: relative;
  z-index: 100;
  min-width: 1024px;
  border-bottom: 1px solid #d3d3d3;
}
.pageHeading > .mainMenu {
  min-width: 1024px;
  overflow: hidden;
  height: 65px;
}
a.downloadLink {
  border: none !important;
  color: darkgray;
}
a.downloadLink:hover {
  border: none !important;
  color: #808080;
}
.nativeFileUpload {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  width: 260px;
  height: 23px;
}
.nativeFileUpload input {
  cursor: pointer;
  height: 100%;
  right: 0;
  top: 0;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  font-size: 100px !important;
  width: 100%;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}
.sessionTimeOut {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10000;
  width: 100%;
  height: 30px;
  background: #CC9933;
  border-bottom: 1px solid #CC6633;
  opacity: 0.9;
  padding-left: 30px;
  padding-top: 10px;
  color: white;
}
.sessionTimeOut .sessionRefresh {
  margin-left: 20px;
  text-decoration: underline;
  color: white;
  margin-left: 5px;
}
/**

  Workarounds
**/
*::-moz-focus-inner {
  border: 0;
}
@-moz-document url-prefix() {
  .ui-dialog-titlebar-close:focus {
    border: #28969a Solid 1px !important;
    outline: none !important;
  }
}
#legalNoticeText {
  padding: 13px;
}
/**

  Common Classes

  **/
.padding6 {
  padding: 6px;
}
.padding15 {
  padding: 15px;
}
.paddingLeft5 {
  padding-left: 5px;
}
.paddingLeft20 {
  padding-left: 20px;
}
.paddingBottom5 {
  padding-bottom: 5px;
}
.marginBottom5 {
  margin-bottom: 5px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginTop5 {
  margin-top: 5px;
}
.width120 {
  width: 120px;
}
.width142 {
  width: 142px;
}
.width160 {
  width: 160px;
}
.displayInline {
  display: inline;
}
.displayNone {
  display: none !important;
}
.visibilityHidden {
  visibility: hidden;
}
.floatNone {
  float: none !important;
}
.verticalAlignBottom {
  vertical-align: bottom;
}
.lineHeight26 {
  line-height: 25px;
}
.width26 {
  width: 26px;
}
.width30 {
  width: 30px;
}
.width100 {
  width: 100px;
}
.width55 {
  width: 55px;
}
.width135 {
  width: 135px;
}
.width140 {
  width: 140px;
}
.width175 {
  width: 175px;
}
.width180 {
  width: 180px;
}
.width200 {
  width: 200px;
}
.width800 {
  width: 800px;
}
.width860 {
  width: 860px;
}
.width900 {
  width: 900px;
}
.displayInlineBlock {
  display: inline-block;
}
.verticalAlignTop {
  vertical-align: top;
}
.lineHeight25 {
  line-height: 25px;
}
.marginTop4 {
  margin-top: 4px;
}
.marginTop14 {
  margin-top: 14px;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop17 {
  margin-top: 17px;
}
.marginTop9 {
  margin-top: 9px;
}
.marginTopMinus2 {
  margin-top: -2px;
}
.marginTopMinus4 {
  margin-top: -4px;
}
.marginTopMinus5 {
  margin-top: -5px;
}
.marginTopMinus6 {
  margin-top: -6px;
}
.marginLeft5 {
  margin-left: 5px;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft4 {
  margin-left: 4px;
}
.marginLeftMinus4 {
  margin-left: -4px;
}
.marginLeft2 {
  margin-left: 2px;
}
.marginLeft20 {
  margin-left: 20px;
}
.marginTop3 {
  margin-top: 3px;
}
div.bottom8 {
  bottom: 8px;
}
.marginRight5 {
  margin-right: 5px;
}
textarea:disabled,
input:disabled {
  background-color: #ebebe4;
}
input:disabled,
textarea:disabled {
  color: #545454;
}
a:visited,
span.MsoHyperlinkFollowed {
  color: inherit !important;
  text-decoration: inherit !important;
}
a:link,
span.MsoHyperlink {
  color: inherit !important;
  text-decoration: inherit !important;
}
.button.presetSave {
  max-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button.deleteSettingsBtn {
  max-width: 122px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lineHeight20 {
  line-height: 20px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
input[type=password]:read-only {
  cursor: text;
}
#spaAssetLoading {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 99999;
}
#spaAssetLoading div {
  width: 100px;
  height: 100px;
  margin: 25% auto auto;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #28969a;
  animation: anim-spaAssetTotate 1s linear infinite;
}
@keyframes anim-spaAssetTotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.posAbsFullScreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/**
   top menu
**/
#topMenu {
  height: 23px;
  width: 100%;
  background: #f0f0f1;
  color: #576065;
  font-size: 12px;
  text-align: right;
}
#topMenu span {
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
}
#topMenu a {
  text-decoration: none;
  color: #576065;
}
.topMenuText {
  vertical-align: middle;
}
.topMenuIcon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.topIconAccount {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/user-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  height: 18px;
}
.topIconSupport {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_icon_net_support.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.topIconLegal {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_icon_net_legal_notice.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.topIconInfo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: transparent url("/resources/images/info_icon.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.topIconLogout {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/logout-exit-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 23px;
  height: 20px;
}
/**
   user settings menu in top menu ->account
**/
.userSettings {
  display: none;
  background: white;
  position: absolute;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  z-index: 9999;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  text-align: left;
  color: #333333;
  margin-top: 5px;
}
.userSettings .userSettingsTitle {
  background: #f0f0f1;
  font-weight: bold;
  width: 225px;
  padding: 4px;
}
.userSettings .userSettingsRow {
  padding: 4px;
}
.userDetails {
  float: left;
  color: #333333;
  font-size: 12px;
  margin-left: -25px;
  margin-top: 4px;
}
.userDetailsLabel {
  display: inline-block;
  width: 60px;
  height: 20px;
  padding-left: 20px;
}
/**
   Main navigation menu
**/
#mainNav {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
}
.menuItem {
  cursor: pointer;
  padding-top: 9px;
  float: left;
  height: 56px;
  border-left: 1px solid #f0f0f1;
}
.menuItem .mainMenuIcon {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
}
.menuItem .mainIconHome {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/home_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconMeter {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/meter_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconContact {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/contact_menu-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconLocation {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/location_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconNetwork {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/network_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconTour {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/tour_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconAnalysis {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/reporting_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconSettings {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/settings_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem .mainIconHelp {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/help_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconHome {
  height: 33px;
  margin: auto;
  margin-bottom: 4px;
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/home_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconMeter {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/meter_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconContact {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/contact_menu-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconLocation {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/location_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconNetwork {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/network_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconTour {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/tour_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconAnalysis {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/reporting_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconSettings {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/settings_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:hover .mainIconHelp {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/help_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.menuItem:last-child {
  border-right: 1px solid #f0f0f1;
}
.menuItemTitle {
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  min-width: 70px;
  padding-left: 6px;
  padding-right: 6px;
}
.menuItem.inactive .menuItemTitle {
  color: #888888;
}
.menuItem.inactive {
  padding-top: 9px;
  color: #888888;
}
.menuItem.inactive > span {
  display: block;
  padding: 6px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  min-width: 70px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: left;
}
.menuItem.inactive:hover .menuItemTitle {
  color: #888888;
}
.menuItem a {
  text-decoration: none;
  display: block;
}
div.menuItem:hover div.menuItemTitle {
  color: #00aba4;
}
.activeMenuItem {
  border-bottom: 4px solid #00aba4;
  box-sizing: border-box;
  border-radius: 0px 0px 0px 2px;
  height: 65px;
}
.activeMenuItem .mainIconHome {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/home_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconMeter {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/meter_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconContact {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/contact_menu-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconLocation {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/location_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconNetwork {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/network_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconTour {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/tour_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconAnalysis {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/reporting_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconSettings {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/settings_m-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem .mainIconHelp {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/help-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.activeMenuItem div.menuItemTitle {
  color: #00aba4;
}
div.activeMenuItem.rootItem > a:first-child span.menuItemTitle {
  color: #00aba4;
}
/**
   sub navigation menu
**/
.subNavigationContent {
  position: absolute;
  margin-top: 2px !important;
  display: none;
  border-top: 2px solid #00aba4;
  background-color: #f0f0f1;
  box-shadow: 2px 4px 8px #576065;
  z-index: 1002;
}
.subNavigationContent .menuItem {
  padding: 0px;
  height: 27px;
  float: none;
  border: none;
  position: relative;
}
.subNavigationContent .menuItem a {
  padding: 6px;
  color: #576065;
}
.subNavigationContent .menuItemTitle {
  text-align: left;
  white-space: nowrap;
}
.subNavigationContent .menuItem:hover {
  background-color: #28969a;
}
.subNavigationContent .menuItem:hover > a:first-child span {
  color: white !important;
}
.subsubMenu {
  display: none;
  position: absolute;
  min-width: 100%;
  box-shadow: 4px 3px 6px #576065;
  background-color: #f0f0f1;
}
.rootItem {
  width: 90px;
}
.rootItem a span {
  display: block;
}
div.rootItem:hover > a:first-child span.menuItemTitle {
  color: #00aba4;
}
.subNavigationContent .menuItem a span.menuItemTitle {
  font-size: 12px !important;
  margin-top: 0 !important;
}
.groupDiv {
  float: left;
  width: 17%;
  min-width: 181px;
  max-width: 400px;
  background: #e7e7e8;
}
.groupDiv .ui-state-disabled {
  opacity: 1 !important;
}
.componentSearchField {
  padding: 5px;
  background: #72797f;
}
.groupInputSearch {
  height: 23px !important;
  width: 95%;
}
.groupComponentTree {
  margin-right: 3px;
  overflow: auto;
  height: 100%;
}
.groupDiv .componentSearchField {
  margin-right: 10px;
}
.groupDiv {
  margin-right: 10px;
}
.groupDiv .addNewGroupDlgContent .newGroupDlgTreeContent .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-state-highlight {
  background: #C1D4FF;
}
.ui-growl-item .ui-growl-title,
.ui-growl-item .ui-growl-message {
  text-shadow: none;
}
a.ui-icon-plus.addNodeTorGroup {
  background-image: url("/resources/images/jquery/ui-icons_222222_256x240.png");
}
.groupDiv .groupComponentTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-children .ui-treenode .ui-treenode-content .ui-treenode-label .addSelectionToGroup a {
  border: none;
  text-decoration: none;
}
.groupDiv .groupComponentTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label .addSelectionToGroup a {
  border: none;
  text-decoration: none;
}
.groupDiv .groupComponentTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label button {
  height: 15px;
  margin-left: 25px;
  width: 20px;
}
.groupDiv .groupComponentTree .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-state-highlight {
  background: #C1D4FF;
  text-shadow: none;
}
.resizeContainer {
  width: 100%;
  height: 100%;
  min-height: 400px;
  overflow: hidden;
  position: relative;
}
.resizable1 {
  float: left;
  opacity: 1 !important;
  filter: none !important;
  background-image: none !important;
}
.resizable2 {
  float: right;
}
div.ui-state-disabled {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px !important;
  right: -20px !important;
  border: 1px solid #72797f;
  background: #72797f url("/resources/images/arrow-right.png") no-repeat;
  background-position: 0px 14px;
  opacity: 1 !important;
}
.handleNoImage .ui-resizable-e {
  background: #72797f;
  background-image: none;
  cursor: default;
}
.alwaysVisible .ui-resizable-e {
  display: inline-block !important;
}
.groupDiv .ui-resizable-e {
  right: 1px !important;
  display: inline-block;
  background: #72797f url("/resources/images/arrow-left.png") no-repeat;
  background-position: -1px 14px;
}
.hiddenHandles .ui-resizable-e {
  display: none !important;
}
.leftContainer {
  width: 40%;
}
.rightContainer {
  width: 60%;
  top: 0;
  overflow: hidden;
}
.rightContainerContent {
  color: #ffffff;
  float: left;
  margin-left: 34px;
  font-size: 24px;
  font-weight: bold;
}
.componentTree {
  min-height: 500px;
  overflow: auto;
  background: #E7E7E8;
}
.leftResizeContainer {
  background: #e7e7e8;
  width: 250px;
  min-height: 600px;
  min-width: 180px;
  float: left;
}
.leftResizeContainer .ui-resizable-e {
  right: -5px !important;
  display: inline-block;
  cursor: ew-resize !important;
}
.rightResizeContainer {
  float: left;
  min-width: 520px;
}
.resizeTableContainer {
  margin-left: 10px;
}
.tabIcon {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 6px;
  margin-left: 4px;
}
ul.tabHeader {
  border-bottom: solid 1px #d9dadb !important;
  overflow: hidden;
  height: 35px;
  white-space: nowrap;
}
ul.tabHeader li.tabItem {
  display: inline-block;
  margin: 3px 2px 0 2px;
  border-bottom: none;
  height: 30px;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  vertical-align: bottom;
  float: none;
  max-width: 200px;
  overflow: hidden;
}
ul.tabHeader li a.tabAnchor {
  max-width: 150px;
  padding: 2px 0 0 5px;
  margin: 0;
}
ul.tabHeader li a.tabAnchor .overFlowTabText {
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.tabHeader li a.tabAnchor > div.tab-title {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
}
ul.tabHeader li a.tabAnchor > div.tab-subtitle {
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  font-size: 10px;
}
.actionButtonContainer div {
  display: inline-block;
}
.mediumFilter {
  width: 200px;
  height: 250px;
  background: #F4F4F4;
  position: absolute;
  left: 5px;
  display: block;
  border: 1px solid #aaaaaa;
  padding: 2px;
  z-index: 1;
}
.mediumFilter div.mfTitle {
  width: 100%;
  height: 35px;
  background: #72797f;
  color: white;
  font-weight: bold;
  display: block;
}
div.mfTitle div {
  display: inline-block;
}
.mediumFilter div {
  display: block;
}
div.mediumFilterOptions {
  height: 175px;
  overflow: auto;
  padding: 2px;
}
.historicDevicesContainer {
  width: 98%;
  margin: 5px auto auto;
}
.historicDevicesContainer table a {
  border: none !important;
  outline: none !important;
  color: black;
  text-decoration: underline !important;
}
.locationDetails {
  margin-left: 30px;
}
.locationDetails a {
  border: none !important;
  outline: none !important;
  color: black;
  text-decoration: underline !important;
}
.customLink {
  border: none !important;
  outline: none !important;
  color: black;
  text-decoration: underline !important;
}
a.customLink {
  border: none !important;
  outline: none !important;
  color: black;
  text-decoration: underline !important;
}
#izarNetTabViewPageLoading {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  background: white;
  left: 0px;
  top: 0px;
  display: none;
}
.chooseContact {
  background: transparent url("/resources/images/tree-save.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 16px;
  height: 16px;
  background-size: contain;
}
.systemIcon {
  padding-left: 18px;
  display: inline-block;
  background-position: left center;
  height: 16px;
}
.icon_online {
  background: transparent url("/resources/images/ONLINE.png") no-repeat center center;
  cursor: pointer;
  border: none;
  padding-left: 18px;
  display: inline-block;
  background-position: left center;
  height: 16px;
}
.icon_offline {
  background: transparent url("/resources/images/OFFLINE.png") no-repeat center center;
  cursor: pointer;
  border: none;
  padding-left: 18px;
  display: inline-block;
  background-position: left center;
  height: 16px;
}
.icon_unknown {
  background: transparent url("/resources/images/UNKNOWN.png") no-repeat center center;
  cursor: pointer;
  border: none;
  padding-left: 18px;
  display: inline-block;
  background-position: left center;
  height: 16px;
}
.liveSearchResult {
  position: fixed;
  display: none;
  min-width: 227px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  background: white;
  border: solid #B2B3B6 1px;
  border-top: none;
  z-index: 9999;
}
.liveSearchResult table {
  width: 100%;
}
.liveSearchResult table tr:hover {
  cursor: pointer;
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
.liveSearchSubmit {
  margin-left: 2px;
  width: 50px !important;
}
input.clearSearch {
  width: 22px !important;
  height: 22px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/cross-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  border: 1px solid #b2b3b4 !important;
  border-right: none;
  vertical-align: middle;
  margin-top: -1px;
}
.hideTh {
  width: 0px;
}
.absoluteTabContainer {
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.absoluteForm {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 87px;
}
.overFlowTab {
  overflow: auto;
}
.createTourButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tour_create_tour_received.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createTourButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tour_create_tour_received.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createAnalysisButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_create_report.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createAnalysisButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_create_report.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.sendTourToMobileButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tour_send_to_mobile.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.sendTourToMobileButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tour_send_to_mobile.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.importMobileDataConcentratorButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tour_import_mobile_receiver.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.importMobileDataConcentratorButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tour_import_mobile_receiver.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.importTourButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tour_import_tour.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.importTourButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tour_import_tour.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createTourFromEventsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tour_create_tour_received.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createTourFromEventsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tour_create_tour_received.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createGroupFromEventsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_tree_add_group1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createGroupFromEventsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_tree_add_group1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createTourGroupFromEventsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_group_tours.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createTourGroupFromEventsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_group_tours.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.exportButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_map_mobile_export_excel.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.exportButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_map_mobile_export_excel.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.newTabButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_open_in_new_tab1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.newTabButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_open_in_new_tab1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.addButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_add.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.addButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_add.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.deleteButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.deleteButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.markForReplacementButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_mark_for_replacement.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.markForReplacementButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_mark_for_replacement.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.unmarkForReplacementButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_mark_for_replacement.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createChartTileButton,
.createJobTileButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_create_chart_tile.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createChartTileButton:hover,
.createJobTileButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_create_chart_tile.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.createChartTileButton:disabled,
.createJobTileButton:disabled {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_create_chart_tile_disabled.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  cursor: default;
}
.createChartTileButton:hover:disabled,
.createJobTileButton:hover:disabled {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_create_chart_tile_disabled.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  cursor: default;
}
.downloadPdpButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_download_pdp.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.downloadPdpButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_download_pdp.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.downloadLdpButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_download_ldp.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.downloadLdpButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_download_ldp.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.toggleMapButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_map_net_toggle_map_off.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.toggleMapButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_map_net_toggle_map_off.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.toggleMapButtonOff {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_map_net_toggle_map_on.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.toggleMapButtonOff:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_map_net_toggle_map_on.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.actionBarButton {
  margin-right: 20px;
  border: none;
  outline: none;
}
.actionBarButton:focus {
  outline: none !important;
}
.editButton {
  width: 30px;
  height: 30px;
  background: transparent url("/resources/images/dm_grau_505F64/png/64/edit-tree-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.editButton:hover {
  width: 30px;
  height: 30px;
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/64/edit-tree-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.runNowButton {
  width: 30px;
  height: 30px;
  background: transparent url("/resources/images/dm_grau_505F64/png/64/run_now-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.runNowButton:hover {
  width: 30px;
  height: 30px;
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/run_now-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.expandToggle {
  display: none;
  text-align: right;
}
.toggleUp {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_on_demand_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
}
.toggleUp:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_on_demand_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
}
.toggleDown {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_on_demand_zeile_zugeklappt.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
}
.toggleDown:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_on_demand_zeile_zugeklappt.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
}
.measTableWrapper {
  margin-top: 20px;
  overflow: hidden !important;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 5px;
  right: 5px;
}
div.buttonsBarWrapper {
  margin-left: 10px;
  margin-top: 5px;
}
.deviceDetailsContactTabContainer {
  height: 90%;
  overflow-y: auto;
}
.additionalTableWrapper {
  display: inline-block;
  width: 47%;
  height: 100%;
  float: left;
  padding: 0 10px;
}
.extendedTableWrapper {
  display: inline-block;
  width: 40%;
  height: 100%;
  float: left;
  padding: 0 10px;
}
tr:hover .jsonField .tooltips {
  opacity: 1;
}
tr .jsonField {
  position: relative;
  line-height: 20px;
}
tr .jsonField img {
  vertical-align: bottom;
}
tr .jsonField .difference {
  position: relative;
  z-index: 1;
}
tr .jsonField .difference.negative {
  color: hsl(0, 100%, 50%);
}
tr .jsonField .tooltips {
  pointer-events: none;
  color: hsl(0, 0%, 0%);
  background: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 50%);
  padding: 5px;
  position: absolute;
  z-index: 2;
  opacity: 0;
  transition: all 0.4s ease;
  margin-top: 5px;
}
tr .jsonField .tooltips .value span:first-child {
  width: 70px;
}
tr .jsonField .tooltips .value span {
  line-height: 20px;
  height: 20px;
  display: inline-block;
}
tr .jsonField .tooltips > span {
  display: block;
}
tr:first-child .jsonField .tooltips,
tr:nth-child(2) .jsonField .tooltips {
  position: fixed;
}
tr:last-child .jsonField .tooltips,
tr:nth-last-child(2) .jsonField .tooltips {
  margin-top: -76px;
}
.additionalCommentInput {
  width: 350px;
  margin-left: 5px;
}
.additionalCommentInputWizard {
  width: 200px;
  margin-left: 5px;
}
.additionalFileName {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 610px;
  margin-right: 5px;
  display: inline-block;
  white-space: nowrap;
}
input.clearFile {
  background: transparent url("/resources/images/trashcan_big.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 16px;
  height: 16px;
}
.virtualMeterError {
  color: red;
  text-align: center;
  padding-top: 20%;
}
.uploadSuccessMessage a {
  text-decoration: underline !important;
  border: none !important;
  outline: none;
}
.additionalError {
  position: absolute;
  margin-top: 5px;
  color: red;
}
.addContactSearch {
  padding-top: 10px;
  margin: auto;
  width: 322px;
}
a.dynatree-editMode {
  max-width: 245px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.detailsTile.createChartTileDialog {
  border-bottom: none;
}
.detailsTile.createChartTileDialog div.contentTiles {
  padding-top: 10px;
}
.detailsTile.createChartTileDialog div.contentTiles div.tileContent {
  padding-top: 0;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ededed;
}
.detailsTile.createChartTileDialog div.contentTiles div.tileContent .wizardRow .wizardContentColumn .numberSpinner {
  width: 40px !important;
  padding-left: 3px !important;
}
.detailsTile.createChartTileDialog div.contentTiles div.tileContent .wizardRow .wizardContentColumn .rangeSelector {
  display: inline-block;
  vertical-align: middle;
  width: 134px;
  text-align: left;
}
.analysisManagement.detailsTileNoFloat {
  border-bottom: none;
}
.meterReplacementTab {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 50px;
  bottom: 0;
}
.replacementTabContent {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 35px;
  padding: 5px !important;
  box-sizing: border-box;
}
.tourBtnBar {
  width: 100%;
  height: 35px;
  text-align: left;
  padding: 10px;
}
.tourBtnBar button {
  margin-right: 5px;
}
.tourTblUpdatePnl {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.isTourView {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 5px;
}
.isTourDetailsView {
  height: 40%;
}
.tourProgressWrapper {
  height: calc(60% - 52px);
  position: relative;
}
#tourProgressDetailsWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
}
.analysisTblUpdatePnl {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: pink;
}
#analysisTableWrapper {
  padding: 5px;
}
.analysisTableWrapperHalfScreen {
  height: calc(60% - 50px);
}
.analysisTableWrapperFullScreen {
  height: calc(100% - 50px);
}
.analysisTableWrapperExpanded {
  height: calc(100% - 80px);
}
.chartOrMapData {
  border-top: solid 5px #808080;
  margin-top: 5px;
  background: white;
  z-index: 999;
  height: calc(40% - 50px);
}
.chartContent {
  height: 100%;
  position: relative;
}
.mapContent {
  height: 100%;
}
.tabContentDeleted {
  text-align: center;
  padding: 20px;
}
.deviceDetailsWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 35px;
  display: flex;
  flex-direction: column;
}
.deviceDetailsTabContainerWrap {
  flex: 1;
  position: relative;
}
.deviceDetailsTile {
  display: flex;
  flex-direction: column;
  flex: 2;
}
.deviceDetailsTile .tileContent .tileRow {
  margin-right: 20px;
}
.deviceDetailsTile .tileContent .tileRow .masterDataLabel {
  padding: 2px;
}
.deviceDetailsTile .tileContent .floatLeft {
  height: 120px;
}
.deviceDetailsTile .tileContentFlex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 130px;
}
.leakageTabContent {
  height: 100%;
}
.leakageTabContent .leakageTable {
  height: 39%;
  overflow: hidden !important;
  position: absolute;
  top: 40px;
  left: 5px;
  right: 5px;
}
.leakageTabContent .leakageTable .leakageDetectionTableWrapper {
  height: 100%;
}
.leakageTabContent .leakageChart {
  height: 54%;
  overflow: hidden !important;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
}
.leakageTabContent .leakageChart .leakageChartWrapper {
  height: 100%;
}
.positionRelative {
  position: relative;
}
#userTableWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  bottom: 0;
}
.locationMapWrap {
  height: 100%;
  display: flex;
}
.browserMapWrap {
  height: 100%;
  display: inline-block;
}
.locationNoOverflow {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 1300px) {
  .locationNoOverflow {
    max-width: 420px;
  }
}
@media only screen and (max-width: 1300px) {
  .locationNoOverflow {
    max-width: 400px;
  }
}
@media only screen and (max-width: 1250px) {
  .locationNoOverflow {
    max-width: 380px;
  }
}
@media only screen and (max-width: 1170px) {
  .locationNoOverflow {
    max-width: 350px;
  }
}
.locationMasterData {
  display: flex;
  flex-direction: row;
}
.locationInfoContainer {
  flex: 3;
  margin-right: 5px;
}
.locationMapContainer {
  flex: 2;
}
.ballonContent {
  text-align: left;
}
.ballonContent b {
  display: inline-block;
  min-width: 100px;
}
a.popUpLink {
  color: #0078A8 !important;
  text-decoration: underline !important;
  text-align: center !important;
  display: block !important;
}
.noTilesPresent {
  width: 200px;
  margin: auto;
  color: #c9cfd0;
}
.dashBoardContent {
  position: absolute;
  background-size: cover;
  bottom: 0;
  top: 89px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.dashBoardContentTopShadow {
  box-shadow: 0 12px 20px -8px rgba(0, 0, 0, 0.5);
}
.dashboardGrid {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.dashboardGrid li {
  margin: 20px;
  float: left;
  background: #FFFFFF;
  border: #c9cfd0 solid 1px;
}
.dashBoardTileHeader {
  position: relative;
  cursor: move;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f8f8f8 75%, #f8f8f8 100%);
}
.dashBoardTileHeader .dashBoardLeftTitlePart {
  margin-right: 21px;
}
.dashBoardTileContent {
  padding: 7px 2px 2px 7px;
}
.dashboardGrid li.smallTile {
  width: 200px;
  height: 150px;
}
.dashboardGrid li.largeTile {
  width: 400px;
  height: 300px;
}
.dashboardGrid li.veryLargeTile {
  width: 800px;
  height: 600px;
}
.dbPropertyLink {
  text-decoration: none;
  color: #333333;
}
/*Remove amr chart link from charts*/
.chartTile .pointer {
  display: none;
}
.dashBoardPageHeading {
  background: white;
  z-index: 100;
  border-bottom: 1px solid #d3d3d3;
  position: fixed;
  width: 100%;
  min-height: 70px;
}
.dashboardContainerEllipsed {
  width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.refreshIcon {
  background: transparent url("/resources/images/dm_grau_505F64/png/16/refresh-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 16px;
  height: 16px;
  background-size: contain;
  float: right;
}
.jobTile .jobTileRow {
  margin: 0 1em;
  padding: 0.6em 0;
}
.jobTile .jobTileRow .jobTileRowLabel {
  display: block;
  color: hsl(210, 1%, 70%);
  text-transform: uppercase;
  font-weight: 200;
  font-size: 0.7em;
}
.jobTile .jobTileRow .jobTileRowValue {
  display: block;
  font-weight: 500;
  font-size: 1.2em;
}
.jobTile .jobTileRow .jobTileMessageBox {
  display: block;
  width: 100%;
  height: 65px;
  font-size: 11px;
  overflow: auto;
  font-weight: normal;
}
.jobTile .jobTileRow .jobTileFirstRow {
  display: inline-block;
}
.jobTile .jobTileRow .jobTileRunButton {
  display: inline-block;
  float: right;
}
.jobTile .jobTileRunButtonAlone .jobRunNowButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/64/run_now-gr.png") no-repeat center center;
  top: 75px;
  position: relative;
  right: 165px;
  width: 64px;
  height: 64px;
}
.jobTile button.autoUpdate {
  width: 32px;
  height: 32px;
  margin-right: 0.25em;
}
.legend-item {
  font-size: 12px;
  margin-bottom: 5px;
  cursor: pointer;
}
.legend-marker {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
}
.marker-hidden {
  background: grey !important;
}
.legend-title {
  width: 125px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}
.alarmTile .alarmTitleBar {
  max-width: 355px;
}
.alarmTile .alarmTitleBar .analysisLink {
  text-decoration: underline !important;
}
.alarmTile .pieTile {
  height: 240px;
  padding: 10px;
}
.alarmTile .pieTile .generalInfo {
  font-size: 12px;
  padding-left: 40px;
}
.alarmTile .pieTile .generalInfo .infoElement {
  display: inline-block;
  width: 163px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alarmTile .pieTile .generalInfo .infoElement:nth-child(even) {
  padding-left: 10px;
}
.alarmTile .pieTile .generalInfo .infoElement .numberInfo {
  font-weight: bold;
}
.alarmTile .pieTile .pieContainer {
  width: 380px;
  height: 210px;
  margin-top: 10px;
}
.alarmTile .pieTile .pieContainer .pieChart {
  width: 100%;
  height: 100%;
}
.alarmTile .pieTile .pieContainer .pieChart .chartLegend {
  width: 160px;
  display: inline-block;
  float: right;
  overflow-x: hidden;
}
.alarmTile .pieTile .pieContainer .pieChart .chartContainer {
  overflow: hidden;
  width: 210px;
  height: 210px;
  display: inline-block;
}
.alarmTile .gaugeTitleBar {
  max-width: 330px;
}
.alarmTile .gaugeTitleBar .analysisLink {
  text-decoration: underline;
}
.alarmTile .mapTitleBar {
  max-width: 330px;
}
.alarmTile .mapTitleBar .analysisLink {
  text-decoration: underline;
}
.alarmTile .gaugeTile {
  height: 240px;
  padding: 0px;
}
.alarmTile .gaugeTile .gaugeContainer {
  width: 400px;
  height: 240px;
  position: relative;
}
.alarmTile .gaugeTile .gaugeContainer .gaugeChart {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.alarmTile .gaugeTile .gaugeContainer .gaugeChart .gChart {
  height: 380px;
}
.alarmTile .gaugeTile .gaugeContainer .gaugeChart .chartLegend {
  width: 160px;
  display: inline-block;
  float: right;
  overflow-x: hidden;
}
.alarmTile .gaugeTile .gaugeContainer .gaugeChart .chartContainer {
  overflow: hidden;
  width: 210px;
  height: 240px;
  display: inline-block;
}
.alarmTile .mapTile {
  height: 276px;
  padding: 0px;
}
.alarmTile .mapTile .mapContainer {
  width: 380px;
  height: 100%;
  margin-top: 10px;
}
.alarmTile .mapTile .mapContainer .mapChart {
  width: 100%;
  height: auto;
}
.alarmTile .mapTile .mapContainer .mapChart .chartContainer {
  overflow: hidden;
  width: 210px;
  height: 100%;
  display: inline-block;
}
.widgetTitle {
  position: absolute;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}
.widgetTitle .widgetTitleInput {
  border: #b2b3b4 none 0;
  margin: 1px 0 2px 1px;
  -webkit-transition: width 0.5s, border 0s linear 0.5s;
  -moz-transition: width 0.5s, border 0s linear 0.5s;
  transition: width 0.5s, border 0s linear 0.5s;
}
.widgetTitle .widgetComment > textarea {
  width: 295px;
  font-family: Tahoma, Geneva, sans-serif;
}
.widgetTitle .widgetComment,
.widgetTitle .widgetCommentControls {
  display: flex;
  -webkit-transition: visibility 0s linear 0s;
  -moz-transition: visibility 0s linear 0s;
  transition: visibility 0s linear 0s;
}
.widgetTitle.active {
  height: 108px;
  border: 1px solid #c9cfd0;
  border-top: none;
  z-index: 100;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  background: white;
  box-shadow: 2px 4px 8px #555e62;
}
.widgetTitle.active .widgetTitleInput {
  border: #b2b3b4 solid 1px;
  margin: 0 0 1px 0;
  -webkit-transition: width 0.5s, border 0s linear 0.5s;
  -moz-transition: width 0.5s, border 0s linear 0.5s;
  transition: width 0.5s, border 0s linear 0.5s;
}
.widgetTitle.active .widgetComment,
.widgetTitle.active .widgetCommentControls {
  margin-top: 5px;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
  visibility: visible;
}
.widgetTitle.active .widgetCommentControls {
  flex-direction: row-reverse;
}
.widgetTitle.active .widgetCommentControls > input {
  margin-left: 5px;
}
.widgetTitle.inactive {
  height: 22px;
  padding-left: 6px;
}
.widgetTitle.inactive .widgetTitleInput {
  border: none #b2b3b4 0;
  background-color: inherit;
  margin: 1px 0 2px 1px;
  -webkit-transition: width 0.5s, border 0s linear 0.5s;
  -moz-transition: width 0.5s, border 0s linear 0.5s;
  transition: width 0.5s, border 0s linear 0.5s;
}
.widgetTitle.inactive .widgetComment,
.widgetTitle.inactive .widgetCommentControls {
  visibility: hidden;
}
.widgetTitle.inactive:hover .widgetTitleInput {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  border: #b2b3b4 solid 1px;
  background-color: #FFFFFF;
  margin: 0 0 1px 0;
}
.widgetTitleBar.dashboardTile {
  padding: 0;
}
#login {
  position: fixed;
  width: 310px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #E0DADF;
  z-index: 2;
  left: 50%;
  top: 22%;
  margin-left: -160px;
  padding: 15px;
}
.loginTitle {
  color: #B2B3B4;
  float: left;
  font-size: 14px;
  text-transform: uppercase;
}
.loginLabel {
  color: #7e7e7e;
  margin-top: 10px;
  display: inline-block;
}
.loginRow {
  float: left;
}
.loginLabelRow {
  width: 90px;
}
.loginInputField {
  color: #222222;
  width: 205px;
  height: 37px;
  font-size: 16px;
  margin-bottom: 7px;
  padding-left: 6px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.loginHelp {
  float: left;
  font-size: 10px;
  color: #7e7e7e;
}
#loginPageBanner {
  background: url("/static/background.jpg") no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 70px;
}
#cookieContainer {
  position: fixed;
  background-color: white;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em;
  height: 3em;
  display: flex;
  border-top: 1px solid #d3d3d3;
  transition: height ease-in-out 200ms;
}
#cookieContainer > div:first-child {
  flex: 1;
}
#cookieContainer > div:last-child {
  width: 8em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginPageMain {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2RlZjdmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZTk4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(45deg, #def7f5 10%, #4e98d8 100%);
  width: 100%;
  height: 100%;
  position: fixed;
}
.invalidLoginMsg {
  position: relative;
  background: #F2DEDE;
  color: #B94A48;
  width: 301px;
  margin: auto;
}
.invalidLoginMsg li,
.passwordChangedMsg li {
  list-style-type: none;
  padding: 10px;
}
.passwordChangedMsg {
  position: relative;
  background: #dff0d8;
  color: #3c763d;
  width: 301px;
  margin: auto;
}
.maintenanceMsg {
  position: relative;
  background: #FAC800;
  color: #37293B;
  width: 301px;
  margin: auto;
}
.maintenanceMsg li {
  list-style-type: none;
  padding: 10px;
}
.legalNoticeLink {
  float: right;
  font-size: 10px;
  color: #7e7e7e;
  cursor: pointer;
}
.termsAndConditionsLink {
  float: left;
  font-size: 10px;
  color: #7e7e7e;
  cursor: pointer;
}
.passwordReminder,
a.passwordReminder:link,
a.passwordReminder:visited {
  font-size: 10px;
  color: #7e7e7e !important;
}
.widgetTitleBar {
  padding: 4px 0px 0px 10px;
  float: left;
  color: #333333;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dbCloseMixin {
  border: 1px solid #e5e7e8;
  border-top: none;
  border-right: none;
  background: white;
  float: right;
  cursor: pointer;
  text-align: center;
  color: #889295;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 17px;
}
.widgetTitleClose,
.widgetTitleMaximize {
  border: 1px solid #e5e7e8;
  border-top: none;
  border-right: none;
  background: white;
  float: right;
  cursor: pointer;
  text-align: center;
  color: #889295;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 17px;
  width: 23px;
  height: 23px;
  border-bottom: none;
}
@-moz-document url-prefix() {
  .widgetTitleClose,
  .widgetTitleMaximize {
    border: 1px solid #e5e7e8;
    border-top: none;
    border-right: none;
    background: white;
    float: right;
    cursor: pointer;
    text-align: center;
    color: #889295;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 17px;
    width: 23px;
    height: 23px;
  }
}
.widgetTitleClose a,
.widgetTitleMaximize a {
  text-decoration: none;
  color: #889295;
}
.widgetTitleClose:hover {
  text-decoration: none;
  color: #3FC2B9 !important;
}
.widgetTitleMaximize span.icon {
  background: url("/resources/images/maximize.png") center 6px no-repeat;
  display: inline-block;
  width: 12px;
  height: 100%;
}
.widgetTitleMaximize:hover span.icon,
.widgetTitleMaximize span.icon:hover {
  background: url("/resources/images/maximize_hover.png") center no-repeat;
}
.widgetTitleHeaderBottom {
  background: linear-gradient(to right, #3fc2b9 0%, #e6e8ea 98%, #e6e8ea 100%);
  width: 100%;
  height: 1px;
  margin: -1px 0px 0px 0px;
}
.widgetTitleDecoration {
  float: left;
  background: url("/resources/images/in_dialog_header.png") no-repeat;
  width: 6px;
  height: 24px;
}
.detailsTile {
  margin: 7px;
  float: left;
  border-bottom: solid 1px #ededed;
}
.detailsTileNoBorder {
  margin: 7px;
  float: left;
  border-bottom: solid 1px #ededed;
  border-bottom: none !important;
}
.detailsTileNoFloat {
  margin: 7px;
  float: left;
  border-bottom: solid 1px #ededed;
  float: none;
}
.mapPopUpTemplate .detailsTile {
  float: left;
  margin: 0;
  max-width: 200px;
  padding: 0;
}
.noTileSeparator {
  border-bottom: none;
}
.tileTitle {
  height: 15px;
}
.tileTitle .title {
  color: #B2B3B4;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}
.tileTitle .placeHolder {
  height: 0px;
  width: 0px;
}
.tileContent {
  font-size: 12px;
  padding: 0.3em 1em;
  color: #333333;
}
.mapPopUpTemplate .tileContent {
  padding: 0.3em 0px;
}
.tileContent h1,
h2,
h3 {
  margin: 0px;
  padding-top: 15px;
}
.tileContent h3 {
  font-weight: normal;
}
.tileRowWithGap {
  margin-bottom: 5px;
}
.tileRowWithSmallGap {
  margin-bottom: 0px;
}
.tableFilter button {
  border-radius: 0px !important;
}
.tableFilter button.filterActive {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/filter-teal.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 16px;
  height: 16px !important;
}
.filterBigActive {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_deactivate_filter.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.filterBigActive:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_deactivate_filter.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.tableFilterButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/filter-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 16px;
  height: 16px !important;
}
.tableFilterButtonBig {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_activate_filter.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.tableFilterButtonBig:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_activate_filter.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.tableSorButtonBig {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_disable_sort.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.izarnetDataTableAdjusted th {
  height: 38px;
  vertical-align: top;
  padding-top: 5px;
  outline: none !important;
}
.tableToolbar {
  width: 100%;
  margin: 2px;
}
.addExportButton {
  display: inline-block;
}
.tableHeaderTitleLink {
  text-decoration: none;
  color: black;
  border: none !important;
  height: 15px;
  display: block;
  margin-right: 5px;
  margin-left: 5px;
}
.tableHeaderTitleLinkPlaceholder {
  visibility: hidden;
  margin-bottom: 10px;
}
.filterMenu {
  width: 200px;
  background: #F4F4F4;
  position: fixed;
  left: 5px;
  display: block;
  border: 1px solid #aaaaaa;
  padding: 2px;
  z-index: 99;
}
.filterCheckBox {
  margin: 2px;
}
.filterText {
  vertical-align: middle;
}
.filterImage {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.dtLabel {
  display: inline-block;
  width: 30px;
  text-align: left;
}
.singleValueFilterInput {
  width: 115px;
  height: 26px;
  margin-top: 3px;
}
.filterMenu .filterOptions {
  overflow-y: auto;
  overflow-x: hidden;
  height: 165px;
  padding: 5px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.filterMenu .filterDateRange {
  padding: 5px;
  cursor: default;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
.filterDateRange input {
  margin: 2px;
}
.filterTitle {
  font-weight: bold;
  font-size: 12px;
  padding: 10px 5px;
  background: #72797F;
  color: #ffffff;
  text-align: left;
}
.filterButtonPanel input.filterSearchInput {
  height: 26px;
  margin-top: 3px;
  width: 135px;
}
.filterApplyButton {
  background: none repeat scroll 0 0 #F4F4F4;
  border: 1px solid #A8A8A8;
  color: #4F4F4F;
  font-size: 12px;
  font-weight: bold;
  margin-top: 3px;
  padding: 5px 10px;
  text-decoration: none;
  float: right;
  line-height: 14px;
}
.filterApplyButton:hover {
  background: #d9dadb !important;
}
.filterApplyButton:focus {
  outline: #28969a solid 1px;
  inline: none;
}
.filterButtonPanel {
  border-top: solid #cccccc 1px;
  padding: 2px;
}
.row_selected {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.dataTable tr.even.row_selected {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.dataTable tr.even.row_selected:hover {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.dataTable tr.odd.row_selected {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.dataTable tr.odd.row_selected:hover {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.izarnetDataTable.dataTable tr.row_selected {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.izarnetDataTable.dataTable tr.row_selected:hover {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
}
table.izarnetDataTable.dataTable tr.row_selected.row_inactive {
  background-color: #28969a !important;
  color: #ffffff;
  padding: 3px;
  background-color: hsl(182, 59%, 45%);
}
table.izarnetDataTable.dataTable tr.odd.row_inactive {
  color: hsl(0, 0%, 60%);
}
table.izarnetDataTable.dataTable tr.odd.row_inactive.row_selected {
  color: hsl(0, 0%, 100%);
}
table.izarnetDataTable.dataTable tr.odd.row_inactive.row_selected:hover {
  background-color: hsl(182, 59%, 45%);
}
table.izarnetDataTable.dataTable tr.odd.row_inactive:hover {
  background-color: hsl(0, 0%, 96%);
}
table.izarnetDataTable.dataTable tr.even.row_inactive {
  color: hsl(0, 0%, 60%);
}
table.izarnetDataTable.dataTable tr.even.row_inactive.row_selected {
  color: hsl(0, 0%, 100%);
}
table.izarnetDataTable.dataTable tr.even.row_inactive.row_selected:hover {
  background-color: hsl(182, 59%, 45%);
}
table.izarnetDataTable.dataTable tr.even.row_inactive:hover {
  background-color: hsl(0, 0%, 100%);
}
#izarnetResizeableTableContainer {
  position: relative;
}
.tableMetaInformation {
  font-size: 12px;
  float: left;
  padding-left: 3px;
}
.tableAction {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
}
.tableActionDetails {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/details-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  float: left;
  background-size: contain;
}
.tableActionLeaveGroup {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_leave_group1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: left;
  width: 20px;
  height: 20px;
  background-size: contain;
  margin: 0;
}
.tableActionEdit {
  float: left;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/edit-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
}
.tableActionDelete {
  float: left;
  background: transparent url("/resources/images/trashcan_big.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
}
.tableActionOrderUp {
  background: transparent url("/resources/images/expandable_up.png") no-repeat center center;
  cursor: pointer;
  border: none;
  float: left;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.tableActionOrderDown {
  background: transparent url("/resources/images/expandable_down.png") no-repeat center center;
  cursor: pointer;
  border: none;
  float: left;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.tableActionRestore {
  float: left;
  background: transparent url("/resources/images/dm_grau_505F64/png/16/reset_to_defaults-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
}
#dragRowHelper {
  background: white;
  z-index: 999999999 !important;
  padding: 3px;
  border: dashed gray 1px;
  font-weight: bold;
  position: absolute;
}
table.dataTable tr.draggableRow {
  cursor: move;
}
table.dataTable tr.sortableRow {
  cursor: move !important;
}
button.tableConvertButton {
  background: transparent url("/resources/images/convert.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  margin: auto;
  height: 18px;
}
.conversionMenu {
  position: fixed !important;
  width: 150px;
  z-index: 999999;
  background: #F4F4F4;
  padding: 5px;
}
.izarnetDataTable {
  margin-top: 5px;
}
th.sortingDisabled {
  background: #e7e7e8 none !important;
}
.noSortableColumn {
  background: #E7E7E8 !important;
  width: 8%;
}
.editTableDialogContent {
  height: 330px;
}
th input[type=button].editTableButton {
  width: 32px;
  height: 32px;
  background: transparent url("/resources/images/dm_grau_505F64/png/64/edit-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.saveRowOrderButton {
  width: 28px;
  height: 28px;
  background: transparent url("/resources/images/saveOrder.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
}
.selectAllOff {
  width: 32px;
  height: 32px;
  background: transparent url("/resources/images/dm_grau_505F64/png/64/job-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.selectAllOn {
  width: 32px;
  height: 32px;
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/64/job-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.drop-hover {
  background: transparent url("/resources/images/trashcan_big_hovered.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  background-size: contain !important;
}
.drop-hover-lGroup {
  background: transparent url("/resources/images/leavegroup_active.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  background-size: contain !important;
}
.trashCan {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.lazyTableMore {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_more_actions.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 20px;
  height: 20px;
  margin-top: 5px;
  background-size: contain;
}
.lazyTableMorePanel {
  display: none;
  position: fixed;
  min-width: 85px;
  height: 38px;
  margin-left: -33px;
  margin-top: -60px;
  border-radius: 6px;
  text-align: center;
  z-index: 9999999;
}
.leaveGroup {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_leave_group1.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.addToContact {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_add_device_to_contact.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.onDemandReading {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_on_demand_reading.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background-size: contain;
}
.dataReduction {
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/dimension-unsuitable-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.createVirtualMeter {
  margin-top: 3px;
  margin-right: 5px;
  width: 22px;
  height: 22px;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/virtual_meter-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.addToContact-hover {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/contact_menu-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.validationErrorMessage {
  display: none;
}
table.resizableTable tbody td {
  overflow: hidden;
  max-width: 0px;
}
table.izarnetDataTable th {
  padding: 0 !important;
}
div.resizeableColumns {
  overflow: hidden;
  width: inherit;
  white-space: nowrap;
  min-width: 100%;
  height: 100%;
}
div.resizeableColumns div.ui-resizable-e {
  right: -3px !important;
  background: #e7e7e8 repeat !important;
  cursor: e-resize !important;
}
.lazyTableHeader {
  vertical-align: bottom;
  outline: none !important;
  position: relative;
  min-width: 30px !important;
  height: 30px;
}
@-moz-document url-prefix() {
  .lazyTableHeader {
    height: 38px;
  }
}
.fullLayoutTab {
  overflow: hidden !important;
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 5px;
  right: 5px;
}
.arrDown {
  height: 10px;
  background: transparent url("/resources/images/arr_down.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-position: center top;
  border-top: solid #000000 1px;
  width: 98%;
  margin: auto;
}
.expandableTableBody {
  overflow-y: auto;
  width: 595px;
  height: 385px;
}
.expandableTableHeaderColumn {
  text-align: center;
  float: left;
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  vertical-align: top;
  background: #e7e7e8;
  height: 20px;
  margin-right: 2px;
}
.expandableTableRowColumn {
  text-align: left;
  float: left;
  color: #333333;
  font-size: 12px;
  background: #F4F4F4;
  min-height: 30px;
  margin-right: 2px;
  padding: 5px 0;
}
.expandableTableRowColumn div.content {
  display: block;
  margin-left: 5px;
  margin-top: 5px;
}
.expandableTableRow {
  margin-bottom: 2px;
}
.expandedContent {
  width: 540px;
  margin: 10px auto 10px auto;
}
button.autoUpdate {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_change_in_chart_tab.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
  margin: auto;
}
button.autoUpdateDisabled {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_change_in_chart_tab_disabled.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 22px;
  height: 22px;
  background-size: contain;
  margin: auto;
}
a.tblLink {
  text-decoration: underline !important;
  cursor: pointer;
}
.bigHeaderColumn {
  height: 29px;
}
.tourTypIcon {
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.READING {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/on_demand_reading-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.ADHOC {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/adhoc-readout-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.INSTALLATION {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/installation-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.REPLACEMENT {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/replacement-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.CONFIG {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/configuration-tour-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.MIXED {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/tour_m-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  display: inline-block;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  vertical-align: bottom;
  cursor: default;
}
.emptyTable {
  text-align: center;
  border-bottom: solid black 1px;
}
table.dataTable thead th.fakeSort {
  background: #bab8ba !important;
}
.metaRowContainer {
  overflow: hidden;
  padding: 5px 0;
  border-top: solid #000 1px;
  margin-top: 5px;
}
.metaRow {
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: white;
  font-size: 14px;
  height: 26px;
}
.metaRow.even {
  background: #f4f4f4;
}
.metaRow.even.selected {
  color: #FFFFFF;
  background: #28969a;
}
.metaRow.selected {
  color: #FFFFFF;
  background: #28969a;
}
.metaRow.first .metaColumn {
  border-top: 1px solid #FFFFFF;
}
.metaRow.first .meta-title-column {
  border-top: solid #d9dadb 1px;
}
.metaRow.last .meta-title-column {
  height: 26px;
  border-bottom: solid #d9dadb 1px;
}
.metaRow.selected > .metaColumn {
  color: #FFFFFF;
  background: #28969a;
}
.metaRow.selected > .metaColumn.even {
  color: #FFFFFF;
  background: #28969a;
}
.metaRow.selected > .meta-title-column {
  color: #FFFFFF;
}
.metaRow.selected > .meta-title-column > span {
  background: #28969a;
}
.metaRow.selected > .meta-title-column.even {
  color: #FFFFFF;
}
.metaRow.selected > .meta-title-column.even > span {
  background: #28969a;
}
.meta-title-column.even > span {
  background: #f4f4f4;
}
.metaColumn {
  box-sizing: border-box;
  padding: 5px 10px;
  text-align: left;
  border-left: solid white 1px;
  flex: 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metaColumn.even {
  background: #f4f4f4;
}
.meta-title-column {
  position: absolute;
  left: -46px;
  height: 28px;
  width: 50px;
  text-align: center;
  z-index: 99;
  background: white;
  border-left: solid #d9dadb 1px;
  font-size: 16px;
  font-weight: bold;
}
.meta-title-column > span {
  padding-top: 5px;
  display: block;
  height: 21px;
}
.corner {
  background: url(/resources/images/dark_yellow_corner.png) no-repeat center center;
  position: relative;
  width: 8px;
  height: 8px;
  margin-top: -8px;
  margin-right: -8px;
  top: 5px;
  right: -1px;
  float: right;
  display: inline-block;
  content: " ";
}
.cornerReplaced {
  background: url(/resources/images/dm_grau_505F64/png/16/replacement_small.png) no-repeat 4px 0;
  display: inline-block;
  width: 20px;
  height: 16px;
}
th.sorting_disabled {
  background: #e7e7e8;
}
.ui-tabs-panel {
  padding: 1em 0.3em !important;
}
.ui-tabs-nav {
  background: #e3e3e3;
}
.tabs {
  width: 720px !important;
}
.ui-tabs li.browserTab:focus {
  background: #ffffff !important;
}
.ui-tabs li.browserTab a {
  padding-top: 9px !important;
}
.ui-tabs li.ui-state-focus.browserTab {
  border-left-color: #d3d3d3;
  border-right-color: #d3d3d3;
  border-top-color: #d3d3d3;
}
.ui-tabs li.ui-state-active.browserTab {
  border-left-color: #aaaaaa !important;
  border-right-color: #aaaaaa !important;
  border-top-color: #aaaaaa !important;
}
li.ui-state-focus a {
  border: none !important;
  outline: none !important;
}
.ui-tabs-anchor {
  border: none !important;
  color: #333333 !important;
  font-weight: bold !important;
}
.ui-tabs-anchor a:hover {
  background: #d9dadb !important;
  color: #333333 !important;
}
.ui-tabs .ui-tabs-nav li {
  border-radius: 0px !important;
  border-bottom: none !important;
}
.ui-tabs.ui-widget.ui-widget-content {
  background: #ffffff !important;
  border: none !important;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  background: #ffffff !important;
  color: #333333 !important;
  font-weight: bold !important;
  outline: none;
}
.ui-widget {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 12px !important;
}
.ui-resizable-e {
  background-color: #d9dadb !important;
  border: none !important;
}
input.numberSpinner {
  width: 180px !important;
  height: 17px !important;
  font-size: 12px !important;
  background: white !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: -10px !important;
}
span.ui-spinner,
span.ui-widget,
span.ui-widget-content,
span.ui-corner-all {
  padding: 0 !important;
  margin: 0 !important;
  height: 19px !important;
  vertical-align: middle;
  display: inline-block;
}
input.numberSpinner:focus {
  outline: none;
}
.ui-front {
  z-index: 999 !important;
}
.chartEmptyMessage {
  width: 380px;
  margin: 30px auto auto;
  font-size: 14px;
}
.chartControls {
  width: 100%;
}
.mapSettingsPanel {
  height: 115px !important;
  width: 195px;
  height: 220px;
  background: white;
  position: absolute;
  z-index: 9999;
  display: none;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
}
.chartSettingsPanel {
  width: 195px;
  height: 220px;
  background: white;
  position: absolute;
  z-index: 9999;
  display: none;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
}
.chartSettingsPanel div.row {
  padding: 4px;
  font-size: 11px;
}
.error_icon {
  height: 14px;
  width: 14px;
  background: url("/resources/images/error_icon.png") 50% 50%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.tileChartSettingsPanel {
  height: 215px;
}
.tileChartSettingsPanel div.row {
  padding: 4px;
  font-size: 11px;
}
.tileChartSettingsPanel div.row > div {
  width: 175px;
}
.tileChartSettingsPanel div.row > div.checkBoxContainer {
  line-height: 19px;
}
.tileChartSettingsPanel div.row > div > span.ui-spinner {
  vertical-align: top;
}
.tileChartSettingsPanel div.row > div > span.ui-spinner input.numberSpinner {
  width: 35px !important;
  vertical-align: baseline;
}
.tileChartSettingsPanel div.row > div .rangeSelector {
  width: 134px;
  display: inline-block;
}
.chartSettingsLoading {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 195px;
  height: 205px;
  background: white;
  text-align: center;
}
.chartSettingsLoading img {
  margin-top: 50px;
}
.measValueChooser {
  width: 300px;
  position: relative;
  right: 226px;
  border-top: none;
  padding: 3px;
  box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.8);
  display: none;
  background-color: hsl(0, 0%, 100%);
  overflow-x: visible;
  overflow-y: auto;
  z-index: 99999 !important;
}
.aggregationChooser {
  width: 300px;
  position: relative;
  right: 226px;
  border-top: none;
  padding: 3px;
  box-shadow: 0 5px 10px hsla(0, 0%, 0%, 0.8);
  display: none;
  background-color: hsl(0, 0%, 100%);
  overflow-x: visible;
  overflow-y: auto;
  z-index: 99999 !important;
  width: 208px;
}
.measValCheckColumn {
  position: relative;
  text-align: center;
}
.measValCheckColumn .checkBoxDisabled {
  margin: 0 0 0 -7px;
  left: 50%;
}
.measValueChooserRowCb {
  width: 10px;
  display: inline-block;
  background: #ffffff !important;
  vertical-align: top;
  margin-top: 5px;
}
.chartRowInLine {
  margin-top: 2px;
  display: inline-block;
  margin-left: 2px;
}
.chartRowDateInput {
  width: 123px;
}
@media screen and (max-width: 1175px) {
  .chartRowDateInput {
    width: 80px;
  }
}
.tooMuchDataDialog {
  position: absolute;
  width: 280px;
  min-height: 130px;
  background: white;
  z-index: 100;
  cursor: default;
  left: 50%;
  top: 5px;
  margin-left: -140px;
  display: none;
}
.chartModal {
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.chartLoading {
  z-index: 99;
  background: white;
  color: black;
  position: absolute;
  display: none;
}
.chartSettings {
  height: 55px;
  text-align: left;
  padding: 0 5px;
}
.changeChartSettingsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_button_net_change_in_chart_tab.png") no-repeat center center;
  width: 32px;
  height: 32px;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.changeChartSettingsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_button_net_change_in_chart_tab.png") no-repeat center center;
  width: 32px;
  height: 32px;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.saveChartSettingsButton {
  cursor: pointer;
  border: none;
  background: #fff url("/resources/images/save.svg");
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.saveChartSettingsButton:hover {
  cursor: pointer;
  border: none;
  background: #fff url("/resources/images/save.svg");
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.deleteChartSettingsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.deleteChartSettingsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  outline: none !important;
}
.stockChartSettingsButton {
  position: absolute;
  bottom: 20px;
}
.fullHeight {
  height: 100%;
}
div.chartLegend {
  width: 160px;
  max-height: 100% !important;
  height: 100% !important;
  float: left;
  overflow: auto;
}
div.chartLegend svg {
  position: static !important;
  width: 140px !important;
}
.measurementSettings {
  height: 33px;
}
.measurementSettings.leakageSettings .settingsPanel {
  width: 380px;
  height: 192px;
}
.measurementSettings.leakageSettings .settingsPanel .titleBar {
  margin-top: -10px;
}
.measurementSettings.leakageSettings .settingsPanel .panelColumn {
  height: 140px;
}
.measurementSettings .button {
  margin-left: 9px;
}
.measurementSettings .infoPanel .settingsDisplay {
  margin-right: 8px;
  padding-right: 11px;
  border-right: 1px solid grey;
}
.measurementSettings .infoPanel .settingsDisplay:last-child {
  border-right: none;
}
.measurementSettings .infoPanel .chartRowInLine {
  margin-top: 2px;
  display: inline-block;
  margin-left: 20px;
}
.measurementSettings .infoPanel .chartRowInLine.settingsDisplay {
  margin-left: 0;
  vertical-align: middle;
}
.measurementSettings .infoPanel .chartRowInLine.settingsDisplay .timeRangeDisplay {
  text-align: right;
  display: block;
}
.measurementSettings .infoPanel .textPanel {
  float: right;
}
.measurementSettings .infoPanel .textPanel span {
  font-weight: bold;
}
.measurementSettings .infoPanel .settingsButton {
  margin: 0 10px 0 0;
}
.measurementSettings .settingsPanel {
  display: none;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 2px 4px 8px hsl(201, 7%, 36%);
  width: 980px;
  margin-top: -20px;
  padding: 30px 10px 20px 10px;
  position: absolute;
  right: 10px;
  z-index: 99999999;
  height: 285px;
  overflow: auto;
}
.measurementSettings .settingsPanel .titleBar {
  margin-top: -30px;
  margin-bottom: 10px;
  width: 100%;
  background: none !important;
  cursor: default;
  margin-left: 10px;
}
.measurementSettings .settingsPanel .panelColumn {
  width: 320px;
  vertical-align: top;
  display: inline-block;
}
.measurementSettings .settingsPanel .panelColumn .panelBox {
  width: 300px;
  margin: 0 0 7px 30px;
  display: inline-block;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .boxTitle {
  height: 15px;
  color: #b2b3b4;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .presetField.presetHover {
  outline: hsl(210, 59%, 38%) solid 1px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputTable {
  width: 300px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow {
  margin-top: 4px;
  padding: 4px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .button {
  line-height: 21px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .button .buttonIcon {
  vertical-align: bottom;
  width: 21px;
  height: 21px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .button:first-child {
  margin-left: 17px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .inputLabel {
  padding-left: 17px;
  line-height: 20px;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 117px;
  white-space: nowrap;
  display: inline-block;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .compCheck {
  display: inline-block;
  float: right;
  margin-right: 71px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow label.inputField {
  width: 156px;
  display: inline;
  float: right;
  width: 152px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow label.inputField .numberSpinner {
  width: 40px !important;
  vertical-align: baseline;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow label.inputField .rangeSelector {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
  text-align: left;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .inputField {
  width: 156px;
  display: inline;
  float: right;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .inputField .numberSpinner {
  width: 40px !important;
  vertical-align: baseline;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow .inputField .rangeSelector {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
  text-align: left;
}
.measurementSettings .settingsPanel .panelColumn .panelBox .inputRow.last {
  display: none;
  margin-bottom: 32px;
}
.measurementSettings .settingsPanel .panelColumn .panelBox table.dataTable thead th {
  padding: 0;
}
.measurementSettings .settingsPanel .panelColumn .panelBox:last-child {
  margin-bottom: 0px;
}
.measurementSettings .settingsPanel .buttonContainer {
  height: 20px;
}
.measurementSettings .settingsPanel .buttonContainer .errorPanel {
  line-height: 29px;
  padding-left: 30px;
  color: red;
  display: inline-block;
}
.measurementSettings .settingsPanel .buttonContainer .button {
  display: inline-block;
  float: right;
}
.measurementSettings.virtualMeterMeasurementSettings .settingsPanel {
  width: 700px;
}
.measurementSettings.virtualMeterMeasurementSettings .settingsPanel .panelColumn {
  margin-bottom: 20px;
}
span.closeSettingsPanel {
  margin-top: -17px;
  position: absolute;
  right: 15px;
}
.columnMaxWidth101 {
  max-width: 101px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chartTileDesc {
  max-width: 340px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 10px;
}
.dashBoardTileContent .amcharts-scrollbar-chart-div {
  height: 31px !important;
}
.dashBoardTileContent .amcharts-scrollbar-chart-div .amcharts-main-div .amcharts-chart-div {
  height: 31px !important;
}
.dashBoardTileContent .amcharts-scrollbar-chart-div .amcharts-main-div .amcharts-chart-div svg {
  margin-top: 3px !important;
  height: 26px !important;
}
.checkBox {
  border: 1px solid #b2b3b4 !important;
  line-height: 19px;
  width: 15px !important;
  height: 15px !important;
  vertical-align: text-top;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: transparent;
  display: inline-block;
  resize: none;
  overflow: hidden;
}
.checkBoxDisabled {
  background-color: black;
  width: 15px;
  height: 15px;
  position: absolute;
  filter: alpha(opacity=8);
  opacity: 0.08;
}
.checkBoxMark {
  background: #FFF url("/resources/images/jquery/ui-icons_888888_256x240.png") -66px -147px !important;
}
.row_selected .checkBoxMark {
  background: url("/resources/images/jquery/ui-icons_ffffff_256x240.png") -66px -147px !important;
}
.dataTables_length select {
  width: 50px;
}
div.izarnetCheckBox {
  display: inline;
}
div.izarnetCheckBox input[type=checkbox] {
  display: none;
}
div.izarnetCheckBox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
div.izarnetCheckBox label:before {
  background-color: #FFF;
  content: "";
  margin-right: 5px;
  border: 1px solid #b2b3b4 !important;
  line-height: 19px;
  width: 15px !important;
  height: 15px !important;
  vertical-align: text-top;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: transparent;
  display: inline-block;
  resize: none;
  overflow: hidden;
}
div.izarnetCheckBox input[type=checkbox]:checked + label:before {
  background: #FFF url("/resources/images/jquery/ui-icons_888888_256x240.png") -66px -147px !important;
}
.connectList {
  width: 235px;
  height: 200px;
  border: 1px solid #b2b3b4;
}
ul.connectList {
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.connectList.connectList265Width {
  width: 265px;
}
ul.connectList.connectList100Height {
  height: 100px;
}
ul.connectList li {
  /*width: 96.5%;*/
  cursor: default;
  margin: 0;
  padding: 3px;
  line-height: 15px;
  background: none;
  color: black;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.connectList li.connectListSelected {
  background: #28969a;
  color: white;
  padding: 3px;
}
ul.connectList li.unmodifiable {
  background: #d3d3d3;
}
ul.connectList li.mainItem {
  font-weight: bold;
}
.connectList:focus {
  outline: #28969a Solid 1px;
  inline: none;
}
div.connectListTitle {
  padding: 3px;
}
div.connectListSimulation {
  width: 338px;
  height: 100px;
  overflow-y: auto;
  border: solid #b2b3b4 1px;
}
div.connectListSimulationItem {
  line-height: normal;
  height: 16px;
  cursor: default;
  font-size: 12px;
  font-family: Arial, sans-serif;
  padding: 3px;
}
div.connectListSimulationItem div.label {
  display: inline-block;
  width: 250px;
}
div.connectListSimulationItem div.icons-grey {
  display: inline-block;
  width: 40px;
  padding-top: 2px;
}
div.groupFeaureInfo {
  display: none;
  position: fixed;
  background: white;
  border: solid grey 1px;
  padding: 2px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  color: black;
}
div.groupFeaureInfo div.widgetContent {
  margin-left: 5px;
}
button.connectListButton {
  width: 28px !important;
  height: 28px !important;
  display: block;
  margin-bottom: 5px;
}
button.upup {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.upup:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_full_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.up {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.up:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_move_up.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.down {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_down.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.down:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_move_down.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.downdown {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_down.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
button.downdown:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_full_down.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLMoveRight {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLMoveRight:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_move_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLMoveLeft {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLMoveLeft:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_move_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLFullLeft {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLFullLeft:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_full_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLFullRight {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.cLFullRight:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_browser_full_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
div.infoIcon {
  width: 16px;
  height: 16px;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_icon_net_information.png") no-repeat center center;
  border: none !important;
  background-size: contain;
  margin-top: 5px;
}
.ui-dialog {
  width: auto !important;
  height: 570px;
  z-index: 1000 !important;
  overflow: visible !important;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  border: 0px !important;
  padding: 0px !important;
}
.ui-dialog-titlebar-close {
  border: none !important;
  background: #f0f0f1 !important;
}
.ui-dialog-titlebar-close .ui-state-hover span {
  background: #f0f0f1 !important;
  border: none !important;
}
.titleContainer {
  display: inline;
}
.ui-corner-all {
  border-radius: 0px !important;
}
.detailsDialog {
  width: 920px;
  height: 640px !important;
}
.detailsDialogContact {
  width: 690px;
}
.meterMasterData {
  padding: 5px;
  max-height: 150px;
}
.detailsMeterTypeImage {
  width: 64px;
  height: 64px;
  vertical-align: top;
  float: left;
  margin: 7px;
}
.detailEntryTitle {
  text-transform: uppercase;
  color: #555555;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.detailPropertyLabel {
  display: inline-block;
  width: 50px;
  height: 10px;
  padding: 5px;
  color: #555555;
}
.detailPropertyLabelContact {
  display: inline-block;
  width: 50px;
  height: 10px;
  padding: 5px;
  color: #555555;
  width: 120px !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.locationLabel {
  font-weight: bold;
  width: 180px;
}
.detailPropertyLabelLarge {
  font-weight: bold;
  display: inline-block;
  width: 150px;
  height: 10px;
  padding: 5px;
  color: #555555;
}
.dlgPropertyEntry {
  width: 372px;
  margin-bottom: 5px;
  height: 20px;
}
.detailPropertyInput {
  color: #555555;
}
.detailPropertyInput.detailPropertyFormula {
  width: 400px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.detailPropertyInput.imgs {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.statusDetailsToolTip {
  position: absolute;
  width: 180px;
  background: white;
  border: #b2b3b4 solid 1px;
  border-top: none;
  z-index: 999;
  overflow-x: hidden;
  overflow-y: auto;
}
.statusDetailsToolTip img {
  float: left;
}
.tileRow {
  white-space: nowrap;
}
.meterMasterEntry {
  width: 300px;
}
.masterDataLabel {
  display: inline-block;
  width: 180px;
  height: 10px;
  padding: 5px;
  font-weight: bold;
}
.meterImage {
  width: 200px;
  display: block;
  height: 180px;
  background: url("/resources/images/zaehler_200-180.jpg") no-repeat;
  margin: 7px;
}
.meterImage_04 {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/domain/sm_heat_meter.jpg") no-repeat;
  margin: 7px;
}
.meterImage_07 {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/domain/sm_water_meter.jpg") no-repeat;
  margin: 7px;
}
.meterImage_02 {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/domain/sm_power_meter.jpg") no-repeat;
  margin: 7px;
}
.meterImage_03 {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/domain/sm_gas_meter.jpg") no-repeat;
  margin: 7px;
}
.allMeterImages {
  margin: 0 0 0 10px;
  max-height: 120px;
  display: block;
  max-width: 200px;
}
.dataConcentratorImage {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/dataConcentrator.jpg") no-repeat;
  margin: 7px;
}
.dataConcentratorImage2 {
  width: 270px;
  display: block;
  height: 120px;
  background: url("/resources/images/domain/sm_sys_meter.jpg") no-repeat;
  margin: 7px;
}
.detailsTab {
  width: 666px !important;
  height: 300px !important;
}
.dialogTabContent {
  width: 430px;
  height: 260px;
  float: left;
}
.roundGrayBorder {
  border: 2px solid #bab8ba;
}
.grayFontColor {
  color: #555555;
}
.deviceDialogMap {
  float: right;
  height: 260px;
  width: 250px;
  margin: 7px;
}
.contactDialogMap {
  height: 260px;
  margin: 7px;
}
.detailsLeftContent {
  min-width: 315px;
  width: 20%;
  float: left;
}
.dialogTabTopContent {
  width: 515px;
  height: 130px;
}
.dialogTabContentSubsection {
  float: left;
  margin-right: 30px;
  width: 215px;
}
.dialogTabBottomContent {
  width: 666px;
  height: 130px;
}
.ui-dialog .ui-dialog-titlebar-close span,
.ui-dialog .ui-dialog-titlebar-minimize span,
.ui-dialog .ui-dialog-titlebar-maximize span {
  margin: -8.5px !important;
}
.ui-dialog.ui-widget {
  border: none !important;
  background: #ffffff !important;
}
.ui-widget-header {
  border: none;
  background: #f0f0f1;
  color: #333333;
  font-weight: bold;
}
div.ui-dialog-titlebar,
div.ui-widget-header {
  cursor: move;
  padding: 0 !important;
  background: #f0f0f0 linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%) !important;
}
div.ui-dialog-titlebarMock {
  padding: 0 !important;
  background: #f0f0f0 linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 100%) !important;
}
.dlgPropertyEntry label {
  font-weight: bold;
}
.dlgPropertyEntry table {
  width: 230px;
}
.detailsDialog .ui-dialog-content .ui-widget-content {
  width: 690px !important;
  height: 535px !important;
}
.dialogStyle {
  overflow: visible !important;
}
.tourDialogContent {
  height: 400px;
}
.createAnalysisDialogContent {
  min-height: 200px;
}
.deviceTypeContent {
  height: 100px;
}
.deviceTypeDialog {
  overflow: visible !important;
}
.exportDialogContent {
  width: 342px;
  height: 150px;
}
.deleteDialogContent {
  width: 350px;
  min-height: 90px;
}
.simpleNotifactionDialog {
  width: 250px;
  height: 150px;
}
.simpleNotifactionDialogTitle {
  color: #B2B3B4;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  width: 250px;
}
.simpleNotifactionDialogTitleIcon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
  min-width: 32px;
  min-height: 32px;
}
.notififaction_icon_info {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
  min-width: 32px;
  min-height: 32px;
  background: transparent url("/resources/images/info_icon.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.notififaction_icon_error {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1px;
  min-width: 32px;
  min-height: 32px;
  background: transparent url("/resources/images/error_icon.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.exportLabelColumn {
  width: 105px;
}
.exportDialogGrid {
  width: 184px;
}
.exportContentColumn {
  width: 109px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.waitForAnalysisDialogContent {
  width: 400px;
  height: 162px;
  display: block;
}
.dialogBlocker {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 9999999999999999999999;
  display: none;
}
.dialogLoading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: white;
  filter: alpha(opacity=80);
  opacity: 0.8;
  z-index: 9999999999999999999999;
  display: none;
}
.dialogLoading img.loading {
  display: block;
  margin: 20% auto auto;
}
.errorMessages {
  display: none;
}
.dialogLoading img {
  margin-top: 110px;
  margin-left: 190px;
}
.dialogButtons {
  float: right;
  margin-left: 5px;
}
.projectDialogContent {
  height: 110px;
}
.uploadDialogErrorContent {
  color: red;
  width: 300px;
  line-height: 15px;
  height: 50px;
  overflow-y: auto;
}
.additionalFieldsTable {
  border: #B2B3B4 1px solid !important;
  max-height: 290px;
  width: 100%;
}
.onDemandReadingContent {
  height: 500px;
}
.massDataReductionDialogContent {
  height: 435px;
  width: 420px;
}
.dialogButtonPanel {
  text-align: right;
  bottom: 10px;
  left: 0;
  position: absolute;
  width: 98%;
}
.dialogButtonPanel input[type=submit] {
  margin-right: 5px !important;
}
.ui-progressbar .ui-widget-header {
  background: #21328f !important;
  color: #dbdbdb !important;
  border-radius: 0px !important;
  margin: 0px !important;
  padding-top: 4px;
}
/*Jobs Page*/
.jobsLeftContainer {
  width: 60%;
}
.jobsRightContainer {
  width: 40%;
  overflow-y: auto;
}
.jobsSubHeaderLine {
  width: 100%;
  text-align: right;
  padding-top: 2px;
  background-color: #72797f;
  height: 20px;
}
.jobSubDetails {
  color: #ffffff;
  float: left;
  margin-left: 10px;
  font-weight: bold;
}
.jobDetailsTile {
  cursor: default;
  float: none;
  margin-left: 31px;
  margin-top: 10px;
}
.analysisRedirectButton {
  position: absolute;
  right: 8px;
}
.jobButtons {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 0px;
  float: right;
}
.jobDetailsTile .button {
  float: right;
}
.jobNameHeadline {
  font-size: 16px;
}
.jobsTableContainer {
  overflow: hidden;
}
.jobRunTableWrapper {
  overflow: auto;
  height: 300px;
}
.runTableHead {
  height: 39px;
  vertical-align: top;
  background-image: none !important;
  background-color: #e7e7e8;
  outline: #4f4f4f none 0px;
  cursor: default !important;
}
.jobDetailsFtpInfo {
  width: 16px;
  height: 16px;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_icon_net_information.png") no-repeat center center;
  border: none !important;
  cursor: pointer;
  position: absolute;
  background-size: contain;
  position: relative;
  margin-left: 4px;
}
.allJobsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_all_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.allJobsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_all_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.allJobsButton.activeButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_all_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  border-bottom: solid #00B4AA 2px;
}
.runningJobsButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_running_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.runningJobsButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_running_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.runningJobsButton.activeButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_running_jobs.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  border-bottom: solid #00B4AA 2px;
}
.calendarButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_calendar.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.calendarButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_calendar.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.calendarButton.activeButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_calendar.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  border-bottom: solid #00B4AA 2px;
}
.jobDisableButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_deactivate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: right;
}
.jobDisableButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_deactivate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: right;
}
.jobEnableButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_activate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: right;
}
.jobEnableButton:disabled {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_activate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  cursor: default;
}
.jobEnableButton:disabled:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_scheduler_activate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  cursor: default;
}
.jobEnableButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_scheduler_activate_job.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
}
.jobDeleteButton {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: right;
}
.jobDeleteButton:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_table_delete.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  float: right;
}
.jobEditButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/edit-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 32px;
  height: 32px;
  background-size: contain;
  float: right;
}
.jobTileButton {
  width: 32px;
  height: 32px;
  background-size: contain;
  float: right;
}
.jobRunNowButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/run_now-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 32px;
  height: 32px;
  background-size: contain;
  float: right;
}
.jobInstancesInfo {
  border: solid #ccc 1px;
  padding: 2px;
  font-size: 12px;
  background: #eee;
  width: 90%;
  margin: auto;
  height: 100px;
  overflow: auto;
  position: relative;
}
.jobDirectoryPath {
  display: inline-block;
  width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#jobLogLoading {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 10%;
  z-index: 999;
}
.mapPopUpTemplate {
  display: none;
  min-height: 90px;
}
div.mapPopUpTemplate span.placeHolderRowContent {
  width: 90px;
  vertical-align: super;
}
div.mapPopUpTemplate span.placeHolderRowContentLatestValue,
div.mapPopUpTemplate span.placeHolderRowContentLatestValueTimestamp {
  vertical-align: super;
}
div.mapPopUpTemplate span.placeHolderRowContent,
div.mapPopUpTemplate span.placeHolderRowContentLatestValue,
div.mapPopUpTemplate span.placeHolderRowContentLatestValueTimestamp,
div.mapPopUpTemplate span.placeHolderRowContentLatestValueSignalStrength {
  vertical-align: top;
}
.mapPopUpTemplate a {
  border: none !important;
}
div.mapPopUpTemplate img {
  width: 48px;
  height: 48px;
  float: left;
}
.leaflet-popup a {
  border: none !important;
}
.mapTileContainer {
  position: relative;
}
#map {
  overflow: hidden;
}
.mapOffline {
  background-image: url("/resources/images/map_offline.gif") !important;
  background-position: 0px 0px;
}
.mapSearchInput {
  width: 95%;
  height: 23px;
}
.mapSearchBtn {
  height: 25px !important;
}
span.mapPopUpDetails {
  font-weight: bold;
  width: 80px;
  display: inline-block;
}
.mapPopUpSerialLabel {
  font-weight: bold;
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapPopUpContentValue {
  display: inline-block;
  width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mapPopUpSerialLabelLocation {
  font-weight: bold;
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 55px;
}
a.mapPopUpDetails {
  text-decoration: underline !important;
}
.locationMap {
  height: 200px;
  width: 535px;
}
.leaflet-control-zoom {
  border: none !important;
  margin-left: 13px !important;
}
.leaflet-control-layers {
  border: none !important;
}
.leaflet-bar a {
  color: #505F64 !important;
}
/* GeoCoding with button, messages */
.geoCodeButton {
  margin-top: 4px;
  height: 19px !important;
  width: 19px !important;
}
.geoMessage {
  display: none;
  text-align: center;
  position: relative;
  z-index: 10;
  font-weight: bold;
}
.geoLoadingIndicator {
  left: 50%;
  display: none;
  margin-left: -50px;
  margin-top: 30px;
}
.geoError {
  color: #d5110b;
}
.noLocation {
  text-align: center;
}
#mapTopPlaceHolder {
  height: 40px;
}
.forceCrossHair * {
  cursor: none !important;
}
.leafletCustomOverlay {
  fill: None;
  stroke: #ffa800;
  stroke-width: 2px;
}
.tooMuchData {
  position: absolute;
  width: 190px;
  height: 85px;
  background: #FF7A60;
  border: solid #ff0011 1px;
  color: #ffffff;
  text-align: center;
  padding-top: 12px;
  z-index: 12;
  display: none;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.leafletSettingsDialog {
  width: auto !important;
  height: 570px;
  z-index: 1000 !important;
  overflow: visible !important;
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  border: 0px !important;
  padding: 0px !important;
  position: absolute;
  width: 150px;
  height: 177px;
  background: white;
  z-index: 100;
  cursor: default;
  display: none;
}
.leafletSettingsDialog .ui-dialog-titlebar {
  font: 14px Tahoma, Geneva, sans-serif !important;
}
.mapDataSettingsInput {
  margin-top: 10px;
}
.mapDataSettingsSubmit {
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  height: 23px !important;
}
a.leafletToggleFilterSelectButton {
  background: white url("/resources/images/dm_grau_505F64/png/32/filter-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletToggleFilterSelectButtonActive {
  background: white url("/resources/images/dm-petrol_00B4AA/png/32/filter-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletToggleMoveButton {
  background: white url("/resources/images/arrow-out.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletToggleMoveButtonActive {
  background: white url("/resources/images/arrow-out-active.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletToggleMagnButton {
  background: white url("/resources/images/dm_grau_505F64/png/32/details-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletToggleMagnButtonActive {
  background: white url("/resources/images/dm-petrol_00B4AA/png/32/details-teal.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.leafletDragTargetButton {
  background: white url("/resources/images/flag.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
a.leafletCustomOverlayButton {
  background: white url("/resources/images/customlayer.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
a.leafletCustomOverlayButtonActive {
  background: white url("/resources/images/customlayeractive.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
a.leafletSettingsButton {
  background: white url("/resources/images/dm_grau_505F64/png/32/settings-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
a.toggle-best-reading {
  background: white url("/resources/images/toggle-best-reading.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
a.toggle-both {
  background: white url("/resources/images/toggle-both.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
a.toggle-normal {
  background: white url("/resources/images/toggle-normal.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
}
.leaflet-sidebar {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  z-index: 10;
}
.leaflet-sidebar.left {
  left: -500px;
  transition: left 0.5s, width 0.5s;
  padding-right: 0;
}
.leaflet-sidebar.left.visible {
  left: 0;
}
.leaflet-sidebar.right {
  right: -500px;
  transition: right 0.5s, width 0.5s;
  padding-left: 0;
}
.leaflet-sidebar.right.visible {
  right: 0;
}
.leaflet-sidebar > .leaflet-control {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.1em;
  background: white;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.leaflet-sidebar > .leaflet-control > .leaflet-sidebar-content {
  padding: 8px;
}
.leaflet-sidebar .leaflet-sidebar-title {
  border-bottom: 1px solid #e5e7e8;
  padding: 0;
  background: #f0f0f0 linear-gradient(to bottom, #ffffff 0, #ffffff 25%, rgba(255, 255, 255, 0) 100%);
}
.leaflet-sidebar .leaflet-sidebar-title .title {
  display: inline-block;
  padding-left: 15px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 190px;
}
.leaflet-sidebar .leaflet-sidebar-title .leaflet-sidebar-close {
  padding: 0 0 1px 1px;
  background: white;
  float: right;
  cursor: pointer;
  text-align: center;
  color: #889295;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 17px;
  width: 23px;
  height: 23px;
  border: 1px none #e5e7e8;
  border-left-style: solid;
}
.leaflet-sidebar .leaflet-sidebar-title .leaflet-sidebar-close > a {
  border: none;
}
.leaflet-sidebar .leaflet-sidebar-content {
  flex-grow: 2;
  overflow: auto;
}
.leaflet-sidebar .leaflet-sidebar-content .row {
  display: flex;
  margin: 10px 0 10px 0;
}
.leaflet-sidebar .leaflet-sidebar-content .row img {
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 500rem;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content {
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 15px;
  border-radius: 2px;
  flex-grow: 2;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content a {
  font-weight: bold;
  border: none;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content div:last-child {
  display: flex;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content div:last-child > div {
  display: inline-block;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content div:last-child > div:first-child {
  flex-grow: 2;
}
.leaflet-sidebar .leaflet-sidebar-content .row .content div:last-child > div:last-child {
  align-self: flex-end;
}
.leaflet-sidebar .leaflet-sidebar-content .divider {
  border: none;
  border-bottom: 1px solid #e5e7e8;
  margin-left: 20px;
  margin-right: 20px;
}
.leaflet-sidebar-open {
  margin-left: 13px !important;
}
.leaflet-sidebar-open .leafletSidebarButton {
  background: white url("/resources/images/dm_grau_505F64/png/32/356_icons_table_more_actions.png") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
.leaflet-back-button {
  margin-left: 13px !important;
}
.leaflet-back-button .leafletBackButton {
  background: white url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_left.png") no-repeat center center;
  background-size: contain;
  cursor: pointer;
}
.leaflet-touch .leaflet-sidebar > .leaflet-control {
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.leaflet-left {
  transition: left 0.5s;
}
.leaflet-right {
  transition: right 0.5s;
}
.leaflet-control-hidden {
  display: none !important;
}
.clustered {
  background: white;
  border-radius: 40px;
  display: table !important;
  padding: 5px;
  opacity: 0.9;
}
.clustered > div {
  display: table-cell;
  border-radius: 40px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 2px;
  box-sizing: border-box;
}
.radioField {
  border-radius: 8px;
  width: 15px;
  height: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 5px;
  cursor: default;
  color: transparent;
  border: 1px solid #b2b3b4;
  display: inline-block;
  vertical-align: middle;
}
.radioField:focus {
  border: #28969a Solid 1px;
  inline: none;
  outline: none;
}
.radioFocusHelper {
  border: #28969a Solid 1px !important;
  outline: none !important;
}
.radioCheck {
  background: url("/resources/images/jquery/ui-icons_888888_256x240.png") -81px -146px !important;
}
.radioOption {
  float: left;
  cursor: default;
  line-height: 24px;
  padding-right: 5px;
}
.verticalRadioOption {
  cursor: default;
  line-height: 24px;
}
.radioLabel {
  vertical-align: middle;
}
.radioFocusHelper {
  outline: #28969a Solid 1px;
}
.selectMenu {
  position: relative;
}
.oldOptionsContainer {
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  display: block;
  position: absolute;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: inherit;
  padding: 6px;
  z-index: 1;
  overflow: auto;
}
.oldOptionsContainer div {
  line-height: 20px;
  list-style-type: none;
  padding-left: 6px;
  margin-bottom: 1px;
  cursor: default;
}
.oldOptionsContainer div:hover {
  list-style-type: none;
  background: #d9dadb;
}
.optionsContainer {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 6px;
  overflow-y: auto;
  margin-top: 0px;
  z-index: 99999 !important;
}
.optionsContainer div {
  line-height: 20px;
  list-style-type: none;
  padding-left: 4px;
  padding-right: 4px;
  margin-bottom: 1px;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
}
.optionsContainer div:hover {
  list-style-type: none;
  background: #d9dadb;
}
.selected {
  list-style-type: none;
  color: #ffffff;
  background: #28969a !important;
}
.selectBox {
  background-color: white !important;
  border: 1px solid #b2b3b4 !important;
  line-height: 19px;
  box-sizing: border-box;
}
.selectBox.fake {
  cursor: default;
}
.selectDisabled {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  filter: alpha(opacity=8);
  opacity: 0.08;
}
.selectLabel {
  margin-left: 1px;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 3px;
}
.selectArrow {
  float: right;
  margin: 2px;
  background-image: url("/resources/images/jquery/ui-icons_888888_256x240.png");
}
.radioItem {
  margin: 5px;
  padding: 5px;
}
.radioImage {
  margin: 2px;
}
.selectManyLabel {
  vertical-align: middle;
}
.selectManyWeekDay {
  float: left;
  width: 48px;
  cursor: default;
  line-height: 24px;
  margin-top: 9px;
}
.inputHelper {
  position: relative;
  left: -2px;
  border: none !important;
  top: 8px;
  padding-left: 20px;
}
.inputHelper:focus {
  outline: none;
}
.inGroupRadio {
  margin-left: 4px;
  margin-right: 2px;
}
select.selectHidden {
  z-index: 1 !important;
}
select.selectHidden option {
  z-index: 1 !important;
}
.dummyWrapper {
  height: 21px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 270px !important;
}
.dummyFileButton {
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  height: 21px !important;
  width: 110px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.dummyFileText {
  height: 21px !important;
  width: 150px;
  line-height: 20px;
  display: inline-block;
  border: 1px solid #b2b3b4;
  overflow: hidden;
}
.focusHelper {
  outline: #28969a Solid 1px;
}
.noFocus {
  outline: none !important;
}
select.selectOneHidden {
  width: 1px !important;
  height: 1px !important;
}
.disabledSelect {
  list-style-type: none;
  color: #000000;
  background: #E5E5E5 !important;
}
.selected.disabledSelect {
  color: #000000;
}
.treeActionButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeActionButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeActionButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeAddButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/add-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeAddButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeAddButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeAddFolderButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/newFolder.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeAddFolderButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeAddFolderButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeEditFolderButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/edit-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeEditFolderButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeEditFolderButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeDeleteFolderButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/deleteFolder.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeDeleteFolderButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeDeleteFolderButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeMoveFolderButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/moveFolder.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeMoveFolderButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeMoveFolderButton {
    margin: 3px;
    vertical-align: middle;
  }
}
.treeTargetFolderButton {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  background: transparent url("/resources/images/target.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .treeTargetFolderButton {
    margin: 6px;
    vertical-align: middle;
  }
}
@media only screen and (min-device-width: 1024px) {
  .treeTargetFolderButton {
    margin: 3px;
    vertical-align: middle;
  }
}
li.droppableLi a.parentNode {
  background: none;
  color: black;
  border: none;
  cursor: default;
  padding: 1px 2px;
  font-size: 16px !important;
}
.noSelection {
  background: none;
  color: black;
  border: none;
  cursor: default;
  padding: 1px 2px;
}
a.simpleNode {
  margin-left: 10px;
}
a.simpleNode:hover {
  border: none;
  padding: 1px 2px;
}
ul li.droppableLi a.clickedNode {
  background: #28969a !important;
  color: #ffffff !important;
}
.deleteNode {
  background: transparent url("/resources/images/delete.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
}
.editGroupTreeButton {
  width: 20px;
  height: 20px;
  background: transparent url("/resources/images/dm_grau_505F64/png/64/edit-tree-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
  background-size: contain;
  float: right;
  margin-right: 8px;
}
.treeActionButtons {
  display: none;
  float: right;
  margin-right: 8px;
}
.saveTreeChanges {
  background: transparent url("/resources/images/tree-save.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
}
.abortTreeChanges {
  background: transparent url("/resources/images/tree-abort.png") no-repeat center center;
  cursor: pointer;
  border: none;
  width: 16px;
  height: 16px;
}
.treeLoader {
  left: 50%;
  margin-left: -65px;
  top: 10%;
}
a.dynatree-title.nofocus {
  outline: none !important;
}
a.dynatree-title.nofocus :link {
  background: transparent;
}
.addNewUserGroupContainer {
  margin-bottom: 8px;
  text-align: right;
}
.userGroupDialogContent .wizardContentColumn {
  width: 402px;
}
.addUserGroup {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_user_management_add_user_group.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 5px !important;
  margin-right: 9px !important;
}
.addUserGroup:hover {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_user_management_add_user_group.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  margin-top: 5px !important;
  margin-right: 9px !important;
}
.userDetailsTile {
  margin: 7px;
  float: left;
  border-bottom: solid 1px #ededed;
  float: none;
}
.userSettingsRow {
  height: 28px;
}
.projectGroupError {
  padding: 5px 0;
}
.timeZoneMatches {
  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  position: fixed;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: inherit;
  padding: 6px;
}
.timeZoneMatches:empty {
  display: none;
}
.timeZoneMatches div {
  cursor: pointer;
  line-height: 20px;
  padding-left: 6px;
}
.timeZoneMatches div:hover {
  background: #d9dadb;
}
.wizardTabs {
  width: 97%;
}
#wzrd_mtr_details {
  overflow-y: auto;
  overflow-x: hidden;
  height: 580px;
}
.wizardWrapper {
  height: 597px;
}
.wizardRow {
  line-height: 26px;
}
.wizardField {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn div.selectMenu,
.wizardContentColumnHalf div.selectMenu,
.wizardContentColumnBig div.selectMenu,
.wizardContentColumnLarge div.selectMenu,
.wizardContentColumnVeryLarge div.selectMenu,
.wizardContentColumnSmall div.selectMenu {
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  line-height: 22px;
}
.wizardContentColumnBig input.fill {
  width: 100%;
  height: 21px !important;
}
.wizardLabelColumn {
  width: 160px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.analysisExecuteLabel {
  width: 244px;
}
.wizardLabelColumnPos {
  margin-right: 32px;
  width: 130px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardLabelColumnMedium {
  width: 120px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardLabelColumnBig {
  width: 200px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardSubPage {
  height: 600px;
  overflow-y: auto;
  display: block;
}
.wizardLabelColumnHalf {
  width: 80px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardLabelColumn140 {
  width: 140px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardAdvancedLabelColumn {
  width: 175px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardAdvancedContentColumn {
  width: 135px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardAdvancedContentColumn input {
  width: 135px;
}
.wizardCommentTextarea {
  width: 180px;
}
.wizardContentColumnHalf {
  width: 180px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn {
  width: 180px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumnMiddle {
  width: 165px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn input {
  width: 100%;
}
.wizardContentColumnLarge {
  width: 250px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn280 {
  width: 280px;
  vertical-align: top;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn310 {
  width: 310px;
  vertical-align: top;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumn310NoAlign {
  width: 310px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumnVeryLarge {
  width: 340px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumnBig {
  width: 250px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
input.wizardContentColumnBig {
  width: 250px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding-top: 2px;
  padding-bottom: 2px;
}
.wizardContentColumnHalf {
  width: 75px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardLabelColumnSmall {
  width: 40px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardContentColumnSmall {
  width: 114px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wizardLabelColumSmallSecond {
  width: 52px;
  text-align: center;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.izarnetDataTable.singleRow.dataTable {
  width: 345px !important;
}
.wizardCheckbox {
  left: -87px;
  top: 5px;
  position: relative;
}
.navigationButtons {
  bottom: 6px;
  position: absolute;
  right: 9px;
  float: right !important;
}
.commentTextArea {
  height: 51px;
}
.ftpInfoButton {
  width: 16px;
  height: 16px;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_icon_net_information.png") no-repeat center center;
  border: none !important;
  cursor: pointer;
  position: absolute;
  background-size: contain;
}
.ftpInfoButton:hover {
  background: url("/resources/images/dm-petrol_00B4AA/png/32/356_icons_icon_net_information.png") no-repeat center center;
  background-size: contain;
}
.ftpNoProfileInfo {
  color: red;
}
.wizardFtpButtons {
  display: inline-block;
  margin-top: 4px;
}
.wizardFtpButtons input {
  height: 16px;
  width: 16px;
  margin-left: 5px;
  outline: none !important;
}
.wizardFtpButtons input:hover {
  height: 16px;
  width: 16px;
}
.addOptional {
  height: 23px !important;
  width: 19px;
  font-size: 0.9em !important;
}
.addRfKeyButton {
  height: 23px !important;
  width: 19px;
  font-size: 0.9em !important;
}
.rfKeyInput {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 200px;
  margin: 2px;
}
.advancedSettingsPanel {
  display: none;
  position: fixed;
  width: 315px;
  min-height: 315px;
  background: white;
  z-index: 99999;
  margin-left: 450px;
  box-shadow: 10px 10px 5px -6px rgba(0, 0, 0, 0.49);
  padding: 5px;
}
.connectedDevicesList {
  border: solid black 1px;
  height: 535px;
  margin-top: 5px;
}
.connectedSerialNo {
  float: left;
  width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wizardError {
  display: none;
  position: absolute;
  top: 0;
  background: white;
  border: solid #f6efeb 1px;
  border-top: none;
  min-height: 33px;
  text-align: center;
  padding: 10px 0;
  filter: alpha(opacity=95);
  opacity: 0.95;
}
.wizardError .errTopRow {
  text-align: right;
  margin-top: -5px;
  margin-right: 5px;
}
.wizardError .errTopRow a {
  border: none;
}
.button.conSuccess {
  color: green !important;
}
.button.conError {
  color: red !important;
}
.mBusDelConflict {
  width: 100%;
  left: 0;
  height: 80%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.1);
}
.deleteConflictSubDialog {
  background: white;
  width: 70%;
  left: 15%;
  position: absolute;
  height: 60%;
}
.delConBtnBar {
  text-align: right;
  padding: 5px;
  bottom: 0;
  position: absolute;
  right: 0;
}
.delConBtnBar input {
  margin-right: 5px !important;
  width: 50px;
}
.delCon {
  margin-top: 10px;
  padding: 5px;
  height: 240px;
  overflow-y: auto;
}
.delCon ul li {
  text-align: left;
}
.discardProfile {
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  z-index: 999;
}
.discardProfileDialog {
  height: 120px;
  top: 50%;
  margin-top: -110px;
}
#ftpConnectionProfile {
  width: 600px;
}
.wizardButton {
  margin-left: 5px;
}
.ftpProfileDelError {
  margin-left: 5px;
  width: 306px;
  height: 40px;
  overflow: hidden;
  float: left;
}
.dynamicParamInputField {
  width: 275px !important;
}
.scrollableContent {
  overflow-y: auto;
  position: absolute;
  top: 40px;
  bottom: 10px;
  left: 5px;
  right: 5px;
}
.analysisWizard.scrollableContent {
  top: auto;
  bottom: auto;
}
.labelBig {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.selectedMeasColumn {
  width: 49%;
  text-align: center;
  display: inline-block;
}
.ellipsedButtonAddRecipients {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ftpApplyBtn {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wizardLabelColumnEllipsed {
  width: 160px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.wizardContentColumnLargeEllipsed {
  width: 250px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
}
.currentGroupValue {
  display: inline-block;
  padding-left: 15px;
}
.keyDisplay {
  max-width: 140px;
  word-break: break-all;
}
button.searchIconButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/details-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 32px;
}
button.searchIconButton:hover {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/details-teal.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 32px;
}
.wizardContentColumn input.width142 {
  width: 142px !important;
}
.wizardMobileV1Upload {
  padding: 7px 23px 6px 169px;
}
.wizardMobileV1UploadLabel {
  width: 119px;
}
.wizardMobileV1UploadButton {
  float: right;
}
.durationColumn .numberSpinner {
  width: 40px !important;
}
.durationColumn .selectMenu {
  width: 134px !important;
}
.searchTabContainer {
  padding: 0px !important;
}
.searchTabContainer .tabContent {
  padding: 0px !important;
  overflow: auto;
}
.searchPanel {
  padding: 10px;
}
.searchPanel input[type=text] {
  height: 29px;
  width: 300px;
  margin-right: 7px;
}
.searchResultRow {
  border-bottom: solid 1px #cccccc;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noResultRow {
  border-bottom: solid 1px #cccccc;
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: red;
}
.searchResultRow a {
  font-size: 18px;
  color: #1a0dab;
  border: none !important;
  outline: none !important;
}
.searchSubInfoBox {
  display: inline-block;
  border: #cccccc solid 1px;
  padding: 4px;
  height: 15px;
  border-radius: 5px;
  margin: 5px;
}
.searchBar {
  z-index: 10;
  height: 65px;
  float: right;
  margin-right: 10px;
}
.searchBar input[type=text] {
  height: 22px;
}
.searchBar input[type=text].searchBarInput {
  height: 32px;
  width: 60px;
}
@media only screen and (min-width: 1040px) {
  .searchBar input[type=text].searchBarInput {
    width: 80px;
  }
}
@media only screen and (min-width: 1095px) {
  .searchBar input[type=text].searchBarInput {
    width: 136px;
  }
}
.searchBar .searchIcon {
  width: 64px;
  height: 64px;
  float: right;
  background: transparent url("/resources/images/dm_grau_505F64/png/32/details-gr.png") no-repeat center center;
  cursor: pointer;
  border: none;
}
.searchBar .searchInput {
  margin-top: 15px;
}
input.searchIconButton {
  background: transparent url("/resources/images/dm_grau_505F64/png/32/details-gr.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 32px;
}
input.searchIconButton:hover {
  background: transparent url("/resources/images/dm-petrol_00B4AA/png/32/details-teal.png") no-repeat center center !important;
  cursor: pointer !important;
  border: none !important;
  width: 32px;
}
.coverMenu {
  width: 100%;
  height: inherit;
  background: rgba(255, 255, 255, 0.7);
}
#searchBarForm {
  display: flex;
}
.pw_btn_common {
  cursor: pointer !important;
  height: 32px !important;
  width: 32px;
  border: none;
  outline: none;
}
.processViewWrap {
  padding-top: 14px;
}
.processViewWrap > input[type=button] {
  cursor: pointer !important;
  height: 32px !important;
  width: 32px;
  border: none;
  outline: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_table_more_actions.png");
}
#process_pnl_open_btn {
  cursor: pointer !important;
  height: 32px !important;
  width: 32px;
  border: none;
  outline: none;
}
.notifyGeneralInformation {
  border-bottom: solid #B2B3B6 1px;
  padding: 5px;
}
.gInfoItem {
  float: left;
  margin-left: 5px;
}
.gInfoItem label {
  margin-right: 3px;
}
.gInfoContent {
  display: inline-block;
  width: 155px;
}
.gNotifyMe {
  line-height: 21px;
}
.notifyDeviceRecipientsInformation {
  position: absolute;
  top: 85px;
  bottom: 0;
  left: 5px;
  right: 5px;
}
.notifyDeviceSelection {
  position: absolute;
  bottom: 40px;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: solid #B2B3B6 1px;
}
.notifyTreeContainer {
  max-width: 200px;
  width: 20%;
  height: 100%;
  min-height: 100%;
  background: #e7e7e8;
  float: left;
}
.notifyTablesContainer {
  overflow: hidden;
  height: 100%;
}
input.notificationConnectButton {
  display: block;
  margin-left: auto;
  margin-right: auto !important;
  width: 30px !important;
  height: 30px !important;
}
.notificationTableBody td {
  text-align: center;
}
.notificationsTabContent {
  padding: 5px !important;
  box-sizing: border-box;
}
.showTableContainer {
  position: absolute;
  top: 75px;
  bottom: 0;
  left: 20px;
  right: 20px;
}
.notificationDetailsTwoColPanel {
  height: 99%;
  overflow: hidden;
  width: 50%;
  float: left;
}
#contactsForm div.dataTables_scrollBody thead th.noSortableColumn {
  height: 0;
  background: none !important;
}
#detailsTableNotification div.dataTables_scrollBody thead th.noSortableColumn {
  height: 0;
  background: none !important;
}
.notificationAddDeviceFullLeft {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 30px;
  height: 30px;
}
.notificationAddDeviceFullRight {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_full_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 30px;
  height: 30px;
}
.notificationAddDeviceLeft {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_left.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 30px;
  height: 30px;
}
.notificationAddDeviceRight {
  cursor: pointer;
  border: none;
  background: url("/resources/images/dm_grau_505F64/png/32/356_icons_browser_move_right.png") no-repeat center center;
  width: 32px;
  height: 32px;
  outline: none !important;
  /*
    border-right: solid #f0f0f1 1px;
  */
  width: 30px;
  height: 30px;
}
.tooManyMetersText {
  text-align: center;
  margin-top: 10px;
}
.notificationTable {
  table-layout: fixed;
}
.noticifation-table-checkbox {
  padding: 5px;
}
#systemTabs .masterDataLabel {
  width: 300px;
}
#systemTabs .masterDataLabel.width290 {
  width: 280px;
}
div.errorPageContainer {
  width: 80%;
  margin: auto;
}
div.errorPageContainer table {
  width: 100%;
  margin-top: 5px;
}
div.errorPageContainer a {
  text-decoration: underline;
}
div.errorPageContainer form {
  margin-top: 40px;
}
div.errorPageContainer table td.tdHeader {
  font-weight: bold;
  vertical-align: top;
}
div.errorPageHeadline {
  margin-top: 20px;
}
.defMeasWizard {
  border: none;
}
.defMeasWizard .tileContent {
  margin-bottom: 10px;
  border-bottom: solid 1px #ededed;
}
.defMeasWizard .tileContent .wizardRow {
  margin-bottom: 5px;
}
.defMeasWizard .tileContent .wizardRow .wizardContentColumn .numberSpinner {
  width: 40px !important;
}
.defMeasWizard .tileContent .wizardRow .wizardContentColumn .rangeSelector {
  width: 134px;
}
.defTypeIcon {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 6px;
  margin-left: 4px;
  margin: 5px 4px 0;
}
.iconActionColumn {
  width: 90px;
}
ul.configurationList {
  list-style-type: none;
  padding-left: 0px;
}
ul.configurationList li {
  padding: 5px;
}
ul.configurationList li.odd {
  background-color: #FFFFFF;
}
ul.configurationList li.even {
  background-color: #F4F4F4;
}
.strike {
  text-decoration: line-through;
}
/*
@import "helpwindow";
*/
.deviceList {
  width: 130px;
  height: 500px;
  border: 1px solid #b2b3b4;
}
ul.deviceList {
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.deviceList li {
  /*width: 96.5%;*/
  cursor: default;
  margin: 0;
  padding: 3px;
  line-height: 15px;
  background: none;
  color: black;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.deviceList li.deviceListSelected {
  background: #28969a;
  color: white;
  padding: 3px;
}
ul.deviceList li.unmodifiable {
  background: #d3d3d3;
}
.deviceList:focus {
  outline: #28969a Solid 1px;
  inline: none;
}
div.deviceListTitle {
  padding: 3px;
}
div.deviceListSimulation {
  width: 338px;
  height: 100px;
  overflow-y: auto;
  border: solid #b2b3b4 1px;
}
div.deviceListSimulationItem {
  line-height: normal;
  height: 16px;
  cursor: default;
  font-size: 12px;
  font-family: Arial, sans-serif;
  padding: 3px;
}
div.deviceListSimulationItem div.label {
  display: inline-block;
  width: 250px;
}
div.deviceListSimulationItem div.icons-grey {
  display: inline-block;
  width: 40px;
  padding-top: 2px;
}
.buttonStyle {
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  font-weight: normal !important;
}
ul.sortableFormula {
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 100%;
  display: table-cell;
}
ul.sortableFormula li {
  margin: 3px 3px 3px 0;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
  float: left;
  width: 100px;
  height: 25px;
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  font-weight: normal !important;
}
ul#operators {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#operators li {
  margin: 3px 3px 3px 0;
  padding: 1px;
  float: left;
  width: 25px;
  height: 22px;
  line-height: 21px;
  background: none repeat scroll 0 0 #e7e7e8 !important;
  border: 1px solid #ADADAE !important;
  color: #333333 !important;
  cursor: pointer !important;
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
  font-size: 12px !important;
  height: 29px !important;
  margin-right: 0.1em !important;
  text-align: center !important;
  -webkit-appearance: none;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
  font-weight: normal !important;
}
ul.deviceList li {
  cursor: default;
  margin: 0;
  padding: 3px;
  line-height: 15px;
  background: none !important;
  color: black !important;
  border: 0px !important;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul.deviceList li.connectListSelected {
  background: #28969a !important;
  color: white !important;
  height: 15px !important;
  text-align: left !important;
  padding: 3px;
}
.draggableRemove {
  float: right;
  vertical-align: top;
  font-size: 10px;
  margin-top: -4px;
  cursor: pointer;
  display: inline;
}
.draggableRemove.marginTopMinus10 {
  margin-top: -10px;
}
fieldset.virtualMeterQuery {
  height: 488px;
  border: 1px solid #b2b3b4;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  margin: 0;
}
fieldset.virtualMeterQuery ul.connectedList {
  padding-top: 20px;
  width: 775px;
}
fieldset.virtualMeterQuery legend {
  position: absolute;
  top: 5px;
  left: 7px;
}
.virtualMeterLeftBlock .liveSearchResult {
  min-width: 148px;
}
.virtualMeterLeftBlock table tr td:nth-child(2) {
  display: none;
}
span#operator input.ui-spinner-input:focus {
  outline: none;
}
span.ui-spinner {
  height: 22px;
}
div.textOverflow {
  width: 60px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  padding-left: 10px;
}
ul.sortableFormula li.virtualMeterHoverEffect {
  background: none repeat scroll 0 0 #ADADAE !important;
  border: 1px solid #ADADAE !important;
}
div.tooltip {
  outline: none;
}
div.tooltip strong {
  line-height: 30px;
}
div.tooltip:hover {
  text-decoration: none;
}
div.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -25px;
  margin-left: 28px;
  width: 100px;
  line-height: 16px;
}
div.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #111;
  border: 1px solid #D5D5D6;
  background: #FFFFFF;
}
.callout {
  z-index: 20;
  position: absolute;
  top: 30px;
  border: 0;
  left: -12px;
  top: 2px;
}
div.tooltip span {
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
  text-transform: none;
}
/* surrounding tag container */
.tag-editor {
  list-style-type: none;
  padding: 0 5px 0 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid #aaaaaa;
  cursor: text;
  font: normal 14px sans-serif;
  color: #555;
  background: #fff;
}
/* core styles usually need no change */
.tag-editor li {
  display: block;
  float: left;
  overflow: hidden;
  margin: 3px 0;
}
.tag-editor div {
  float: left;
  padding: 0 4px;
}
.tag-editor .placeholder {
  padding: 0 8px;
  color: #bbb;
}
.tag-editor .tag-editor-spacer {
  padding: 0;
  width: 8px;
  overflow: hidden;
  color: transparent;
  background: none;
}
.tag-editor input {
  vertical-align: inherit;
  border: 0;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: text;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  box-shadow: none;
  background: none;
  color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src {
  position: absolute !important;
  left: -99999px;
}
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear {
  display: none;
}
/* tag style */
.tag-editor .tag-editor-tag {
  padding-left: 5px;
  color: #000000;
  background: #e3e3e3;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-radius: 2px 0 0 2px;
  text-overflow: ellipsis;
  max-width: 120px;
}
/* delete icon */
.tag-editor .tag-editor-delete {
  background: #e3e3e3;
  cursor: pointer;
  border-radius: 0 2px 2px 0;
  padding-left: 3px;
  padding-right: 4px;
}
.tag-editor .tag-editor-delete i {
  line-height: 16px;
  display: inline-block;
}
.tag-editor .tag-editor-delete i:before {
  font-size: 16px;
  color: #8ba7ba;
  content: "×";
  font-style: normal;
}
.tag-editor .tag-editor-delete:hover i:before {
  color: #000000;
}
.tag-editor .tag-editor-tag.active + .tag-editor-delete,
.tag-editor .tag-editor-tag.active + .tag-editor-delete i {
  visibility: hidden;
  cursor: text;
}
.tag-editor .tag-editor-tag.active {
  background: none !important;
}
/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
  background: #FFFFFF !important;
}
.ui-front {
  z-index: 9999;
}
.ui-menu {
  list-style: none;
  padding: 2px !important;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  min-height: 0;
  /* support: IE7 */
}
.ui-autocomplete .ui-widget-content,
.ui-autocomplete .ui-widget {
  background: #FFFFFF;
  color: #000000;
}
.ui-autocomplete .ui-widget-content li,
.ui-menu .ui-menu-item {
  padding: 2px !important;
}
.ui-autocomplete.ui-widget-content a {
  color: #000000;
}
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
  background: #00B4AA !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 2px !important;
}
.ui-helper-hidden-accessible {
  display: none;
}