@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Light/Roboto-Light.woff2?v=2.137) format("woff2"), url(../fonts/roboto/Light/Roboto-Light.woff?v=2.137) format("woff"), url(../fonts/roboto/Light/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/LightItalic/Roboto-LightItalic.woff2?v=2.137) format("woff2"), url(../fonts/roboto/LightItalic/Roboto-LightItalic.woff?v=2.137) format("woff"), url(../fonts/roboto/LightItalic/Roboto-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular.woff2?v=2.137) format("woff2"), url(../fonts/roboto/Regular/Roboto-Regular.woff?v=2.137) format("woff"), url(../fonts/roboto/Regular/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-cyrillic-ext.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-cyrillic.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-greek-ext.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-greek.woff2) format("woff2");
  unicode-range: U+0370-03FF;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Regular/Roboto-Regular-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Italic/Roboto-Italic.woff2?v=2.137) format("woff2"), url(../fonts/roboto/Italic/Roboto-Italic.woff?v=2.137) format("woff"), url(../fonts/roboto/Italic/Roboto-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/Medium/Roboto-Medium.woff2?v=2.137) format("woff2"), url(../fonts/roboto/Medium/Roboto-Medium.woff?v=2.137) format("woff"), url(../fonts/roboto/Medium/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Webfont";
  src: url(../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff2?v=2.137) format("woff2"), url(../fonts/roboto/MediumItalic/Roboto-MediumItalic.woff?v=2.137) format("woff"), url(../fonts/roboto/MediumItalic/Roboto-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* Base Colors */
.grid-row,
.grid-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*
.wrapper {
  width: 100%;
  padding: 0 (@column-gutter * 2);
  margin: 0 auto;
}
*/
.grid-row {
  display: block;
  clear: both;
}
.grid-col {
  width: 100%;
  padding: 0.625rem;
}
.grid-row .grid-col {
  float: left;
}
/*
.grid-col .grid-col:first-child { padding-left: 0; }
.grid-col .grid-col:last-child { padding-right: 0; }
.grid-col .grid-row:first-child > .grid-col { padding-top: 0; }
.grid-col .grid-row:last-child > .grid-col { padding-bottom: 0; }
*/
.no-padding .grid-col,
.grid-col.no-padding {
  padding: 0 !important;
}
.no-horizontal-padding .grid-col,
.grid-col.no-horizontal-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-vertical-padding .grid-col,
.grid-col.no-vertical-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.w-3-24 {
  width: 12.5%;
}
.w-4-24 {
  width: 16.66666667%;
}
.w-6-24 {
  width: 25%;
}
.w-8-24 {
  width: 33.33333333%;
}
.w-9-24 {
  width: 37.5%;
}
.w-12-24 {
  width: 50%;
}
.w-15-24 {
  width: 62.5%;
}
.w-16-24 {
  width: 66.66666667%;
}
.w-18-24 {
  width: 75%;
}
.w-21-24 {
  width: 87.5%;
}
.w-24-24 {
  width: 100%;
}
.grid-row:before,
.grid-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.grid-row:after {
  clear: both;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-size: 0.9375rem;
  line-height: 1.5;
  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: #f3f3f3;
}
html,
body {
  height: 100%;
  padding: 0;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  margin-top: 0;
  margin-bottom: 0.625rem;
  font-weight: 500;
}
h1 {
  font-size: 1.25rem;
  line-height: 1.25;
  letter-spacing: -0.03125rem;
}
h2 {
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.0125rem;
}
h3 {
  font-size: 0.9375rem;
  line-height: 1.25;
  letter-spacing: -0.0125rem;
}
h4 {
  font-size: 1.125rem;
  line-height: 1.25;
  letter-spacing: -0.0125rem;
}
h5 {
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0;
}
h6 {
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0;
}
.title {
  font-size: 0.9375rem;
  line-height: 1.3;
  letter-spacing: -0.0125rem;
}
h1 span {
  border-left: solid 1px #d4d4d4;
  padding-left: 0.625rem;
  margin-left: 0.4375rem;
  font-weight: 300;
}
h2 .svg-icon {
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.625rem;
  top: -2px;
}
h4 {
  margin-bottom: 1.25rem;
}
p {
  margin: 0.625rem auto;
}
p.content-note {
  margin-bottom: 1.25rem;
}
p.content-note .svg-icon {
  margin: 0 auto;
  margin-right: 0.625rem;
}
i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
strong,
.bold {
  font-weight: 500;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #d50000;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover {
  color: #ff0909;
}
a.icon-link .svg-icon {
  margin-right: 0.3125rem;
}
a.icon-link:hover .svg-icon {
  color: #d50000;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc inside;
}
ol {
  list-style: decimal inside;
}
ul,
ol {
  padding-left: 0;
  margin-top: 0;
}
ul ul,
ol ul,
ul ul,
ol ul {
  margin: 0.9375rem 0 0.9375rem 1.875rem;
}
li {
  margin-bottom: 0.625rem;
}
.normal-list {
  list-style: none;
}
.normal-list li {
  margin-left: 1.25rem;
  margin-bottom: 0.3125rem;
}
.normal-list li:before {
  content: '\2022';
  display: inline-block;
  margin-right: 0.625rem;
  color: #d50000;
  font-size: 2em;
  line-height: 0.5;
  position: relative;
  top: 5px;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.125rem 0.3125rem;
  margin: 0 0.125rem;
  font-size: 90%;
  white-space: nowrap;
  background: #e5e5e5;
  border: 1px solid #d4d4d4;
  border-radius: 0.25rem;
}
pre > code {
  display: block;
  padding: 0.625rem 0.9375rem;
  white-space: pre;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem 0.5;
  border-width: 0;
  border-top: 1px solid #d4d4d4;
}
hr:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
/* Responsive images
–––––––––––––––––––––––––––––––––––––––––––––––––– */
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
/* ICONS (SVG)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.svg-icon,
.stacked-icon {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  top: -1px;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  vertical-align: middle;
  text-align: center;
}
.svg-icon {
  fill: currentColor;
}
.stacked-icon {
  position: relative;
}
.stacked-icon svg {
  position: absolute;
  top: 0;
  left: 0;
}
.stacked-icon .icon-front {
  fill: #ffffff;
}
.stacked-icon .icon-shadow {
  fill: #000000;
  opacity: 0.3;
}
.svg-responsive-container {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
  text-align: center;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
  width: 100%;
  padding: 0;
  margin: 0 auto;
}
table .button,
table button {
  margin: 0;
}
tr:nth-child(even) {
  background: #eeeeee;
}
tr:nth-child(odd) {
  background: transparent;
}
th,
td {
  text-align: left;
  border-bottom: 1px solid #d4d4d4;
  padding: 0.1875rem 0.3125rem;
}
th {
  font-weight: 500;
}
tr:hover > td {
  background: #d4d4d4;
}
th,
tfoot td,
tfoot tr:hover td {
  background: #eeeeee;
}
table .icon {
  font-size: 1.125rem;
}
table th .icon {
  font-size: 0.875rem;
}
.icon-cell {
  text-align: center;
}
table tfoot span {
  font-weight: 300;
  color: #424242;
}
table.row-height-40 td,
table.row-height-40 th {
  padding: 0.5625rem 0.625rem;
}
table.no-style tbody,
table.no-style tfoot,
table.no-style tr,
table.no-style th,
table.no-style td {
  background: none;
  border: none;
  font-weight: 300;
  padding: 0;
}
table.no-style tbody:hover,
table.no-style tfoot:hover,
table.no-style tr:hover,
table.no-style th:hover,
table.no-style td:hover {
  background: none;
}
/* DIV Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.table-content {
  width: 100%;
}
.table-content .button,
.table-content button,
.table-content input,
.table-content select {
  margin: 0;
  height: 1.875rem;
  line-height: 1.875rem;
}
.table-content .svg-icon {
  transition: none;
}
.table-row {
  width: 100%;
  border-bottom: solid 1px #d4d4d4;
  background-color: #ffffff;
}
.table-row:hover {
  background-color: #d4d4d4;
}
.table-row.active {
  cursor: pointer;
  background-color: #aeaeae;
  color: #ffffff;
}
.table-row.active .svg-icon {
  fill: #ffffff;
}
.table-row.active {
  background: #7b7b7b;
}
.table-cell {
  display: inline-block;
  margin-left: -3px;
  min-width: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.3125rem;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-cell:first-child {
  border-left: none;
}
.table-cell.icon-input label {
  left: 0.3125rem;
  top: 1px;
}
.table-cell span {
  line-height: 1.5;
}
.table-header {
  font-size: 0.75rem;
  font-weight: 500;
  color: #ffffff;
}
.table-header .table-row {
  background-color: #484848;
}
.table-header .table-row:before,
.table-header .table-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.table-header .table-row:after {
  clear: both;
}
.table-header .table-cell,
.table-header .icon-input + .sort-button,
.table-header input[type="checkbox"],
.table-header input[type="radio"] {
  height: 1.875rem;
  line-height: 1.875rem;
  white-space: normal;
}
.table-header .icon-input {
  font-size: 1 0.3125rem;
  font-weight: 300;
  color: #424242;
  display: inline-block;
  width: auto;
}
.table-header .icon-input input,
.table-header .icon-input label {
  height: 1.625rem;
  line-height: 1.625rem;
}
.table-header .icon-input label {
  width: 1.75rem;
  top: 3px;
}
.table-header .icon-input input {
  padding: 0.0625rem 0 0.3125rem 0.0625 1.75rem;
}
.table-header .icon-input input:focus {
  border-color: #d4d4d4;
}
.table-header .icon-input .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.table-footer .table-row {
  background-color: #eeeeee;
}
.mobile-content-wrapper,
.cell-wrapper {
  display: inline-block;
  margin-left: -3px;
}
.small-cell,
.check-cell {
  min-width: 2.5rem;
  text-align: center;
  padding: 0;
}
.small-cell label,
.check-cell label {
  margin: 0 auto;
  padding: 0;
}
.small-cell input,
.check-cell input {
  height: auto;
  line-height: auto;
}
.invisible-table {
  border: none;
  background: none;
}
.invisible-table tr,
.invisible-table td,
.invisible-table th {
  border: none;
  background: none!important;
}
.invisible-table td > span.example {
  padding: 0 0.3125rem;
  background-color: #d9d9d9;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button {
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  border: none;
  border-radius: 1.25rem;
  padding: 0 0.9375rem;
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button.grey,
button.grey {
  color: #424242;
  background: #d4d4d4;
}
.button.green,
button.green {
  color: #ffffff;
  background: #55a237;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc24a), to(#55a237));
  background-image: -webkit-linear-gradient(#6cc24a, #55a237);
  background-image: -moz-linear-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -moz-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -o-linear-gradient(top, #6cc24a, #55a237);
  background-image: linear-gradient(top, #6cc24a, #55a237);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button.black,
button.black {
  color: #ffffff;
  background: #222222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#222222));
  background-image: -webkit-linear-gradient(#484848, #222222);
  background-image: -moz-linear-gradient(center top, #484848 0%, #222222 100%);
  background-image: -moz-gradient(center top, #484848 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #484848, #222222);
  background-image: linear-gradient(top, #484848, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button.blue,
button.blue {
  color: #ffffff;
  background: #236192;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2d7cbb), to(#236192));
  background-image: -webkit-linear-gradient(#2d7cbb, #236192);
  background-image: -moz-linear-gradient(center top, #2d7cbb 0%, #236192 100%);
  background-image: -moz-gradient(center top, #2d7cbb 0%, #236192 100%);
  background-image: -o-linear-gradient(top, #2d7cbb, #236192);
  background-image: linear-gradient(top, #2d7cbb, #236192);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button.inactive,
button.inactive {
  background: #e1e1e1;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 0.875rem;
  cursor: pointer;
  display: inline-block;
  color: #ffffff;
  border: none;
  border-radius: 1.25rem;
  padding: 0 0.9375rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"].grey,
input[type="reset"].grey,
input[type="button"].grey {
  color: #424242;
  background: #d4d4d4;
}
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
  color: #ffffff;
  background: #55a237;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc24a), to(#55a237));
  background-image: -webkit-linear-gradient(#6cc24a, #55a237);
  background-image: -moz-linear-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -moz-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -o-linear-gradient(top, #6cc24a, #55a237);
  background-image: linear-gradient(top, #6cc24a, #55a237);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"].black,
input[type="reset"].black,
input[type="button"].black {
  color: #ffffff;
  background: #222222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#222222));
  background-image: -webkit-linear-gradient(#484848, #222222);
  background-image: -moz-linear-gradient(center top, #484848 0%, #222222 100%);
  background-image: -moz-gradient(center top, #484848 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #484848, #222222);
  background-image: linear-gradient(top, #484848, #222222);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue {
  color: #ffffff;
  background: #236192;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2d7cbb), to(#236192));
  background-image: -webkit-linear-gradient(#2d7cbb, #236192);
  background-image: -moz-linear-gradient(center top, #2d7cbb 0%, #236192 100%);
  background-image: -moz-gradient(center top, #2d7cbb 0%, #236192 100%);
  background-image: -o-linear-gradient(top, #2d7cbb, #236192);
  background-image: linear-gradient(top, #2d7cbb, #236192);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"].inactive,
input[type="reset"].inactive,
input[type="button"].inactive {
  background: #e1e1e1;
}
.button:hover,
button:hover,
.button:focus,
button:focus {
  outline: 0;
  color: #ffffff;
  background: #e40000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f40000), to(#e40000));
  background-image: -webkit-linear-gradient(#f40000, #e40000);
  background-image: -moz-linear-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -moz-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -o-linear-gradient(top, #f40000, #e40000);
  background-image: linear-gradient(top, #f40000, #e40000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button:hover.grey,
button:hover.grey,
.button:focus.grey,
button:focus.grey {
  color: #424242;
  background: #c0c0c0;
}
.button:hover.green,
button:hover.green,
.button:focus.green,
button:focus.green {
  color: #ffffff;
  background: #6cc24a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7bc85d), to(#6cc24a));
  background-image: -webkit-linear-gradient(#7bc85d, #6cc24a);
  background-image: -moz-linear-gradient(center top, #7bc85d 0%, #6cc24a 100%);
  background-image: -moz-gradient(center top, #7bc85d 0%, #6cc24a 100%);
  background-image: -o-linear-gradient(top, #7bc85d, #6cc24a);
  background-image: linear-gradient(top, #7bc85d, #6cc24a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button:hover.black,
button:hover.black,
.button:focus.black,
button:focus.black {
  color: #ffffff;
  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);
}
.button:hover.blue,
button:hover.blue,
.button:focus.blue,
button:focus.blue {
  color: #ffffff;
  background: #2d7cbb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4896d3), to(#2d7cbb));
  background-image: -webkit-linear-gradient(#4896d3, #2d7cbb);
  background-image: -moz-linear-gradient(center top, #4896d3 0%, #2d7cbb 100%);
  background-image: -moz-gradient(center top, #4896d3 0%, #2d7cbb 100%);
  background-image: -o-linear-gradient(top, #4896d3, #2d7cbb);
  background-image: linear-gradient(top, #4896d3, #2d7cbb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.button:hover.inactive,
button:hover.inactive,
.button:focus.inactive,
button:focus.inactive {
  background: #e1e1e1;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  outline: 0;
  color: #ffffff;
  background: #e40000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f40000), to(#e40000));
  background-image: -webkit-linear-gradient(#f40000, #e40000);
  background-image: -moz-linear-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -moz-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -o-linear-gradient(top, #f40000, #e40000);
  background-image: linear-gradient(top, #f40000, #e40000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"]:hover.grey,
input[type="reset"]:hover.grey,
input[type="button"]:hover.grey,
input[type="submit"]:focus.grey,
input[type="reset"]:focus.grey,
input[type="button"]:focus.grey {
  color: #424242;
  background: #c0c0c0;
}
input[type="submit"]:hover.green,
input[type="reset"]:hover.green,
input[type="button"]:hover.green,
input[type="submit"]:focus.green,
input[type="reset"]:focus.green,
input[type="button"]:focus.green {
  color: #ffffff;
  background: #6cc24a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7bc85d), to(#6cc24a));
  background-image: -webkit-linear-gradient(#7bc85d, #6cc24a);
  background-image: -moz-linear-gradient(center top, #7bc85d 0%, #6cc24a 100%);
  background-image: -moz-gradient(center top, #7bc85d 0%, #6cc24a 100%);
  background-image: -o-linear-gradient(top, #7bc85d, #6cc24a);
  background-image: linear-gradient(top, #7bc85d, #6cc24a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"]:hover.black,
input[type="reset"]:hover.black,
input[type="button"]:hover.black,
input[type="submit"]:focus.black,
input[type="reset"]:focus.black,
input[type="button"]:focus.black {
  color: #ffffff;
  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);
}
input[type="submit"]:hover.blue,
input[type="reset"]:hover.blue,
input[type="button"]:hover.blue,
input[type="submit"]:focus.blue,
input[type="reset"]:focus.blue,
input[type="button"]:focus.blue {
  color: #ffffff;
  background: #2d7cbb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4896d3), to(#2d7cbb));
  background-image: -webkit-linear-gradient(#4896d3, #2d7cbb);
  background-image: -moz-linear-gradient(center top, #4896d3 0%, #2d7cbb 100%);
  background-image: -moz-gradient(center top, #4896d3 0%, #2d7cbb 100%);
  background-image: -o-linear-gradient(top, #4896d3, #2d7cbb);
  background-image: linear-gradient(top, #4896d3, #2d7cbb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
input[type="submit"]:hover.inactive,
input[type="reset"]:hover.inactive,
input[type="button"]:hover.inactive,
input[type="submit"]:focus.inactive,
input[type="reset"]:focus.inactive,
input[type="button"]:focus.inactive {
  background: #e1e1e1;
}
.narrow-button {
  height: 1.875rem;
  line-height: 1.875rem;
}
.button .svg-icon,
button .svg-icon {
  width: 1.6em;
  height: 1.6em;
  margin-right: 0.625rem;
}
.icon-button .svg-icon,
.simple-icon-button .svg-icon,
.close-button .svg-icon {
  margin: 0 auto;
}
.simple-button,
.simple-icon-button,
.combo-button,
.close-button {
  padding: 0 1em;
  background: none;
  color: inherit;
  border: none;
  border-radius: 0;
  line-height: inherit;
}
.simple-button:hover,
.simple-icon-button:hover,
.combo-button:hover,
.close-button:hover,
.simple-button:focus,
.simple-icon-button:focus,
.combo-button:focus,
.close-button:focus {
  background: none;
  color: inherit;
}
.combo-button {
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  padding: 0;
}
.combo-button span.icon {
  display: inline-block;
  color: #ffffff;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  margin-right: 0.625rem;
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.combo-button .svg-icon {
  width: 1.35542169rem;
  height: 1.35542169rem;
  margin: 0 auto;
}
.combo-button:hover,
.combo-button:active,
.combo-button:focus {
  color: #d50000;
}
.combo-button:hover .icon,
.combo-button:active .icon,
.combo-button:focus .icon {
  background: #e40000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f40000), to(#e40000));
  background-image: -webkit-linear-gradient(#f40000, #e40000);
  background-image: -moz-linear-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -moz-gradient(center top, #f40000 0%, #e40000 100%);
  background-image: -o-linear-gradient(top, #f40000, #e40000);
  background-image: linear-gradient(top, #f40000, #e40000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.combo-button:hover .svg-icon,
.combo-button:active .svg-icon,
.combo-button:focus .svg-icon {
  top: -3px;
}
.whole-button button,
.whole-button .button,
.whole-button input {
  margin: 0;
  width: 49%;
}
button.half-button-left,
.button.half-button-left,
input[type="submit"].half-button-left,
input[type="reset"].half-button-left,
input[type="button"].half-button-left {
  -moz-border-radius: 1.25rem 0 0 1.25rem;
  -webkit-border-radius: 1.25rem 0 0 1.25rem;
  border-radius: 1.25rem 0 0 1.25rem;
}
button.half-button-right,
.button.half-button-right,
input[type="submit"].half-button-right,
input[type="reset"].half-button-right,
input[type="button"].half-button-right {
  -moz-border-radius: 0 1.25rem 1.25rem 0;
  -webkit-border-radius: 0 1.25rem 1.25rem 0;
  border-radius: 0 1.25rem 1.25rem 0;
}
.multi-button {
  width: 100%;
}
.multi-button button,
.multi-button .button,
.multi-button input[type="submit"],
.multi-button input[type="reset"],
.multi-button input[type="button"] {
  float: left;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  border-left: solid 1px #ffffff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.multi-button button .svg-icon,
.multi-button .button .svg-icon,
.multi-button input[type="submit"] .svg-icon,
.multi-button input[type="reset"] .svg-icon,
.multi-button input[type="button"] .svg-icon {
  margin: 0 auto;
}
.multi-button button.first,
.multi-button .button.first,
.multi-button input[type="submit"].first,
.multi-button input[type="reset"].first,
.multi-button input[type="button"].first {
  border-left: none;
  -moz-border-radius: 1.25rem 0 0 1.25rem;
  -webkit-border-radius: 1.25rem 0 0 1.25rem;
  border-radius: 1.25rem 0 0 1.25rem;
}
.multi-button button.last,
.multi-button .button.last,
.multi-button input[type="submit"].last,
.multi-button input[type="reset"].last,
.multi-button input[type="button"].last {
  -moz-border-radius: 0 1.25rem 1.25rem 0;
  -webkit-border-radius: 0 1.25rem 1.25rem 0;
  border-radius: 0 1.25rem 1.25rem 0;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
textarea,
select {
  padding: 0 0.375rem;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 0.25rem;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
}
select {
  height: 2.25rem;
}
option {
  padding: 0.34375rem;
}
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 4.0625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="color"] {
  height: 2.25rem;
  padding: 0.375rem 0.625rem;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 0.25rem;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;
  font-weight: 300;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus {
  border: 1px solid #555555;
  outline: 0;
}
textarea:focus,
select:focus {
  border: 1px solid #555555;
  outline: 0;
}
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
input[type="password"]:disabled {
  border: none;
  outline: 0;
  background-color: transparent;
}
option:disabled {
  color: #cccccc;
}
fieldset {
  padding: 0;
  border-width: 0;
  margin: 0 auto;
}
.field-label {
  margin-top: 0;
}
.field-label,
label,
legend {
  display: block;
  margin-bottom: 0.3125rem;
  font-weight: 500;
}
label > .label-body {
  display: inline-block;
  margin: 0 0 0 0.4375rem;
  font-weight: 300;
  cursor: pointer;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
label.reverse > .label-body {
  margin: 0 0.4375rem 0 0;
}
input[type="checkbox"],
input[type="radio"],
input[type="color"] {
  display: inline;
  margin-bottom: 0;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
input[type="color"] {
  width: 3.125rem;
  padding: 0.1875rem;
  cursor: pointer;
}
input[type="file"] {
  background: #ffffff;
  width: auto;
  padding: 0;
  border: none;
  cursor: pointer;
  box-shadow: none;
  box-sizing: border-box;
  font-weight: 300;
}
.file-upload {
  margin: 1.25rem auto;
}
.file-upload input {
  margin-bottom: 0;
  margin-right: 0.625rem;
}
.file-upload input:last-child {
  margin-right: 0;
}
form div input[type="submit"] {
  margin-top: 1.25rem;
}
form p {
  margin: 0 auto;
}
form p input,
form p select,
form p select:last-child {
  margin: 0 auto 0.3125rem;
}
.icon-input {
  position: relative;
}
.icon-input label {
  position: absolute;
  left: 0;
  width: 2.25rem;
  text-align: center;
  color: #bbbbbb;
  margin: 0 auto;
  padding: 0;
  z-index: 2;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
}
.icon-input input,
.icon-input select {
  padding-left: 2.25rem;
  margin: 0 auto;
}
.icon-input + .sort-button {
  float: right;
  width: 3.125rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  cursor: pointer;
}
.icon-input + .sort-button:hover {
  background-color: #6e6e6e;
}
.phone-field .country-code,
.phone-field .phone-number {
  display: inline-block;
}
.phone-field .country-code {
  width: 5.625rem;
}
.phone-field .phone-number {
  width: calc(100% - 6.875rem);
  margin-left: 0.625rem;
}
.table-cell > .icon-input {
  width: calc(100% - 3.125rem);
}
.inline-input {
  display: inline-block;
  width: auto;
}
.form-wrapper {
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
  padding: 1.25rem 1.25rem;
}
.form-title {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.25;
  letter-spacing: -0.0125rem;
}
.form-title:first-child {
  margin-top: 0;
}
.form-note {
  margin: 0.625rem auto;
}
.form-buttons-group {
  margin-bottom: 0.625rem;
}
.form-buttons-group .title {
  margin-bottom: 0.5rem;
}
.form-buttons-group .grid-col {
  padding-top: 0;
  padding-bottom: 0;
}
fieldset.form-buttons-group {
  margin-bottom: 1.25rem;
}
.captcha input,
.captcha .button-group {
  display: inline-block;
  width: auto;
}
.captcha button {
  margin: 0 auto;
}
.range-slider input {
  width: 100%;
}
.range-slider .range-slider-values > input {
  width: 3.125rem;
  float: right;
}
.range-slider .range-slider-values > input:first-child {
  float: left;
}
.date-from-to > div {
  clear: both;
}
.date-from-to label,
.date-from-to input {
  float: left;
}
.date-from-to label {
  width: 30%;
}
.date-from-to input {
  width: 69%;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input,
textarea,
select,
fieldset {
  margin-bottom: 0.9375rem;
}
.dropdown-menu {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 21.875rem;
}
.dropdown-menu li {
  display: block;
  padding: 0;
  margin: 0;
}
.dropdown-menu.clickable li,
.dropdown-menu li.clickable,
.dropdown-menu a {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  line-height: 2.4375rem;
  cursor: pointer;
  width: 100%;
  padding: 0 0.625rem;
  background-color: #ffffff;
  border-top: solid 1px #d4d4d4;
}
.dropdown-menu.clickable li:hover,
.dropdown-menu li.clickable:hover,
.dropdown-menu a:hover {
  background-color: #e6e6e6;
}
.dropdown-menu button {
  margin: 0 auto !important;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  line-height: 2.4375rem;
}
.view-menu,
.action-menu,
.actions {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.view-menu li,
.action-menu li,
.actions li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0;
}
.view-menu li span,
.action-menu li span,
.actions li span {
  color: #d50000;
  padding-right: 0.625rem;
}
.view-menu a,
.action-menu a,
.actions a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.view-menu .svg-icon,
.action-menu .svg-icon,
.actions .svg-icon {
  fill: #545454;
  margin: 0 0.625rem;
}
.view-menu li:hover .svg-icon,
.action-menu li:hover .svg-icon,
.actions li:hover .svg-icon {
  fill: #757575;
}
.view-menu li,
.action-menu li,
.actions li,
.view-menu svg,
.action-menu svg,
.actions svg {
  vertical-align: middle;
}
.view-menu {
  margin-right: 1.875rem;
}
.view-menu li:first-child {
  cursor: default;
}
.view-menu .svg-icon {
  fill: #8f8f8f;
}
.view-menu .active svg {
  fill: #424242;
}
.view-menu span {
  display: none;
}
.action-menu li::before,
.actions li::before {
  display: block;
  content: "";
  background-color: #d4d4d4;
  width: 1px;
  height: 1.25rem;
  position: absolute;
  top: 0.9375rem;
  left: 0;
}
.action-menu li:first-child:before,
.actions li:first-child:before {
  display: none;
}
.action-menu li:last-child span,
.actions li:last-child span {
  padding-left: 0;
}
.action-menu li.active-menu-item a span,
.actions li.active-menu-item a span {
  color: #424242;
  text-decoration: underline;
}
.action-menu input[type="checkbox"],
.actions input[type="checkbox"] {
  margin: 0 0.9375rem;
}
.content-content .action-menu {
  padding: 0.3125rem 0;
}
.content-content .action-menu li:before {
  top: auto;
  left: 0;
}
.actions {
  width: 100%;
  text-align: center;
  background: #eeeeee;
  border-bottom: solid 1px #c8c8c8;
}
.actions li {
  width: 25%;
  margin-left: -3px;
}
.actions li.disabled {
  cursor: default;
}
.actions li.disabled a {
  pointer-events: none;
}
.actions li.disabled a .svg-icon {
  fill: #a8a8a8;
}
.actions li:before {
  top: 0.625rem;
}
.actions a {
  color: #6e6e6e;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
}
.actions a:hover {
  color: #949494;
}
.toggle-actions {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 556;
  color: #d50000;
  display: none;
  margin: 0 auto;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center;
}
.toggle-actions.show {
  background-color: #eeeeee;
}
.toggle-actions.show .action-icon::before {
  content: "\f00d";
}
.screen-overlay,
.popup,
.alert,
.alert-note {
  position: absolute;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.popup,
.alert {
  display: none;
  z-index: 10000;
}
.screen-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -1;
}
.popup,
.alert {
  padding: 3.125rem;
  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);
  overflow: auto;
  max-height: 90%;
}
.popup .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #a8a8a8;
}
.popup .close-button:hover {
  color: red;
}
.popup.centered-on-screen {
  width: 90%;
  max-width: 37.5rem;
}
.modal-header {
  padding-top: 0.625rem;
  padding-bottom: 1.875rem;
}
.modal-body {
  padding: 0!important;
  overflow: auto;
}
.modal-footer {
  padding-top: 1.875rem;
  padding-bottom: 0.625rem;
}
.modal-footer.two-large-buttons {
  text-align: center;
}
.modal-footer.two-large-buttons button {
  display: block;
  margin: 1.25rem auto 0;
  white-space: normal;
  height: auto;
  line-height: 1.5;
  padding: 0.4375rem 1.875rem 0.4375rem;
}
.modal-footer.two-large-buttons button:first-child {
  margin-top: 0;
}
.modal-footer.two-large-buttons .simple-button {
  color: #d50000;
  text-decoration: underline;
  font-weight: 300;
}
.alert {
  text-align: center;
}
.alert p {
  font-size: 1.25rem;
}
.alert p,
.alert button {
  margin: 1.25rem auto;
}
.alert button:nth-of-type(2) {
  margin-left: 1.25rem;
}
.alert p.title {
  margin: 0.9375rem auto 0.4375rem;
  font-size: 0.9375rem;
}
.alert-note {
  display: block;
  top: 0.625rem;
  right: 0.625rem;
  padding: 1.25rem;
  max-width: 18.75rem;
  opacity: 0;
  z-index: -1;
}
.alert-note p {
  margin: 0.625rem auto 0;
}
.alert-note .alert-symbol {
  width: 2.5rem;
  height: 2.5rem;
}
.alert-note .close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  margin: 0 auto;
}
.alert-note button {
  color: inherit;
}
.screen-overlay.fade-in,
.alert-note.fade-in {
  opacity: 1;
  z-index: 9999;
}
.lost-connection .header-user-box .stacked-icon .icon-front {
  fill: #d50000;
}
.content-alert {
  font-weight: 500;
  position: relative;
  z-index: 2;
  margin-top: -1px;
  padding: 0.9375rem 2.8125rem 0.9375rem 3.4375rem;
}
.content-alert p {
  margin: 0.625rem auto 0;
}
.content-alert p:first-child {
  margin-top: 0;
}
.content-alert button,
.content-alert select {
  margin: 0 0.3125rem;
}
.content-alert button {
  height: 1.875rem;
  line-height: 1.875rem;
  vertical-align: middle;
}
.content-alert select {
  width: auto;
  min-width: 9.375rem;
  height: 1.875rem;
  color: #424242;
}
.content-alert .alert-symbol,
.content-alert .close-button {
  position: absolute;
  margin: 0 auto;
  padding: 0;
  color: inherit;
  height: 1.875rem;
  line-height: 1.875rem;
  vertical-align: middle;
}
.content-alert .alert-symbol span,
.content-alert .close-button span {
  margin-right: 0.625rem;
}
.content-alert .alert-symbol .svg-icon,
.content-alert .close-button .svg-icon {
  margin: 0;
}
.content-alert .alert-symbol {
  width: 1.875rem;
  top: 0.375rem;
  left: 0.625rem;
}
.content-alert .close-button {
  top: 0.3125rem;
  right: 0.3125rem;
}
.warning,
.success,
.info {
  color: #ffffff;
  background-position: 0.625rem 0.625rem;
  background-repeat: no-repeat;
}
.warning button,
.success button,
.info button,
.warning button:hover,
.success button:hover,
.info button:hover,
.warning button:focus,
.success button:focus,
.info button:focus {
  background: #ffffff;
}
.warning button:hover,
.success button:hover,
.info button:hover,
.warning button:focus,
.success button:focus,
.info button:focus {
  opacity: 0.9;
}
.warning a,
.success a,
.info a {
  color: #ffffff;
  text-decoration: underline;
}
.warning .close-button,
.success .close-button,
.info .close-button,
.warning .close-button:hover,
.success .close-button:hover,
.info .close-button:hover,
.warning .close-button:focus,
.success .close-button:focus,
.info .close-button:focus {
  background: transparent;
  color: #ffffff;
  opacity: 1;
}
.warning {
  background-color: #d50000;
  background-image: url('../images/icons/warning-icon.svg');
}
.warning button,
.warning button:hover,
.warning button:focus {
  color: #d50000;
}
.success {
  background-color: #6cc24a;
  background-image: url('../images/icons/success-icon.svg');
}
.success button,
.success button:hover,
.success button:focus {
  color: #6cc24a;
}
.info {
  background-color: #236192;
  background-image: url('../images/icons/info-icon.svg');
}
.info button,
.info button:hover,
.info button:focus {
  color: #236192;
}
.alert-note {
  background-image: none;
}
.info-field input[type="email"],
.info-field input[type="number"],
.info-field input[type="search"],
.info-field input[type="text"],
.info-field input[type="tel"],
.info-field input[type="url"],
.info-field input[type="password"],
.info-field input[type="color"],
.info-field select {
  width: calc( 100% - 2.5rem);
}
.info-field .svg-icon {
  color: dodgerblue;
}
.info-field .info-field-message {
  display: inline-block;
  margin-left: -4px;
  width: 2.5rem;
  height: auto;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.info-field .info-field-message p {
  top: -2.5rem;
  left: 3.125rem;
  z-index: 999;
  width: auto;
  color: #424242;
  text-align: left;
  border-color: dodgerblue;
}
.info-field .info-field-message p:before {
  border-color: rgba(213, 0, 0, 0);
}
.info-field .info-field-message p.arrow-left:after,
.info-field .info-field-message p.arrow-left:before {
  top: 2.5rem;
}
.info-field .info-field-message p.arrow-left:before {
  border-right-color: dodgerblue;
}
.error-field-message {
  display: none;
}
.error-field {
  color: #d50000;
}
.error-field input[type="email"],
.error-field input[type="number"],
.error-field input[type="search"],
.error-field input[type="text"],
.error-field input[type="tel"],
.error-field input[type="url"],
.error-field input[type="password"],
.error-field input[type="color"],
.error-field select {
  border-color: #d50000;
  color: #424242;
  width: calc( 100% - 2.5rem);
}
.error-field.icon-input .error-field-message .svg-icon {
  color: #d50000;
}
.error-field .error-field-message {
  display: inline-block;
  margin-left: -4px;
  width: 2.5rem;
  height: auto;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.error-field .error-field-message p {
  top: -2.5rem;
  left: 3.125rem;
  z-index: 999;
  width: auto;
  color: #424242;
  text-align: left;
  border-color: #d50000;
}
.error-field .error-field-message p:before {
  border-color: rgba(213, 0, 0, 0);
}
.error-field .error-field-message p.arrow-left:after,
.error-field .error-field-message p.arrow-left:before {
  top: 2.5rem;
}
.error-field .error-field-message p.arrow-left:before {
  border-right-color: #d50000;
}
.alerts-list,
.alerts-list li ul {
  list-style: none;
  margin: 0 auto;
  background-color: #ffffff;
}
.alerts-list {
  width: 22.5rem;
  color: #424242;
  text-align: left;
  font-weight: 500;
  position: absolute;
  top: 4.375rem;
  left: -8.375rem;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}
.alerts-list:after,
.alerts-list:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.alerts-list:after {
  border-color: rgba(255, 255, 255, 0);
  border-width: 1rem;
}
.alerts-list:before {
  border-color: rgba(212, 212, 212, 0);
  border-width: 1.0625rem;
}
.alerts-list.arrow-top:after,
.alerts-list.arrow-top:before {
  bottom: 100%;
  left: 50%;
}
.alerts-list.arrow-top:after {
  border-bottom-color: #ffffff;
  margin-left: -1rem;
}
.alerts-list.arrow-top:before {
  border-bottom-color: #d4d4d4;
  margin-left: -1.0625rem;
}
.alerts-list li {
  display: block;
  position: relative;
  margin: 0;
  cursor: pointer;
  width: 100%;
  border-bottom: solid 1px #d4d4d4;
}
.alerts-list li:hover {
  background-color: #eeeeee;
}
.alerts-list li:hover li {
  background-color: #ffffff;
}
.alerts-list li:hover li:hover {
  background-color: #eeeeee;
}
.alerts-list li:last-child {
  border-bottom: 0;
}
.alerts-list li:after {
  content: "";
  display: block;
  clear: both;
}
.alerts-list li.alert-group div:first-child {
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  padding-right: 0.625rem;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
}
.alerts-list li.alert-group div:first-child span.sum {
  display: inline-block;
  float: right;
  font-size: 0.9375rem;
  font-weight: 300;
  margin: 0 auto;
}
.alerts-list li.alert-group > button {
  border-left: solid 1px #d4d4d4;
}
.alerts-list li.alert-group:hover > button {
  background-color: #484848;
}
.alerts-list li.alert-group:hover > button .svg-icon {
  transition: none;
  color: #ffffff;
}
.alerts-list li.alert-group li:first-child div {
  padding: 0 0.75rem 0 0;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
}
.alerts-list li.alert-group li:first-child span {
  display: inline-block;
  float: right;
  font-size: 100%;
  font-weight: 300;
  margin: 0 auto;
}
.alerts-list li.hide {
  display: none;
}
.alerts-list li ul {
  clear: both;
  width: 22.5rem;
  font-size: 0.9375rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
}
.alerts-list li ul li.step-back {
  border-bottom: double 3px #d4d4d4;
}
.alerts-list li ul li.step-back:hover {
  background-color: inherit;
}
.alerts-list li ul li.step-back div:hover button:first-child {
  background-color: #484848;
}
.alerts-list li ul li.step-back div:hover button:first-child .svg-icon {
  transition: none;
  color: #ffffff;
}
.alerts-list li ul li.step-back div button {
  margin-right: 0.625rem;
  border-right: solid 1px #d4d4d4;
}
.alerts-list li ul li.step-back div button:first-child .svg-icon {
  color: inherit;
}
.alerts-list li ul li.step-back button.sort-alerts {
  border-left: solid 1px #d4d4d4;
}
.alerts-list li ul li.step-back button.sort-alerts:hover,
.alerts-list li ul li.step-back button.sort-alerts.active {
  background-color: #484848;
}
.alerts-list li ul li.step-back button.sort-alerts:hover .svg-icon,
.alerts-list li ul li.step-back button.sort-alerts.active .svg-icon {
  color: #ffffff;
}
.alerts-list .alert-group.active ul {
  z-index: 999;
  opacity: 1;
}
.alerts-list .sort-alerts-row {
  display: none;
}
.alerts-list .sort-alerts-row button {
  float: left;
  width: 50%;
  background: #eeeeee;
  font-weight: 400;
  color: #424242;
  margin: 0 auto;
  border-left: solid 1px #d4d4d4;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.alerts-list .sort-alerts-row button:first-child {
  border-left: none;
}
.alerts-list .sort-alerts-row button.active {
  background: #7b7b7b;
  color: #ffffff;
}
.alerts-list .sort-alerts-row button.active .svg-icon {
  color: #ffffff;
}
.alerts-list .sort-alerts-row button .svg-icon {
  margin: 0;
  margin-left: 0.625rem;
}
.alerts-list .sort-alerts-row button .svg-icon.hide {
  display: none;
}
.alerts-list a,
.alerts-list div {
  float: left;
  width: 19.375rem;
  text-decoration: none;
  padding-right: 0.625rem;
}
.alerts-list a span,
.alerts-list div span {
  display: block;
  color: #424242;
  font-size: 0.8125rem;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.alerts-list a span:nth-of-type(1),
.alerts-list div span:nth-of-type(1) {
  font-size: 0.9375rem;
  font-family: inherit;
  margin-top: 0.4375rem;
}
.alerts-list .svg-icon {
  float: left;
  margin: 0 0.75rem;
  color: #545454;
  height: 3.125rem !important;
  line-height: 3.125rem !important;
  vertical-align: middle !important;
}
.alerts-list .svg-icon:hover {
  color: #757575;
}
.alerts-list button {
  width: 3.125rem;
  padding: 0;
  margin: 0 auto;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
}
.alerts-list button .svg-icon {
  float: none;
  margin: 0 auto;
}
.alerts-list button.clear-list {
  width: 100%;
  text-align: left;
  font-size: 0.9375rem;
  font-weight: 300;
}
.alerts-list button.clear-list .svg-icon {
  margin: 0 0.75rem;
  color: #d50000;
  transition: none;
}
.alerts-list button.clear-list:hover {
  background-color: #d50000;
  color: #ffffff;
}
.alerts-list button.clear-list:hover .svg-icon {
  color: #ffffff;
}
.alerts-list button.remove-item .svg-icon {
  color: #d50000;
}
.alerts-list button.remove-item:hover {
  background: #d50000;
}
.alerts-list button.remove-item:hover .svg-icon {
  color: #ffffff;
}
.alerts-list .comments-summary div .svg-icon:first-child,
.alerts-list .comments-summary a .svg-icon:first-child {
  color: #00acec;
}
.alerts-list .downloads-summary {
  border-bottom: double 3px #888888;
}
.alerts-list .downloads-summary div .svg-icon:first-child,
.alerts-list .downloads-summary a .svg-icon:first-child {
  color: #236192;
}
.alerts-list .downloads-summary li.finished div .svg-icon:first-child,
.alerts-list .downloads-summary li.finished a .svg-icon:first-child {
  color: #6cc24a;
}
.alerts-list .downloads-summary li.error div .svg-icon:first-child,
.alerts-list .downloads-summary li.error a .svg-icon:first-child {
  color: #d50000;
}
.alerts-list .service-message,
.alerts-list .service-message:hover {
  background-color: #00acec;
  color: #ffffff;
}
.alerts-list .service-message .svg-icon,
.alerts-list .service-message:hover .svg-icon,
.alerts-list .service-message div span,
.alerts-list .service-message:hover div span,
.alerts-list .service-message a span,
.alerts-list .service-message:hover a span,
.alerts-list .service-message .remove-item .svg-icon,
.alerts-list .service-message:hover .remove-item .svg-icon {
  color: #ffffff;
}
.alerts-list .service-message:hover,
.alerts-list .service-message:hover:hover {
  background-color: #0099d3;
}
.alerts-list .service-message:hover .svg-icon,
.alerts-list .service-message:hover:hover .svg-icon,
.alerts-list .service-message:hover div span,
.alerts-list .service-message:hover:hover div span,
.alerts-list .service-message:hover a span,
.alerts-list .service-message:hover:hover a span,
.alerts-list .service-message:hover .remove-item .svg-icon,
.alerts-list .service-message:hover:hover .remove-item .svg-icon {
  color: #ffffff;
}
.map-arrow-up,
.map-arrow-right,
.map-arrow-down,
.map-arrow-left {
  position: absolute;
  background-color: #484848;
  color: white;
  opacity: 0.7;
  z-index: 998;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.map-arrow-up .svg-icon,
.map-arrow-right .svg-icon,
.map-arrow-down .svg-icon,
.map-arrow-left .svg-icon {
  margin: 0 auto;
}
.map-arrow-up:hover,
.map-arrow-right:hover,
.map-arrow-down:hover,
.map-arrow-left:hover {
  opacity: 1;
}
.map-arrow-up {
  top: 5px;
  left: calc( (100% - 2.25rem ) / 2);
}
.map-arrow-right {
  left: 5px;
  top: calc( (100% - 2.25rem ) / 2);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.map-arrow-down {
  bottom: 5px;
  left: calc( (100% - 2.25rem ) / 2);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.map-arrow-left {
  right: 5px;
  top: calc( (100% - 2.25rem ) / 2);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.map-marker {
  position: absolute;
  cursor: pointer;
  color: #6cc24a;
}
.map-marker .svg-icon {
  width: 2.25rem;
  height: 2.25rem;
  top: 0;
}
.map-marker .icon-front,
.map-marker .icon-back {
  top: 0;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}
.map-marker .icon-shadow {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.map-marker:hover .icon-front,
.map-marker:hover .icon-back {
  top: -7px;
}
.map-marker:hover .icon-shadow {
  opacity: 0.2;
}
.map-marker.current {
  z-index: 5;
}
.map-marker.current .svg-icon {
  width: 3.5rem;
  height: 3.5rem;
}
.map-marker.mini-marker {
  z-index: 10;
}
.map-marker.mini-marker .svg-icon {
  width: 1.75rem;
  height: 1.75rem;
}
.stacked-map-marker {
  position: absolute;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  border: solid 2px #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
  line-height: 2.25rem;
  background: #333333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
  background-image: -webkit-linear-gradient(#666666, #333333);
  background-image: -moz-linear-gradient(center top, #666666 0%, #333333 100%);
  background-image: -moz-gradient(center top, #666666 0%, #333333 100%);
  background-image: -o-linear-gradient(top, #666666, #333333);
  background-image: linear-gradient(top, #666666, #333333);
  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;
}
.stacked-map-marker:hover {
  width: 3.125rem;
  height: 3.125rem;
  line-height: 2.875rem;
}
.map-controls {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: center;
  z-index: 10;
  cursor: pointer;
}
.map-controls > div {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  margin-left: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  -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 > div:first-child {
  margin-left: 0;
}
.map-controls button:active {
  background: #d50000 !important;
}
.filter-sort-panel {
  font-size: 0.875rem;
  background-color: #eeeeee;
  border-bottom: solid 1px #d4d4d4;
}
.filter-sort-panel button,
.filter-sort-panel .icon-input {
  margin: 0 auto 0 -3px;
  border-left: solid 1px #d4d4d4;
}
.filter-sort-panel .icon-input {
  display: inline-block;
  width: auto;
  padding: 0.125rem 0.1875rem;
}
.filter-sort-panel .icon-input input,
.filter-sort-panel .icon-input label {
  height: 1.625rem;
  line-height: 1.625rem;
}
.filter-sort-panel .icon-input input {
  padding: 0 0.3125rem 0 1.875rem;
}
.filter-sort-panel .icon-input input:focus {
  border-color: #d4d4d4;
}
.filter-sort-panel .icon-input .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.filter-sort-panel button {
  height: 1.875rem;
  line-height: 1.875rem;
  background: none;
  min-width: 2.5rem;
  color: #424242;
  font-weight: 400;
  border-radius: 0;
  padding: 0 0.625rem;
}
.filter-sort-panel button .svg-icon {
  margin: 0 auto;
  transition: none;
}
.filter-sort-panel button .svg-icon:first-child,
.filter-sort-panel button span {
  margin-right: 0.2em;
}
.filter-sort-panel button:hover,
.filter-sort-panel button:focus {
  background: none;
  color: inherit;
}
.filter-sort-panel button.active {
  background: #7b7b7b;
  color: #ffffff;
}
.filter-sort-panel .tools-checkbox {
  width: 2.5rem;
  height: 1.875rem;
  padding: 0;
}
.filter-sort-panel .tools-checkbox label {
  margin: 0 auto;
  padding: 0;
}
.filter-sort-panel .search-button {
  display: none;
}
.scroll-wrapper {
  width: 100%;
}
.scroll-buttons {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 1000;
}
.scroll-buttons div {
  display: inline-block;
  margin-left: 0.625rem;
}
.scroll-buttons div,
.scroll-to-top {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
  -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);
  background: #484848;
  color: #ffffff;
  opacity: 0.75;
}
.scroll-buttons div:hover,
.scroll-to-top:hover,
.scroll-buttons div:focus,
.scroll-to-top:focus {
  opacity: 1;
}
.scroll-to-top {
  position: absolute;
  bottom: 4.375rem;
  right: 1.875rem;
  display: none;
}
.tooltip,
.tooltip-no-border {
  position: absolute;
  background: #fff;
  min-width: 15rem;
  padding: 0.625rem 0.9375rem;
  font-size: 0.8125rem;
  z-index: 999;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.25);
}
.tooltip {
  border: 1px solid #484848;
}
.tooltip:after,
.tooltip:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tooltip:after {
  border-color: rgba(255, 255, 255, 0);
  border-width: 1rem;
}
.tooltip:before {
  border-color: rgba(72, 72, 72, 0);
  border-width: 1.0625rem;
}
.tooltip.arrow-top:after,
.tooltip.arrow-top:before {
  bottom: 100%;
  left: 50%;
}
.tooltip.arrow-top:after {
  border-bottom-color: #fff;
  margin-left: -1rem;
}
.tooltip.arrow-top:before {
  border-bottom-color: #484848;
  margin-left: -1.0625rem;
}
.tooltip.arrow-right:after,
.tooltip.arrow-right:before {
  left: 100%;
  top: 50%;
}
.tooltip.arrow-right:after {
  border-left-color: #fff;
  margin-top: -1rem;
}
.tooltip.arrow-right:before {
  border-left-color: #484848;
  margin-top: -1.0625rem;
}
.tooltip.arrow-bottom:after,
.tooltip.arrow-bottom:before {
  top: 100%;
  left: 50%;
}
.tooltip.arrow-bottom:after {
  border-top-color: #fff;
  margin-left: -1rem;
}
.tooltip.arrow-bottom:before {
  border-top-color: #484848;
  margin-left: -1.0625rem;
}
.tooltip.arrow-left:after,
.tooltip.arrow-left:before {
  right: 100%;
  top: 50%;
}
.tooltip.arrow-left:after {
  border-right-color: #fff;
  margin-top: -1rem;
}
.tooltip.arrow-left:before {
  border-right-color: #484848;
  margin-top: -1.0625rem;
}
.tooltip-no-border:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-width: 16px;
}
.tooltip-no-border.arrow-top:after {
  bottom: 100%;
  left: 50%;
  border-bottom-color: #fff;
  margin-left: -1rem;
}
.tooltip-no-border.arrow-right:after {
  left: 100%;
  top: 50%;
  border-left-color: #fff;
  margin-top: -1rem;
}
.tooltip-no-border.arrow-bottom:after {
  top: 100%;
  left: 50%;
  border-top-color: #fff;
  margin-left: -1rem;
}
.tooltip-no-border.arrow-left:after {
  right: 100%;
  top: 50%;
  border-right-color: #fff;
  margin-top: -1rem;
}
.tabs-wrapper {
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
  position: relative;
  z-index: 1;
}
.tabs {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  position: absolute;
  top: -2.625rem;
  right: -1px;
}
.tabs > div {
  float: left;
}
.tabs > li:first-child {
  margin-left: 0;
}
.tabs li {
  position: relative;
  float: left;
  margin: 0 auto;
  margin-left: 0.25rem;
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
  z-index: 0;
}
.tabs li.active {
  border-bottom: solid 1px #ffffff;
  z-index: 10;
}
.tabs li.active a {
  max-width: 13.75rem;
  text-decoration: underline;
  padding-right: 5rem;
}
.tabs li.active button.edit-button,
.tabs li.active button.close-button {
  display: block;
}
.tabs a,
.tabs button {
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  margin: 0 auto;
  text-decoration: none;
}
.tabs a {
  display: block;
  width: 100%;
  max-width: 8.125rem;
  padding: 0 0.9375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: padding 0s;
  -moz-transition: padding 0s;
  -o-transition: padding 0s;
  transition: padding 0s;
  -webkit-transition: width 0s;
  -moz-transition: width 0s;
  -o-transition: width 0s;
  transition: width 0s;
}
.tabs button {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  text-align: center;
  padding: 0;
}
.tabs button.edit-button {
  right: 2.5rem;
}
.tabs button.close-button,
.tabs button.edit-button {
  display: none;
}
.tabs button.close-button:hover {
  color: #d50000;
}
.tabs button.edit-button:hover {
  color: #6cc24a;
}
.tabs button.save-tab:hover {
  color: #236192;
}
.tabs button.add-tab:hover {
  color: #6cc24a;
}
.tabs.not-close a,
.tabs.not-close button,
.tabs.not-close li.active a {
  padding: 0 0.9375rem;
}
.tabs .tabs-control button {
  position: relative;
  top: auto;
  right: auto;
}
.toggle-merged-tabs {
  display: none;
  height: 2.625rem;
  line-height: 2.625rem;
  vertical-align: middle;
}
.toggle-merged-tabs span {
  padding: 0 2.5rem 0 0.625rem;
  color: #d50000;
  text-decoration: underline;
  cursor: pointer;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.data-content-wrapper {
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
}
.toggle-data-content-settings {
  position: absolute;
  top: -2.625rem;
  z-index: 100;
  color: #ffffff;
  background-color: #484848;
  padding: 0;
  margin: 0 auto;
  width: 2.5625rem;
  height: 2.5625rem;
  line-height: 2.5625rem;
  vertical-align: middle;
  text-align: center;
}
.toggle-data-content-settings:hover,
.toggle-data-content-settings:focus {
  color: #ffffff;
  background-color: #484848;
}
.toggle-data-content-settings .svg-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.toggle-data-content-settings.active .svg-icon {
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
}
.data-content-settings {
  border-bottom: solid 1px #222222;
  background-color: #484848;
  width: 100%;
}
.data-content-settings .data-content-tools {
  position: relative;
  z-index: 200;
}
.data-content-settings .data-content-tools > div {
  float: left;
  position: relative;
}
.data-content-settings .data-content-tools .mobile-content-wrapper {
  display: block;
  margin: 0 auto;
}
.data-content-settings .data-content-tools .mobile-content-wrapper div {
  float: left;
  position: relative;
}
.data-content-settings button {
  background-color: #484848;
  border-right: solid 1px #222222;
  color: #ffffff;
  margin: 0 auto;
  line-height: 2.25rem;
}
.data-content-settings button span {
  margin-right: 0.625rem;
}
.data-content-settings button .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.data-content-settings button .svg-icon:last-child {
  margin-right: 0;
}
.data-content-settings button:hover,
.data-content-settings button:focus,
.data-content-settings button:active,
.data-content-settings button.active {
  background-color: #626262;
  color: #ffffff;
}
.data-content-settings button.active .svg-icon:last-child {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.data-content-settings ul {
  display: none;
  position: absolute;
  top: 2.3125rem;
  left: -1px;
  width: 20rem;
  z-index: 999;
  border: solid 1px #d4d4d4;
  border-top: none;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.data-content-settings ul li .svg-icon {
  margin-right: 0.625rem;
  color: transparent;
}
.data-content-settings ul li.active-menu-item .svg-icon {
  color: #424242;
}
.data-content-settings ul div {
  width: 100%;
}
.data-content-settings ul div li .svg-icon {
  color: #5c5c5c;
}
.data-content-settings .custom-data-content-tools {
  float: left;
}
.data-content-settings .custom-data-content-tools button {
  margin-left: -3px;
}
.data-content-settings .custom-data-content-tools button:first-child {
  margin: 0 auto;
}
.data-content-settings .custom-data-content-tools button.inactive {
  background: #484848;
  color: #808080;
}
.data-content-settings .data-content-navigation {
  float: right;
}
.data-content-settings .data-content-navigation button {
  margin-left: -3px;
}
.data-content-settings .data-content-navigation button:first-child {
  border-left: solid 1px #222222;
  margin-right: 0;
}
.wsv-data-table {
  width: 100%;
}
.wsv-data-table table {
  border-right: solid 1px #d4d4d4;
  width: auto;
  margin: 0;
}
.wsv-data-table tr {
  border-top: solid 1px #d4d4d4;
}
.wsv-data-table tr:first-child {
  border: none;
}
.wsv-data-table tr.heading {
  border: solid 1px #a1a1a1;
  border-width: 1px 0;
}
.wsv-data-table tr.heading .timestamp {
  border: none;
}
.wsv-data-table th {
  background-color: #d4d4d4;
}
.wsv-data-table td,
.wsv-data-table th {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  text-align: center;
  border: none;
}
.wsv-data-table .timestamp {
  text-align: left;
  border-right: solid 1px #d4d4d4;
}
.main-header-container {
  position: relative;
  height: 3.75rem;
  width: 100%;
  z-index: 999;
}
.main-content-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.content-wrapper {
  position: relative;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.content {
  position: relative;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 12;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar {
  position: absolute;
  top: 0;
  left: -15.625rem;
  width: 15.625rem;
  height: 100%;
  background: #ffffff;
  z-index: 11;
}
.content-wrapper.push-content {
  left: 15.625rem;
  width: calc(100% - 15.625rem);
}
.sidebar.open {
  left: 0;
  border-right: solid 1px #d4d4d4;
}
/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.content-heading {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border-bottom: solid 1px #d4d4d4;
}
.content-heading .back-link,
.content-heading .shortcut-button {
  float: left;
  border-right: 1px solid #d4d4d4;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
}
.content-heading h1,
.content-heading .content-actions {
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.content-heading h1 {
  float: left;
  margin: 0 0 0 1.25rem;
}
.content-heading .content-actions {
  float: right;
}
.content-heading .content-actions ul li {
  height: 3.125rem;
}
.content-content {
  position: relative;
  background-color: #ffffff;
  display: block;
  overflow: auto;
  opacity: 1;
}
.content-content h2 {
  font-size: 1.3125rem;
  margin: 1.25rem auto;
}
/* Sidebar
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sidebar-heading {
  width: 100%;
  background-color: #2f2f2f;
  padding: 0.4375rem 2.5rem 0.4375rem 0.375rem;
  position: relative;
}
.sidebar-heading h2,
.sidebar-heading .title {
  font-size: 1.0625rem;
  color: #ffffff;
  margin: 0;
}
.sidebar-heading button {
  float: left;
  color: #ffffff;
  padding: 0;
  margin: 0 0.4375rem 0 0;
  height: auto;
  background: none;
  border-radius: 0;
  line-height: inherit;
}
.sidebar-heading .close-button {
  float: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  padding: 0.4375rem 0;
  color: #ffffff;
  margin: 0;
}
.sidebar-heading .close-button:hover,
.sidebar-heading .close-button:focus,
.sidebar-heading .close-button:active {
  color: #ffffff;
}
.sidebar-content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.main-header-container,
.navigation nav a {
  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);
}
.header-user-box,
.header-user-box a {
  color: #c8c8c8;
  background: #151515;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
  background-image: -webkit-linear-gradient(#2f2f2f, #151515);
  background-image: -moz-linear-gradient(center top, #2f2f2f 0%, #151515 100%);
  background-image: -moz-gradient(center top, #2f2f2f 0%, #151515 100%);
  background-image: -o-linear-gradient(top, #2f2f2f, #151515);
  background-image: linear-gradient(top, #2f2f2f, #151515);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.navigation nav a,
.header-user-box a {
  padding: 0.375rem 0.9375rem 0.25rem;
}
.main-header-container,
.navigation nav a,
.header-user-box,
.header-user-box a {
  border-bottom: solid 4px #d50000;
}
.main-header-container {
  font-size: 0.875rem;
  line-height: 1.3;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.main-header-container #logo {
  float: left;
  color: #ffffff;
  vertical-align: center;
  padding: 0;
  margin: 0 auto;
}
.main-header-container #logo span {
  font-size: 1.875rem;
  margin: 0;
  line-height: 3.75rem;
  letter-spacing: -1px;
  padding: 0 0.625rem;
}
.main-header-container #logo img {
  max-height: 3.4375rem;
  max-width: 12.5rem;
  padding: 0.3125rem 0 0.3125rem 0.625rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.main-header-container .svg-icon {
  height: 1.5rem;
  width: 1.5rem;
  display: block;
}
.navigation {
  float: right;
}
.navigation nav,
.header-user-box {
  float: left;
}
.navigation nav ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.navigation nav li {
  float: left;
  margin: 0 auto;
  position: relative;
}
.navigation nav a {
  display: block;
  height: 3.75rem;
  width: 5.75rem;
  text-align: center;
  text-decoration: none;
  color: #c8c8c8;
}
.navigation nav a:hover {
  color: #ffffff;
  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);
}
.navigation nav a.active-menu-item {
  position: relative;
  z-index: 5;
  color: #ffffff;
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  -webkit-box-shadow: 0 -8px 7px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 -8px 7px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 -8px 7px 2px rgba(0, 0, 0, 0.5);
}
.navigation nav ul ul {
  display: none;
  position: absolute;
  z-index: 999;
  top: 3.75rem;
  left: 0;
  margin-top: -1px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.navigation nav ul ul li {
  float: none;
}
.navigation nav ul ul a {
  padding: 0 0.625rem;
  width: 11.5625rem;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1rem;
  text-align: left;
  border-width: 1px;
  border-color: #7b7b7b;
}
.navigation nav ul ul a.active-menu-item {
  background: #555555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6e6e6e), to(#555555));
  background-image: -webkit-linear-gradient(#6e6e6e, #555555);
  background-image: -moz-linear-gradient(center top, #6e6e6e 0%, #555555 100%);
  background-image: -moz-gradient(center top, #6e6e6e 0%, #555555 100%);
  background-image: -o-linear-gradient(top, #6e6e6e, #555555);
  background-image: linear-gradient(top, #6e6e6e, #555555);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  box-shadow: none;
}
.navigation nav li:hover ul {
  display: block;
}
.header-user-box {
  position: relative;
  height: 3.75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-user-box li {
  float: left;
  margin: 0;
}
.header-user-box li:first-child {
  border-right: 1px solid #7b7b7b;
  margin-top: 0.5625rem;
  padding: 0 0.9375rem 0 3rem;
}
.header-user-box li.separator {
  border-right: 1px solid #7b7b7b;
  margin-top: 0.5625rem;
  height: 2.3875rem;
}
.header-user-box .stacked-icon {
  position: absolute;
  top: 0;
  left: 0.75rem;
  height: 3.75rem;
}
.header-user-box .stacked-icon .icon-front {
  fill: #6cc24a;
  stroke: #222222;
  stroke-width: 2px;
}
.header-user-box .stacked-icon svg {
  top: 25%;
}
.header-user-box a {
  display: block;
  height: 3.75rem;
  text-align: center;
  text-decoration: none;
}
.header-user-box a .svg-icon {
  color: #d50000;
}
.header-user-box a:hover {
  background: #d50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
  background-image: -webkit-linear-gradient(#e40000, #d50000);
  background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
  background-image: -o-linear-gradient(top, #e40000, #d50000);
  background-image: linear-gradient(top, #e40000, #d50000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.header-user-box a:hover,
.header-user-box a:hover .svg-icon {
  color: #ffffff;
}
.header-user-box a.upgrade-to-pro {
  position: relative;
  top: 2px;
  display: inline-block;
  height: auto;
  text-align: left;
  background: #6cc24a;
  border-bottom: none;
  padding: 1px 5px 2px;
  color: #ffffff;
  font-weight: 500;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.global-alerts {
  position: relative;
  float: left;
  width: 5.75rem;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
}
.global-alerts button.open-alerts {
  width: 100%;
  height: 3.5rem;
  background: transparent;
  margin: 0 auto;
  padding: 0;
  line-height: inherit;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.global-alerts button.open-alerts div {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.4375rem auto 0;
}
.global-alerts .svg-icon,
.global-alerts .alerts-number {
  display: inline-block;
}
.global-alerts .alerts-number {
  position: absolute;
  top: -0.5625rem;
  left: 0.75rem;
  line-height: 1rem;
  vertical-align: middle;
  margin: 0;
  padding: 0 0.375rem;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #d50000;
  border: solid 2px #484848;
  color: #ffffff;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 500;
}
.global-alerts:hover,
.global-alerts.active {
  color: #ffffff;
  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);
}
.global-alerts:hover .alerts-number,
.global-alerts.active .alerts-number {
  border-color: #5a5a5a;
}
.responsive-nav {
  display: none;
  text-align: center;
}
.navigation nav a.upgrade-to-pro,
button.hide-on-large-screen.upgrade-to-pro {
  color: #ffffff;
  font-weight: 500;
  background: #55a237;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6cc24a), to(#55a237));
  background-image: -webkit-linear-gradient(#6cc24a, #55a237);
  background-image: -moz-linear-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -moz-gradient(center top, #6cc24a 0%, #55a237 100%);
  background-image: -o-linear-gradient(top, #6cc24a, #55a237);
  background-image: linear-gradient(top, #6cc24a, #55a237);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.navigation nav a.upgrade-to-pro:hover,
button.hide-on-large-screen.upgrade-to-pro:hover {
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}
button.hide-on-large-screen.upgrade-to-pro {
  display: none;
  position: relative;
  top: 3px;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  height: 1.5rem;
  line-height: 1.5rem;
  vertical-align: middle;
}
/* Sidebar - Unit Overview */
.unit-overview h3 {
  margin-bottom: 0.3125rem;
}
.unit-overview .info-panel .button-group {
  margin-top: 0.625rem;
  margin-bottom: 0;
}
.unit-overview .info-panel .button-group .button {
  margin-top: 0;
}
.unit-overview .info-panel .multi-button .button {
  width: 49%;
}
.unit-overview .info-panel .multi-button .button .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.unit-overview .unit-states .engine-state {
  display: none;
}
.unit-overview .alarmlist,
.unit-overview .unit-states,
.unit-overview .unit-values-table {
  margin-bottom: 0.3125rem;
}
.tools h3 {
  background-color: #eeeeee;
  padding: 0.3125rem;
  margin-bottom: 0.625rem;
  clear: both;
}
.tools .combo-button {
  display: block;
}
.tools .grid-col {
  padding: 0 0.875rem;
}
.filter-only-group-not.multi-button button {
  width: 33.3%;
}
.sidebar-list .choose-list-type {
  display: none;
  position: absolute;
  top: 2.28125rem;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  -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);
}
.sidebar-list .choose-list-type li {
  height: 2.5rem;
  line-height: 2.5rem;
}
.sidebar-list .choose-list-type li .svg-icon {
  width: 1.4em;
  height: 1.4em;
  margin-right: 0.7em;
}
.sidebar-list .list-actions {
  width: 100%;
}
.sidebar-list .list-actions .icon-button {
  float: left;
  width: 33.333%;
  border: solid 1px #d4d4d4;
  border-width: 0 0 1px 1px;
  border-radius: 0;
  margin: 0;
  background: #eeeeee;
  color: #545454;
}
.sidebar-list .list-actions .icon-button:first-child {
  border-left: none;
}
.sidebar-list .list-actions .icon-button .svg-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.sidebar-list .icon-input {
  display: none;
  padding: 0.1875rem;
  clear: both;
  background-color: #eeeeee;
  border-bottom: solid 1px #d4d4d4;
}
.sidebar-list .icon-input label {
  left: 0.1875rem;
}
.sidebar-list .icon-input input {
  margin-bottom: 0;
}
.sidebar-list ul {
  list-style: none;
  margin: 0 auto;
  clear: both;
}
.sidebar-list ul li {
  display: block;
  position: relative;
  margin: 0 auto;
  padding-left: 0.625rem;
  border-bottom: solid 1px #d4d4d4;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  line-height: 2.4375rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar-list ul li:hover {
  background-color: #d4d4d4;
  cursor: pointer;
}
.sidebar-list ul li.active-list-item {
  color: #ffffff;
  font-weight: 500;
  background-color: #7b7b7b;
}
.sidebar-list ul li.active-list-item div a {
  color: #ffffff;
}
.sidebar-list ul li.active-list-item div a:hover {
  background-color: #484848;
}
.sidebar-list ul li.active-list-item a {
  color: #ffffff;
}
.sidebar-list ul li.active-list-item .list-item-more-button.active {
  background-color: #626262;
}
.sidebar-list ul li.active-list-item .list-item-links a {
  font-weight: 300;
}
.sidebar-list ul li a {
  width: 10.625rem;
  color: #424242;
  text-decoration: none;
  height: 2.4375rem;
  line-height: 2.4375rem;
}
.sidebar-list ul li .list-item-buttons {
  float: right;
  color: #5a5a5a;
}
.sidebar-list ul li .list-item-buttons a {
  display: block;
  color: #5a5a5a;
  float: left;
  width: 2.5rem;
  height: 2.4375rem;
  line-height: 2.4375rem;
  text-align: center;
  padding: 0;
}
.sidebar-list ul li .list-item-buttons a:hover {
  color: #ffffff;
  background-color: #a1a1a1;
}
.sidebar-list ul li .list-item-buttons a .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.sidebar-list ul li .list-item-more-button {
  position: absolute;
  right: 0;
  margin: 0 auto;
  height: 2.4375rem;
  line-height: 2.4375rem;
  vertical-align: middle;
}
.sidebar-list ul li .list-item-more-button .svg-icon {
  margin: 0 auto;
}
.sidebar-list ul li .list-item-more-button.active {
  background-color: #c2c2c2;
}
.sidebar-list ul li .list-item-links {
  display: none;
  position: absolute;
  top: 2.5rem;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background-color: #ffffff;
  border-bottom: solid 1px #d4d4d4;
  -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);
}
.sidebar-list ul li .list-item-links li {
  padding: 0;
  border: none;
}
.sidebar-list ul li .list-item-links li.active-menu-item a {
  color: #424242;
  text-decoration: underline;
}
.sidebar-list ul li .list-item-links a {
  color: #d50000;
}
.sidebar-list ul li .list-item-links a .svg-icon {
  color: #545454;
}
.sidebar-list ul li .list-item-links .svg-icon {
  margin-right: 0.625rem;
}
.sidebar-list ul a span {
  float: right;
  text-align: right;
  padding: 0 0.9375rem;
}
.sidebar-list .search-button.active {
  border-bottom: none;
}
.sidebar-list .search-button.active:hover {
  background-color: #eeeeee;
}
.unit-list ul li {
  padding-left: 0.9375rem;
}
.unit-list ul li a: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: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.unit-list ul li .list-item-buttons a:before {
  display: none;
}
#settings.unit-settings .settings-link,
#units.unit-detail .unit-detail-link,
#data-log .data-log-link {
  display: none;
}
.sidebar-list .filter-controls {
  position: fixed;
  bottom: 0;
  width: 15rem;
  padding: 0.625rem;
  background-color: #ffffff;
  border-top: solid 1px #d4d4d4;
}
.sidebar-list .filter-controls input {
  margin-top: 0;
}
.dark-scheme input,
.dark-scheme select,
.dark-scheme textarea {
  background-color: #6e6e6e;
  border-color: #2f2f2f;
}
.dark-scheme input[type="range"] {
  background-color: inherit;
}
.dark-scheme .multi-button button,
.dark-scheme .multi-button .button,
.dark-scheme .multi-button input[type="submit"],
.dark-scheme .multi-button input[type="reset"],
.dark-scheme .multi-button input[type="button"] {
  border-color: #2f2f2f;
}
.dark-scheme button.grey,
.dark-scheme .button.grey,
.dark-scheme input[type="submit"].grey,
.dark-scheme input[type="reset"].grey,
.dark-scheme input[type="button"].grey {
  background-color: #6e6e6e;
  color: #ffffff;
}
.dark-scheme button.grey:hover,
.dark-scheme .button.grey:hover,
.dark-scheme input[type="submit"].grey:hover,
.dark-scheme input[type="reset"].grey:hover,
.dark-scheme input[type="button"].grey:hover,
.dark-scheme button.grey:focus,
.dark-scheme .button.grey:focus,
.dark-scheme input[type="submit"].grey:focus,
.dark-scheme input[type="reset"].grey:focus,
.dark-scheme input[type="button"].grey:focus {
  background-color: #7b7b7b;
}
.tools.dark-scheme,
.sidebar-list.dark-scheme {
  background-color: #484848;
  color: #ffffff;
}
.tools.dark-scheme select,
.tools.dark-scheme input[type="text"],
.tools.dark-scheme input[type="number"],
.tools.dark-scheme input[type="email"],
.tools.dark-scheme input[type="password"] {
  background-color: #6e6e6e;
  border-color: #222222;
}
.tools.dark-scheme h3 {
  background-color: #626262;
  font-weight: 300;
}
.sidebar-list.dark-scheme {
  border-right: solid 1px #222222;
}
.sidebar-list.dark-scheme .sidebar-heading button:hover,
.sidebar-list.dark-scheme .sidebar-heading button:focus {
  background: transparent;
}
.sidebar-list.dark-scheme .choose-list-type {
  background-color: #5a5a5a;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
}
.sidebar-list.dark-scheme .list-actions .icon-button {
  border-color: #222222;
  background-color: #5a5a5a;
  color: #ffffff;
}
.sidebar-list.dark-scheme .list-actions .icon-button:hover,
.sidebar-list.dark-scheme .list-actions .icon-button:focus {
  background-color: #6e6e6e !important;
}
.sidebar-list.dark-scheme .search-button.active:hover {
  background-color: #5a5a5a;
}
.sidebar-list.dark-scheme .icon-input {
  background-color: #5a5a5a;
  border-color: #222222;
}
.sidebar-list.dark-scheme .icon-input label {
  color: #c8c8c8;
}
.sidebar-list.dark-scheme .icon-input input {
  background-color: #6e6e6e;
  border-color: #222222;
}
.sidebar-list.dark-scheme ul {
  list-style: none;
  margin: 0 auto;
}
.sidebar-list.dark-scheme ul li {
  border-color: #7b7b7b;
}
.sidebar-list.dark-scheme ul li:hover {
  background-color: #363636;
}
.sidebar-list.dark-scheme ul li.active-list-item {
  background-color: #7b7b7b;
}
.sidebar-list.dark-scheme ul li a {
  color: #ffffff;
}
.sidebar-list.dark-scheme ul li div a:hover {
  background-color: #080808;
}
.sidebar-list.dark-scheme ul li.active-list-item div a:hover {
  background-color: #363636;
}
.sidebar-list.dark-scheme .filter-controls {
  background-color: #2f2f2f;
  border-color: #222222;
}
.sidebar-list.dark-scheme .list-item-more-button.active {
  background-color: #242424;
}
.sidebar-list.dark-scheme .list-item-links {
  background-color: #484848;
  border-color: #222222;
}
.sidebar-list.dark-scheme .list-item-links li.active-menu-item a {
  color: #ffffff;
}
.sidebar-list.dark-scheme .list-item-links a {
  color: #ffffff;
}
.sidebar-list.dark-scheme .list-item-links a .svg-icon {
  color: #ffffff;
}
.login-page {
  overflow: hidden;
  overflow-y: auto;
}
.login-page #logo {
  float: none;
  margin: 0 auto;
  text-align: center;
  padding: 1.875rem 0 0;
  vertical-align: middle;
}
.login-page #logo img {
  max-height: 12.5rem;
  max-width: 25rem;
  padding: 0;
}
.login-page .content-alert {
  width: 90%;
  max-width: 40rem;
  margin: 1.875rem auto;
}
.login-form,
.forgot-form {
  width: 90%;
  max-width: 25rem;
}
.login-form,
.forgot-form,
.registration-form {
  margin: 1.875rem auto;
}
.login-form .form-title,
.forgot-form .form-title,
.registration-form .form-title,
.login-form p,
.forgot-form p,
.registration-form p {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.login-form p.title,
.forgot-form p.title,
.registration-form p.title {
  padding: 0;
  margin-bottom: 0.3125rem;
}
.login-form .icon-input .svg-icon,
.forgot-form .icon-input .svg-icon,
.registration-form .icon-input .svg-icon {
  color: #545454;
}
.login-form input[type="submit"],
.forgot-form input[type="submit"],
.registration-form input[type="submit"],
.login-form button,
.forgot-form button,
.registration-form button,
.login-form .button,
.forgot-form .button,
.registration-form .button {
  margin: 1.25rem auto;
}
.login-form .captcha button,
.forgot-form .captcha button,
.registration-form .captcha button {
  margin: 0 auto;
}
.login-form select {
  margin-bottom: 1.875rem;
}
.login-form .icon-input {
  margin-bottom: 0.625rem;
}
.login-form .divider.simple-line {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.download-report-form .divider.simple-line {
  margin-top: 0;
}
.download-report-form .login-with-identity {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.forgot-form .icon-input,
.forgot-form select {
  margin-bottom: 1.875rem;
}
.forgot-form select {
  margin-bottom: 0.9375rem;
}
.registration-form {
  position: absolute;
  top: 0;
  z-index: 999;
  left: -100%;
  width: 70%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.registration-form form {
  margin-bottom: 0;
}
.registration-form label {
  line-height: 1.3;
}
.registration-form .icon-input,
.registration-form select {
  margin-bottom: 0.625rem;
}
.registration-form .icon-input label {
  line-height: 2.25rem;
}
.registration-form input[type="submit"],
.registration-form button {
  margin: 1.25rem 0 0.625rem 0.625rem;
}
.registration-form input[type="submit"]:first-child,
.registration-form button:first-child {
  margin-left: 0;
}
.registration-form input[type="text"]:disabled {
  color: #a8a8a8;
}
.registration-form .section-title {
  background-color: #484848;
  color: #ffffff;
  border-bottom: solid 3px #d50000;
  font-weight: 500;
  padding: 0.25rem 0.625rem 0.125rem;
  margin: 1.25rem auto 0.625rem;
}
.registration-form .grid-col > .grid-row .grid-col {
  padding-top: 0;
  padding-bottom: 0;
}
.registration-form .grid-col > .grid-row .grid-col:first-child {
  padding-left: 0;
}
.registration-form .grid-col > .grid-row .grid-col:last-child {
  padding-right: 0;
}
.registration-form.next-step {
  left: auto;
  position: relative;
  width: 90%;
  max-width: 25rem;
}
.registration-form .account-pricing-box {
  display: none;
}
.registration-form .account-pricing-box .pricing-title {
  margin-bottom: 0.625rem;
}
.registration-form .account-pricing-box .pricing-title .title {
  padding: 0;
  margin: 0;
}
.registration-form .account-pricing-box .pricing-title .note {
  margin: 0;
  padding-left: 0.625rem;
}
.registration-form .account-pricing-box table {
  border-top: solid 1px #d4d4d4;
  border-bottom: solid 1px #d4d4d4;
}
.registration-form .account-pricing-box table th,
.registration-form .account-pricing-box table td {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.registration-form .account-pricing-box table td {
  text-align: right;
}
.registration-form .account-pricing-box table .price-total th,
.registration-form .account-pricing-box table .price-total td {
  font-weight: 500;
}
.registration-form .account-pricing-box .vat-note {
  padding: 0.1875rem 0 0;
  font-size: 0.75rem;
}
.registration-form .note {
  font-weight: initial;
  font-size: 0.75rem;
  padding: 0;
}
.somecaptchapicture {
  display: block;
  width: 6.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  color: #aeaeae;
  border: solid 1px #d4d4d4;
  background-color: #eeeeee;
  text-align: center;
  margin: 0 0.3125rem 0.3125rem 0;
}
.button-box {
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
  margin: 0 auto 2.5rem;
  padding: 1.25rem;
  width: 90%;
  margin-top: 3.125rem;
  max-width: 18.75rem;
  text-align: center;
}
.button-box a {
  display: inline-block;
  width: 23%;
  text-decoration: none;
  color: #ffffff;
  font-weight: 500;
  background-color: #d50000;
  border: solid 1px #890000;
  height: 1.875rem;
  line-height: 1.875rem;
  vertical-align: middle;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.button-box a:hover {
  background-color: #ff0909;
  border: solid 1px #a20000;
  color: #ffffff;
}
.good-password {
  top: 3rem;
  width: 50%;
  opacity: 0;
  z-index: -1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.good-password.arrow-top:after,
.good-password.arrow-top:before {
  left: 14%;
}
.good-password ul {
  list-style: none;
  padding: 0;
  padding-left: 0.625rem;
  margin: 0 auto;
}
.good-password ul,
.good-password p {
  margin-bottom: 0.9375rem;
}
.good-password li {
  margin-bottom: 0.3125rem;
}
.good-password li .svg-icon {
  color: #d4d4d4 !important;
}
.good-password li.active .svg-icon {
  display: inline-block;
  color: #6cc24a !important;
}
.good-password p span {
  font-weight: 500;
  margin-left: 0.625rem;
}
.strenght-meter {
  width: 90%;
  margin: 0 auto;
}
.strenght-meter > div {
  display: inline-block;
  width: 9.7%;
  height: 0.625rem;
  background-color: #eeeeee;
  margin-left: -3px;
  border-left: 3px solid #ffffff;
}
.strenght-meter > div:first-child {
  margin-left: auto;
  border-left: none;
}
.strenght-meter > div.active {
  background-color: #6cc24a;
}
.strenght-meter > div.active:nth-child(1),
.strenght-meter > div.active:nth-child(2) {
  background-color: #d50000;
}
.strenght-meter > div.active:nth-child(3),
.strenght-meter > div.active:nth-child(4),
.strenght-meter > div.active:nth-child(5) {
  background-color: #FBC02D;
}
input[type="password"]:hover + .good-password,
input[type="password"]:focus + .good-password,
input[type="password"]:active + .good-password {
  opacity: 1;
  z-index: 10;
}
.registration-form.reg-shown {
  left: 15%;
}
.registration-form.reg-closed {
  left: 100%;
}
@media screen and (max-width: 980px) {
  .registration-form {
    width: 90%;
  }
  .registration-form.reg-shown {
    left: 5%;
  }
}
/* Units
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.units-map {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent url('../images/maps/map-02.jpg') no-repeat center top;
}
.unit-content-actions {
  position: absolute;
  right: -3.125rem;
  background-color: #ffffff;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
}
.unit-content-actions .content-expand,
.unit-content-actions .content-collapse {
  width: 3.125rem;
  text-align: center;
}
.unit-content-actions .content-expand .svg-icon,
.unit-content-actions .content-collapse .svg-icon {
  fill: #d50000;
}
.unit-content-actions .content-expand.inactive,
.unit-content-actions .content-collapse.inactive {
  color: #c8c8c8;
  cursor: default;
}
.unit-content-actions .content-expand.inactive svg,
.unit-content-actions .content-collapse.inactive svg {
  fill: #c8c8c8;
}
.unit-content-actions .content-expand span,
.unit-content-actions .content-collapse span {
  display: none;
}
.unit-content-actions .toggle-map-units {
  display: none;
}
#units .content .content-alert {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.table-row.toggle-group {
  background-color: #eeeeee;
}
.webcontrol-active .toggle-group {
  background-color: transparent;
}
.webcontrol-active .units-group-table .toggle-group {
  background-color: #eeeeee;
}
.table-header .table-cell.unit-alarm-cell {
  color: #ffffff;
}
.table-header .table-cell.value-cell {
  border: none;
}
.cell-wrapper {
  width: calc(100% - 3.125rem);
}
.tools-checkbox,
.unit-alarm-cell,
.last-update-cell,
.locate-cell {
  width: 3.125rem;
  text-align: center;
  padding: 0;
}
.tools-checkbox {
  display: none;
}
.unit-alarm-cell .svg-icon {
  width: 1.75rem;
  height: 1.75rem;
  top: auto;
}
.unit-name-cell {
  width: 25%;
  font-weight: 500;
}
.unit-name-cell span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3125rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.engine-state-cell {
  width: 5.5625rem;
  text-align: center;
  padding: 0 0.625rem;
  font-weight: 500;
}
.value-cell {
  width: calc((75% - 8.75rem)/4 );
  text-align: right;
  padding-right: 0.625rem;
}
.value-cell span {
  display: inline;
  vertical-align: middle;
  margin-right: 0.3125rem;
  line-height: 1.2;
}
.value-cell span:last-child {
  font-weight: 500;
  margin-right: 0;
}
.last-update-cell .svg-icon {
  fill: #5c5c5c;
}
.locate-cell {
  display: none;
}
.locate-cell .svg-icon {
  fill: #5c5c5c;
}
.group-action-cell {
  float: right;
  width: 3.125rem;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.site-group.single-site-shown .group-action-cell,
.webcontrol-group .group-action-cell {
  color: #ffffff;
  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);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.site-group.single-site-shown .group-action-cell:hover,
.webcontrol-group .group-action-cell:hover {
  background: #5a5a5a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6c6c6c), to(#5a5a5a));
  background-image: -webkit-linear-gradient(#6c6c6c, #5a5a5a);
  background-image: -moz-linear-gradient(center top, #6c6c6c 0%, #5a5a5a 100%);
  background-image: -moz-gradient(center top, #6c6c6c 0%, #5a5a5a 100%);
  background-image: -o-linear-gradient(top, #6c6c6c, #5a5a5a);
  background-image: linear-gradient(top, #6c6c6c, #5a5a5a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
}
.toggle-group .unit-alarm-cell .svg-icon:last-child {
  display: none;
}
.toggle-group .cell-wrapper {
  width: calc(100% - 6.25rem);
}
.toggle-group .unit-name-cell {
  overflow: visible;
  width: calc((100% + 3.125rem) * 0.25);
}
.toggle-group .unit-name-cell span:last-child {
  width: 2.8125rem;
  text-align: right;
  padding-left: 0;
}
.toggle-group .unit-name-cell span:first-child {
  width: calc(100% - 2.8125rem);
}
.toggle-group.open .unit-alarm-cell .svg-icon:first-child {
  display: none;
}
.toggle-group.open .unit-alarm-cell .svg-icon:last-child {
  display: inline-block;
}
.toggle-group + .units-group-table .table-row {
  margin-left: 1.25rem;
}
.toggle-group + .units-group-table .table-row .unit-name-cell {
  width: calc(25% - 1.25rem );
}
.toggle-group + .units-group-table > .units-group-table .table-row {
  margin-left: 2.5rem;
}
.toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
  width: calc(25% - 2.5rem );
}
.map-only-shown .toggle-group + .units-group-table .table-row .unit-name-cell {
  width: 100%;
}
.map-only-shown .toggle-group + .units-group-table .table-row .cell-wrapper {
  width: calc(100% - 7.5625rem );
}
.map-only-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
  width: 100%;
}
.map-only-shown .toggle-group + .units-group-table > .units-group-table .table-row .cell-wrapper {
  width: calc(100% - 8.8125rem );
}
.units-group-table.open + .table-row {
  border-top: solid 1px #aeaeae;
  margin-top: -1px;
}
.units-group-table {
  display: none;
}
.units-group-table.open {
  display: block;
}
.tools-enabled .tools-checkbox {
  display: inline-block;
}
.tools-enabled .cell-wrapper {
  width: calc(100% - 6.3125rem);
}
.tools-enabled .toggle-group .cell-wrapper {
  width: calc(100% - 9.375rem);
}
.units-icons-view .table-content {
  height: 100%;
  padding: 0.3125rem 0.3125rem 0;
}
.units-icons-view .table-header {
  display: none;
}
.units-icons-view .table-row {
  position: relative;
  display: block;
  float: left;
  height: 9.0625rem;
  width: 10%;
  min-width: 8.125rem;
  max-width: 9.15625rem;
  padding: 0.4375rem;
  background-color: transparent;
  border: none;
}
.units-icons-view .table-row:hover,
.units-icons-view .table-row.active {
  background-color: #e1e1e1;
  color: inherit;
}
.units-icons-view .table-row:hover .svg-icon,
.units-icons-view .table-row.active .svg-icon {
  fill: inherit;
}
.units-icons-view .table-row:hover .table-cell,
.units-icons-view .table-row.active .table-cell {
  background-color: #ffffff;
}
.units-icons-view .table-row:hover .last-update-cell .svg-icon,
.units-icons-view .table-row.active .last-update-cell .svg-icon {
  fill: #626262;
}
.units-icons-view .table-row:hover.unit-alarm-disabled,
.units-icons-view .table-row.active.unit-alarm-disabled {
  color: #999999;
}
.units-icons-view .table-row:hover.unit-alarm-disabled .svg-icon,
.units-icons-view .table-row.active.unit-alarm-disabled .svg-icon {
  fill: #999999;
}
.units-icons-view .table-row:hover .group-action-cell .svg-icon,
.units-icons-view .table-row.active .group-action-cell .svg-icon {
  fill: #ffffff;
}
.units-icons-view .table-row.active {
  background-color: #949494;
}
.units-icons-view .table-cell {
  display: block;
  background-color: transparent;
  text-align: center;
  width: 100%;
  height: 1.875rem;
  line-height: 1.875rem;
  margin: 0;
  padding: 0 0.4375rem;
  border: solid 1px #d4d4d4;
  border-width: 0 1px;
}
.units-icons-view .cell-wrapper {
  width: 100%;
  margin-left: 0;
}
.units-icons-view .table-content .tools-checkbox {
  display: none;
  height: 1.875rem;
  border-width: 1px 1px 0 1px;
}
.units-icons-view .unit-alarm-cell,
.units-icons-view .last-update-cell {
  width: 50%;
  padding: 0;
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
}
.units-icons-view .unit-alarm-cell {
  border-width: 1px 0 0 1px;
}
.units-icons-view .engine-state-cell {
  font-weight: 300;
}
.units-icons-view .last-update-cell {
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
  border-width: 1px 1px 0 0;
}
.units-icons-view .value-cell {
  border-width: 0 1px 1px;
  width: 100%!important;
}
.units-icons-view .value-cell span {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.units-icons-view .value-cell span:first-child {
  display: none;
}
.units-icons-view .value-col-2,
.units-icons-view .value-col-3,
.units-icons-view .value-col-4,
.units-icons-view .locate-cell {
  display: none;
}
.units-icons-view .toggle-group .unit-alarm-cell {
  width: 100%;
  height: 2.8125rem;
  border-width: 1px 1px 0 1px;
}
.units-icons-view .toggle-group .unit-name-cell {
  height: auto;
}
.units-icons-view .toggle-group .unit-name-cell span {
  width: 100%;
  display: block;
  text-align: center;
}
.units-icons-view .toggle-group .unit-name-cell span:last-child {
  background: none;
  color: #424242;
  height: 2rem;
  line-height: 2rem;
}
.units-icons-view .toggle-group .group-action-cell {
  margin-top: -6px;
  border-width: 0 1px 1px 1px;
}
.units-icons-view .units-group-table .unit-name-cell {
  background-image: none;
}
.units-icons-view .units-group-table .unit-name-cell span::before {
  display: none;
}
.units-icons-view .units-group-table .toggle-group .group-action-cell,
.units-icons-view .units-group-table .value-cell {
  background-image: url('../images/icons/in-group-sign.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.units-icons-view .units-group-table .units-group-table .value-cell {
  background-image: url('../images/icons/group-in-group-sign.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
}
.units-icons-view .toggle-group + .units-group-table .table-row .unit-name-cell,
.units-icons-view .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
  width: 100%;
}
.units-icons-view .toggle-group + .units-group-table .table-row,
.units-icons-view .toggle-group + .units-group-table > .units-group-table .table-row {
  margin-left: 0;
}
.units-icons-view .units-group-table.open + .table-row {
  border-top: none;
  margin-top: 0;
}
.tools-enabled .units-icons-view .table-content .tools-checkbox {
  display: block;
  height: 1.875rem;
}
.tools-enabled .units-icons-view .table-row {
  height: 10.9375rem;
}
.tools-enabled .units-icons-view .cell-wrapper {
  width: 100%;
}
.tools-enabled .units-icons-view .last-update-cell {
  top: 2.3125rem;
}
.units-modules-view {
  position: absolute;
  background-color: #ffffff;
  z-index: 200;
}
.unit-module {
  width: 15.625rem;
  float: left;
  border-right: solid 1px #d4d4d4;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.unit-module.fade-out-and-move {
  opacity: 0;
  width: 0;
  border-color: transparent;
  border-width: 0;
}
.modules-actions button,
.modules-actions .button {
  background: none;
}
.modules-actions button:hover,
.modules-actions .button:hover,
.modules-actions button:focus,
.modules-actions .button:focus {
  background: none;
}
.units-map,
.content-wrapper,
.content,
.sidebar {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.units-icons-view,
.units-table-view,
.units-modules-view,
.units-webcontrol {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.units-table-view,
.units-icons-view,
.units-modules-view,
.units-webcontrol {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.units-table-view.open,
.units-icons-view.open,
.units-modules-view.open,
.units-webcontrol.open {
  opacity: 1;
  height: auto;
  overflow: auto;
}
.units-and-map-shown .units-map {
  width: 33%;
}
.units-and-map-shown .content {
  width: 67%;
}
.units-and-map-shown .value-col-4,
.units-and-map-shown .value-col-3 {
  display: none;
}
.units-and-map-shown .value-cell {
  width: calc((75% - 8.75rem)/2 );
}
.units-only-shown .units-map {
  width: 0;
}
.units-only-shown .content {
  width: 100%;
}
.map-only-shown .units-map {
  width: calc(100% - 18.75rem);
}
.map-only-shown .content {
  width: 18.75rem;
}
.map-only-shown .content-heading .view-menu {
  display: none;
  top: -5px;
}
.map-only-shown .content-heading .action-menu span {
  display: none;
}
.map-only-shown .content-alert button .svg-icon {
  margin: 0 auto;
}
.map-only-shown .content-alert button span:last-child {
  display: none;
}
.map-only-shown .filter-sort-panel span {
  display: none;
}
.map-only-shown .filter-sort-panel button {
  width: calc(100% / 3);
}
.map-only-shown .filter-sort-panel .icon-input {
  display: block;
  margin-left: 0;
  border-top: solid 1px #d4d4d4;
  padding: 0.125rem 0.125rem 0.0625rem;
}
.map-only-shown .cell-wrapper {
  width: calc(100% - 6.25rem);
}
.map-only-shown .unit-name-cell,
.map-only-shown .toggle-group .unit-name-cell {
  width: 100%;
}
.map-only-shown .engine-state-cell,
.map-only-shown .value-cell,
.map-only-shown .last-update-cell {
  display: none;
}
.map-only-shown .locate-cell {
  display: inline-block;
}
.map-only-shown .tools-enabled .cell-wrapper {
  width: calc(100% - 9.375rem);
}
.map-only-shown .tools-enabled .filter-sort-panel button {
  width: calc((100% - 2.625rem) / 3);
}
.unit-alarm-nocommunication .unit-alarm-cell,
.unit-alarm-nocommunication-warning .unit-alarm-cell,
.unit-alarm-nocommunication-shutdown .unit-alarm-cell,
.unit-alarm-nocommunication-ecu .unit-alarm-cell,
.unit-alarm-nocommunication-legacy .unit-alarm-cell,
.unit-alarm-nocommunication-flst .unit-alarm-cell,
.unit-alarm-nocommunication.map-marker,
.unit-alarm-nocommunication-warning.map-marker,
.unit-alarm-nocommunication-shutdown.map-marker,
.unit-alarm-nocommunication-ecu.map-marker,
.unit-alarm-nocommunication-legacy.map-marker,
.unit-alarm-nocommunication-flst.map-marker,
.unit-alarm-nocommunication h2 .svg-icon,
.unit-alarm-nocommunication-warning h2 .svg-icon,
.unit-alarm-nocommunication-shutdown h2 .svg-icon,
.unit-alarm-nocommunication-ecu h2 .svg-icon,
.unit-alarm-nocommunication-legacy h2 .svg-icon,
.unit-alarm-nocommunication-flst h2 .svg-icon {
  color: #934d11;
  fill: #934d11;
}
.unit-alarm-nocommunication .sidebar-list ul li a:before,
.unit-alarm-nocommunication-warning .sidebar-list ul li a:before,
.unit-alarm-nocommunication-shutdown .sidebar-list ul li a:before,
.unit-alarm-nocommunication-ecu .sidebar-list ul li a:before,
.unit-alarm-nocommunication-legacy .sidebar-list ul li a:before,
.unit-alarm-nocommunication-flst .sidebar-list ul li a:before {
  background-color: #934d11;
}
.unit-alarm-nocommunication-warning .unit-name-cell span {
  background-color: #FBC02D;
}
.unit-alarm-nocommunication-shutdown .unit-name-cell span {
  background-color: #d50000;
  color: #ffffff;
}
.unit-alarm-nocommunication-ecu .unit-name-cell span {
  background-color: #d50000;
  color: #ffffff;
}
.unit-alarm-nocommunication-legacy .unit-name-cell span {
  background-color: #FF8000;
  color: #ffffff;
}
.unit-alarm-nocommunication-flst .name span {
  color: #ffffff;
  background-color: #424242;
}
.nocomm-ac-icon .small-symbol {
  fill: #404040;
}
.unit-alarm-warning .unit-alarm-cell .svg-icon:first-child,
.unit-alarm-shutdown .unit-alarm-cell .svg-icon:first-child,
.unit-alarm-ecu .unit-alarm-cell .svg-icon:first-child,
.unit-alarm-legacy .unit-alarm-cell .svg-icon:first-child,
.unit-alarm-fail .unit-alarm-cell .svg-icon:first-child {
  display: inline-block;
}
.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-legacy .unit-alarm-cell .svg-icon:last-child,
.unit-alarm-fail .unit-alarm-cell .svg-icon:last-child {
  display: none;
}
.unit-alarm-warning .unit-name-cell span,
.unit-alarm-shutdown .unit-name-cell span,
.unit-alarm-ecu .unit-name-cell span,
.unit-alarm-legacy .unit-name-cell span,
.unit-alarm-fail .unit-name-cell span,
.unit-alarm-warning .unit-name,
.unit-alarm-shutdown .unit-name,
.unit-alarm-ecu .unit-name,
.unit-alarm-legacy .unit-name,
.unit-alarm-fail .unit-name {
  padding: 0 0.3125rem;
  color: #ffffff;
}
.unit-alarm-shutdown .unit-alarm-cell,
.unit-alarm-shutdown.map-marker,
.unit-alarm-shutdown h2 .svg-icon {
  color: #d50000;
  fill: #d50000;
}
.unit-alarm-shutdown .unit-name-cell span,
.unit-alarm-shutdown .unit-name,
.unit-alarm-shutdown .sidebar-list ul li a:before {
  background-color: #d50000;
}
.unit-alarm-warning .unit-alarm-cell,
.unit-alarm-warning.map-marker,
.unit-alarm-warning h2 .svg-icon {
  color: #FBC02D;
  fill: #FBC02D;
}
.unit-alarm-warning .unit-name-cell span,
.unit-alarm-warning .unit-name .sidebar-list ul li a:before {
  background-color: #FBC02D;
  color: #424242;
}
.unit-alarm-ecu .unit-alarm-cell,
.unit-alarm-ecu.map-marker,
.unit-alarm-ecu h2 .svg-icon {
  color: #00acec;
  fill: #00acec;
}
.unit-alarm-ecu .unit-name-cell span,
.unit-alarm-ecu .unit-name,
.unit-alarm-ecu .sidebar-list ul li a:before {
  background-color: #00acec;
}
.unit-alarm-legacy .unit-alarm-cell,
.unit-alarm-legacy.map-marker,
.unit-alarm-legacy h2 .svg-icon {
  color: #FF8000;
  fill: #FF8000;
}
.unit-alarm-legacy .unit-name-cell span,
.unit-alarm-legacy .unit-name,
.unit-alarm-legacy .sidebar-list ul li a:before {
  background-color: #FF8000;
}
.unit-alarm-fail .unit-alarm-cell,
.unit-alarm-fail h2 .svg-icon {
  color: #424242;
  fill: #424242;
}
.unit-alarm-fail.map-marker .icon-back {
  fill: #ffffff;
}
.unit-alarm-fail.map-marker .icon-front {
  fill: #424242;
}
.unit-alarm-fail .unit-name-cell span,
.unit-alarm-fail .unit-name {
  background-color: #424242;
}
.unit-alarm-disabled {
  color: #999999;
}
.unit-alarm-disabled .table-cell .svg-icon,
.unit-alarm-disabled.map-marker,
.unit-alarm-disabled h2 .svg-icon {
  fill: #999999;
}
.unit-alarm-disabled .sidebar-list ul li a:before {
  background-color: #999999;
}
.unit-alarm-none .unit-alarm-cell,
.unit-alarm-none.map-marker,
.unit-alarm-none h2 .svg-icon {
  color: #6cc24a;
  fill: #6cc24a;
}
.unit-alarm-none.unit-ready .unit-alarm-cell,
.unit-alarm-none.unit-ready.map-marker,
.unit-alarm-none.unit-ready h2 .svg-icon {
  color: #0D47A1;
  fill: #0D47A1;
}
.unit-alarm-none.unit-unloaded .unit-alarm-cell,
.unit-alarm-none.unit-unloaded.map-marker,
.unit-alarm-none.unit-unloaded h2 .svg-icon {
  color: #9C27B0;
  fill: #9C27B0;
}
.unit-list li.unit-alarm-nocommunication a:before {
  background-color: #934d11;
}
.unit-list li.unit-alarm-warning a:before {
  background-color: #FBC02D;
}
.unit-list li.unit-alarm-shutdown a:before {
  background-color: #d50000;
}
.unit-list li.unit-alarm-ecu a:before {
  background-color: #00acec;
}
.unit-list li.unit-alarm-legacy a:before {
  background-color: #FF8000;
}
.unit-list li.unit-alarm-fail a:before {
  background-color: #ffffff;
}
.alerts-list li.unit-alarm-nocommunication span:nth-of-type(1),
.alerts-list li.unit-alarm-nocommunication-warning span:nth-of-type(1),
.alerts-list li.unit-alarm-nocommunication-shutdown span:nth-of-type(1),
.alerts-list li.unit-alarm-warning span:nth-of-type(1),
.alerts-list li.unit-alarm-shutdown span:nth-of-type(1),
.alerts-list li.unit-alarm-ecu span:nth-of-type(1),
.alerts-list li.unit-alarm-legacy span:nth-of-type(1),
.alerts-list li.unit-alarm-fail span:nth-of-type(1) {
  color: #ffffff;
  padding: 0 0.3125rem;
}
.alerts-list li.unit-alarm-nocommunication-warning span:nth-of-type(1),
.alerts-list li.unit-alarm-warning span:nth-of-type(1) {
  color: #424242;
}
.alerts-list li.unit-alarm-nocommunication .alarm-state,
.alerts-list li.unit-alarm-nocommunication-warning .alarm-state,
.alerts-list li.unit-alarm-nocommunication-shutdown .alarm-state,
.alerts-list li.unit-alarm-nocommunication-legacy .alarm-state {
  color: #934d11;
}
.alerts-list li.unit-alarm-nocommunication-warning span:nth-of-type(1) {
  background-color: #FBC02D;
}
.alerts-list li.unit-alarm-nocommunication-shutdown span:nth-of-type(1) {
  background-color: #d50000;
}
.alerts-list li.unit-alarm-warning .alarm-state {
  color: #FBC02D;
}
.alerts-list li.unit-alarm-warning span:nth-of-type(1) {
  background-color: #FBC02D;
}
.alerts-list li.unit-alarm-shutdown .alarm-state {
  color: #d50000;
}
.alerts-list li.unit-alarm-shutdown span:nth-of-type(1) {
  background-color: #d50000;
}
.alerts-list li.unit-alarm-ecu .alarm-state {
  color: #00acec;
}
.alerts-list li.unit-alarm-ecu span:nth-of-type(1) {
  background-color: #00acec;
}
.alerts-list li.unit-alarm-ecu .alarm-state {
  color: #FF8000;
}
.alerts-list li.unit-alarm-ecu span:nth-of-type(1) {
  background-color: #FF8000;
}
.alerts-list li.unit-alarm-fail .alarm-state {
  color: #424242;
}
.alerts-list li.unit-alarm-fail span:nth-of-type(1) {
  background-color: #424242;
}
.single-value-inline.unit-alarm-nocommunication .svg-icon {
  color: #934d11;
}
.single-value-inline.unit-alarm-warning .svg-icon {
  color: #FBC02D;
}
.single-value-inline.unit-alarm-shutdown .svg-icon {
  color: #d50000;
}
.single-value-inline.unit-alarm-ecu .svg-icon {
  color: #00acec;
}
.single-value-inline.unit-alarm-legacy .svg-icon {
  color: #FF8000;
}
.single-value-inline.unit-alarm-fail .svg-icon {
  color: #424242;
}
.single-value-inline.unit-alarm-disabled .svg-icon {
  color: #999999;
}
.single-value-inline .svg-icon {
  width: 2rem;
  height: 2rem;
}
.single-value-inline.unit-alarm-disabled {
  color: #424242;
}
.dashboard-alarmlist li.unit-alarm-warning,
.dashboard-alarmlist li.items-group li.unit-alarm-warning {
  background-color: #FBC02D;
}
.dashboard-alarmlist li.unit-alarm-shutdown,
.dashboard-alarmlist li.items-group li.unit-alarm-shutdown {
  background-color: #d50000;
}
.dashboard-alarmlist li.unit-alarm-ecu,
.dashboard-alarmlist li.items-group li.unit-alarm-ecu {
  background-color: #00acec;
}
.dashboard-alarmlist li.unit-alarm-legacy,
.dashboard-alarmlist li.items-group li.unit-alarm-legacy {
  background-color: #FF8000;
}
.dashboard-alarmlist li.unit-alarm-fail,
.dashboard-alarmlist li.items-group li.unit-alarm-fail {
  background-color: #ffffff;
}
.dashboard-alarmlist li.unit-alarm-warning,
.dashboard-alarmlist li.items-group li.unit-alarm-warning,
.dashboard-alarmlist li.unit-alarm-fail,
.dashboard-alarmlist li.items-group li.unit-alarm-fail {
  color: #424242;
}
.dashboard-alarmlist li.unit-alarm-warning a,
.dashboard-alarmlist li.items-group li.unit-alarm-warning a,
.dashboard-alarmlist li.unit-alarm-fail a,
.dashboard-alarmlist li.items-group li.unit-alarm-fail a {
  color: #424242;
}
.dashboard-alarmlist li.unit-alarm-shutdown,
.dashboard-alarmlist li.items-group li.unit-alarm-shutdown,
.dashboard-alarmlist li.unit-alarm-legacy,
.dashboard-alarmlist li.items-group li.unit-alarm-legacy,
.dashboard-alarmlist li.unit-alarm-ecu,
.dashboard-alarmlist li.items-group li.unit-alarm-ecu {
  color: #ffffff;
}
.dashboard-alarmlist li.unit-alarm-shutdown a,
.dashboard-alarmlist li.items-group li.unit-alarm-shutdown a,
.dashboard-alarmlist li.unit-alarm-legacy a,
.dashboard-alarmlist li.items-group li.unit-alarm-legacy a,
.dashboard-alarmlist li.unit-alarm-ecu a,
.dashboard-alarmlist li.items-group li.unit-alarm-ecu a {
  color: #ffffff;
}
.table-row.active.unit-alarm-nocommunication-warning .unit-name-cell span,
.table-row.active.unit-alarm-warning .unit-name-cell span {
  color: #424242;
}
.table-row.active.unit-alarm-warning .unit-alarm-cell .svg-icon:first-child,
.table-row.active.unit-alarm-shutdown .unit-alarm-cell .svg-icon:first-child,
.table-row.active.unit-alarm-ecu .unit-alarm-cell .svg-icon:first-child,
.table-row.active.unit-alarm-legacy .unit-alarm-cell .svg-icon:first-child,
.table-row.active.unit-alarm-fail .unit-alarm-cell .svg-icon:first-child {
  display: none;
}
.table-row.active.unit-alarm-warning .unit-alarm-cell .svg-icon:last-child,
.table-row.active.unit-alarm-shutdown .unit-alarm-cell .svg-icon:last-child,
.table-row.active.unit-alarm-ecu .unit-alarm-cell .svg-icon:last-child,
.table-row.active.unit-alarm-legacy .unit-alarm-cell .svg-icon:last-child,
.table-row.active.unit-alarm-fail .unit-alarm-cell .svg-icon:last-child {
  display: inline-block;
}
.table-row.active .nocomm-ac-icon .small-symbol {
  fill: #ffffff;
}
.units-icons-view .unit-alarm-nocommunication-warning .table-cell,
.units-icons-view .unit-alarm-warning .table-cell,
.units-icons-view .unit-alarm-nocommunication-warning:hover .table-cell,
.units-icons-view .unit-alarm-warning:hover .table-cell,
.units-icons-view .unit-alarm-nocommunication-warning.active .table-cell,
.units-icons-view .unit-alarm-warning.active .table-cell {
  background-color: #fef5dc;
}
.units-icons-view .unit-alarm-nocommunication-shutdown .table-cell,
.units-icons-view .unit-alarm-shutdown .table-cell,
.units-icons-view .unit-alarm-nocommunication-shutdown:hover .table-cell,
.units-icons-view .unit-alarm-shutdown:hover .table-cell,
.units-icons-view .unit-alarm-nocommunication-shutdown.active .table-cell,
.units-icons-view .unit-alarm-shutdown.active .table-cell {
  background-color: #ffefef;
}
.units-icons-view .unit-alarm-nocommunication-legacy .table-cell,
.units-icons-view .unit-alarm-legacy .table-cell,
.units-icons-view .unit-alarm-nocommunication-legacy:hover .table-cell,
.units-icons-view .unit-alarm-legacy:hover .table-cell,
.units-icons-view .unit-alarm-nocommunication-legacy.active .table-cell,
.units-icons-view .unit-alarm-legacy.active .table-cell {
  background-color: #fff2e5;
}
.units-icons-view .unit-alarm-nocommunication-ecu .table-cell,
.units-icons-view .unit-alarm-ecu .table-cell,
.units-icons-view .unit-alarm-nocommunication-ecu:hover .table-cell,
.units-icons-view .unit-alarm-ecu:hover .table-cell,
.units-icons-view .unit-alarm-nocommunication-ecu.active .table-cell,
.units-icons-view .unit-alarm-ecu.active .table-cell {
  background-color: #ecfaff;
}
.units-icons-view .unit-alarm-nocommunication-fail .table-cell,
.units-icons-view .unit-alarm-fail .table-cell,
.units-icons-view .unit-alarm-nocommunication-fail:hover .table-cell,
.units-icons-view .unit-alarm-fail:hover .table-cell,
.units-icons-view .unit-alarm-nocommunication-fail.active .table-cell,
.units-icons-view .unit-alarm-fail.active .table-cell {
  background-color: #e8e8e8;
}
.info-panel {
  margin-bottom: 0.625rem;
  border-bottom: solid 1px #d4d4d4;
  padding-bottom: 0.3125rem;
  font-weight: 500;
}
.info-panel p {
  margin: 0 auto;
}
.info-panel .communication-state {
  white-space: nowrap;
}
.info-panel .communication-state.online {
  padding: 0.125rem 0.3125rem;
  background-color: #6cc24a;
  color: #ffffff;
}
.info-panel .unit-last-update {
  margin-top: 0.3125rem;
}
.info-panel .unit-last-update span {
  display: block;
  font-size: 0.8125rem;
}
.info-panel .button {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.info-panel .multi-button button,
.info-panel .whole-button button {
  width: inherit;
}
.unit-states > div {
  background-color: #eeeeee;
  border: solid 1px #d4d4d4;
  text-align: center;
  padding: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.unit-states > div span {
  white-space: nowrap;
  font-weight: 500;
}
.unit-states .engine-state {
  background-color: #d8efd0;
  border-color: #6cc24a;
}
.alarmlist > div {
  position: relative;
}
.alarmlist .title {
  padding-right: 6.25rem;
}
.alarmlist .title span {
  display: block;
  font-weight: normal;
}
.alarmlist ul {
  list-style: none;
  background-color: #484848;
  height: 8.625rem;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #d4d4d4;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.alarmlist ul li {
  margin: 1px 0 0;
  padding: 0.125rem 0.25rem;
}
.alarmlist ul li:first-child {
  margin-top: 0;
}
.alarmlist .alarm-reset {
  position: absolute;
  top: 0;
  padding: 0;
  width: 2.5rem;
  line-height: 2.5rem;
  height: 2.5rem;
  border: solid 2px #d50000;
  background: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.alarmlist .alarm-reset .svg-icon {
  fill: #424242;
  width: 1.75rem;
  height: 1.75rem;
  margin: 0 auto;
  top: -0.125rem;
}
.alarmlist .alarm-reset:hover,
.alarmlist .alarm-reset:focus {
  background-color: #424242;
}
.alarmlist .alarm-reset:hover .svg-icon,
.alarmlist .alarm-reset:focus .svg-icon {
  fill: #ffffff;
}
.alarmlist .alarm-reset {
  right: 0;
}
.alarmlist .alarm-reset::after {
  display: block;
  position: absolute;
  top: 0;
  left: 1.0625rem;
  width: 2.125rem;
  line-height: 2.25rem;
  height: 2.25rem;
  border-left: solid 3px #d50000;
  content: "";
  -ms-transform: skew(45deg);
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
}
.alarmlist .more-alarms {
  cursor: pointer;
  margin-top: 0.3125rem;
}
.alarmlist .more-alarms .svg-icon {
  width: 1.2em;
  height: 1.2em;
}
.alarm-type-1 {
  background: #FBC02D;
  color: #000000;
}
.alarm-type-2 {
  background: #d50000;
  color: #fff;
}
.alarm-type-3 {
  background: #00acec;
  color: #fff;
}
.control-diagram {
  min-width: 15rem;
}
.controller-mode-list button {
  display: block;
  float: left;
  width: 18.4%;
  height: 2.5rem;
  margin-left: 2%;
  margin-bottom: 0.5625rem;
  padding: 0;
  line-height: inherit;
  background: #eeeeee;
  color: #757575;
  border: 2px solid #757575;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.controller-mode-list button:hover,
.controller-mode-list button:focus {
  background: #eeeeee;
  color: #424242;
  border-color: #424242;
}
.controller-mode-list button:first-child {
  margin-left: 0;
}
.controller-mode-list button.current-mode {
  border-color: #424242;
  color: #424242;
  background-color: #1dd322;
}
.controller-mode-list button.current-mode:hover {
  background-color: #00ff00;
}
.controller-mode-list button.previous-mode {
  border-style: dashed;
  border-color: #757575;
  color: #757575;
}
.controller-mode-list button.inactive {
  border-color: #c2c2c2;
}
.diagram-body {
  background-color: #484848;
  width: 100%;
  height: 100%;
}
.diagram-body > div {
  float: left;
  padding: 0.625rem;
  text-align: center;
}
.diagram-body > div:first-child {
  padding-right: 0;
  width: calc(100% - 3.75rem);
}
.diagram-body > div > div {
  height: 3.6875rem;
  line-height: 3.6875rem;
  margin: 0 auto;
}
.diagram-body > div.controll-buttons {
  padding-top: 1.1875rem;
  padding-bottom: 1.1875rem;
}
.diagram-buttons button {
  position: relative;
  color: #424242;
  background: #ffffff;
  border: solid 2px #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  margin: 0 auto;
  margin-left: 26.5%;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.diagram-buttons button:hover {
  color: #ffffff;
  background-color: #808080;
}
.diagram-buttons button:first-child {
  margin-left: 0;
}
.controll-buttons button {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  border: solid 2px #ffffff;
  margin: 0 auto;
  padding: 0;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.controll-buttons button .svg-icon {
  fill: #ffffff;
  margin: 0 auto;
}
.controll-buttons button.start-button {
  background: #6cc24a;
  margin-bottom: 1.25rem;
}
.controll-buttons button.start-button:hover,
.controll-buttons button.start-button:focus {
  background: #50ad2c;
}
.controll-buttons button.stop-button {
  background: #d50000;
}
.controll-buttons button.stop-button:hover,
.controll-buttons button.stop-button:focus {
  background: #a20000;
}
.diagram-icons .svg-responsive-container {
  float: left;
  width: 20%;
  padding: 0 3%;
  line-height: inherit;
}
.diagram-icons .svg-responsive {
  fill: #ffffff;
  vertical-align: middle;
}
.diagram-icons .svg-responsive.diagram-flow-off {
  fill: #d50000;
}
.diagram-icons .svg-responsive.diagram-flow-on {
  fill: #6cc24a;
}
.unit-gauge {
  background-color: #eeeeee;
  border: solid 1px #d4d4d4;
  text-align: center;
  padding: 0.5rem;
}
.unit-gauge p.title {
  margin-bottom: 0.75rem;
}
.unit-gauge img {
  margin: 0 auto;
}
.unit-gauge .gauge-value {
  font-size: 1.5625rem;
  line-height: 1;
  font-weight: 500;
  margin-top: -0.1875rem;
}
.unit-values-table table {
  margin: 0;
  padding-top: 0.3125rem;
  border-top: solid 1px #d4d4d4;
}
.unit-values-table table tr,
.unit-values-table table td {
  height: 1.625rem;
}
.unit-values-table table tr:nth-child(even) {
  background: #eeeeee;
}
.unit-values-table table tr:hover > td {
  background-color: transparent;
}
.unit-values-table table tr td:last-child {
  text-align: right;
  font-weight: 500;
}
.unit-values-table table th {
  width: 10.625rem;
  background-color: transparent;
  font-size: inherit;
}
.unit-values-table .title,
.comments .title {
  font-size: 1rem;
  margin-bottom: 0.4375rem;
  margin-top: 0.625rem;
}
.comments-content {
  height: 9.375rem;
  overflow: hidden;
  overflow-y: auto;
  border: solid 1px #d4d4d4;
  margin-bottom: 0.625rem;
  padding: 0.3125rem;
}
.comment-post {
  margin-top: 0.9375rem;
}
.comment-post:first-child {
  border-top: none;
  margin-top: 0;
}
.comment-post > div {
  background-color: #eeeeee;
  padding: 0.125rem 0.3125rem;
  border-bottom: solid 1px #d4d4d4;
  font-size: 0.8125rem;
}
.comment-post span {
  font-weight: 500;
}
.comment-post p {
  margin: 0.4375rem auto 0;
  padding: 0 0.3125rem;
}
.comment-post button {
  float: right;
  line-height: 1.25rem;
  height: 1.25rem;
  margin-bottom: 0;
  padding: 0;
}
.comment-post button:hover {
  text-decoration: underline;
}
.comment-post.unread {
  font-weight: 500;
}
.comment-post.unread > div {
  background-color: #d50000;
  color: #ffffff;
  cursor: pointer;
}
.comment-post-v2.unread {
  font-weight: 500;
}
.comment-post-v2 .comment-header {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 500;
  background-color: #eeeeee;
  color: #616161;
  padding: 0.125rem 0.5rem;
  border-bottom: 1px solid #bdbdbd;
}
.comment-post-v2 .comment-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0.5rem;
  margin-left: auto;
}
.comment-post-v2 .comment-actions .action-icon {
  color: #f00000;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.375rem;
  margin: 0;
}
.comment-post-v2 .comment-actions .action-icon .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.comment-post-v2 .comment-body {
  line-height: 1.5;
  padding: 0.5rem 0.5rem;
}
.comment-post-v2 .comment-body p {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.comments-input div {
  float: left;
  width: 25%;
}
.comments-input div:first-child {
  width: 75%;
  padding-right: 0.625rem;
}
.comments-input textarea {
  height: 4.9375rem;
  margin: 0 auto;
}
.comments-input input,
.comments-input button {
  width: 100%;
  margin: 0 auto;
}
.geolocation-map {
  position: relative;
}
#units.unit-detail .content-content {
  padding: 0 0.625rem;
  background-color: #f3f3f3;
}
#units.unit-detail .content-content .info-panel {
  margin-bottom: 0.875rem;
}
#units.unit-detail .content-content .info-panel .unit-last-update {
  margin-top: 0;
  margin-bottom: 0.3125rem;
}
#units.unit-detail .content-content .info-panel .unit-last-update span {
  font-size: inherit;
  margin-top: 0.25rem;
}
#units.unit-detail .content-content .info-panel button,
#units.unit-detail .content-content .info-panel .button {
  width: 100%;
}
#units.unit-detail .content-content .unit-states {
  margin-bottom: 0;
}
#units.unit-detail .content-content .unit-states > div {
  float: left;
  width: 49%;
  margin-left: 1.9%;
  margin-bottom: 0;
}
#units.unit-detail .content-content .unit-states > div:first-child {
  margin-left: 0;
}
#units.unit-detail .content-content .unit-states > div span {
  display: block;
}
.unit-detail-grid {
  padding: 0.625rem;
  background: #ffffff;
  border: solid 1px #d4d4d4;
}
.webcontrol-active .tools .selecting,
.webcontrol-active .filter-only-group-not {
  display: none;
}
.webcontrol-active .filter-sort-panel .check-cell {
  display: none;
}
.webcontrol-active .check-cell {
  display: none;
}
.webcontrol-active .cell-wrapper {
  width: calc(100% - 6.25rem);
}
.webcontrol-active .value-cell {
  width: calc(60% / 2 );
  font-weight: 500;
}
.webcontrol-active .required-to-run-cell {
  width: 15%;
  display: inline-block;
  text-align: right;
}
.webcontrol-active .more-info {
  display: none;
}
.webcontrol-active .toggle-group .cell-wrapper {
  width: calc(100% - 9.375rem);
}
.webcontrol-active .units-group-table span:first-child {
  display: none;
}
.webcontrol-active .units-group-table .unit-name-cell span,
.webcontrol-active .units-group-table .webcontrol-total span {
  display: inline-block;
}
.webcontrol-active .webcontrol-total {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  border-color: #d4d4d4;
  background: #484848;
  color: #ffffff;
}
.webcontrol-active .webcontrol-total:hover {
  background: #484848;
}
.webcontrol-active .webcontrol-total .cell-wrapper {
  width: calc(59% - 3.125rem);
}
.webcontrol-active .webcontrol-total .value-cell span {
  display: inline-block;
}
.webcontrol-active .webcontrol-total .value-cell span:first-child {
  font-weight: 300;
}
.webcontrol-active .webcontrol-total .value-cell {
  width: 50%;
}
.webcontrol-active .webcontrol-buttons {
  display: inline-block;
  width: 41%;
  padding: 0;
}
.webcontrol-active .webcontrol-buttons > button {
  width: auto;
  margin: 0 0.625rem;
  text-transform: uppercase;
  height: 2.25rem;
  line-height: 2rem;
}
.webcontrol-active .webcontrol-buttons > button .icon {
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2rem;
  border: solid 2px #ffffff;
  -moz-border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
}
.webcontrol-active .webcontrol-buttons > button .svg-icon {
  transition: none;
}
.webcontrol-active .webcontrol-buttons .webcontrol-start span.icon {
  background: #6cc24a;
}
.webcontrol-active .webcontrol-buttons .webcontrol-start:hover {
  color: #6cc24a;
}
.webcontrol-active .webcontrol-buttons .webcontrol-start:hover span.icon {
  background: #5fb53d;
}
.webcontrol-active .webcontrol-buttons .webcontrol-stop span.icon {
  background: #d50000;
}
.webcontrol-active .webcontrol-buttons .webcontrol-stop:hover {
  color: #d50000;
}
.webcontrol-active .webcontrol-buttons .webcontrol-stop:hover span.icon {
  background: #bc0000;
}
.toggle-group + .units-group-table .table-row.webcontrol-total {
  margin-left: 0;
}
.units-webcontrol .units-group-table .site-group .group-action-cell .svg-icon {
  display: none;
}
/* Settings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#settings,
#downloads {
  display: flex;
  flex-direction: column;
}
#settings .content-content,
#downloads .content-content {
  height: 100%;
  background-color: #f3f3f3;
  padding: 0 0.625rem;
}
#settings .content-content .add-new-button,
#downloads .content-content .add-new-button {
  margin: 1.875rem auto;
}
#settings .content-content .remove-item,
#downloads .content-content .remove-item {
  color: #d50000;
  cursor: pointer;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}
#settings .content-content .remove-item:hover,
#downloads .content-content .remove-item:hover {
  color: #ffffff;
  background-color: #d50000;
}
#settings .content-content .settings-control-buttons button,
#downloads .content-content .settings-control-buttons button {
  color: #ffffff;
}
#settings .table-content,
#downloads .table-content {
  border: solid 1px #d4d4d4;
}
#settings .table-header .table-row,
#downloads .table-header .table-row {
  border-top: none;
}
#settings .table-footer .table-row,
#downloads .table-footer .table-row {
  border-bottom: none;
}
#settings .mobile-content-wrapper span,
#downloads .mobile-content-wrapper span {
  display: none;
  font-size: 0.75rem;
  font-weight: 500;
}
#settings .mobile-action-wrapper,
#downloads .mobile-action-wrapper {
  float: right;
}
#settings .mobile-action-wrapper span,
#downloads .mobile-action-wrapper span {
  display: none;
}
#settings .mobile-action-wrapper a,
#downloads .mobile-action-wrapper a {
  display: block;
  width: 100%;
}
#settings .more-info,
#downloads .more-info {
  display: none;
  cursor: pointer;
}
#settings .more-info:hover,
#downloads .more-info:hover {
  background-color: #eeeeee;
}
#settings .download-item,
#downloads .download-item {
  color: #6cc24a;
  cursor: pointer;
  -webkit-transition: 150ms;
  -moz-transition: 150ms;
  -o-transition: 150ms;
  transition: 150ms;
}
#settings .download-item:hover,
#downloads .download-item:hover {
  color: #ffffff;
  background-color: #6cc24a;
}
#settings .table-footer,
#downloads .table-footer {
  font-weight: 500;
  font-size: 0.75rem;
}
#settings p.title + p,
#downloads p.title + p,
#settings label + p,
#downloads label + p {
  font-size: 0.8125rem;
}
#settings.UnitEditView .content-content,
#downloads.UnitEditView .content-content,
#settings.NewUnitView .content-content,
#downloads.NewUnitView .content-content,
#settings.UserEditView .content-content,
#downloads.UserEditView .content-content,
#settings.NewUserView .content-content,
#downloads.NewUserView .content-content,
#settings.GroupEditView .content-content,
#downloads.GroupEditView .content-content,
#settings.GroupCreateView .content-content,
#downloads.GroupCreateView .content-content,
#settings.EventTriggerEditView .content-content,
#downloads.EventTriggerEditView .content-content,
#settings.EventTriggerCreateView .content-content,
#downloads.EventTriggerCreateView .content-content,
#settings.RoleEditView .content-content,
#downloads.RoleEditView .content-content,
#settings.RoleCreateView .content-content,
#downloads.RoleCreateView .content-content,
#settings.ReportEditView .content-content,
#downloads.ReportEditView .content-content,
#settings.ReportCreateView .content-content,
#downloads.ReportCreateView .content-content,
#settings.TemplateEditView .content-content,
#downloads.TemplateEditView .content-content,
#settings.SettingsView .content-content,
#downloads.SettingsView .content-content,
#settings.SettingsDownloadsView .content-content,
#downloads.SettingsDownloadsView .content-content {
  padding-bottom: 1.25rem;
}
button.add-new-button,
.button.add-new-button {
  margin: 0.625rem 0 0 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.bulk-actions-select {
  margin: 1.25rem auto;
}
.bulk-actions-select:first-child {
  margin-top: 1.875rem;
}
.bulk-actions-select span {
  font-weight: 500;
}
.bulk-actions-select .button,
.bulk-actions-select button,
.bulk-actions-select input,
.bulk-actions-select select {
  margin: 0;
  height: 1.875rem;
  line-height: 1.875rem;
}
.bulk-actions-select select,
.bulk-actions-select input {
  width: 20%;
  min-width: 12.5rem;
  display: inline-block;
}
.bulk-actions-select select {
  margin-right: 0.3125rem;
}
.locked-unit .name-cell .svg-icon {
  width: 1.125rem;
  height: 1.125rem;
  top: -2px;
  margin-left: 0.3125rem;
}
.block-title {
  height: 3.125rem;
  line-height: 3.125rem;
  font-weight: 300;
  font-size: 1.0625rem;
  color: #d50000;
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
  border-left: solid 5px #d50000;
  margin: 0.4375rem 0 0 0;
  padding: 0 3.125rem 0 0.625rem;
  position: relative;
  cursor: pointer;
}
.block-title:first-child {
  margin-top: 1.875rem;
}
.block-title .svg-icon {
  color: #545454;
  margin-right: 0.625rem;
}
.block-title div {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
}
.block-title.open div .svg-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.settings-block {
  display: none;
  margin-bottom: 1.25rem;
  padding: 0.625rem 0;
}
.settings-block img {
  border: solid 1px #d4d4d4;
}
.settings-block .grid-row:hover {
  background-color: #ebebeb;
}
.settings-block .grid-row.section-title:hover {
  background-color: transparent;
}
.settings-block .title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.settings-block .field-label {
  margin-top: 0;
}
.settings-block .grid-col > .grid-row .grid-col {
  padding-top: 0;
  padding-bottom: 0;
}
.settings-block .grid-col > .grid-row .grid-col:first-child {
  padding-left: 0;
}
.settings-block .grid-col > .grid-row .grid-col:last-child {
  padding-right: 0;
}
.settings-block .grid-row.upgrade-to-pro {
  border-bottom: solid 1px #d4d4d4;
  margin-bottom: 0.625rem;
}
.settings-block .grid-row.upgrade-to-pro button {
  margin-top: 1.75rem;
}
.settings-control-buttons {
  margin-top: auto;
  z-index: 999;
  width: 100%;
  text-align: right;
  padding: 0.625rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-top: solid 1px #d4d4d4;
}
.settings-control-buttons button {
  color: #ffffff;
  margin: 0;
}
.space-around-logo .grid-row {
  padding-top: 0;
  padding-bottom: 0;
}
.space-around-logo .grid-row {
  padding-top: 0;
  padding-bottom: 0;
}
.space-around-logo label,
.space-around-logo input {
  display: inline-block;
}
.space-around-logo label {
  min-width: 3.4375rem;
  margin-right: 0.625rem;
}
.space-around-logo input {
  width: 3.125rem;
}
.date-time-format table tbody > tr > td:first-child {
  min-width: 7.8125rem;
}
.upload-logo-here {
  width: 12.5rem;
  height: 3.125rem;
  background: #ffffff;
  padding: 0.3125rem;
  text-align: center;
  margin: 0.625rem 0 1.875rem;
}
.upload-logo-here p {
  height: 2.5rem;
  line-height: 2.5rem;
  border: dashed 2px #d4d4d4;
  margin: 0 auto;
  vertical-align: middle;
}
.table-cell.sort-button {
  cursor: pointer;
}
.table-cell.sort-button .svg-icon {
  width: 1.7em;
  height: 1.7em;
}
.table-units-settings .small-cell,
.table-unit-in-groups .small-cell,
.table-user-permissions .small-cell,
.table-users-settings .small-cell,
.table-groups-settings .small-cell,
.table-units-in-group .small-cell,
.table-group-permissions .small-cell,
.add-permission .small-cell,
.download-reports .small-cell,
.download-history .small-cell,
.table-units-settings .mobile-content-wrapper .small-cell,
.table-unit-in-groups .mobile-content-wrapper .small-cell,
.table-user-permissions .mobile-content-wrapper .small-cell,
.table-users-settings .mobile-content-wrapper .small-cell,
.table-groups-settings .mobile-content-wrapper .small-cell,
.table-units-in-group .mobile-content-wrapper .small-cell,
.table-group-permissions .mobile-content-wrapper .small-cell,
.add-permission .mobile-content-wrapper .small-cell,
.download-reports .mobile-content-wrapper .small-cell,
.download-history .mobile-content-wrapper .small-cell {
  width: 5rem;
}
.table-units-settings .mobile-content-wrapper .hide-on-large-screens,
.table-unit-in-groups .mobile-content-wrapper .hide-on-large-screens,
.table-user-permissions .mobile-content-wrapper .hide-on-large-screens,
.table-users-settings .mobile-content-wrapper .hide-on-large-screens,
.table-groups-settings .mobile-content-wrapper .hide-on-large-screens,
.table-units-in-group .mobile-content-wrapper .hide-on-large-screens,
.table-group-permissions .mobile-content-wrapper .hide-on-large-screens,
.add-permission .mobile-content-wrapper .hide-on-large-screens,
.download-reports .mobile-content-wrapper .hide-on-large-screens,
.download-history .mobile-content-wrapper .hide-on-large-screens {
  display: none;
  border-top: dotted 1px #d4d4d4;
}
.table-units-settings .name-cell {
  width: 20%;
}
.table-units-settings .mobile-content-wrapper {
  width: calc(80% - (2.5rem + 15rem));
}
.table-units-settings .mobile-content-wrapper .table-cell {
  width: 33.333%;
}
.table-unit-in-groups .name-cell {
  width: calc(100% - ( 2.5rem + 10rem));
}
.table-unit-in-groups.add-table .name-cell {
  width: calc(100% - 10rem);
}
.table-user-permissions .name-cell {
  width: calc(100% - ( 2.5rem + 30rem));
}
.table-user-permissions.add-table .name-cell {
  width: calc(100% - 35rem);
}
.table-users-settings .name-cell {
  width: 20%;
}
.table-users-settings .mobile-content-wrapper {
  width: calc(80% - ( 2.5rem + 15rem) );
}
.table-users-settings .mobile-content-wrapper .table-cell {
  width: 18%;
}
.table-users-settings .mobile-content-wrapper .table-cell.large-cell {
  width: 32%;
}
.table-users-settings .mobile-content-wrapper .table-cell.managed-units {
  padding-left: 1.25rem;
}
.table-users-settings .table-cell img {
  position: relative;
  top: -1px;
  -webkit-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.3);
}
.table-groups-settings .name-cell {
  width: 30%;
}
.table-groups-settings .mobile-content-wrapper {
  width: calc(70% - ( 2.5rem + 10rem) );
}
.table-groups-settings .mobile-content-wrapper .table-cell {
  width: calc(100% - 7.5rem);
}
.table-groups-settings .mobile-content-wrapper .table-cell.number-units-in-group {
  width: 7.5rem;
  padding-left: 1.25rem;
  text-align: left;
}
.table-units-in-group .name-cell {
  width: calc(100% - ( 2.5rem + 5rem));
}
.table-units-in-group.add-table .name-cell {
  width: calc(100% - 10rem);
}
.table-group-permissions .name-cell {
  width: calc(100% - ( 2.5rem + 20rem));
}
.table-group-permissions.add-table .name-cell {
  width: calc(100% - 25rem);
}
.add-table {
  margin-bottom: 1.875rem;
}
.add-table .table-row {
  background: #d8efd0;
  border: none;
}
.add-table button {
  background: #6cc24a;
  color: #ffffff;
}
.add-table button:hover,
.add-table button:focus {
  background: #7bc85d;
}
#settings .add-table .mobile-action-wrapper:nth-child(2n) .small-cell {
  line-height: 1;
}
#settings .add-table .mobile-action-wrapper:nth-child(2n) label {
  min-height: 2.5rem;
}
#settings .add-table .mobile-action-wrapper:nth-child(2n) span {
  display: block;
  font-size: 0.75rem;
}
#settings .add-table .mobile-action-wrapper:nth-child(2n) input[type="checkbox"] {
  height: auto;
}
#settings .add-table .mobile-action-wrapper:nth-child(2n) span,
#settings .add-table .mobile-action-wrapper:nth-child(2n) input {
  line-height: 1;
  margin-top: 0.3125rem;
}
.manage-table {
  margin-top: 1.875rem;
}
.place-gps-position {
  position: relative;
  top: 1.6875rem;
}
.place-gps-position.grey:focus,
.place-gps-position.grey:active {
  color: #ffffff;
  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);
}
.download-reports,
.download-history {
  padding: 1.25rem 0.625rem 0;
}
.download-reports .name-cell,
.download-history .name-cell {
  width: 25%;
}
.download-reports .mobile-content-wrapper,
.download-history .mobile-content-wrapper {
  width: calc(75% - (2.5rem + 10rem));
}
.download-reports .mobile-content-wrapper .table-cell,
.download-history .mobile-content-wrapper .table-cell {
  width: 25%;
}
.days-checkbox div {
  float: left;
  width: 11%;
  max-width: 5rem;
  text-align: center;
}
.days-checkbox label {
  margin: 0 auto 1.25rem;
}
.days-checkbox .label-body {
  height: auto;
  font-size: 0.8125rem;
  line-height: 1;
  display: block;
  margin: 0 auto;
}
#settings.admin .sidebar-content {
  padding: 0.625rem;
  padding-bottom: 1.875rem;
}
#settings.admin hr {
  margin-bottom: 0;
}
.basic-filter {
  padding-top: 0.625rem;
}
.basic-filter button {
  margin-top: 1.6875rem;
}
.basic-filter .exp-date > div input {
  width: 48%;
  margin-right: 2%;
  display: inline-block;
}
.basic-filter .exp-date > div input:last-child {
  margin-right: none;
}
.table-user-management .table-row:hover .additional-content {
  background-color: #e6e6e6;
}
.table-user-management .table-row:last-child {
  border-bottom: none;
}
.table-user-management .table-header .table-cell,
.table-user-management .table-header .icon-input + .sort-button,
.table-user-management .table-header input[type="checkbox"],
.table-user-management .table-header input[type="radio"] {
  height: 2.25rem;
  line-height: 2.25rem;
  white-space: normal;
}
.table-user-management .table-header .table-cell .line-height-normal {
  line-height: 1.2;
  text-align: left;
  float: left;
  padding: 0.1875rem;
}
.table-user-management .small-cell,
.table-user-management .mobile-content-wrapper .small-cell {
  width: 5rem;
}
.table-user-management .name-cell {
  width: 10%;
}
.table-user-management .mobile-content-wrapper {
  width: calc(90% - ( 2.5rem + 10rem) );
}
.table-user-management .mobile-content-wrapper .table-cell {
  width: 5.625rem;
}
.table-user-management .mobile-content-wrapper .table-cell.large-cell {
  width: calc((100% - 34.375rem)/3);
}
.table-user-management .mobile-content-wrapper .hide-on-large-screens {
  display: none;
  border-top: dotted 1px #d4d4d4;
}
.table-user-management .additional-content {
  display: none;
  border-top: dotted 1px #d4d4d4;
}
.table-user-management .additional-content table {
  border: none;
}
.table-user-management .additional-content table tr,
.table-user-management .additional-content table th,
.table-user-management .additional-content table td {
  border: none;
  background: none!important;
}
.table-user-management .additional-content table th,
.table-user-management .additional-content table td {
  padding: 0.1875rem 0.9375rem;
}
.table-user-management .additional-content table th {
  width: 30%;
}
#settings .table-user-management .more-info {
  display: inline-block;
}
#settings .table-user-management .more-info:hover {
  background-color: transparent;
}
.account-features-table table {
  border: none;
}
.account-features-table table tr,
.account-features-table table th,
.account-features-table table td {
  border: none;
  background: none!important;
}
.account-features-table table tr {
  border-bottom: solid 1px #d4d4d4;
}
.account-features-table table tr:hover th,
.account-features-table table tr:hover td {
  background-color: #d4d4d4 !important;
}
.account-features-table table th,
.account-features-table table td {
  padding: 0.1875rem 0.9375rem;
  width: 50%;
}
.account-features-table table input,
.account-features-table table select,
.account-features-table table button {
  margin: 0 auto;
}
.user-management-personal-info .grid-row > .grid-col {
  padding-top: 0;
  padding-bottom: 0;
}
.user-management-personal-info .grid-row > .grid-col:first-child {
  padding-left: 0;
}
.user-management-personal-info .grid-row > .grid-col:last-child {
  padding-right: 0;
}
.user-management-account-features .custom-value {
  width: 25%;
  display: inline-block;
}
.user-management-account-features .custom-value + div {
  display: inline-block;
  padding-left: 0.625rem;
}
.user-management-account-features table table tr:last-child {
  border: none;
}
.user-management-account-features .base-acc-type input,
.user-management-account-features .base-acc-type select {
  width: 25%;
}
.user-management-account-features .section-title th {
  background-color: #484848 !important;
  color: #ffffff;
}
.user-management-account-features .section-title th:hover {
  background-color: #484848 !important;
}
/* Data Log
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#data-log .content-content {
  background-color: #f3f3f3;
  padding: 0 0.625rem;
}
#data-log .view-menu {
  margin-right: 5.625rem;
}
#data-log .sidebar-list li {
  height: auto;
  padding-left: 0;
  position: relative;
  border-bottom: none;
}
#data-log .sidebar-list li:hover {
  background-color: #363636;
}
#data-log .sidebar-list li > div {
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  padding-left: 0;
  border-bottom: solid 1px #7b7b7b;
}
#data-log .sidebar-list li ul {
  display: none;
}
#data-log .sidebar-list li ul li {
  height: 2.5rem;
  padding-left: 0.4375rem;
  padding-right: 2.5rem;
  border-bottom: solid 1px #7b7b7b;
  background-color: #626262;
}
#data-log .sidebar-list li ul li:first-child {
  padding-right: 0 ;
}
#data-log .sidebar-list li ul li .list-item-buttons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border-bottom: 0;
  height: 2.4375rem;
  line-height: 2.4375rem;
}
#data-log .sidebar-list li label {
  margin-bottom: 0;
}
#data-log .sidebar-list li label > .label-body,
#data-log .sidebar-list li label input {
  height: 2.4375rem;
  margin-top: -3px;
}
#data-log .sidebar-list label.reverse input[type="checkbox"] {
  float: right;
  margin-right: 0.9375rem;
}
#data-log .sidebar-list label + svg {
  float: right;
}
.graph {
  text-align: center;
}
.graph img {
  margin: 0 auto;
}
/* Reports
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#reports,
#alarm-analyser {
  display: flex;
  flex-direction: column;
}
#reports .content-content,
#alarm-analyser .content-content {
  height: 100%;
  background-color: #f3f3f3;
  padding: 0 0.625rem;
}
#reports .view-menu,
#alarm-analyser .view-menu {
  margin-right: 5.625rem;
}
#reports .view-menu a,
#alarm-analyser .view-menu a {
  padding-left: 0.625rem;
}
#reports .unit-list .settings-link,
#alarm-analyser .unit-list .settings-link {
  display: none;
}
#reports .wsv-data-table tr:nth-child(2n) {
  background: transparent;
}
#reports .wsv-data-table .timestamp {
  padding-left: 40px;
}
#reports .wsv-data-table .month-row.active {
  border-bottom: double 3px #a1a1a1 !important;
}
#reports .wsv-data-table .month-row .timestamp {
  padding-left: inherit;
  font-style: normal;
}
#reports .wsv-data-table .week-row {
  background-color: #eeeeee;
}
#reports .wsv-data-table .week-row .timestamp {
  padding-left: 20px;
  font-style: normal;
}
#reports .wsv-data-table .week-row,
#reports .wsv-data-table .day-rows {
  display: none;
}
#reports .wsv-data-table .week-row.show,
#reports .wsv-data-table .day-rows.show {
  display: table-row-group;
}
#reports .wsv-data-table .month-row,
#reports .wsv-data-table .week-row {
  border-bottom: solid 1px #d4d4d4;
  font-weight: 500;
}
#reports .wsv-data-table .month-row:last-child,
#reports .wsv-data-table .week-row:last-child {
  border-bottom: none;
}
#reports .wsv-data-table .month-row.active .svg-icon,
#reports .wsv-data-table .week-row.active .svg-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
#reports .wsv-data-table .day-rows tr:last-child {
  border-bottom: solid 1px #d4d4d4;
}
/* Dashboard
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#dashboard {
  display: flex;
  flex-direction: column;
}
#dashboard .content-content {
  background-color: #f3f3f3;
}
#dashboard .content-content > .grid-row {
  padding: 0 0.625rem;
}
#dashboard .content-heading .action-menu {
  display: none;
}
#dashboard .content-alert {
  margin-top: 0;
}
#dashboard .collapse-all {
  position: absolute;
  right: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
}
#dashboard .collapse-all .svg-icon {
  transition: none;
}
#dashboard .collapse-all:hover {
  background-color: #eeeeee;
}
#dashboard .edit-dashboard {
  border-top: solid 1px #d4d4d4;
  position: absolute;
  right: 0;
  height: 3.125rem;
  line-height: 3.125rem;
}
.dashboard-widget {
  background-color: #ffffff;
  border: solid 1px #d4d4d4;
}
.dashboard-widget p {
  margin: 0 auto;
}
.single-value,
.single-value-inline {
  padding: 0.75rem;
}
.single-value .value-number,
.single-value-inline .value-number {
  font-size: 1.125rem;
  font-weight: 500;
  position: relative;
}
.single-value {
  border-top: solid 3px #484848;
  text-align: center;
  font-weight: 500;
}
.single-value .value-number {
  display: block;
  float: none;
}
.single-value-inline {
  display: flex;
  margin-top: 0.625rem;
}
.single-value-inline:first-child {
  margin-top: 0;
}
.single-value-inline .svg-icon {
  flex-shrink: 0;
  align-self: center;
  margin-right: 0.75rem;
}
.single-value-inline .label {
  flex-grow: 1;
  align-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single-value-inline .value-number {
  flex-shrink: 0;
  align-self: center;
  margin-left: 0.5rem;
}
.widget-header {
  position: relative;
  border-bottom: double 3px #d4d4d4;
  padding: 0.84375rem 0.75rem;
}
.widget-header.collapsed {
  border-bottom: none;
}
.widget-header.collapsed button:last-child .svg-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.widget-header .title {
  font-size: 1.125rem;
  padding-right: 7.625rem;
}
.widget-header .title .svg-icon {
  float: right;
}
.widget-header > div {
  position: absolute;
  right: 0;
  top: 0;
}
.widget-header button {
  margin-bottom: 0;
  width: 3.125rem;
  height: 3.125rem;
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center;
  width: 2.5rem;
  padding: 0;
}
.widget-header button:hover {
  background-color: #eeeeee;
}
.widget-header .resize-item .svg-icon:last-child {
  display: none;
}
.widget-header .resize-item.active .svg-icon:first-child {
  display: none;
}
.widget-header .resize-item.active .svg-icon:last-child {
  display: block;
}
.widget-summary {
  border-bottom: double 3px #d4d4d4;
  height: 5rem;
  overflow: hidden;
}
.widget-summary:after {
  content: '';
  display: table;
  clear: both;
  *zoom: 1;
}
.widget-summary:after:before,
.widget-summary:after:after {
  content: " ";
  display: table;
}
.widget-summary:after:after {
  clear: both;
}
.widget-summary > button {
  float: left;
  width: 25%;
  height: auto;
  border-left: solid 1px #d4d4d4;
  background-color: #484848;
  padding: 0.9375rem 0.625rem;
  margin: 0 auto;
  color: #ffffff;
  font-size: 1.125rem;
}
.widget-summary > button:first-child {
  border-left: none;
  background-color: #d50000;
}
.widget-summary > button:first-child:hover {
  background-color: #ff0909;
}
.widget-summary > button span {
  display: block;
}
.widget-summary > button span:first-child {
  font-size: 0.9375rem;
}
.widget-summary > button:hover,
.widget-summary > button.active {
  color: #ffffff;
  background-color: #5a5a5a;
}
.sorting {
  clear: both;
  display: none;
  text-align: left;
}
.sorting button {
  float: left;
  width: 50%;
  background: #eeeeee;
  font-weight: 400;
  color: #424242;
  text-align: left;
  margin: 0 auto;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-left: solid 1px #d4d4d4;
  border-bottom: solid 1px #d4d4d4;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.sorting button:first-child {
  border-left: none;
}
.sorting button:hover,
.sorting button:focus {
  background: #eeeeee;
  color: #424242;
}
.sorting button.active {
  background: #7b7b7b;
  color: #ffffff;
}
.sorting button.active .svg-icon {
  color: #ffffff;
}
.sorting button .svg-icon {
  margin: 0;
  margin-left: 0.625rem;
}
.sorting button .svg-icon.hide {
  display: none;
}
.widget-content {
  clear: both;
  overflow: auto;
  height: 17.5rem;
}
.widget-content.table {
  width: 100%;
  padding: 0;
  position: relative;
}
.widget-content.table .table-row:hover {
  background-color: #eeeeee;
}
.widget-content.table .table-row:last-child {
  border-bottom: none;
}
.widget-content.table .table-cell {
  width: auto;
  height: auto;
  line-height: inherit;
  margin-left: -4px;
  padding: 0.5rem 0.75rem;
}
.widget-content.table .table-cell:first-child {
  margin-left: 0;
}
.widget-content.list,
.widget-content.list ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
.widget-content.chart {
  width: 100%;
}
.dashboard-alarmlist {
  padding-top: 1.25rem;
}
.dashboard-alarmlist .widget-header {
  border-top: solid 3px #484848;
}
.dashboard-alarmlist .widget-content {
  height: 100%;
}
.dashboard-alarmlist button.clear-list {
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0 auto;
  font-size: 0.9375rem;
  border-top: solid 1px #484848;
}
.dashboard-alarmlist button.clear-list .svg-icon {
  color: #d50000;
  transition: none;
}
.dashboard-alarmlist button.clear-list:hover {
  background-color: #d50000;
  color: #ffffff;
}
.dashboard-alarmlist button.clear-list:hover .svg-icon {
  color: white;
}
.dashboard-alarmlist li {
  margin: 0 auto;
  padding: 0;
  border-top: solid 1px #484848;
}
.dashboard-alarmlist li:first-child {
  border-top: 0;
}
.dashboard-alarmlist li:after {
  content: "";
  display: table;
  clear: both;
}
.dashboard-alarmlist li > div {
  float: left;
  width: 50%;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.dashboard-alarmlist li > div:first-child {
  margin-left: 0;
}
.dashboard-alarmlist li > div:nth-child(2) {
  padding-right: 3.125rem;
}
.dashboard-alarmlist li > div:nth-child(2) button {
  position: absolute;
  top: 2px;
  right: 0;
}
.dashboard-alarmlist li a {
  text-decoration: none;
  color: #424242;
  font-weight: 500;
}
.dashboard-alarmlist li button,
.dashboard-alarmlist li .button {
  margin: 0 auto;
}
.dashboard-alarmlist li > div,
.dashboard-alarmlist li li > div > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dashboard-alarmlist li.items-group {
  background-color: #484848;
  color: #ffffff;
  border-color: #000000;
}
.dashboard-alarmlist li.items-group div:first-child {
  padding-left: 0;
}
.dashboard-alarmlist li.items-group a {
  color: #ffffff;
}
.dashboard-alarmlist li.items-group ul {
  clear: both;
  display: none;
  padding: 0 0.1875rem 0.1875rem 2.25rem;
  font-size: 100%;
}
.dashboard-alarmlist li.items-group li {
  padding: 0.5rem 0.75rem;
  background-color: transparent;
  border-color: #484848;
}
.dashboard-alarmlist li.items-group li .svg-icon {
  margin-right: 0.625rem;
}
.dashboard-alarmlist li .toggle-group {
  padding: 0 0.3125rem;
  height: auto;
}
.dashboard-alarmlist li .toggle-group .svg-icon:last-child {
  display: none;
}
.dashboard-alarmlist li .toggle-group.active .svg-icon:first-child {
  display: none;
}
.dashboard-alarmlist li .toggle-group.active .svg-icon:last-child {
  display: inline-block;
}
.dashboard-widget.table-50-50 .table-cell,
.dashboard-widget.table-50-50 .sorting button {
  width: 50%;
}
.dashboard-widget.table-33-33-33 .table-cell,
.dashboard-widget.table-33-33-33 .sorting button {
  width: 33.3%;
}
.dashboard-widget.table-50-25-25 .table-cell,
.dashboard-widget.table-50-25-25 .sorting button {
  width: 25%;
}
.dashboard-widget.table-50-25-25 .table-cell:first-child,
.dashboard-widget.table-50-25-25 .sorting button:first-child {
  width: 50%;
}
.dashboard-widget.table-30-30-20-20 .table-cell,
.dashboard-widget.table-30-30-20-20 .sorting button {
  width: 20%;
}
.dashboard-widget.table-30-30-20-20 .table-cell:first-child,
.dashboard-widget.table-30-30-20-20 .sorting button:first-child {
  width: 30%;
}
.dashboard-widget.table-30-30-20-20 .table-cell:nth-child(2),
.dashboard-widget.table-30-30-20-20 .sorting button:nth-child(2) {
  width: 30%;
}
.dashboard-widget.table-100 .table-cell,
.dashboard-widget.table-100 .sorting button {
  width: 100%;
  float: none;
}
.dashboard-widget.table-100-buttons .table-cell,
.dashboard-widget.table-100-buttons .sorting button {
  width: 100%;
}
.dashboard-widget.table-100-buttons .table-cell {
  position: relative;
  padding-right: 6.3125rem;
}
.dashboard-widget.table-100-buttons .table-cell > div {
  position: absolute;
  top: 0;
  right: 0;
}
.dashboard-widget.table-100-buttons .table-cell > div button,
.dashboard-widget.table-100-buttons .table-cell > div .button {
  height: 100%;
  line-height: 2.375rem;
  background-color: transparent;
}
.dashboard-widget.table-100-buttons .table-cell > div button:hover,
.dashboard-widget.table-100-buttons .table-cell > div .button:hover {
  background-color: #d4d4d4;
}
.dashboard-widget.table-50-50-button .table-cell,
.dashboard-widget.table-50-50-button .sorting button {
  width: 50%;
}
.dashboard-widget.table-50-50-button .table-cell:last-child {
  position: relative;
  padding-right: 3.4375rem;
}
.dashboard-widget.table-50-50-button .table-cell:last-child button,
.dashboard-widget.table-50-50-button .table-cell:last-child .button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  line-height: 2.375rem;
  background-color: transparent;
}
.dashboard-widget.table-50-50-button .table-cell:last-child button:hover,
.dashboard-widget.table-50-50-button .table-cell:last-child .button:hover {
  background-color: #d4d4d4;
}
.percentage-chart .chart-body {
  background-color: #eeeeee;
  width: 100%;
  height: 0.3125rem;
}
.percentage-chart .chart-body .chart-segment {
  display: block;
  margin-left: -2px;
  content: "";
}
.percentage-chart .chart-body .chart-segment:first-child {
  background-color: #6cc24a;
  width: 66%;
  height: 100%;
  margin-left: 0;
}
.percentage-chart .chart-values {
  width: 100%;
  position: relative;
  height: 0.9375rem;
}
.percentage-chart .chart-value {
  font-weight: 500;
  font-size: 0.75rem;
  text-align: right;
  position: absolute;
  top: 2px;
}
.percentage-chart .chart-value.first {
  left: 0;
}
.percentage-chart .chart-value.last {
  right: 0;
  display: none;
}
.vertical-bargraph {
  padding: 0.3125rem 0;
}
.vertical-bargraph .chart-value {
  width: 100%;
  position: relative;
}
.vertical-bargraph .chart-value:after {
  content: '';
  display: table;
  clear: both;
  *zoom: 1;
}
.vertical-bargraph .chart-value:after:before,
.vertical-bargraph .chart-value:after:after {
  content: " ";
  display: table;
}
.vertical-bargraph .chart-value:after:after {
  clear: both;
}
.vertical-bargraph .chart-value:first-child .value-bar {
  border-top: dashed 1px #d4d4d4;
}
.vertical-bargraph .chart-value > div {
  float: left;
  padding: 0.3125rem;
  background-color: transparent;
}
.vertical-bargraph .chart-value > div:first-child {
  border-right: solid 1px #484848;
}
.vertical-bargraph .chart-value .value-name {
  width: 30%;
  text-align: right;
  padding-right: 0.9375rem;
}
.vertical-bargraph .chart-value .value-bar {
  width: 50%;
  padding-left: 0;
  border-bottom: dashed 1px #d4d4d4;
  background-color: #f5f9fd;
}
.vertical-bargraph .chart-value .value-bar:first-child {
  border-top: dashed 1px #d4d4d4;
}
.vertical-bargraph .chart-value .value-bar div {
  content: '.';
  background-color: #00a5bd;
  display: block;
  height: 1.375rem;
}
.vertical-bargraph .chart-value .value-number {
  width: 20%;
  font-weight: 500;
  padding-left: 0.625rem;
}
.service-time .table-cell:last-child {
  text-align: right;
}
.service-time .widget-summary {
  border-bottom: solid 1px #d4d4d4;
}
.service-time .widget-content {
  height: 12.5rem;
}
.summary-statistics .table-cell:last-child {
  text-align: right;
}
.summary-statistics .widget-summary {
  border-bottom: solid 1px #d4d4d4;
}
.summary-statistics .widget-content {
  height: 15.3rem;
}
.offline-border {
  border-top-color: #934d11;
}
.offline-border .value-number {
  color: #934d11;
}
.online-border {
  border-top-color: #6cc24a;
}
.online-border .value-number {
  color: #6cc24a;
}
.red-border {
  border-top-color: #d50000;
}
.red-border .value-number {
  color: #d50000;
}
.enlarged {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  height: 100% !important;
  width: 100% !important;
  overflow: auto;
  padding: 2%;
  background-color: rgba(0, 0, 0, 0.7);
}
.enlarged .widget-header {
  border-top: none;
}
.enlarged .collapse-item {
  display: none;
}
.enlarged .widget-body {
  height: auto;
}
.dashboard-viewer {
  padding: 1.25rem;
}
.dashboard-viewer.theme-dark {
  background-color: #272d43;
}
.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;
}
.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: #eeeeee;
  }
}
@-o-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #eeeeee;
  }
}
@-ms-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #eeeeee;
  }
}
@-webkit-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #eeeeee;
  }
}
@-moz-keyframes fading {
  0% {
    background-color: #d50000;
  }
  100% {
    background-color: #eeeeee;
  }
}
.feedback-choice {
  border: solid 1px #d4d4d4;
  border-left: solid 5px #d50000;
  margin-bottom: 0.625rem;
}
.feedback-title {
  height: 3.125rem;
  line-height: 3.125rem;
  font-weight: 300;
  font-size: 1.0625rem;
  color: #d50000;
  background-color: #ffffff;
  padding: 0 3.125rem 0 0.625rem;
  position: relative;
  cursor: pointer;
}
.feedback-title .svg-icon {
  color: #545454;
  margin-right: 0.625rem;
}
.feedback-title span.hide-on-large-screen {
  display: none;
}
.feedback-title div {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
}
.feedback-title.open div .svg-icon {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.feedback-content {
  display: none;
  padding: 0 0.625rem 0.625rem;
}
.feedback-content textarea {
  margin-bottom: 0;
}
.rating {
  padding: 0.625rem 0;
  text-align: center;
}
.rating .svg-icon {
  margin: 0 auto;
  cursor: pointer;
}
.rating span {
  display: inline-block;
}
.rating span:first-child {
  margin-right: 1.25rem;
}
.rating span:last-child {
  margin-left: 1.25rem;
}
.feedback-2 .feedback-choice {
  border: none;
  background-color: #484848;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
}
.feedback-2 .feedback-choice .svg-icon {
  color: #ffffff;
}
.feedback-2 .feedback-choice.active {
  background-color: #d50000;
}
.feedback-2 .feedback-title,
.feedback-2 .feedback-content {
  background-color: transparent;
  border: none;
  color: white;
}
.feedback-2 .feedback-title textarea,
.feedback-2 .feedback-content textarea {
  color: #424242;
}
@media screen and (max-width: 490px) {
  .feedback-title span.hide-on-large-screen {
    display: inline;
  }
  .feedback-title span.hide-on-small-screen {
    display: none;
  }
  .rating span {
    display: none;
  }
}
.popup.centered-on-screen.about {
  max-width: 56.25rem;
}
.about {
  padding: 0;
}
.about > div {
  float: left;
}
.about .branding {
  width: 33.3%;
  color: #ffffff;
  font-size: 2rem;
  padding: 5rem 2.5rem;
  background: #d50000 url(../images/wsv-symbol-white.svg) no-repeat;
  background-position: 40px 90%;
}
.about .about-content {
  width: 66.6%;
  padding: 2.5rem;
}
.about .modal-header,
.about .modal-footer {
  padding: 0;
}
.about .modal-header .version {
  margin-bottom: 1.875rem;
}
.about .modal-header .version span {
  margin-left: 1.25rem;
}
.about .modal-body .changelog {
  list-style-position: outside;
  padding-left: 0.9375rem;
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
}
.about .modal-body .changelog li {
  padding-left: 0.4375rem;
}
.about .modal-footer .links {
  list-style: none;
  margin-bottom: 0;
}
.about .modal-footer .links:after {
  content: '';
  display: table;
  clear: both;
}
.about .modal-footer .links li {
  float: left;
  margin-left: 0.9375rem;
}
.about .modal-footer .links li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  .popup.about {
    padding: 0;
  }
  .about .close-button,
  .about .close-button:hover {
    color: #ffffff;
  }
  .about .flex-container {
    display: block;
  }
  .about > div {
    float: none;
  }
  .about .branding {
    width: 100%;
    color: #ffffff;
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
    background-image: none;
  }
  .about .about-content {
    width: 100%;
    padding: 1.875rem;
  }
}
.divider {
  display: flex;
}
.divider:before,
.divider:after {
  content: "";
  flex: 1;
}
.simple-line {
  align-items: center;
  margin: 0 -1.25rem;
}
.simple-line:before,
.simple-line:after {
  height: 1px;
  margin: 0 1.25rem;
  background: #d4d4d4;
}
.ui-pagination > div {
  display: inline-block;
}
.ui-pagination > div > div {
  display: inline-block;
  vertical-align: middle;
  line-height: 2.25rem;
  margin-bottom: 0.625rem;
  padding: 0 0.3125rem;
}
.ui-pagination > div button:disabled {
  background: #999;
}
.ui-pagination.position-fixed,
.ui-pagination.position-absolute {
  padding: 0 2rem;
  bottom: 0;
}
.ui-pagination.position-fixed.align-left,
.ui-pagination.position-absolute.align-left {
  left: 0;
}
.ui-pagination.position-fixed.align-right,
.ui-pagination.position-absolute.align-right {
  right: 0;
}
.ui-pagination.position-fixed.align-center,
.ui-pagination.position-absolute.align-center {
  left: 50%;
  transform: translate(-50%, 0);
}
.ui-pagination.position-fixed {
  position: fixed;
}
.ui-pagination.position-absolute {
  position: absolute;
}
.flex-container {
  display: flex;
}
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
.align-left {
  text-align: right;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.font-regular {
  font-weight: 400;
}
.font-bold {
  font-weight: 500;
}
.small-text {
  font-size: 80%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.no-float {
  float: none;
}
.display-inline {
  display: inline-block;
  width: auto;
}
.invisible {
  opacity: 0;
}
.visible {
  opacity: 1;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.inactive {
  color: #aeaeae !important;
}
.upside-down {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.hide-on-large-screens {
  display: none;
}
.red {
  color: #d50000;
  fill: #d50000;
}
.green {
  color: #6cc24a;
  fill: #6cc24a;
}
.yellow {
  color: #FBC02D;
  fill: #FBC02D;
}
.grey {
  color: #808080;
  fill: #808080;
}
.cold-grey {
  color: #90A4AE;
  fill: #90A4AE;
}
.brown {
  color: #934d11;
  fill: #934d11;
}
.light-blue {
  color: #00acec;
  fill: #00acec;
}
.clear {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.container:after,
.row:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media screen and (max-width: 980px) {
  .content-content h2 {
    font-size: 1.0625rem;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (max-width: 550px) {
  .content-content h2 {
    font-size: inherit;
  }
}
@media screen and (max-width: 1440px) {
  .push-content .w-3-24,
  .push-content .w-4-24 {
    width: 25%;
  }
  .push-content .w-6-24,
  .push-content .w-8-24,
  .push-content .w-9-24 {
    width: 50%;
  }
  .push-content .w-6-24 .grid-col,
  .push-content .w-8-24 .grid-col,
  .push-content .w-9-24 .grid-col {
    width: 100%;
  }
  .push-content .w-12-24,
  .push-content .w-15-24,
  .push-content .w-16-24,
  .push-content .w-18-24,
  .push-content .w-21-24,
  .push-content .w-16-24 + .w-8-24,
  .push-content .w-8-24 + .w-16-24 {
    width: 100%;
  }
  .push-content .w-12-24 .w-6-24,
  .push-content .w-15-24 .w-6-24,
  .push-content .w-16-24 .w-6-24,
  .push-content .w-18-24 .w-6-24,
  .push-content .w-21-24 .w-6-24,
  .push-content .w-16-24 + .w-8-24 .w-6-24,
  .push-content .w-8-24 + .w-16-24 .w-6-24,
  .push-content .w-12-24 .w-8-24,
  .push-content .w-15-24 .w-8-24,
  .push-content .w-16-24 .w-8-24,
  .push-content .w-18-24 .w-8-24,
  .push-content .w-21-24 .w-8-24,
  .push-content .w-16-24 + .w-8-24 .w-8-24,
  .push-content .w-8-24 + .w-16-24 .w-8-24,
  .push-content .w-12-24 .w-9-24,
  .push-content .w-15-24 .w-9-24,
  .push-content .w-16-24 .w-9-24,
  .push-content .w-18-24 .w-9-24,
  .push-content .w-21-24 .w-9-24,
  .push-content .w-16-24 + .w-8-24 .w-9-24,
  .push-content .w-8-24 + .w-16-24 .w-9-24,
  .push-content .w-12-24 .w-12-24,
  .push-content .w-15-24 .w-12-24,
  .push-content .w-16-24 .w-12-24,
  .push-content .w-18-24 .w-12-24,
  .push-content .w-21-24 .w-12-24,
  .push-content .w-16-24 + .w-8-24 .w-12-24,
  .push-content .w-8-24 + .w-16-24 .w-12-24 {
    width: 50%;
  }
  .push-content .w-16-24,
  .push-content .w-18-24,
  .push-content .w-21-24,
  .push-content .w-16-24 + .w-8-24,
  .push-content .w-8-24 + .w-16-24 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1366px) {
  .grid-col {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 1280px) {
  .grid-col {
    padding: 0.5rem;
  }
  .w-3-24,
  .w-4-24 {
    width: 25%;
  }
  .w-6-24,
  .w-8-24,
  .w-9-24 {
    width: 50%;
  }
  .w-6-24 .grid-col,
  .w-8-24 .grid-col,
  .w-9-24 .grid-col {
    width: 100%;
  }
  .w-12-24,
  .w-15-24,
  .w-16-24,
  .w-18-24,
  .w-21-24,
  .w-16-24 + .w-8-24,
  .w-8-24 + .w-16-24 {
    width: 100%;
  }
  .w-12-24 .w-6-24,
  .w-15-24 .w-6-24,
  .w-16-24 .w-6-24,
  .w-18-24 .w-6-24,
  .w-21-24 .w-6-24,
  .w-16-24 + .w-8-24 .w-6-24,
  .w-8-24 + .w-16-24 .w-6-24,
  .w-12-24 .w-8-24,
  .w-15-24 .w-8-24,
  .w-16-24 .w-8-24,
  .w-18-24 .w-8-24,
  .w-21-24 .w-8-24,
  .w-16-24 + .w-8-24 .w-8-24,
  .w-8-24 + .w-16-24 .w-8-24,
  .w-12-24 .w-9-24,
  .w-15-24 .w-9-24,
  .w-16-24 .w-9-24,
  .w-18-24 .w-9-24,
  .w-21-24 .w-9-24,
  .w-16-24 + .w-8-24 .w-9-24,
  .w-8-24 + .w-16-24 .w-9-24,
  .w-12-24 .w-12-24,
  .w-15-24 .w-12-24,
  .w-16-24 .w-12-24,
  .w-18-24 .w-12-24,
  .w-21-24 .w-12-24,
  .w-16-24 + .w-8-24 .w-12-24,
  .w-8-24 + .w-16-24 .w-12-24 {
    width: 50%;
  }
  .w-16-24,
  .w-18-24,
  .w-21-24,
  .w-16-24 + .w-8-24,
  .w-8-24 + .w-16-24 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 800px) {
  .push-content .w-3-24,
  .push-content .w-4-24 {
    width: 50%;
  }
  .push-content .w-6-24,
  .push-content .w-8-24,
  .push-content .w-9-24 {
    width: 100%;
  }
  .push-content .w-12-24 .w-6-24,
  .push-content .w-15-24 .w-6-24,
  .push-content .w-16-24 .w-6-24,
  .push-content .w-18-24 .w-6-24,
  .push-content .w-21-24 .w-6-24,
  .push-content .w-16-24 + .w-8-24 .w-6-24,
  .push-content .w-8-24 + .w-16-24 .w-6-24,
  .push-content .w-12-24 .w-8-24,
  .push-content .w-15-24 .w-8-24,
  .push-content .w-16-24 .w-8-24,
  .push-content .w-18-24 .w-8-24,
  .push-content .w-21-24 .w-8-24,
  .push-content .w-16-24 + .w-8-24 .w-8-24,
  .push-content .w-8-24 + .w-16-24 .w-8-24,
  .push-content .w-12-24 .w-9-24,
  .push-content .w-15-24 .w-9-24,
  .push-content .w-16-24 .w-9-24,
  .push-content .w-18-24 .w-9-24,
  .push-content .w-21-24 .w-9-24,
  .push-content .w-16-24 + .w-8-24 .w-9-24,
  .push-content .w-8-24 + .w-16-24 .w-9-24,
  .push-content .w-12-24 .w-12-24,
  .push-content .w-15-24 .w-12-24,
  .push-content .w-16-24 .w-12-24,
  .push-content .w-18-24 .w-12-24,
  .push-content .w-21-24 .w-12-24,
  .push-content .w-16-24 + .w-8-24 .w-12-24,
  .push-content .w-8-24 + .w-16-24 .w-12-24 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .w-3-24,
  .w-4-24 {
    width: 50%;
  }
  .w-6-24,
  .w-8-24,
  .w-9-24 {
    width: 100%;
  }
  .w-12-24 .w-6-24,
  .w-15-24 .w-6-24,
  .w-16-24 .w-6-24,
  .w-18-24 .w-6-24,
  .w-21-24 .w-6-24,
  .w-16-24 + .w-8-24 .w-6-24,
  .w-8-24 + .w-16-24 .w-6-24,
  .w-12-24 .w-8-24,
  .w-15-24 .w-8-24,
  .w-16-24 .w-8-24,
  .w-18-24 .w-8-24,
  .w-21-24 .w-8-24,
  .w-16-24 + .w-8-24 .w-8-24,
  .w-8-24 + .w-16-24 .w-8-24,
  .w-12-24 .w-9-24,
  .w-15-24 .w-9-24,
  .w-16-24 .w-9-24,
  .w-18-24 .w-9-24,
  .w-21-24 .w-9-24,
  .w-16-24 + .w-8-24 .w-9-24,
  .w-8-24 + .w-16-24 .w-9-24,
  .w-12-24 .w-12-24,
  .w-15-24 .w-12-24,
  .w-16-24 .w-12-24,
  .w-18-24 .w-12-24,
  .w-21-24 .w-12-24,
  .w-16-24 + .w-8-24 .w-12-24,
  .w-8-24 + .w-16-24 .w-12-24 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .push-content .w-3-24,
  .push-content .w-4-24 {
    width: 100%;
  }
  .push-content .w-6-24,
  .push-content .w-8-24,
  .push-content .w-9-24 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 550px) {
  .grid-col,
  .push-content .grid-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .w-3-24,
  .w-4-24,
  .w-6-24,
  .w-8-24,
  .w-9-24,
  .w-12-24,
  .w-15-24,
  .w-16-24,
  .w-18-24,
  .w-21-24,
  .w-24-24 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .push-content .w-3-24,
  .push-content .w-4-24,
  .push-content .w-6-24,
  .push-content .w-8-24,
  .push-content .w-9-24,
  .push-content .w-12-24,
  .push-content .w-15-24,
  .push-content .w-16-24,
  .push-content .w-18-24,
  .push-content .w-21-24,
  .push-content .w-24-24 {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  #dashboard .content-heading h1 {
    margin-left: 0.625rem;
  }
  #dashboard .action-menu li:first-child {
    border-top: none;
  }
  #dashboard .action-menu span {
    display: none;
  }
  #dashboard .collapse-all {
    right: 6.25rem;
  }
  #dashboard .toggle-actions {
    display: block;
    right: 3.125rem;
  }
  #dashboard .content-actions {
    display: none;
    overflow: auto;
  }
  #dashboard .content-actions.unit-content-actions {
    display: inline-block;
    overflow: hidden;
  }
  #dashboard .content-actions.show {
    display: block;
    margin: 0;
    float: none;
    position: absolute;
    top: 3.125rem;
    right: 0;
    z-index: 999;
    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);
  }
  #dashboard .content-actions.show .view-menu,
  #dashboard .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;
  }
  #dashboard .content-actions.show .view-menu li,
  #dashboard .content-actions.show .action-menu li {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0 auto;
  }
  #dashboard .content-actions.show .view-menu li::before,
  #dashboard .content-actions.show .action-menu li::before {
    display: none;
  }
  #dashboard .content-actions.show .view-menu li:hover,
  #dashboard .content-actions.show .action-menu li:hover {
    background-color: #d4d4d4;
  }
  #dashboard .content-actions.show .view-menu li:hover .svg-icon,
  #dashboard .content-actions.show .action-menu li:hover .svg-icon {
    fill: #424242;
  }
}
@media screen and (max-width: 1150px) {
  body {
    font-size: 0.9375rem;
  }
  .main-header-container {
    height: 2.5rem;
    font-size: 1rem;
  }
  .main-header-container #logo {
    padding: 0 0.9375rem;
  }
  .main-header-container #logo img {
    max-height: 2.25rem;
    max-width: 6.25rem;
    padding: 0.125rem 0;
  }
  .main-header-container #logo span {
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: 500;
  }
  .main-header-container .svg-icon,
  .main-header-container .stacked-icon {
    display: inline-block;
    margin-right: 0.625rem;
  }
  .main-header-container nav,
  .main-header-container .header-user-box {
    display: none;
    z-index: 100;
  }
  .main-header-container nav.show,
  .main-header-container .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;
    background-color: #222222;
  }
  .main-header-container nav.show ul {
    top: 0;
    margin-top: 0;
    position: relative;
    display: block;
  }
  .main-header-container nav.show li {
    float: none;
    border-bottom: dotted 1px #484848;
  }
  .main-header-container nav.show a {
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 0.9375rem;
    text-align: left;
    color: #c8c8c8;
    background: #222222;
    box-shadow: none;
  }
  .main-header-container nav.show a:hover {
    color: #ffffff;
    background: #2f2f2f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#484848), to(#2f2f2f));
    background-image: -webkit-linear-gradient(#484848, #2f2f2f);
    background-image: -moz-linear-gradient(center top, #484848 0%, #2f2f2f 100%);
    background-image: -moz-gradient(center top, #484848 0%, #2f2f2f 100%);
    background-image: -o-linear-gradient(top, #484848, #2f2f2f);
    background-image: linear-gradient(top, #484848, #2f2f2f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  }
  .main-header-container nav.show a.active-menu-item {
    background: #d50000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e40000), to(#d50000));
    background-image: -webkit-linear-gradient(#e40000, #d50000);
    background-image: -moz-linear-gradient(center top, #e40000 0%, #d50000 100%);
    background-image: -moz-gradient(center top, #e40000 0%, #d50000 100%);
    background-image: -o-linear-gradient(top, #e40000, #d50000);
    background-image: linear-gradient(top, #e40000, #d50000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
    color: #ffffff;
  }
  .main-header-container nav.show ul ul a {
    padding-left: 3.125rem;
  }
  .main-header-container nav.show ul ul a:before {
    content: '-';
    display: block;
    float: left;
    margin-right: 0.625rem;
  }
  .main-header-container nav.show ul ul a.active-menu-item {
    background: #3b3b3b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#3b3b3b));
    background-image: -webkit-linear-gradient(#5a5a5a, #3b3b3b);
    background-image: -moz-linear-gradient(center top, #5a5a5a 0%, #3b3b3b 100%);
    background-image: -moz-gradient(center top, #5a5a5a 0%, #3b3b3b 100%);
    background-image: -o-linear-gradient(top, #5a5a5a, #3b3b3b);
    background-image: linear-gradient(top, #5a5a5a, #3b3b3b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=@from, endColorstr=@to);
  }
  .main-header-container nav.show ul ul li {
    border-bottom: none;
  }
  .main-header-container .header-user-box.show li {
    display: block;
    float: none;
    border: none;
    width: 100%;
    background: #222222;
  }
  .main-header-container .header-user-box.show li:first-child {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    border-bottom: 0.0625rem solid #7b7b7b;
    margin-top: 0;
  }
  .main-header-container .header-user-box.show li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.625rem 0.9375rem;
    text-align: left;
  }
  .main-header-container .navigation nav a,
  .main-header-container .header-user-box,
  .main-header-container .header-user-box a {
    border-bottom: none;
  }
  .global-alerts {
    position: inherit;
    width: 5rem;
    height: 2.25rem;
    padding: 0 0.625rem;
    margin-right: 0.3125rem;
  }
  .global-alerts button.open-alerts {
    height: 2.25rem;
  }
  .global-alerts button.open-alerts .svg-icon {
    width: 1.3125rem;
    height: 1.3125rem;
  }
  .global-alerts .alerts-number {
    top: -0.3125rem;
    left: 0.6875rem;
  }
  .alerts-list {
    top: 2.5rem;
    left: auto;
    right: 0;
  }
  .alerts-list.arrow-top:before,
  .alerts-list.arrow-top:after {
    display: none;
  }
  .responsive-nav {
    float: none;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: auto;
    height: 2.25rem;
    line-height: 2.25rem;
    margin-left: -0.25rem;
    padding: 0 0.9375rem;
    color: #ffffff;
  }
  .responsive-nav .stacked-icon .icon-front {
    fill: #6cc24a;
    stroke: #484848;
    stroke-width: 2px;
  }
  .responsive-nav:hover {
    color: #ffffff;
    background: #d50000;
  }
  .responsive-nav:hover .stacked-icon .icon-front {
    stroke: #d50000;
  }
  .responsive-nav.show {
    background-color: #222222;
  }
  .responsive-nav.show .stacked-icon .icon-front {
    stroke: #222222;
  }
  .responsive-nav.show:hover {
    color: #ffffff;
  }
  .responsive-nav.show:hover .stacked-icon .icon-front {
    stroke: #222222;
  }
  .lost-connection .responsive-nav .stacked-icon .icon-front {
    fill: #d50000;
  }
  .push-content .action-menu span {
    display: none;
  }
  button.hide-on-large-screen.upgrade-to-pro {
    display: inline-block;
  }
}
@media screen and (max-width: 980px) {
  .action-menu span {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .content-heading h1 {
    margin-left: 0.625rem;
  }
  .toggle-actions {
    display: block;
  }
  .content-actions {
    display: none;
    overflow: auto;
  }
  .content-actions.unit-content-actions {
    display: inline-block;
    overflow: hidden;
  }
  .content-actions.show {
    display: block;
    margin: 0;
    float: none;
    position: absolute;
    top: 3.125rem;
    right: 0;
    z-index: 999;
    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-actions.show .view-menu,
  .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-actions.show .view-menu li,
  .content-actions.show .action-menu li {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0 auto;
  }
  .content-actions.show .view-menu li::before,
  .content-actions.show .action-menu li::before {
    display: none;
  }
  .content-actions.show .view-menu li:hover,
  .content-actions.show .action-menu li:hover {
    background-color: #d4d4d4;
  }
  .content-actions.show .view-menu li:hover .svg-icon,
  .content-actions.show .action-menu li:hover .svg-icon {
    fill: #424242;
  }
  .content-actions.show .view-menu {
    margin: 0 auto;
    background-color: #ffffff;
    border-top: solid 1px #d4d4d4;
  }
  .content-actions.show .view-menu:after {
    content: "";
    display: table;
    clear: both;
  }
  .content-actions.show .view-menu li {
    float: left;
    width: 24.8%;
    text-align: center;
  }
  .content-actions.show .view-menu li:first-child {
    padding-left: 0.625rem;
  }
  .content-actions.show .view-menu li:first-child:hover {
    background-color: inherit;
  }
  .content-actions.show .view-menu li:hover {
    background-color: #d4d4d4;
  }
  .content-actions.show .view-menu li:hover .svg-icon {
    fill: #424242;
    color: #424242;
  }
  .content-actions.show .action-menu span {
    display: inline-block;
  }
}
@media screen and (max-width: 550px) {
  .responsive-nav span {
    display: none;
  }
  .responsive-nav .svg-icon,
  .responsive-nav .stacked-icon {
    margin: 0 auto;
  }
  button.hide-on-large-screen.upgrade-to-pro {
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
  button.hide-on-large-screen.upgrade-to-pro span {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .responsive-nav {
    padding: 0 0.4375rem;
  }
  .global-alerts {
    width: 4.375rem;
    padding: 0;
  }
  .alerts-list {
    width: 100%;
  }
  .alerts-list li ul {
    width: 100%;
  }
  .alerts-list a,
  .alerts-list div {
    width: calc(100% - 3.1875rem);
  }
}
@media screen and (max-width: 1150px) {
  .tabs-wrapper {
    top: 2.5rem;
  }
  .tabs {
    width: 100%;
    right: auto;
    left: -1px;
  }
  .tabs li {
    margin-left: 0.125rem;
  }
  .tabs li a {
    padding: 0 0.625rem;
  }
  .tabs .tabs-control {
    float: right;
  }
  .tabs.not-close a,
  .tabs.not-close button,
  .tabs.not-close li.active a {
    padding: 0 0.625rem;
  }
  .tabs-content-title {
    width: calc(100% - 5.625rem);
  }
  .tabs-content-title li {
    width: calc(20% - .125rem);
  }
  .tabs-content-title li.active {
    width: calc(40% - .125rem);
  }
  .tabs-content-title li.active a {
    max-width: 100%;
    width: 100%;
  }
  .tabs-content-title a {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .push-content .toggle-merged-tabs {
    display: block;
  }
  .push-content .tabs .tabs-content-title {
    display: none;
    position: absolute;
    top: 2.5625rem;
    left: 1px;
    width: 100% !important;
    z-index: 999;
    -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);
  }
  .push-content .tabs .tabs-content-title li {
    float: none;
    width: 100% !important;
    margin: 0 auto;
    border-top-width: 0;
  }
  .push-content .tabs .tabs-content-title li:first-child {
    border-top-width: 1px;
  }
  .push-content .tabs .tabs-content-title li.active {
    border-bottom: solid 1px #d4d4d4;
  }
  .push-content .tabs .tabs-content-title li.active a {
    padding-right: 5rem;
    max-width: 100%;
  }
  .push-content .tabs .tabs-content-title li.active button.edit-button {
    display: block;
    right: 2.5rem;
  }
}
@media screen and (max-width: 550px) {
  .toggle-merged-tabs {
    display: block;
  }
  .tabs {
    left: 0;
  }
  .tabs .tabs-content-title {
    display: none;
    position: absolute;
    top: 2.5625rem;
    left: 1px;
    width: 100% !important;
    z-index: 999;
    -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);
  }
  .tabs .tabs-content-title li {
    float: none;
    width: 100% !important;
    margin: 0 auto;
    border-top-width: 0;
  }
  .tabs .tabs-content-title li:first-child {
    border-top-width: 1px;
  }
  .tabs .tabs-content-title li.active {
    border-bottom: solid 1px #d4d4d4;
  }
  .tabs .tabs-content-title li.active a {
    padding-right: 5rem;
    max-width: 100%;
  }
  .tabs .tabs-content-title li.active button.edit-button {
    display: block;
    right: 2.5rem;
  }
}
@media screen and (max-width: 1280px) {
  .units-and-map-shown .push-content .filter-sort-panel span {
    display: none;
  }
  .map-only-shown .filter-sort-panel span {
    display: none;
  }
  .map-only-shown .filter-sort-panel button {
    width: calc(100% / 4);
  }
  .map-only-shown .filter-sort-panel button:nth-child(4n) {
    border-right: solid 1px #d4d4d4;
  }
  .map-only-shown .filter-sort-panel button:nth-child(5n) {
    border: none;
  }
  .map-only-shown .filter-sort-panel .search-button {
    display: inline-block;
  }
  .map-only-shown .filter-sort-panel .icon-input {
    display: none;
    margin-left: 0;
    border-top: solid 1px #d4d4d4;
    padding: 0.125rem 0.125rem 0.0625rem;
  }
  .map-only-shown .filter-sort-panel .icon-input.show {
    display: block;
  }
  .map-only-shown .tools-enabled .filter-sort-panel button {
    width: calc((100% - 2.625rem) / 4);
    padding: 0 0.3125rem;
  }
}
@media screen and (max-width: 1100px) {
  .units-and-map-shown .filter-sort-panel {
    position: relative;
  }
  .units-and-map-shown .filter-sort-panel button {
    margin-left: -3px;
  }
  .units-and-map-shown .filter-sort-panel span {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .filter-sort-panel button {
    width: calc(100% / 4);
  }
  .filter-sort-panel button:nth-child(4n) {
    border-right: solid 1px #d4d4d4;
  }
  .filter-sort-panel button:nth-child(5n) {
    border: none;
  }
  .filter-sort-panel .search-button {
    display: inline-block;
  }
  .filter-sort-panel .icon-input {
    display: none;
    margin-left: 0;
    border-top: solid 1px #d4d4d4;
    padding: 0.125rem 0.125rem 0.0625rem;
  }
  .filter-sort-panel .icon-input.show {
    display: block;
  }
  .tools-enabled .filter-sort-panel button {
    width: calc((100% - 2.625rem) / 4);
  }
  .push-content .filter-sort-panel button {
    padding: 0 0.1875rem;
  }
  .push-content .filter-sort-panel button .svg-icon:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 780px) {
  .units-only-shown .filter-sort-panel span {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
  .data-content-wrapper {
    padding-bottom: 2.5rem;
    height: calc(100% - 7.0625rem);
  }
  .data-content-settings .data-content-navigation {
    position: absolute;
    bottom: 0;
    float: none;
    width: 100%;
    background-color: #484848;
  }
  .data-content-settings .data-content-navigation button {
    display: block;
    float: left;
    margin: 0 auto;
    width: 20%;
  }
}
@media screen and (max-width: 980px) {
  .data-content-wrapper {
    height: calc(100% - 6.0625rem);
  }
  button.more-data-content-settings {
    position: absolute;
    top: 0;
    right: 0;
    width: 3.125rem;
    display: block;
    padding: 0 0.3125rem;
    border-left: solid 1px #222222;
  }
  .data-content-settings .data-content-tools > div {
    float: none;
    display: block;
    width: 100%;
  }
  .data-content-settings .data-content-tools > div button {
    border: none;
    text-align: left;
    width: calc(100% - 3.1875rem);
  }
  .data-content-settings .data-content-tools > div ul {
    top: auto;
    left: 0;
    max-width: 100%;
    width: 100%;
  }
  .data-content-settings .data-content-tools .custom-data-content-tools {
    position: absolute;
    top: 0;
    right: 3.15625rem;
    width: auto;
  }
  .data-content-settings .data-content-tools .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;
  }
  .data-content-settings .data-content-tools .custom-data-content-tools .svg-icon {
    margin: 0 auto;
  }
  .data-content-settings .data-content-tools .custom-data-content-tools span {
    display: none;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    background-color: #484848;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div {
    float: none;
    border-top: solid 1px #222222;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button {
    display: block;
    width: 100%;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button span,
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button .svg-icon {
    display: block;
    float: left;
    height: 2.25rem;
    line-height: 2.25rem;
    vertical-align: middle;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button .svg-icon:nth-of-type(2) {
    float: right;
  }
  #reports .data-content-settings .custom-data-content-tools,
  #alarm-analyser .data-content-settings .custom-data-content-tools {
    right: 0;
  }
  .geolocation .data-content-settings .data-content-tools div:first-child button {
    width: calc(100% - 12.5625rem);
  }
  .geolocation .data-content-settings .data-content-tools .mobile-content-wrapper > div button {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  button.more-data-content-settings {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border-left: solid 1px #222222;
  }
  .data-content-settings .data-content-tools > div {
    float: none;
    display: block;
    width: 100%;
  }
  .data-content-settings .data-content-tools > div button {
    border: none;
    text-align: left;
    width: calc(100% - 3.1875rem);
  }
  .data-content-settings .data-content-tools > div ul {
    top: auto;
    left: 0;
    max-width: 100%;
    width: 100%;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    margin: 0 auto;
    background-color: #484848;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div {
    float: none;
    border-top: solid 1px #222222;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button {
    display: block;
    width: 100%;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button span,
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button .svg-icon {
    display: block;
    float: left;
    height: 2.25rem;
    line-height: 2.25rem;
    vertical-align: middle;
  }
  .data-content-settings .data-content-tools .mobile-content-wrapper > div button .svg-icon:nth-of-type(2) {
    float: right;
  }
}
@media screen and (max-width: 550px) {
  .data-content-wrapper {
    height: calc(100% - 5.875rem);
  }
}
@media screen and (max-width: 470px) {
  .geolocation .data-content-settings .data-content-tools div:first-child button span {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .login-form .whole-button button,
  .forgot-form .whole-button button,
  .login-form .whole-button .button,
  .forgot-form .whole-button .button,
  .login-form .whole-button input,
  .forgot-form .whole-button input {
    margin: 0 0 0.1875rem 0;
    width: 100%;
  }
  .login-form .whole-button button:first-child,
  .forgot-form .whole-button button:first-child,
  .login-form .whole-button .button:first-child,
  .forgot-form .whole-button .button:first-child,
  .login-form .whole-button input:first-child,
  .forgot-form .whole-button input:first-child {
    margin-top: 1.25rem;
  }
  .login-form .whole-button button:last-child,
  .forgot-form .whole-button button:last-child,
  .login-form .whole-button .button:last-child,
  .forgot-form .whole-button .button:last-child,
  .login-form .whole-button input:last-child,
  .forgot-form .whole-button input:last-child {
    margin-bottom: 1.25rem;
  }
  .login-form button.half-button-left,
  .forgot-form button.half-button-left,
  .login-form .button.half-button-left,
  .forgot-form .button.half-button-left,
  .login-form input[type="submit"].half-button-left,
  .forgot-form input[type="submit"].half-button-left,
  .login-form input[type="reset"].half-button-left,
  .forgot-form input[type="reset"].half-button-left,
  .login-form input[type="button"].half-button-left,
  .forgot-form input[type="button"].half-button-left {
    -moz-border-radius: 1.25rem 1.25rem 0 0;
    -webkit-border-radius: 1.25rem 1.25rem 0 0;
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .login-form button.half-button-right,
  .forgot-form button.half-button-right,
  .login-form .button.half-button-right,
  .forgot-form .button.half-button-right,
  .login-form input[type="submit"].half-button-right,
  .forgot-form input[type="submit"].half-button-right,
  .login-form input[type="reset"].half-button-right,
  .forgot-form input[type="reset"].half-button-right,
  .login-form input[type="button"].half-button-right,
  .forgot-form input[type="button"].half-button-right {
    -moz-border-radius: 0 0 1.25rem 1.25rem;
    -webkit-border-radius: 0 0 1.25rem 1.25rem;
    border-radius: 0 0 1.25rem 1.25rem;
  }
  .login-form .captcha .somecaptchapicture,
  .forgot-form .captcha .somecaptchapicture,
  .login-form .captcha input,
  .forgot-form .captcha input {
    width: 100% !important;
  }
  .login-form .captcha .button-group button,
  .forgot-form .captcha .button-group button {
    margin-top: 0;
  }
}
@media screen and (max-width: 1440px) {
  .unit-name-cell {
    width: 30%;
  }
  .toggle-group .unit-name-cell {
    width: calc((100% + 3.125rem) * 0.3);
  }
  .units-and-map-shown .value-col-4,
  .units-and-map-shown .value-col-3 {
    display: none;
  }
  .units-and-map-shown .value-cell {
    width: calc((70% - 8.75rem)/2 );
  }
  .units-only-shown .value-col-4 {
    display: none;
  }
  .units-only-shown .value-cell {
    width: calc((70% - 8.75rem)/3 );
  }
  .units-icons-view .cell-wrapper,
  .push-content .units-icons-view .cell-wrapper,
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .unit-name-cell {
    width: 30%;
  }
  .toggle-group .unit-name-cell {
    width: calc((100% + 3.125rem) * 0.3);
  }
  .units-and-map-shown .units-map {
    width: 33.333%;
  }
  .units-and-map-shown .content {
    width: 66.666%;
  }
  .toggle-group + .units-group-table .table-row .unit-name-cell {
    width: calc(30% - 1.25rem );
  }
  .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: calc(30% - 2.5rem );
  }
  .units-and-map-shown .push-content .value-col-2 {
    display: none;
  }
  .units-and-map-shown .push-content .value-cell {
    width: calc(70% - 8.75rem);
  }
  .units-only-shown .push-content .value-col-3 {
    display: none;
  }
  .units-only-shown .push-content .value-cell {
    width: calc((70% - 8.75rem)/2 );
  }
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .sidebar {
    left: -13.75rem;
    width: 13.75rem;
  }
  .content-wrapper.push-content {
    left: 13.75rem;
    width: calc(100% - 13.75rem);
  }
  .units-table-view .table-header .table-cell {
    line-height: inherit;
    height: inherit;
    padding: 0.3125rem;
  }
  .units-table-view .table-cell {
    padding: 0 0.3125rem;
    height: 3.125rem;
    line-height: 3.125rem;
  }
  .units-table-view .unit-alarm-cell {
    padding: 0;
  }
  .units-table-view .unit-name-cell span {
    line-height: 1.5;
  }
  .units-table-view .value-cell {
    padding-right: 0.9375rem;
  }
  .units-table-view .value-cell span {
    display: block;
    line-height: 1.5625rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .units-and-map-shown .unit-name-cell {
    width: 36%;
  }
  .units-and-map-shown .toggle-group .unit-name-cell {
    width: calc((100% + 3.125rem) * 0.36);
  }
  .units-and-map-shown .value-col-2 {
    display: none;
  }
  .units-and-map-shown .value-cell {
    width: calc(64% - 8.75rem);
  }
  .units-and-map-shown .toggle-group + .units-group-table .table-row .unit-name-cell {
    width: calc(36% - 1.25rem );
  }
  .units-and-map-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: calc(36% - 2.5rem );
  }
  .units-and-map-shown .push-content .last-update-cell {
    display: none;
  }
  .units-and-map-shown .push-content .value-cell {
    width: calc(64% - 5.625rem);
  }
  .units-only-shown .unit-name-cell {
    width: 30%;
  }
  .units-only-shown .toggle-group .unit-name-cell {
    width: calc((100% + 3.125rem) * 0.3);
  }
  .units-only-shown .value-col-3 {
    display: none;
  }
  .units-only-shown .value-cell {
    width: calc((70% - 8.6875rem)/2 );
  }
  .units-only-shown .toggle-group + .units-group-table .table-row .unit-name-cell {
    width: calc(30% - 1.25rem );
  }
  .units-only-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: calc(30% - 2.5rem );
  }
  .units-icons-view .cell-wrapper,
  .push-content .units-icons-view .cell-wrapper,
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .toggle-group .unit-name-cell,
  .push-content .units-icons-view .toggle-group .unit-name-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell {
    width: 100%;
  }
  .units-icons-view .last-update-cell,
  .push-content .units-icons-view .last-update-cell,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell {
    display: block;
  }
}
@media screen and (max-width: 980px) {
  .units-and-map-shown .units-map {
    width: calc(100% - 18.75rem);
  }
  .units-and-map-shown .content {
    width: 18.75rem;
  }
  .units-and-map-shown .content-heading .view-menu {
    display: none;
    top: -5px;
  }
  .units-and-map-shown .content-heading .action-menu span {
    display: none;
  }
  .units-and-map-shown .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .units-and-map-shown .unit-name-cell,
  .units-and-map-shown .toggle-group .unit-name-cell {
    width: 100%;
  }
  .units-and-map-shown .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-and-map-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: 100%;
  }
  .units-and-map-shown .engine-state-cell,
  .units-and-map-shown .value-cell,
  .units-and-map-shown .last-update-cell {
    display: none;
  }
  .units-and-map-shown .locate-cell {
    display: inline-block;
  }
  .units-and-map-shown .tools-enabled .cell-wrapper {
    width: calc(100% - 9.375rem);
  }
  .units-only-shown .engine-state-cell {
    padding: 0 0.4375rem;
  }
  .units-only-shown .value-cell {
    width: calc((70% - 8.8125rem) / 2);
  }
  .units-only-shown .push-content .unit-name-cell {
    width: 35%;
  }
  .units-only-shown .push-content .toggle-group .unit-name-cell {
    width: calc((100% + 3.125rem) * 0.35);
  }
  .units-only-shown .push-content .value-col-2 {
    display: none;
  }
  .units-only-shown .push-content .value-cell {
    width: calc(65% - 8.75rem);
  }
  .map-only-shown .units-map {
    width: 100%;
  }
  .map-only-shown .content {
    left: -18.75rem;
  }
  .tools-enabled .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .units-icons-view .locate-cell,
  .push-content .units-icons-view .locate-cell,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell {
    display: none;
  }
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .units-icons-view .last-update-cell,
  .push-content .units-icons-view .last-update-cell,
  .units-icons-view .value-col-1,
  .push-content .units-icons-view .value-col-1,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell {
    display: block;
  }
  .units-icons-view .cell-wrapper,
  .push-content .units-icons-view .cell-wrapper,
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .units-icons-view .toggle-group .unit-alarm-cell,
  .push-content .units-icons-view .toggle-group .unit-alarm-cell {
    width: 100%!important;
  }
  .units-icons-view .unit-alarm-cell,
  .push-content .units-icons-view .unit-alarm-cell {
    width: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  .units-and-map-shown .push-content .locate-cell {
    display: none;
  }
  .units-and-map-shown .push-content .cell-wrapper {
    width: calc(100% - 3.1875rem);
  }
  .units-and-map-shown .push-content .toggle-group .cell-wrapper {
    width: calc(100% - 6.3125rem);
  }
  .units-and-map-shown .tools-enabled .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .units-and-map-shown .tools-enabled .toggle-group .cell-wrapper {
    width: calc(100% - 9.375rem);
  }
  .units-only-shown .engine-state-cell {
    width: 4.375rem;
    padding: 0 0.4375rem;
  }
  .units-only-shown .value-cell {
    width: calc((70% - 7.5625rem) / 2);
  }
  .units-only-shown .toggle-group .unit-name-cell {
    width: 100%;
  }
  .units-only-shown .push-content .view-menu {
    display: none;
  }
  .units-only-shown .push-content .unit-name-cell {
    width: 40%;
  }
  .units-only-shown .push-content .toggle-group .unit-name-cell {
    width: 100%;
  }
  .units-only-shown .push-content .last-update-cell,
  .units-only-shown .push-content .value-col-2 {
    display: none;
  }
  .units-only-shown .push-content .value-cell {
    width: calc(60% - 4.375rem);
  }
  .units-only-shown .push-content .toggle-group + .units-group-table .table-row .unit-name-cell {
    width: calc(40% - 1.25rem );
  }
  .units-only-shown .push-content .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: calc(40% - 2.5rem );
  }
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .units-icons-view .last-update-cell,
  .push-content .units-icons-view .last-update-cell,
  .units-icons-view .value-col-1,
  .push-content .units-icons-view .value-col-1,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell {
    display: block;
  }
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell {
    width: 100%!important;
  }
}
@media screen and (max-width: 640px) {
  .unit-overview .unit-states .engine-state {
    display: block;
  }
  .units-and-map-shown .content,
  .units-only-shown .content {
    width: 100%;
  }
  .units-and-map-shown .cell-wrapper,
  .units-only-shown .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .units-and-map-shown .engine-state-cell,
  .units-only-shown .engine-state-cell,
  .units-and-map-shown .value-col-1,
  .units-only-shown .value-col-1,
  .units-and-map-shown .locate-cell,
  .units-only-shown .locate-cell {
    display: inline-block;
  }
  .units-and-map-shown .engine-state-cell,
  .units-only-shown .engine-state-cell {
    width: 5rem;
  }
  .units-and-map-shown .unit-name-cell,
  .units-only-shown .unit-name-cell,
  .units-and-map-shown .value-cell,
  .units-only-shown .value-cell {
    width: calc(50% - 2.5rem);
  }
  .units-and-map-shown .last-update-cell,
  .units-only-shown .last-update-cell,
  .units-and-map-shown .value-col-2,
  .units-only-shown .value-col-2 {
    display: none;
  }
  .units-and-map-shown .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-only-shown .toggle-group + .units-group-table .table-row .unit-name-cell {
    width: calc(50% - 3.75rem );
  }
  .units-and-map-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell,
  .units-only-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: calc(50% - 3.75rem );
  }
  .units-and-map-shown .push-content .engine-state-cell,
  .units-only-shown .push-content .engine-state-cell {
    display: none;
  }
  .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 {
    width: 50%;
    margin-left: -2px;
  }
  .units-and-map-shown .push-content .tools-enabled .cell-wrapper,
  .units-only-shown .push-content .tools-enabled .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .units-and-map-shown .push-content .tools-enabled .toggle-group .cell-wrapper,
  .units-only-shown .push-content .tools-enabled .toggle-group .cell-wrapper {
    width: calc(100% - 9.375rem);
  }
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .units-icons-view .last-update-cell,
  .push-content .units-icons-view .last-update-cell,
  .units-icons-view .value-col-1,
  .push-content .units-icons-view .value-col-1,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell {
    display: block;
  }
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell {
    width: 100%!important;
  }
  .units-icons-view .locate-cell,
  .push-content .units-icons-view .locate-cell {
    display: none;
  }
}
@media screen and (max-width: 550px) {
  .unit-overview .sidebar-content {
    padding: 0.3125rem;
  }
  .content-wrapper.push-content {
    width: 100%;
    overflow-x: auto;
  }
  .units-and-map-shown .units-map,
  .units-only-shown .units-map {
    display: none;
  }
  .units-and-map-shown .tools-enabled,
  .units-only-shown .tools-enabled {
    min-width: calc( 100% + 13.75rem);
  }
  .units-and-map-shown .table-header .value-cell,
  .units-only-shown .table-header .value-cell,
  .units-and-map-shown .tools-enabled .table-header .value-cell,
  .units-only-shown .tools-enabled .table-header .value-cell {
    display: none;
  }
  .units-and-map-shown .table-row:after,
  .units-only-shown .table-row:after,
  .units-and-map-shown .tools-enabled .table-row:after,
  .units-only-shown .tools-enabled .table-row:after {
    content: "";
    display: table;
    clear: both;
  }
  .units-and-map-shown .tools-checkbox,
  .units-only-shown .tools-checkbox,
  .units-and-map-shown .tools-enabled .tools-checkbox,
  .units-only-shown .tools-enabled .tools-checkbox,
  .units-and-map-shown .unit-alarm-cell,
  .units-only-shown .unit-alarm-cell,
  .units-and-map-shown .tools-enabled .unit-alarm-cell,
  .units-only-shown .tools-enabled .unit-alarm-cell,
  .units-and-map-shown .cell-wrapper,
  .units-only-shown .cell-wrapper,
  .units-and-map-shown .tools-enabled .cell-wrapper,
  .units-only-shown .tools-enabled .cell-wrapper,
  .units-and-map-shown .locate-cell,
  .units-only-shown .locate-cell,
  .units-and-map-shown .tools-enabled .locate-cell,
  .units-only-shown .tools-enabled .locate-cell {
    float: left;
  }
  .units-and-map-shown .view-menu,
  .units-only-shown .view-menu,
  .units-and-map-shown .tools-enabled .view-menu,
  .units-only-shown .tools-enabled .view-menu {
    display: none;
  }
  .units-and-map-shown .engine-state-cell,
  .units-only-shown .engine-state-cell,
  .units-and-map-shown .tools-enabled .engine-state-cell,
  .units-only-shown .tools-enabled .engine-state-cell {
    display: none;
  }
  .units-and-map-shown .value-cell,
  .units-only-shown .value-cell,
  .units-and-map-shown .tools-enabled .value-cell,
  .units-only-shown .tools-enabled .value-cell {
    width: 50%;
  }
  .units-and-map-shown .unit-name-cell,
  .units-only-shown .unit-name-cell,
  .units-and-map-shown .tools-enabled .unit-name-cell,
  .units-only-shown .tools-enabled .unit-name-cell,
  .units-and-map-shown .value-col-1,
  .units-only-shown .value-col-1,
  .units-and-map-shown .tools-enabled .value-col-1,
  .units-only-shown .tools-enabled .value-col-1 {
    display: block;
    width: 100%;
    height: 1.5625rem;
    line-height: 1.5625rem;
    margin: 0;
    text-align: left;
    cursor: pointer;
  }
  .units-and-map-shown .value-cell span,
  .units-only-shown .value-cell span,
  .units-and-map-shown .tools-enabled .value-cell span,
  .units-only-shown .tools-enabled .value-cell span {
    display: inline;
    vertical-align: baseline;
  }
  .units-and-map-shown .value-cell span:first-child,
  .units-only-shown .value-cell span:first-child,
  .units-and-map-shown .tools-enabled .value-cell span:first-child,
  .units-only-shown .tools-enabled .value-cell span:first-child {
    margin-right: 0.3125rem;
  }
  .units-and-map-shown .toggle-group .unit-name-cell,
  .units-only-shown .toggle-group .unit-name-cell,
  .units-and-map-shown .tools-enabled .toggle-group .unit-name-cell,
  .units-only-shown .tools-enabled .toggle-group .unit-name-cell {
    line-height: 3.125rem;
    height: 3.125rem;
  }
  .units-and-map-shown .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-only-shown .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-and-map-shown .tools-enabled .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-only-shown .tools-enabled .toggle-group + .units-group-table .table-row .unit-name-cell,
  .units-and-map-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell,
  .units-only-shown .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell,
  .units-and-map-shown .tools-enabled .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell,
  .units-only-shown .tools-enabled .toggle-group + .units-group-table > .units-group-table .table-row .unit-name-cell {
    width: 100%;
  }
  .units-icons-view .unit-alarm-cell,
  .push-content .units-icons-view .unit-alarm-cell,
  .tools-enabled .units-icnos-view .unit-alarm-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .tools-enabled .units-icnos-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .tools-enabled .units-icnos-view .engine-state-cell,
  .units-icons-view .last-update-cell,
  .push-content .units-icons-view .last-update-cell,
  .tools-enabled .units-icnos-view .last-update-cell,
  .units-icons-view .value-col-1,
  .push-content .units-icons-view .value-col-1,
  .tools-enabled .units-icnos-view .value-col-1,
  .units-icons-view .group-action-cell,
  .push-content .units-icons-view .group-action-cell,
  .tools-enabled .units-icnos-view .group-action-cell {
    display: block!important;
    text-align: center;
  }
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .tools-enabled .units-icnos-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .tools-enabled .units-icnos-view .unit-name-cell,
  .units-icons-view .engine-state-cell,
  .push-content .units-icons-view .engine-state-cell,
  .tools-enabled .units-icnos-view .engine-state-cell {
    width: 100%!important;
  }
  .units-icons-view .value-cell,
  .push-content .units-icons-view .value-cell,
  .tools-enabled .units-icnos-view .value-cell,
  .units-icons-view .unit-name-cell,
  .push-content .units-icons-view .unit-name-cell,
  .tools-enabled .units-icnos-view .unit-name-cell {
    line-height: 1.875rem;
    height: 1.875rem;
  }
  .units-icons-view .value-cell span:first-child,
  .push-content .units-icons-view .value-cell span:first-child,
  .tools-enabled .units-icnos-view .value-cell span:first-child {
    display: none;
  }
  .units-icons-view .locate-cell,
  .push-content .units-icons-view .locate-cell,
  .tools-enabled .units-icnos-view .locate-cell {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .sidebar.unit-overview {
    left: -100%;
    width: 100%;
  }
  .sidebar.unit-overview.open {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .webcontrol-active .value-cell {
    width: calc(55% / 2 );
  }
  .webcontrol-active .webcontrol-total .cell-wrapper {
    width: calc(55% - 6.3125rem / 2 );
  }
  .webcontrol-active .webcontrol-buttons {
    width: 45%;
  }
}
@media screen and (max-width: 1280px) {
  .webcontrol-active .push-content .value-col-2,
  .webcontrol-active.units-only-shown .value-col-2,
  .webcontrol-active .value-col-2,
  .webcontrol-active .push-content .value-col-1,
  .webcontrol-active.units-only-shown .value-col-1,
  .webcontrol-active .value-col-1 {
    display: inline-block;
  }
  .webcontrol-active .push-content .value-cell,
  .webcontrol-active.units-only-shown .value-cell,
  .webcontrol-active .value-cell {
    width: calc(55% / 2 );
  }
  .webcontrol-active.units-only-shown .value-cell {
    width: calc(50% / 2 );
  }
  .webcontrol-active .content {
    width: 100%;
  }
  .webcontrol-active .webcontrol-total .cell-wrapper {
    width: calc(55% - 6.25rem / 2 );
  }
  .webcontrol-active .webcontrol-total .value-cell {
    width: 50%;
  }
  .webcontrol-active .webcontrol-total .value-cell span {
    display: block;
  }
  .webcontrol-active .webcontrol-total .value-cell span:first-child {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9375rem;
    margin-right: 0;
  }
  .webcontrol-active .webcontrol-buttons {
    width: 45%;
  }
}
@media screen and (max-width: 1100px) {
  .webcontrol-active .content {
    width: 100%;
  }
  .webcontrol-active .unit-name-cell {
    width: 30%;
  }
  .webcontrol-active .value-col-2,
  .webcontrol-active .value-col-1 {
    display: inline-block;
  }
  .webcontrol-active .value-cell {
    width: calc(55% / 2 );
  }
  .webcontrol-active .webcontrol-total .cell-wrapper {
    width: calc(55% - 6.25rem/ 2 );
  }
  .webcontrol-active .webcontrol-total .value-cell {
    width: 50%;
  }
  .webcontrol-active .webcontrol-total .value-cell span {
    line-height: 1.5;
    display: block;
  }
  .webcontrol-active .webcontrol-total .value-cell span:first-child {
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 0.9375rem;
    margin-right: 0;
    padding-top: 0.375rem;
  }
  .webcontrol-active .webcontrol-buttons {
    width: 45%;
  }
}
@media screen and (max-width: 980px) {
  .table-header .required-to-run-cell span {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .webcontrol-active .content {
    width: 100%;
  }
  .webcontrol-active .filter-sort-panel .tools-checkbox {
    display: none;
  }
  .webcontrol-active .table-header .required-to-run-cell,
  .webcontrol-active .table-header .value-cell {
    display: none;
  }
  .webcontrol-active .table-header .table-cell {
    height: inherit;
    line-height: inherit;
  }
  .webcontrol-active .unit-alarm-cell {
    width: 3.125rem;
    text-align: center;
  }
  .webcontrol-active .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .webcontrol-active .toggle-group .cell-wrapper .name-cell {
    width: 100%;
  }
  .webcontrol-active .units-group-table .tools-checkbox,
  .webcontrol-active .units-group-table .unit-alarm-cell {
    float: left;
  }
  .webcontrol-active .units-group-table .tools-checkbox,
  .webcontrol-active .units-group-table .unit-alarm-cell,
  .webcontrol-active .units-group-table .more-info {
    vertical-align: top;
  }
  .webcontrol-active .units-group-table .more-info {
    text-align: center;
    display: inline-block;
  }
  .webcontrol-active .units-group-table .cell-wrapper .table-cell {
    display: none;
    width: 100%;
    text-align: left;
    line-height: 1.5;
  }
  .webcontrol-active .units-group-table .cell-wrapper .table-cell span:first-child {
    font-weight: 300;
  }
  .webcontrol-active .units-group-table .cell-wrapper .table-cell span {
    display: inline-block;
  }
  .webcontrol-active .units-group-table .cell-wrapper .table-cell.unit-name-cell {
    display: inline-block;
    line-height: 2.5rem;
  }
  .webcontrol-active .units-group-table .cell-wrapper .table-cell.unit-name-cell span {
    font-weight: 500;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper,
  .webcontrol-active .units-group-table .webcontrol-total .webcontrol-buttons {
    width: calc((100% - 3.125rem) / 2);
  }
  .webcontrol-active .units-group-table .webcontrol-total button {
    margin: 0 0.125rem;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper {
    float: right;
    position: relative;
    top: -5px;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper .table-cell {
    display: block;
    width: 100%;
    text-align: right;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper span:first-child {
    margin-right: 0.625rem;
    padding: 0;
    font-weight: 500;
  }
  .webcontrol-active .controlled-group .unit-alarm-cell {
    text-align: left;
  }
  .webcontrol-active .controlled-group .cell-wrapper {
    width: calc(100% - 9.375rem);
  }
  .webcontrol-active.units-and-map-shown .toggle-group .cell-wrapper,
  .webcontrol-active.units-only-shown .toggle-group .cell-wrapper,
  .webcontrol-active.units-and-map-shown .push-content .toggle-group .cell-wrapper,
  .webcontrol-active.units-only-shown .push-content .toggle-group .cell-wrapper,
  .webcontrol-active.units-and-map-shown .cell-wrapper,
  .webcontrol-active.units-only-shown .cell-wrapper,
  .webcontrol-active.units-and-map-shown .push-content .cell-wrapper,
  .webcontrol-active.units-only-shown .push-content .cell-wrapper {
    width: calc(100% - 6.25rem);
  }
  .webcontrol-active.units-and-map-shown .controlled-group .toggle-group .cell-wrapper,
  .webcontrol-active.units-only-shown .controlled-group .toggle-group .cell-wrapper,
  .webcontrol-active.units-and-map-shown .push-content .controlled-group .toggle-group .cell-wrapper,
  .webcontrol-active.units-only-shown .push-content .controlled-group .toggle-group .cell-wrapper,
  .webcontrol-active.units-and-map-shown .controlled-group .cell-wrapper,
  .webcontrol-active.units-only-shown .controlled-group .cell-wrapper,
  .webcontrol-active.units-and-map-shown .push-content .controlled-group .cell-wrapper,
  .webcontrol-active.units-only-shown .push-content .controlled-group .cell-wrapper {
    width: calc(100% - 9.375rem);
  }
  .webcontrol-active.units-and-map-shown .webcontrol-total .cell-wrapper,
  .webcontrol-active.units-only-shown .webcontrol-total .cell-wrapper,
  .webcontrol-active.units-and-map-shown .push-content .webcontrol-total .cell-wrapper,
  .webcontrol-active.units-only-shown .push-content .webcontrol-total .cell-wrapper {
    width: calc((100% - 3.125rem) / 2);
  }
}
@media screen and (max-width: 640px) {
  .webcontrol-active .push-content .webcontrol-total .webcontrol-buttons {
    width: calc(100% - 3.125rem);
  }
  .webcontrol-active .push-content .webcontrol-total .webcontrol-buttons button {
    margin: 0 0.625rem;
  }
  .webcontrol-active .push-content .webcontrol-total .cell-wrapper {
    width: 100%;
    display: block;
    float: none;
    margin-top: 0.9375rem;
    top: 0;
  }
  .webcontrol-active .push-content .webcontrol-total .cell-wrapper .table-cell {
    text-align: left;
    padding-left: 3.125rem;
  }
  .webcontrol-active.units-and-map-shown .units-group-table .webcontrol-total .cell-wrapper,
  .webcontrol-active.units-only-shown .units-group-table .webcontrol-total .cell-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .webcontrol-active .unit-name-cell,
  .webcontrol-active .toggle-group .unit-name-cell {
    height: auto;
    line-height: 2.5rem;
  }
  .webcontrol-active .units-group-table .webcontrol-total .webcontrol-buttons {
    width: calc(100% - 3.125rem);
  }
  .webcontrol-active .units-group-table .webcontrol-total .webcontrol-buttons button {
    margin: 0 0.625rem;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper {
    width: 100%;
    display: block;
    float: none;
    margin-top: 0.9375rem;
    top: 0;
  }
  .webcontrol-active .units-group-table .webcontrol-total .cell-wrapper .table-cell {
    text-align: left;
    padding-left: 3.4375rem;
    margin-left: 0;
  }
  .webcontrol-active.units-and-map-shown .content,
  .webcontrol-active.units-only-shown .content {
    width: 100%;
  }
  .webcontrol-active.units-and-map-shown .units-group-table .webcontrol-total .cell-wrapper,
  .webcontrol-active.units-only-shown .units-group-table .webcontrol-total .cell-wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .push-content .diagram-body > div > div {
    width: 80%;
  }
}
@media screen and (max-width: 1280px) {
  .diagram-body > div > div {
    width: 80%;
  }
  .push-content .diagram-body > div > div {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .diagram-body > div > div {
    width: 90%;
  }
  .comments,
  .push-content .comments {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .push-content .unit-values-table {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .unit-values-table {
    width: 100%;
  }
  .push-content .diagram-body > div > div {
    width: 100%;
  }
  .push-content .comment-post button {
    float: none;
    margin-top: 0.1875rem;
  }
  .push-content .comments-input div {
    padding: 0 !important;
    width: 100% !important;
    float: none;
  }
  .push-content .comments-input div:first-child {
    margin-bottom: 0.625rem;
  }
}
@media screen and (max-width: 550px) {
  .diagram-body > div > div {
    width: 100%;
  }
}
@media screen and (max-width: 1440px) {
  .push-content .divider-top {
    border-top: solid 1px #d4d4d4;
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 1280px) {
  .divider-top {
    border-top: solid 1px #d4d4d4;
    padding-top: 1.25rem;
  }
  .settings-block .grid-row.upgrade-to-pro button {
    margin-top: 0;
  }
}
@media screen and (max-width: 1100px) {
  .table-units-settings .table-body .table-row:hover,
  .table-users-settings .table-body .table-row:hover,
  .table-groups-settings .table-body .table-row:hover,
  .download-reports .table-body .table-row:hover,
  .download-history .table-body .table-row:hover {
    background-color: #ffffff;
  }
  .table-units-settings .mobile-content-wrapper,
  .table-users-settings .mobile-content-wrapper,
  .table-groups-settings .mobile-content-wrapper,
  .download-reports .mobile-content-wrapper,
  .download-history .mobile-content-wrapper {
    width: 100%;
    display: none;
    padding-bottom: 0.625rem;
    margin-left: 0;
  }
  .table-units-settings .mobile-content-wrapper .table-cell,
  .table-users-settings .mobile-content-wrapper .table-cell,
  .table-groups-settings .mobile-content-wrapper .table-cell,
  .download-reports .mobile-content-wrapper .table-cell,
  .download-history .mobile-content-wrapper .table-cell {
    display: block;
    width: 100% !important;
    padding-left: 0.75rem !important;
    text-align: left;
    line-height: 1.5625rem;
    margin-left: 0;
    white-space: normal;
  }
  .table-units-settings .mobile-content-wrapper span,
  .table-users-settings .mobile-content-wrapper span,
  .table-groups-settings .mobile-content-wrapper span,
  .download-reports .mobile-content-wrapper span,
  .download-history .mobile-content-wrapper span {
    display: inline-block;
    width: 7.5rem;
  }
  .table-units-settings .mobile-content-wrapper .hide-on-large-screens,
  .table-users-settings .mobile-content-wrapper .hide-on-large-screens,
  .table-groups-settings .mobile-content-wrapper .hide-on-large-screens,
  .download-reports .mobile-content-wrapper .hide-on-large-screens,
  .download-history .mobile-content-wrapper .hide-on-large-screens {
    display: block;
  }
  .table-units-settings .name-cell,
  .table-users-settings .name-cell,
  .table-groups-settings .name-cell,
  .download-reports .name-cell,
  .download-history .name-cell {
    width: calc(100% - ( 2.5rem + 20rem ));
  }
  .table-groups-settings .name-cell {
    width: calc(100% - ( 2.5rem + 15rem ));
  }
  #settings .table-units-settings .mobile-content-wrapper span,
  #settings .table-users-settings .mobile-content-wrapper span,
  #settings .table-groups-settings .mobile-content-wrapper span,
  #downloads .download-reports .mobile-content-wrapper span,
  #downloads .download-history .mobile-content-wrapper span,
  #settings .table-units-settings .more-info,
  #settings .table-users-settings .more-info,
  #settings .table-groups-settings .more-info,
  #downloads .download-reports .more-info,
  #downloads .download-history .more-info {
    display: inline-block;
  }
  .download-reports .hide-on-large-screens,
  .download-history .hide-on-large-screens {
    display: block;
  }
  .download-reports .name-cell,
  .download-history .name-cell {
    width: calc(100% - ( 2.5rem + 25rem ));
  }
}
@media screen and (max-width: 800px) {
  #settings h2,
  #downloads h2 {
    font-size: 1.125rem;
  }
  #settings .table-header .mobile-content-wrapper,
  #downloads .table-header .mobile-content-wrapper {
    display: none;
  }
  #settings .table-body .table-row:hover,
  #downloads .table-body .table-row:hover {
    background-color: #ffffff;
  }
  #settings .small-cell,
  #downloads .small-cell {
    width: 3.125rem;
  }
  #settings .mobile-content-wrapper,
  #downloads .mobile-content-wrapper {
    width: 100%;
    display: none;
    padding-bottom: 0.625rem;
    margin-left: 0;
  }
  #settings .mobile-content-wrapper .table-cell,
  #downloads .mobile-content-wrapper .table-cell {
    display: block;
    width: 100%;
    padding-left: 0.75rem;
    text-align: left;
    line-height: 1.875rem;
    margin-left: 0;
    white-space: normal;
  }
  #settings .mobile-content-wrapper span,
  #downloads .mobile-content-wrapper span {
    display: inline-block;
    width: 7.5rem;
  }
  #settings .more-info,
  #downloads .more-info {
    display: inline-block;
  }
  .settings-control-buttons {
    padding: 0;
  }
  .settings-control-buttons button {
    width: 33.333%;
    float: left;
    padding: 0 0.3125rem;
    margin: none;
    border-left: solid 1px #ffffff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .settings-control-buttons button:first-child {
    border-left: none;
  }
  .settings-control-buttons .hide-on-large-screens {
    display: block;
  }
  .push-content .place-gps-position {
    top: auto;
  }
  .table-units-settings .name-cell {
    width: calc(100% - 15.6875rem);
  }
  .table-unit-in-groups .table-header .name-cell,
  .table-unit-in-groups .name-cell {
    width: calc(100% - ( 2.5rem + 6.25rem));
  }
  .table-unit-in-groups.add-table .name-cell {
    width: calc(100% - 6.25rem);
  }
  .table-user-permissions .name-cell,
  .add-permission .name-cell {
    width: calc(100% - ( 2.5rem + 18.75rem));
  }
  .table-user-permissions.add-table .name-cell,
  .add-permission.add-table .name-cell {
    width: calc(100% - 21.875rem);
  }
  #settings .table-user-permissions .more-info,
  #settings .add-permission .more-info {
    display: none;
  }
  .table-users-settings .name-cell {
    width: calc(100% - ( 2.5rem + 12.5rem) );
  }
  .table-groups-settings .name-cell {
    width: calc(100% - ( 2.5rem + 9.375rem) );
  }
  .table-units-in-group .name-cell {
    width: calc(100% - ( 2.5rem + 3.125rem));
  }
  .table-units-in-group.add-table .name-cell {
    width: calc(100% - 6.25rem);
  }
  .download-reports .name-cell,
  .download-history .name-cell {
    width: calc(100% - 18.1875rem);
  }
  .add-table button {
    padding: 0 0.4375rem;
  }
}
@media screen and (max-width: 640px) {
  #settings .table-header .mobile-content-wrapper,
  #downloads .table-header .mobile-content-wrapper,
  #settings .table-header .mobile-action-wrapper.hide-on-small-screens,
  #downloads .table-header .mobile-action-wrapper.hide-on-small-screens {
    display: none;
  }
  #settings .mobile-action-wrapper.hide-on-small-screens,
  #downloads .mobile-action-wrapper.hide-on-small-screens {
    width: 100%;
    display: none;
    float: none;
    border: solid 1px #d4d4d4;
    border-width: 1px 0 ;
    background-color: #eeeeee;
  }
  #settings .mobile-action-wrapper.hide-on-small-screens .table-cell,
  #downloads .mobile-action-wrapper.hide-on-small-screens .table-cell {
    line-height: 1.25rem;
    text-align: center;
    padding: 0;
    width: 20%;
  }
  #settings .mobile-action-wrapper.hide-on-small-screens span,
  #downloads .mobile-action-wrapper.hide-on-small-screens span {
    display: block;
    width: 100%;
    font-size: 0.75rem;
  }
  #settings .mobile-action-wrapper.hide-on-small-screens input[type="checkbox"],
  #downloads .mobile-action-wrapper.hide-on-small-screens input[type="checkbox"],
  #settings .mobile-action-wrapper.hide-on-small-screens input[type="radio"],
  #downloads .mobile-action-wrapper.hide-on-small-screens input[type="radio"] {
    line-height: 1.25rem;
    height: 1.25rem;
  }
  .place-gps-position {
    top: auto;
  }
  .table-units-settings .name-cell {
    width: calc(100% - 9.4375rem);
  }
  .table-user-permissions .name-cell,
  .add-permission .name-cell {
    width: calc(100% - ( 2.5rem + 6.25rem));
  }
  .table-user-permissions.add-table .name-cell,
  .add-permission.add-table .name-cell {
    width: calc(100% - 9.375rem);
  }
  #settings .table-user-permissions .more-info,
  #settings .add-permission .more-info {
    display: inline-block;
  }
  /*
	.download-reports {
		.name-cell {
			width: ~"calc(100% - 12.5625rem)";
		}
	}
*/
}
@media screen and (max-width: 550px) {
  #settings .small-cell,
  #downloads .small-cell {
    width: 2.5rem;
  }
  .add-new-button span,
  .settings-control-buttons button span,
  .bulk-actions-select span:first-child {
    display: none;
  }
  .add-new-button .svg-icon {
    margin: 0 auto;
  }
  .bulk-actions-select select,
  .bulk-actions-select input {
    width: calc(100% - 3.75rem);
  }
  .bulk-actions-select button {
    width: 3.125rem;
  }
  .place-gps-position {
    top: auto;
  }
  .table-units-settings .name-cell {
    width: calc(100% - 7.5rem);
  }
  .table-unit-in-groups .table-header .name-cell,
  .table-unit-in-groups .name-cell {
    width: calc(100% - ( 2.5rem + 5rem));
  }
  .table-unit-in-groups.add-table .name-cell {
    width: calc(100% - 5rem);
  }
  .table-user-permissions .name-cell,
  .add-permission .name-cell {
    width: calc(100% - ( 2.5rem + 5rem));
  }
  .table-user-permissions.add-table .name-cell,
  .add-permission.add-table .name-cell {
    width: calc(100% - 7.5rem);
  }
  .table-users-settings .name-cell {
    width: calc(100% - ( 2.5rem + 10rem) );
  }
  .table-groups-settings .name-cell {
    width: calc(100% - ( 2.5rem + 7.5rem) );
  }
  .table-units-in-group .name-cell {
    width: calc(100% - ( 2.5rem + 2.5rem));
  }
  .table-units-in-group.add-table .name-cell {
    width: calc(100% - 5rem);
  }
  .download-reports .name-cell,
  .download-history .name-cell {
    width: calc(100% - 15.0625rem);
  }
}
@media screen and (max-width: 470px) {
  .download-reports .hide-on-large-screens,
  .download-history .hide-on-large-screens {
    display: none;
  }
  .download-reports .name-cell,
  .download-history .name-cell {
    width: calc(100% - 10.0625rem);
  }
}
@media screen and (max-width: 1150px) {
  #data-log .content-content {
    padding: 0;
  }
  #data-log .content-content h2 {
    margin-left: 0.625rem;
  }
  #data-log .push-content .action-menu span {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #data-log .push-content .toggle-actions {
    display: block;
  }
  #data-log .push-content .content-actions {
    display: none;
  }
  #data-log .push-content .content-actions.show {
    display: block;
    margin: 0;
    float: none;
    position: absolute;
    top: 3.125rem;
    right: 0;
    z-index: 999;
    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);
  }
  #data-log .push-content .content-actions.show .view-menu,
  #data-log .push-content .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;
  }
  #data-log .push-content .content-actions.show .view-menu li,
  #data-log .push-content .content-actions.show .action-menu li {
    display: block;
    height: 3.125rem;
    line-height: 3.125rem;
    margin: 0 auto;
  }
  #data-log .push-content .content-actions.show .view-menu li::before,
  #data-log .push-content .content-actions.show .action-menu li::before {
    display: none;
  }
  #data-log .push-content .content-actions.show .view-menu li:hover,
  #data-log .push-content .content-actions.show .action-menu li:hover {
    background-color: #d4d4d4;
  }
  #data-log .push-content .content-actions.show .view-menu li:hover .svg-icon,
  #data-log .push-content .content-actions.show .action-menu li:hover .svg-icon {
    fill: #424242;
  }
  #data-log .push-content .content-actions.show .view-menu {
    margin: 0 auto;
    background-color: #ffffff;
    border-top: solid 1px #d4d4d4;
  }
  #data-log .push-content .content-actions.show .view-menu:after {
    content: "";
    display: table;
    clear: both;
  }
  #data-log .push-content .content-actions.show .view-menu li {
    float: left;
    width: 24.8%;
    text-align: center;
  }
  #data-log .push-content .content-actions.show .view-menu li:first-child {
    padding-left: 0.625rem;
  }
  #data-log .push-content .content-actions.show .view-menu li:first-child:hover {
    background-color: inherit;
  }
  #data-log .push-content .content-actions.show .view-menu li:hover {
    background-color: #d4d4d4;
  }
  #data-log .push-content .content-actions.show .view-menu li:hover .svg-icon {
    fill: #424242;
    color: #424242;
  }
  #data-log .push-content .content-actions.show .action-menu span {
    display: inline-block;
  }
  #data-log .push-content .toggle-merged-tabs {
    width: calc(100% - 5.625rem);
    display: block;
  }
}
@media screen and (max-width: 550px) {
  #data-log .toggle-merged-tabs {
    width: calc(100% - 5.625rem);
    display: block;
  }
}
@media screen and (max-width: 640px) {
  #dashboard .row-01,
  #dashboard .row-02 {
    float: left;
    width: 50%;
    clear: none;
    padding-bottom: 1rem;
  }
  #dashboard .row-01 .grid-col,
  #dashboard .row-02 .grid-col {
    padding: 0 0.5rem 0 0;
  }
  #dashboard .row-01 .grid-col:first-child,
  #dashboard .row-02 .grid-col:first-child {
    padding-top: 1rem;
  }
  #dashboard .row-01 .grid-col:first-child .single-value,
  #dashboard .row-02 .grid-col:first-child .single-value,
  #dashboard .row-01 .grid-col:first-child .single-value-inline,
  #dashboard .row-02 .grid-col:first-child .single-value-inline {
    border-top-width: 1px;
  }
  #dashboard .w-3-24 {
    width: 100%;
  }
  .single-value {
    padding: 1rem;
  }
  .single-value-inline {
    padding: 0.425rem 1rem;
  }
  .single-value,
  .single-value-inline {
    text-align: left;
    border-top-width: 0;
    border-color: #d4d4d4;
  }
  .single-value .svg-icon,
  .single-value-inline .svg-icon {
    width: 2.4rem;
    height: 2.4rem;
  }
  .single-value .value-number,
  .single-value-inline .value-number {
    font-size: 1.6rem;
  }
  .single-value .value-number {
    display: inline-block;
    float: right;
  }
  .widget-summary {
    height: auto;
  }
  .widget-summary > button {
    padding: 0.5rem 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  #dashboard .row-01,
  #dashboard .row-02 {
    float: none;
    width: 100%;
    clear: both;
    padding-bottom: 0;
  }
  #dashboard .row-01 .grid-col,
  #dashboard .row-02 .grid-col {
    padding: 0;
  }
  #dashboard .row-02 {
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .popup,
  .alert {
    padding: 1.875rem;
  }
}
.iv-color-theme {
  color: #ffffff;
  background: #272b3c;
}
.iv-color-theme table,
.iv-color-theme th,
.iv-color-theme td {
  border-color: #4f577a;
}
.iv-color-theme tr:nth-child(even) {
  background: #2d3245;
}
.iv-color-theme.hybrid-content {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.iv-color-theme .tile {
  background-color: #3b415b;
  border-radius: 3px;
  height: 100%;
  width: 100%;
  margin: auto;
  padding: 0.625rem;
  font-weight: 500;
}
.iv-color-theme .tile-title {
  display: block;
  font-weight: 400;
  font-size: 0.875rem;
  color: #a0a7c2;
}
.iv-color-theme .tile-as-button {
  cursor: pointer;
  display: block;
  text-align: center;
  text-decoration: none;
  padding-top: 1.25rem;
}
.iv-color-theme .tile-as-button,
.iv-color-theme .button,
.iv-color-theme button,
.iv-color-theme input[type="button"] {
  border-radius: 3px;
  background: #596289;
  color: #ffffff;
}
.iv-color-theme .tile-as-button:hover,
.iv-color-theme .button:hover,
.iv-color-theme button:hover,
.iv-color-theme input[type="button"]:hover,
.iv-color-theme .tile-as-button:focus,
.iv-color-theme .button:focus,
.iv-color-theme button:focus,
.iv-color-theme input[type="button"]:focus {
  background: #6974a2;
  color: #ffffff;
  border: none;
}
.iv-color-theme .tile-as-button:disabled,
.iv-color-theme .button:disabled,
.iv-color-theme button:disabled,
.iv-color-theme input[type="button"]:disabled,
.iv-color-theme .tile-as-button.disabled,
.iv-color-theme .button.disabled,
.iv-color-theme button.disabled,
.iv-color-theme input[type="button"].disabled {
  background: #3b415b;
  color: #767a8c;
  cursor: not-allowed;
}
.iv-color-theme .simple-button {
  background: transparent;
}
.iv-color-theme .simple-button:hover,
.iv-color-theme .simple-button:focus {
  background: transparent;
}
.iv-color-theme .instrument-container {
  border-radius: 3px;
  border: solid 2px #3b415b;
  padding: 2px;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.iv-color-theme .instrument-container.active {
  border-color: #82DE25;
}
.iv-color-theme .instrument-container.active .metering-img {
  color: currentColor;
  fill: currentColor;
}
.iv-color-theme .controller-info > div {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.iv-color-theme .hybrid-line-diagram {
  background-color: #272b3c;
  min-width: 400px;
}
.iv-color-theme .hybrid-line-diagram .row .col {
  align-self: center;
}
.iv-color-theme .hybrid-line-diagram .row .col.d-flex {
  align-self: stretch;
}
.iv-color-theme .controller-mode-list button {
  margin-bottom: 0;
  border: 0;
}
.iv-color-theme .controller-mode-list button.current-mode {
  border-color: #00e600;
  color: #272b3c;
  background-color: #00e600;
}
.iv-color-theme .controller-mode-list button.current-mode:hover {
  background-color: #00ff00;
}
.iv-color-theme .controller-mode-list button.previous-mode {
  border: solid 2px #00ff00;
  color: #00ff00;
}
.iv-color-theme .controller-mode-list button.inactive {
  background-color: #3b415b;
  color: #767a8c;
}
.iv-color-theme .metering-main {
  display: flex;
  align-items: center;
}
.iv-color-theme .metering-main .rotate-180 {
  transform: rotate(180deg);
}
.iv-color-theme .metering-img,
.iv-color-theme .metering-values,
.iv-color-theme .controll-buttons {
  padding: 0.75rem 0.5rem;
}
.iv-color-theme .metering-img {
  padding: 0.75rem;
  max-width: 4.75rem;
  height: 4.75rem;
  color: #808080;
}
.iv-color-theme .metering-img .svg-icon {
  width: 100%;
  height: 100%;
}
.iv-color-theme .metering-values {
  flex-grow: 1;
}
.iv-color-theme .metering-values .val {
  font-size: 1.75rem;
  font-weight: 500;
}
.iv-color-theme .metering-values .val span {
  font-size: 1rem;
}
.iv-color-theme.hybrid-content .controll-buttons {
  align-self: flex-end;
}
.iv-color-theme.hybrid-content .controll-buttons button.start-button {
  margin-bottom: 1rem;
}
.iv-color-theme .metering-additional-info {
  background-color: #3b415b;
  padding: 0.375rem 0.5rem 0.25rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.iv-color-theme .metering-additional-info .svg-icon {
  margin-right: 0.5rem;
  margin-left: 0;
  align-self: flex-start;
}
.iv-color-theme .metering-additional-info .val-name {
  flex-grow: 1;
}
.iv-color-theme .metering-additional-info .val {
  text-align: right;
}
.iv-color-theme .connection {
  width: 50%;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  align-items: stretch;
  align-self: center;
  position: relative;
}
.iv-color-theme .connection.active .flow-arrow {
  color: #1DD322;
}
.iv-color-theme .flow-arrow {
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  min-width: 2.25rem;
  display: flex;
  justify-content: center;
  color: #596289;
}
.iv-color-theme .flow-arrow .svg-icon {
  width: 0.875rem;
  margin: auto 0;
  margin-right: -1px;
  align-self: center;
  animation-name: animate-flow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.iv-color-theme .flow-arrow-03 {
  opacity: 0.85;
}
.iv-color-theme .flow-arrow-02 {
  opacity: 0.66;
}
.iv-color-theme .flow-arrow-01 {
  opacity: 0.33;
}
.iv-color-theme .flow-arrow-03 {
  animation-delay: 0;
}
.iv-color-theme .flow-arrow-02 {
  animation-delay: 0.5s;
}
.iv-color-theme .flow-arrow-01 {
  animation-delay: 0.75s;
}
@keyframes animate-flow {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.33;
  }
}
.iv-color-theme .flow-reverse > .svg-icon {
  transform: rotate(180deg);
}
.iv-color-theme .flow-static {
  flex-direction: row-reverse;
}
.iv-color-theme .flow-static .svg-icon {
  animation-play-state: paused !important;
}
.iv-color-theme .breaker {
  position: relative;
  width: 50%;
  min-width: 1.5rem;
  display: flex;
  align-items: center;
  align-self: center;
}
.iv-color-theme .breaker-line,
.iv-color-theme .breaker-line:after,
.iv-color-theme .breaker-arm,
.iv-color-theme .no-breaker,
.iv-color-theme .bus-line {
  content: "";
  background-color: #808080;
}
.iv-color-theme .no-breaker {
  height: 4px;
}
.iv-color-theme .breaker-line {
  height: 4px;
  width: 20%;
  position: relative;
}
.iv-color-theme .breaker-line:after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  position: absolute;
  top: -3px;
}
.iv-color-theme .breaker-line-left:after {
  right: -4px;
}
.iv-color-theme .breaker-line-right:after {
  left: -4px;
}
.iv-color-theme .breaker-arm {
  height: 4px;
  width: 60%;
}
.iv-color-theme .breaker-left .breaker-arm {
  transform-origin: bottom left;
  transform: rotate(-40deg);
}
.iv-color-theme .breaker-left.breaker-closed .breaker-arm {
  transform: rotate(-6deg);
}
.iv-color-theme .breaker-right .breaker-arm {
  transform-origin: bottom right;
  transform: rotate(40deg);
}
.iv-color-theme .breaker-right.breaker-closed .breaker-arm {
  transform: rotate(6deg);
}
.iv-color-theme .breaker .diagram-buttons {
  position: absolute;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.iv-color-theme .breaker .diagram-buttons button {
  width: 2.5rem;
  height: 2.5rem;
  color: #424242;
  background-color: #ffffff;
}
.iv-color-theme .breaker .diagram-buttons button:hover {
  color: #ffffff;
  background-color: #808080;
}
.iv-color-theme .bus-line {
  align-self: center;
}
.iv-color-theme .horizontal-bus {
  width: 25%;
  min-width: 1rem;
  height: 4px;
}
.iv-color-theme .vertical-bus {
  position: relative;
  height: 100%;
  min-height: 0.5rem;
  width: 4px;
}
.iv-color-theme .vertical-bus.bus-half-top {
  height: calc(50% + 0.25rem);
  top: 25%;
}
.iv-color-theme .vertical-bus.bus-half-bottom {
  height: calc(50% + 0.25rem);
  bottom: 25%;
}
.iv-color-theme .vertical-bus.bus-half-top.bus-half-bottom {
  display: none;
}
.iv-color-theme .bargraph {
  margin-bottom: 0;
}
.iv-color-theme .bargraph-body {
  background-color: #3b415b;
  padding: 0.25rem 1rem;
}
.iv-color-theme .bargraph-values,
.iv-color-theme .bargraph-scale {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.iv-color-theme .bargraph-values {
  font-weight: 500;
}
.iv-color-theme .bargraph-values .name {
  font-size: 1rem;
}
.iv-color-theme .bargraph-values .actual-value {
  text-align: right;
}
.iv-color-theme .bargraph-column {
  width: 100%;
  height: 1.5rem;
  content: '';
  background-color: #272b3c;
  margin: 0.25rem auto;
}
.iv-color-theme .bargraph-column .actual-value {
  width: 0.5%;
  height: 100%;
  content: '';
  background-color: #6cc24a;
}
.iv-color-theme .bargraph-scale .max-value {
  text-align: right;
}
.iv-color-theme .bargraph + .unit-values-table {
  border: 0;
  margin-top: 0.25rem;
}
.iv-color-theme .unit-values-table .title {
  background-color: #3b415b;
  margin: 0 auto;
  padding: 0.5rem;
}
.iv-color-theme .unit-values-table table {
  border-color: #4f577a;
  border-top: none;
}
.iv-color-theme .unit-values-table table tr:nth-child(even) {
  background: #2d3245;
}
.iv-color-theme .unit-values-table table tr:last-child th,
.iv-color-theme .unit-values-table table tr:last-child td {
  border: none;
}
.iv-color-theme .limit-flag-01 .bargraph-column .actual-value {
  background-color: #FBC02D;
}
.iv-color-theme .limit-flag-02 .bargraph-column .actual-value {
  background-color: #d50000;
}
.iv-color-theme.hybrid-content .alarmlist ul {
  padding-top: 2px;
  padding-bottom: 2px;
  height: 212px;
  background-color: transparent;
  border: none;
}
.iv-color-theme.hybrid-content .alarmlist .alarm-reset {
  position: relative;
  top: auto;
  right: auto;
  padding: auto;
  margin: auto;
  transition: background 300ms;
}
.iv-color-theme.hybrid-content .alarmlist .alarm-reset .svg-icon {
  fill: #ffffff;
  opacity: 1;
}
.iv-color-theme.hybrid-content .alarmlist .alarm-reset:hover,
.iv-color-theme.hybrid-content .alarmlist .alarm-reset:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border: solid 2px #d50000;
}
.iv-color-theme.hybrid-content .alarmlist .alarm-reset:hover .svg-icon,
.iv-color-theme.hybrid-content .alarmlist .alarm-reset:focus .svg-icon {
  fill: #ffffff;
}
.iv-color-theme .alarmlist-header {
  display: flex;
  align-items: center;
  background-color: #3b415b;
  padding: 0.5rem;
}
.iv-color-theme .alarmlist-header .alarm-indication {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
}
.iv-color-theme .alarmlist-header .title {
  flex-grow: 1;
  padding: 0 0.25rem;
  margin: auto;
  font-weight: 400;
  font-size: 0.875rem;
  color: #a0a7c2;
}
.iv-color-theme .alarmlist-header .title span {
  font-weight: 500;
  font-size: 1rem;
  color: #ffffff;
}
.iv-color-theme.hybrid-content .comments .title {
  background-color: #3b415b;
  margin: 0 auto;
  padding: 0.5rem;
}
.iv-color-theme.hybrid-content .comments-content {
  border: none;
  margin: 0.25rem auto;
  height: 12.5rem;
}
.iv-color-theme.hybrid-content .comment-post > div {
  background-color: transparent;
  border-color: #4f577a;
  font-size: 0.75rem;
}
.iv-color-theme.hybrid-content .comment-post.unread > div {
  background-color: #596289;
}
.iv-color-theme .comments-count {
  color: #ffffff;
  font-size: 0.8125rem;
  line-height: 1;
}
.iv-color-theme .comments-input {
  display: flex;
  align-items: center;
  padding: 0.25rem;
}
.iv-color-theme .comments-input textarea {
  border-color: #4f577a;
  background-color: #272b3c;
  height: 4rem;
  margin-right: 0.5rem;
}
.iv-color-theme .comments-input button {
  height: 4rem;
  width: 4rem;
  margin: auto;
}
.iv-color-theme .generator.instrument-container.active,
.iv-color-theme .generator.instrument-container.bargraph {
  border-color: #03A9F4;
}
.iv-color-theme .generator .bargraph-column-content {
  background-color: #03A9F4;
}
.iv-color-theme .mains.instrument-container.active,
.iv-color-theme .mains.instrument-container.bargraph {
  border-color: #BA68C8;
}
.iv-color-theme .mains .bargraph-column-content {
  background-color: #BA68C8;
}
.iv-color-theme .load.instrument-container.active,
.iv-color-theme .load.instrument-container.bargraph {
  border-color: #82DE25;
}
.iv-color-theme .load .bargraph-column-content {
  background-color: #82DE25;
}
.iv-color-theme .photovoltaic.instrument-container.active,
.iv-color-theme .photovoltaic.instrument-container.bargraph {
  border-color: #FDD835;
}
.iv-color-theme .photovoltaic .bargraph-column-content {
  background-color: #FDD835;
}
.iv-color-theme .wind-turbine.instrument-container.active,
.iv-color-theme .wind-turbine.instrument-container.bargraph {
  border-color: #26C6DA;
}
.iv-color-theme .wind-turbine .bargraph-column-content {
  background-color: #26C6DA;
}
.iv-color-theme .battery.instrument-container.active,
.iv-color-theme .battery.instrument-container.bargraph {
  border-color: #FB8C00;
}
.iv-color-theme .battery .bargraph-column-content {
  background-color: #FB8C00;
}
.iv-color-theme .gutters-4 {
  margin-right: 0;
  margin-left: 0;
}
.iv-color-theme .gutters-4 > .col,
.iv-color-theme .gutters-4 > [class*="col-"] {
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}
.iv-color-theme .gutters-4 > .col:first-child,
.iv-color-theme .gutters-4 > [class*="col-"]:first-child {
  padding-left: 0;
}
.iv-color-theme .gutters-4 > .col:last-child,
.iv-color-theme .gutters-4 > [class*="col-"]:last-child {
  padding-right: 0;
}
.iv-color-theme .border-0 {
  border: none !important;
}
@media (max-width: 1449.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.6875rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.625rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.625rem;
  }
  .iv-color-theme .metering-values .val {
    font-size: 1.5rem;
  }
  .iv-color-theme .metering-values .val span {
    font-size: 0.875rem;
  }
  .iv-color-theme .metering-values .perc {
    margin-top: 0;
    font-size: 1.125rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media (max-width: 991.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.6875rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.625rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.5rem;
  }
  .iv-color-theme .metering-values .val {
    font-size: 1.5rem;
  }
  .iv-color-theme .metering-values .val span {
    font-size: 0.875rem;
  }
  .iv-color-theme .metering-values .perc {
    margin-top: 0;
    font-size: 1.125rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 767.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.6875rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.625rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.5rem;
  }
  .iv-color-theme .metering-values .val {
    font-size: 1.25rem;
  }
  .iv-color-theme .metering-values .val span {
    font-size: 0.875rem;
  }
  .iv-color-theme .metering-values .perc {
    font-size: 1rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}
@media (max-width: 639.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.6875rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.625rem;
    max-width: 3.75rem;
    max-height: 3.75rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.625rem 0.5rem;
  }
  .iv-color-theme .metering-values .val {
    font-size: 1.25rem;
  }
  .iv-color-theme .metering-values .val span {
    font-size: 0.875rem;
  }
  .iv-color-theme .metering-values .perc {
    font-size: 1rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .iv-color-theme .metering-additional-info .val-name {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.625rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.3125rem;
    max-width: 2.625rem;
    max-height: 2.625rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.5rem 0.3125rem;
  }
  .iv-color-theme .metering-values .val {
    font-size: 1.125rem;
  }
  .iv-color-theme .metering-values .val span {
    font-size: 0.75rem;
  }
  .iv-color-theme .metering-values .perc {
    font-size: 1rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .iv-color-theme .metering-additional-info .val-name {
    display: none;
  }
  .iv-color-theme .breaker-line,
  .iv-color-theme .breaker-arm,
  .iv-color-theme .no-breaker,
  .iv-color-theme .horizontal-bus {
    height: 3px;
  }
  .iv-color-theme .vertical-bus {
    width: 3px;
  }
  .iv-color-theme .breaker-line:after {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: -2px;
  }
  .iv-color-theme .breaker-line.breaker-line-left:after {
    right: -3px;
  }
  .iv-color-theme .breaker-line.breaker-line-right:after {
    left: -3px;
  }
}
@media (max-width: 479.98px) {
  .iv-color-theme .flow-arrow .svg-icon {
    width: 0.5rem;
  }
  .iv-color-theme .metering-img {
    padding: 0.25rem;
    max-width: 2rem;
    max-height: 2rem;
  }
  .iv-color-theme .metering-values {
    padding: 0.25rem;
  }
  .iv-color-theme .metering-values .perc {
    margin-top: -0.125rem;
  }
  .iv-color-theme.hybrid-content .controll-buttons {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .iv-color-theme .breaker-line,
  .iv-color-theme .breaker-arm,
  .iv-color-theme .no-breaker,
  .iv-color-theme .horizontal-bus {
    height: 2px;
  }
  .iv-color-theme .vertical-bus {
    width: 2px;
  }
  .iv-color-theme .breaker-line:after {
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: -2px;
  }
  .iv-color-theme .breaker-line.breaker-line-left:after {
    right: -2px;
  }
  .iv-color-theme .breaker-line.breaker-line-right:after {
    left: -2px;
  }
}
.wsv-editor .panel-instruments__instrument__Text:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Text span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Text span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/text-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Analog:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Analog span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Analog span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/analog-meter-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__AlarmList:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__AlarmList span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__AlarmList span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/alarm-list-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Bargraph:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Bargraph span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Bargraph span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/bargraphs-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Datarow:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Datarow span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Datarow span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/data-row-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Table:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Table span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Table span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/table-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__SiteDiagram:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__SiteDiagram span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__SiteDiagram span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/diagram-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__HybridDiagram:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__HybridDiagram span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__HybridDiagram span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/hybrid-diagram-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Comments:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Comments span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Comments span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/comments-instrument-icon.svg?v=1');
}
.wsv-editor .panel-instruments__instrument__Button:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Button span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Button span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/button-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__ControlButton:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__ControlButton span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__ControlButton span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/button-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__StartButton:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__StartButton span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__StartButton span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/start-button-instrument-icon.svg?v=1');
}
.wsv-editor .panel-instruments__instrument__StopButton:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__StopButton span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__StopButton span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/stop-button-instrument-icon.svg?v=1');
}
.wsv-editor .panel-instruments__instrument__Webcam:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Webcam span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Webcam span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/video-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Led:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Led span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Led span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/led-general-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__IFrame:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__IFrame span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__IFrame span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/iframe-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Image:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Image span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Image span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/picture-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Line:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Line span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Line span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/line-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Map:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Map span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Map span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/map-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__OnlineTrends:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__OnlineTrends span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__OnlineTrends span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/trend-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Rectangle:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Rectangle span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Rectangle span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/rectangle-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__ActiveComments:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__ActiveComments span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__ActiveComments span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/active-comments-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__BargraphTable:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__BargraphTable span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__BargraphTable span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/bargraph-table-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__FilteredTable:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__FilteredTable span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__FilteredTable span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/filtered-table-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__MultiAlarmList:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__MultiAlarmList span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__MultiAlarmList span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/multi-alarm-list-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__SummaryBargraph:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__SummaryBargraph span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__SummaryBargraph span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/summary-bargraph-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Tile:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Tile span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Tile span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/tile-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__BreakerButton:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__BreakerButton span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__BreakerButton span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/breaker-button-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__Breaker:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__Breaker span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__Breaker span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/breaker-instrument-icon.svg');
}
.wsv-editor .panel-instruments__instrument__ModeSelector:hover span::before {
  opacity: 1;
}
.wsv-editor .panel-instruments__instrument__ModeSelector span {
  margin-left: 8px;
}
.wsv-editor .panel-instruments__instrument__ModeSelector span::before {
  opacity: 0.8;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  content: url('../img/editor/mode-selector-instrument-icon.svg');
}
.mini-detail .wsv-editor .editor-canvas,
.mini-detail .wsv-editor .viewer-canvas {
  width: 15.625rem;
  margin: 0 auto;
}