/* Base Colors */
/* ipad size - portrait: 768x946, Landscape: 1024x690 */
/* main color theme */
/* commError indication */
/* modal window */
@font-face {
  font-family: 'Open Sans Light';
  src: url('../fonts/open sans/OpenSans-Light.eot');
  src: url('../fonts/open sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/open sans/OpenSans-Light.woff') format('woff'), url('../fonts/open sans/OpenSans-Light.ttf') format('truetype'), url('../fonts/open sans/OpenSans-Light.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Regular';
  src: url('../fonts/open sans/OpenSans-Regular.eot');
  src: url('../fonts/open sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/open sans/OpenSans-Regular.woff') format('woff'), url('../fonts/open sans/OpenSans-Regular.ttf') format('truetype'), url('../fonts/open sans/OpenSans-Regular.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Bold';
  src: url('../fonts/open sans/OpenSans-Bold.eot');
  src: url('../fonts/open sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/open sans/OpenSans-Bold.woff') format('woff'), url('../fonts/open sans/OpenSans-Bold.ttf') format('truetype'), url('../fonts/open sans/OpenSans-Bold.svg#robotolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Trebuchet MS';
  height: 100%;
  width: 100%;
  -webkit-touch-callout: none;
  margin: 0px;
  /*8px white border, bottom: 8 white border + 4 blue border*/
  padding-bottom: 0px;
  line-height: 20px;
  font-size: 14px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*main container*/
}
body .container {
  /*min-width: 630px;*/
  width: 100%;
  padding-top: 4px;
}
body .container-signin {
  min-width: 250px;
}
body .navbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1200;
  margin-bottom: 0;
}
body .navbar-fixed-top .navbar-inner {
  border-width: 0 0 1px;
}
button {
  cursor: pointer;
}
input[type="checkbox"]:focus {
  outline: 0;
}
input[type="checkbox"]:indeterminate {
  display: inline;
}
input[type="checkbox"]:indeterminate + label {
  pointer-events: none;
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #666;
  border-radius: 1px;
  position: absolute;
  left: 16px;
  top: 8px;
}
.btn-ico,
.btn-ico-mini {
  display: block;
  height: 24px;
  min-width: 16px;
  background-image: none;
  border: 0px;
  text-decoration: none;
  cursor: pointer;
  padding: 4px;
  margin: 0px;
}
.icon-energo {
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
  margin: 0px;
  display: block;
  float: left;
}
/*icons svg*/
.checked .icon-energo-selection {
  background: url("../img/Checked.svg");
}
.unchecked .icon-energo-selection {
  background: url("../img/Unchecked.svg");
}
.remember-me .selected .icon-energo-selection {
  background: url("../img/Checked.svg");
  background-size: contain;
}
.remember-me .icon-energo-selection {
  background: url("../img/Unchecked.svg");
  float: right;
  margin-left: 2px;
  background-size: contain;
}
[class*=" icon-"] {
  margin: 0 0 0 0;
  display: inline-block;
  line-height: 14px;
}
.icon-chevron-up {
  background-image: url("../img/icon-chevron-up.svg");
  height: 22px;
  width: 20px;
  background-size: 22px 22px;
}
.icon-chevron-down {
  background-image: url("../img/icon-chevron-down.svg");
  height: 22px;
  width: 20px;
  background-size: 22px 22px;
}
.icon.icon-chevron-up,
.icon.icon-chevron-down {
  background-size: 22px 22px;
  height: 16px;
}
.icon.icon-chevron-up {
  background-image: url("../img/icon-chevron-up.svg");
}
.icon.icon-chevron-down {
  background-image: url("../img/icon-chevron-down.svg");
}
/*login window box*/
.form-signin {
  border: none;
  margin: 0 auto 24px;
  width: 256px;
  background-color: #c33;
}
.form-signin .form-signin-box {
  margin: 0px 32px 0px 32px;
}
.form-signin .brand {
  font-size: 36px;
  height: 64px;
  color: white;
  text-align: center;
  padding: 16px 0px 8px;
}
.form-signin .brand span {
  font-size: 18px;
  margin-left: -104px;
  margin-top: 32px;
  position: absolute;
}
.form-signin .brand-name {
  color: white;
  font-size: 20px;
  text-align: center;
  padding: 16px 0px;
}
.form-signin .btn-large {
  line-height: 32px;
  width: 100%;
  height: 40px;
  padding: 4px 0px;
  background-image: none;
  border: none;
  font-size: 18px;
  color: white;
  margin: 0px;
  background-color: #900;
  border-radius: 0;
}
.form-signin #username,
.form-signin #userpassword {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
  background-color: white;
  width: 100%;
  height: 32px;
  padding: 0px 4px;
  margin: 2px 0px;
  font-size: 14px;
  border-radius: 0;
}
.remember-me {
  height: 44px;
  padding: 4px 0px;
}
.remember-me span {
  line-height: 32px;
  float: left;
  color: white;
  height: 32px;
}
.remember-me a {
  background-color: #c33;
  float: left;
  cursor: pointer;
}
.remember-me .remember-me-selection {
  background-color: inherit;
}
.text-information {
  color: white;
  line-height: 32px;
  text-align: center;
}
.text-information.loginEerror,
.text-information.error-message {
  background-color: red;
}
/*table-filter-sort */
.table-filter-sort {
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}
.table-filter-sort.rowsClickable td {
  cursor: pointer;
}
.table-filter-sort .table-labels {
  float: left;
  overflow: hidden;
  height: 20px;
  /*> div {
white-space: nowrap;
    display: inline-table;
    }*/
}
.table-filter-sort .table-labels tr {
  background-color: inherit!important;
}
.table-filter-sort .table-labels tr td {
  cursor: auto;
  line-height: 20px!important;
}
.table-filter-sort .table-labels tr td > span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - .625rem);
}
.table-filter-sort .table-labels tr td.sortable {
  cursor: pointer;
}
.table-filter-sort .table-labels tr .unit-alarm-cell {
  padding: 0px!important;
}
.table-filter-sort .table-labels .unit-alarm-cell {
  color: white;
}
.table-filter-sort table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  float: left;
}
.table-filter-sort table td {
  border: none;
  padding: 0px;
}
.table-filter-sort .table-head .filters > div {
  float: left;
}
.table-filter-sort .table-head .filters > div > div {
  margin-right: 10px;
}
.table-filter-sort .table-head .filters > div .table-head > div > div > div {
  max-width: 250px;
}
.table-filter-sort .name.red span {
  background-color: #d50000;
  color: white;
  padding: 0.3125rem;
}
.table-filter-sort .name.green span {
  background-color: #6cc24a;
  color: white;
  padding: 0.3125rem;
}
.table-filter-sort .name.yellow span {
  background-color: #FBC02D;
  padding: 0.3125rem;
}
.table-filter-sort .name.brown span {
  background-color: #934d11;
  color: white;
  padding: 0.3125rem;
}
.table-filter-sort .name.blue span {
  background-color: #00acec;
  padding: 0.3125rem;
}
.table-filter-sort .name.grey span {
  background-color: #808080;
  color: white;
  padding: 0.3125rem;
}
.table-filter-sort .unitAlarm,
.table-filter-sort .groupAlarm {
  background-position: center center;
  background-repeat: no-repeat;
}
.table-filter-sort .unitAlarm .red span,
.table-filter-sort .groupAlarm .red span {
  background-color: #d50000;
}
.table-filter-sort .unitAlarm .green span,
.table-filter-sort .groupAlarm .green span {
  background-color: #6cc24a;
}
.table-filter-sort .unitAlarm .yellow span,
.table-filter-sort .groupAlarm .yellow span {
  background-color: #FBC02D;
}
.table-filter-sort .unitAlarm.ico-alarm-ok,
.table-filter-sort .groupAlarm.ico-alarm-ok {
  background-image: url("../img/old/ico_alarm_ok.gif");
}
.table-filter-sort .unitAlarm.ico-alarm-oko,
.table-filter-sort .groupAlarm.ico-alarm-oko {
  background-image: url("../img/old/ico_alarm_oko.gif");
}
.table-filter-sort .unitAlarm.ico-alarm,
.table-filter-sort .groupAlarm.ico-alarm {
  background-image: url("../img/old/ico_alarm.gif");
}
.table-filter-sort .unitAlarm.ico-alarm-nocom,
.table-filter-sort .groupAlarm.ico-alarm-nocom {
  background-image: url("../img/old/ico_alarm_nocom.gif");
}
.table-filter-sort .actions {
  text-align: center;
}
.table-filter-sort .main-table td.name > span {
  width: calc(100% - .625rem);
  max-width: 100%!important;
  display: inline-block;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.table-filter-sort td.engineState {
  padding: 0px!important;
  text-align: center;
}
.table-filter-sort td.last-update,
.table-filter-sort td.selectbox a,
.table-filter-sort td.icons2,
.table-filter-sort ._esgSelectElement {
  text-align: center;
}
.table-filter-sort td,
.table-filter-sort td.last-update,
.table-filter-sort td.selectbox,
.table-filter-sort td.icons2 {
  padding: 0px!important;
}
.table-filter-sort.hideSelection .selectbox,
.table-filter-sort.hideSelection ._esgSelectElement,
.table-filter-sort.hideSelection .selected {
  display: none!important;
}
.table-filter-sort .ipad-scroll {
  top: 0!important;
  right: 5px!important;
}
.table-filter-sort .ipad-scroll tbody tr {
  word-break: break-word;
}
.table-filter-sort .ipad-scroll tbody tr td {
  border: none;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-filter-sort .selectbox input {
  margin: 0 auto;
  display: block;
}
.table-filter-sort .select-all {
  position: absolute;
  top: 0;
  width: 40px;
  text-align: center;
}
.webcontrol-active .table-filter-sort .main-table td.name > span {
  display: block;
}
.filter-sort-panel .check-cell input {
  height: 1.625rem;
}
/*table filter input*/
.input-filter {
  position: relative;
}
.input-filter .search-input {
  margin: 0px;
  padding: 2px 24px 2px 4px;
  height: 24px;
  background-color: white;
  width: calc(100% - 32px) !important;
  /*width: @unitSize1 * 3;*/
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: none;
  position: relative;
}
.input-filter .input-search-MSIE {
  padding-right: 6px;
}
.input-filter .ico-close {
  right: 5px;
  top: 1px;
  position: absolute;
  height: 26px;
  padding: 0px 4px;
}
.input-filter .icon-energo-clear-search {
  background: url("../img/ClearSearch.svg");
  background-size: 16px 22px;
  width: 16px;
  height: 22px;
  background-repeat: no-repeat;
}
/*VIEWS*/
.withAnimation .view-panel-container {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.views-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.views-container > .view-panel-container {
  z-index: 10;
}
.views-container > .view-panel-top,
.views-container > .view-panel-left,
.views-container > .view-panel-right,
.views-container > .view-panel-bottom {
  position: fixed;
  z-index: 11;
}
.views-container > .view-panel-top {
  top: 0;
  width: 100%;
}
.views-container > .view-panel-bottom {
  bottom: 0;
  width: 100%;
}
.views-container > .view-panel-left {
  left: 0;
}
.views-container > .view-panel-right {
  right: 0;
}
/* map gadget */
.map-outer-wrapper {
  height: 100%;
}
.map-wrapper {
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.map-wrapper .map-plugin {
  height: 100%;
  /*&.zoomedIn .ol-overlay-container .mapObject,
    .mapObject.zoomedIn {
      width: auto;

      & > div > span.label {
        white-space: nowrap;
        text-align: left;
        overflow: hidden;
        display: inline-block;
        width: auto;
        padding: 0 @unitSize1-8;
        margin-left: @unitSize1-16;
      }
    }*/
}
.map-wrapper .map-plugin canvas.ol-unselectable {
  background-color: #c0c0c0;
  display: block !important;
}
.map-wrapper .map-plugin .map-element-priority-2 {
  z-index: 902;
  position: relative;
}
.map-wrapper .map-plugin .map-element-priority-1 {
  z-index: 901;
  position: relative;
}
.map-wrapper .map-plugin .map-element-priority-0 {
  z-index: 900;
  position: relative;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject {
  height: 32px;
  background-image: url("../img/pin.svg");
  background-repeat: no-repeat;
  /*margin-top: -@unitSize1;
      margin-left: 200px;*/
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-backface-visibility: hidden;
  background-position-x: center;
  background-position-y: bottom;
  /*&.blue {
        background-image: url("../img/MapObjectBlue.svg");

        .label {
          background-color: #3399CC;
        }
      }

      &.red {
        background-image: url("../img/MapObjectRed.svg");

        .label {
          background-color: #FF3333;
        }
      }*/
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject .map-object-container > span {
  background-color: #069;
  border: 1px solid white;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject .activeAlarmNr,
.map-wrapper .map-plugin .ol-overlay-container .mapObject .commErrorNr {
  padding-right: 2px;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject.green {
  background-image: url("../img/Pin.svg");
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject .goto-schema {
  width: 16px;
  cursor: pointer;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject > div {
  height: 100%;
  width: 100%;
  color: white;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject > div > span {
  text-align: center;
  display: inline-block;
  width: auto;
  min-width: 16px;
  line-height: 16px;
  float: left;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject > div > span.label {
  display: none;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject > div > span.clickable {
  cursor: pointer;
  background-color: #FF3333;
}
.map-wrapper .map-plugin .ol-overlay-container .mapObject > div .icon-energo {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  display: inline-block;
}
.map-marker.hidden {
  display: none;
}
/* tableGrid */
.main-table tr {
  display: table-row;
}
.main-table .toggle-group .unit-name-cell span.group-num {
  width: 3.125rem;
  padding: 0 0.3125rem 0 0;
  text-align: right;
}
.main-table .toggle-group .unit-name-cell span:first-child {
  padding: 0 0.3125rem 0 0.3125rem;
}
.table-grid-mode {
  height: 100%;
  position: relative;
  /*.map-group-enabled { //skryti sipek v modu s virtualni skupinou
    .inner-item td.name span:before {
      background: none;
    }
  }*/
}
.table-grid-mode .table-labels {
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #424242;
  width: 100%;
  border-bottom: solid 1px #c2c2c2;
  line-height: 1.6;
  white-space: normal;
}
.table-grid-mode .table-labels td {
  line-height: 1.6;
  white-space: normal;
  margin-left: -3px;
  padding: 0 0.3125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.table-grid-mode.rows .table-filter-sort {
  box-sizing: initial;
}
.table-grid-mode.rows .table-filter-sort .main-table td.name {
  margin: 0 1.875rem !important;
}
.table-grid-mode.rows .table-filter-sort .table-labels td {
  margin-left: 0px;
}
.table-grid-mode.rows .table-filter-sort tr {
  box-sizing: initial;
  border: none;
  width: 100%;
  border-bottom: solid 1px #cecece;
  background-color: #ffffff;
}
.table-grid-mode.rows .table-filter-sort tr:hover {
  background-color: #dbdbdb;
}
.table-grid-mode.rows .table-filter-sort tr.table-unit.active-row {
  background-color: #757575;
  color: #ffffff;
}
.table-grid-mode.rows .table-filter-sort tr.table-unit.active-row svg {
  fill: white;
}
.table-grid-mode.rows .table-filter-sort td {
  box-sizing: initial;
  line-height: 1.875rem;
  padding: 0 0.3125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.table-grid-mode.rows .table-filter-sort td.name {
  font-weight: 500;
}
.table-grid-mode.rows .table-filter-sort td.name .unit-name-cell {
  width: auto;
}
.table-grid-mode.rows .table-filter-sort td.name .unit-name-cell span:first-child {
  width: calc(100% - 4.0625rem);
}
.table-grid-mode.rows .table-filter-sort td.engine-state {
  text-align: center;
  padding: 0 0.625rem;
  font-weight: 500;
}
.table-grid-mode.rows .table-filter-sort td.icons {
  padding: 0;
}
.table-grid-mode.rows .table-filter-sort .dp-group {
  background-color: #f4f4f4 !important;
}
.table-grid-mode.rows .units-table-view .table-filter-sort td {
  line-height: 1.875rem;
}
.table-grid-mode.rows .units-table-view .table-filter-sort td.icons {
  line-height: 1.875rem;
}
.table-grid-mode.rows .units-table-view.row-height-40 .table-filter-sort td {
  line-height: 2.5rem;
}
.table-grid-mode.rows .units-table-view.row-height-40 .table-filter-sort td.icons {
  line-height: 2.5rem;
}
.table-grid-mode.rows .units-table-view .table-head td > div {
  display: none;
}
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.unit-alarm-cell,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.unit-alarm-cell,
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.name,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.name,
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.selectbox,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.selectbox {
  overflow: visible;
}
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.unit-alarm-cell > *,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.unit-alarm-cell > *,
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.name > *,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.name > *,
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.selectbox > *,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.selectbox > * {
  position: relative;
  left: 1.1875rem;
}
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.name,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.name {
  overflow: hidden;
}
.table-grid-mode.rows .tree-with-padding .allUnits .inner-item td.name > *,
.table-grid-mode.rows .tree-with-padding .webControlGroups .inner-item td.name > * {
  left: 1.3125rem;
  width: calc(100% - 1.9375rem);
  /*2.8+.5+.5*/
}
.table-grid-mode.grid .table-filter-sort table {
  width: auto;
}
.table-grid-mode.grid .table-filter-sort .main-table table {
  margin: 0.3125rem 0 0 0.3125rem;
  width: calc(100% - .3125rem) !important;
}
.table-grid-mode.grid .table-filter-sort .main-table tr {
  display: block;
}
.table-grid-mode.grid .table-filter-sort .table-labels {
  display: none;
}
.table-grid-mode.grid .table-filter-sort tr {
  width: 10%;
  min-width: 8.125rem;
  max-width: 9.15625rem;
  padding: 0.4375rem;
  float: left;
  height: 10rem;
  overflow: hidden;
  border: none;
  position: relative;
  background-color: transparent;
}
.table-grid-mode.grid .table-filter-sort tr:hover {
  background-color: #dbdbdb;
}
.table-grid-mode.grid .table-filter-sort tr.active-row {
  background-color: #8f8f8f;
}
.table-grid-mode.grid .table-filter-sort tr.inner-item .value-col-1 {
  background: white url("../img/in-group-sign.svg") no-repeat bottom right;
}
.table-grid-mode.grid .table-filter-sort td {
  display: block;
  height: 2.5rem;
  border: solid 1px #c2c2c2;
  background-color: white;
  width: calc(100% - .875rem) !important;
  border-width: 0 1px 0 1px;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  position: absolute;
}
.table-grid-mode.grid .table-filter-sort td.selectbox {
  border-width: 1px 1px 0 1px;
  height: 1.875rem;
  top: 0.4375rem;
}
.table-grid-mode.grid .table-filter-sort td.selectbox a {
  margin: 0 auto;
  width: 24px;
}
.table-grid-mode.grid .table-filter-sort td.selectbox input {
  height: 1.875rem;
}
.table-grid-mode.grid .table-filter-sort td.name {
  top: 4.375rem;
  z-index: 0;
  padding: 0 0.4375rem !important;
}
.table-grid-mode.grid .table-filter-sort td.name span {
  position: relative;
  display: block;
  margin: 0.4375rem 0;
  padding: 0 0.4375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  width: 100%;
}
.table-grid-mode.grid .table-filter-sort td.name span:before {
  display: none;
}
.table-grid-mode.grid .table-filter-sort td.name span:nth-child(2) {
  line-height: 1.3;
  width: auto;
}
.table-grid-mode.grid .table-filter-sort td.unit-alarm-cell,
.table-grid-mode.grid .table-filter-sort td.last-update {
  position: absolute;
  width: calc(50% - .4375rem) !important;
  top: 2.3125rem;
  z-index: 5;
}
.table-grid-mode.grid .table-filter-sort td.unit-alarm-cell svg,
.table-grid-mode.grid .table-filter-sort td.last-update svg {
  top: 0.375rem;
  vertical-align: baseline;
}
.table-grid-mode.grid .table-filter-sort td.unit-alarm-cell {
  border-width: 1px 0 0 1px;
  right: 50%;
}
.table-grid-mode.grid .table-filter-sort td.last-update {
  border-width: 1px 1px 0 0;
  left: 50%;
}
.table-grid-mode.grid .table-filter-sort td.engine-state-cell {
  line-height: 1.875rem;
  height: 1.875rem;
  top: 6.0625rem;
}
.table-grid-mode.grid .table-filter-sort td.locate-cell {
  display: none;
}
.table-grid-mode.grid .table-filter-sort td.icons {
  padding: 0;
}
.table-grid-mode.grid .table-filter-sort td[class^="value-col-"] {
  display: none;
}
.table-grid-mode.grid .table-filter-sort td.value-col-1 {
  line-height: 1.875rem;
  height: 1.875rem;
  display: block;
  top: 7.6875rem;
  border-width: 0 1px 1px 1px;
}
.table-grid-mode.grid .table-filter-sort td.value-col-1 span:first-child {
  display: none;
}
.table-grid-mode.grid .table-filter-sort td.value-col-1 span:last-child {
  margin-right: 0px;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .last-update,
.table-grid-mode.grid .table-filter-sort tr.dp-group .engine-state-cell {
  display: none;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .name {
  height: 4.375rem;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .name .unit-name-cell {
  width: 100%;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .name .unit-name-cell > span {
  text-align: center;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .name .unit-name-cell > span:last-child {
  background-color: transparent;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group.unit-alarm-disabled .name .unit-name-cell span:last-child {
  color: #999;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .name .unit-name-cell span:last-child {
  color: #424242;
}
.table-grid-mode.grid .table-filter-sort tr.dp-group .unit-alarm-cell {
  right: 100%;
  width: calc(100% - .875rem) !important;
  left: 0.4375rem;
  border-right: solid 1px #c2c2c2;
}
.table-grid-mode.grid .table-filter-sort.hideSelection tr {
  height: 9.1875rem;
}
.table-grid-mode.grid .table-filter-sort.hideSelection .selectbox,
.table-grid-mode.grid .table-filter-sort.hideSelection ._esgSelectElement {
  display: none!important;
}
.table-grid-mode.grid .table-filter-sort.hideSelection .name {
  top: 2.5rem;
}
.table-grid-mode.grid .table-filter-sort.hideSelection .unit-alarm-cell,
.table-grid-mode.grid .table-filter-sort.hideSelection .last-update {
  position: absolute;
  width: calc(50% - .4375rem) !important;
  top: 0.4375rem;
}
.table-grid-mode.grid .table-filter-sort.hideSelection .table-cell .engine-state-cell {
  top: 4.5625rem;
}
.table-grid-mode.grid .table-filter-sort.hideSelection .value-col-1 {
  top: 6.25rem;
  line-height: 2.5rem;
  height: 2.5rem;
}
.table-grid-mode .name {
  font-weight: 500;
}
.table-grid-mode .tools-filters-enabled .content-alert.info {
  width: 100%;
  display: block;
}
.table-grid-mode .tools-checkbox,
.table-grid-mode .unit-alarm-cell,
.table-grid-mode .cell-wrapper,
.table-grid-mode .locate-cell {
  float: none;
}
.login-page {
  background: #f3f3f3;
  height: auto;
}
.login-page #logo {
  max-height: 20rem;
  padding-top: 1.875rem;
  margin-top: 0;
}
.login-page #logo img {
  height: auto;
}
@media screen and (max-width: 400px) {
  .login-page #logo img {
    width: 100%;
  }
}
.login-page input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login-page .show-registration {
  cursor: pointer;
}
.login-page .warning a {
  cursor: pointer;
}
.align-center {
  margin: 0;
}
.align-center li {
  margin: 0;
}
.page-border {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.page-border > div {
  height: 100%;
  width: 100%;
  position: relative;
}
.main-content-container {
  position: absolute;
  top: 0px;
}
.login-form,
.forgot-form {
  margin-top: 253px;
}
.modal {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: 0;
  left: 0;
  margin: 0px;
  border: 0px;
  color: #424242;
  user-select: text;
}
.modal.fade.in {
  top: 5%!important;
}
.modal-center {
  display: block;
  position: fixed;
  background-color: white;
  z-index: 1509;
}
.modal-center.loading-box {
  width: 127px;
  height: 130px;
  top: calc(50% - 65px);
  left: calc(50% - 63px);
}
.modal-center.delete-alert {
  width: 388px;
  top: calc(50% - 170px);
  left: calc(50% - 194px);
  z-index: 1510;
}
.modal-center.delete-alert.modal-warning {
  width: 620px;
  left: calc(50% - 310px);
}
.modal-center.delete-alert p.delete-message {
  white-space: pre-line;
}
.modal-center.graph-time-range,
.modal-center.upgrade-pro {
  width: 351px;
  top: calc(50% - 230px);
  left: calc(50% - 175px);
}
.modal-center.graph-time-range {
  text-align: center;
}
.modal-center.graph-time-range button {
  margin: 0 0.625rem;
}
.modal-center.plan-settings {
  width: 500px;
  top: calc(50% - 350px);
  left: calc(50% - 250px);
}
.modal-center.upgrade-pro-trial,
.modal-center.account-expiration {
  width: 800px;
  top: calc(50% - 450px);
  left: calc(50% - 400px);
  max-width: inherit;
}
.modal-center.feedback {
  height: 562px;
  width: 600px;
  top: calc(50% - 300px);
  left: calc(50% - 300px);
}
.modal-center.about {
  top: 5%;
  left: calc(50% - 450px);
}
.modal-center.bulk-registration-controllers {
  width: 600px;
  left: calc(50% - 300px);
  top: 0px;
}
.modal-center.pair-account,
.modal-center.paired-accounts,
.modal-center.transfer-account {
  width: 400px;
}
.modal-center.pair-account .icon-input input,
.modal-center.paired-accounts .icon-input input,
.modal-center.transfer-account .icon-input input {
  margin: 0 0 0.9375rem 0;
}
.modal-center.pair-account .icon-input :not(.error-field-message) .svg-icon,
.modal-center.paired-accounts .icon-input :not(.error-field-message) .svg-icon,
.modal-center.transfer-account .icon-input :not(.error-field-message) .svg-icon {
  color: #545454;
}
.modal-center.pair-account p.title,
.modal-center.paired-accounts p.title,
.modal-center.transfer-account p.title {
  color: #424242;
}
.modal-center.pair-account,
.modal-center.transfer-account {
  top: calc(50% - 200px);
  left: calc(50% - 200px);
  z-index: 1519;
}
.modal-center.paired-accounts {
  top: calc(50% - 300px);
  left: calc(50% - 200px);
}
.modal-center.paired-accounts .login-list {
  max-height: 150px;
  overflow: auto;
}
.modal-center.paired-accounts .login-list ul > li {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 auto;
  height: 2.5rem;
  border-bottom: solid 1px #d4d4d4;
}
.modal-center.paired-accounts .login-list ul > li:hover {
  background-color: #eee;
  cursor: pointer;
}
.modal-center.paired-accounts .login-list ul > li.selected {
  background-color: #eee;
}
.modal-center.paired-accounts .login-list ul > li.primary-account .svg-icon:last-child {
  color: #d50000;
}
.modal-center.paired-accounts .login-list ul > li > a {
  height: 2.5rem;
  line-height: 2.5rem;
}
.modal-center.paired-accounts .login-list ul > li .svg-icon {
  width: 2.5rem;
  color: #808080;
}
.modal-center.paired-accounts .login-list ul > li span {
  flex-grow: 1;
}
.modal-center.paired-accounts .content-alert {
  margin-top: 1rem;
}
.modal-center.paired-accounts .modal-footer button {
  margin: 1.25rem 0 0 0;
}
.modal-center.paired-accounts .modal-footer > button:first-child {
  margin-top: 0;
}
.modal-center.paired-accounts .modal-footer .divider.simple-line {
  margin-top: 1.25rem;
}
.plan-settings .registration-form {
  position: relative;
  left: initial;
  width: 100%;
}
.plan-settings .modal-footer {
  padding-top: 0;
}
.plan-settings .modal-footer.two-large-buttons button {
  display: inline-block;
  margin: 0;
}
.plan-settings .note {
  text-align: left;
  font-weight: initial;
  font-size: 0.75rem;
  padding: 0;
}
.plan-settings .pricing-title {
  margin-bottom: 0.625rem;
}
.plan-settings .pricing-title .title {
  padding: 0;
}
.plan-settings .pricing-title .note {
  margin: 0;
  padding-left: 0.625rem;
}
/*modal backdrop*/
.modal-backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: white;
  opacity: 0.5;
  z-index: 9999;
}
.loading-box {
  position: absolute;
  opacity: 0;
  padding: 1.25rem;
  /*top: 0;
  left: 0;*/
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
}
.loading-box p {
  margin: 1.25rem auto 0;
  font-size: 0.9375rem;
}
.loading-box.fade-in {
  opacity: 1;
  z-index: 9999;
}
#loader-fading-bars {
  position: relative;
  width: 38px;
  height: 48px;
  margin: auto;
}
.loader-part {
  position: absolute;
  background-color: #ffffff;
  height: 16px;
  width: 5px;
  border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  animation-name: fading;
  -o-animation-name: fading;
  -ms-animation-name: fading;
  -webkit-animation-name: fading;
  -moz-animation-name: fading;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}
#rotating-part_01 {
  right: 0;
  top: 16px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}
#rotating-part_02 {
  right: 5.33333333px;
  bottom: 5.33333333px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}
#rotating-part_03 {
  left: 16px;
  bottom: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}
#rotating-part_04 {
  left: 5.33333333px;
  bottom: 5.33333333px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
#rotating-part_05 {
  left: 0;
  top: 16px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
#rotating-part_06 {
  left: 5.33333333px;
  top: 5.33333333px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}
#rotating-part_07 {
  left: 16px;
  top: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
#rotating-part_08 {
  right: 5.33333333px;
  top: 5.33333333px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}
@keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-moz-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 1000px) {
  .modal-center.about {
    left: 5%!important;
    right: 5%!important;
  }
}
@media screen and (max-width: 640px) {
  .modal-center.feedback,
  .modal-center.upgrade-pro-trial {
    max-width: 90%!important;
    left: 5%!important;
  }
}
@media screen and (max-width: 560px) {
  .modal-center.plan-settings,
  .modal-center.account-expiration {
    max-width: 90%;
    left: 5%!important;
  }
}
@media screen and (max-width: 450px) {
  .modal-center.delete-alert {
    max-width: 90%!important;
    left: 5%!important;
  }
}
@media screen and (max-height: 760px) {
  .modal-center.upgrade-pro-trial,
  .modal-center.plan-settings,
  .modal-center.account-expiration,
  .modal-center.about {
    max-height: 90%;
    top: 5%!important;
  }
}
@media screen and (max-height: 600px) {
  .modal-center.feedback {
    max-height: 90%;
    top: 5%!important;
  }
}
@media screen and (max-height: 500px) {
  .modal-center.graph-time-range,
  .modal-center.upgrade-pro {
    max-height: 90%;
    top: 5%!important;
  }
}
@media screen and (max-height: 385px) {
  .modal-center.delete-alert {
    max-height: 90%;
    top: 5%!important;
  }
}
.alert .cancel-button {
  margin-left: 1.25rem;
}
input::-ms-clear {
  display: none;
}
/* base - tables */
tr:hover > td {
  background-color: transparent;
}
/* layout - header */
.view-panel-top {
  background: #3b3b3b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#3b3b3b));
  background-image: -webkit-linear-gradient(#484848, #3b3b3b);
  background-image: -moz-linear-gradient(center top, #484848 0%, #3b3b3b 100%);
  background-image: -moz-gradient(center top, #484848 0%, #3b3b3b 100%);
  background-image: -o-linear-gradient(top, #484848, #3b3b3b);
  background-image: linear-gradient(top, #484848, #3b3b3b);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  border-bottom: solid 4px #d50000;
}
/* layout - layout */
.sidebar.zIndex {
  z-index: 13;
}
.content-heading .content-actions {
  z-index: 1200;
}
.content-heading ul {
  display: inline-block;
  padding: 0;
}
.content-heading ul li {
  display: inline-block;
  cursor: pointer;
}
.content-heading ul.moveLeft {
  margin-right: 3.125rem;
}
.sidebar-content {
  position: absolute;
}
.sidebar-content .combo-button span:nth-of-type(2) {
  width: calc(100% - 2.875rem);
  text-overflow: ellipsis;
  overflow: hidden;
}
.unit-overview .sidebar-content {
  height: calc(100% - 5rem);
}
.tools .sidebar-content,
.sidebar-list .sidebar-content {
  height: calc(100% - 35px);
}
/* modules - custom-scroll */
.scroll-wrapper.addBottomSpace {
  padding-bottom: 3.125rem;
}
/* modules - filter-sort-search */
.filter-sort-panel .icon-input label.cross {
  cursor: pointer;
}
.filter-sort-panel .check-cell {
  display: inline-block;
  position: relative;
}
.toggle-group .unit-alarm-cell .svg-icon:last-child {
  display: inline-block;
}
.toggle-group .locate-cell .locate-icon {
  display: none;
}
.allUnits .table-unit .locate-cell .gac-1 {
  display: none;
}
.allUnits .toggle-group .locate-cell .gac-1 {
  display: none;
}
.table-grid-mode.rows.map-only-shown .units-table-view .allUnits .toggle-group.webcontrol-group .locate-cell {
  background: inherit;
  height: inherit;
  line-height: inherit;
}
.table-grid-mode.rows.map-only-shown .units-table-view .allUnits .toggle-group.webcontrol-group .locate-cell .gac-1 {
  fill: none;
}
.table-grid-mode.rows .units-table-view .allUnits .gac-3 {
  display: none;
}
.table-grid-mode.rows .units-table-view .allUnits .toggle-group.has-template-detail .gac-3 {
  display: inline-block;
}
.table-grid-mode.rows .units-table-view .allUnits .toggle-group.webcontrol-group .locate-cell {
  color: #ffffff;
  background: #484848;
  height: 3rem;
  line-height: 3rem;
  width: 2.5rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.table-grid-mode.rows .units-table-view .allUnits .toggle-group.webcontrol-group .locate-cell .gac-1 {
  display: inline-block;
  fill: #ffffff;
}
/* modules - map */
.map-view {
  overflow: hidden;
}
.map-marker {
  height: 2.25rem;
  width: 1.625rem;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.map-marker.current {
  height: 3.5rem;
  width: 2.25rem;
}
.map-marker.stacked {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.25rem;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  border: solid 2px #ffffff;
  margin-top: 1.25rem;
  background: #484848;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#484848));
  background-image: -webkit-linear-gradient(#626262, #484848);
  background-image: -moz-linear-gradient(center top, #626262 0%, #484848 100%);
  background-image: -moz-gradient(center top, #626262 0%, #484848 100%);
  background-image: -o-linear-gradient(top, #626262, #484848);
  background-image: linear-gradient(top, #626262, #484848);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.map-marker.stacked:hover {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 2.875rem;
  margin-top: 1.5625rem;
}
.map-marker.stacked .svg-icon {
  display: none;
}
.ol-overlaycontainer-stopevent {
  display: none;
}
.map-controls {
  right: 50px;
  bottom: 63px;
}
.map-controls button {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  margin-left: 0.625rem;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.map-controls button .svg-icon {
  margin: 0;
}
.map-controls > div {
  display: inline-block;
  width: auto;
  height: auto;
  margin-left: 0px;
  background: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.map-controls > div:hover {
  background: none;
}
.map-controls button:active {
  background: #d50000 !important;
}
@media screen and (max-width: 500px) {
  .nav-shown .ol-zoom {
    left: -81px;
  }
  .nav-shown .ol-zoom-to-extent {
    top: -50px;
  }
  .nav-shown .show-map-nav {
    top: -50px;
    left: -81px;
  }
}
#units td span:last-child {
  font-weight: 500;
}
td {
  /* active regions */
}
td.name span {
  padding: 0 0.3125rem;
}
td.selected {
  text-align: center;
}
td.value-col-1,
td.value-col-2,
td.value-col-3,
td.value-col-4,
td.web-control-value-col-1,
td.web-control-value-col-2,
td.web-control-value-col-3 {
  text-align: center;
}
td.value-col-1 :last-child,
td.value-col-2 :last-child,
td.value-col-3 :last-child,
td.value-col-4 :last-child,
td.web-control-value-col-1 :last-child,
td.web-control-value-col-2 :last-child,
td.web-control-value-col-3 :last-child {
  margin-right: 13px;
}
td.value-col-1 :first-child,
td.value-col-2 :first-child,
td.value-col-3 :first-child,
td.value-col-4 :first-child,
td.web-control-value-col-1 :first-child,
td.web-control-value-col-2 :first-child,
td.web-control-value-col-3 :first-child {
  margin-left: 5px;
}
.unit-alarm-nocommunication .unit-alarm-cell svg,
.unit-alarm-nocommunication.map-marker svg.icon-back {
  fill: #934d11;
}
h2 > .svg-icon,
.alarmlist-header > .svg-icon {
  color: #6cc24a;
}
h2.unit-alarm-nocommunication-warning > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-warning > svg.svg-icon,
h2.group-icon-no-comm > svg.svg-icon,
.alarmlist-header.group-icon-no-comm > svg.svg-icon,
h2.unit-alarm-nocommunication-shutdown > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-shutdown > svg.svg-icon,
h2.unit-alarm-nocommunication > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication > svg.svg-icon,
h2.unit-alarm-nocommunication-noagslot > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-noagslot > svg.svg-icon,
h2.unit-alarm-nocommunication-flst > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-flst > svg.svg-icon,
h2.unit-alarm-nocommunication-legacy > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-legacy > svg.svg-icon,
h2.unit-alarm-nocommunication-ecu > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-ecu > svg.svg-icon,
h2.unit-alarm-nocommunication-error > svg.svg-icon,
.alarmlist-header.unit-alarm-nocommunication-error > svg.svg-icon,
h2.unit-alarm-starting > svg.svg-icon,
.alarmlist-header.unit-alarm-starting > svg.svg-icon,
h2.unit-alarm-wrong-credentials > svg.svg-icon,
.alarmlist-header.unit-alarm-wrong-credentials > svg.svg-icon,
h2.unit-alarm-password-blocked > svg.svg-icon,
.alarmlist-header.unit-alarm-password-blocked > svg.svg-icon,
h2.unit-alarm-unknown-device > svg.svg-icon,
.alarmlist-header.unit-alarm-unknown-device > svg.svg-icon {
  color: #934d11;
}
h2.unit-alarm-access-denied > svg.svg-icon .black,
.alarmlist-header.unit-alarm-access-denied > svg.svg-icon .black {
  color: #000000;
}
h2.unit-alarm-access-denied > svg.svg-icon,
.alarmlist-header.unit-alarm-access-denied > svg.svg-icon {
  fill: #934d11;
}
h2.unit-alarm-disabled > svg.svg-icon,
.alarmlist-header.unit-alarm-disabled > svg.svg-icon {
  color: #999999;
}
h2.unit-alarm-shutdown > svg.svg-icon,
.alarmlist-header.unit-alarm-shutdown > svg.svg-icon {
  fill: #d50000;
}
h2.unit-alarm-ecu > svg.svg-icon,
.alarmlist-header.unit-alarm-ecu > svg.svg-icon {
  fill: #00acec;
}
h2.unit-alarm-warning > svg.svg-icon,
.alarmlist-header.unit-alarm-warning > svg.svg-icon {
  fill: #FBC02D;
}
h2.unit-alarm-legacy > svg.svg-icon,
.alarmlist-header.unit-alarm-legacy > svg.svg-icon {
  fill: #FF8000;
}
.unit-alarm-nocommunication-warning .unit-alarm-cell svg,
.unit-alarm-nocommunication-legacy .unit-alarm-cell svg,
.unit-alarm-nocommunication-ecu .unit-alarm-cell svg,
.unit-alarm-nocommunication-flst .unit-alarm-cell svg,
.unit-alarm-nocommunication-shutdown .unit-alarm-cell svg,
.unit-alarm-nocommunication-noagslot .unit-alarm-cell svg,
.unit-alarm-nocommunication-error .unit-alarm-cell svg,
.unit-alarm-access-denied .unit-alarm-cell svg,
.unit-alarm-starting .unit-alarm-cell svg,
.unit-alarm-wrong-credentials .unit-alarm-cell svg,
.unit-alarm-password-blocked .unit-alarm-cell svg,
.unit-alarm-unknown-device .unit-alarm-cell svg,
.unit-alarm-nocommunication-warning.map-marker svg.icon-back,
.unit-alarm-nocommunication-legacy.map-marker svg.icon-back,
.unit-alarm-nocommunication-ecu.map-marker svg.icon-back,
.unit-alarm-nocommunication-flst.map-marker svg.icon-back,
.unit-alarm-nocommunication-shutdown.map-marker svg.icon-back,
.unit-alarm-nocommunication-noagslot.map-marker svg.icon-back,
.unit-alarm-nocommunication-error.map-marker svg.icon-back,
.unit-alarm-access-denied.map-marker svg.icon-back,
.unit-alarm-starting.map-marker svg.icon-back,
.unit-alarm-wrong-credentials.map-marker svg.icon-back,
.unit-alarm-password-blocked.map-marker svg.icon-back,
.unit-alarm-unknown-device.map-marker svg.icon-back {
  fill: #934d11;
}
.group-icon-no-comm .unit-alarm-cell svg,
.group-icon-no-comm.map-marker svg.icon-back {
  fill: #934d11 !important;
}
.unit-alarm-nocommunication-warning td.name span {
  background-color: #FBC02D;
}
.unit-alarm-nocommunication-legacy td.name span {
  background-color: #FF8000;
  color: white;
}
.unit-alarm-nocommunication-ecu td.name span {
  background-color: #00acec;
  color: white;
}
.unit-alarm-nocommunication-shutdown td.name span {
  background-color: #d50000;
  color: #ffffff;
}
.unit-alarm-nocommunication-shutdown td.name span:before {
  background-image: url('../img/triangle-white.svg');
}
.unit-alarm-disabled {
  color: #999999;
}
svg .unit-alarm-disabled.icon-back {
  fill: #999999;
}
.unit-alarm-disabled td.name span:before {
  background-image: url('../img/triangle-grey.svg');
}
.unit-alarm-shutdown .unit-alarm-cell svg,
.unit-alarm-shutdown.map-marker svg.icon-back {
  fill: #d50000;
}
.unit-alarm-shutdown td.name span {
  background-color: #d50000;
  color: #ffffff;
}
.unit-alarm-shutdown td.name span:before {
  background-image: url('../img/triangle-white.svg');
}
.unit-alarm-ecu td.name span {
  background-color: #00acec;
  color: #ffffff;
}
.unit-alarm-fail td.name span {
  background-color: #424242;
  color: #ffffff;
}
.unit-alarm-warning .unit-alarm-cell svg,
.unit-alarm-warning.map-marker svg.icon-back {
  fill: #FBC02D;
}
.unit-alarm-warning td.name span {
  background-color: #FBC02D;
}
.unit-alarm-legacy .unit-alarm-cell svg,
.unit-alarm-legacy.map-marker svg.icon-back {
  fill: #FF8000;
}
.unit-alarm-legacy td.name span {
  background-color: #FF8000;
  color: white;
}
.units-icon-view .unit-alarm-nocommunication td {
  border-color: #934d11;
}
.units-icon-view .unit-alarm-nocommunication-warning td,
.units-icon-view .unit-alarm-warning td {
  border-color: #FBC02D;
}
.units-icon-view .unit-alarm-nocommunication-shutdown td,
.units-icon-view .unit-alarm-shutdown td {
  border-color: #d50000;
}
tr.table-unit.active-row td.name span:before {
  background-image: url('../img/triangle-white.svg');
}
tr.table-unit.active-row.unit-alarm-nocommunication-warning td.name span,
tr.table-unit.active-row.unit-alarm-warning td.name span {
  color: #424242;
}
tr.table-unit.active-row.unit-alarm-nocommunication-warning td.name span:before,
tr.table-unit.active-row.unit-alarm-warning td.name span:before {
  background-image: url('../img/triangle-white.svg');
}
.dp-group.unit-alarm-nocommunication .unit-alarm-cell svg,
.dp-group.unit-alarm-nocommunication-warning .unit-alarm-cell svg,
.dp-group.unit-alarm-nocommunication-shutdown .unit-alarm-cell svg,
.dp-group.unit-alarm-nocommunication.map-marker svg.icon-back,
.dp-group.unit-alarm-nocommunication-warning.map-marker svg.icon-back,
.dp-group.unit-alarm-nocommunication-shutdown.map-marker svg.icon-back {
  fill: #934d11;
}
.dp-group.unit-alarm-disabled .unit-alarm-cell svg,
.dp-group.unit-alarm-disabled.map-marker svg.icon-back {
  fill: #999999;
}
.dp-group.unit-alarm-shutdown {
  fill: #d50000;
}
.dp-group.unit-alarm-warning {
  fill: #FBC02D;
}
.dp-group td.name span span {
  padding: 0;
}
.dp-group td.name span span:first-child {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dp-group td.name span span:nth-child(2) {
  width: 2.8125rem;
}
.unit-alarm-none .unit-alarm-cell .svg-icon,
.unit-alarm-nonesvg {
  fill: #6cc24a;
}
/* sections - units - unit-detail-blocks */
.unit-info .communication-state {
  padding: 0.125rem 0.3125rem;
  background-color: #7c7c7c;
  color: #ffffff;
}
.unit-info .communication-state.Online {
  background-color: #6cc24a;
}
.unit-info .communication-state.Error {
  background-color: #d50000;
}
.unit-info .communication-state.disabled {
  background-color: #999999;
}
.unit-info .communication-state.noAlarms {
  background-color: #6cc24a;
}
.unit-info .communication-state.noCommunication {
  background-color: #934d11;
}
.unit-info .communication-state.alarms {
  background-color: #d50000;
}
.unit-info .unit-last-update span {
  display: inline-block;
}
.alarmlist {
  padding: 0.625rem;
}
.alarmlist .title span {
  display: inline-block;
}
.alarmlist ul.more {
  height: 444px;
}
.alarmlist .alarmlist-header .alarm-indication {
  display: none;
}
.unit-states > div span {
  white-space: normal;
}
.unit-states > div span:nth-of-type(2) {
  white-space: nowrap;
  font-weight: 500;
}
/* sections - units - units */
.units-map {
  background: transparent url('../img/map-02.jpg') no-repeat center top;
}
.table-cell {
  margin-left: 0;
}
.units-icons-view .table-content {
  height: 100%;
  padding: 0.3125rem 0.3125rem 0;
}
.units-icons-view .units-group-table td.name {
  background: #ffffff url('../img/in-group-sign.svg') no-repeat bottom right;
}
.units-icons-view .unit-alarm-nocommunication-warning td,
.units-icons-view .unit-alarm-warning td,
.units-icons-view .unit-alarm-nocommunication-warning:hover td,
.units-icons-view .unit-alarm-warning:hover td,
.units-icons-view .unit-alarm-nocommunication-warning.active td,
.units-icons-view .unit-alarm-warning.active td {
  background-color: #fef5dc !important;
}
.units-icons-view .unit-alarm-nocommunication-shutdown td,
.units-icons-view .unit-alarm-shutdown td,
.units-icons-view .unit-alarm-nocommunication-shutdown:hover td,
.units-icons-view .unit-alarm-shutdown:hover td,
.units-icons-view .unit-alarm-nocommunication-shutdown.active td,
.units-icons-view .unit-alarm-shutdown.active td {
  background-color: #ffefef !important;
}
.units-icons-view .unit-alarm-ecu td,
.units-icons-view .unit-alarm-ecu:hover td,
.units-icons-view .unit-alarm-ecu.active td {
  background-color: #ecfaff !important;
}
.units-icons-view .unit-alarm-fail td,
.units-icons-view .unit-alarm-fail:hover td,
.units-icons-view .unit-alarm-fail.active td {
  background-color: #e8edef !important;
}
.map-only-shown .locate-cell {
  display: table-cell;
}
/* settings */
.settings-block {
  display: block;
}
/* end of comap styles fix */
body {
  font-family: "Roboto Webfont", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300;
  color: #424242;
  background-color: white;
}
body .sidebar {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
body.withAnimation .sidebar {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.getTableIcon {
  padding: 0;
  margin: 0;
  line-height: 0;
}
.main-panel-content {
  top: 3.1875rem;
  overflow: auto;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.main-panel-content .sidebar-content {
  position: relative;
}
.main-panel-content .banners-container .content-alert a {
  cursor: pointer;
}
.modules-view {
  overflow: auto;
  height: calc(100% - 32px);
}
.modules-container {
  position: relative;
  display: inline-flex;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modules-container {
    top: 0;
  }
}
@supports (-ms-ime-align: auto) {
  .modules-container {
    top: 0;
  }
}
.modules-container > div {
  display: inline-block;
  width: 15.625rem;
  float: left;
  border-right: solid 1px #c2c2c2;
  opacity: 1;
  min-width: 15.625rem;
}
.map-only-shown .content .main-panel-content .modules-container {
  display: block;
  top: 0;
}
@media screen and (max-width: 980px) {
  .units-and-map-shown .tools-enabled .main-panel-content .modules-container {
    display: block;
    top: 0;
  }
}
@media screen and (max-width: 500px) {
  .modules-container {
    display: block;
    top: 0;
  }
}
body.withAnimation .modules-container  > div {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.map-only-shown td[class^="value-col-"],
.map-only-shown .last-update,
.map-only-shown .engineState {
  display: none!important;
}
.map-only-shown .tools-title,
.map-only-shown .sort-title,
.map-only-shown .view-menu {
  display: none;
}
.webcontrol {
  overflow-x: hidden;
}
.webcontrol td.icons2 {
  display: none!important;
}
.webcontrol .table-cell .group-action-cell svg {
  display: none;
}
.webcontrol .table-cell.check-cell.tools-checkbox {
  display: inline-block;
  vertical-align: baseline;
}
.webcontrol.outer .dp-group .svg-icon.leave,
.webcontrol.inner .dp-group .svg-icon.enter {
  display: none;
}
.units-and-map-shown .webcontrol .value-col-3 {
  display: table-cell;
}
.webcontrol-tool .combo-button > span:not(:first-of-type) {
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 2.875rem);
}
.tools h3 {
  white-space: nowrap;
}
.tools h3 > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  width: inherit;
  line-height: 18.75px;
  height: 18px;
  letter-spacing: -0.2px;
}
.tools .filter-alarm-types label {
  white-space: nowrap;
}
.tools .filter-alarm-types .label-body {
  width: calc(100% - .8125rem);
}
.tools .filter-alarm-types .label-body svg {
  line-height: 2.25rem;
  height: 2.25rem;
}
.tools .filter-alarm-types .label-body span {
  width: calc(100% - 2.25rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.25rem;
}
.webcontrol-total {
  height: 3.375rem;
  position: relative;
  overflow: hidden;
}
.webcontrol-total .column1,
.webcontrol-total .column2 {
  position: relative;
  display: inline-block;
  float: left;
}
.webcontrol-total .column2 .inner {
  position: relative;
  width: calc(50% - .625rem);
  display: inline-block;
  padding: 0.625rem 0.625rem 0.625rem 0;
  text-align: right;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
}
.webcontrol-total .column2 .inner .label {
  position: relative;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.webcontrol-total .column2 .inner .label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 0.25rem;
  display: inline-block;
}
.webcontrol-total .column2 .inner .label span:first-of-type {
  width: calc(100% - .25rem);
}
.webcontrol-total .column2 .inner .value {
  position: relative;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
}
.webcontrol-total .value-cell {
  padding: 0;
}
.webcontrol-total .value-cell span > span {
  margin-right: 0;
}
.webcontrol-total .table-cell {
  height: 2.5rem !important;
  line-height: 2.5rem !important;
  vertical-align: initial;
}
.webcontrol-total .webcontrol-buttons {
  min-width: 240px;
  width: auto;
  vertical-align: baseline;
  text-overflow: clip;
}
.webcontrol-total .webcontrol-buttons button {
  text-overflow: ellipsis;
}
.webcontrol-total .webcontrol-buttons button span:nth-of-type(2) {
  width: calc(100% - 2.875rem);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: left;
}
.webcontrol-total .webcontrol-buttons .webcontrol-trime span.icon {
  background: white;
  color: black;
}
.webcontrol-total .web-control-value-col-1 {
  float: right;
  text-align: right;
  display: none;
}
.webcontrolScrollbar .webcontrol .webcontrol-total {
  position: fixed;
  bottom: 0px;
}
.webcontrolScrollbar .webcontrol .main-table table {
  margin-bottom: 54px;
}
.webcontrol .table-filter-sort tr {
  position: relative;
}
.webcontrol .table-filter-sort tr .additionalInfoElement {
  display: none;
}
.webcontrol .table-filter-sort tr .more-info:first-child {
  height: 100%;
}
.webcontrol .table-filter-sort tr .last-update {
  display: none;
}
.webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
  height: 6.5rem;
  position: absolute;
  margin-top: 2.5rem;
  left: 0;
  width: 100%!important;
  overflow: hidden;
  padding: 0px!important;
}
.webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) {
  padding-left: 4.6875rem;
  height: 1.875rem;
  line-height: 1.875rem !important;
  width: calc(100% - 5rem);
  margin-left: 0px;
}
.webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) span {
  width: 7.5rem;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
}
#units.map-only-shown .webcontrol .table-filter-sort tr .more-info:first-child {
  display: table-cell;
}
#units.map-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-1,
#units.map-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-2,
#units.map-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-3 {
  display: none;
}
#units.map-only-shown .webcontrol .table-filter-sort tr.more-info-opened td {
  padding-bottom: 6.5625rem !important;
}
#units.map-only-shown .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
  display: table-cell;
  padding-bottom: 0!important;
}
#units.map-only-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened td {
  padding-bottom: 8.125rem !important;
}
#units.map-only-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
  height: 8.125rem;
  margin-top: 3.125rem;
  padding-bottom: 0!important;
}
#units.map-only-shown .mobile-device .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
  margin-top: 3.125rem;
}
#units.map-only-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
  margin-top: 2.5rem;
}
#units.map-only-shown .webcontrol-active .webcontrol-total {
  height: 6.75rem;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column1,
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 {
  display: block;
  width: 100%!important;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 {
  padding: 0;
  padding-left: 3.125rem;
  width: calc(100% -  3.125rem )!important;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 .inner {
  text-align: left;
  width: 200px;
  clear: both;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 .inner .value {
  float: right;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column1,
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 {
  height: 50%;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 .inner {
  display: block;
  padding: 0;
  width: 100%;
  height: 50%;
}
#units.map-only-shown .webcontrol-active .webcontrol-total .column2 .inner .label {
  font-size: 0.75rem;
  font-weight: 500;
  display: inline-block;
}
@media screen and (max-width: 1900px) {
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner {
    padding: 0 0.3125rem;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner .label {
    font-size: 0.75rem;
    font-weight: 300;
    display: inline-block;
    width: initial;
  }
}
@media screen and (max-width: 1280px) {
  .webcontrol-active .webcontrol-total .column2 .inner {
    padding: 0 0.3125rem;
  }
  .webcontrol-active .webcontrol-total .column2 .inner .label {
    font-size: 0.75rem;
    font-weight: 300;
    display: inline-block;
    width: initial;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner {
    width: 100%;
    display: block;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner .label {
    display: inline-block;
  }
}
@media screen and (max-width: 1100px) {
  .webcontrol-active .webcontrol-total .value-cell span:first-child,
  .webcontrol-active .webcontrol-total .value-cell[class*="web-control-value-col-"] {
    padding: 0;
  }
}
@media screen and (max-width: 1270px) {
  .units-table-view .value-cell span {
    display: block;
    line-height: 1.5625rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.map-only-shown .filter-sort-panel .sort-title {
  display: none !important;
}
@media screen and (max-width: 1150px) {
  .units-and-map-shown {
    /* don't display filter labels, only icons */
  }
  .units-and-map-shown .filter-sort-panel .sort-title {
    display: none !important;
  }
  .units-and-map-shown .filter-sort-panel button {
    width: calc((100% - 2.625rem) / 4);
  }
}
@media screen and (max-width: 1140px) {
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .webcontrol-buttons {
    min-width: 210px;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .webcontrol-buttons button {
    width: calc(50% - .0625rem);
    margin: 0 0.125rem;
  }
}
@media screen and (max-width: 980px) {
  .units-and-map-shown .webcontrol-active .webcontrol-total {
    height: 6.75rem;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column1,
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 {
    display: block;
    width: 100%!important;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 {
    padding: 0;
    padding-left: 4.375rem;
    width: calc(100% -  4.375rem )!important;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 .inner {
    text-align: left;
    width: 200px;
    clear: both;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 .inner .value {
    float: right;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column1,
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 {
    height: 50%;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 .inner {
    display: block;
    padding: 0;
    width: 100%;
    height: 50%;
  }
  .units-and-map-shown .webcontrol-active .webcontrol-total .column2 .inner .label {
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-block;
  }
  .units-and-map-shown .webcontrol-buttons {
    min-width: 210px;
  }
  .units-and-map-shown .webcontrol-buttons button {
    width: calc(50% - .0625rem);
    margin: 0 0.125rem;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total {
    height: 6.75rem;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column1,
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 {
    display: block;
    width: 100%!important;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 {
    padding: 0;
    padding-left: 3.125rem;
    width: calc(100% -  3.125rem )!important;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner {
    text-align: left;
    width: 200px;
    clear: both;
  }
  .units-and-map-shown .content.push-content .webcontrol-active .webcontrol-total .column2 .inner .value {
    float: right;
  }
}
@media screen and (max-width: 930px) {
  .content.push-content .webcontrol-active .webcontrol-total .web-control-value-col-1 {
    display: none;
  }
  .webcontrol-active .webcontrol-total .column2 .inner {
    width: calc(100% - .625rem);
    /* (100% - 3.125rem) / 2 */
    display: block;
    height: calc(50% - .3125rem);
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
  }
  .webcontrol-active .webcontrol-total .column2 .inner .label {
    display: inline-block;
  }
  .webcontrol-active .webcontrol-total .webcontrol-buttons {
    min-width: 210px;
  }
  .webcontrol-active .webcontrol-total .webcontrol-buttons button {
    width: calc(50% - .0625rem);
    margin: 0 0.125rem;
  }
}
@media screen and (max-width: 780px) {
  .content.push-content .webcontrol-active .webcontrol-total .inner {
    width: 100%;
    float: left;
    padding: 0 0.3125rem;
  }
}
/*@media screen and (max-width: 770px) {

  .units-only-shown .content.push-content .webcontrol-total .web-control-value-col-1 {
    float: initial;
  }
}*/
@media screen and (max-width: 700px) {
  .content.push-content .webcontrol-active .webcontrol-total {
    height: 6.75rem;
  }
  .content.push-content .webcontrol-active .webcontrol-total .column1,
  .content.push-content .webcontrol-active .webcontrol-total .column2 {
    display: block;
    width: 100%!important;
  }
  .content.push-content .webcontrol-active .webcontrol-total .column2 {
    padding: 0;
    padding-left: 3.125rem;
    width: calc(100% -  3.125rem )!important;
  }
  .content.push-content .webcontrol-active .webcontrol-total .column2 .inner {
    text-align: left;
    width: 200px;
    clear: both;
  }
  .content.push-content .webcontrol-active .webcontrol-total .column2 .inner .value {
    float: right;
  }
}
/*@media screen and (max-width: 690px) {
  #units:not(.units-and-map-shown) .content.push-content {
    .webcontrol-active .webcontrol-total .web-control-value-col-1 {
      float:initial;
      text-align:center;
    }
  }
}*/
@media screen and (max-width: 550px) {
  .webcontrol-active .webcontrol-total .web-control-value-col-1 {
    display: none;
  }
  .webcontrol-active .webcontrol-total {
    height: 6.75rem;
  }
  .webcontrol-active .webcontrol-total .column1,
  .webcontrol-active .webcontrol-total .column2 {
    display: block;
    width: 100%!important;
  }
  .webcontrol-active .webcontrol-total .column2 {
    padding: 0;
    padding-left: 3.75rem;
    width: calc(100% -  3.75rem )!important;
  }
  .webcontrol-active .webcontrol-total .column2 .inner {
    text-align: left;
    width: 200px;
    clear: both;
  }
  .webcontrol-active .webcontrol-total .column2 .inner .value {
    float: right;
  }
  .webcontrol-active .webcontrol-total .column2 {
    padding-top: 0.625rem;
  }
}
.view-panel-main,
.view-panel-main  > div {
  height: 100%;
}
/* blinking icons */
.changeState td.unit-alarm-cell svg {
  animation-name: blink-animation;
  animation-duration: 0.9s;
  animation-iteration-count: 3;
  animation-timing-function: linear;
  -webkit-animation-name: blink-animation;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-timing-function: linear;
}
@keyframes blink-animation {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.05;
  }
}
@-webkit-keyframes blink-animation {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.05;
  }
}
.units-only-shown .value-col-1 {
  display: table-cell;
}
.progress-bar-wrapper {
  display: none;
}
.unit-module {
  width: inherit;
  -moz-transition-property: none;
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
.alert-note {
  top: 4.375rem;
  min-width: 8.75rem;
}
.table-filter-sort.allUnits .table-labels .input-filter,
.webControlGroups .table-labels .input-filter {
  display: none;
}
.table-filter-sort.UnitsSettings.rowsClickable td {
  cursor: auto;
}
.unit-name-cell.merged-name-ar1 .td-item-name,
.unit-name-cell.merged-name-ar1 .td-item-ar1 {
  height: 22px;
  width: 100%;
  float: left;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1 {
  background-color: inherit;
  padding: 0px;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1:before {
  background: none!important;
  width: 0px;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1 span:first-child {
  font-weight: 300;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1 span {
  background-color: inherit!important;
  color: #424242;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1 > span {
  width: auto;
  padding-left: 0px;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1:before {
  background-image: none;
}
.unit-name-cell.merged-name-ar1 .td-item-ar1 span:before {
  background: none!important;
  width: 0px;
}
.unit-name-cell > span {
  display: inline-block;
  height: 22px;
  line-height: 22px;
}
.td-item-ar1 span {
  color: #999999;
}
.responsive-nav {
  cursor: pointer;
}
.view-panel-container.view-panel-top {
  z-index: 1000;
}
.view-panel-container.view-panel-left {
  z-index: 12!important;
}
.view-panel-container.view-panel-main {
  position: relative;
}
.view-panel-container.view-panel-right {
  z-index: 9!important;
}
.scroll-buttons {
  /*bottom: 70px;
  right: 30px;*/
}
.scroll-buttons #scroll-up,
.scroll-buttons #scroll-down {
  display: none;
}
.UnitMapView .scroll-buttons {
  bottom: 20px;
}
.SettingsGroupsView .scroll-buttons,
.SettingsUnitsView .scroll-buttons,
.SettingsUsersView .scroll-buttons,
.SettingsRolesView .scroll-buttons,
.unit-detail .scroll-buttons {
  bottom: 10px;
}
.mobile-device .scroll-buttons #scroll-up,
.mobile-device .scroll-buttons #scroll-down {
  display: inline-block;
}
nav a,
.header-user-box li {
  cursor: pointer;
}
.not-only-map .content {
  width: 100%!important;
}
.value-cell span {
  vertical-align: baseline;
}
.svgHolder svg {
  margin-left: 0px;
}
#settings {
  /* prestylovani table-grid headeru */
}
#settings .table-head {
  width: 100%;
  position: relative;
  height: 2.25rem;
  left: 0!important;
}
#settings .table-head td span {
  height: 18px;
  display: inline-block;
}
#settings .table-labels {
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
  float: none;
  height: 2.25rem;
}
#settings .table-labels .remove-item,
#settings .table-labels .more-info {
  color: white;
}
#settings .table-labels .remove-item:hover,
#settings .table-labels .more-info:hover {
  color: #ffffff;
  background-color: #424242;
}
#settings .table-labels table {
  height: 100%;
}
#settings .table-labels table td {
  box-sizing: initial;
  height: 2.25rem;
  overflow: hidden;
  text-align: center;
}
#settings .table-labels tbody {
  width: 100%;
}
#settings .table-labels tr {
  background-color: #424242 !important;
  border-top: none;
  border-bottom: none;
  height: 100%;
}
#settings .table-labels .input-filter {
  font-weight: 300;
  font-size: 15px;
  width: calc(100% - 3.125rem);
}
#settings .table-labels .input-filter .search-input {
  width: 100%!important;
  background-image: url('../img/SearchIcon.svg');
  background-repeat: no-repeat;
  background-position: 3px;
  background-size: 1.25rem;
  color: #424242;
}
#settings .table-labels .input-filter .ico-close {
  right: 3px;
  top: 2px;
  border-radius: 0;
  background: #ffffff;
}
#settings .table-labels .input-filter .ico-close:hover {
  background: #ffffff;
}
#settings .table-labels .input-filter button:hover,
#settings .table-labels .input-filter button:focus {
  background: #ffffff;
}
#settings .settings-control-buttons > span {
  float: left;
  color: #d50000;
  font-weight: 500;
  text-align: left;
}
#settings .main-table tr {
  background-color: #ffffff;
  border-bottom: solid 1px #cecece;
  line-height: 2.5rem;
  height: 2.5rem;
}
#settings .main-table tr td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#settings .good-password {
  top: inherit;
  width: 15rem;
}
#settings .icons.disabled {
  cursor: auto;
}
#settings .icons.disabled .svg-icon {
  fill: grey;
}
#settings .icons.disabled:hover {
  background-color: inherit;
}
#settings .table-cell {
  margin-left: -3px;
}
#settings .check-cell {
  margin: 0;
  width: 2.5rem;
}
#settings .fake-button {
  pointer-events: none;
}
#settings .settings-items-count {
  font-size: 20px;
  float: right;
  padding-top: 5px;
}
#settings .settings-items-count span {
  margin-right: -5px;
}
#settings .export-icon {
  display: block;
  float: right;
  margin-top: 0.3125rem;
  margin-left: 0.5rem;
  color: #d50000;
  cursor: pointer;
}
#settings .export-icon:hover {
  color: #424242;
}
#settings .export-icon.disabled {
  color: grey;
  cursor: default;
}
#settings .check-cell,
#downloads .check-cell {
  position: absolute;
  top: 0;
}
#settings .check-cell input,
#downloads .check-cell input {
  vertical-align: baseline;
}
#settings .table-content,
#downloads .table-content {
  position: relative;
}
#settings .table-labels input,
#downloads .table-labels input {
  padding: 0.0625rem 1.5625rem 0.0625rem 1.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0 auto;
}
#settings .table-filter-sort #usall,
#downloads .table-filter-sort #usall {
  height: 1.875rem;
}
#settings .input-with-suggestion.multiple label svg,
#downloads .input-with-suggestion.multiple label svg {
  padding: 0.3125rem;
  height: 2rem;
  width: 2.125rem;
  background-color: transparent;
  border-radius: 3px;
}
#settings .input-with-suggestion.multiple .tabs,
#downloads .input-with-suggestion.multiple .tabs {
  height: 2.25rem;
  padding: 0 1.875rem 0 2.25rem;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  font-weight: 300;
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
}
#settings .input-with-suggestion.multiple .tabs .ico-close,
#downloads .input-with-suggestion.multiple .tabs .ico-close {
  height: 2.125rem;
  right: 0;
  background-color: white;
  top: 0;
  width: 1.5625rem;
}
#settings .input-with-suggestion.multiple .tabs .ico-close i,
#downloads .input-with-suggestion.multiple .tabs .ico-close i {
  height: 16px;
}
#settings .input-with-suggestion.multiple input,
#downloads .input-with-suggestion.multiple input {
  max-width: 100%;
  margin: 0.125rem;
}
.table-filter-sort td.additionalInfoElement {
  display: none;
}
.table-users-settings td.units > span:first-child,
.table-groups-settings td.unitsNo > span:first-child {
  padding-left: 0.9375rem;
}
.mobile-action-wrapper .more-info {
  cursor: pointer;
}
/*#settings, #downloads {
  .content-content {
    height: calc(~"100% - 3.1875rem");
  }
}*/
.unit-detail .content-content,
#data-log .content-content,
#settings.UnitMapView .content-content,
#unitEditor .content-content {
  height: calc(100% - 3.1875rem);
}
#downloads .table-filter-sort tr {
  position: relative;
}
#downloads .table-labels {
  height: 1.875rem;
  background-color: #424242;
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
}
#downloads .table-labels tr {
  height: 1.875rem;
}
#downloads .table-labels .icon.icon-chevron-up,
#downloads .table-labels .icon.icon-chevron-down {
  height: 11px;
  background-size: 20px;
}
#downloads .table-labels .download-item,
#downloads .table-labels .remove-item,
#downloads .table-labels .more-info {
  color: white;
}
#downloads .table-labels .download-item:hover,
#downloads .table-labels .remove-item:hover,
#downloads .table-labels .more-info:hover {
  color: #ffffff;
  background-color: #424242;
  cursor: default;
}
#downloads .main-table tr {
  background: white;
  border-bottom: solid 1px #d4d4d4;
  height: 2.5rem;
}
#downloads .small-cell.period,
#downloads .small-cell.downloaded,
#downloads .small-cell.type,
#downloads .small-cell.status {
  display: none;
}
#downloads .check-cell input {
  height: 1.875rem;
}
.web-control-value-col-1 > svg {
  margin-right: 5px!important;
}
.group-site-return {
  position: absolute;
  right: 50px;
  display: inline-block;
  width: 3rem;
  color: #d50000;
  text-align: center;
}
.group-site-return:hover {
  color: #ff0909;
}
@media screen and (max-width: 980px) {
  .units-and-map-shown .group-site-return {
    right: 0;
  }
}
@media screen and (max-width: 640px) {
  .units-only-shown .group-site-return {
    right: 0;
  }
}
.table-user-permissions .additionalInfoElement .small-cell {
  line-height: 1.25rem;
  text-align: center;
  padding: 0;
  width: 19%!important;
}
.upload-logo-here img {
  max-height: 2.5rem;
  max-width: 11.875rem;
}
.sidebar-list .sidebar-content .icon-button {
  float: left;
  width: 33.333%;
  border: solid 1px #d4d4d4;
  border-width: 0 0 1px 1px;
  border-radius: 0;
  margin: 0;
  background: #eeeeee;
  line-height: 2.25rem;
  height: 2.25rem;
}
.sidebar-list .sidebar-content .icon-button-wide {
  width: 50%;
}
.sidebar-list .sidebar-content.sidebar-content-trends {
  overflow-y: hidden;
}
.sidebar-list .icon-input {
  width: 100%;
  clear: both;
  background-color: #eeeeee;
  display: inline-block;
}
.sidebar-list .icon-input div {
  height: 2.25rem;
}
.sidebar-list .icon-input input {
  width: 100%!important;
  height: 100%;
  padding: 4px 4px 4px 36px;
  border: 1px solid #d4d4d4;
}
.sidebar-list .icon-input .ico-close {
  right: 2px;
  top: 5px;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.sidebar-list .icon-input .ico-close:hover,
.sidebar-list .icon-input .ico-close:focus {
  background: transparent;
}
.sidebar-list ul li {
  /*border-bottom: solid 1px #d4d4d4;
    padding-left: 0;*/
}
.sidebar-list ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  color: #5a5a5a;
  width: calc(100% - 2.5rem);
}
.sidebar-list ul li a span {
  text-align: left;
  float: none;
  padding: 0;
}
.sidebar-list ul li:hover {
  background-color: #d4d4d4;
  cursor: pointer;
}
.sidebar-list .choose-list-type {
  display: block;
}
.sidebar-list .sidebar-heading button:hover,
.sidebar-list .sidebar-heading button:focus {
  background: inherit;
}
.sidebar-list .unit-list ul li {
  padding-left: 0;
}
/*.data-log-list-content {
  margin-bottom: 2.25rem !important;
}

.navbar-pagination {
  position: absolute;
  width: 14.375rem;
  height: 2.25rem;
  bottom: 0;
  background: #484848;
}*/
.pagination-button,
.alerts-list .pagination-button {
  width: 16%;
  float: left;
  border: 1px solid #222222;
  border-width: 0 0 1px 1px;
  border-radius: 0;
  margin: 0;
  background: #5a5a5a;
  line-height: 2.25rem;
  height: 2.25rem;
}
.pagination-button-right,
.alerts-list .pagination-button-right {
  float: right;
}
.pagination-button:first-child {
  border-left: none;
}
.pagination-button:focus {
  background: #5a5a5a;
}
.pagination-label,
.alerts-list .pagination-label {
  display: inline-block;
  width: 36%;
  text-align: center;
  border: 1px solid #222222;
  height: 2.25rem;
  line-height: 2.25rem;
  border-width: 0 0 1px 1px;
}
.alerts-list .pagination-label,
.alerts-list .pagination-button {
  padding-right: 0;
}
.alerts-list .navbar-pagination {
  display: table;
  width: 100%;
}
.alerts-list .pagination-div {
  width: 100%;
  padding-right: 0;
}
.pagination-button:hover,
.alerts-list .pagination-button:hover {
  background: -webkit-linear-gradient(#f40000, #e40000);
}
.input-with-suggestion label {
  left: initial;
}
.input-with-suggestion .ico-close {
  margin-left: -28px;
  position: relative;
  z-index: 5;
  background-color: inherit;
  height: 30px;
  display: inline-block;
  top: 3px;
  position: absolute;
}
.input-with-suggestion .icon-energo-clear-search {
  background: url("../img/ClearSearch.svg");
  background-size: 16px 24px;
  width: 16px;
  height: 24px;
  display: block;
  background-repeat: no-repeat;
}
.input-with-suggestion .input-search-MSIE {
  padding-right: 6px;
  width: 110px;
}
.input-with-suggestion.multiple .tabs {
  display: flex;
  border-radius: 3px;
}
.input-with-suggestion.multiple .tabs > button i {
  background-position: 0 -4px;
}
.input-with-suggestion.multiple .tabs > ul {
  flex-shrink: 0;
}
.input-with-suggestion.multiple .tabs > ul li {
  line-height: 0.875rem;
}
.input-with-suggestion.multiple .tabs > ul li span {
  line-height: 1.5;
}
.input-with-suggestion.multiple .tabs ul button {
  position: static;
}
.input-with-suggestion.multiple .tabs ul button i {
  background-position: 0 1px;
}
.input-with-suggestion.multiple .tabs button {
  height: 1.25rem;
  width: 1rem;
  border-radius: 0;
  padding: 0;
  background: transparent;
  margin: 0;
  vertical-align: top;
}
.input-with-suggestion.multiple .tabs button i {
  background-size: 16px 22px;
}
.input-with-suggestion.multiple .tabs button:focus,
.input-with-suggestion.multiple .tabs button:hover {
  background: transparent;
}
.input-with-suggestion.multiple label {
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  text-align: center;
  color: #bbbbbb;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  left: initial;
}
.input-with-suggestion.multiple label + button {
  position: absolute;
  right: 2px;
}
.input-with-suggestion.multiple label + button:hover,
.input-with-suggestion.multiple label + button:focus {
  background: transparent;
}
.input-with-suggestion.multiple input,
.input-with-suggestion.multiple ul {
  margin: 0;
  padding: 0;
  border: none;
  min-height: 1.875rem;
  background: transparent;
  display: inline-block;
}
.input-with-suggestion.multiple input {
  height: auto;
  float: none;
}
.input-with-suggestion.multiple ul {
  list-style: none;
  display: inline-block;
  padding: 0.1875rem 0;
}
.input-with-suggestion.multiple ul li {
  background-color: #ececec;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  padding: 0 5px;
  margin: 1px;
  display: inline-block;
  max-width: 140px;
}
.input-with-suggestion.multiple ul li span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 105px;
}
.input-with-suggestion.multiple .divOnFocus {
  position: absolute;
}
.input-with-suggestion.multiple .input-suggestion tr {
  background: transparent;
}
.input-with-suggestion.multiple .input-suggestion tr td {
  height: 1.875rem;
  border: none;
}
.input-with-suggestion .tabs {
  position: initial;
}
.input-suggestion {
  position: absolute;
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  z-index: 1000;
}
.input-suggestion .search-suggestion {
  max-height: 12.5rem;
  overflow: auto;
}
.input-suggestion td {
  height: 2.5rem;
  cursor: pointer;
}
.input-suggestion td:hover {
  background-color: #cecece;
}
.table-user-permissions .name-cell,
.table-units-in-group .name-cell,
.table-unit-in-groups .name-cell,
.table-template-permissions .name-cell,
.add-permission .name-cell {
  position: initial;
  overflow: visible;
  /* fix of multiselect in ie */
}
@media screen and (max-width: 980px) {
  .units-and-map-shown .group-action-cell {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .units-only-shown .group-action-cell {
    display: none;
  }
}
/* corrected breaking of search input while map is displayed */
#units.units-and-map-shown .filter-sort-panel {
  display: flex;
}
.table-units-settings .icon-chevron-up,
.table-units-settings .icon-chevron-down {
  height: 14px;
}
.table-units-settings .table-labels tr td.customerName > span:first-child {
  max-width: calc(100% - 1.5625rem);
}
.input-filter {
  display: inline-block;
  width: 100%;
}
.input-filter + .sort-button {
  float: right;
  width: 3.125rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.content-alert {
  overflow: hidden;
  width: 100%;
}
.content-alert.hidden {
  max-height: 0;
  padding: 0;
  overflow: hidden;
  margin-top: 0;
}
.sidebar.tools .combo-button > span {
  float: left;
}
.sidebar.tools fieldset .label-body {
  margin: 0;
}
.sidebar.tools .input-with-suggestion {
  position: relative;
}
.sidebar.tools .input-with-suggestion label {
  left: 0;
}
.sidebar.tools .input-with-suggestion .tabs {
  padding: 0.125rem 1.25rem 0.125rem 1.875rem;
  border: 1px solid #222;
  position: relative;
  top: 0;
}
.sidebar.tools .input-with-suggestion .tabs ul {
  width: fit-content;
}
.sidebar.tools .input-with-suggestion .tabs button {
  top: 11px;
  right: 5px;
}
.sidebar.tools .input-with-suggestion .input-suggestion {
  border-color: #222;
}
.sidebar.tools .input-with-suggestion .divOnFocus {
  width: 100%;
}
.sidebar.tools .input-with-suggestion .divOnFocus .input-suggestion {
  width: 100%;
}
.sidebar.tools.light-scheme .input-with-suggestion .input-suggestion tr td:hover {
  background-color: #ececec;
}
.sidebar.tools.dark-scheme .input-with-suggestion {
  color: white;
}
.sidebar.tools.dark-scheme .input-with-suggestion ul li {
  background-color: #484848;
}
.sidebar.tools.dark-scheme .input-with-suggestion .tabs {
  background-color: #6e6e6e;
}
.sidebar.tools.dark-scheme .input-with-suggestion tr {
  background: #6e6e6e;
}
*:focus {
  outline: none;
}
.error-field textarea {
  color: #424242;
}
.error-field .error-field-message p {
  min-height: 5rem;
}
.error-field .good-password,
.error-field label {
  color: #424242;
}
.error-field.phone-field .country-code {
  width: 5.625rem;
}
.error-field.phone-field .phone-number {
  width: calc(100% - 9rem);
}
.table-labels i {
  background-position: 0 -4px;
}
.chart .flot-touch-container .flot-base {
  z-index: 999;
}
.chart .flot-touch-container .flot-overlay {
  z-index: 1001;
}
.chart .legend,
.chart .graph-message {
  z-index: 1004;
}
.chart .legend a,
.chart .graph-message a {
  display: inline-flex;
}
.chart .legend > .tbody,
.chart .graph-message > .tbody {
  z-index: 1001;
}
.chart .legend > div,
.chart .graph-message > div {
  z-index: 1001;
  background-color: inherit!important;
}
.chart .legend .error,
.chart .graph-message .error {
  color: red;
  font-weight: 500;
}
.chart .legend .tbody,
.chart .graph-message .tbody {
  background-color: white;
  opacity: 0.9;
  display: block;
  -ms-overflow-style: scrollbar;
  overflow-y: auto;
  direction: rtl;
}
.chart .legend .tbody .graphMessageCaution,
.chart .graph-message .tbody .graphMessageCaution,
.chart .legend .tbody .graphMessageVerbose,
.chart .graph-message .tbody .graphMessageVerbose {
  direction: ltr;
}
.chart .legend .tbody .graphMessageCaution,
.chart .graph-message .tbody .graphMessageCaution {
  color: red;
}
.chart .legend .tbody .tr,
.chart .graph-message .tbody .tr {
  direction: ltr;
  height: 22px;
}
.chart .legend .tbody .tr .legendColorBox,
.chart .graph-message .tbody .tr .legendColorBox {
  padding-top: 3px;
  float: left;
}
.chart .legend .tbody .tr td,
.chart .graph-message .tbody .tr td {
  float: left;
}
.chart .legend .tbody .scroll-fix,
.chart .graph-message .tbody .scroll-fix {
  padding-right: 24px;
}
.chart .graph-message > div {
  position: absolute;
  top: calc(50% - 55px);
  left: calc(50% - 205px);
}
.chart .graph-message > div .tbody {
  padding: 5px;
}
.chart .graph-message > div .tbody > div {
  padding: 2px 5px;
  width: 400px;
}
.chart .legendLabel {
  padding-left: 24px;
  height: 20px;
  line-height: 20px;
  text-align: left;
}
.chart .legendLabel a {
  color: #08c;
  text-decoration: none;
}
.data-content-settings .data-content-tools {
  z-index: 1025;
}
.data-content-settings .custom-data-content-tools > div {
  float: left;
  position: relative;
}
.data-content-wrapper .data-content-settings {
  display: none;
}
.data-content-wrapper .data-content-settings.open {
  display: table;
}
.data-content-wrapper .graph-navigation {
  float: right;
}
.wsv-dropdown .open {
  display: block;
  z-index: 1500;
}
.wsv-data-log-unit > div {
  width: 100%!important;
}
.wsv-data-log-unit span.wsv-title {
  max-width: calc(100% - 2.5rem);
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  float: left;
  white-space: nowrap;
}
.wsv-data-log-unit .values-list.open {
  display: block!important;
}
.sidebar-list ul {
  list-style: none;
  margin: 0 auto;
  clear: both;
}
#data-log .content-heading .content-actions {
  z-index: 1002;
}
#data-log .sidebar-list.light-scheme li ul li {
  background-color: white;
}
#data-log .action-menu li.invisible {
  visibility: hidden;
}
#data-log .wsv-data-table {
  position: relative;
}
#data-log .sidebar-list ul li div a:hover {
  background-color: inherit;
}
#data-log .sidebar-list ul li:hover {
  background-color: #d4d4d4;
  cursor: pointer;
}
#data-log .sidebar-list.dark-scheme ul li:hover {
  background-color: #363636;
  cursor: pointer;
}
#data-log .sidebar-list.light-scheme li ul {
  color: #5a5a5a;
}
#data-log .sidebar-list.light-scheme ul li:hover {
  background-color: #d4d4d4;
}
#data-log .sidebar-list.light-scheme .wsv-data-log-unit.active-list-item ul li .add-to-favorite {
  color: #363636;
}
#data-log .sidebar-list li ul li {
  padding-right: 0;
  height: auto;
  min-height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.1);
}
#data-log .sidebar-list li ul li input[type="checkbox"] {
  height: 2.5rem;
  vertical-align: top;
  background-color: inherit;
}
#data-log .sidebar-list li ul li.show-fav-only label {
  padding-left: 0;
  width: 100%;
}
#data-log .sidebar-list li ul li.show-fav-only label input {
  margin-top: 0;
}
#data-log .sidebar-list li a.favorites-visible {
  width: calc(100% - 5rem);
}
#data-log .sidebar-list li label {
  padding-left: 0.5rem;
  display: inline-block;
  cursor: pointer;
  width: calc(100% - 1.25rem);
  font-weight: 300;
}
.unit-detail .grid-col td,
.unit-detail .grid-col th {
  height: 1.8125rem;
}
.controller-mode-list {
  height: 3.0625rem;
}
.tool-tip-container .dontDisplay {
  display: none;
}
.tool-tip-container .toolTip {
  position: absolute;
  color: #545454;
  z-index: 1000;
  white-space: nowrap;
}
.tool-tip-container .toolTip > div {
  background-color: rgba(255, 255, 255, 0.9);
  height: 20px;
  padding: 0px 4px;
}
.tool-tip-container .toolTip > div .value {
  display: inline-block;
}
.tool-tip-container .toolTip > div .color-box {
  width: 16px;
  height: 11px;
  display: inline-block;
  margin: 0px 4px;
}
.tool-tip-container .toolTip > div .label {
  display: inline-block;
}
.tool-tip-container .toolTip .dontDisplay {
  display: none;
}
.tool-tip-container .toolTipBottom {
  padding: 4px;
  background-color: white;
  height: auto;
  width: auto;
  position: absolute;
  font-size: smaller;
  color: #545454;
  border: 1px solid #545454;
  z-index: 1000;
}
.tool-tip-container .toolTipBottom > div {
  text-align: center;
}
.tool-tip-container .toolTipeLock .toolTipBottom {
  color: white;
  background-color: #900;
}
.stealthy {
  left: 0;
  margin: 0;
  max-height: 1px;
  max-width: 1px;
  opacity: 0;
  outline: none;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}
.audio-player-container {
  display: none;
}
.ol-overlay-container .map-marker {
  cursor: default;
}
.ol-overlay-container .map-marker.cursorPointer {
  cursor: pointer;
}
.graph-wrapper .tabs {
  left: inherit;
}
.file-upload canvas {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
}
.file-upload.error-field .fileread input {
  color: #424242;
}
.header-user-box li {
  white-space: nowrap;
}
#logo {
  z-index: 999;
  position: relative;
}
#logo.logoImage {
  text-align: left!important;
  padding: 0px;
}
#logo img {
  height: 3.4375rem;
}
#logo span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: inherit;
}
#logo span span {
  line-height: 3.75rem;
}
#CompanyNameTest {
  position: absolute;
  visibility: hidden;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size: 30px;
}
.graph-tools.menu-wrapper {
  /*.simple-icon-button.more-graph-settings {
  float: right;
    }*/
}
.graph-tools.menu-wrapper .simple-button {
  text-overflow: ellipsis;
  overflow: hidden;
}
.graph {
  overflow: hidden;
}
.grid-col .alarmlist {
  padding: 0px!important;
}
.unit-gauge {
  height: 11.6875rem;
}
.content-content h2 span {
  color: #424242;
}
.unit-alarm-warning .unit-alarm-cell .svg-icon:last-child,
.unit-alarm-shutdown .unit-alarm-cell .svg-icon:last-child,
.unit-alarm-ecu .unit-alarm-cell .svg-icon:last-child,
.unit-alarm-fail .unit-alarm-cell .svg-icon:last-child {
  display: inline-block !important;
}
.forgot-form .icon-input,
.forgot-form select {
  margin-bottom: 0.625rem;
}
.login-page .error-field .error-field-message p,
.reset-password .error-field .error-field-message p {
  top: -1.875rem;
}
.EventTriggerCreateView label .error-field-message {
  top: -0.875rem;
}
.login-page .main-content-container {
  margin-bottom: 1.25rem;
}
.login-page .forgot-form .g-recaptcha > div,
.login-page .reset-pswd-form .g-recaptcha > div,
.login-page .download-report-form .g-recaptcha > div {
  margin: 0 auto;
}
.login-page.transfer-account .banners-container {
  margin-top: 11.5rem;
}
.login-page.transfer-account .content-alert {
  margin: 0 auto 1.875rem auto;
}
.login-page.transfer-account .content-alert.hidden {
  margin-bottom: 0;
}
.NewUserView .g-recaptcha > div {
  margin: 20px 0;
}
.plan-settings .g-recaptcha > div {
  margin: 0 auto;
}
.unit-values-table .title {
  height: 1.1875rem;
}
select {
  height: 2.25rem;
}
.units-table-view,
.units-icons-view,
.units-modules-view,
.units-webcontrol {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
.unit-module .communication-state {
  text-align: center;
}
.tools.dark-scheme select,
.tools.dark-scheme input[type='radio'],
.tools.dark-scheme input[type='checkbox'] {
  background-color: inherit;
}
.unit-list ul li.unit-alarm-disabled a:before {
  background-color: #999999;
}
.unit-list ul li.unit-alarm-warning a:before {
  background-color: #fbc02d;
}
.unit-list ul li.unit-alarm-legacy a:before {
  background-color: #FF8000;
}
.unit-list ul li.unit-alarm-shutdown a:before {
  background-color: #d50000;
}
.unit-list ul li.unit-alarm-nocommunication-shutdown a:before,
.unit-list ul li.unit-alarm-nocommunication-warning a:before,
.unit-list ul li.unit-alarm-nocommunication a:before,
.unit-list ul li.unit-alarm-nocommunication-legacy a:before,
.unit-list ul li.unit-alarm-nocommunication-ecu a:before,
.unit-list ul li.unit-alarm-nocommunication-flst a:before,
.unit-list ul li.unit-alarm-nocommunication-noagslot a:before,
.unit-list ul li.unit-alarm-nocommunication-error a:before,
.unit-list ul li.unit-alarm-access-denied a:before,
.unit-list ul li.unit-alarm-starting a:before,
.unit-list ul li.unit-alarm-wrong-credentials a:before,
.unit-list ul li.unit-alarm-password-blocked a:before,
.unit-list ul li.unit-alarm-unknown-device a:before {
  background-color: #934d11;
}
.unit-detail .tabs li {
  cursor: pointer;
}
.data-log-tables {
  background-color: #ffffff;
  display: block;
  opacity: 1;
}
.data-log-tables .wsv-data-table {
  opacity: 1;
  height: auto;
  overflow: auto;
  position: absolute;
  background-color: #ffffff;
  z-index: 200;
  width: auto;
}
.data-log-tables .wsv-data-table td {
  min-width: 150px;
}
.data-log-tables .wsv-data-table tr:nth-child(even) td {
  background: transparent;
}
.data-log-tables .wsv-data-table tbody:nth-child(odd) tr {
  background: transparent;
}
.data-log-tables .wsv-data-table tbody:nth-child(even) tr {
  background: #eeeeee;
}
#units .content .content-alert {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}
#units .content .content-alert.hidden {
  padding: 0;
}
#units .content.modules-enabled .modules-container > div,
#units .content.show-selected-filter-enabled .modules-container > div,
#units .content.tools-filters-enabled .modules-container > div {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
#units .content .main-panel-content .content-alert.info {
  padding-left: 1.25rem;
  background-image: none;
}
.data-content-settings .graph-navigation button:first-child {
  border-left: solid 1px #222222;
  margin-right: 0;
}
.global-alerts {
  height: 3.5rem;
  /* blinking icon */
}
.global-alerts .alerts-number.active-alert {
  animation-name: blink-animation;
  animation-duration: 1s;
  animation-iteration-count: 3;
  animation-timing-function: linear;
  -webkit-animation-name: blink-animation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 3;
  -webkit-animation-timing-function: linear;
}
.sort-alerts-row.show {
  display: list-item;
}
.alerts-list li.unit-alarm-nocommunication span:nth-of-type(1) {
  color: #424242;
}
#settings.SettingsDownloadsView .content-content {
  height: auto;
}
#settings.SettingsDownloadsView select {
  height: 1.5rem;
}
#settings.SettingsDownloadsView select.disabled {
  background-color: #e3e3e3;
}
#settings.SettingsDownloadsView .bulk-actions-select {
  margin: auto;
}
.registration-form .dropdown .dropdown-menu {
  background-color: white;
}
.registration-form label[for=terms] {
  display: inline-block;
}
.registration-form.next-step {
  display: none;
}
.registration-form.next-step.reg-shown {
  left: auto;
  display: block;
}
.registration-form .account-pricing-box {
  display: block;
}
/*input[type="checkbox"], input[type="radio"] {
  height: auto;
  margin: .625rem;
}*/
.table-grid-mode.rows .units-table-view .table-filter-sort td.icons.group-action-cell {
  height: 2.25rem;
  line-height: 2.25rem;
}
.table-grid-mode.rows .units-table-view.row-height-40 .table-filter-sort td.icons.group-action-cell {
  height: 2.5rem;
  line-height: 2.5rem;
}
.units-table-view .filter-sort-panel .check-cell label {
  background: none;
}
.units-table-view.open {
  overflow: hidden;
}
.allUnits.table-filter-sort {
  display: flex;
  flex-direction: column;
}
.allUnits .main-table-wrapper,
.webControlGroups .main-table-wrapper {
  position: absolute;
  height: calc(100% - 54px);
  overflow: auto;
}
.allUnits .main-table-wrapper.search-new-line,
.webControlGroups .main-table-wrapper.search-new-line {
  height: calc(100% - 84px);
}
.webcontrol-active .webcontrol-total {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  border-color: #d4d4d4;
  background: #484848;
  color: #ffffff;
  position: absolute;
  bottom: 0;
}
.units-icons-view.open.main-panel-content {
  overflow: hidden;
}
@media screen and (max-width: 1400px) {
  #data-log .content-content.push-content .data-content-settings .data-content-navigation {
    position: absolute;
    bottom: -37px;
    float: none;
    width: 100%;
    background-color: #484848;
  }
  #data-log .content-content.push-content .data-content-settings .data-content-navigation button {
    display: block;
    float: left;
    margin: 0 auto;
    width: 20%;
  }
}
@media screen and (max-width: 1380px) {
  #reports .content-heading .panel-left-open .action-menu span {
    display: none;
  }
}
@media screen and (max-width: 1250px) {
  .content-heading .panel-left-open .action-menu span,
  .content-heading.push-content .action-menu span {
    display: none;
  }
}
@media screen and (max-width: 1130px) {
  #data-log .content-content.push-content .data-content-settings .data-content-tools .custom-data-content-tools {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
  }
  #data-log .content-content.push-content .data-content-settings .data-content-tools .custom-data-content-tools span {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .alert-note {
    top: 3.125rem;
  }
  .global-alerts {
    height: 2.25rem;
  }
  /* responsive menu - fix */
  .main-header-container {
    height: 2.5rem;
  }
  .main-header-container nav.show ul li a {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
  .view-panel-container.view-panel-top {
    height: 2.5rem !important;
    font-size: 1rem;
  }
  .view-panel-container.view-panel-top #logo {
    padding: 0;
  }
  .view-panel-container.view-panel-top #logo span {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: 500;
  }
  .view-panel-container.view-panel-top .svg-icon,
  .view-panel-container.view-panel-top .stacked-icon {
    display: inline-block;
  }
  .view-panel-container.view-panel-top nav,
  .view-panel-container.view-panel-top .header-user-box {
    display: none;
    z-index: 100;
  }
  .view-panel-container.view-panel-top nav.show,
  .view-panel-container.view-panel-top .header-user-box.show {
    display: block;
    position: absolute;
    top: 2.5rem;
    right: 0;
    width: 100%;
    max-width: 16.625rem;
    text-align: left;
    text-decoration: none;
  }
  .view-panel-container.view-panel-top nav.show ul ul a {
    padding-left: 3.125rem;
  }
  .view-panel-container.view-panel-top nav.show a {
    width: 100%;
    height: auto;
    padding: 0.625rem 0.9375rem;
    text-align: left;
    box-shadow: none;
  }
  .view-panel-container.view-panel-top .header-user-box.show li {
    display: block;
    float: none;
    border: none;
    width: 100%;
  }
  .view-panel-container.view-panel-top .header-user-box.show li:first-child {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
  .view-panel-container.view-panel-top .header-user-box.show li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.625rem 0.9375rem;
    text-align: left;
  }
  .view-panel-container.view-panel-top .navigation nav a,
  .view-panel-container.view-panel-top .header-user-box,
  .view-panel-container.view-panel-top .header-user-box a {
    border-bottom: none;
  }
  .filter-sort-panel {
    position: relative;
  }
  .filter-sort-panel button {
    margin-left: -3px;
  }
  .main-header-container .navigation {
    float: right;
  }
  .main-header-container .navigation .header-user-box {
    position: relative;
    top: 4px;
    float: right;
  }
  .data-content-settings .graph-navigation,
  .data-content-settings .data-content-navigation {
    float: none;
    width: 100%;
    background-color: #484848;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .data-content-settings .graph-navigation button,
  .data-content-settings .data-content-navigation button {
    display: block;
    float: left;
    margin: 0 auto;
    width: 20%;
  }
  .data-content-settings .graph-navigation-table {
    display: none;
  }
  #data-log .content-content.view-graph {
    height: calc(100% - 3.1875rem);
  }
  #data-log .content-content.view-table {
    height: calc(100% - 5.3125rem);
  }
  .data-content-settings.graph-navigation-table-sticky {
    position: absolute;
    z-index: 1000;
  }
  .data-content-settings.graph-navigation-table-sticky button {
    display: block;
    float: left;
    margin: 0 auto;
    width: 20%;
  }
  .data-content-wrapper {
    height: auto;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1100px) {
  .units-table-view tr {
    padding: 0 0.3125rem;
    height: 3.125rem;
    line-height: 3.125rem;
  }
  .units-table-view .table-labels tr {
    height: 1.25rem;
    line-height: 1.25rem;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .more-info:first-child {
    display: table-cell;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-1,
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-2,
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-3 {
    display: none;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 6.5625rem !important;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    display: table-cell;
    padding-bottom: 0!important;
  }
  #units.units-and-map-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 8.125rem !important;
  }
  #units.units-and-map-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    height: 8.125rem;
    margin-top: 3.125rem;
    padding-bottom: 0!important;
  }
  #units.units-and-map-shown .mobile-device .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    margin-top: 3.125rem;
  }
  #settings .table-filter-sort tr,
  #downloads .table-filter-sort tr {
    position: relative;
  }
  #settings .table-filter-sort tr .additionalInfoElement,
  #downloads .table-filter-sort tr .additionalInfoElement {
    display: none;
  }
  #settings .table-filter-sort tr .more-info,
  #downloads .table-filter-sort tr .more-info,
  #settings .table-filter-sort tr .remove-item,
  #downloads .table-filter-sort tr .remove-item {
    display: table-cell;
  }
  #settings .table-filter-sort tr.more-info-opened td,
  #downloads .table-filter-sort tr.more-info-opened td {
    padding-bottom: 8.0625rem !important;
  }
  #settings .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #downloads .table-filter-sort tr.more-info-opened .additionalInfoElement {
    height: 7.8125rem;
    display: table-cell;
    border-top: dotted 1px #cecece;
    background-color: white;
    position: absolute;
    margin-top: 2.5rem;
    left: 0;
    width: 100%!important;
    overflow: hidden;
    padding: 0px!important;
  }
  #settings .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper),
  #downloads .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) {
    padding-left: 0.75rem;
    height: 1.875rem;
    line-height: 1.875rem !important;
    width: 100%;
    margin-left: 0px;
  }
  #settings .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) span,
  #downloads .table-filter-sort tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) span {
    width: 7.5rem;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
  }
  td.value-col-1 :first-child,
  td.value-col-2 :first-child,
  td.value-col-3 :first-child,
  td.value-col-4 :first-child,
  td.web-control-value-col-1 :first-child,
  td.web-control-value-col-2 :first-child,
  td.web-control-value-col-3 :first-child {
    margin-right: 13px;
  }
  .table-head td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #settings .table-units-settings .group,
  #settings .table-units-settings .customer,
  #settings .table-units-settings .commTypeProperty {
    display: none;
  }
  #settings .table-users-settings .login,
  #settings .table-users-settings .email,
  #settings .table-users-settings .units,
  #settings .table-users-settings .language {
    display: none;
  }
  #settings .table-users-settings tr.more-info-opened td {
    padding-bottom: 10rem!important;
  }
  #settings .table-users-settings tr.more-info-opened td.additionalInfoElement {
    height: 9.75rem;
  }
  #settings .table-groups-settings .unitsNo,
  #settings .table-groups-settings .unitsInGroup {
    display: none;
  }
  #settings .table-groups-settings tr.more-info-opened td {
    padding-bottom: 6.125rem !important;
  }
  #settings .table-groups-settings tr.more-info-opened td.additionalInfoElement {
    height: 5.9375rem;
  }
  #settings .table-groups-settings tr.more-info-opened td.additionalInfoElement div:nth-of-type(3) {
    white-space: initial;
    overflow: initial;
  }
  #settings.UserEditView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.NewUserView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.UnitEditView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.NewUnitView .table-filter-sort tr.more-info-opened .additionalInfoElement {
    display: none;
  }
  #settings.UserEditView .table-filter-sort tr.more-info-opened td,
  #settings.NewUserView .table-filter-sort tr.more-info-opened td,
  #settings.UnitEditView .table-filter-sort tr.more-info-opened td,
  #settings.NewUnitView .table-filter-sort tr.more-info-opened td {
    padding: 0!important;
  }
  #settings.UserEditView .table-filter-sort tr .more-info,
  #settings.NewUserView .table-filter-sort tr .more-info,
  #settings.UnitEditView .table-filter-sort tr .more-info,
  #settings.NewUnitView .table-filter-sort tr .more-info {
    display: none;
    padding: 0!important;
  }
  #downloads .download-reports tr.more-info-opened td,
  #downloads .download-history tr.more-info-opened td,
  #downloads .download-archives tr.more-info-opened td {
    padding-bottom: 7.9375rem !important;
  }
  #downloads .download-reports tr.more-info-opened td.additionalInfoElement,
  #downloads .download-history tr.more-info-opened td.additionalInfoElement,
  #downloads .download-archives tr.more-info-opened td.additionalInfoElement {
    height: 7.625rem;
  }
  #downloads .download-reports .name,
  #downloads .download-history .name,
  #downloads .download-archives .name {
    width: 100%;
  }
  #downloads .download-reports .name > span,
  #downloads .download-history .name > span,
  #downloads .download-archives .name > span {
    display: inline-block;
    padding: 0;
    margin-top: 5px;
    max-width: calc(100% - 1.5625rem);
  }
  #downloads .download-reports .name .icon-chevron-up,
  #downloads .download-history .name .icon-chevron-up,
  #downloads .download-archives .name .icon-chevron-up,
  #downloads .download-reports .name .icon-chevron-down,
  #downloads .download-history .name .icon-chevron-down,
  #downloads .download-archives .name .icon-chevron-down {
    height: 15px;
  }
  #downloads .download-reports .template,
  #downloads .download-reports .period,
  #downloads .download-reports .download,
  #downloads .download-reports .count {
    display: none;
  }
  #downloads .download-history .type,
  #downloads .download-archives .type,
  #downloads .download-history .status,
  #downloads .download-archives .status,
  #downloads .download-history .generated,
  #downloads .download-archives .generated,
  #downloads .download-history .download,
  #downloads .download-archives .download {
    display: none;
  }
  #downloads .more-info {
    display: table-cell;
  }
  #downloads .small-cell.period,
  #downloads .small-cell.downloaded,
  #downloads .small-cell.type,
  #downloads .small-cell.status {
    display: table-cell;
  }
  .table-grid-mode.rows .units-table-view .table-filter-sort td.icons.group-action-cell,
  .table-grid-mode.rows .units-table-view.row-height-40 .table-filter-sort td.icons.group-action-cell {
    line-height: 3.125rem;
    height: 3.125rem;
  }
  .table-grid-mode.rows .units-table-view .table-filter-sort td.icons.group-action-cell .svg-icon,
  .table-grid-mode.rows .units-table-view.row-height-40 .table-filter-sort td.icons.group-action-cell .svg-icon {
    height: 100%;
  }
}
@media screen and (max-width: 980px) {
  .units-and-map-shown.rows .last-update,
  .units-and-map-shown.rows .engineState {
    display: none!important;
  }
  .units-and-map-shown .main-table .icons2 {
    display: table-cell !important;
  }
  .units-and-map-shown .view-menu {
    display: none;
    top: -5px;
  }
  .units-and-map-shown .filter-sort-panel button {
    width: 25%;
  }
  #units.units-and-map-shown .filter-sort-panel {
    display: table;
    width: 100%;
  }
  .content-heading .action-menu span {
    display: none;
  }
  #data-log .content-content.push-content .data-content-settings .data-content-tools .custom-data-content-tools {
    right: 3.3125rem;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div {
    border-top: none;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper .wsv-dropdown {
    display: block;
    width: 100%;
    float: none;
    border-top: solid 1px #222222;
  }
}
@media screen and (max-width: 830px) {
  .about .modal-header .version span {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .settings-control-buttons {
    height: 2.25rem;
  }
  .add-table button {
    vertical-align: baseline;
  }
  #data-log .push-content .content-actions.show {
    z-index: 1002;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper {
    display: block;
  }
  /*#settings {
    &.UnitEditView, &.NewUnitView, &.UserEditView, &.NewUserView, &.GroupEditView, &.GroupCreateView, &.SettingsView, &.SettingsDownloadsView {
      .content-content {
        //height: calc(~"100% - 5.5rem");
      }
    }
  }*/
}
@media screen and (max-width: 780px) {
  .units-only-shown .push-content .last-update {
    display: none;
  }
  .input-with-suggestion .ico-close {
    top: 5px;
    margin-left: -30px;
  }
  #settings .table-head td span {
    padding: 0;
    margin: 0 auto;
  }
  #settings.SettingsDownloadsView .check-cell {
    width: 50px;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .more-info:first-child,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr .more-info:first-child {
    display: table-cell;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-1,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr .web-control-value-col-1,
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-2,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr .web-control-value-col-2,
  #units.units-and-map-shown .webcontrol .table-filter-sort tr .web-control-value-col-3,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr .web-control-value-col-3 {
    display: none;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr.more-info-opened td,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 6.5625rem !important;
  }
  #units.units-and-map-shown .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #units.units-only-shown .content.push-content .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    display: table-cell;
    padding-bottom: 0!important;
  }
  #units.units-and-map-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened td,
  #units.units-only-shown .content.push-content .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 8.125rem !important;
  }
  #units.units-and-map-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #units.units-only-shown .content.push-content .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    height: 8.125rem;
    margin-top: 3.125rem;
    padding-bottom: 0!important;
  }
  #units.units-and-map-shown .mobile-device .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #units.units-only-shown .content.push-content .mobile-device .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    margin-top: 3.125rem;
  }
}
/* corrected overflowing window while tools are opened */
@media screen and (max-width: 550px) {
  #units.units-only-shown .tools-enabled {
    min-width: inherit;
  }
  #units.units-only-shown .tools-enabled td {
    float: none;
  }
}
@media screen and (max-width: 660px) {
  .responsive-nav span {
    display: none;
  }
}
@media screen and (min-width: 640px) {
  #settings .table-filter-sort tr.more-info-opened td.additionalInfoElement .mobile-action-wrapper.hide-on-small-screens {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .main-header-container #logo span {
    padding: 0 0.3125rem;
  }
  #settings .content-actions.show .action-menu a {
    text-align: left;
  }
  #settings .table-units-settings .disable,
  #settings .table-units-settings .gsm {
    display: none;
  }
  #settings .table-units-settings tr.more-info-opened td {
    padding-bottom: 10.5rem !important;
  }
  #settings .table-units-settings tr.more-info-opened td.additionalInfoElement {
    height: 10.25rem;
  }
  #settings .table-users-settings .admin,
  #settings .table-users-settings .reports {
    display: none;
  }
  #settings .table-users-settings tr.more-info-opened td {
    padding-bottom: 12.8125rem !important;
  }
  #settings .table-users-settings tr.more-info-opened td.additionalInfoElement {
    height: 12.5rem;
  }
  #settings .table-users-settings .mobile-action-wrapper.hide-on-small-screens.show,
  #settings .table-units-settings .mobile-action-wrapper.hide-on-small-screens.show {
    height: 2.625rem;
    line-height: 1.25rem;
    display: block;
  }
  #settings .table-users-settings .mobile-action-wrapper.hide-on-small-screens.show .table-cell,
  #settings .table-units-settings .mobile-action-wrapper.hide-on-small-screens.show .table-cell {
    width: 22%;
  }
  #settings .table-users-settings .mobile-action-wrapper.hide-on-small-screens.show > div span,
  #settings .table-units-settings .mobile-action-wrapper.hide-on-small-screens.show > div span {
    display: block;
  }
  #settings .table-user-permissions td.sd,
  #settings .add-permission td.sd,
  #settings .table-user-permissions td.wrn,
  #settings .add-permission td.wrn,
  #settings .table-user-permissions td.read,
  #settings .add-permission td.read,
  #settings .table-user-permissions td.control,
  #settings .add-permission td.control,
  #settings .table-user-permissions td.modify,
  #settings .add-permission td.modify {
    display: none;
  }
  #settings .table-user-permissions .more-info,
  #settings .add-permission .more-info {
    display: table-cell;
  }
  #settings .table-user-permissions.add-table .more-info,
  #settings .add-permission.add-table .more-info {
    display: inline-block;
  }
  #settings .table-user-permissions .mobile-action-wrapper.hide-on-small-screens,
  #settings .add-permission .mobile-action-wrapper.hide-on-small-screens {
    border: none;
    border-top: solid 1px #cecece;
  }
  #settings .table-user-permissions .mobile-action-wrapper.hide-on-small-screens.show,
  #settings .add-permission .mobile-action-wrapper.hide-on-small-screens.show {
    display: inline-block;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td,
  #settings .add-permission .table-filter-sort tr.more-info-opened td {
    padding-bottom: 3rem!important;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td.additionalInfoElement,
  #settings .add-permission .table-filter-sort tr.more-info-opened td.additionalInfoElement {
    padding-bottom: 2.75rem !important;
    height: 2.5625rem;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td.additionalInfoElement > div,
  #settings .add-permission .table-filter-sort tr.more-info-opened td.additionalInfoElement > div {
    padding: 0;
    width: 19%;
    height: 2.5rem;
    line-height: 2.5rem !important;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td.additionalInfoElement > div span,
  #settings .add-permission .table-filter-sort tr.more-info-opened td.additionalInfoElement > div span {
    display: block;
    width: 100%;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td.additionalInfoElement label,
  #settings .add-permission .table-filter-sort tr.more-info-opened td.additionalInfoElement label {
    line-height: 1.25rem;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  #settings .table-user-permissions .table-filter-sort tr.more-info-opened td.additionalInfoElement input,
  #settings .add-permission .table-filter-sort tr.more-info-opened td.additionalInfoElement input {
    height: 0.8125rem;
    line-height: 0.8125rem;
  }
  #settings.UserEditView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.NewUserView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.UnitEditView .table-filter-sort tr.more-info-opened .additionalInfoElement,
  #settings.NewUnitView .table-filter-sort tr.more-info-opened .additionalInfoElement {
    display: table-cell;
    border-bottom: 1px solid #cecece;
  }
  #settings.UserEditView .table-filter-sort tr .more-info,
  #settings.NewUserView .table-filter-sort tr .more-info,
  #settings.UnitEditView .table-filter-sort tr .more-info,
  #settings.NewUnitView .table-filter-sort tr .more-info {
    display: table-cell;
  }
  .units-and-map-shown .push-content .unit-name-cell,
  .units-only-shown .push-content .unit-name-cell,
  .units-and-map-shown .push-content .value-cell,
  .units-only-shown .push-content .value-cell,
  .units-and-map-shown .push-content .toggle-group .unit-name-cell,
  .units-only-shown .push-content .toggle-group .unit-name-cell {
    margin-left: 0;
  }
  .units-only-shown.table-grid-mode.rows .last-update {
    display: none!important;
  }
  .units-only-shown .icons2,
  .units-only-shown .engine-state-cell {
    display: table-cell;
  }
  .units-only-shown .push-content .engine-state-cell,
  .units-only-shown .push-content .locate-cell,
  .units-only-shown .push-content .value-col-1 {
    display: none;
  }
  /*#data-log .data-content-settings .graph-tools {
    & > div {
      float: left;
width:calc(~"100% - 3.1875rem");
    }
  }*/
  .data-content-settings .data-content-tools .mobile-content-wrapper {
    display: block;
  }
  #units.units-only-shown .webcontrol .table-filter-sort tr .more-info:first-child {
    display: table-cell;
  }
  #units.units-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-1,
  #units.units-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-2,
  #units.units-only-shown .webcontrol .table-filter-sort tr .web-control-value-col-3 {
    display: none;
  }
  #units.units-only-shown .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 6.5625rem !important;
  }
  #units.units-only-shown .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    display: table-cell;
    padding-bottom: 0!important;
  }
  #units.units-only-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened td {
    padding-bottom: 8.125rem !important;
  }
  #units.units-only-shown .row-height-40 .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    height: 8.125rem;
    margin-top: 3.125rem;
    padding-bottom: 0!important;
  }
  #units.units-only-shown .mobile-device .webcontrol .table-filter-sort tr.more-info-opened .additionalInfoElement {
    margin-top: 3.125rem;
  }
  /*.mobile-device .dropdown .dropdown-menu .search {
    display:none;
  }*/
}
@media screen and (max-width: 520px) {
  .units-only-shown .engine-state-cell {
    display: none;
  }
  .sidebar {
    width: 0;
  }
  .sidebar.open {
    width: 100%;
  }
  .sidebar.unit-overview {
    overflow: hidden;
  }
}
@media screen and (max-width: 470px) {
  .table-filter-sort .value-col-1 {
    display: none;
  }
  .table-filter-sort.hideSelection .selectbox,
  .table-filter-sort.hideSelection ._esgSelectElement,
  .table-filter-sort.hideSelection .selected {
    display: table-cell !important;
  }
}
@media screen and (max-width: 440px) {
  .responsive-nav {
    padding: 0 0.4375rem;
  }
  .view-panel-container.view-panel-top #logo {
    padding: 0;
  }
  .view-panel-container.view-panel-top #logo span {
    padding: 0 0.3125rem;
  }
  label > .label-body {
    display: initial;
  }
  .global-alerts {
    width: 4.375rem;
  }
}
@media screen and (max-width: 330px) {
  .view-panel-container.view-panel-top #logo span {
    font-size: 22px!important;
  }
}
.dropdown-menu.clickable li {
  padding: 0;
}
.dropdown-menu.clickable li > span {
  width: 100%;
  display: block;
  padding: 0 0.625rem;
}
.dropdown-menu.clickable li > span .active-menu-item .svg-icon,
.dropdown-menu.clickable li > span.active-menu-item .svg-icon {
  color: #5c5c5c;
}
.dropdown-menu.clickable ul {
  top: 0;
  left: 100%;
  margin: 0;
}
.dropdown-menu.clickable ul.open {
  display: block;
}
.more-info {
  cursor: pointer;
}
.block-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.block-title:hover {
  overflow: visible;
}
.sidebar-list ul li .list-item-buttons a:hover {
  background-color: transparent;
}
.unit-list ul li a {
  padding-left: 0px;
}
.unit-list ul li a::before {
  margin-left: 0.9375rem;
}
input:hover + .good-password,
input:focus + .good-password,
input:active + .good-password {
  opacity: 1;
  z-index: 10;
}
.good-password.username li.active .svg-icon.cross {
  display: inline-block;
  color: #d50000 !important;
}
.good-password.username .strenght-meter > div {
  background-color: #d50000;
}
.good-password.username .strenght-meter > div.valid {
  background-color: #6cc24a;
}
h2.unit-alarm-fail svg {
  color: inherit!important;
}
.tabs-content-title input {
  max-width: 13.75rem;
  width: calc(100% - 5rem);
  margin: 0.1875rem;
}
.tabs.open .tabs-content-title {
  display: block;
  z-index: 10000;
}
@media screen and (max-width: 980px) {
  .registration-form.next-step {
    left: auto;
  }
  #data-log .push-content button.more-graph-settings {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border-left: solid 1px #222222;
  }
  .data-content-settings .data-content-tools > div {
    width: calc(100% - 3.3125rem);
    display: inline-block;
    float: left;
  }
  .data-content-settings .data-content-tools > div button {
    width: 100%;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper {
    display: block;
    position: relative;
  }
}
@media screen and (max-width: 980px) and (-ms-high-contrast: none), screen and (max-width: 980px) and (-ms-high-contrast: active) {
  .data-content-settings .data-content-tools > div {
    width: calc(100% - 3.375rem);
  }
}
.alarm-type-1-inactive {
  color: #fbc02d;
}
.alarm-type-2-inactive {
  color: #d50000;
}
.alarm-type-3-inactive {
  color: #00acec;
}
.alerts-list ul {
  margin-bottom: 0;
}
.alerts-list button {
  border-left: solid 1px #d4d4d4;
}
.alerts-list .alert-group ul {
  display: inline;
}
.alerts-list .alert-group ul li:first-of-type > div:hover .get-back,
.alerts-list .alert-group ul li:first-of-type > div:focus .get-back {
  background: #424242;
}
.alerts-list .alert-group ul li:first-of-type > div:hover .get-back .svg-icon,
.alerts-list .alert-group ul li:first-of-type > div:focus .get-back .svg-icon {
  color: white;
}
.alerts-list .alert-group button.get-back {
  border-right: solid 1px #d4d4d4;
}
.alerts-list .alert-group:hover .get-in,
.alerts-list .alert-group:focus .get-in {
  background: #424242;
}
.alerts-list .alert-group:hover .get-in .svg-icon,
.alerts-list .alert-group:focus .get-in .svg-icon {
  color: white;
}
.alerts-list .alert-group .sort-alerts.mobile-active {
  background: #424242;
}
.alerts-list .alert-group .sort-alerts.mobile-active .svg-icon {
  color: white;
}
.alerts-list .alert-group div:first-child span.sum.active-alert {
  font-weight: 500;
}
.alerts-list .alert-group.active li:first-of-type {
  border-bottom: double 3px #d4d4d4;
}
.alerts-list li {
  white-space: nowrap;
}
.alerts-list li ul {
  position: relative;
}
.alerts-list li.alert-group li ul {
  overflow-y: auto;
  overflow-x: hidden;
}
.alerts-list li.alert-group li ul li.unit-alarm-nocommunication span:nth-of-type(1),
.alerts-list li.alert-group li ul li.unit-alarm-nocommunication-warning span:nth-of-type(1),
.alerts-list li.alert-group li ul li.unit-alarm-nocommunication-shutdown span:nth-of-type(1) {
  padding: 0;
}
.alerts-list li.alert-group li ul li a {
  font-size: 0;
}
.alerts-list li.alert-group li ul li:first-child span {
  float: initial;
}
.alerts-list li.alert-group li ul li:first-child span:first-of-type {
  font-size: 0.9375rem;
  font-weight: inherit;
  margin-top: 0.4375rem;
}
.alerts-list li.alert-group li ul li:first-child span.sum {
  font-size: small;
  display: block;
}
.alerts-list .sort-alerts:hover,
.alerts-list .sort-alerts.active {
  background: #424242;
}
.alerts-list .sort-alerts:hover .svg-icon,
.alerts-list .sort-alerts.active .svg-icon {
  color: white;
}
.alerts-list .sort-alerts-row {
  border-bottom: solid 1px #d4d4d4;
}
.alerts-list.outerView > ul:first-of-type {
  border-bottom: double 3px #888888;
}
.alerts-list div.alerts-list-general {
  width: 100%;
  overflow-y: auto;
}
.alerts-list .alerts-list-general {
  padding: 0;
}
.alerts-list .alerts-list-general.scrollbar .alert-item button {
  width: 1.875rem;
}
.alerts-list .alerts-list-general ul {
  overflow: hidden;
}
.alarmlist li,
.dashboard-alarmlist li {
  background-color: white;
  color: black;
}
.alarmlist .alarm-type-1,
.dashboard-alarmlist .alarm-type-1 {
  background: #FBC02D !important;
  color: #000000;
}
.alarmlist .alarm-type-2,
.dashboard-alarmlist .alarm-type-2 {
  background: #d50000 !important;
  color: #fff;
}
.alarmlist .alarm-type-3,
.dashboard-alarmlist .alarm-type-3 {
  background: #fff !important;
  color: black;
}
.alarmlist .alarm-type-ecu,
.dashboard-alarmlist .alarm-type-ecu {
  background: #00acec !important;
  color: #fff;
}
.alarmlist .alarm-type-1-inactive,
.dashboard-alarmlist .alarm-type-1-inactive {
  color: #FBC02D;
  background-color: transparent!important;
}
.alarmlist .alarm-type-2-inactive,
.dashboard-alarmlist .alarm-type-2-inactive {
  color: #d50000;
  background-color: transparent!important;
  font-weight: 500;
}
.alarmlist .alarm-type-3-inactive,
.dashboard-alarmlist .alarm-type-3-inactive {
  color: #fff;
  background-color: transparent!important;
}
.alarmlist .alarm-type-3-inactive span,
.dashboard-alarmlist .alarm-type-3-inactive span {
  background: black;
}
.alarmlist .alarm-type-ecu-inactive,
.dashboard-alarmlist .alarm-type-ecu-inactive {
  color: #00acec;
  background-color: transparent!important;
}
.alarmlist .alarm-type-label,
.dashboard-alarmlist .alarm-type-label {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alarmlist .alarm-msg::before,
.dashboard-alarmlist .alarm-msg::before {
  display: inline-block;
  width: 1.75rem;
  text-align: center;
  font-weight: 500;
  content: '*';
}
.alarmlist .alarm-msg.confirmed::before,
.dashboard-alarmlist .alarm-msg.confirmed::before {
  content: '';
}
#reports .wsv-data-table {
  overflow-y: auto;
}
#reports .wsv-data-table tr.heading input,
#reports .wsv-data-table tr.heading select {
  margin-bottom: 0;
}
#reports .wsv-data-table tr:hover > td {
  background: #d4d4d4;
}
#reports .wsv-data-table .week-row {
  background-color: #eeeeee !important;
}
#reports .wsv-data-table .day-rows td {
  padding: 0;
}
#reports .wsv-data-table .day-rows td button {
  height: 1.75rem;
}
#reports #reports_print {
  display: none;
}
#reports .tabs li.active a {
  padding-right: 2.5rem;
}
#reports .tabs button.edit-button {
  right: 0;
}
#reports .wsv-data-table .timestamp {
  min-width: 15rem;
}
#reports .report-values {
  vertical-align: bottom;
}
#alarm-analyser .wsv-data-table {
  padding: 0.625rem 0;
}
#alarm-analyser #reports_print {
  display: none;
}
.alerts-list li {
  white-space: nowrap;
}
.alerts-list li ul li.step-back {
  border-bottom: solid 1px #d4d4d4;
}
.alert-group > ul {
  opacity: 1!important;
  z-index: 0!important;
}
.alert-group .svg-icon.dark-blue {
  fill: #236192;
}
.global-alerts .alerts-list .alert-group-title {
  float: left!important;
  font-weight: 500 !important;
  font-size: 1rem!important;
  letter-spacing: 0.03125rem;
  padding-right: 0.625rem;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
  max-width: 11.875rem;
}
.global-alerts .alerts-list .alert-group.active .alert-group-title {
  max-width: 8.75rem;
}
.global-alerts .alerts-list button.clear-list span {
  display: inline;
}
.global-alerts .alerts-list button.clear-list:hover span {
  background-color: #d50000;
  color: #ffffff;
}
/*.disableAnimation {
  .content {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }
}*/
.content {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
}
.withAnimation .content {
  -webkit-transition: none!important;
  -moz-transition: none!important;
  -o-transition: none!important;
  transition: none!important;
}
.upside-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.lite-acc-label {
  font-weight: 500;
  color: #d50000;
  float: right;
  font-size: 0.95rem;
  line-height: 2rem;
}
.dashboard-widget.active-comments-table .simple-icon-button {
  background: none;
  color: inherit;
}
.dashboard-widget.active-comments-table .simple-icon-button:hover {
  background-color: #eee;
}
.dashboard-widget.service-time .widget-summary > button {
  background-color: #484848;
  color: #fff;
}
.dashboard-widget.service-time .widget-summary > button:focus {
  background-color: #484848;
  color: #fff;
}
.dashboard-widget.service-time .widget-summary > button:hover {
  background-color: #5a5a5a;
  color: #fff;
}
.dashboard-widget.service-time .widget-summary > button.active,
.dashboard-widget.service-time .widget-summary > button.active:focus {
  color: #484848;
  background-color: #fff;
}
.dashboard-widget.service-time .widget-summary > button.positive:first-child {
  border-left: none;
  background-color: #d50000;
}
.dashboard-widget.service-time .widget-summary > button.positive.active:first-child {
  border-left: none;
  background-color: #fff;
  color: #d50000;
}
.dashboard-widget .lite-acc-label {
  font-weight: 500;
  color: #d50000;
  float: right;
  font-size: 0.95rem;
  line-height: 1.3rem;
}
.dashboard-widget .widget-header .title.clickable {
  padding-right: 1.625rem;
}
.dashboard-widget .sorting-header {
  display: flex;
  overflow: hidden;
  justify-content: space-between;
}
.dashboard-widget .sorting-header .sorting-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-alarmlist button.clear-list {
  border-top: none;
}
.enlarged .dashboard-alarmlist {
  width: 100%;
}
.enlarged .dashboard-alarmlist .widget-content.list {
  max-height: none;
}
.enlarged .widget-content {
  height: auto;
}
.stats-indicator.clickable {
  cursor: pointer;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span {
  padding: 0;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span {
  color: #424242;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span::before {
  display: inline-block;
  position: relative;
  top: 2px;
  left: -8px;
  width: 7px;
  height: 0.9375rem;
  content: "";
  background-color: #6cc24a;
  border: solid 1px #000000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 0.9375rem;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-shutdown::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-shutdown::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-warning::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-warning::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-noagslot::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-noagslot::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-flst::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-flst::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-legacy::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-legacy::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-ecu::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-ecu::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-nocommunication-error::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-nocommunication-error::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-access-denied::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-access-denied::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-starting::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-starting::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-wrong-credentials::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-wrong-credentials::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-password-blocked::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-password-blocked::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-unknown-device::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-unknown-device::before {
  background-color: #934d11;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-disabled::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-disabled::before {
  background-color: #999999;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-shutdown::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-shutdown::before {
  background-color: #d50000;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-warning::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-warning::before {
  background-color: #FBC02D;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-ecu::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-ecu::before {
  background-color: #00acec;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-legacy::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-legacy::before {
  background-color: #FF8000;
}
#settings.SettingsUnitsView .table-content .ipad-scroll td.name a.unit-alarm-fail::before,
#settings.SettingsUnitsView .table-content .ipad-scroll td.name span.unit-alarm-fail::before {
  background-color: #fff;
}
#settings.UnitEditView .input-with-suggestion.simple {
  position: relative;
}
#settings.UnitEditView .input-with-suggestion.simple label {
  display: none;
}
#settings.UnitEditView .input-with-suggestion.simple input {
  display: inline-block;
  margin-bottom: 0;
}
#settings.UnitEditView .input-with-suggestion.simple button {
  position: absolute;
  top: 1px;
  right: 3px;
}
#settings.UnitEditView .input-with-suggestion.simple button:focus,
#settings.UnitEditView .input-with-suggestion.simple button:hover {
  background: transparent;
}
#settings.UnitEditView .input-with-suggestion.simple tr:nth-child(even) {
  background: transparent;
}
#settings.UnitEditView .input-with-suggestion.simple td {
  border-bottom: none;
}
#settings .content-content .icons.open-editor,
#settings .content-content .icons.publish-template {
  color: #d50000;
  cursor: pointer;
  transition: 150ms;
}
#settings .content-content .icons.open-editor:hover,
#settings .content-content .icons.publish-template:hover {
  color: #ffffff;
  background-color: #d50000;
}
.toggle-merged-tabs.active .svg-icon:last-child {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.ReportCreateView .dropdown,
.ReportEditView .dropdown {
  margin-bottom: 1.3rem;
}
.ReportCreateView .settings-block,
.ReportEditView .settings-block {
  margin-bottom: 0;
}
.dropdown {
  position: relative;
  margin-bottom: 0.9375rem;
}
.dropdown .dropdown-toggle-scrollable {
  height: 2.25rem;
  line-height: 1.625rem;
  background: #fff;
  color: #424242;
  border: 1px solid #d4d4d4;
  border-radius: 3px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  font-weight: 300;
  text-align: left;
  margin: 0;
  padding: 4px 10px;
  z-index: 998;
}
.dropdown .dropdown-menu {
  max-width: none;
  display: none;
  border: 1px solid #d4d4d4;
  position: absolute;
  width: 100%;
  background-color: #f3f3f3;
  z-index: 999;
}
.dropdown .dropdown-menu .search {
  position: relative;
  width: calc(100% - 6px);
  margin: 4px auto;
}
.dropdown .dropdown-menu .search input {
  margin-bottom: 0;
}
.dropdown .dropdown-menu .search input:focus {
  border: 1px solid #d4d4d4;
}
.dropdown .dropdown-menu .search button {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  height: 36px;
}
.dropdown .dropdown-menu button .icon-energo-clear-search {
  background: url(../img/ClearSearch.svg);
  background-repeat: no-repeat;
  top: 1px;
  right: 3px;
  padding: 0;
}
.dropdown .dropdown-menu button:focus,
.dropdown .dropdown-menu button:hover {
  background: transparent;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  z-index: 1000;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable a {
  background-color: inherit;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable li,
.dropdown .dropdown-menu .dropdown-menu-scrollable li.clickable,
.dropdown .dropdown-menu .dropdown-menu-scrollable a {
  border: none;
  color: #424242;
  text-decoration: none;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable li,
.dropdown .dropdown-menu .dropdown-menu-scrollable li.clickable {
  z-index: 1000000;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable li:hover a,
.dropdown .dropdown-menu .dropdown-menu-scrollable li.clickable:hover a,
.dropdown .dropdown-menu .dropdown-menu-scrollable li.selected a,
.dropdown .dropdown-menu .dropdown-menu-scrollable li.clickable.selected a {
  background-color: #d4d4d4;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable li.initial-item a {
  color: #aaa;
}
.dropdown .dropdown-menu .dropdown-menu-scrollable ul {
  margin-bottom: 0;
}
.dropdown.open .dropdown-menu {
  display: block;
}
.tab-control .simple-icon-button.disabled {
  color: #999999;
  cursor: auto;
}
.view-menu .header-label {
  color: #424242;
  display: inline-block;
  padding: 0;
}
.good-password p span.exclamation {
  margin-left: 0;
}
.vertical-bargraph .chart-value.clickable {
  cursor: pointer;
}
.active-comments-table .widget-content.table .table-cell {
  height: 2.5rem;
}
.stats-indicator .value-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.stats-indicator .value-title .value-label {
  white-space: nowrap;
}
/* corrected hover in view-menu */
@media screen and (max-width: 640px) {
  #reports .view-menu {
    display: flex;
  }
  #reports .view-menu li {
    width: auto;
  }
  #reports .view-menu a {
    padding-right: 0.625rem;
  }
}
@media print {
  .views-container {
    height: auto;
  }
  .view-panel-container.view-panel-top,
  .view-panel-container.view-panel-left {
    display: none;
  }
  .view-panel-container.view-panel-main {
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .view-panel-container.view-panel-main > div {
    height: auto;
  }
  .content-alert,
  .content-heading {
    display: none;
  }
  .content-content {
    position: relative;
    display: block;
    overflow: visible;
    height: auto!important;
  }
  .content-content h2,
  .content-content .data-content-settings,
  .content-content .data-content-settings.open,
  .content-content .wsv-data-table {
    display: none;
  }
  .content-content .data-content-wrapper {
    border: none;
  }
  .content {
    height: auto;
  }
  body {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.1em !important;
    color: #000;
    margin: 0;
    padding: 0;
  }
  a:link,
  a:visited,
  a:active,
  a:hover {
    color: #000;
    text-decoration: none;
  }
  #reports,
  #alarm-analyser {
    font-family: Arial, Helvetica, sans-serif;
  }
  #reports .content-content,
  #alarm-analyser .content-content {
    height: auto;
    padding: 0;
  }
  #reports #reports_print,
  #alarm-analyser #reports_print {
    display: block;
  }
  #reports #reports_print .print-report-chart > div,
  #alarm-analyser #reports_print .print-report-chart > div {
    display: none;
  }
  #reports #reports_print table,
  #alarm-analyser #reports_print table {
    margin-top: 20px;
  }
  #reports #reports_print table tbody,
  #alarm-analyser #reports_print table tbody {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
  }
  #reports #reports_print table td.timestamp,
  #alarm-analyser #reports_print table td.timestamp {
    width: 120px!important;
  }
  #reports #reports_print table td,
  #alarm-analyser #reports_print table td {
    padding: 3px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    text-align: right;
  }
  #reports #reports_print table tr:nth-child(even),
  #alarm-analyser #reports_print table tr:nth-child(even),
  #reports #reports_print table tr th,
  #alarm-analyser #reports_print table tr th {
    background: white;
  }
  #reports #reports_print table tr.heading td,
  #alarm-analyser #reports_print table tr.heading td {
    text-align: center;
    padding: 0.625rem;
    font-weight: bold;
  }
  #reports #reports_print table tr.heading td.timestamp,
  #alarm-analyser #reports_print table tr.heading td.timestamp {
    padding: 0.625rem 1.25rem;
  }
  #reports #reports_print #print-logo,
  #alarm-analyser #reports_print #print-logo {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
    float: right;
  }
  #reports #reports_print #print-logo .comap-logo,
  #alarm-analyser #reports_print #print-logo .comap-logo {
    background-repeat: no-repeat;
    max-width: 200px;
    max-height: 100px;
  }
  #reports #reports_print #print-logo .comap-logo-default,
  #alarm-analyser #reports_print #print-logo .comap-logo-default {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
  }
  #reports #reports_print #print-logo span,
  #alarm-analyser #reports_print #print-logo span {
    display: inline-block;
    width: 200px;
    float: right;
    text-align: right;
  }
  #reports #reports_print #print-logo span span,
  #alarm-analyser #reports_print #print-logo span span {
    font-weight: bold;
    font-size: 1.3125rem;
    line-height: 1.25;
    letter-spacing: -0.03125rem;
  }
  #reports #reports_print h1,
  #alarm-analyser #reports_print h1 {
    margin: 0px;
    font-size: 16px;
    line-height: 25px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
  #reports #reports_print h1.title,
  #alarm-analyser #reports_print h1.title {
    margin-bottom: 10px;
    font-size: 20px;
  }
  #reports #reports_print h1.state,
  #alarm-analyser #reports_print h1.state {
    padding-left: 8px;
    font-size: 15px;
  }
  #reports #reports_print h1.reports,
  #alarm-analyser #reports_print h1.reports {
    font-size: 18px;
  }
  #reports #reports_print .top,
  #alarm-analyser #reports_print .top {
    position: relative;
  }
  #reports #reports_print .top tbody,
  #alarm-analyser #reports_print .top tbody,
  #reports #reports_print .top td,
  #alarm-analyser #reports_print .top td {
    border: none;
  }
  #reports #reports_print .top table,
  #alarm-analyser #reports_print .top table {
    width: 100%;
    border-top: 1px solid #000;
    border-collapse: collapse;
  }
  #reports #reports_print .top table td,
  #alarm-analyser #reports_print .top table td {
    padding-right: 20px;
  }
}
.sidebar-list ul li.opened .list-item-links {
  display: block;
}
.sidebar-list ul li .list-item-links li {
  padding-left: 7px;
}
.sidebar-list ul li .list-item-links li a:before {
  display: none;
}
.sidebar-list ul li .number-of-units {
  position: absolute;
  text-align: center;
  width: 2.375rem;
  height: 2.4375rem;
  line-height: 2.4375rem;
}
body {
  -webkit-overflow-scrolling: touch;
}
.header-user-box a.upgrade-to-pro:hover {
  background: #6cc24a;
}
.login-page .phone-field .country-code {
  padding: 0.375rem 0.625rem;
}
#units .allUnits tr.table-unit .icons .svg-icon.underside,
#units-table .allUnits tr.table-unit .icons .svg-icon.underside,
#units .webControlGroups tr.table-unit .icons .svg-icon.underside {
  display: none!important;
}
#units .allUnits tr.table-unit.unit-alarm-fail .icons .svg-icon.underside,
#units-table .allUnits tr.table-unit.unit-alarm-fail .icons .svg-icon.underside,
#units .webControlGroups tr.table-unit.unit-alarm-fail .icons .svg-icon.underside {
  display: none!important;
}
#units .allUnits tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.upside,
#units-table .allUnits tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.upside,
#units .webControlGroups tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.upside {
  display: none;
}
#units .allUnits tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.underside,
#units-table .allUnits tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.underside,
#units .webControlGroups tr.table-unit.unit-alarm-fail.active-row .icons .svg-icon.underside {
  display: inline-block !important;
}
#units .allUnits tr.dp-group .icons .svg-icon.underside,
#units-table .allUnits tr.dp-group .icons .svg-icon.underside,
#units .webControlGroups tr.dp-group .icons .svg-icon.underside {
  display: none!important;
}
.table-filter-sort.UnitsDownload .table-labels {
  float: left!important;
}
.table-filter-sort.UnitsDownload .table-labels table td {
  box-sizing: inherit!important;
}
.table-filter-sort.UnitsDownload td.title {
  padding-left: 8px!important;
}
#start-page {
  background-color: #000;
  position: relative;
  text-align: center;
  font-family: "Open Sans Regular";
  font-size: 12px;
}
#start-page .left {
  float: left;
}
#start-page .right {
  float: right;
}
#start-page .red-side {
  background-color: #e3001b;
}
#start-page form div input[type="submit"] {
  margin: 0;
}
#start-page .header {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 5;
}
#start-page .header .header-content {
  background-color: #fff;
  width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0 8.4375rem;
}
#start-page .header .header-content > .left {
  height: 100%;
}
#start-page .header .logo {
  width: 149px;
  height: 50px;
  margin: 15px 0;
}
#start-page .header .delimiter {
  width: 1px;
  height: 50px;
  background-color: #e6e6e6;
  margin: 0.9375rem 1.875rem;
  display: inline-block;
}
#start-page .header a {
  text-decoration: none;
}
#start-page .header table {
  width: auto;
  margin: 1.5625rem 0;
}
#start-page .header table img {
  width: 30px;
  height: 30px;
  margin-right: 0.625rem;
  background-image: url('../img/startpage/play-button.svg');
}
#start-page .header table td {
  padding: 0;
  border: none;
}
#start-page .header table td:last-of-type {
  height: 17px;
  color: #000000;
  font-size: 17px;
  font-weight: 600;
}
#start-page .header .labels {
  width: 292px;
  height: 14px;
  color: #e3001b;
  font-size: 17px;
  font-weight: 600;
  margin: 33px 0;
  line-height: 14px;
}
#start-page .header .labels a {
  text-decoration: none;
}
#start-page .wrapper {
  width: 1440px;
  background-color: #fff;
  margin: 0 auto;
  z-index: 0;
  padding-top: 80px;
}
#start-page .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
#start-page #login {
  border-top: 1px solid #e5e5e5;
  width: inherit;
  background: url(../img/startpage/background-monitor.jpg) 100% 10.625rem no-repeat;
  height: 1097px;
  position: relative;
}
#start-page #login .inner-wrapper {
  position: relative;
  padding: 12.5rem 8.4375rem 0 8.4375rem;
}
#start-page #login h1 {
  color: #e3001b;
  font-family: "Open Sans Light";
  font-size: 70px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: left;
}
#start-page #login h1:after {
  content: ' ';
  display: block;
  height: 44px;
}
#start-page #login form {
  margin: 0 auto;
  width: 570px;
  height: 100px;
  background-color: #e3001b;
  padding: 1.875rem;
  float: left;
}
#start-page #login form .icon-input input {
  width: 48%;
  background-color: #b80016;
  padding: 14px 0 14px 14px;
  color: #ffffff;
  -webkit-text-fill-color: white;
}
#start-page #login form .icon-input input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #b80016 inset;
}
#start-page #login form input {
  height: 40px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  border: 0;
}
#start-page #login form input.button {
  width: 88%;
  float: right;
  background: white;
  color: #e3001b;
  -webkit-text-fill-color: #e3001b;
  padding: 0;
}
#start-page #links {
  padding-left: 8.4375rem;
  text-align: left;
}
#start-page #links .col-1-2 {
  padding: 56px 60px;
}
#start-page #links .col-1-2 img {
  display: inline-block;
  margin-right: 40px;
}
#start-page #links .col-1-2 div {
  display: inline-block;
  vertical-align: middle;
}
#start-page #links .col-1-2 h2 {
  height: 29px;
  color: #000;
  font-size: 28px;
  font-weight: 600;
  font-family: "Open Sans Light";
}
#start-page #links .col-1-2 h3 {
  height: 17px;
  color: #808080;
  font-size: 17px;
  font-weight: 400;
  font-family: "Open Sans Light";
}
#start-page #links .col-1-2.red-side h2 {
  color: #fff;
}
#start-page #links .col-1-2.red-side h3 {
  color: #ff9aa6;
}
#start-page #features .inner-wrapper {
  position: relative;
  padding: 12.5rem 8.4375rem 0 8.4375rem;
}
#start-page #features h2 {
  height: 23px;
  color: #e3001b;
  font-family: "Open Sans Regular";
  font-size: 28px;
  font-weight: 600;
}
#start-page #features p a {
  color: #e3001b;
  text-decoration: none;
}
/* responsive design part */
@media all and (min-width: 975px) {
  #start-page .col-1-1 {
    float: left;
    width: 100%;
  }
  #start-page .col-2-3 {
    float: left;
    width: 66.66%;
  }
  #start-page .col-1-2 {
    float: left;
    width: 50%;
  }
  #start-page .col-1-3 {
    float: left;
    width: 33.33%;
  }
  #start-page .col-1-4 {
    float: left;
    width: 25%;
    text-align: left;
  }
  #start-page .col-3-4 {
    float: left;
    width: 75%;
  }
  #start-page .col-1-8 {
    float: left;
    width: 12.5%;
  }
}
.error-field .dropdown {
  width: calc(100% - 2.5rem);
  display: inline-block;
}
.error-field .dropdown > .dropdown-toggle-scrollable {
  border-color: #d50000;
  color: #424242;
}
.error-field .dropdown .dropdown-menu input {
  background-color: #fff;
  border: 1px solid #d4d4d4 !important;
}
/*MICROSITE*/
.microsite .login-form div input[type=submit] {
  margin: 0px!important;
  background: white!important;
}
.microsite .microsite {
  padding-top: 0px!important;
}
body {
  background: #f3f3f3;
}
#application-loader {
  display: block!important;
}
body:not(.withAnimation) #application-loader.disable-animation .loader-part {
  animation: none!important;
  *-o-animation: none!important;
  -ms-animation: none!important;
  -webkit-animation: none!important;
  -moz-animation: none!important;
}
.units-icons-view.open.main-panel-content {
  background-color: #f3f3f3;
}
.units-table-view {
  background-color: white;
}
.clickable {
  cursor: pointer;
}
.error-field.phone-field p.title {
  color: #424242;
}
.feedback-content {
  display: block;
}
.feedback-content textarea {
  resize: none;
}
.feedback-content .rating div {
  display: inline-block;
}
.feedback-content .rating .star {
  width: 24px;
  height: 24px;
  position: relative;
  vertical-align: bottom;
}
.feedback-content .rating .star div {
  position: absolute;
  top: 0;
  left: 0px;
  width: 12px;
  overflow: hidden;
}
.feedback-content .rating .star div.right-side {
  top: 1px;
  left: 12px;
}
.feedback-content .rating .star div.right-side svg {
  float: right;
}
.feedback-content .rating .star svg:first-of-type {
  display: none;
}
.feedback-content .rating .star div.full-star svg:first-of-type {
  display: inline-block;
}
.feedback-content .rating .star div.full-star svg:last-of-type {
  display: none;
}
p.content-note {
  margin-bottom: 1.25rem;
}
p.content-note .svg-icon {
  margin: 0 auto;
  margin-right: 0.625rem;
}
.table-content .icons.disabled {
  cursor: auto!important;
  background-color: transparent!important;
}
.table-content .icons.disabled .svg-icon {
  fill: grey;
}
.alarmlist li.ActiveUnconfirmed,
#d-alarm-list ul li.ActiveUnconfirmed {
  background: #FF8000 !important;
}
.alarmlist li.Confirmed,
#d-alarm-list ul li.Confirmed {
  background: #FF8000 !important;
}
.alarmlist li.InactiveUnconfirmed,
#d-alarm-list ul li.InactiveUnconfirmed {
  background: transparent!important;
  color: #FF8000 !important;
}
#d-alarm-list .ActiveUnconfirmed.svg-icon {
  fill: #FF8000 !important;
}
#d-alarm-list .Confirmed.svg-icon {
  fill: #FF8000 !important;
}
#d-alarm-list .InactiveUnconfirmed.svg-icon {
  fill: #FF8000 !important;
}
.ol-viewport .ol-unselectable {
  user-select: inherit!important;
}
input#user-account-expiration-date {
  width: 50%;
}
.addons-settings input {
  height: 0.8rem;
}
.addons-settings .grid-col.w-6-24 {
  text-align: center;
}
.addons-settings .grid-col.w-6-24 label,
.addons-settings .grid-col.w-6-24 input {
  cursor: pointer;
}
.about .links a {
  cursor: pointer;
}
.about .modal-body .changelog {
  padding-left: 1.5625rem;
}
.about .modal-body .changelog ul {
  padding-left: 0px;
}
/* fix of modal window 'about' */
.flex-container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.add-new-template-modal {
  width: 401px;
  top: calc(50% - 300px);
  left: calc(50% - 200px);
}
.redirect-login-modal {
  width: 450px;
  top: calc(50% - 300px);
  left: calc(50% - 225px);
}
.redirect-login-modal .modal-footer {
  text-align: center;
}
#settings .table-user-permissions .table-row .more-info:hover,
#settings .table-unit-permissions .table-row .more-info:hover,
#settings .add-permission .table-row .more-info:hover {
  background-color: inherit;
}
#settings .table-user-permissions.table-notifications.add-table .name-cell,
#settings .add-permission.table-notifications.add-table .name-cell {
  width: calc(100% - 25rem);
}
#settings .table-user-permissions .small-cell,
#settings .add-permission .small-cell {
  width: 6rem;
}
#settings .table-user-permissions.add-table .name-cell,
#settings .add-permission.add-table .name-cell {
  width: calc(100% - 48rem);
}
@media screen and (max-width: 800px) {
  #settings .table-user-permissions.add-table .name-cell,
  #settings .add-permission.add-table .name-cell {
    width: calc(100% - 25rem);
  }
}
@media screen and (max-width: 640px) {
  #settings .table-user-permissions.add-table .name-cell,
  #settings .add-permission.add-table .name-cell {
    width: calc(100% - 9.375rem);
  }
}
#settings .table-template-permissions .small-cell {
  width: 5rem;
}
#settings .table-template-permissions.add-table .name-cell {
  width: calc(100% - 11.25rem);
}
@media screen and (max-width: 800px) {
  #settings .table-template-permissions .small-cell {
    width: 3.125rem;
  }
  #settings .table-template-permissions .more-info {
    display: none;
  }
  #settings .table-template-permissions.add-table .name-cell {
    width: calc(100% - 6.25rem);
  }
}
@media screen and (max-width: 640px) {
  #settings .table-template-permissions .more-info {
    display: inline-block;
  }
  #settings .table-template-permissions.add-table .name-cell {
    width: calc(100% - 9.375rem);
  }
}
.release-title {
  cursor: pointer;
  font-weight: 500;
}
/* oprava pro nemcinu */
body .navigation nav a {
  min-width: 5.75rem;
  width: auto;
}
body .navigation nav a span {
  white-space: nowrap;
}
.add-table button {
  max-width: 4.375rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .add-table button {
    max-width: 2.1875rem;
  }
}
.SettingsDownloadsView .table-content .check-cell > label {
  height: 36px;
}
.comments input[type="submit"] {
  overflow: hidden;
  text-overflow: ellipsis;
}
.SettingsView textarea {
  overflow: visible;
}
/* classes for cssBreakdownDetector directive */
.content-heading.hide-spans .action-menu span {
  display: none;
}
.content-heading.hide-spans.hide-menu-under-button .action-menu span {
  display: inline-block;
}
.content-heading.hide-menu-under-button .toggle-actions {
  display: block;
}
.content-heading.hide-menu-under-button .content-actions .view-menu,
.content-heading.hide-menu-under-button .content-actions .action-menu {
  display: none;
}
.content-heading.hide-menu-under-button .content-actions.show {
  display: block;
  margin: 0;
  float: none;
  position: absolute;
  top: 3.125rem;
  right: 0;
  width: 100%;
  height: auto;
  line-height: inherit;
  max-width: 15.625rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu {
  margin: 0 auto;
  background-color: #ffffff;
  border-top: solid 1px #d4d4d4;
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu li {
  float: left;
  width: 24.8%;
  text-align: center;
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu:after {
  content: "";
  display: table;
  clear: both;
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu,
.content-heading.hide-menu-under-button .content-actions.show .action-menu {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  width: 100%;
  height: auto;
  z-index: 0;
  background-color: #ffffff;
  border-top: solid 1px #d4d4d4;
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu span,
.content-heading.hide-menu-under-button .content-actions.show .action-menu span {
  display: inline-block;
}
.content-heading.hide-menu-under-button .content-actions.show .view-menu li,
.content-heading.hide-menu-under-button .content-actions.show .action-menu li {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0 auto;
}
.content-heading .add-new-button {
  float: left;
}
.content-heading.hide-add-new-button .add-new-button {
  display: none;
}
#units .filter-sort-panel .sort-button svg {
  line-height: 30px;
  height: 30px;
  vertical-align: baseline;
}
#units .filter-sort-panel .sort-button span {
  width: calc(100% - 50px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.button-css-breakdown-detector {
  display: inline-block;
  white-space: normal;
  height: auto;
}
.button-css-breakdown-detector .svg-icon {
  display: inline-block;
}
.button-css-breakdown-detector span {
  display: inline-block;
  white-space: normal;
}
.button-css-breakdown-detector .mobile-screen {
  display: none;
}
.button-css-breakdown-detector.applied .desktop {
  display: none;
}
.button-css-breakdown-detector.applied .mobile-screen {
  display: inline-block;
}
@media screen and (max-width: 550px) {
  .add-new-button span,
  .settings-control-buttons button span,
  .bulk-actions-select span:first-child {
    display: none!important;
  }
}
.sidebar-heading h2 {
  overflow: hidden;
  text-overflow: ellipsis;
}
#settings .table-filter-sort.UnitPermissions #usall,
#settings .table-filter-sort.UnitGroups #usall,
#settings .table-filter-sort.UserPermissions #usall,
#settings .table-filter-sort.GroupUnits #usall,
#settings .table-filter-sort.GroupPermissions #usall,
#settings .table-filter-sort.UserGroupPermissions #usall {
  height: 2.1875rem;
}
.alert-item.download .svg-icon.alarm-state {
  fill: #d50000;
}
.alert-item.download.success-alert .svg-icon.alarm-state {
  fill: #6cc24a;
}
.about-content .previous-releases {
  font-size: 17px;
}
.about-content .modal-body p:last-of-type {
  padding-top: 5px;
}
a.disabled {
  cursor: default;
}
#bulk-reg-templates {
  max-width: 300px;
  margin: 0 0.625rem 0 0;
  vertical-align: top;
}
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(40, 40);
  }
  100% {
    opacity: 0;
    transform: scale(100, 100);
  }
}
@keyframes ripple2 {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  40% {
    opacity: 0;
    transform: scale(40, 40);
  }
  100% {
    opacity: 0;
    transform: scale(100, 100);
  }
}
/* mixin pro mobilni "active" efekt na tlacitku */
/* mixin pro mobilni "active" efekt na tlacitku */
@media screen and (max-width: 1150px) {
  body {
    /* podbarveni tlacitek menu */
    /* podbarveni toggle-actions tlacitek */
    /* uprava, aby se bezny hover efekt kryl s animaci */
    /* podbarveni tlacitek pro aktivni sortovani v alertech */
    /* efekt animace pro tlacitka - jen u mobilnich zarizeni */
  }
  body .responsive-nav.toggle-user > .svg-icon,
  body .responsive-nav.toggle-menu > .svg-icon,
  body .responsive-nav.toggle-user .stacked-icon,
  body .responsive-nav.toggle-menu .stacked-icon {
    margin: 0 0.3125rem;
  }
  body .simple-button.toggle-actions.show {
    color: #eeeeee;
  }
  body .simple-button.toggle-actions.show .svg-icon {
    fill: #424242;
  }
  body .global-alerts {
    padding: 0;
  }
  body .global-alerts .open-alerts {
    width: 5rem;
    margin: 0;
  }
  body .alerts-list .sort-alerts.active {
    background: #424242;
  }
  body .alerts-list .sort-alerts.active .svg-icon {
    fill: white;
  }
  body .mobile-device .responsive-nav.toggle-user {
    position: relative;
    overflow: hidden;
    display: inline-table;
  }
  body .mobile-device .responsive-nav.toggle-user::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .responsive-nav.toggle-user.mobile-active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .responsive-nav.toggle-menu {
    position: relative;
    overflow: hidden;
    display: inline-table;
  }
  body .mobile-device .responsive-nav.toggle-menu::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .responsive-nav.toggle-menu.mobile-active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .simple-button.toggle-actions.show {
    position: relative;
    overflow: hidden;
    display: inline-table;
    position: absolute;
  }
  body .mobile-device .simple-button.toggle-actions.show::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .simple-button.toggle-actions.show.mobile-active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .simple-button.toggle-actions.show.mobile-active {
    background: inherit;
  }
  body .mobile-device .simple-button.toggle-actions.show.show {
    color: #eeeeee;
  }
  body .mobile-device .simple-button.toggle-actions.show.show::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .global-alerts button.open-alerts {
    position: relative;
    overflow: hidden;
    display: inline-table;
  }
  body .mobile-device .global-alerts button.open-alerts::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .global-alerts button.open-alerts.mobile-active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .global-alerts button.open-alerts.mobile-active {
    background: inherit;
  }
  body .mobile-device .global-alerts button.open-alerts.active {
    color: #ffffff;
    background: #484848;
    background: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#484848));
    background: -webkit-linear-gradient(#626262, #484848);
    background: -moz-linear-gradient(center top, #626262 0%, #484848 100%);
    background: -moz-gradient(center top, #626262 0%, #484848 100%);
    background: -o-linear-gradient(top, #626262, #484848);
    background: linear-gradient(top, #626262, #484848);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#626262, endColorstr=#484848);
  }
  body .mobile-device .global-alerts button.open-alerts.active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .alerts-list .sort-alerts.active {
    position: relative;
    overflow: hidden;
    display: inline-table;
  }
  body .mobile-device .alerts-list .sort-alerts.active::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .alerts-list .sort-alerts.active.mobile-active::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .alerts-list .sort-alerts.active.mobile-active {
    background: #484848;
  }
  body .mobile-device .alerts-list .sort-button {
    position: relative;
    overflow: hidden;
    display: inline-table;
  }
  body .mobile-device .alerts-list .sort-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  body .mobile-device .alerts-list .sort-button.mobile-active {
    background: #7b7b7b;
  }
  body .mobile-device .alerts-list .sort-button.mobile-active.mobile-down::after {
    animation: ripple 1s ease-out;
  }
  body .mobile-device .alerts-list .sort-button.mobile-active.mobile-up::after {
    animation: ripple2 1s ease-out;
  }
}
@media screen and (max-width: 780px) {
  #units .filter-sort-panel .sort-button span {
    display: none;
  }
}
@media screen and (max-width: 660px) {
  body .mobile-device .responsive-nav.toggle-user::after {
    width: 3px;
  }
}
@media screen and (max-width: 440px) {
  body .global-alerts {
    margin-right: 0.3125rem;
  }
  body .global-alerts .open-alerts {
    width: 4.375rem;
  }
}
.esg-mobile-select {
  display: none;
}
.mobile-device .esg-mobile-select {
  display: block;
}
.mobile-device .culture-select,
.mobile-device .timezone-select,
.mobile-device .language-select {
  display: none;
}
.mobile-device .error-field .esg-mobile-select {
  width: calc(100% - 2.5rem);
  display: inline-block;
}
.mobile-device .action-menu li:hover .svg-icon {
  fill: #d50000;
}
.login-form .whole-button .half-button-right span {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.table-filter-sort {
  border: solid 1px #d4d4d4;
}
@media screen and (max-width: 550px) {
  .table-filter-sort.paginationEnabled {
    margin-bottom: 4.375rem;
  }
}
.table-filter-sort .pagination {
  position: absolute;
  bottom: -2.8125rem;
  right: 0;
}
@media screen and (max-width: 550px) {
  .table-filter-sort .pagination {
    width: 100%;
    text-align: center;
  }
}
.table-filter-sort .pagination .tg-pagination-div {
  padding: 0 0.125rem;
  color: black;
}
.table-filter-sort .pagination .tg-pagination-div button {
  border-radius: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: #d50000;
  border: 1px solid black;
  line-height: 1.25rem;
  text-align: center;
  padding: 0;
}
.table-filter-sort .pagination .tg-pagination-div button:disabled {
  background: #999;
}
.table-filter-sort .pagination .tg-pagination-div div {
  display: inline-block;
  font-weight: 500;
}
#settings .table-content {
  border: none;
}
#settings .table-head {
  height: auto;
}
#settings .table-labels {
  height: 100%;
}
.add-new-button.disabled,
.add-new-button.disabled:hover {
  background: #e1e1e1;
  color: #aeaeae;
  cursor: default;
}
.UserEditView button.disabled,
.NewUserView button.disabled,
.UserEditView .UserEditView button.disabled:hover,
.NewUserView .UserEditView button.disabled:hover {
  background: #e1e1e1;
  color: #aeaeae;
  cursor: default;
}
.UserEditView .info-field .info-field-message p,
.NewUserView .info-field .info-field-message p {
  top: -2.5rem !important;
  width: 30rem;
}
.UserEditView .info-field.api .info-field-message p,
.NewUserView .info-field.api .info-field-message p {
  top: -2.5rem !important;
  width: auto;
}
.data-log-tables {
  overflow: inherit;
}
.data-log-tables .pagination {
  position: absolute;
  right: 0;
}
.data-log-tables .pagination.top {
  top: -7.1875rem;
}
.data-log-tables .pagination .tg-pagination-div {
  padding: 0 0.125rem;
  color: black;
}
.data-log-tables .pagination .tg-pagination-div button {
  border-radius: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: #d50000;
  border: 1px solid black;
  line-height: 1.25rem;
  text-align: center;
  padding: 0;
}
.data-log-tables .pagination .tg-pagination-div button:disabled {
  background: #999;
}
.data-log-tables .pagination .tg-pagination-div div {
  display: inline-block;
  font-weight: 500;
}
.tabs-wrapper.graph-wrapper.data-content-wrapper {
  margin-top: 1.875rem;
}
.tabs-wrapper.unit-detail-grid .tabs-control .tab-control button {
  padding: 0;
}
.tabs.not-close li.active.pixel-based-grid a {
  padding-right: 5.5rem;
}
.tabs.not-close li.active.pixel-based-grid button {
  padding: 0;
}
.tabs.not-close li.active.pixel-based-grid button:nth-last-child(2) {
  right: 2.5rem;
}
.tabs.not-close li.active.pixel-based-grid button.active .svg-icon {
  fill: #d50000;
}
.tabs.not-close li.active.pixel-based-grid button:hover .svg-icon {
  fill: #757575;
}
.pixel-canvas-fit-screen {
  height: 100%;
}
.pixel-canvas-fit-screen .unit-detail-v2 {
  height: 100%;
}
.pixel-canvas-fit-screen .viewer {
  height: 100%;
}
.bold {
  font-weight: 500;
}
.endress .linkbox {
  z-index: 1;
  position: relative;
}
.ReportCreateView .view-menu li,
.ReportEditView .view-menu li {
  margin-left: 0.625rem;
}
.ReportCreateView .fileread,
.ReportEditView .fileread {
  margin-right: 0.625rem;
}
.ReportCreateView table.new-item,
.ReportEditView table.new-item {
  table-layout: fixed;
}
.ReportCreateView table.new-item .confirm span.label-body,
.ReportEditView table.new-item .confirm span.label-body {
  display: inline-block;
  margin: 0 0 0 0.4375rem;
  font-weight: 300;
  height: 1.9375rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
.ReportCreateView .drag-and-drop,
.ReportEditView .drag-and-drop {
  /* Drag and Drop */
}
.ReportCreateView .drag-and-drop [draggable=true],
.ReportEditView .drag-and-drop [draggable=true],
.ReportCreateView .drag-and-drop [draggable=true] input:disabled,
.ReportEditView .drag-and-drop [draggable=true] input:disabled,
.ReportCreateView .drag-and-drop [draggable=true] select:disabled,
.ReportEditView .drag-and-drop [draggable=true] select:disabled {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ReportCreateView .drag-and-drop [draggable=true]:active,
.ReportEditView .drag-and-drop [draggable=true]:active,
.ReportCreateView .drag-and-drop [draggable=true]:active input:disabled,
.ReportEditView .drag-and-drop [draggable=true]:active input:disabled,
.ReportCreateView .drag-and-drop [draggable=true]:active select:disabled,
.ReportEditView .drag-and-drop [draggable=true]:active select:disabled {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.ReportCreateView .drag-and-drop li,
.ReportEditView .drag-and-drop li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: -1px;
}
.ReportCreateView .drag-and-drop li.draggable,
.ReportEditView .drag-and-drop li.draggable {
  background-color: #dff0d8;
  font-size: 1.2em;
}
.ReportCreateView .drag-and-drop li.dtr-dragging,
.ReportEditView .drag-and-drop li.dtr-dragging {
  opacity: 0.3;
}
.ReportCreateView .drag-and-drop li.dtr-transition,
.ReportEditView .drag-and-drop li.dtr-transition {
  background-color: #d9edf7;
}
.ReportCreateView .drag-and-drop .dtr-dropping-above,
.ReportEditView .drag-and-drop .dtr-dropping-above {
  border-top: 15px solid #ccc !important;
}
.ReportCreateView .drag-and-drop .dtr-dropping-below,
.ReportEditView .drag-and-drop .dtr-dropping-below {
  border-bottom: 15px solid #ccc !important;
}
.ReportCreateView .drag-and-drop span.dragging,
.ReportEditView .drag-and-drop span.dragging,
.ReportCreateView .drag-and-drop span.over,
.ReportEditView .drag-and-drop span.over,
.ReportCreateView .drag-and-drop span.above,
.ReportEditView .drag-and-drop span.above,
.ReportCreateView .drag-and-drop span.below,
.ReportEditView .drag-and-drop span.below,
.ReportCreateView .drag-and-drop span.transition,
.ReportEditView .drag-and-drop span.transition {
  display: none;
  font-size: 1.2em;
  margin-left: 15px;
}
.ReportCreateView .drag-and-drop .dtr-dragging span.dragging,
.ReportEditView .drag-and-drop .dtr-dragging span.dragging,
.ReportCreateView .drag-and-drop .dtr-over span.over,
.ReportEditView .drag-and-drop .dtr-over span.over,
.ReportCreateView .drag-and-drop .dtr-dropping-above span.above,
.ReportEditView .drag-and-drop .dtr-dropping-above span.above,
.ReportCreateView .drag-and-drop .dtr-dropping-below span.below,
.ReportEditView .drag-and-drop .dtr-dropping-below span.below,
.ReportCreateView .drag-and-drop .dtr-transition span.transition,
.ReportEditView .drag-and-drop .dtr-transition span.transition {
  display: inline-block;
}
.ReportCreateView .drag-and-drop .list-group-item span,
.ReportEditView .drag-and-drop .list-group-item span {
  width: calc((100% - 209px) / 3);
}
.ReportCreateView .drag-and-drop-inactive .list-group-item span,
.ReportEditView .drag-and-drop-inactive .list-group-item span {
  width: calc((100% - 376px) / 3);
}
.ReportCreateView .drag-and-drop-inactive li,
.ReportEditView .drag-and-drop-inactive li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: -1px;
}
.ReportCreateView .drag-and-drop-inactive .move-item,
.ReportEditView .drag-and-drop-inactive .move-item {
  text-align: center;
  line-height: 2.875rem;
  height: 2.875rem;
}
.ReportCreateView .drag-and-drop-inactive .move-item:hover,
.ReportEditView .drag-and-drop-inactive .move-item:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.ReportCreateView .drag-and-drop-inactive .move-item.disabled,
.ReportEditView .drag-and-drop-inactive .move-item.disabled {
  color: #ccc;
}
.ReportCreateView .drag-and-drop-inactive .move-item.disabled:hover,
.ReportEditView .drag-and-drop-inactive .move-item.disabled:hover {
  cursor: default;
  background-color: transparent;
}
.ReportCreateView .drag-and-drop .list-group-item span,
.ReportEditView .drag-and-drop .list-group-item span,
.ReportCreateView .drag-and-drop-inactive .list-group-item span,
.ReportEditView .drag-and-drop-inactive .list-group-item span {
  display: inline-block;
}
.ReportCreateView .drag-and-drop .list-group-item span:first-of-type,
.ReportEditView .drag-and-drop .list-group-item span:first-of-type,
.ReportCreateView .drag-and-drop-inactive .list-group-item span:first-of-type,
.ReportEditView .drag-and-drop-inactive .list-group-item span:first-of-type,
.ReportCreateView .drag-and-drop .list-group-item span.edit-item,
.ReportEditView .drag-and-drop .list-group-item span.edit-item,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.edit-item,
.ReportEditView .drag-and-drop-inactive .list-group-item span.edit-item,
.ReportCreateView .drag-and-drop .list-group-item span.remove-item,
.ReportEditView .drag-and-drop .list-group-item span.remove-item,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.remove-item,
.ReportEditView .drag-and-drop-inactive .list-group-item span.remove-item {
  height: 2.875rem;
  line-height: 2.875rem;
}
.ReportCreateView .drag-and-drop .list-group-item span:first-of-type,
.ReportEditView .drag-and-drop .list-group-item span:first-of-type,
.ReportCreateView .drag-and-drop-inactive .list-group-item span:first-of-type,
.ReportEditView .drag-and-drop-inactive .list-group-item span:first-of-type {
  padding: 0 0.9375rem;
  width: 30px;
}
.ReportCreateView .drag-and-drop .list-group-item span.operation,
.ReportEditView .drag-and-drop .list-group-item span.operation,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.operation,
.ReportEditView .drag-and-drop-inactive .list-group-item span.operation,
.ReportCreateView .drag-and-drop .list-group-item span.wsco,
.ReportEditView .drag-and-drop .list-group-item span.wsco,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.wsco,
.ReportEditView .drag-and-drop-inactive .list-group-item span.wsco {
  width: 100%;
}
.ReportCreateView .drag-and-drop .list-group-item span.edit-item,
.ReportEditView .drag-and-drop .list-group-item span.edit-item,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.edit-item,
.ReportEditView .drag-and-drop-inactive .list-group-item span.edit-item,
.ReportCreateView .drag-and-drop .list-group-item span.remove-item,
.ReportEditView .drag-and-drop .list-group-item span.remove-item,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.remove-item,
.ReportEditView .drag-and-drop-inactive .list-group-item span.remove-item {
  padding: 0;
  width: 80px;
}
.ReportCreateView .drag-and-drop .list-group-item span.edit-item:hover,
.ReportEditView .drag-and-drop .list-group-item span.edit-item:hover,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.edit-item:hover,
.ReportEditView .drag-and-drop-inactive .list-group-item span.edit-item:hover,
.ReportCreateView .drag-and-drop .list-group-item span.remove-item:hover,
.ReportEditView .drag-and-drop .list-group-item span.remove-item:hover,
.ReportCreateView .drag-and-drop-inactive .list-group-item span.remove-item:hover,
.ReportEditView .drag-and-drop-inactive .list-group-item span.remove-item:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.ReportCreateView .drag-and-drop .list-group-item > span,
.ReportEditView .drag-and-drop .list-group-item > span,
.ReportCreateView .drag-and-drop-inactive .list-group-item > span,
.ReportEditView .drag-and-drop-inactive .list-group-item > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.875rem;
  height: 2.875rem;
}
.ReportCreateView .drag-and-drop .list-group-item.header,
.ReportEditView .drag-and-drop .list-group-item.header,
.ReportCreateView .drag-and-drop-inactive .list-group-item.header,
.ReportEditView .drag-and-drop-inactive .list-group-item.header {
  background-color: #424242;
  color: white;
}
.ReportCreateView .drag-and-drop .list-group-item select,
.ReportEditView .drag-and-drop .list-group-item select,
.ReportCreateView .drag-and-drop-inactive .list-group-item select,
.ReportEditView .drag-and-drop-inactive .list-group-item select {
  margin: 0;
}
.ReportCreateView .drag-and-drop .list-group-item select:disabled,
.ReportEditView .drag-and-drop .list-group-item select:disabled,
.ReportCreateView .drag-and-drop-inactive .list-group-item select:disabled,
.ReportEditView .drag-and-drop-inactive .list-group-item select:disabled {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.ReportCreateView .drag-and-drop .list-group-item select:disabled::-ms-expand,
.ReportEditView .drag-and-drop .list-group-item select:disabled::-ms-expand,
.ReportCreateView .drag-and-drop-inactive .list-group-item select:disabled::-ms-expand,
.ReportEditView .drag-and-drop-inactive .list-group-item select:disabled::-ms-expand {
  display: none;
}
.ReportCreateView .drag-and-drop .list-group-item input,
.ReportEditView .drag-and-drop .list-group-item input,
.ReportCreateView .drag-and-drop-inactive .list-group-item input,
.ReportEditView .drag-and-drop-inactive .list-group-item input {
  margin: 0;
}
.ReportCreateView .drag-and-drop-inactive .list-group-item .move-item,
.ReportEditView .drag-and-drop-inactive .list-group-item .move-item {
  padding: 0;
  width: 80px;
}
.TemplateEditView h1 span {
  border-left: inherit;
  padding-left: inherit;
  margin-left: inherit;
  font-weight: inherit;
}
.TemplateEditView h1 span:nth-child(2) {
  margin: 0;
}
.TemplateEditView .view-menu li {
  margin-left: 0.625rem;
}
.TemplateEditView .fileread {
  margin-right: 0.625rem;
}
.TemplateEditView table.new-item {
  table-layout: fixed;
}
.TemplateEditView table.new-item .confirm span.label-body {
  display: inline-block;
  margin: 0 0 0 0.4375rem;
  font-weight: 300;
  height: 1.9375rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
.TemplateEditView .drag-and-drop {
  /* Drag and Drop */
}
.TemplateEditView .drag-and-drop [draggable=true],
.TemplateEditView .drag-and-drop [draggable=true] input:disabled,
.TemplateEditView .drag-and-drop [draggable=true] select:disabled {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.TemplateEditView .drag-and-drop [draggable=true]:active,
.TemplateEditView .drag-and-drop [draggable=true]:active input:disabled,
.TemplateEditView .drag-and-drop [draggable=true]:active select:disabled {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.TemplateEditView .drag-and-drop li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: -1px;
}
.TemplateEditView .drag-and-drop li.draggable {
  background-color: #dff0d8;
  font-size: 1.2em;
}
.TemplateEditView .drag-and-drop li.dtr-dragging {
  opacity: 0.3;
}
.TemplateEditView .drag-and-drop li.dtr-transition {
  background-color: #d9edf7;
}
.TemplateEditView .drag-and-drop .dtr-dropping-above {
  border-top: 15px solid #ccc !important;
}
.TemplateEditView .drag-and-drop .dtr-dropping-below {
  border-bottom: 15px solid #ccc !important;
}
.TemplateEditView .drag-and-drop span.dragging,
.TemplateEditView .drag-and-drop span.over,
.TemplateEditView .drag-and-drop span.above,
.TemplateEditView .drag-and-drop span.below,
.TemplateEditView .drag-and-drop span.transition {
  display: none;
  font-size: 1.2em;
  margin-left: 15px;
}
.TemplateEditView .drag-and-drop .dtr-dragging span.dragging,
.TemplateEditView .drag-and-drop .dtr-over span.over,
.TemplateEditView .drag-and-drop .dtr-dropping-above span.above,
.TemplateEditView .drag-and-drop .dtr-dropping-below span.below,
.TemplateEditView .drag-and-drop .dtr-transition span.transition {
  display: inline-block;
}
.TemplateEditView .drag-and-drop .list-group-item span {
  width: calc((100% - 209px) / 3);
}
.TemplateEditView .drag-and-drop-inactive .list-group-item span {
  width: calc((100% - 401px) / 3);
}
.TemplateEditView .drag-and-drop-inactive li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  margin-bottom: -1px;
}
.TemplateEditView .drag-and-drop-inactive .move-item {
  text-align: center;
  line-height: 2.875rem;
  height: 2.875rem;
}
.TemplateEditView .drag-and-drop-inactive .move-item:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.TemplateEditView .drag-and-drop-inactive .move-item.disabled {
  color: #ccc;
}
.TemplateEditView .drag-and-drop-inactive .move-item.disabled:hover {
  cursor: default;
  background-color: transparent;
}
.TemplateEditView .drag-and-drop .list-group-item.active,
.TemplateEditView .drag-and-drop-inactive .list-group-item.active {
  background-color: #757575;
  color: white;
}
.TemplateEditView .drag-and-drop .list-group-item.active input,
.TemplateEditView .drag-and-drop-inactive .list-group-item.active input,
.TemplateEditView .drag-and-drop .list-group-item.active select,
.TemplateEditView .drag-and-drop-inactive .list-group-item.active select {
  color: black;
}
.TemplateEditView .drag-and-drop .list-group-item.active input:disabled,
.TemplateEditView .drag-and-drop-inactive .list-group-item.active input:disabled,
.TemplateEditView .drag-and-drop .list-group-item.active select:disabled,
.TemplateEditView .drag-and-drop-inactive .list-group-item.active select:disabled {
  background-color: inherit;
  color: white;
}
.TemplateEditView .drag-and-drop .list-group-item.expanded .group-icon,
.TemplateEditView .drag-and-drop-inactive .list-group-item.expanded .group-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.TemplateEditView .drag-and-drop .list-group-item .final-table-rows-number,
.TemplateEditView .drag-and-drop-inactive .list-group-item .final-table-rows-number {
  display: flex;
  margin-left: 2rem;
  margin-bottom: 5px;
}
.TemplateEditView .drag-and-drop .list-group-item .final-table-rows-number span,
.TemplateEditView .drag-and-drop-inactive .list-group-item .final-table-rows-number span,
.TemplateEditView .drag-and-drop .list-group-item .final-table-rows-number input,
.TemplateEditView .drag-and-drop-inactive .list-group-item .final-table-rows-number input {
  width: auto !important;
  height: auto !important;
  line-height: inherit !important;
}
.TemplateEditView .drag-and-drop .list-group-item .final-table-rows-number span,
.TemplateEditView .drag-and-drop-inactive .list-group-item .final-table-rows-number span {
  padding-top: 5px !important;
}
.TemplateEditView .drag-and-drop .list-group-item .additional-row,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row {
  display: flex;
  align-items: center;
  margin-left: 2rem;
  margin-bottom: 0.3125rem;
}
.TemplateEditView .drag-and-drop .list-group-item .additional-row span,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row span,
.TemplateEditView .drag-and-drop .list-group-item .additional-row select,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row select,
.TemplateEditView .drag-and-drop .list-group-item .additional-row input,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row input {
  width: auto !important;
  line-height: inherit !important;
}
.TemplateEditView .drag-and-drop .list-group-item .additional-row span,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row span,
.TemplateEditView .drag-and-drop .list-group-item .additional-row input,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row input {
  height: auto !important;
}
.TemplateEditView .drag-and-drop .list-group-item .additional-row label,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row label {
  margin: 0;
}
.TemplateEditView .drag-and-drop .list-group-item .additional-row label span,
.TemplateEditView .drag-and-drop-inactive .list-group-item .additional-row label span {
  font-weight: 400;
}
.TemplateEditView .drag-and-drop .list-group-item span,
.TemplateEditView .drag-and-drop-inactive .list-group-item span {
  display: inline-block;
}
.TemplateEditView .drag-and-drop .list-group-item span:first-of-type,
.TemplateEditView .drag-and-drop-inactive .list-group-item span:first-of-type,
.TemplateEditView .drag-and-drop .list-group-item span.edit-item,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.edit-item,
.TemplateEditView .drag-and-drop .list-group-item span.remove-item,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.remove-item {
  height: 2.875rem;
  line-height: 2.875rem;
}
.TemplateEditView .drag-and-drop .list-group-item span:first-of-type,
.TemplateEditView .drag-and-drop-inactive .list-group-item span:first-of-type {
  padding: 0 0.9375rem;
  width: 50px;
}
.TemplateEditView .drag-and-drop .list-group-item span.operation,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.operation,
.TemplateEditView .drag-and-drop .list-group-item span.wsco,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.wsco {
  width: 100%;
}
.TemplateEditView .drag-and-drop .list-group-item span.edit-item,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.edit-item,
.TemplateEditView .drag-and-drop .list-group-item span.remove-item,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.remove-item {
  padding: 0;
  width: 80px;
}
.TemplateEditView .drag-and-drop .list-group-item span.edit-item:hover,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.edit-item:hover,
.TemplateEditView .drag-and-drop .list-group-item span.remove-item:hover,
.TemplateEditView .drag-and-drop-inactive .list-group-item span.remove-item:hover {
  background-color: #eeeeee;
  cursor: pointer;
}
.TemplateEditView .drag-and-drop .list-group-item > span,
.TemplateEditView .drag-and-drop-inactive .list-group-item > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.875rem;
  height: 2.875rem;
}
.TemplateEditView .drag-and-drop .list-group-item.header,
.TemplateEditView .drag-and-drop-inactive .list-group-item.header {
  background-color: #424242;
  color: white;
}
.TemplateEditView .drag-and-drop .list-group-item select,
.TemplateEditView .drag-and-drop-inactive .list-group-item select {
  margin: 0;
}
.TemplateEditView .drag-and-drop .list-group-item select:disabled,
.TemplateEditView .drag-and-drop-inactive .list-group-item select:disabled {
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.TemplateEditView .drag-and-drop .list-group-item select:disabled::-ms-expand,
.TemplateEditView .drag-and-drop-inactive .list-group-item select:disabled::-ms-expand {
  display: none;
}
.TemplateEditView .drag-and-drop .list-group-item input,
.TemplateEditView .drag-and-drop-inactive .list-group-item input {
  margin: 0;
}
.TemplateEditView .drag-and-drop-inactive .list-group-item .move-item {
  padding: 0;
  width: 80px;
}
#settings.ReportCreateView .content-content .header .edit-item,
#settings.ReportEditView .content-content .header .edit-item,
#settings.TemplateEditView .content-content .header .edit-item,
#settings.ReportCreateView .content-content .header .remove-item,
#settings.ReportEditView .content-content .header .remove-item,
#settings.TemplateEditView .content-content .header .remove-item,
#settings.ReportCreateView .content-content .header .move-item,
#settings.ReportEditView .content-content .header .move-item,
#settings.TemplateEditView .content-content .header .move-item,
#settings.ReportCreateView .content-content .header .edit-item:hover,
#settings.ReportEditView .content-content .header .edit-item:hover,
#settings.TemplateEditView .content-content .header .edit-item:hover,
#settings.ReportCreateView .content-content .header .remove-item:hover,
#settings.ReportEditView .content-content .header .remove-item:hover,
#settings.TemplateEditView .content-content .header .remove-item:hover,
#settings.ReportCreateView .content-content .header .move-item:hover,
#settings.ReportEditView .content-content .header .move-item:hover,
#settings.TemplateEditView .content-content .header .move-item:hover {
  text-align: center;
  background-color: #424242;
  color: white;
  cursor: auto;
}
#settings.ReportCreateView .content-content .header .move-item,
#settings.ReportEditView .content-content .header .move-item,
#settings.TemplateEditView .content-content .header .move-item {
  height: inherit;
  line-height: inherit;
}
#settings.TemplateEditView input[type="text"]:disabled {
  border: 1px solid #d4d4d4;
}
#settings.TemplateEditView .dropdown {
  margin-bottom: 0;
}
#settings.TemplateEditView .no-padding-left {
  padding-left: 0 !important;
}
#settings.TemplateEditView .list-group-item input[type="text"]:disabled {
  border: none;
}
#settings.TemplateEditView .list-group-item .chevron-column {
  cursor: pointer;
}
#settings.TemplateEditView .list-group-item .instrument-column input {
  width: calc((100% - 30px));
}
#settings.TemplateEditView .list-group-item.item-depth-1 .instrument-column,
#settings.TemplateEditView .list-group-item.item-depth-1 .value-column,
#settings.TemplateEditView .list-group-item.item-depth-1 .screen-column {
  padding-left: 25px;
}
#settings.TemplateEditView .list-group-item.item-depth-2 .instrument-column,
#settings.TemplateEditView .list-group-item.item-depth-2 .value-column,
#settings.TemplateEditView .list-group-item.item-depth-2 .screen-column {
  padding-left: 50px;
}
#settings.TemplateEditView .list-group-item.item-depth-3 .instrument-column,
#settings.TemplateEditView .list-group-item.item-depth-3 .value-column,
#settings.TemplateEditView .list-group-item.item-depth-3 .screen-column {
  padding-left: 75px;
}
#settings.TemplateEditView .new-item td {
  border-bottom: none;
}
#settings.TemplateEditView .new-item select,
#settings.TemplateEditView .new-item input {
  margin-bottom: 0;
}
#settings.TemplateEditView .table-rows-number {
  padding-left: 5px;
  padding-right: 5px;
}
@media print {
  #application-loader {
    display: none!important;
  }
}
.content-heading .content-actions ul li.active a {
  text-decoration: underline;
  color: #424242;
}
.data-content-settings button.edit-template:focus {
  background-color: #484848;
}
.data-content-settings button.edit-template.active {
  background-color: #626262;
}
.data-content-settings button.edit-template.active .svg-icon:last-child {
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
}
.wsv-data-table tr.heading.edit {
  border: none;
}
.wsv-data-table tr.heading.edit:nth-child(2) th {
  padding-top: 6px;
}
.wsv-data-table tr.heading.edit:last-child th {
  padding-bottom: 6px;
  border-bottom: solid 1px #a1a1a1;
}
.wsco-select.dropdown .dropdown-menu .dropdown-menu-scrollable a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wsco-select.dropdown .dropdown-toggle-scrollable {
  overflow: hidden;
}
.diagram2-body {
  background-color: #484848;
  width: 100%;
  height: 100%;
}
.diagram2-body > .controll-buttons {
  float: left;
  padding: 1.1875rem 0.625rem;
  text-align: center;
}
.diagram2-body .diagram-items {
  width: calc(100% - 3.75rem);
  height: 8.625rem;
  padding: 0.625rem 0 0.625rem 0.625rem;
  float: left;
}
.diagram2-body .diagram-items .diagram-items-column {
  display: flex;
  flex-direction: column;
  width: 16.66666667%;
  height: 100%;
  float: left;
}
.diagram-items-column > .diagram-items-content {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  height: inherit;
}
.diagram-items-column > .diagram-items-content > .svg-responsive-container,
.diagram-items-column > .diagram-items-content > .diagram-buttons {
  align-self: center;
  height: auto;
}
.diagram-items-column > .diagram-items-content > .diagram-buttons {
  width: 100%;
  max-width: 2.5rem;
}
.diagram-items-column > .diagram-items-content > .diagram-buttons > button {
  width: 100%;
}
.diagram-items-column.circuit-breaker-buttons > .diagram-items-content {
  padding: 0 0.25rem;
}
.diagram-items-column .svg-responsive-container {
  max-width: 2.8125rem;
  padding: 0 0.375rem;
  line-height: inherit;
}
.diagram-items-column .svg-responsive {
  fill: #ffffff;
  vertical-align: middle;
}
.diagram-items-column .svg-responsive.diagram-flow-off {
  fill: #d50000;
}
.diagram-items-column .svg-responsive.diagram-flow-on {
  fill: #6cc24a;
}
.diagram-items-column .svg-responsive.diagram-flow-on.wire {
  fill: #ffffff;
}
.diagram-buttons > button.hidden {
  visibility: hidden;
}
.hybrid-neo-diagram-body {
  background-color: #484848;
  width: 100%;
  height: 100%;
}
.hybrid-neo-diagram-body > .controll-buttons {
  display: flex;
  flex-direction: column;
  height: 12rem;
  padding: 0.625rem;
  text-align: center;
}
.hybrid-neo-diagram-body > .controll-buttons > .start-button {
  margin-top: auto;
  margin-bottom: 0.625rem;
}
.hybrid-neo-diagram-body .diagram-items {
  width: calc(100% - 3.75rem);
  height: 12rem;
  padding: 1rem 0 1rem 0.625rem;
  float: left;
}
.hybrid-neo-diagram-body .diagram-items .diagram-items-column {
  display: flex;
  flex-direction: column;
  width: 14.28571429%;
  height: 100%;
  float: left;
}
.content-alert.info.alert-msg-dots::after {
  position: absolute;
  right: 1.875rem;
  bottom: 0.9375rem;
  content: '...';
}
#data-log .content-content.content-navigation-bottom .data-content-settings .graph-navigation.data-content-navigation {
  position: absolute;
  float: none;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -37px;
  background-color: #484848;
  z-index: 1000;
}
#data-log .content-content.content-navigation-bottom .data-content-settings .graph-navigation.data-content-navigation button {
  display: block;
  float: left;
  margin: 0 auto;
  width: 20%;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced div.wsv-dropdown {
  width: calc(100% - 3.3125rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #data-log .content-content .data-content-settings .data-content-tools.nav-reduced div.wsv-dropdown {
    width: calc(100% - 3.375rem);
  }
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced div.wsv-dropdown button {
  width: 100%;
  border: none;
  text-align: left;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced div.wsv-dropdown ul {
  top: auto;
  left: 0;
  max-width: 100%;
  width: 100%;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper {
  width: 100%;
  background-color: #484848;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper > div {
  border-top: none;
  float: none;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper .wsv-dropdown {
  display: block;
  width: 100%;
  float: none;
  border-top: solid 1px #222222;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper .wsv-dropdown button {
  display: block;
  width: 100%;
  border: none;
  text-align: left;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper .wsv-dropdown button span,
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper .wsv-dropdown button .svg-icon {
  display: block;
  float: left;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .mobile-content-wrapper .wsv-dropdown button .svg-icon:nth-of-type(2) {
  float: right;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .custom-data-content-tools {
  position: absolute;
  top: 0;
  right: 3.15625rem;
  width: auto;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .custom-data-content-tools button {
  width: 3.125rem;
  padding: 0 0.3125rem;
  text-align: center;
  float: left;
  margin: 0 auto;
  border-left: solid 1px #2f2f2f;
  border-right: 0;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .custom-data-content-tools .svg-icon {
  margin: 0 auto;
}
#data-log .content-content .data-content-settings .data-content-tools.nav-reduced .custom-data-content-tools span {
  display: none;
}
.preloader.modal-center.loading-box.with-close-button {
  width: 134px;
  height: 152px;
  top: calc(50% - 76px);
  left: calc(50% - 67px);
}
.preloader.modal-center.loading-box.with-close-button .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0;
  padding: 0;
  color: #a8a8a8;
}
.preloader.modal-center.loading-box.with-close-button .close-button:hover {
  color: red;
}
#nocomm-ac-icon .black {
  fill: black;
  color: black;
}
.active-row #nocomm-ac-icon .black {
  fill: white!important;
  color: white!important;
}
.alerts-list .unit-alarm-starting svg.svg-icon,
.alerts-list .unit-alarm-nocommunication-error svg.svg-icon,
.alerts-list .unit-alarm-access-denied svg.svg-icon {
  fill: #934d11;
  color: #934d11;
}
.data-log-table-grid .table-filter-sort {
  border-top: 1px solid #a1a1a1;
  border-bottom: 1px solid #a1a1a1;
  border-left: 0;
  border-right: 0;
  background-color: #d4d4d4;
}
.data-log-table-grid .table-filter-sort .table-labels {
  height: auto;
}
.data-log-table-grid .table-filter-sort .table-labels > table tr td {
  padding: 0.1875rem 0.75rem !important;
  line-height: 22px !important;
  height: 48px;
  font-weight: 500;
  color: #424242;
  background-color: #d4d4d4;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-log-table-grid .table-filter-sort .table-labels > table tr td.timestamp {
  border-right: solid 1px #d4d4d4;
}
.data-log-table-grid .table-filter-sort .table-labels > table tr td span:first-child {
  white-space: normal;
}
.data-log-table-grid .table-filter-sort .main-table table tbody tr {
  border-top: 1px solid #d4d4d4;
}
.data-log-table-grid .table-filter-sort .main-table table tbody tr td {
  padding: 0.1875rem 0.75rem !important;
  line-height: 1.4375rem;
  text-align: center;
  white-space: normal;
}
.data-log-table-grid .table-filter-sort .main-table table tbody tr td.timestamp {
  text-align: left;
  border-right: 1px solid #d4d4d4;
}
.data-log-table-grid .table-filter-sort .main-table-wrapper {
  position: absolute;
  left: 0;
  margin-top: 48px;
  height: calc(100% - 28px);
  overflow-x: hidden;
  overflow-y: auto;
}
.filter-sort-panel .input-filter {
  font-weight: 300;
  font-size: 0.875rem;
  width: auto;
}
.filter-sort-panel .input-filter .search-input {
  width: 100% !important;
  background-image: url('../img/SearchIcon.svg');
  background-repeat: no-repeat;
  background-position: 4px 3px;
  background-size: 1.25rem;
  border: 1px solid #d4d4d4;
  padding: 0 1.5625rem 0 1.75rem;
  height: 1.625rem;
  line-height: 1.625rem;
  margin: 0 auto;
}
.filter-sort-panel .input-filter .ico-close {
  height: 1.375rem;
  line-height: 1.375rem;
  min-width: 1.25rem;
  border: 0;
  right: 2px;
  top: 2px;
  background: #ffffff;
}
.filter-sort-panel .input-filter .ico-close .icon-energo-clear-search {
  filter: brightness(1.2);
}
.sidebar-content-trends .search-input::placeholder {
  color: #d4d4d4;
}
.sidebar-content-trends .input-filter.unit-filter {
  margin-bottom: 2px;
}
.map-only-shown .filter-sort-panel .input-filter,
.units-and-map-shown .filter-sort-panel .input-filter {
  width: 100%;
}
.map-only-shown .filter-sort-panel .input-filter .ico-close,
.units-and-map-shown .filter-sort-panel .input-filter .ico-close {
  width: auto;
}
@media screen and (max-width: 980px) {
  .filter-sort-panel .input-filter {
    width: 100%;
  }
  .filter-sort-panel .input-filter .ico-close {
    width: auto;
  }
}
/*
.esg-console {
  bottom: @unitSize3-8;
  left: @unitSize3-8;
  width: 170px;
 // width: 1000px;
  
  height: 250px;
  background-color: fade(#8c8c8c,80%);
  padding: @unitSize1-4;
  //overflow: hidden;
  overflow: auto;
  .setPositionZIndex(3000, fixed);

  span {
    display: block;
    color: @invColor;
  }
}*/
.sort-button > span {
  vertical-align: top;
}
.days-checkbox input[type="checkbox"] {
  margin: 0 auto;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
}
.comments-input > textarea,
.comments-input > button {
  display: none;
}
.iv-color-theme .unit-values-table .title {
  height: auto;
}
.iv-color-theme .alarmlist-header .alarm-indication {
  display: block;
}
.iv-color-theme .alarmlist-header .title span:first-child {
  font-weight: 400;
  font-size: 0.875rem;
  color: #a0a7c2;
}
.iv-color-theme.hybrid-content .comment-post.unread > div {
  background-color: #d50000;
}
.iv-color-theme .comments-input > textarea,
.iv-color-theme .comments-input > button {
  display: block;
}
.iv-color-theme .comments-input > div {
  display: none;
}
.iv-color-theme .bargraph.with-negative-scale .bargraph-column-content {
  margin-left: 50%;
}
.iv-color-theme .bargraph.with-negative-scale .bargraph-column-content.negative-value {
  float: right;
  margin-right: 50%;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.6) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.6) 75%, transparent 75%, transparent);
  background-size: 1.25rem 1.25rem;
}
.iv-color-theme .bargraph .bargraph-column {
  position: relative;
}
.iv-color-theme .bargraph.out-of-scale-value .bargraph-column-content:before,
.iv-color-theme .bargraph.out-of-scale-negative-value .bargraph-column-content:before {
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 1.5rem;
  background-color: #d50000;
  content: '';
}
.iv-color-theme .bargraph.out-of-scale-value .bargraph-column-content:before {
  left: 100%;
}
.iv-color-theme .bargraph.out-of-scale-negative-value .bargraph-column-content:before {
  right: 100%;
}
.hybrid-line-diagram .connection.hidden,
.hybrid-line-diagram .flow-arrow.hidden {
  visibility: hidden;
}
.unit-content-actions .content-collapse.inactive svg {
  fill: #c2c2c2 !important;
}
@media screen and (max-width: 1100px) {
  .units-and-map-shown .filter-sort-panel button {
    margin-left: 0px!important;
  }
}
td.language > img {
  height: 24px;
  margin-top: -2px;
}
.iv-color-theme .unit-values-table .title {
  height: auto;
}
.UnitEditView select:disabled,
.NewUnitView select:disabled {
  outline: 0;
  background: transparent;
}
.bulk-actions-select select:disabled {
  outline: 0;
  background: transparent;
}
.bulk-actions-select span.disabled {
  color: #999999;
}
.views-container .unit-detail-grid .tab:not(.hybrid-content) .instrument-container,
.login-page .unit-detail-grid .tab:not(.hybrid-content) .instrument-container {
  border-radius: 0px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
.views-container .unit-overview .alarmlist,
.login-page .unit-overview .alarmlist,
.views-container .unit-module .alarmlist,
.login-page .unit-module .alarmlist,
.views-container .unit-overview .unit-states,
.login-page .unit-overview .unit-states,
.views-container .unit-module .unit-states,
.login-page .unit-module .unit-states,
.views-container .unit-overview .unit-values-table,
.login-page .unit-overview .unit-values-table,
.views-container .unit-module .unit-values-table,
.login-page .unit-module .unit-values-table {
  margin-bottom: 0.3125rem !important;
  border-radius: 0px;
  border: 0px;
}
.views-container .navigation a:not([href]):not([tabindex]),
.login-page .navigation a:not([href]):not([tabindex]),
.views-container .header-user-box a:not([href]):not([tabindex]),
.login-page .header-user-box a:not([href]):not([tabindex]),
.views-container .form-wrapper .whole-button a:not([href]):not([tabindex]),
.login-page .form-wrapper .whole-button a:not([href]):not([tabindex]) {
  color: #ffffff !important;
}
.views-container .navigation a:not([href]):not([tabindex]):hover,
.login-page .navigation a:not([href]):not([tabindex]):hover,
.views-container .header-user-box a:not([href]):not([tabindex]):hover,
.login-page .header-user-box a:not([href]):not([tabindex]):hover,
.views-container .form-wrapper .whole-button a:not([href]):not([tabindex]):hover,
.login-page .form-wrapper .whole-button a:not([href]):not([tabindex]):hover,
.views-container .navigation a:not([href]):not([tabindex]):focus,
.login-page .navigation a:not([href]):not([tabindex]):focus,
.views-container .header-user-box a:not([href]):not([tabindex]):focus,
.login-page .header-user-box a:not([href]):not([tabindex]):focus,
.views-container .form-wrapper .whole-button a:not([href]):not([tabindex]):focus,
.login-page .form-wrapper .whole-button a:not([href]):not([tabindex]):focus,
.views-container .navigation a:hover,
.login-page .navigation a:hover,
.views-container .header-user-box a:hover,
.login-page .header-user-box a:hover,
.views-container .form-wrapper .whole-button a:hover,
.login-page .form-wrapper .whole-button a:hover {
  color: #ffffff !important;
}
.views-container a:not([href]):not([tabindex]):not(.add-new-button):not(.icon-button):not(.dropdown-toggle-scrollable):not(.wsv-title):not(.add-to-favorite):not(.show-values-list),
.login-page a:not([href]):not([tabindex]):not(.add-new-button):not(.icon-button):not(.dropdown-toggle-scrollable):not(.wsv-title):not(.add-to-favorite):not(.show-values-list) {
  color: #d50000;
}
.views-container .view-panel-container a:hover:not(.add-new-button):not(.icon-button):not(.dropdown-toggle-scrollable):not(.wsv-title):not(.add-to-favorite):not(.show-values-list),
.login-page .view-panel-container a:hover:not(.add-new-button):not(.icon-button):not(.dropdown-toggle-scrollable):not(.wsv-title):not(.add-to-favorite):not(.show-values-list) {
  color: #ff0909;
}
.views-container .view-panel-container a.button:not(.button.grey):not(.button.simple-icon-button),
.login-page .view-panel-container a.button:not(.button.grey):not(.button.simple-icon-button),
.views-container .view-panel-container a.button:hover:not(.button.grey),
.login-page .view-panel-container a.button:hover:not(.button.grey) {
  color: #ffffff;
}
.views-container .sidebar-list.dark-scheme ul li a:not([href]):not([tabindex]),
.login-page .sidebar-list.dark-scheme ul li a:not([href]):not([tabindex]),
.views-container .sidebar-list.dark-scheme ul li a:hover,
.login-page .sidebar-list.dark-scheme ul li a:hover {
  color: #ffffff !important;
}
.views-container .grid-row a.dropdown-toggle-scrollable,
.login-page .grid-row a.dropdown-toggle-scrollable,
.views-container .grid-row .dropdown-menu a,
.login-page .grid-row .dropdown-menu a,
.views-container .grid-row a.dropdown-toggle-scrollable:hover,
.login-page .grid-row a.dropdown-toggle-scrollable:hover,
.views-container .grid-row .dropdown-menu a:hover,
.login-page .grid-row .dropdown-menu a:hover {
  color: #424242;
}
.views-container .grid-row .dropdown-menu a,
.login-page .grid-row .dropdown-menu a {
  font-size: inherit;
}
.views-container .grid-row .dropdown-menu input,
.login-page .grid-row .dropdown-menu input {
  font-size: inherit;
}
.views-container .table,
.login-page .table {
  margin-bottom: 0;
}
.views-container label,
.login-page label {
  font-size: 1em;
}
.views-container select,
.login-page select {
  cursor: pointer;
}
.views-container .list-group-item,
.login-page .list-group-item {
  padding: 0px;
}
.login-page a,
.login-page a:not([href]):not([tabindex]):not(.dropdown-toggle-scrollable) {
  color: #d50000;
  text-decoration: underline;
}
.login-page a:hover:not(.dropdown-toggle-scrollable) {
  color: #ff0909 !important;
}
.page-border .alert.alert-note {
  position: absolute;
  padding: 1.25rem;
  border: 0px;
  border-radius: 0;
  margin-bottom: 0px;
}
.modal {
  display: block!important;
}
.about-content .modal-header {
  display: block;
}
.about-content .modal-footer {
  display: block;
  border: 0px;
}
#settings .table-external-filter {
  position: relative;
}
#settings .table-external-filter .bootstrap-datepicker,
#settings .table-external-filter .input-with-suggestion.multiple {
  display: block;
  position: relative;
  float: left;
  font-weight: 300;
  font-size: 15px;
  width: calc(100% - 3.125rem);
}
#settings .table-external-filter .bootstrap-datepicker input {
  width: 100%;
  color: #424242;
  background-color: white;
  padding: 0.0625rem 0.625rem 0.0625rem 0.625rem;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0 auto;
}
#settings .table-external-filter .bootstrap-datepicker span {
  height: initial;
  display: initial;
}
#settings .table-external-filter .input-with-suggestion.multiple input {
  padding: 0 0 0.125rem 0.25rem;
  margin: 0;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs {
  color: #424242;
  padding: 0 1.5625rem 0 1.75rem;
  height: 1.875rem;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs ul {
  padding: 0.0625rem 0;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs ul li {
  line-height: 1.25rem;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs ul li span {
  font-size: 13px;
  line-height: 1.25rem;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs ul button i {
  background-size: 16px 20px;
  background-position: 1px 1px;
}
#settings .table-external-filter .input-with-suggestion.multiple .tabs .ico-close {
  height: 1.875rem;
  padding: 0 0.25rem;
}
#settings .table-external-filter .input-with-suggestion.multiple label {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
#settings .table-external-filter .input-with-suggestion.multiple label svg {
  padding: 0 0 0.125rem 0;
  width: 1.25rem;
  height: 1.375rem;
}
#settings .table-external-filter .input-with-suggestion.multiple .divOnFocus {
  position: fixed;
}
#settings .table-external-filter .input-with-suggestion.multiple .divOnFocus .input-suggestion {
  color: #424242;
}
#settings .table-external-filter .input-with-suggestion.multiple .divOnFocus .input-suggestion tr {
  background-color: white !important;
}
#settings .table-external-filter .input-with-suggestion.multiple .divOnFocus .input-suggestion tr td {
  height: 1.875rem;
  padding: 0.1875rem 0.3125rem !important;
  cursor: pointer;
}
#settings .table-external-filter .sort-button {
  float: right;
  width: 3.125rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
}
.SettingsActivityLoggerView .table-filter-sort .ipad-scroll tbody tr td {
  line-height: inherit;
}
.SettingsActivityLoggerView tr.more-info-opened td {
  vertical-align: top;
}
.SettingsActivityLoggerView tr.more-info-opened .additionalInfoElement {
  height: auto;
  display: table-cell;
  border-top: dotted 1px #cecece;
  background-color: white;
  position: absolute;
  margin-top: 2.5rem;
  left: 0;
  width: 100%!important;
  overflow: hidden;
  padding: 0px!important;
}
.SettingsActivityLoggerView tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) {
  height: 1.875rem;
  line-height: 1.875rem !important;
  margin-left: 0px;
  float: left;
}
.SettingsActivityLoggerView tr.more-info-opened .additionalInfoElement > div:not(.mobile-action-wrapper) span {
  padding-left: 0.75rem;
  display: inline-block;
}
.SettingsActivityLoggerView .activity-logger-detail-table {
  font-size: 0.75rem !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table .title {
  font-size: 0.75rem !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table tr {
  height: 1.875rem !important;
  line-height: 1.875rem !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table tr:last-of-type {
  border-bottom: 0 !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table th {
  background: white;
}
.SettingsActivityLoggerView .activity-logger-detail-table th span {
  font-size: 0.75rem !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table .subrow td:first-of-type {
  padding-left: 1.25rem !important;
}
.SettingsActivityLoggerView .activity-logger-detail-table .subrow-2 td:first-of-type {
  padding-left: 2.5rem !important;
}
.table-filter-sort.allUnits .table-labels td .icon.icon-chevron-up,
.table-filter-sort.allUnits .table-labels td .icon.icon-chevron-down {
  display: none;
}
.info-field .info-field-message p {
  opacity: 1;
  top: -1.875rem !important;
  white-space: pre-wrap;
  text-align: justify;
  cursor: auto;
}
.UnitEditView .info-field .info-field-message p,
.NewUnitView .info-field .info-field-message p,
.input-with-suggestion-checkbox-row .info-field .info-field-message p,
.transfer-info-field .info-field-message p {
  top: -2.5rem !important;
}
.views-container .navigation a:not([href]):not([tabindex]).notAllowed,
.views-container .navigation a.notAllowed {
  color: gray!important;
}
.sidebar-list .sidebar-content .content-list-scroll {
  height: calc(100% - 2.5rem);
  overflow-y: auto;
}
.sidebar-list .sidebar-content .content-list-scroll.pagination-active {
  height: calc(100% - 4.5rem);
}
.sidebar-list .sidebar-content .content-list-scroll.search-active {
  height: calc(100% - 5.1rem);
}
.sidebar-list .sidebar-content .content-list-scroll.search-active.pagination-active {
  height: calc(100% - 7.1875rem);
}
.sidebar-content-trends .sidebar-list.content-list-scroll {
  height: calc(100% - 4.7rem);
}
.sidebar-content-trends .sidebar-list.content-list-scroll.pagination-active {
  height: calc(100% - 7rem);
}
.sidebar-content-trends .sidebar-list.content-list-scroll.search-active {
  height: calc(100% - 9.7rem);
}
.sidebar-content-trends .sidebar-list.content-list-scroll.pagination-active.search-active {
  height: calc(100% - 12.05rem);
}
.sidebar-content-trends .sidebar-list ul li.active-list-item {
  background-color: #363636;
}
.enlarged .stats-indicator .main-table table {
  width: auto;
  background-color: white;
}
.enlarged .stats-indicator .allUnits .main-table-wrapper {
  height: calc(100% - 155px);
  position: relative;
}
.enlarged .stats-indicator .table-filter-sort table {
  float: none;
}
.enlarged .stats-indicator .units-table-view {
  opacity: 1;
  padding: 0px;
}
.unit-list.DataLog .content-list-scroll {
  width: 100%;
}
.unit-list ul li {
  cursor: auto;
}
.unit-list ul li.clickable {
  cursor: pointer;
}
.unit-list ul li a.group-item::before {
  display: none;
}
.unit-list ul li a.unit-item {
  width: 100%;
}
.unit-list ul li a.unit-item.depth-1 {
  padding-left: 0.875rem;
  /* barva se roztahne až do kraje a odsazení dané předtím marginem zůstane */
}
.views-container .sidebar-list.light-scheme a:not([href]):not([tabindex]),
.views-container .sidebar-list.light-scheme .view-panel-container a:hover {
  color: #5a5a5a;
}
.views-container .view-panel-container .sidebar.light-scheme .list-actions a.button {
  color: #545454;
}
.enlarged .widget-body.table-grid-mode {
  height: 93%;
}
.stats-indicator.dashboard-widget.table-100 {
  height: 100%;
}
/*
.dp-group-webcontrol::after{
    display: block;
    content: '';
    height: 32px;
    width: 64px;
    right: 0px;
    float: right;
}*/
.sidebar-type-icon {
  float: left;
  margin-right: 10px;
}
.group-item .svg-icon {
  margin-left: 4px;
}
.allUnits .dp-group .group-action-cell .gac-2,
.allUnits .dp-group .group-action-cell .gac-1 {
  display: none;
}
.allUnits .dp-group.webcontrol-group .group-action-cell .gac-1 {
  display: block;
}
.allUnits .table-cell .group-action-cell .gac-1,
.allUnits .table-cell .group-action-cell .gac-3 {
  display: none;
}
.allUnits .table-cell.webcontrol-group .group-action-cell .svg-icon,
.allUnits .dp-group.webcontrol-group .group-action-cell .svg-icon {
  height: 100%;
}
.no-gensets {
  text-align: center;
  margin-top: 24vh;
  padding: 0px 8px;
  position: relative;
  font-size: 20px;
}
.no-gensets a {
  cursor: pointer;
}
.modules-actions-bottom {
  position: absolute;
  bottom: 0px;
}
.modules-actions-bottom.view-modules {
  right: 32px;
}
.modules-actions-bottom.view-selection {
  left: 10px;
  z-index: 200;
}
.tabs .unselectable a {
  color: #aeaeae !important;
  cursor: auto;
}
.tabs-wrapper.graph-wrapper.data-content-wrapper {
  margin-top: 0;
}
#reports .content-content h2,
#data-log .content-content h2,
.unit-detail .content-content h2,
#alarm-analyser .content-content h2 {
  margin: 0.5rem auto;
}
#reports .content-content h2 span,
#data-log .content-content h2 span,
.unit-detail .content-content h2 span,
#alarm-analyser .content-content h2 span {
  vertical-align: text-bottom;
}
/*------------*/
a:not([href]):not([tabindex]).add-new-button {
  color: #ffffff !important;
}
.content-heading .content-actions.content-actions-center {
  float: none;
  right: unset;
  box-shadow: none;
  left: 50%;
  font-weight: 500;
}
.content-heading .content-actions.content-actions-center > ul {
  margin-left: -50%;
  margin-right: 0;
}
.table-filter-sort.ActivityLogger td {
  padding-left: 8px!important;
}
.table-filter-sort.ActivityLogger .table-head td {
  box-sizing: border-box !important;
}
.table-filter-sort .bootstrap-datepicker .icon-energo-clear-search {
  display: block;
}
.table-filter-sort .bootstrap-datepicker > input {
  width: 100%!important;
  background-image: url('../img/SearchIcon.svg');
  background-repeat: no-repeat;
  background-position: 3px;
  background-size: 1.25rem;
  color: #424242;
  padding: 0.1rem 2.5rem 0.1rem 2.8rem !important;
}
.onlineConnections {
  text-align: right;
  padding-right: 0.5rem;
  font-weight: 500;
}
.views-container .nav-link {
  color: #9e9e9e !important;
}
.table-alarms .widget-body {
  overflow-x: auto;
}
.table-alarms .sorting {
  display: block;
  min-width: 38rem;
}
.table-alarms .sorting button {
  display: flex;
  width: 8rem;
  padding-right: 0;
}
.table-alarms .sorting button.button-text {
  width: calc(100% - 30rem);
}
.table-alarms .sorting button.button-checkbox {
  width: 6rem;
}
.table-alarms .sorting button span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-alarms .sorting button svg {
  align-self: center;
  flex-shrink: 0;
}
.table-alarms .widget-content.table {
  min-width: 38rem;
  padding: 0px;
}
.table-alarms .widget-content.table .table-cell {
  text-align: center;
  width: 8rem;
}
.table-alarms .widget-content.table .table-cell.cell-text {
  text-align: left;
  width: calc(100% - 30rem);
}
.table-alarms .widget-content.table .table-cell.cell-checkbox {
  width: 6rem;
}
.alarm-reports .charttip {
  width: 20rem;
}
.alarm-reports .stats-indicator {
  cursor: auto!important;
}
.alarm-reports .reports_print td {
  text-align: left;
}
.reset-password .main-content-container {
  overflow: unset;
}
/*
.wsv-editor {
   height: 100%;
}

.container-fluid.editor-wrapper{

    height: calc(~"100% - 48px");

  > div{
    height: 100%;
    background-color: #424242;

    > div{
      height: 100%;
      overflow: auto;
    }
  }
}
  */
.editor-canvas[_ngcontent-c3] .editor-canvas__instrument[_ngcontent-c3] .editor-canvas__instrument__border[_ngcontent-c3] {
  border: 2px dashed #d50000 !important;
}
#downloads .download-archives {
  padding: 1.25rem 0.625rem 0;
}
#downloads .history-button.disabled {
  background: #999999;
  cursor: auto;
}
#downloads .input-with-suggestion.multiple.disabled {
  pointer-events: none;
}
#downloads .input-with-suggestion.multiple.disabled .tabs,
#downloads .input-with-suggestion.multiple.disabled .ico-close {
  background-color: #eee;
}
#downloads .content-content h2 {
  margin: 1.25rem auto 0;
}
#downloads .report-button,
#downloads .history-button {
  color: white;
  margin-top: 2rem;
}
#downloads .report-button svg,
#downloads .history-button svg {
  margin-right: 0.2rem;
}
#downloads .report-button {
  margin-right: 2rem;
}
.content-actions .submenu-title {
  line-height: 3.1rem;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.content-actions .action-menu li {
  vertical-align: unset!important;
}
.add-new-template-modal,
.transfer-account {
  overflow: initial;
}
.add-new-template-modal .modal-body,
.transfer-account .modal-body {
  overflow: initial;
}
#reports td.unit-name {
  text-align: left;
  font-weight: 500;
}
.unit-list.Reports ul li a.group-item {
  width: calc(100% - 5rem);
}
.unit-list.Reports ul li span.show-report {
  width: 2.5rem;
  text-align: center;
  display: inline-block;
  float: right;
}
.unit-list ul li.icon-is-visible a.group-item {
  width: calc(100% - 5rem);
}
.unit-list ul li.icon-is-visible span.show-report {
  width: 2.5rem;
  text-align: center;
  display: inline-block;
  float: right;
}
.w-5-24 {
  width: 20%;
}
@media screen and (max-width: 1280px) {
  .w-5-24 {
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  .w-5-24 {
    width: 100%;
  }
}
.alarm-reports .w-5-24 .stats-indicator {
  cursor: pointer!important;
}
.alarm-reports .active .stats-indicator {
  background-color: #d4d4d4;
}
.alarm-reports .sort-button input {
  color: #424242;
}
.alarm-reports .input-filter {
  width: auto;
}
.alarm-reports .input-filter input {
  width: 100%!important;
  background-image: url(../img/SearchIcon.svg);
  background-repeat: no-repeat;
  background-position: 3px;
  background-size: 1.25rem;
  color: #424242;
  padding: 0.0625rem 1.5625rem 0.0625rem 1.75rem;
}
.alarm-reports .input-filter button {
  background-color: transparent;
  border: 0px;
  top: 4px;
  width: 1.5rem;
}
.alarm-reports .input-filter button:hover {
  background: transparent;
  border: 0px;
}
.stats-indicator.disabled {
  cursor: pointer;
}
.dashboard-widget .value-title .lite-acc-label {
  float: none;
}
.map-licence {
  position: absolute;
  bottom: 4px;
  left: 8px;
  font-size: 10px;
}
.stacked.unit-alarm-stacked-nocommunication,
.stacked.unit-alarm-stacked-nocommunication-warning,
.stacked.unit-alarm-stacked-nocommunication-shutdown,
.stacked.unit-alarm-stacked-nocommunication-ecu,
.stacked.unit-alarm-stacked-nocommunication-legacy,
.stacked.unit-alarm-stacked-nocommunication-flst {
  background: #934d11;
}
.stacked.unit-alarm-stacked-warning {
  background: #fbc02d;
}
.stacked.unit-alarm-stacked-shutdown {
  background: #d50000;
}
.stacked.unit-alarm-stacked-ecu {
  background: #00acec;
}
.stacked.unit-alarm-stacked-legacy {
  background: #ff8000;
}
.stacked.unit-alarm-stacked-flst {
  background: #424242;
}
.checkbox-label {
  display: table;
}
.checkbox-label > input[type="checkbox"] {
  display: table-cell;
  height: 1.5rem;
}
.checkbox-label > .label-body {
  display: table-cell;
  height: auto;
  line-height: 1.5rem;
  padding-left: 0.6rem;
}
.enlarged {
  z-index: 10000;
}
.main-header-container .navigation nav ul ul.submenu-wide a {
  font-size: 14px;
  width: 12.5rem;
}
.main-header-container .navigation nav ul ul.submenu li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sidebar-list.dark-scheme .list-actions .icon-button.active {
  background-color: #6e6e6e !important;
}
.sidebar-list .icon-button:hover,
.sidebar-list .icon-button.active {
  background-color: #dddddd !important;
}
.enlarged .table-alarms .w-6-24 {
  width: 25%!important;
  text-align: left!important;
}
.w-2-24 {
  width: 10%;
}
.ui-datepicker {
  z-index: 1510!important;
}
.back-link {
  cursor: pointer;
}
.wsv-editor .modal {
  font-size: 1rem;
  line-height: 1.5rem;
}
.wsv-editor .modal label,
.wsv-editor .modal .label,
.wsv-editor .modal .col-form-label {
  font-family: inherit;
  font-weight: inherit;
}
.wsv-editor .modal .modal-body {
  padding: 2rem !important;
}
.unit-detail .modules-view.main-panel-content {
  position: relative;
  top: 0px;
}
.unit-detail .modules-view.main-panel-content .modules-container {
  top: 0px;
  display: -webkit-inline-box;
}
.unit-detail .modules-view.main-panel-content h2 {
  margin: 0;
}
.unit-detail .modules-view.main-panel-content .unit-states > div {
  float: none!important;
  width: 100%!important;
  margin-left: 1.9% !important;
  margin-bottom: 0.3125rem !important;
}
.unit-detail .modules-view.main-panel-content .unit-states > div > span {
  display: inline-block !important;
}
.allUnits .webcontrol-group .group-action-cell {
  width: 100px!important;
  background: none!important;
  background-image: none!important;
  color: #424242 !important;
}
.allUnits .webcontrol-group .group-action-cell .svg-icon {
  float: left;
  padding: 0 13px;
}
.allUnits .webcontrol-group .group-action-cell .gac-1 {
  color: white;
  background: #484848;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#484848));
  background-image: -webkit-linear-gradient(#5a5a5a, #484848);
  background-image: -moz-linear-gradient(center top, #5a5a5a 0%, #484848 100%);
  background-image: -moz-gradient(center top, #5a5a5a 0%, #484848 100%);
  background-image: -o-linear-gradient(top, #5a5a5a, #484848);
  background-image: linear-gradient(top, #5a5a5a, #484848);
}
.views-container .sidebar-list.light-scheme .active-list-item a:not([href]):not([tabindex]),
.views-container .sidebar-list.light-scheme .active-list-item a:hover {
  color: white;
}
.sidebar-list.light-scheme .sidebar-type-icon .svg-icon {
  fill: white;
}
.sidebar-list.dark-scheme .pagination-button,
.sidebar-list.light-scheme .pagination-button,
.sidebar-list.dark-scheme .pagination-button:hover,
.sidebar-list.light-scheme .pagination-button:hover {
  color: #ffffff !important;
}
.orange {
  color: #FF8000;
  fill: #FF8000;
}
.blank-row-above {
  padding-top: 4.2rem;
}
.block-title.text-disabled {
  color: #808080;
}
.centered {
  text-align: center;
}
.shared-tab-icon {
  left: -5px;
}
.access-rights-child td.selectbox > * {
  position: relative;
  left: 1.1rem;
}
.access-rights-child td.label > * {
  padding-left: 1.1875rem;
}
.access-rights-parent {
  font-weight: 500;
}
.multiselect-table .table-row {
  display: flex;
}
.multiselect-table .small-cell {
  width: 5rem;
}
.multiselect-table .small-cell .svg-icon {
  margin-top: 0.2rem;
}
.multiselect-table .name-cell {
  width: 100%;
  padding-top: 0.1rem;
  overflow: visible;
}
.RoleEditView button.disabled {
  background: #999999;
  color: #e3e3e3;
  cursor: default;
}
.input-with-suggestion-checkbox-row {
  display: inline-block;
  width: 100%;
}
.input-with-suggestion-checkbox-row .add-placeholder {
  float: right;
  visibility: hidden;
  padding-right: 2px;
}
.input-with-suggestion-checkbox-row .checkbox-row {
  font-size: 12px;
  line-height: 1;
  display: block;
  float: right;
}
.input-with-suggestion-checkbox-row .checkbox-row .info-field {
  position: relative;
  overflow: visible;
}
.input-with-suggestion-checkbox-row .checkbox-row .info-field label span {
  padding-right: 1rem;
}
.input-with-suggestion-checkbox-row .checkbox-row .info-field-message {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  display: inline-flex;
}
.input-with-suggestion-checkbox-row .checkbox-row .info-field-message p {
  line-height: 20px;
}
.input-with-suggestion-checkbox-row .checkbox-row label {
  line-height: 1;
}
.input-with-suggestion-checkbox-row .checkbox-row .table-cell span,
.input-with-suggestion-checkbox-row .checkbox-row .table-cell input {
  height: auto;
  line-height: 1;
  margin-top: 0.3125rem;
}
.input-with-suggestion-checkbox-row .checkbox-row > div span {
  display: block;
}
.input-with-suggestion-checkbox-row.permissions-table {
  padding-right: 9rem;
}
.UserPermissions .more-permissions,
.UnitPermissions .more-permissions,
.GroupPermissions .more-permissions,
.UserGroupPermissions .more-permissions {
  cursor: pointer;
}
.UserPermissions .morePermissionsElement,
.UnitPermissions .morePermissionsElement,
.GroupPermissions .morePermissionsElement,
.UserGroupPermissions .morePermissionsElement {
  display: none;
}
.UserPermissions .more-permissions-opened td,
.UnitPermissions .more-permissions-opened td,
.GroupPermissions .more-permissions-opened td,
.UserGroupPermissions .more-permissions-opened td {
  padding-bottom: 16.0625rem !important;
}
.UserPermissions .more-permissions-opened .table-row,
.UnitPermissions .more-permissions-opened .table-row,
.GroupPermissions .more-permissions-opened .table-row,
.UserGroupPermissions .more-permissions-opened .table-row {
  border: 0;
}
.UserPermissions .more-permissions-opened .table-row:hover,
.UnitPermissions .more-permissions-opened .table-row:hover,
.GroupPermissions .more-permissions-opened .table-row:hover,
.UserGroupPermissions .more-permissions-opened .table-row:hover {
  background-color: inherit;
}
.UserPermissions .more-permissions-opened .morePermissionsElement,
.UnitPermissions .more-permissions-opened .morePermissionsElement,
.GroupPermissions .more-permissions-opened .morePermissionsElement,
.UserGroupPermissions .more-permissions-opened .morePermissionsElement {
  height: 15.8125rem;
  display: table-cell;
  border-top: dotted 1px #cecece;
  background-color: white;
  position: absolute;
  margin-top: 2.5rem;
  left: 0;
  width: 100%!important;
  overflow: hidden;
  padding: 0px!important;
}
.UserPermissions .more-permissions-opened .morePermissionsElement.lite,
.UnitPermissions .more-permissions-opened .morePermissionsElement.lite,
.GroupPermissions .more-permissions-opened .morePermissionsElement.lite,
.UserGroupPermissions .more-permissions-opened .morePermissionsElement.lite {
  height: 15.8125rem;
}
.UserPermissions .more-permissions-opened.lite td,
.UnitPermissions .more-permissions-opened.lite td,
.GroupPermissions .more-permissions-opened.lite td,
.UserGroupPermissions .more-permissions-opened.lite td {
  padding-bottom: 5.5625rem !important;
}
.UserPermissions .more-permissions-opened.lite .morePermissionsElement,
.UnitPermissions .more-permissions-opened.lite .morePermissionsElement,
.GroupPermissions .more-permissions-opened.lite .morePermissionsElement,
.UserGroupPermissions .more-permissions-opened.lite .morePermissionsElement {
  height: 5.3125rem;
}
.fast-reading-period {
  display: flex;
}
.genset-values-widget .percentage-chart .chart-value.last {
  display: block;
}
.subsctiption-plan-addons-table th {
  background-color: #484848;
  color: #FFFFFF;
}
.annual-autorenewal {
  display: contents;
}
.info-field .title {
  display: inline;
}
.wsv-editor cmp-instrument-analog-meter .instrument-header {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.wsv-editor cmp-instrument-analog-meter .instrument-body {
  padding-top: 0;
}
#units-table .sorting {
  display: block;
}
.wsv-editor .map-arrow-up,
.wsv-editor .map-arrow-right,
.wsv-editor .map-arrow-down,
.wsv-editor .map-arrow-left {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  text-align: center;
}
.wsv-editor .map-controls button {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-left: 0.625rem;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.wsv-editor .diagram-icons cmp-dynamic-icon {
  display: inline-block;
}
.registration-form .checkbox input {
  float: right;
  line-height: 1.3rem;
  height: 1.3rem !important;
}
.registration-form .checkbox label {
  display: inline-block;
}
.wsv-editor .editor-theme .table td {
  color: #FFFFFF;
}
.map-marker.stacked .position-info {
  display: none;
}
.map-marker .position-info {
  margin-top: 2.5rem;
  display: inline-block;
  width: 100px;
  margin-left: -37px;
  text-wrap: wrap;
  background-color: rgba(255, 255, 255, 0.9);
  color: #424242;
}
#dashboard h1 > span {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
#dashboard .content-content {
  height: 100%;
}
#dashboard .content-content.enlarged {
  overflow: hidden;
}
#dashboard .action-menu span {
  display: inline-block;
}
#dashboard .sorting {
  display: block;
}
#dashboard .sorting button:hover,
#dashboard .sorting button:focus {
  color: #424242;
  background: #eee;
  filter: none;
}
#dashboard .sorting button.active {
  background: #7b7b7b;
  color: #ffffff;
}
#dashboard .dashboard-alarmlist .items-group ul {
  display: block;
}
#dashboard .dashboard-alarmlist .widget-content.list {
  max-height: 54.0625rem;
}
#dashboard .dashboard-alarmlist li > div:nth-child(2) {
  overflow: initial;
}