.btn-group {
  display: inline-block;
}
.btn-group:after {
  content: "";
  display: table;
  clear: both;
}
.btn-group:after {
  content: "";
  display: table;
  clear: both;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: 0;
}
.btn-group > .btn:first-child:not(:last-child).btn-primary::before,
.btn-group > .btn:first-child:not(:last-child)[type=submit]::before {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-right: 0;
  margin-left: 1px;
}
.btn-group > .btn:not(:first-child):not(:last-child).btn-primary::before,
.btn-group > .btn:not(:first-child):not(:last-child)[type=submit]::before {
  border-radius: 0 0 0 0;
}
.btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 1px;
}
.btn-group > .btn:last-child:not(:first-child).btn-primary::before,
.btn-group > .btn:last-child:not(:first-child)[type=submit]::before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn {
  position: relative;
  border: 2px solid #666666;
  border-radius: 0;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 1.2rem 3.2rem;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0;
  margin: 0.5rem;
  background: #666666;
  color: #FFFFFF;
}
.btn:hover {
  background: #666666;
  border-color: #666666;
}
.btn:focus {
  outline: none;
}
.btn.btn-small {
  padding: 0.75rem 2.4rem;
}
.btn.btn-ico > [class^="icon-"],
.btn.btn-text-ico > [class^="icon-"],
.btn.btn-ico > [class*=" icon-"],
.btn.btn-text-ico > [class*=" icon-"] {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
}
.btn.btn-text-ico > [class^="icon-"],
.btn.btn-text-ico > [class*=" icon-"] {
  margin: 0 0.5rem;
}
.btn.btn-ico {
  padding: 1.2rem;
}
.btn.btn-small.btn-ico {
  padding: 0.75rem;
}
.btn[type="submit"],
.btn.btn-primary {
  color: #FFFFFF;
  background-color: #FE5B1B;
  border: 2px solid #FE5B1B;
}
.btn[type="submit"]:hover,
.btn.btn-primary:hover {
  background: #FE5B1B;
  border-color: #FE5B1B;
}
.btn.btn-muted {
  color: #333333;
  background-color: #FFFFFF;
  border: 2px solid #333333;
}
.btn.btn-muted:hover {
  background: #FFFFFF;
  border-color: #333333;
}
.btn.btn-active {
  color: #FFFFFF;
  background-color: #FE5B1B;
  border: 2px solid #FE5B1B;
}
.btn.btn-active:hover {
  background: #FE5B1B;
  border-color: #FE5B1B;
}
.btn.btn-inactive {
  color: #FFFFFF;
  background-color: #CCCCCC;
  border: 2px solid #CCCCCC;
}
.btn.btn-inactive:hover {
  background: #FE5B1B;
  border-color: #FE5B1B;
}
.btn[type="submit"]:disabled,
.btn.disabled,
.btn:disabled {
  background: #CCCCCC;
  color: #666666;
  border: 2px solid #CCCCCC;
  cursor: default;
  pointer-events: none;
}
.btn[type="submit"]:disabled:hover,
.btn.disabled:hover,
.btn:disabled:hover {
  background: #CCCCCC;
  border: 2px solid #CCCCCC;
}
.btn-ico:not(.btn) {
  border: none;
  background: none;
  color: #333333;
  padding: 0.7rem;
  display: inline-block;
  line-height: 1.2;
}
.btn-ico:not(.btn) > [class^="icon-"],
.btn-ico:not(.btn) > [class*=" icon-"] {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
}
.btn-ico:not(.btn).btn-primary {
  color: #FE5B1B;
}
.btn-ico:not(.btn).disabled,
.btn-ico:not(.btn):disabled {
  color: #CCCCCC;
}
.btn-ico:not(.btn):not(.disabled):not(:disabled) {
  cursor: pointer;
}
.btn-ico:not(.btn):not(.disabled):not(:disabled).btn-active,
.btn-ico:not(.btn):not(.disabled):not(:disabled):hover {
  color: #FE5B1B;
}
dl {
  margin: 0.8rem;
}
dl dt {
  float: left;
  width: 40%;
  text-align: left;
  padding: 0 0.25rem;
  clear: left;
}
dl dd {
  float: left;
  margin-bottom: 0.5rem;
}
dl:after {
  content: "";
  display: table;
  clear: both;
}
input,
select,
textarea,
label {
  font-family: 'Calibre', Arial, Sans-Serif, sans-serif;
  font-size: 1.6rem;
  line-height: 1.2;
  transition: color, background, border 0.2s;
  touch-action: manipulation;
}
.form-group {
  position: relative;
}
.form-group input:not([type="checkbox"]):not([type="radio"]).form-control,
.form-group select.form-control,
.form-group textarea.form-control {
  width: 100%;
}
.form-group label {
  font-weight: 500;
}
.form-group .form-text {
  position: absolute;
  right: 0;
  bottom: 1px;
  display: block;
  margin-top: 0.25rem;
  padding: 0 5px;
  font-size: 1.4rem;
  line-height: 1.2;
  border-radius: 0 0 0 0;
}
.form-group .form-info {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
}
.form-group .form-info-icon {
  padding-right: 5px;
}
.form-group .form-info-text {
  word-break: break-word;
}
.form-group.form-group-invalid .form-text {
  background: #D23241;
  color: #FFFFFF;
}
.form-group.form-group-invalid .form-control {
  border-bottom-right-radius: 0;
}
.form-buttons {
  text-align: right;
}
.form-control-wrapper {
  position: relative;
  width: 100%;
}
.form-control {
  display: inline-block;
  color: #333333;
  background: #FFFFFF none;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #999999;
  border-radius: 0;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  vertical-align: middle;
}
.form-control:focus {
  outline: none;
  border-color: #FE5B1B;
}
.form-control:not([type="checkbox"]):not([type="radio"]) {
  padding: 1rem 0.75rem;
  min-height: 4.2rem;
}
.form-control:not([type="checkbox"]):not([type="radio"]):not(textarea) {
  height: 4.2rem;
}
.form-control.form-control-small:not([type="checkbox"]):not([type="radio"]) {
  padding: 0.5rem 0.75rem;
  min-height: 3.2rem;
}
.form-control.form-control-small:not([type="checkbox"]):not([type="radio"]):not(textarea) {
  height: 3.2rem;
}
.form-control[type="search"] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiICB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgIDxwYXRoIGZpbGw9IiNCQkJDQkMiIGQ9Ik05LjUsM0E2LjUsNi41IDAgMCwxIDE2LDkuNUMxNiwxMS4xMSAxNS40MSwxMi41OSAxNC40NCwxMy43M0wxNC43MSwxNEgxNS41TDIwLjUsMTlMMTksMjAuNUwxNCwxNS41VjE0LjcxTDEzLjczLDE0LjQ0QzEyLjU5LDE1LjQxIDExLjExLDE2IDkuNSwxNkE2LjUsNi41IDAgMCwxIDMsOS41QTYuNSw2LjUgMCAwLDEgOS41LDNNOS41LDVDNyw1IDUsNyA1LDkuNUM1LDEyIDcsMTQgOS41LDE0QzEyLDE0IDE0LDEyIDE0LDkuNUMxNCw3IDEyLDUgOS41LDVaIiAvPgo8L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 35px !important;
}
.form-control[type="radio"]:not(.disabled):not(:disabled),
.form-control[type="checkbox"]:not(.disabled):not(:disabled) {
  cursor: pointer;
}
.form-control[type="checkbox"] {
  border: 2px solid #666666;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-control[type="checkbox"]:checked,
.form-control[type="checkbox"]:indeterminate {
  background: #FE5B1B;
  border-color: #FE5B1B;
}
.form-control[type="checkbox"]:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Cpolygon points='16 3 8 11 4 7 2 9 8 15 10 13 18 5 16 3' style='fill:%23fff'/%3E%3C/svg%3E");
}
.form-control[type="checkbox"]:indeterminate::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3e%3cpath stroke='%23fff' stroke-width='2' d='M2 8h12'/%3e%3c/svg%3e");
}
.form-control[type="radio"] {
  border: 2px solid #666666;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  margin-right: 1rem;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-control[type="radio"]:checked {
  border-color: #FE5B1B;
}
.form-control[type="radio"]:checked::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Ccircle cx='10' cy='10' r='4' style='fill:%23FE5B1B'/%3E%3C/svg%3E");
}
.form-control.form-control-valid:not([type="checkbox"]):not([type="radio"]):not([readonly]):not(:focus),
.form-control.ng-dirty:not(.ng-invalid):not([type="checkbox"]):not([type="radio"]):not([readonly]):not(:focus),
.form-control.ng-touched:not(.ng-invalid):not([type="checkbox"]):not([type="radio"]):not([readonly]):not(:focus) {
  border-color: #64A539;
}
.form-control.form-control-invalid,
.form-control.ng-dirty.ng-invalid,
.form-control.ng-touched.ng-invalid {
  border-color: #D23241;
}
.form-control::placeholder {
  color: #CCCCCC;
}
.form-control[readonly]:not([type="checkbox"]):not([type="radio"]) {
  outline: none;
  border-color: transparent;
  background-color: transparent;
  cursor: default;
  padding: 0;
  height: auto;
  margin-bottom: 0;
}
.form-control[readonly]:not([type="checkbox"]):not([type="radio"]):focus {
  outline: none;
}
.form-control:disabled,
.form-control.disabled {
  color: #CCCCCC;
  border-color: #CCCCCC;
}
.form-control:disabled::placeholder,
.form-control.disabled::placeholder {
  color: #CCCCCC;
}
.form-control:disabled[type="checkbox"]:checked,
.form-control.disabled[type="checkbox"]:checked,
.form-control:disabled[type="checkbox"]:indeterminate,
.form-control.disabled[type="checkbox"]:indeterminate,
.form-control:disabled[type="radio"]:checked,
.form-control.disabled[type="radio"]:checked,
.form-control:disabled[type="radio"]:indeterminate,
.form-control.disabled[type="radio"]:indeterminate {
  background: #CCCCCC;
  border-color: #CCCCCC;
}
select.form-control[readonly] {
  -webkit-appearance: none;
  -moz-appearance: none;
  pointer-events: none;
}
select.form-control[readonly]::-ms-expand {
  display: none;
}
.flex-layout > .form-control[class^="col-flex"],
.flex-layout > .form-control[class*=" col-flex"] {
  margin-right: 10px;
  margin-left: 10px;
}
.paging-bar {
  text-align: center;
  position: relative;
  padding: 0.8rem;
  background-color: #F2F2F2;
  border: 1px solid #E5E5E5;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
.paging-bar form,
.paging-bar .paging-actions,
.paging-bar .number-of-results {
  display: inline-block;
}
.paging-bar input {
  width: 4rem;
  margin-bottom: 0;
  background-color: #F2F2F2;
}
.paging-bar .paging-actions {
  -ms-grid-column: 2;
  grid-column: 2;
  text-align: right;
  -ms-grid-row-align: center;
  align-self: center;
}
.paging-bar .number-of-results {
  -ms-grid-column: 1;
  grid-column: 1;
  text-align: left;
  -ms-grid-row-align: center;
  align-self: center;
}
.paging-bar .page-size-selected {
  color: #FE5B1B;
}
.hide-number-of-results .paging-bar .number-of-results {
  display: none;
}
table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}
table thead tr,
table tbody tr {
  background-color: #FFFFFF;
}
table > thead > tr > th {
  text-align: left;
  line-height: 1.5;
  text-transform: none;
  font-size: 1.4rem;
  font-weight: 600;
  vertical-align: middle;
  padding: 0.75rem;
  border: none;
  border-bottom: 2px solid #999999;
  border-top: none;
  background-color: transparent;
  position: relative;
}
table > thead > tr > th.sorted-asc::before,
table > thead > tr > th.sorted-desc::before {
  position: absolute;
  right: 5px;
  color: #999999;
}
table > thead > tr > th.sorted-asc::before {
  content: "\e94a";
  font-family: "vertiv-icon-font-3122021";
}
table > thead > tr > th.sorted-desc::before {
  content: "\e01a";
  font-family: "vertiv-icon-font-3122021";
}
table > thead > tr > th.sortable {
  padding-right: 2.4rem;
  cursor: pointer;
}
table > tbody > tr > td,
table > tfoot > tr > td {
  border-bottom: 1px solid #808080;
  font-size: 1.6rem;
  vertical-align: middle;
  padding: 0.75rem;
  line-height: 1.5;
}
table.striped tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
table.striped tbody > tr > td {
  border-bottom: none;
}
table > tbody > tr > td.min,
table > thead > tr > th.min {
  text-align: center;
  width: 1px;
}
table > thead > tr > th.sortable.min {
  padding-left: 2.4rem;
}
table.selectable:not(.single-select) > thead > tr > th:first-child,
table.selectable:not(.single-select) > tbody > tr > td:first-child {
  width: 6rem;
  min-width: 6rem;
  text-align: center;
  position: relative;
}
table.selectable:not(.single-select) > thead > tr > th:first-child label,
table.selectable:not(.single-select) > tbody > tr > td:first-child label {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 3.8rem;
  user-select: none;
  /* CSS3 (little to no support) */
  -ms-user-select: none;
  /* IE 10+ */
  -moz-user-select: none;
  /* Gecko (Firefox) */
  -webkit-user-select: none;
}
table.selectable:not(.single-select) > thead > tr > th:first-child label:not(.disabled):not(:disabled),
table.selectable:not(.single-select) > tbody > tr > td:first-child label:not(.disabled):not(:disabled) {
  cursor: pointer;
}
table.selectable:not(.single-select) > thead > tr > th:first-child label.disabled,
table.selectable:not(.single-select) > tbody > tr > td:first-child label.disabled,
table.selectable:not(.single-select) > thead > tr > th:first-child label:disabled,
table.selectable:not(.single-select) > tbody > tr > td:first-child label:disabled {
  cursor: not-allowed;
}
table.selectable:not(.single-select) > thead > tr > th:first-child label input,
table.selectable:not(.single-select) > tbody > tr > td:first-child label input {
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  left: 50%;
  margin-left: -1rem;
}
table.selectable:not(.single-select) > thead > tr > th:first-child label input.disabled,
table.selectable:not(.single-select) > tbody > tr > td:first-child label input.disabled,
table.selectable:not(.single-select) > thead > tr > th:first-child label input:disabled,
table.selectable:not(.single-select) > tbody > tr > td:first-child label input:disabled {
  cursor: not-allowed;
}
table.selectable > tbody > tr.selected {
  background-color: rgba(255, 210, 72, 0.2);
}
table.selectable.single-select > tbody > tr:not(.disable-select):hover {
  cursor: pointer;
  background-color: rgba(255, 210, 72, 0.1);
}
table.selectable.single-select > tbody > tr.disable-select:hover {
  cursor: not-allowed;
}
html {
  font-family: 'Calibre', Arial, Sans-Serif, sans-serif;
  font-size: 62.5%;
}
body {
  background-color: #FFFFFF;
  color: #333333;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: normal;
}
hr {
  border: none;
  border-bottom: 1px solid #F2F2F2;
  margin: 2rem 0;
}
p {
  margin: 0 0 8px 0;
}
a {
  color: #0076A8;
  text-decoration: none;
}
a:disabled,
a.disabled {
  color: #333333;
  pointer-events: none;
}
h1,
.h1 {
  font-size: 6rem;
  line-height: 1.4;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
h2,
.h2 {
  font-size: 4.8rem;
  line-height: 1.4;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
h3,
.h3 {
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
h4,
.h4 {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
h5,
.h5 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
h6,
.h6 {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: normal;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
.h7 {
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: normal;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 0;
}
.overline {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: normal;
}
.p-intro-1 {
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: 500;
  color: #333333;
  text-transform: none;
  letter-spacing: normal;
}
.p-intro-2 {
  font-size: 2.6rem;
  line-height: 1.4;
  font-weight: normal;
  color: #333333;
  text-transform: none;
  letter-spacing: normal;
}
.p-title {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 500;
  color: #333333;
  text-transform: none;
  letter-spacing: normal;
}
.p1 {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #333333;
  text-transform: none;
  letter-spacing: normal;
}
.p2 {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #333333;
  text-transform: none;
  letter-spacing: normal;
}
.subtitle {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1rem 0;
}
.caption {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #999999;
  text-transform: none;
  letter-spacing: normal;
  font-style: italic;
}
blockquote {
  padding: 1rem;
  margin: 1.6rem;
  border-style: solid;
  border-width: 0 0 0 3px;
  border-color: #F2F2F2;
}
pre {
  position: relative;
  padding: 1rem;
  margin: 16px 0;
  word-break: break-word;
  font-size: 1.4rem;
  color: #333333;
  background-color: #F2F2F2;
  border: none;
  border-radius: 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
code {
  color: #FB9500;
  font-size: 1.4rem;
}
pre code {
  color: #666666;
}
.content-block {
  padding: 1.5rem;
}
.content-section {
  padding: 2rem 0;
}
.content-section-title {
  background-color: #F2F2F2;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 1rem 0;
  padding: 1.2rem 1rem;
  margin: 0;
}
.content-section-title:after {
  content: "";
  display: table;
  clear: both;
}
.content-section-title:after {
  content: "";
  display: table;
  clear: both;
}
.content-section-title > .actions {
  float: right;
  margin: -1rem 0;
}
.content-section-title > .actions > * {
  vertical-align: middle;
}
.content-section > .content-section-title {
  margin: 0 0 1rem 0;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.font-weight-bold {
  font-weight: bold;
}
.font-weight-semi-bold {
  font-weight: 600;
}
.font-weight-medium {
  font-weight: 500;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-light {
  font-weight: 300;
}
.font-weight-thin {
  font-weight: 100;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-MediumItalic.eot");
  src: url("../assets/fonts/CalibreWeb-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-MediumItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-MediumItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-MediumItalic.svg#CalibreWeb-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-Medium.eot");
  src: url("../assets/fonts/CalibreWeb-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-Medium.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-Medium.woff") format("woff"), url("../assets/fonts/CalibreWeb-Medium.svg#CalibreWeb-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-BoldItalic.eot");
  src: url("../assets/fonts/CalibreWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-BoldItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-BoldItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-BoldItalic.svg#CalibreWeb-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-LightItalic.eot");
  src: url("../assets/fonts/CalibreWeb-LightItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-LightItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-LightItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-LightItalic.svg#CalibreWeb-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-Regular.eot");
  src: url("../assets/fonts/CalibreWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-Regular.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-Regular.woff") format("woff"), url("../assets/fonts/CalibreWeb-Regular.svg#CalibreWeb-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-Bold.eot");
  src: url("../assets/fonts/CalibreWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-Bold.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-Bold.woff") format("woff"), url("../assets/fonts/CalibreWeb-Bold.svg#CalibreWeb-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-ThinItalic.eot");
  src: url("../assets/fonts/CalibreWeb-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-ThinItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-ThinItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-ThinItalic.svg#CalibreWeb-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-Semibold.eot");
  src: url("../assets/fonts/CalibreWeb-Semibold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-Semibold.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-Semibold.woff") format("woff"), url("../assets/fonts/CalibreWeb-Semibold.svg#CalibreWeb-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-Light.eot");
  src: url("../assets/fonts/CalibreWeb-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-Light.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-Light.woff") format("woff"), url("../assets/fonts/CalibreWeb-Light.svg#CalibreWeb-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-RegularItalic.eot");
  src: url("../assets/fonts/CalibreWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-RegularItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-RegularItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-RegularItalic.svg#CalibreWeb-RegularItalic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Calibre';
  src: url("../assets/fonts/CalibreWeb-SemiboldItalic.eot");
  src: url("../assets/fonts/CalibreWeb-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/CalibreWeb-SemiboldItalic.woff2") format("woff2"), url("../assets/fonts/CalibreWeb-SemiboldItalic.woff") format("woff"), url("../assets/fonts/CalibreWeb-SemiboldItalic.svg#CalibreWeb-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "vertiv-icon-font-3122021";
  src: url('../assets/fonts/vertiv-icon-font-3122021.eot?viiosf');
  src: url('../assets/fonts/vertiv-icon-font-3122021.eot?viiosf#iefix') format('embedded-opentype'), url('../assets/fonts/vertiv-icon-font-3122021.ttf?viiosf') format('truetype'), url('../assets/fonts/vertiv-icon-font-3122021.woff?viiosf') format('woff'), url('../assets/fonts/vertiv-icon-font-3122021.svg?viiosf#vertiv-icon-font-3122021') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "vertiv-icon-font-3122021" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dashboard:before {
  content: "\ea23";
}
.icon-tenancy:before {
  content: "\ea24";
}
.icon-approximate:before {
  content: "\ea20";
}
.icon-calculated:before {
  content: "\ea21";
}
.icon-constant:before {
  content: "\ea22";
}
.icon-network:before {
  content: "\ea1f";
}
.icon-generic-datapoint:before {
  content: "\ea1e";
}
.icon-installer:before {
  content: "\ea1d";
}
.icon-alphabetical-view:before {
  content: "\e900";
}
.icon-grid-view:before {
  content: "\e901";
}
.icon-list-view:before {
  content: "\e902";
}
.icon-thumbnail-view:before {
  content: "\e903";
}
.icon-disable-crossed-disallowed-no-simple:before {
  content: "\e904";
}
.icon-no-disable-crossed-disallowed:before {
  content: "\e905";
}
.icon-normal-bullet-circle-simple:before {
  content: "\e906";
}
.icon-settings-wrench-simple:before {
  content: "\e907";
}
.icon-stop-octagon:before {
  content: "\e908";
}
.icon-warning-triangle-caution:before {
  content: "\e909";
}
.icon-ats:before {
  content: "\e9fd";
}
.icon-bcm-branch-circuit-monitoring:before {
  content: "\e9fe";
}
.icon-containment-cooling:before {
  content: "\e9ff";
}
.icon-dc-plant:before {
  content: "\ea01";
}
.icon-environmental:before {
  content: "\ea02";
}
.icon-floor--pdu-2:before {
  content: "\ea03";
}
.icon-fuel-tank:before {
  content: "\ea04";
}
.icon-generator:before {
  content: "\ea05";
}
.icon-leak-detection:before {
  content: "\ea06";
}
.icon-link-down:before {
  content: "\ea09";
}
.icon-power-meter:before {
  content: "\ea0a";
}
.icon-rtu-roof-top-unit:before {
  content: "\ea0b";
}
.icon-sts-static-switch:before {
  content: "\ea0c";
}
.icon-swgr---switch-gear:before {
  content: "\ea0d";
}
.icon-timer:before {
  content: "\ea0f";
}
.icon-unlink:before {
  content: "\ea10";
}
.icon-ups:before {
  content: "\ea12";
}
.icon-clipboard:before {
  content: "\e9d2";
}
.icon-clipboard-remove:before {
  content: "\e9d4";
}
.icon-unlink1:before {
  content: "\e9d0";
}
.icon-information:before {
  content: "\e9ce";
}
.icon-hourglass-end:before {
  content: "\e9c8";
}
.icon-hourglass-half:before {
  content: "\e9ca";
}
.icon-hourglass-start:before {
  content: "\e9cc";
}
.icon-wifi-disabled:before {
  content: "\e9c5";
}
.icon-compress:before {
  content: "\e9bd";
}
.icon-expand:before {
  content: "\e9c0";
}
.icon-move:before {
  content: "\e9c2";
}
.icon-chevron-thick-left:before {
  content: "\e54d";
}
.icon-chevron-thick-right:before {
  content: "\e950";
}
.icon-chevron-thick-down:before {
  content: "\e939";
}
.icon-chevron-thick-up:before {
  content: "\e02f";
}
.icon-chevron-left-thin:before {
  content: "\e93a";
}
.icon-chevron-right-thin:before {
  content: "\e93c";
}
.icon-chevron-down-thin:before {
  content: "\e93d";
}
.icon-chevron-up-thin:before {
  content: "\e93e";
}
.icon-caret-right:before {
  content: "\e94c";
}
.icon-caret-left:before {
  content: "\e94b";
}
.icon-caret-down:before {
  content: "\e01a";
}
.icon-caret-up:before {
  content: "\e94a";
}
.icon-chevron-double-right:before {
  content: "\e940";
}
.icon-chevron-double-left:before {
  content: "\e93f";
}
.icon-chevron-double-down:before {
  content: "\e941";
}
.icon-chevron-double-up:before {
  content: "\e942";
}
.icon-move-to-top:before {
  content: "\e985";
}
.icon-move-to-bottom:before {
  content: "\e98a";
}
.icon-arrow-down:before {
  content: "\e015";
}
.icon-arrow-up:before {
  content: "\e94d";
}
.icon-arrow-left:before {
  content: "\e94e";
}
.icon-arrow-right:before {
  content: "\e94f";
}
.icon-drawer-handle:before {
  content: "\e5d0";
}
.icon-level-up:before {
  content: "\e945";
}
.icon-level-down:before {
  content: "\e948";
}
.icon-add-filled:before {
  content: "\e470";
}
.icon-minus-filled:before {
  content: "\57";
}
.icon-close-filled:before {
  content: "\e9dd";
}
.icon-success-filled:before {
  content: "\e124";
}
.icon-information-filled:before {
  content: "\e337";
}
.icon-critical:before {
  content: "\e9db";
}
.icon-warning-alarm:before {
  content: "\e9dc";
}
.icon-event-log:before {
  content: "\e92d";
}
.icon-search:before {
  content: "\e38a";
}
.icon-search-new-window:before {
  content: "\e99b";
}
.icon-zoom-in:before {
  content: "\e90a";
}
.icon-search-close:before {
  content: "\e99f";
}
.icon-zoom-out:before {
  content: "\e937";
}
.icon-search-changes:before {
  content: "\e9a0";
}
.icon-asterisk:before {
  content: "\e9b9";
}
.icon-shield:before {
  content: "\e9b1";
}
.icon-shield-alt:before {
  content: "\e9b3";
}
.icon-physical-security:before {
  content: "\e9ef";
}
.icon-security-check:before {
  content: "\e999";
}
.icon-bell:before {
  content: "\e9fc";
}
.icon-bell-exclamation:before {
  content: "\e90b";
}
.icon-table:before {
  content: "\e90c";
}
.icon-row:before {
  content: "\e90d";
}
.icon-column:before {
  content: "\e90e";
}
.icon-unchecked-box:before {
  content: "\e129";
}
.icon-checkbox-checked:before {
  content: "\e12a";
}
.icon-checkbox-partial:before {
  content: "\e98c";
}
.icon-checkbox-selected:before {
  content: "\e98b";
}
.icon-radio-button-unfilled:before {
  content: "\e90f";
}
.icon-radio-button-selected:before {
  content: "\e910";
}
.icon-circle-filled:before {
  content: "\e9de";
}
.icon-pointer:before {
  content: "\e911";
}
.icon-cloud:before {
  content: "\e912";
}
.icon-download-cloud:before {
  content: "\e913";
}
.icon-upload-cloud:before {
  content: "\e914";
}
.icon-usb-port:before {
  content: "\e915";
}
.icon-vga-port:before {
  content: "\e916";
}
.icon-water:before {
  content: "\e917";
}
.icon-alarm-clock:before {
  content: "\e918";
}
.icon-horizontal-distribute-center:before {
  content: "\e919";
}
.icon-horizontal-distribute-left:before {
  content: "\e91a";
}
.icon-horizontal-distribute-right:before {
  content: "\e91b";
}
.icon-vertical-distribute-bottom:before {
  content: "\e91c";
}
.icon-vertical-distribute-center:before {
  content: "\e91d";
}
.icon-film:before {
  content: "\e91e";
}
.icon-comment:before {
  content: "\e91f";
}
.icon-3D-box:before {
  content: "\e920";
}
.icon-like-unfilled:before {
  content: "\e921";
}
.icon-like-filled:before {
  content: "\e993";
}
.icon-webpage:before {
  content: "\e9c7";
}
.icon-news:before {
  content: "\e9bf";
}
.icon-healthcare:before {
  content: "\e97f";
}
.icon-outside-plant:before {
  content: "\e980";
}
.icon-telecom:before {
  content: "\e981";
}
.icon-transportation:before {
  content: "\e982";
}
.icon-edge:before {
  content: "\e986";
}
.icon-flag:before {
  content: "\e98d";
}
.icon-global:before {
  content: "\e98e";
}
.icon-handshake:before {
  content: "\e992";
}
.icon-mental-process:before {
  content: "\e997";
}
.icon-award:before {
  content: "\e99a";
}
.icon-handover:before {
  content: "\e99c";
}
.icon-thumbs-up:before {
  content: "\e99e";
}
.icon-vertiv-product:before {
  content: "\e9a7";
}
.icon-blog:before {
  content: "\e97e";
}
.icon-data:before {
  content: "\e9bb";
}
.icon-data-loader:before {
  content: "\e979";
}
.icon-Diagnose:before {
  content: "\e97a";
}
.icon-license-manager:before {
  content: "\e97b";
}
.icon-server-manager:before {
  content: "\e97d";
}
.icon-measure:before {
  content: "\e974";
}
.icon-trend-up:before {
  content: "\e975";
}
.icon-trend-down:before {
  content: "\e922";
}
.icon-brightness:before {
  content: "\e973";
}
.icon-heat-map:before {
  content: "\e971";
}
.icon-battery-cell-alt:before {
  content: "\e96f";
}
.icon-battery-cell:before {
  content: "\e970";
}
.icon-user-add:before {
  content: "\e923";
}
.icon-user-blocked:before {
  content: "\e95e";
}
.icon-user-confirmed:before {
  content: "\e961";
}
.icon-user-delete:before {
  content: "\e962";
}
.icon-user-busy:before {
  content: "\e968";
}
.icon-user-edit:before {
  content: "\e963";
}
.icon-user-locked:before {
  content: "\e964";
}
.icon-user-pending:before {
  content: "\e967";
}
.icon-2d-view:before {
  content: "\e969";
}
.icon-3d-view:before {
  content: "\e96a";
}
.icon-draw-polygon:before {
  content: "\e96b";
}
.icon-draw-square:before {
  content: "\e96c";
}
.icon-legend:before {
  content: "\e96e";
}
.icon-rack-pdu-solid:before {
  content: "\e95d";
}
.icon-ticket-add:before {
  content: "\e957";
}
.icon-ticket-close:before {
  content: "\e958";
}
.icon-ticket-delete:before {
  content: "\e959";
}
.icon-ticket-search:before {
  content: "\e95b";
}
.icon-ticket:before {
  content: "\e95c";
}
.icon-service-contract:before {
  content: "\e943";
}
.icon-pci-card:before {
  content: "\e924";
}
.icon-firmware:before {
  content: "\e925";
}
.icon-processor:before {
  content: "\e926";
}
.icon-dry-contact:before {
  content: "\e927";
}
.icon-exchange:before {
  content: "\e928";
}
.icon-link:before {
  content: "\e929";
}
.icon-battery-monitoring-device:before {
  content: "\e92a";
}
.icon-io-device:before {
  content: "\e92b";
}
.icon-facebook:before {
  content: "\e92c";
}
.icon-facebook-unfilled:before {
  content: "\e92e";
}
.icon-linkedin:before {
  content: "\e92f";
}
.icon-linkedin-unfilled:before {
  content: "\e930";
}
.icon-twitter:before {
  content: "\e931";
}
.icon-youtube:before {
  content: "\e932";
}
.icon-instagram:before {
  content: "\e933";
}
.icon-device-not-responding:before {
  content: "\e934";
}
.icon-device-responding:before {
  content: "\e935";
}
.icon-home:before {
  content: "\e30e";
}
.icon-login:before {
  content: "\e381";
}
.icon-logout:before {
  content: "\e383";
}
.icon-locked:before {
  content: "\e37c";
}
.icon-unlocked:before {
  content: "\e37f";
}
.icon-reset-password:before {
  content: "\e936";
}
.icon-menu:before {
  content: "\e3b3";
}
.icon-book:before {
  content: "\e938";
}
.icon-clipboard-task:before {
  content: "\e14a";
}
.icon-close-unfilled:before {
  content: "\e9f3";
}
.icon-check:before {
  content: "\e121";
}
.icon-input:before {
  content: "\e9ed";
}
.icon-output:before {
  content: "\e9ee";
}
.icon-connection-view:before {
  content: "\e1bd";
}
.icon-contact-card:before {
  content: "\e189";
}
.icon-stealth:before {
  content: "\e93b";
}
.icon-user:before {
  content: "\e5ed";
}
.icon-user-groups:before {
  content: "\5a";
}
.icon-consultant:before {
  content: "\e991";
}
.icon-contact-support:before {
  content: "\e002";
}
.icon-administration:before {
  content: "\e0ad";
}
.icon-operator:before {
  content: "\e642";
}
.icon-user-circle:before {
  content: "\e944";
}
.icon-tools:before {
  content: "\e001";
}
.icon-service:before {
  content: "\e643";
}
.icon-help-circle:before {
  content: "\e306";
}
.icon-help:before {
  content: "\e307";
}
.icon-settings:before {
  content: "\e4fc";
}
.icon-advanced-settings:before {
  content: "\e946";
}
.icon-notification-settings:before {
  content: "\e3f2";
}
.icon-monitoring-configuration:before {
  content: "\6a";
}
.icon-pue-configuration:before {
  content: "\e4bf";
}
.icon-edit-bms:before {
  content: "\e9c4";
}
.icon-colocation:before {
  content: "\e983";
}
.icon-delivery:before {
  content: "\e989";
}
.icon-monitoring:before {
  content: "\e3f3";
}
.icon-oneline:before {
  content: "\e48a";
}
.icon-power-view:before {
  content: "\e947";
}
.icon-environmental-quality:before {
  content: "\e949";
}
.icon-presentation:before {
  content: "\e484";
}
.icon-webcast:before {
  content: "\e951";
}
.icon-process:before {
  content: "\e4c2";
}
.icon-projects:before {
  content: "\e4c0";
}
.icon-quicklaunch:before {
  content: "\e2f1";
}
.icon-runtime:before {
  content: "\e30c";
}
.icon-template:before {
  content: "\e952";
}
.icon-list-view1:before {
  content: "\e5f7";
}
.icon-dashboards:before {
  content: "\e5f4";
}
.icon-textual-timeline:before {
  content: "\e5ec";
}
.icon-wizard:before {
  content: "\e953";
}
.icon-open-window:before {
  content: "\e02e";
}
.icon-align-left:before {
  content: "\e284";
}
.icon-align-right:before {
  content: "\e954";
}
.icon-center-align:before {
  content: "\e955";
}
.icon-align-justify:before {
  content: "\e956";
}
.icon-tree:before {
  content: "\e245";
}
.icon-tree-closeall:before {
  content: "\e95a";
}
.icon-tree-openall:before {
  content: "\e95f";
}
.icon-align-left1:before {
  content: "\e960";
}
.icon-align-right1:before {
  content: "\e965";
}
.icon-align-top:before {
  content: "\e966";
}
.icon-align-bottom:before {
  content: "\e96d";
}
.icon-horizontal-align-center:before {
  content: "\e972";
}
.icon-vertical-align-center:before {
  content: "\e976";
}
.icon-layers:before {
  content: "\e364";
}
.icon-layers-off:before {
  content: "\e977";
}
.icon-layers-top:before {
  content: "\e978";
}
.icon-layers-middle:before {
  content: "\e97c";
}
.icon-layers-bottom:before {
  content: "\e984";
}
.icon-speaker:before {
  content: "\e987";
}
.icon-increase-volume:before {
  content: "\e607";
}
.icon-decrease-volume:before {
  content: "\e608";
}
.icon-mute:before {
  content: "\e60a";
}
.icon-play:before {
  content: "\e462";
}
.icon-stop:before {
  content: "\e554";
}
.icon-pause:before {
  content: "\e432";
}
.icon-forward:before {
  content: "\e225";
}
.icon-rewind:before {
  content: "\e4c4";
}
.icon-camera:before {
  content: "\e0eb";
}
.icon-message:before {
  content: "\e0b2";
}
.icon-barcode:before {
  content: "\e043";
}
.icon-stored-devices:before {
  content: "\e588";
}
.icon-graphical:before {
  content: "\e42a";
}
.icon-report:before {
  content: "\e4c3";
}
.icon-shopping-cart:before {
  content: "\e101";
}
.icon-shopping-cart-add:before {
  content: "\e104";
}
.icon-shopping-cart-minus:before {
  content: "\e988";
}
.icon-shopping-cart-blank:before {
  content: "\e98f";
}
.icon-drawing-tools:before {
  content: "\e990";
}
.icon-tools-and-apps:before {
  content: "\e994";
}
.icon-cancel:before {
  content: "\e995";
}
.icon-phone-contact:before {
  content: "\e44b";
}
.icon-sms:before {
  content: "\e3a0";
}
.icon-keyboard:before {
  content: "\e34a";
}
.icon-microphone:before {
  content: "\e996";
}
.icon-podcast:before {
  content: "\e3ad";
}
.icon-cli:before {
  content: "\e998";
}
.icon-command-line:before {
  content: "\e998";
}
.icon-collapse:before {
  content: "\e99d";
}
.icon-clear-selection:before {
  content: "\e9a1";
}
.icon-design:before {
  content: "\e9a2";
}
.icon-favorite-filled:before {
  content: "\e545";
}
.icon-favorite-outline:before {
  content: "\e54a";
}
.icon-folder-favorite:before {
  content: "\e9a3";
}
.icon-import:before {
  content: "\e332";
}
.icon-export:before {
  content: "\e21a";
}
.icon-upload:before {
  content: "\e5d3";
}
.icon-download:before {
  content: "\e1e8";
}
.icon-export-pdf:before {
  content: "\e9a4";
}
.icon-png:before {
  content: "\e9a5";
}
.icon-share:before {
  content: "\e504";
}
.icon-filter:before {
  content: "\e24e";
}
.icon-filter-close:before {
  content: "\e250";
}
.icon-more:before {
  content: "\6b";
}
.icon-print:before {
  content: "\e486";
}
.icon-display-changes:before {
  content: "\e1f8";
}
.icon-refresh:before {
  content: "\e4b2";
}
.icon-edit-columns:before {
  content: "\e5f3";
}
.icon-pointer-selector:before {
  content: "\e1b4";
}
.icon-select:before {
  content: "\e1b7";
}
.icon-text:before {
  content: "\e2b3";
}
.icon-lightbulb:before {
  content: "\e372";
}
.icon-document:before {
  content: "\e9a6";
}
.icon-view-image:before {
  content: "\e9a8";
}
.icon-view-document:before {
  content: "\e9a9";
}
.icon-video-alt:before {
  content: "\e5ea";
}
.icon-visible:before {
  content: "\e21b";
}
.icon-invisible:before {
  content: "\e21c";
}
.icon-zoom-to-extents:before {
  content: "\e9aa";
}
.icon-bluetooth:before {
  content: "\e081";
}
.icon-ethernet:before {
  content: "\e9ab";
}
.icon-data-port:before {
  content: "\67";
}
.icon-wireless-radio:before {
  content: "\e9ac";
}
.icon-usb:before {
  content: "\e5d4";
}
.icon-one-to-many:before {
  content: "\e9ad";
}
.icon-remote-sensor:before {
  content: "\e4a0";
}
.icon-sensor-alt:before {
  content: "\e9ae";
}
.icon-power:before {
  content: "\e481";
}
.icon-security-camera:before {
  content: "\e9af";
}
.icon-gauge:before {
  content: "\e2ca";
}
.icon-compressor:before {
  content: "\e9b0";
}
.icon-fan:before {
  content: "\e224";
}
.icon-battery:before {
  content: "\e04b";
}
.icon-battery-90:before {
  content: "\e054";
}
.icon-battery-40:before {
  content: "\e04f";
}
.icon-battery-10:before {
  content: "\e04c";
}
.icon-flywheel-alt:before {
  content: "\e9b2";
}
.icon-flywheel:before {
  content: "\e9b4";
}
.icon-air-unit:before {
  content: "\e0ac";
}
.icon-breaker-open:before {
  content: "\e9b6";
}
.icon-breaker-closed:before {
  content: "\e9b8";
}
.icon-switch-open:before {
  content: "\e9ba";
}
.icon-switch-closed:before {
  content: "\e9bc";
}
.icon-fuse-open:before {
  content: "\e9be";
}
.icon-fuse-closed:before {
  content: "\e9c1";
}
.icon-booster:before {
  content: "\e9c3";
}
.icon-battery-module:before {
  content: "\e9c6";
}
.icon-charger:before {
  content: "\e9c9";
}
.icon-dc-converter:before {
  content: "\e9cb";
}
.icon-inverter:before {
  content: "\e9cd";
}
.icon-powercore:before {
  content: "\e9cf";
}
.icon-rectifier:before {
  content: "\e9d1";
}
.icon-static-switch:before {
  content: "\e9d3";
}
.icon-bypass:before {
  content: "\e9d5";
}
.icon-connect:before {
  content: "\e9d6";
}
.icon-server:before {
  content: "\e9b5";
}
.icon-server-cloud:before {
  content: "\e9b7";
}
.icon-auto-connection:before {
  content: "\e9d7";
}
.icon-factory-reset:before {
  content: "\e9d8";
}
.icon-reboot:before {
  content: "\e9d9";
}
.icon-system-health:before {
  content: "\e9da";
}
.icon-remote-communication:before {
  content: "\e158";
}
.icon-wifi:before {
  content: "\e636";
}
.icon-stopped-process:before {
  content: "\e9df";
}
.icon-new-item:before {
  content: "\e9e0";
}
.icon-heartbeat:before {
  content: "\e305";
}
.icon-temperature:before {
  content: "\e5eb";
}
.icon-airflow:before {
  content: "\e9e1";
}
.icon-heat:before {
  content: "\e9e2";
}
.icon-hot-water:before {
  content: "\e9e3";
}
.icon-cooling:before {
  content: "\e9e4";
}
.icon-power-factor:before {
  content: "\e9e5";
}
.icon-kva-power:before {
  content: "\e9e6";
}
.icon-time-remaining:before {
  content: "\e59f";
}
.icon-leak-detection1:before {
  content: "\e9e7";
}
.icon-humidity:before {
  content: "\e9e8";
}
.icon-dehumidifying:before {
  content: "\e9e9";
}
.icon-humidifying:before {
  content: "\e9ea";
}
.icon-enhanced-eco-efficiency:before {
  content: "\e9eb";
}
.icon-eco-efficiency:before {
  content: "\e367";
}
.icon-frequency:before {
  content: "\e9ec";
}
.icon-colorize:before {
  content: "\e426";
}
.icon-datepicker:before {
  content: "\e0d7";
}
.icon-calendar-remove:before {
  content: "\e9f0";
}
.icon-calendar-add:before {
  content: "\e9f1";
}
.icon-duplicate:before {
  content: "\e18a";
}
.icon-edit:before {
  content: "\e43a";
}
.icon-save:before {
  content: "\e9f2";
}
.icon-trash:before {
  content: "\e1c4";
}
.icon-draw:before {
  content: "\e439";
}
.icon-rotate:before {
  content: "\74";
}
.icon-edit-floor:before {
  content: "\e267";
}
.icon-edit-grid:before {
  content: "\65";
}
.icon-notes:before {
  content: "\e9f5";
}
.icon-tag:before {
  content: "\e57b";
}
.icon-pinned:before {
  content: "\e45a";
}
.icon-unpinned:before {
  content: "\e45b";
}
.icon-redo:before {
  content: "\e4b0";
}
.icon-undo:before {
  content: "\e5cd";
}
.icon-group:before {
  content: "\e2f4";
}
.icon-ungroup:before {
  content: "\e5d1";
}
.icon-category-sort:before {
  content: "\e52d";
}
.icon-alphabetical-sort:before {
  content: "\e52e";
}
.icon-renumber:before {
  content: "\e2a6";
}
.icon-rename:before {
  content: "\ea00";
}
.icon-increment-selected:before {
  content: "\e46f";
}
.icon-decrement-selected:before {
  content: "\58";
}
.icon-increment:before {
  content: "\e46e";
}
.icon-decrement:before {
  content: "\e3bc";
}
.icon-folder:before {
  content: "\e26a";
}
.icon-folder-up:before {
  content: "\ea07";
}
.icon-folder-level-down:before {
  content: "\e9f4";
}
.icon-view-folder:before {
  content: "\e9f6";
}
.icon-country-selector:before {
  content: "\ea08";
}
.icon-location-pin:before {
  content: "\e38f";
}
.icon-locator-error:before {
  content: "\e9f7";
}
.icon-enterprise:before {
  content: "\e1f4";
}
.icon-building:before {
  content: "\e14d";
}
.icon-portfolio-devices:before {
  content: "\e48b";
}
.icon-data-center:before {
  content: "\59";
}
.icon-floor:before {
  content: "\ea0e";
}
.icon-thermal-upgrade:before {
  content: "\e9f8";
}
.icon-space:before {
  content: "\41";
}
.icon-zone:before {
  content: "\e9f9";
}
.icon-zero-u:before {
  content: "\ea11";
}
.icon-rack:before {
  content: "\e4c1";
}
.icon-female-power:before {
  content: "\e9fa";
}
.icon-male-power:before {
  content: "\e9fb";
}
.icon-monitored-device:before {
  content: "\ea13";
}
.icon-accessory-device-view:before {
  content: "\e0a7";
}
.icon-wired-sensor:before {
  content: "\ea14";
}
.icon-device:before {
  content: "\ea15";
}
.icon-virtual-merge:before {
  content: "\ea16";
}
.icon-virtual-host:before {
  content: "\ea17";
}
.icon-other-device:before {
  content: "\ea18";
}
.icon-gateway:before {
  content: "\ea19";
}
.icon-rack-pdu:before {
  content: "\ea1a";
}
.icon-ups1:before {
  content: "\ea1b";
}
.icon-rdu-manager:before {
  content: "\ea1c";
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
[ng-transclude]:empty {
  display: none;
}
body,
html {
  height: 100%;
  margin: 0;
  background-color: #FFFFFF;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scrollable {
  -webkit-overflow-scrolling: touch;
}
.scrollable::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.scrollable::-webkit-scrollbar-thumb {
  background: #999999;
}
.scrollable::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.context-panel {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  width: 220px;
  color: #333333;
  background: #F2F2F2;
  border-top: 0.5rem solid #FFFFFF;
  border-right: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1020;
}
.context-panel::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.context-panel::-webkit-scrollbar-thumb {
  background: #999999;
}
.context-panel::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.context-panel .subtitle {
  margin: 25px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-panel ul {
  list-style: none;
  padding: 0 0.8rem;
  margin: 0;
}
.context-panel li {
  display: block;
  list-style: none;
}
.context-panel li > a {
  background-color: #FFFFFF;
  border-radius: 0;
  position: relative;
  display: block;
  color: #333333;
  padding: 0.6rem 1.2rem;
  margin: 0 0 0.8rem 0;
  font-weight: 500;
}
.context-panel li > .item {
  display: block;
  padding: 0.4rem 0.8rem;
  margin: 0 0 0.8rem 0;
}
.context-panel li > a.nav-active {
  color: #FE5B1B;
  background-color: #FFFFFF;
  box-shadow: none;
}
.pivot-bar + .context-panel {
  width: 280px;
  padding-left: 60px;
}
.dsp-inline-block {
  display: inline-block;
}
.dsp-table {
  display: table;
}
.dsp-row {
  display: table-row;
}
.dsp-cell {
  display: table-cell;
  vertical-align: top;
}
.dsp-cell.gutter {
  width: 20px;
}
.flex-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-layout.row {
  margin-right: -10px;
  margin-left: -10px;
}
.flex-layout.align-center {
  align-items: center;
}
.flex-layout > .col-flex {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 100%;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.flex-layout > .col-auto {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  max-width: 100%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
.flex-layout > .col-flex-12 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.flex-layout > .col-flex-11 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.flex-layout > .col-flex-10 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.flex-layout > .col-flex-9 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.flex-layout > .col-flex-8 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.flex-layout > .col-flex-7 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.flex-layout > .col-flex-6 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.flex-layout > .col-flex-5 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.flex-layout > .col-flex-4 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.flex-layout > .col-flex-3 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.flex-layout > .col-flex-2 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.flex-layout > .col-flex-1 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.flex-layout > .col-fixed-420 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 420px;
  flex: 0 0 420px;
  max-width: 420px;
}
.flex-layout > .col-fixed-360 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 360px;
  flex: 0 0 360px;
  max-width: 360px;
}
.flex-layout > .col-fixed-300 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  max-width: 300px;
}
.flex-layout > .col-fixed-240 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 240px;
  flex: 0 0 240px;
  max-width: 240px;
}
.flex-layout > .col-fixed-180 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  max-width: 180px;
}
.flex-layout > .col-fixed-120 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
}
.flex-layout > .col-fixed-60 {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  max-width: 60px;
}
@media (min-width: 768px) {
  .flex-layout > .col-flex-sm {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .flex-layout > .col-auto-sm {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .flex-layout > .col-flex-sm-12 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-layout > .col-flex-sm-11 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-layout > .col-flex-sm-10 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-layout > .col-flex-sm-9 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-layout > .col-flex-sm-8 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-layout > .col-flex-sm-7 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-layout > .col-flex-sm-6 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-layout > .col-flex-sm-5 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-layout > .col-flex-sm-4 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-layout > .col-flex-sm-3 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-layout > .col-flex-sm-2 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-layout > .col-flex-sm-1 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-layout > .col-fixed-sm-420 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
  }
  .flex-layout > .col-fixed-sm-360 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    max-width: 360px;
  }
  .flex-layout > .col-fixed-sm-300 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
  }
  .flex-layout > .col-fixed-sm-240 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    max-width: 240px;
  }
  .flex-layout > .col-fixed-sm-180 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 180px;
  }
  .flex-layout > .col-fixed-sm-120 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .flex-layout > .col-fixed-sm-60 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
  }
}
@media (min-width: 992px) {
  .flex-layout > .col-flex-md {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .flex-layout > .col-auto-md {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .flex-layout > .col-flex-md-12 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-layout > .col-flex-md-11 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-layout > .col-flex-md-10 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-layout > .col-flex-md-9 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-layout > .col-flex-md-8 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-layout > .col-flex-md-7 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-layout > .col-flex-md-6 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-layout > .col-flex-md-5 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-layout > .col-flex-md-4 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-layout > .col-flex-md-3 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-layout > .col-flex-md-2 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-layout > .col-flex-md-1 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-layout > .col-fixed-md-420 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
  }
  .flex-layout > .col-fixed-md-360 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    max-width: 360px;
  }
  .flex-layout > .col-fixed-md-300 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
  }
  .flex-layout > .col-fixed-md-240 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    max-width: 240px;
  }
  .flex-layout > .col-fixed-md-180 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 180px;
  }
  .flex-layout > .col-fixed-md-120 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .flex-layout > .col-fixed-md-60 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
  }
}
@media (min-width: 1200px) {
  .flex-layout > .col-flex-lg {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .flex-layout > .col-auto-lg {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    max-width: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  .flex-layout > .col-flex-lg-12 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex-layout > .col-flex-lg-11 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .flex-layout > .col-flex-lg-10 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .flex-layout > .col-flex-lg-9 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex-layout > .col-flex-lg-8 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .flex-layout > .col-flex-lg-7 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .flex-layout > .col-flex-lg-6 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex-layout > .col-flex-lg-5 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .flex-layout > .col-flex-lg-4 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .flex-layout > .col-flex-lg-3 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex-layout > .col-flex-lg-2 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .flex-layout > .col-flex-lg-1 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .flex-layout > .col-fixed-lg-420 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
  }
  .flex-layout > .col-fixed-lg-360 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 360px;
    flex: 0 0 360px;
    max-width: 360px;
  }
  .flex-layout > .col-fixed-lg-300 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
  }
  .flex-layout > .col-fixed-lg-240 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    max-width: 240px;
  }
  .flex-layout > .col-fixed-lg-180 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    max-width: 180px;
  }
  .flex-layout > .col-fixed-lg-120 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    max-width: 120px;
  }
  .flex-layout > .col-fixed-lg-60 {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
  }
}
.flex-layout > .col-flex-min {
  -ms-flex-positive: unset;
  flex-grow: unset;
}
.flex-layout > .col-no-gutter {
  padding: 0;
}
.header {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  height: 55px;
  background: #FFFFFF;
  color: #333333;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  z-index: 1040;
}
.header > .navbar-toggle {
  float: left;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
.header > .app-title {
  float: left;
  height: 55px;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #333333;
  text-transform: uppercase;
  letter-spacing: normal;
  line-height: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header > .logo {
  float: left;
  width: 55px;
  height: 55px;
  background-image: url("../assets/ver_symbol_tm_rgb_gry.png");
  background-size: 55px;
  margin-left: 2rem;
}
.header > .navbar-toggle + .logo {
  margin-left: 0;
}
.header > .logo + .app-title {
  margin-left: 2rem;
}
.header > .actions {
  float: right;
}
.header > .actions .btn-ico:not(.btn) {
  color: #333333;
}
.header > * {
  line-height: 55px;
}
.header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #fb9500;
  background: linear-gradient(90deg, #fb9500 0%, #fe5b15 50%, #5e1ee7 100%);
}
.page-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page-content .page-content-actions {
  margin: auto;
}
.page-content .page-content-actions .actions {
  background-color: #F2F2F2;
  display: block;
  padding: 5px;
  border: 1px solid #E5E5E5;
  text-align: center;
}
.page-content .page-content-actions .actions > * {
  display: block;
  line-height: 1.2;
}
.page-content .page-content-actions .actions:empty {
  display: none;
}
.page-content .page-content-header {
  margin: 0;
  padding: 0 2rem;
  background-color: #FFFFFF;
  border-bottom: none;
  height: auto;
  position: relative;
}
.page-content .page-content-header:after {
  content: "";
  display: table;
  clear: both;
}
.page-content .page-content-header:after {
  content: "";
  display: table;
  clear: both;
}
.page-content .page-content-header > .breadcrumbs {
  padding: 0;
  font-size: 1.4rem;
  z-index: 1;
}
.page-content .page-content-header > .breadcrumbs li {
  padding: 0;
  margin: 0;
  display: inline-block;
  color: #999999;
}
.page-content .page-content-header > .breadcrumbs li a {
  color: #999999;
}
.page-content .page-content-header > .breadcrumbs li + li::before {
  display: inline-block;
  padding: 0 0.5rem;
  color: #999999;
  content: ">";
}
.page-content .page-content-header > .title {
  display: block;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  margin: 2.2rem 0;
}
.page-content .page-content-header > .breadcrumbs + .title {
  position: relative;
  top: auto;
  padding-top: 1.3rem;
  margin-top: 0;
}
.page-content .page-content-include {
  padding: 0 2rem 2rem;
}
.page-content .page-content-include > vui-tabset[alt] {
  height: 100%;
}
.pivot-bar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 60px;
  height: 100%;
  margin: 0;
  padding: 10px 0px;
  overflow-y: auto;
  color: #333333;
  background: #FFFFFF;
  border: none;
  border-width: 0 2px 0 0;
  z-index: 1030;
}
.pivot-bar a {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  margin: 10px auto 0;
  text-align: center;
  color: #333333;
  background: #FFFFFF;
  opacity: 1;
}
.pivot-bar a.nav-active {
  border-left-color: #FE5B1B;
}
.pivot-bar [class^="icon-"],
.pivot-bar [class*=" icon-"] {
  font-size: 2rem;
}
html::-webkit-scrollbar-track {
  background: #E5E5E5;
}
html::-webkit-scrollbar-thumb {
  background: #999999;
}
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.tabset {
  border-bottom: 2px solid #E5E5E5;
  background-color: #FFFFFF;
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.tabset > li {
  display: inline-block;
  list-style: none;
  margin: 0 0 -2px;
  padding: 1.2rem 3rem 1.4rem;
  text-align: center;
  color: #333333;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  border: 2px solid #E5E5E5;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  touch-action: manipulation;
}
.tabset > li::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  height: 5px;
  transition: all 0.2s;
}
.tabset > li.active {
  color: #FE5B1B;
  border-bottom-color: #FFFFFF;
}
.tabset > li.active::before {
  background-color: #FE5B1B;
}
.tabset > li:not(.active) {
  border-color: transparent;
}
.tabset > li.disabled {
  color: #CCCCCC;
  cursor: default;
  pointer-events: none;
}
.tabset > li:not(.disabled):hover {
  color: #FE5B1B;
}
.tabset.alt > li {
  border-color: transparent;
}
.tabset.alt > li::before {
  top: auto;
  bottom: -2px;
}
.tab-content {
  padding: 1.6rem;
}
.tile {
  display: inline-block;
  position: relative;
  width: 26rem;
  height: 12rem;
  margin: 1rem;
  padding: 1rem;
  vertical-align: top;
  text-align: center;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  background-color: #F2F2F2;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.tile dl dt {
  text-align: right;
}
.tile dl dd {
  margin-bottom: 0;
}
.tile.xs {
  width: 5.8rem;
  height: 5.8rem;
  text-align: start !important;
}
.tile.sm {
  width: 26rem;
  height: 5.8rem;
  text-align: start !important;
}
.tile.md {
  width: 26rem;
  height: 12rem;
}
.tile.lg {
  width: 26rem;
  height: 26rem;
}
.tile .tile-title {
  font-weight: 600;
  text-align: left;
}
.tile .tile-info-1 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  text-align: left;
}
.tile .tile-info-2 {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  text-align: right;
}
.tile > .tile-content {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  padding: 1rem;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  background-color: #F2F2F2;
}
.tile > .stack {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  padding: 1rem;
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  background-color: #F2F2F2;
}
.tile > .stack:after,
.tile > .stack:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border-top: none;
  border-right: 1px solid rgba(229, 229, 229, 0.8);
  border-bottom: 1px solid rgba(229, 229, 229, 0.8);
  border-left: none;
  z-index: -1;
}
.tile > .stack:after {
  top: 4px;
  left: 4px;
}
.tile > .stack:before {
  top: 7px;
  left: 7px;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.tile.selected {
  background-color: rgba(255, 210, 72, 0.2);
  border-color: #FFD248;
}
.tile.selected > .tile-content,
.tile.selected > .stack {
  border-color: #FFD248;
  background-color: rgba(255, 210, 72, 0.2);
}
.tile.disabled {
  color: #999999;
}
vui-bar-chart,
vui-dial-chart,
vui-gauge-chart,
vui-pie-chart,
vui-scatter-chart,
vui-time-series-chart {
  display: block;
  height: 400px;
  position: relative;
}
vui-bar-chart .highcharts-container,
vui-dial-chart .highcharts-container,
vui-gauge-chart .highcharts-container,
vui-pie-chart .highcharts-container,
vui-scatter-chart .highcharts-container,
vui-time-series-chart .highcharts-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: 'Calibre', Arial, Sans-Serif, sans-serif;
  font-size: 12px;
}
.highcharts-root text {
  stroke-width: 0;
}
.highcharts-strong {
  font-weight: bold;
}
.highcharts-emphasized {
  font-style: italic;
}
.highcharts-anchor {
  cursor: pointer;
}
.highcharts-background {
  fill: #FFFFFF;
}
.highcharts-plot-border,
.highcharts-plot-background {
  fill: none;
}
.highcharts-label-box {
  fill: none;
}
.highcharts-button-box {
  fill: inherit;
}
.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}
.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}
/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
  line-height: 1em;
}
.highcharts-subtitle {
  fill: #000000;
}
/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}
.highcharts-axis-title {
  fill: #000000;
}
.highcharts-axis-labels {
  fill: #000000;
  cursor: default;
  font-size: 0.9em;
}
.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}
.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}
.highcharts-tick {
  stroke: #ccd6eb;
}
.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}
.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}
.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}
.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}
/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}
.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}
/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}
.highcharts-tooltip text {
  fill: #333333;
}
.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}
.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #F2F2F2;
  fill-opacity: 0.85;
}
.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}
.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}
.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}
.highcharts-state-hover path {
  transition: stroke-width 50;
  /* quick in */
}
.highcharts-state-normal path {
  transition: stroke-width 250ms;
  /* slow out */
}
/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}
.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}
/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #FFD248;
  stroke: #FFD248;
}
.highcharts-color-1 {
  fill: #FB9500;
  stroke: #FB9500;
}
.highcharts-color-2 {
  fill: #7FEDE7;
  stroke: #7FEDE7;
}
.highcharts-color-3 {
  fill: #5E1EE7;
  stroke: #5E1EE7;
}
.highcharts-color-4 {
  fill: #9E99FF;
  stroke: #9E99FF;
}
.highcharts-color-5 {
  fill: #98FF95;
  stroke: #98FF95;
}
.highcharts-color-6 {
  fill: #E3BB40;
  stroke: #E3BB40;
}
.highcharts-color-7 {
  fill: #DE8400;
  stroke: #DE8400;
}
.highcharts-color-8 {
  fill: #6ECCC7;
  stroke: #6ECCC7;
}
.highcharts-color-9 {
  fill: #47349C;
  stroke: #47349C;
}
.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}
.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}
.highcharts-point {
  stroke-width: 1px;
}
.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}
.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}
.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}
.highcharts-data-label text,
text.highcharts-data-label {
  fill: #333333;
}
.highcharts-data-label-connector {
  fill: none;
}
.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}
.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}
.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}
.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}
.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}
.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}
.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}
.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}
.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}
.highcharts-treemap-series .highcharts-above-level {
  display: none;
}
.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}
.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}
.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}
/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}
.highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}
.highcharts-legend-item:hover text {
  fill: #000000;
}
.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}
.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}
.highcharts-legend-nav-inactive {
  fill: #cccccc;
}
.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}
/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}
.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}
.highcharts-bubble-legend-labels {
  fill: #333333;
}
/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #FFFFFF;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}
.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}
.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}
/* Plot bands and polar pane backgrounds */
.highcharts-plot-band,
.highcharts-pane {
  fill: #E5E5E5;
  fill-opacity: 0.05;
}
.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}
/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}
.highcharts-boxplot-median {
  stroke-width: 2px;
}
.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}
.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}
.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}
.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}
.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}
.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}
.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}
.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}
.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}
.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}
/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}
.highcharts-navigator-mask-inside {
  fill: #6685c2;
  /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}
.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}
.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}
.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}
.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}
.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}
.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}
.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}
.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}
.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}
.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}
.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}
.highcharts-scrollbar-arrow {
  fill: #000000;
}
.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}
.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}
.highcharts-button {
  text-transform: uppercase;
  font-weight: 600;
  fill: #666666;
  stroke: #666666;
  cursor: pointer;
  stroke-width: 2px;
  transition: fill 250ms;
}
.highcharts-button text {
  fill: #FFFFFF;
}
.highcharts-button-hover {
  transition: fill 0ms;
  fill: #666666;
  stroke: #666666;
}
.highcharts-button-hover text {
  fill: #FFFFFF;
}
.highcharts-button-pressed {
  font-weight: 600;
  fill: #FE5B1B;
  stroke: #666666;
}
.highcharts-button-pressed text {
  fill: #FFFFFF;
  font-weight: 600;
}
.highcharts-button-disabled {
  fill: #CCCCCC;
  stroke: #666666;
}
.highcharts-button-disabled text {
  fill: #666666;
}
.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}
.highcharts-range-label rect {
  fill: none;
}
.highcharts-range-label text {
  fill: #000000;
}
.highcharts-range-input rect {
  fill: none;
}
.highcharts-range-input text {
  fill: #333333;
}
.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}
input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px;
  /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em;
  /* #4798 */
}
.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}
.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}
.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}
.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}
.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}
.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}
.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}
.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}
/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}
.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}
.highcharts-mapline-series .highcharts-point {
  fill: none;
}
.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}
.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
.highcharts-coloraxis {
  stroke-width: 0;
}
.highcharts-coloraxis-marker {
  fill: #999999;
}
.highcharts-null-point {
  fill: #f7f7f7;
}
/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}
/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff;
  /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}
.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}
.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}
.highcharts-menu {
  border: 1px solid #999999;
  background: #FFFFFF;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}
.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}
.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}
/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}
.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}
/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #000000;
}
/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}
/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}
/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}
.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}
/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}
.highcharts-annotation-label text {
  fill: #e6e6e6;
}
/* Gantt */
.highcharts-treegrid-node-collapsed,
.highcharts-treegrid-node-expanded {
  cursor: pointer;
}
.highcharts-point-connecting-path {
  fill: none;
}
.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}
.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}
vui-gauge-chart .highcharts-grid-line {
  stroke: none;
}
vui-gauge-chart .highcharts-pane {
  fill-opacity: 0.5;
}
vui-dial-chart .outer-pane {
  fill: #EFEFEF;
}
vui-dial-chart .middle-pane {
  stroke-width: 1px;
  stroke: #AAA;
}
vui-dial-chart .inner-pane {
  fill: #DDDDDD;
}
vui-dial-chart .green-band {
  fill: #64A539;
  fill-opacity: 1;
}
vui-dial-chart .yellow-band {
  fill: #FFAA00;
  fill-opacity: 1;
}
vui-dial-chart .red-band {
  fill: #D23241;
  fill-opacity: 1;
}
vui-dial-chart .highcharts-gauge-series .highcharts-pivot {
  stroke-width: 1px;
  stroke: black;
  fill: #333333;
}
vui-dial-chart .highcharts-gauge-series .highcharts-dial {
  fill: #333333;
}
vui-dial-chart .highcharts-yaxis .highcharts-tick {
  stroke-width: 2px;
  stroke: #666666;
}
vui-dial-chart .highcharts-yaxis-grid .highcharts-grid-line,
vui-dial-chart .highcharts-yaxis-grid .highcharts-minor-grid-line {
  display: none;
}
vui-dial-chart .highcharts-yaxis .highcharts-minor-tick {
  stroke-width: 1px;
  stroke: #999999;
}
vui-container {
  display: block;
  position: relative;
  height: 100%;
}
.app-container {
  height: 100%;
}
.app-container > .content-container {
  position: relative;
  padding-top: 55px;
  height: 100%;
}
.app-container > .content-container ng-transclude.page-content > * {
  height: 100%;
}
.app-container > .content-container vui-page-content {
  display: block;
  height: 100%;
}
.app-container > .content-container vui-page-content .page-content-inner {
  position: relative;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  -ms-grid-columns: minmax(0, 1fr) 4.4rem;
  grid-template-columns: minmax(0, 1fr) 4.4rem;
}
.app-container > .content-container vui-page-content .page-content-inner > .page-content-header {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
  grid-column-start: auto;
  grid-column-end: auto;
}
.app-container > .content-container vui-page-content .page-content-inner > .page-content-include {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}
.app-container > .content-container vui-page-content .page-content-inner > .page-content-actions {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
}
.app-container > .content-container > .nav-container {
  position: fixed;
  top: 55px;
  bottom: 0;
  left: 0;
  width: 280px;
  z-index: 1030;
}
.app-container > .content-container > .nav-container > .pivot-bar {
  position: absolute;
}
.app-container > .content-container > .nav-container > .context-panel {
  position: relative;
  float: left;
}
.app-container > .content-container > .page-content {
  top: 55px;
  left: 0;
}
.app-container > .content-container > .nav-container + .page-content {
  left: 280px;
}
.data-operations {
  display: inline-block;
  margin-bottom: 0;
}
.data-operations .filter-definition {
  display: block;
  text-align: left;
  margin: 5px 0;
}
.data-operations > * {
  display: inline-block;
  vertical-align: middle;
}
.data-operations .sort-icon {
  visibility: hidden;
  font-size: 1rem;
  margin-right: 0.5rem;
}
.data-operations .active > .sort-icon {
  visibility: visible;
}
vui-flyout-container .flyout {
  position: fixed;
  top: 55px;
  bottom: 0;
  right: 0;
  width: 350px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1040;
  background-color: #FFFFFF;
  border-left: 2px solid #CCCCCC;
}
vui-flyout-container .flyout::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-flyout-container .flyout::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-flyout-container .flyout::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-flyout-container .flyout .flyout-header {
  padding: 0 2rem;
  background-color: #FFFFFF;
  height: auto;
  border-bottom: 1px solid #E5E5E5;
  font-size: 2rem;
  line-height: 2.2rem;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  grid-column-gap: 1rem;
}
vui-flyout-container .flyout .flyout-header > .title {
  display: block;
  margin: 2.2rem 0;
  grid-column: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
vui-flyout-container .flyout .flyout-header > * {
  align-self: center;
}
vui-flyout-container .flyout .flyout-body {
  position: relative;
  padding: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
vui-flyout-container .flyout .flyout-body::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-flyout-container .flyout .flyout-body::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-flyout-container .flyout .flyout-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-flyout-container .flyout .flyout-footer {
  background-color: #FFFFFF;
  padding: 0.8rem;
  text-align: right;
  border-top: none;
}
vui-flyout-container .flyout .flyout-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
}
vui-flyout-container .flyout .flyout-content > .flyout-header {
  -ms-grid-row: 1;
  grid-row: 1;
}
vui-flyout-container .flyout .flyout-content > .flyout-body {
  -ms-grid-row: 2;
  grid-row: 2;
}
vui-flyout-container .flyout .flyout-content > .flyout-footer {
  -ms-grid-row: 3;
  grid-row: 3;
}
vui-flyout-container .flyout ul.page-content-tabset,
vui-flyout-container .flyout .page-content-tabset > .tabset {
  background-color: #FFFFFF;
  margin: 0;
  box-shadow: none;
}
vui-flyout-container .flyout ul.page-content-tabset li,
vui-flyout-container .flyout .page-content-tabset > .tabset li {
  border-color: transparent;
  transition: border-bottom-color 200ms ease-in-out;
}
vui-flyout-container .flyout ul.page-content-tabset li.active,
vui-flyout-container .flyout .page-content-tabset > .tabset li.active {
  color: #FE5B1B;
  border-bottom: 5px solid #FE5B1B;
  border-top-color: transparent;
}
.form-group {
  display: block;
}
.form-group .label-required::after {
  content: " *";
  color: #D23241;
}
.form-group .input-group {
  position: relative;
  max-width: 100%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
}
.form-group .input-group > *:not(:first-child) {
  margin-left: 5px;
}
.form-group .input-group > *:not(:last-child) {
  margin-right: 5px;
}
.form-group .input-group input:not([type="number"]):not([type="checkbox"]):not([type="radio"]):not(.numeric).form-control,
.form-group .input-group select.form-control,
.form-group .input-group textarea.form-control {
  width: auto;
  max-width: 100%;
}
.form-group .input-group input[type="number"].form-control,
.form-group .input-group input[type="text"].numeric.form-control {
  width: 60px;
}
vui-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto 1fr auto;
  grid-template-rows: auto auto 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
  clear: both;
}
vui-grid > * {
  display: none;
}
vui-grid > vui-grid-actions {
  -ms-grid-row: 1;
  grid-row: 1;
  display: block;
}
vui-grid > vui-grid-filters {
  -ms-grid-row: 2;
  grid-row: 2;
  display: block;
}
vui-grid > .grid-container {
  -ms-grid-row: 3;
  grid-row: 3;
  display: block;
}
vui-grid > vui-data-paging {
  -ms-grid-row: 4;
  grid-row: 4;
  display: block;
}
vui-grid.scrolling-grid .data-container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
vui-grid.scrolling-grid .data-container::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-grid.scrolling-grid .data-container::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-grid.scrolling-grid .data-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-grid .grid-container {
  position: relative;
}
vui-grid .grid-container .no-items {
  padding: 4rem;
  text-align: center;
}
vui-grid .grid-container .tile-container {
  padding: 2rem;
}
vui-grid vui-grid-actions + vui-grid-filters + .grid-container .data-container > table {
  margin-top: -1px;
}
vui-grid-actions {
  background-color: #F2F2F2;
  display: block;
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #E5E5E5;
}
vui-grid-actions:after {
  content: "";
  display: table;
  clear: both;
}
vui-grid-actions:after {
  content: "";
  display: table;
  clear: both;
}
vui-grid-actions .data-operations {
  width: 100%;
}
vui-grid-actions .data-operations input[type='search'].form-control {
  float: left;
  margin: 0 0.4rem 0 0;
  width: 70%;
  max-width: 300px;
  background-color: #F2F2F2;
}
vui-grid-actions .data-operations .action-buttons {
  float: right;
}
vui-grid-actions .data-operations .action-buttons > * {
  vertical-align: middle;
}
vui-grid-actions .data-operations .action-buttons .btn-group {
  margin: -0.5rem;
}
vui-grid-actions .data-operations .action-buttons .columns-menu li .hidden-icon {
  visibility: hidden;
  font-size: 1rem;
  float: right;
  margin-top: 5px;
  margin-left: 1rem;
}
vui-grid-actions .data-operations .action-buttons .columns-menu li.hidden {
  color: #CCCCCC;
}
vui-grid-actions .data-operations .action-buttons .columns-menu li.hidden .hidden-icon {
  visibility: visible;
}
vui-grid-actions .data-operations .action-buttons .sort-menu li .sort-icon,
vui-grid-actions .data-operations .action-buttons .sort-menu li .clear-icon {
  visibility: hidden;
  font-size: 1rem;
}
vui-grid-actions .data-operations .action-buttons .sort-menu li .sort-icon {
  margin-right: 0.5rem;
}
vui-grid-actions .data-operations .action-buttons .sort-menu li .clear-icon {
  float: right;
  margin-top: 5px;
  margin-left: 1rem;
}
vui-grid-actions .data-operations .action-buttons .sort-menu li.active .sort-icon,
vui-grid-actions .data-operations .action-buttons .sort-menu li.active .clear-icon {
  visibility: visible;
}
vui-grid-actions vui-menu-items {
  max-height: 100%;
}
vui-grid-filters {
  display: block;
  clear: both;
}
vui-grid-filters .filter-definition {
  padding: 0.8rem;
}
vui-grid-filters .filter-definition:not(:last-child) {
  padding-bottom: 0;
}
vui-grid-filters .filter-definition:not(:first-child) {
  padding-top: 0;
}
vui-grid-filters .filter-definition:last-child {
  border-bottom: 1px solid #E5E5E5;
}
vui-menu-items {
  display: block;
  float: left;
  min-width: 16rem;
  max-height: 60vh;
  overflow: auto;
  padding: 0.8rem 0;
  margin: 0.2rem 0.2rem 0.2rem 0;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  text-align: left;
  list-style: none;
  line-height: 1.2;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #F2F2F2;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  color: #333333;
  z-index: 2000;
  -webkit-overflow-scrolling: touch;
}
vui-menu-items::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-menu-items::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-menu-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-menu-items > li {
  position: relative;
  display: block;
  width: 100%;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
vui-menu-items > li:not(.divider) {
  padding: 1rem 1.4rem;
}
vui-menu-items > li:not(.divider):not(.disabled):not(:disabled) {
  cursor: pointer;
}
vui-menu-items > li:not(.divider):not(.disabled):not(:disabled):hover {
  background-color: #F2F2F2;
}
vui-menu-items > li.active:not(.divider):not(.disabled):not(:disabled),
vui-menu-items > li.active:not(.divider):not(.disabled):not(:disabled):hover {
  background-color: #FE5B1B;
  color: #FFFFFF;
}
vui-menu-items > li.divider {
  height: 0;
  margin: 0.8rem 0;
  overflow: hidden;
  border-top: 2px solid #F2F2F2;
}
vui-menu-items > li.disabled,
vui-menu-items > li:disabled {
  cursor: default;
  color: #CCCCCC;
  pointer-events: none;
}
vui-menu-items > li.disabled > a,
vui-menu-items > li:disabled > a {
  color: #CCCCCC;
  cursor: default;
  pointer-events: none;
}
vui-menu-items > li > a {
  display: block;
  padding: 1rem 1.4rem;
  margin: -1rem -1.4rem;
  color: #333333;
}
vui-menu-items > li .icon {
  font-size: 1rem;
}
vui-menu {
  display: inline-block;
}
vui-menu[placement] vui-menu-items {
  margin: 0.2rem;
}
vui-menu[placement="top-end"] vui-menu-items,
vui-menu[placement="bottom-end"] vui-menu-items {
  margin-right: 0;
}
vui-menu[placement="top-start"] vui-menu-items,
vui-menu[placement="bottom-start"] vui-menu-items {
  margin-left: 0;
}
vui-menu[placement="left-end"] vui-menu-items,
vui-menu[placement="right-end"] vui-menu-items {
  margin-bottom: 0;
}
vui-menu[placement="left-start"] vui-menu-items,
vui-menu[placement="right-start"] vui-menu-items {
  margin-top: 0;
}
vui-modal-container .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  background-color: #000000;
  opacity: 0.4;
}
vui-modal-container .modal-window {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0;
  display: block;
  overflow: hidden;
  transition: 150ms linear opacity;
  opacity: 1;
  z-index: 1050;
}
vui-modal-container .modal-window .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
@media (min-width: 768px) {
  vui-modal-container .modal-window .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  vui-modal-container .modal-window .modal-dialog.flex {
    width: 90%;
  }
}
vui-modal-container .modal-dialog .modal-content {
  position: relative;
  background-color: #FFFFFF;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  display: grid;
  -ms-grid-rows: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  max-height: 90vh;
  overflow: hidden;
}
vui-modal-container .modal-dialog .modal-content .modal-header {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: normal;
  color: #000000;
  text-transform: none;
  letter-spacing: normal;
  padding: 15px;
  border-bottom: 1px solid #F2F2F2;
}
vui-modal-container .modal-dialog .modal-content .modal-body {
  position: relative;
  padding: 15px;
  overflow: auto;
  overflow-x: hidden;
  min-height: 250px;
  -webkit-overflow-scrolling: touch;
}
vui-modal-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-modal-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-modal-container .modal-dialog .modal-content .modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-modal-container .modal-dialog .modal-content .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #F2F2F2;
}
vui-grid.modal-grid {
  max-height: 600px;
  height: auto;
}
vui-grid.modal-grid .grid-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
vui-grid.modal-grid .grid-container::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-grid.modal-grid .grid-container::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-grid.modal-grid .grid-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-notification-container {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  overflow: auto;
  align-items: flex-end;
  flex-direction: column-reverse;
  max-height: min-content;
  z-index: 1060;
  -webkit-overflow-scrolling: touch;
}
vui-notification-container::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-notification-container::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-notification-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-notification-container .notification {
  display: block;
  position: relative;
  text-align: left;
  max-width: 48rem;
  min-width: 26rem;
  max-height: 300px;
  min-height: 74px;
  overflow: auto;
  padding: 1.5rem 4rem 1.5rem 2.5rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
  border: 1px solid #CCCCCC;
  border-right-width: 0.5rem;
  background: #F2F2F2;
  border-radius: 0;
  font-size: 1.8rem;
  -webkit-overflow-scrolling: touch;
  transition: 400ms linear opacity;
  opacity: 1;
}
vui-notification-container .notification::-webkit-scrollbar-track {
  background: #E5E5E5;
}
vui-notification-container .notification::-webkit-scrollbar-thumb {
  background: #999999;
}
vui-notification-container .notification::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
vui-notification-container .notification.ng-enter {
  opacity: 0;
}
vui-notification-container .notification.ng-enter.ng-enter-active {
  opacity: 1;
}
vui-notification-container .notification.ng-leave {
  opacity: 1;
}
vui-notification-container .notification.ng-leave.ng-leave-active {
  opacity: 0;
}
vui-notification-container .notification:not(.sticky):not(.new),
vui-notification-container .notification:not(.sticky):not(.new).ng-leave {
  opacity: 0.5;
}
vui-notification-container .notification:not(.sticky):not(.new).ng-leave.ng-leave-active {
  opacity: 0;
}
vui-notification-container .notification.INFO {
  padding-left: 5.5rem;
  border-color: #0076A8;
}
vui-notification-container .notification.INFO .status-ico {
  color: #0076A8;
}
vui-notification-container .notification.SUCCESS {
  padding-left: 5.5rem;
  border-color: #64A539;
}
vui-notification-container .notification.SUCCESS .status-ico {
  color: #64A539;
}
vui-notification-container .notification.WARNING {
  padding-left: 5.5rem;
  border-color: #FFAA00;
}
vui-notification-container .notification.WARNING .status-ico {
  color: #FFAA00;
}
vui-notification-container .notification.ALERT {
  padding-left: 5.5rem;
  border-color: #D23241;
}
vui-notification-container .notification.ALERT .status-ico {
  color: #D23241;
}
vui-notification-container .notification .heading {
  display: block;
  font-weight: bold;
}
vui-notification-container .notification .status-ico {
  position: absolute;
  top: 1rem;
  left: 1.5rem;
  font-size: 3rem;
}
vui-notification-container .notification .close-btn {
  position: absolute;
  top: 0.8rem;
  right: 0.5rem;
  color: #999999;
}
vui-notification-container .notification.ng-leave:hover {
  transition: opacity 200ms ease-in-out;
}
vui-notification-container .notification:not(.sticky):hover,
vui-notification-container .notification:not(.sticky).ng-leave:hover {
  opacity: 1;
}
vui-notification-container .notification:not(.sticky).ng-leave-active:hover {
  opacity: 0;
}
vui-page-actions {
  display: none;
}
.page-content-actions vui-page-actions {
  display: block;
}
vui-progress-bar {
  display: block;
  width: 100%;
  margin: 0 0 2rem 0;
  position: relative;
}
vui-progress-bar .label {
  height: 1.8rem;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  color: #333333;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.8rem;
  z-index: 1;
}
vui-progress-bar .progress-bar {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #F2F2F2;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
vui-progress-bar .progress-bar .bar {
  display: block;
  float: left;
  width: 0;
  height: 1.8rem;
  background: #FE5B1B;
  transition: width 0.8s ease-in-out;
}
vui-progress-bar.half-cover .label {
  color: #333333;
}
vui-progress-bar.thin {
  margin: 0 0 1rem;
}
vui-progress-bar.thin .label {
  display: none;
}
vui-progress-bar.thin .progress-bar .bar {
  height: 0.8rem;
}
vui-tabset {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}
vui-tabset > *:nth-child(1) {
  -ms-grid-row: 1;
}
vui-tabset > *:nth-child(2) {
  -ms-grid-row: 2;
  display: block;
}
.tooltip {
  position: absolute;
  padding: 0.3rem 0.8rem;
  margin: 6px;
  max-width: 20rem;
  color: #FFFFFF;
  text-align: center;
  background-color: #000000;
  border-radius: 4px;
  z-index: 2010;
  transition: 200ms linear opacity;
  opacity: 0.95;
}
.tooltip.ng-enter {
  opacity: 0;
}
.tooltip.ng-enter.ng-enter-active {
  opacity: 0.95;
}
.tooltip.ng-leave {
  opacity: 0.95;
}
.tooltip.ng-leave.ng-leave-active {
  opacity: 0;
}
.tooltip > ul {
  padding-left: 1.6rem;
  margin: 1rem;
}
.tooltip::before {
  content: " ";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip[x-placement="top"]::before,
.tooltip[x-placement="top-start"]::before,
.tooltip[x-placement="top-end"]::before {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip[x-placement="bottom"]::before,
.tooltip[x-placement="bottom-start"]::before,
.tooltip[x-placement="bottom-end"]::before {
  top: -5px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip[x-placement="left"]::before,
.tooltip[x-placement="left-start"]::before,
.tooltip[x-placement="left-end"]::before {
  right: -5px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip[x-placement="right"]::before,
.tooltip[x-placement="right-start"]::before,
.tooltip[x-placement="right-end"]::before {
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
vui-typeahead ng-transclude {
  display: none;
}
div.loading-indicator {
  border-radius: 50%;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  display: block;
  border: 8px solid #E5E5E5;
  border-top: 8px solid #FE5B1B;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  /* Safari */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
ul.typeahead {
  display: block;
  float: left;
  min-width: 16rem;
  padding: 0.8rem 0;
  margin: 0.2rem 0.2rem 0.2rem 0;
  font-size: 1.6rem;
  text-align: left;
  list-style: none;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #F2F2F2;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  color: #333333;
  z-index: 2000;
  overflow-y: auto;
  min-height: 100px;
  max-height: 250px;
}
ul.typeahead > li {
  display: block;
  width: 100%;
  clear: both;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  padding: 1rem 1.4rem;
}
ul.typeahead > li:not(.disabled):not(:disabled) {
  cursor: pointer;
}
ul.typeahead > li:not(.disabled):not(:disabled):not(.active):hover {
  background-color: #F2F2F2;
}
ul.typeahead > li.disabled {
  pointer-events: none;
}
ul.typeahead > li.active {
  background-color: #FE5B1B;
  color: #FFFFFF;
}
ul.typeahead > li .highlight {
  font-weight: 600;
}
.text-primary {
  color: #FE5B1B;
}
.text-link {
  color: #0076A8;
}
.text-info {
  color: #0076A8;
}
.text-success {
  color: #64A539;
}
.text-warning {
  color: #FFAA00;
}
.text-alarm {
  color: #D23241;
}
.text-down {
  color: #5E1EE7;
}
.text-fault {
  color: #999999;
}
.text-maintenance {
  color: #6ECCC7;
}
.text-light {
  color: #FFFFFF;
}
.text-dark {
  color: #333333;
}
.text-body {
  color: #333333;
}
.text-muted {
  color: #999999;
}
.text-disabled {
  color: #CCCCCC;
}
.text-white {
  color: #FFFFFF;
}
.text-black {
  color: #000000;
}
.text-secondary-yellow {
  color: #FFD248;
}
.text-secondary-orange {
  color: #FB9500;
}
.text-secondary-green {
  color: #98FF95;
}
.text-secondary-blue {
  color: #7FEDE7;
}
.text-secondary-lavender {
  color: #9E99FF;
}
.text-secondary-purple {
  color: #5E1EE7;
}
.text-extended-yellow {
  color: #E3BB40;
}
.text-extended-orange {
  color: #DE8400;
}
.text-extended-green {
  color: #81D97F;
}
.text-extended-blue {
  color: #6ECCC7;
}
.text-extended-lavender {
  color: #8C87E3;
}
.text-extended-purple {
  color: #47349C;
}
.text-grey-5 {
  color: #F2F2F2;
}
.text-grey-10 {
  color: #E5E5E5;
}
.text-grey-20 {
  color: #CCCCCC;
}
.text-grey-40 {
  color: #999999;
}
.text-grey-50 {
  color: #808080;
}
.text-grey-60 {
  color: #666666;
}
.text-utility-grey {
  color: #333333;
}
.text-utility-blue {
  color: #0076A8;
}
.text-utility-green {
  color: #64A539;
}
.text-utility-red {
  color: #D23241;
}
.text-utility-yellow {
  color: #FFAA00;
}
.bg-primary {
  background-color: #FE5B1B;
}
.bg-info {
  background-color: #0076A8;
}
.bg-success {
  background-color: #64A539;
}
.bg-warning {
  background-color: #FFAA00;
}
.bg-alarm {
  background-color: #D23241;
}
.bg-down {
  background-color: #5E1EE7;
}
.bg-fault {
  background-color: #999999;
}
.bg-maintenance {
  background-color: #6ECCC7;
}
.bg-light {
  background-color: #FFFFFF;
}
.bg-dark {
  background-color: #333333;
}
.bg-muted {
  background-color: #999999;
}
.bg-disabled {
  background-color: #CCCCCC;
}
.bg-white {
  background-color: #FFFFFF;
}
.bg-black {
  background-color: #000000;
}
.bg-secondary-yellow {
  background-color: #FFD248;
}
.bg-secondary-orange {
  background-color: #FB9500;
}
.bg-secondary-green {
  background-color: #98FF95;
}
.bg-secondary-blue {
  background-color: #7FEDE7;
}
.bg-secondary-lavender {
  background-color: #9E99FF;
}
.bg-secondary-purple {
  background-color: #5E1EE7;
}
.bg-extended-yellow {
  background-color: #E3BB40;
}
.bg-extended-orange {
  background-color: #DE8400;
}
.bg-extended-green {
  background-color: #81D97F;
}
.bg-extended-blue {
  background-color: #6ECCC7;
}
.bg-extended-lavender {
  background-color: #8C87E3;
}
.bg-extended-purple {
  background-color: #47349C;
}
.bg-grey-5 {
  background-color: #F2F2F2;
}
.bg-grey-10 {
  background-color: #E5E5E5;
}
.bg-grey-20 {
  background-color: #CCCCCC;
}
.bg-grey-40 {
  background-color: #999999;
}
.bg-grey-50 {
  background-color: #808080;
}
.bg-grey-60 {
  background-color: #666666;
}
.bg-utility-grey {
  background-color: #333333;
}
.bg-utility-blue {
  background-color: #0076A8;
}
.bg-utility-green {
  background-color: #64A539;
}
.bg-utility-red {
  background-color: #D23241;
}
.bg-utility-yellow {
  background-color: #FFAA00;
}
.bg-gradient-main {
  background: #feff31;
  background: linear-gradient(90deg, #feff31 0%, #fb9500 15%, #fe5b15 50%, #5e1ee7 85%, #9e99ff 100%);
}
.bg-gradient-1 {
  background: #feff31;
  background: linear-gradient(90deg, #feff31 0%, #fb9500 30%, #fe5b15 100%);
}
.bg-gradient-2 {
  background: #fb9500;
  background: linear-gradient(90deg, #fb9500 0%, #fe5b15 50%, #5e1ee7 100%);
}
.bg-gradient-3 {
  background: #fb9500;
  background: linear-gradient(90deg, #fb9500 0%, #fe5b15 40%, #9e99ff 100%);
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.clickable {
  cursor: pointer !important;
}
loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
loading-indicator .loader {
  border: 12px solid #E5E5E5;
  border-radius: 50%;
  border-top: 12px solid #FE5B1B;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  width: 65px;
  height: 65px;
  display: block;
  /* Safari */
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Import Component and Feature Less Files Here */
.flyout-content vui-form-group .form-group {
  margin-bottom: 0.8rem;
}
vui-grid loading-indicator {
  padding: 1rem 0;
}
table > tbody > tr > td.min,
table > thead > tr > th.min {
  width: auto;
}
input[type="text"].form-control {
  text-overflow: ellipsis;
}
.highcharts-container > .highcharts-axis-labels {
  text-align: center;
  word-break: break-word;
}
vui-flyout-container vui-typeahead .typeahead {
  max-width: 320px;
}
vui-flyout-container vui-typeahead .typeahead li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-panel .subtitle {
  white-space: normal;
  word-break: break-word;
}
vui-form-group label {
  word-break: break-word;
}
.break-word {
  word-break: break-word;
}
vui-time-form-group .input-group,
vui-date-time-form-group .input-group {
  flex-wrap: wrap;
}
vui-time-form-group .input-group > *,
vui-date-time-form-group .input-group > * {
  white-space: nowrap;
}
.content-section.collapsed {
  padding-bottom: 0;
}
.content-section-title .section-checkbox {
  margin-bottom: 0;
  margin-top: 0;
  float: left;
}
.status-text:not(.text-muted):not(.text-disabled) {
  color: #999999;
}
.status-text:not(.text-muted):not(.text-disabled).NORMAL {
  color: #64A539;
}
.status-text:not(.text-muted):not(.text-disabled).WARNING {
  color: #FFAA00;
}
.status-text:not(.text-muted):not(.text-disabled).ALARM {
  color: #D23241;
}
.status-text:not(.text-muted):not(.text-disabled).INFO {
  color: #0076A8;
}
.status-text:not(.text-muted):not(.text-disabled).MAINTENANCE {
  color: #6ECCC7;
}
.status-text:not(.text-muted):not(.text-disabled).DOWN {
  color: #5E1EE7;
}
.status-text:not(.text-muted):not(.text-disabled).FAULT {
  color: #999999;
}
.status-text:not(.text-muted):not(.text-disabled).DISABLED {
  color: #CCCCCC;
}
vui-progress-bar.NORMAL .bar {
  background: #64A539;
}
vui-progress-bar.WARNING .bar {
  background: #FFAA00;
}
vui-progress-bar.ALARM .bar {
  background: #D23241;
}
vui-progress-bar.INFO .bar {
  background: #0076A8;
}
vui-progress-bar.MAINTENANCE .bar {
  background: #6ECCC7;
}
vui-progress-bar.DOWN .bar {
  background: #5E1EE7;
}
vui-progress-bar.FAULT .bar {
  background: #999999;
}
vui-progress-bar.DISABLED .bar {
  background: #CCCCCC;
}
.header-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
.header-grid .header-left {
  grid-column: 1;
  padding-right: 1rem;
}
.header-grid .header-content {
  grid-column: 2;
  word-break: break-word;
}
.header-grid .header-right {
  grid-column: 3;
  padding-left: 1rem;
}
.header-grid .header-image {
  padding-top: 0.5rem;
}
.header-grid .header-image [class^="icon-"],
.header-grid .header-image [class*=" icon-"] {
  font-size: 7rem;
}
.header-grid .header-meta {
  color: #333333;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: normal;
}
.resizable .resizers {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.resizable .resizers .resizer {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 3px solid #FE5B1B;
  position: absolute;
}
.resizable .resizers .resizer.top-left {
  left: -5px;
  top: -5px;
  cursor: nwse-resize;
}
.resizable .resizers .resizer.top-right {
  right: -5px;
  top: -5px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-left {
  left: -5px;
  bottom: -5px;
  cursor: nesw-resize;
}
.resizable .resizers .resizer.bottom-right {
  right: -5px;
  bottom: -5px;
  cursor: nwse-resize;
}
.tree-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.tree-list li.group-expander {
  cursor: pointer;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.tree-list li.group-expander .icon {
  position: absolute;
  right: 4px;
}
.tree-list li > ul {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
}
.alarm-state-icon.acked {
  opacity: 0.5;
}
.alarm-state-icon.icon-success-filled {
  color: #64A539;
}
.alarm-state-icon.icon-critical {
  color: #D23241;
}
.alarm-state-icon.icon-information-filled {
  color: #0076A8;
}
calculated-point-modal .op-buttons {
  clear: both;
}
calculated-point-modal .op-buttons button {
  display: block;
  float: left;
  width: 7rem;
  margin: 0.4rem;
}
calculated-point-modal .function-buttons {
  clear: both;
}
calculated-point-modal .function-buttons button {
  display: block;
  float: left;
  min-width: 10rem;
  margin: 0.4rem;
}
circuit-enclosure {
  position: relative;
  display: block;
  height: 100%;
}
circuit-enclosure loading-indicator {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.circuit-enclosure {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto 1fr;
  grid-template-rows: auto auto auto 1fr;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
  clear: both;
  grid-gap: 1rem;
}
.circuit-enclosure .columns-menu li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.circuit-enclosure .columns-menu li .hidden-icon {
  visibility: hidden;
  font-size: 1rem;
  margin-left: 1rem;
}
.circuit-enclosure .columns-menu li.hidden {
  color: #CCCCCC;
}
.circuit-enclosure .columns-menu li.hidden .hidden-icon {
  visibility: visible;
}
.circuit-enclosure vui-progress-bar .progress-bar .bar {
  transition: none;
}
.circuit-enclosure .mains {
  max-height: 300px;
  overflow: auto;
}
.circuit-enclosure .data-container {
  position: relative;
}
.circuit-enclosure .data-container .flex-layout {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: auto;
  height: 100%;
}
.circuit-enclosure .data-container .flex-layout .col-flex {
  max-width: none;
}
.circuit-enclosure .data-container .no-circuit .name > * {
  display: none;
}
.circuit-enclosure .data-container.summary-view .no-circuit .point-config-link {
  display: none;
}
.circuit-enclosure .data-container table {
  border-collapse: separate;
}
.circuit-enclosure .data-container table tbody tr td.link-indicator {
  position: relative;
  width: 8px;
  overflow: hidden;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
}
.circuit-enclosure .data-container table tbody tr td.link-indicator.BOTTOM {
  padding-top: 10px;
}
.circuit-enclosure .data-container table tbody tr td.link-indicator.TOP {
  border-bottom: 10px solid #FFFFFF;
}
.circuit-enclosure .data-container table tbody tr td.link-indicator i {
  display: block;
  width: 4px;
  margin-bottom: -1000px;
  padding-bottom: 1000px;
}
.circuit-enclosure .data-container table tbody tr:nth-child(odd) td.link-indicator.TOP,
.circuit-enclosure .data-container table tbody tr:nth-child(odd) td.link-indicator.BOTTOM {
  border-color: rgba(0, 0, 0, 0.05);
}
.circuit-enclosure .data-container table tbody tr td.link-indicator.BOTTOM i,
.circuit-enclosure .data-container table tbody tr td.link-indicator.BOTH i,
.circuit-enclosure .data-container table tbody tr td.link-indicator.TOP i {
  background: #CCCCCC;
}
color-scale {
  display: block;
}
color-scale ng-transclude {
  display: block;
  width: 100%;
  height: 100%;
}
custom-view {
  display: block;
  height: 100%;
}
custom-view.shift svg.view-svg .selection.group,
custom-view.ctrl svg.view-svg .selection.group,
custom-view.shift svg.view-svg .selection.group rect,
custom-view.ctrl svg.view-svg .selection.group rect {
  pointer-events: none;
}
.custom-view-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  position: relative;
  font-size: 0;
  text-align: center;
}
.custom-view-container canvas.view-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0 auto;
  z-index: 3;
  pointer-events: none;
}
.custom-view-container point-history-icon {
  color: #333333;
}
.custom-view-container svg.view-svg {
  position: relative;
  overflow: visible;
  width: auto;
  z-index: 2;
  color-rendering: optimizeSpeed;
  text-rendering: optimizeLegibility;
}
.custom-view-container svg.view-svg .viewport {
  shape-rendering: optimizeSpeed;
}
.custom-view-container svg.view-svg.editing {
  width: 100%;
}
.custom-view-container svg.view-svg g[visibility="hidden"] {
  display: none;
}
.custom-view-container svg.view-svg .bounding-path {
  stroke: #999999;
  fill: transparent;
}
.custom-view-container svg.view-svg .viewport-marker {
  fill: #FFFFFF;
  stroke: #808080;
  stroke-width: 1;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.custom-view-container svg.view-svg .viewport-marker.resize {
  cursor: nwse-resize;
}
.custom-view-container svg.view-svg .viewport-marker.move {
  cursor: move;
}
.custom-view-container svg.view-svg .viewport-marker:hover,
.custom-view-container svg.view-svg .viewport-marker.active {
  stroke: #FE5B1B;
  stroke-width: 2;
}
.custom-view-container svg.view-svg .viewport-marker.active {
  fill: #FE5B1B;
}
.custom-view-container svg.view-svg .path-segment-helper {
  cursor: copy;
  stroke: transparent;
  stroke-width: 5px;
  fill: transparent;
}
.custom-view-container svg.view-svg .path-segment-helper:hover {
  stroke: #FE5B1B;
}
.custom-view-container svg.view-svg .viewport-object {
  cursor: default;
}
.custom-view-container svg.view-svg.editing .viewport-object {
  cursor: pointer;
}
.custom-view-container svg.view-svg.editing .viewport-object.active {
  cursor: move;
}
.custom-view-container svg.view-svg text,
.custom-view-container svg.view-svg tspan,
.custom-view-container svg.view-svg .label {
  font-weight: 500;
  line-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-view-container svg.view-svg.editing .label a,
.custom-view-container svg.view-svg .label:not(.linked) a {
  cursor: inherit;
  text-decoration: none;
}
.custom-view-container svg.view-svg.editing .label a:hover,
.custom-view-container svg.view-svg .label:not(.linked) a:hover {
  text-decoration: none;
}
.custom-view-container svg.view-svg .label a rect {
  fill-opacity: 1;
  stroke-width: 1;
  stroke-opacity: 1;
  fill: transparent;
  stroke: transparent;
}
.custom-view-container svg.view-svg .label a text {
  fill: #333333;
}
.custom-view-container svg.view-svg .label a.FILL_STYLE_1 rect {
  fill: #F2F2F2;
  stroke: #E5E5E5;
}
.custom-view-container svg.view-svg .label a.TEXT_STYLE_1 text {
  fill: #000000;
  font-weight: 600;
}
.custom-view-container svg.view-svg .label.bound.hide-text a text {
  display: none;
}
.custom-view-container svg.view-svg .viewport-object > foreignObject {
  overflow: visible;
}
.custom-view-container svg.view-svg vui-bar-chart,
.custom-view-container svg.view-svg vui-dial-chart,
.custom-view-container svg.view-svg vui-gauge-chart,
.custom-view-container svg.view-svg vui-time-series-chart {
  height: 100%;
}
.custom-view-container svg.view-svg vui-bar-chart,
.custom-view-container svg.view-svg vui-dial-chart {
  pointer-events: none;
}
.custom-view-container svg.view-svg vui-gauge-chart .highcharts-data-labels,
.custom-view-container svg.view-svg vui-dial-chart .highcharts-data-labels {
  display: none;
}
.custom-view-container svg.view-svg.editing vui-bar-chart,
.custom-view-container svg.view-svg.editing vui-dial-chart,
.custom-view-container svg.view-svg.editing vui-gauge-chart,
.custom-view-container svg.view-svg.editing vui-time-series-chart {
  pointer-events: none;
}
.custom-view-container svg.view-svg .site-indicator {
  position: fixed;
  right: 0;
  display: block;
}
.custom-view-container svg.view-svg:not(.editing) .history-icon {
  cursor: pointer;
}
.custom-view-container svg.view-svg.editing .area .area-path {
  stroke-opacity: 0.5;
  stroke: #808080;
  stroke-width: 1px;
}
.custom-view-container svg.view-svg .area.bound .area-path {
  fill: #999999;
  stroke-opacity: 0.5;
  stroke: #808080;
  stroke-width: 1px;
}
.custom-view-container svg.view-svg:not(.editing) .area:not(.linked) > a {
  cursor: default;
  pointer-events: none;
}
.custom-view-container svg.view-svg:not(.editing) .image:not(.linked) > a {
  cursor: default;
}
.custom-view-container svg.view-svg.hide-status-colors .status-text {
  color: #999999;
}
.custom-view-container svg.view-svg.hide-status-colors .highcharts-color-0 {
  fill: #999999;
  stroke: #999999;
}
.custom-view-container svg.view-svg.hide-status-colors vui-dial-chart .green-band,
.custom-view-container svg.view-svg.hide-status-colors vui-dial-chart .yellow-band,
.custom-view-container svg.view-svg.hide-status-colors vui-dial-chart .red-band {
  fill: #999999;
}
.custom-view-container svg.view-svg .label.bound .status-indicator {
  fill: #999999;
}
.custom-view-container svg.view-svg .label.bound.NORMAL .status-indicator.OFF,
.custom-view-container svg.view-svg .label.bound.NORMAL .status-indicator.NORMAL {
  opacity: 0.4;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.DISABLED {
  fill: #CCCCCC;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.NORMAL {
  fill: #64A539;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.DOWN {
  fill: #5E1EE7;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.MAINTENANCE {
  fill: #6ECCC7;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.WARNING {
  fill: #FFAA00;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.ALARM {
  fill: #D23241;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.INFO {
  fill: #0076A8;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .area.bound .area-path.FAULT {
  fill: #999999;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound:not(.DISABLED):not(.NORMAL):not(.DOWN):not(.MAINTENANCE):not(.WARNING):not(.ALARM):not(.INFO):not(.FAULT) .status-indicator.OFF,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound:not(.DISABLED):not(.NORMAL):not(.DOWN):not(.MAINTENANCE):not(.WARNING):not(.ALARM):not(.INFO):not(.FAULT) .status-indicator.ON {
  fill: #64A539;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound:not(.DISABLED):not(.NORMAL):not(.DOWN):not(.MAINTENANCE):not(.WARNING):not(.ALARM):not(.INFO):not(.FAULT) .status-indicator.ALERT,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound:not(.DISABLED):not(.NORMAL):not(.DOWN):not(.MAINTENANCE):not(.WARNING):not(.ALARM):not(.INFO):not(.FAULT) .status-indicator.NORMAL {
  fill: #D23241;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound .status-text:not(.text-muted):not(.text-disabled).DISABLED {
  color: #CCCCCC;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DISABLED text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DISABLED text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DISABLED .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DISABLED .status-indicator {
  fill: #CCCCCC;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.NORMAL text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.NORMAL text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.NORMAL .TEXT_STYLE_1 text > tspan.name-entry {
  fill: #64A539;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.NORMAL .status-indicator {
  fill: #64A539;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.NORMAL .status-indicator.NORMAL {
  fill: #D23241;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DOWN text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DOWN text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DOWN .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.DOWN .status-indicator {
  fill: #5E1EE7;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.MAINTENANCE text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.MAINTENANCE text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.MAINTENANCE .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.MAINTENANCE .status-indicator {
  fill: #6ECCC7;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.WARNING text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.WARNING text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.WARNING .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.WARNING .status-indicator {
  fill: #FFAA00;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.ALARM text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.ALARM text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.ALARM .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.ALARM .status-indicator {
  fill: #D23241;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.INFO text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.INFO text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.INFO .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.INFO .status-indicator {
  fill: #0076A8;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.FAULT text > tspan.value-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.FAULT text > tspan.units-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.FAULT .TEXT_STYLE_1 text > tspan.name-entry,
.custom-view-container svg.view-svg:not(.hide-status-colors) .label.bound.FAULT .status-indicator {
  fill: #999999;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.DISABLED .highcharts-color-0 {
  fill: #CCCCCC !important;
  stroke: #CCCCCC !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.NORMAL .highcharts-color-0 {
  fill: #64A539 !important;
  stroke: #64A539 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.DOWN .highcharts-color-0 {
  fill: #5E1EE7 !important;
  stroke: #5E1EE7 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.MAINTENANCE .highcharts-color-0 {
  fill: #6ECCC7 !important;
  stroke: #6ECCC7 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.WARNING .highcharts-color-0 {
  fill: #FFAA00 !important;
  stroke: #FFAA00 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.ALARM .highcharts-color-0 {
  fill: #D23241 !important;
  stroke: #D23241 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.INFO .highcharts-color-0 {
  fill: #0076A8 !important;
  stroke: #0076A8 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .bar-gauge.FAULT .highcharts-color-0 {
  fill: #999999 !important;
  stroke: #999999 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.DISABLED .highcharts-color-0 {
  fill: #CCCCCC !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.NORMAL .highcharts-color-0 {
  fill: #64A539 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.DOWN .highcharts-color-0 {
  fill: #5E1EE7 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.MAINTENANCE .highcharts-color-0 {
  fill: #6ECCC7 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.WARNING .highcharts-color-0 {
  fill: #FFAA00 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.ALARM .highcharts-color-0 {
  fill: #D23241 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.INFO .highcharts-color-0 {
  fill: #0076A8 !important;
}
.custom-view-container svg.view-svg:not(.hide-status-colors) .half-gauge.FAULT .highcharts-color-0 {
  fill: #999999 !important;
}
.dashboard-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(12, 1fr);
  -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(12, 1fr);
  width: 100%;
  height: 100%;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}
.dashboard-grid .col-1-12 {
  grid-column: 1 / span 12;
}
.dashboard-grid .col-2-12 {
  grid-column: 2 / span 11;
}
.dashboard-grid .col-3-12 {
  grid-column: 3 / span 10;
}
.dashboard-grid .col-4-12 {
  grid-column: 4 / span 9;
}
.dashboard-grid .col-5-12 {
  grid-column: 5 / span 8;
}
.dashboard-grid .col-6-12 {
  grid-column: 6 / span 7;
}
.dashboard-grid .col-7-12 {
  grid-column: 7 / span 6;
}
.dashboard-grid .col-8-12 {
  grid-column: 8 / span 5;
}
.dashboard-grid .col-9-12 {
  grid-column: 9 / span 4;
}
.dashboard-grid .col-10-12 {
  grid-column: 10 / span 3;
}
.dashboard-grid .col-11-12 {
  grid-column: 11 / span 2;
}
.dashboard-grid .col-12-12 {
  grid-column: 12 / span 1;
}
.dashboard-grid .col-1-11 {
  grid-column: 1 / span 11;
}
.dashboard-grid .col-2-11 {
  grid-column: 2 / span 10;
}
.dashboard-grid .col-3-11 {
  grid-column: 3 / span 9;
}
.dashboard-grid .col-4-11 {
  grid-column: 4 / span 8;
}
.dashboard-grid .col-5-11 {
  grid-column: 5 / span 7;
}
.dashboard-grid .col-6-11 {
  grid-column: 6 / span 6;
}
.dashboard-grid .col-7-11 {
  grid-column: 7 / span 5;
}
.dashboard-grid .col-8-11 {
  grid-column: 8 / span 4;
}
.dashboard-grid .col-9-11 {
  grid-column: 9 / span 3;
}
.dashboard-grid .col-10-11 {
  grid-column: 10 / span 2;
}
.dashboard-grid .col-11-11 {
  grid-column: 11 / span 1;
}
.dashboard-grid .col-1-10 {
  grid-column: 1 / span 10;
}
.dashboard-grid .col-2-10 {
  grid-column: 2 / span 9;
}
.dashboard-grid .col-3-10 {
  grid-column: 3 / span 8;
}
.dashboard-grid .col-4-10 {
  grid-column: 4 / span 7;
}
.dashboard-grid .col-5-10 {
  grid-column: 5 / span 6;
}
.dashboard-grid .col-6-10 {
  grid-column: 6 / span 5;
}
.dashboard-grid .col-7-10 {
  grid-column: 7 / span 4;
}
.dashboard-grid .col-8-10 {
  grid-column: 8 / span 3;
}
.dashboard-grid .col-9-10 {
  grid-column: 9 / span 2;
}
.dashboard-grid .col-10-10 {
  grid-column: 10 / span 1;
}
.dashboard-grid .col-1-9 {
  grid-column: 1 / span 9;
}
.dashboard-grid .col-2-9 {
  grid-column: 2 / span 8;
}
.dashboard-grid .col-3-9 {
  grid-column: 3 / span 7;
}
.dashboard-grid .col-4-9 {
  grid-column: 4 / span 6;
}
.dashboard-grid .col-5-9 {
  grid-column: 5 / span 5;
}
.dashboard-grid .col-6-9 {
  grid-column: 6 / span 4;
}
.dashboard-grid .col-7-9 {
  grid-column: 7 / span 3;
}
.dashboard-grid .col-8-9 {
  grid-column: 8 / span 2;
}
.dashboard-grid .col-9-9 {
  grid-column: 9 / span 1;
}
.dashboard-grid .col-1-8 {
  grid-column: 1 / span 8;
}
.dashboard-grid .col-2-8 {
  grid-column: 2 / span 7;
}
.dashboard-grid .col-3-8 {
  grid-column: 3 / span 6;
}
.dashboard-grid .col-4-8 {
  grid-column: 4 / span 5;
}
.dashboard-grid .col-5-8 {
  grid-column: 5 / span 4;
}
.dashboard-grid .col-6-8 {
  grid-column: 6 / span 3;
}
.dashboard-grid .col-7-8 {
  grid-column: 7 / span 2;
}
.dashboard-grid .col-8-8 {
  grid-column: 8 / span 1;
}
.dashboard-grid .col-1-7 {
  grid-column: 1 / span 7;
}
.dashboard-grid .col-2-7 {
  grid-column: 2 / span 6;
}
.dashboard-grid .col-3-7 {
  grid-column: 3 / span 5;
}
.dashboard-grid .col-4-7 {
  grid-column: 4 / span 4;
}
.dashboard-grid .col-5-7 {
  grid-column: 5 / span 3;
}
.dashboard-grid .col-6-7 {
  grid-column: 6 / span 2;
}
.dashboard-grid .col-7-7 {
  grid-column: 7 / span 1;
}
.dashboard-grid .col-1-6 {
  grid-column: 1 / span 6;
}
.dashboard-grid .col-2-6 {
  grid-column: 2 / span 5;
}
.dashboard-grid .col-3-6 {
  grid-column: 3 / span 4;
}
.dashboard-grid .col-4-6 {
  grid-column: 4 / span 3;
}
.dashboard-grid .col-5-6 {
  grid-column: 5 / span 2;
}
.dashboard-grid .col-6-6 {
  grid-column: 6 / span 1;
}
.dashboard-grid .col-1-5 {
  grid-column: 1 / span 5;
}
.dashboard-grid .col-2-5 {
  grid-column: 2 / span 4;
}
.dashboard-grid .col-3-5 {
  grid-column: 3 / span 3;
}
.dashboard-grid .col-4-5 {
  grid-column: 4 / span 2;
}
.dashboard-grid .col-5-5 {
  grid-column: 5 / span 1;
}
.dashboard-grid .col-1-4 {
  grid-column: 1 / span 4;
}
.dashboard-grid .col-2-4 {
  grid-column: 2 / span 3;
}
.dashboard-grid .col-3-4 {
  grid-column: 3 / span 2;
}
.dashboard-grid .col-4-4 {
  grid-column: 4 / span 1;
}
.dashboard-grid .col-1-3 {
  grid-column: 1 / span 3;
}
.dashboard-grid .col-2-3 {
  grid-column: 2 / span 2;
}
.dashboard-grid .col-3-3 {
  grid-column: 3 / span 1;
}
.dashboard-grid .col-1-2 {
  grid-column: 1 / span 2;
}
.dashboard-grid .col-2-2 {
  grid-column: 2 / span 1;
}
.dashboard-grid .col-1-1 {
  grid-column: 1 / span 1;
}
.dashboard-grid .row-1-12 {
  grid-row: 1 / span 12;
}
.dashboard-grid .row-2-12 {
  grid-row: 2 / span 11;
}
.dashboard-grid .row-3-12 {
  grid-row: 3 / span 10;
}
.dashboard-grid .row-4-12 {
  grid-row: 4 / span 9;
}
.dashboard-grid .row-5-12 {
  grid-row: 5 / span 8;
}
.dashboard-grid .row-6-12 {
  grid-row: 6 / span 7;
}
.dashboard-grid .row-7-12 {
  grid-row: 7 / span 6;
}
.dashboard-grid .row-8-12 {
  grid-row: 8 / span 5;
}
.dashboard-grid .row-9-12 {
  grid-row: 9 / span 4;
}
.dashboard-grid .row-10-12 {
  grid-row: 10 / span 3;
}
.dashboard-grid .row-11-12 {
  grid-row: 11 / span 2;
}
.dashboard-grid .row-12-12 {
  grid-row: 12 / span 1;
}
.dashboard-grid .row-1-11 {
  grid-row: 1 / span 11;
}
.dashboard-grid .row-2-11 {
  grid-row: 2 / span 10;
}
.dashboard-grid .row-3-11 {
  grid-row: 3 / span 9;
}
.dashboard-grid .row-4-11 {
  grid-row: 4 / span 8;
}
.dashboard-grid .row-5-11 {
  grid-row: 5 / span 7;
}
.dashboard-grid .row-6-11 {
  grid-row: 6 / span 6;
}
.dashboard-grid .row-7-11 {
  grid-row: 7 / span 5;
}
.dashboard-grid .row-8-11 {
  grid-row: 8 / span 4;
}
.dashboard-grid .row-9-11 {
  grid-row: 9 / span 3;
}
.dashboard-grid .row-10-11 {
  grid-row: 10 / span 2;
}
.dashboard-grid .row-11-11 {
  grid-row: 11 / span 1;
}
.dashboard-grid .row-1-10 {
  grid-row: 1 / span 10;
}
.dashboard-grid .row-2-10 {
  grid-row: 2 / span 9;
}
.dashboard-grid .row-3-10 {
  grid-row: 3 / span 8;
}
.dashboard-grid .row-4-10 {
  grid-row: 4 / span 7;
}
.dashboard-grid .row-5-10 {
  grid-row: 5 / span 6;
}
.dashboard-grid .row-6-10 {
  grid-row: 6 / span 5;
}
.dashboard-grid .row-7-10 {
  grid-row: 7 / span 4;
}
.dashboard-grid .row-8-10 {
  grid-row: 8 / span 3;
}
.dashboard-grid .row-9-10 {
  grid-row: 9 / span 2;
}
.dashboard-grid .row-10-10 {
  grid-row: 10 / span 1;
}
.dashboard-grid .row-1-9 {
  grid-row: 1 / span 9;
}
.dashboard-grid .row-2-9 {
  grid-row: 2 / span 8;
}
.dashboard-grid .row-3-9 {
  grid-row: 3 / span 7;
}
.dashboard-grid .row-4-9 {
  grid-row: 4 / span 6;
}
.dashboard-grid .row-5-9 {
  grid-row: 5 / span 5;
}
.dashboard-grid .row-6-9 {
  grid-row: 6 / span 4;
}
.dashboard-grid .row-7-9 {
  grid-row: 7 / span 3;
}
.dashboard-grid .row-8-9 {
  grid-row: 8 / span 2;
}
.dashboard-grid .row-9-9 {
  grid-row: 9 / span 1;
}
.dashboard-grid .row-1-8 {
  grid-row: 1 / span 8;
}
.dashboard-grid .row-2-8 {
  grid-row: 2 / span 7;
}
.dashboard-grid .row-3-8 {
  grid-row: 3 / span 6;
}
.dashboard-grid .row-4-8 {
  grid-row: 4 / span 5;
}
.dashboard-grid .row-5-8 {
  grid-row: 5 / span 4;
}
.dashboard-grid .row-6-8 {
  grid-row: 6 / span 3;
}
.dashboard-grid .row-7-8 {
  grid-row: 7 / span 2;
}
.dashboard-grid .row-8-8 {
  grid-row: 8 / span 1;
}
.dashboard-grid .row-1-7 {
  grid-row: 1 / span 7;
}
.dashboard-grid .row-2-7 {
  grid-row: 2 / span 6;
}
.dashboard-grid .row-3-7 {
  grid-row: 3 / span 5;
}
.dashboard-grid .row-4-7 {
  grid-row: 4 / span 4;
}
.dashboard-grid .row-5-7 {
  grid-row: 5 / span 3;
}
.dashboard-grid .row-6-7 {
  grid-row: 6 / span 2;
}
.dashboard-grid .row-7-7 {
  grid-row: 7 / span 1;
}
.dashboard-grid .row-1-6 {
  grid-row: 1 / span 6;
}
.dashboard-grid .row-2-6 {
  grid-row: 2 / span 5;
}
.dashboard-grid .row-3-6 {
  grid-row: 3 / span 4;
}
.dashboard-grid .row-4-6 {
  grid-row: 4 / span 3;
}
.dashboard-grid .row-5-6 {
  grid-row: 5 / span 2;
}
.dashboard-grid .row-6-6 {
  grid-row: 6 / span 1;
}
.dashboard-grid .row-1-5 {
  grid-row: 1 / span 5;
}
.dashboard-grid .row-2-5 {
  grid-row: 2 / span 4;
}
.dashboard-grid .row-3-5 {
  grid-row: 3 / span 3;
}
.dashboard-grid .row-4-5 {
  grid-row: 4 / span 2;
}
.dashboard-grid .row-5-5 {
  grid-row: 5 / span 1;
}
.dashboard-grid .row-1-4 {
  grid-row: 1 / span 4;
}
.dashboard-grid .row-2-4 {
  grid-row: 2 / span 3;
}
.dashboard-grid .row-3-4 {
  grid-row: 3 / span 2;
}
.dashboard-grid .row-4-4 {
  grid-row: 4 / span 1;
}
.dashboard-grid .row-1-3 {
  grid-row: 1 / span 3;
}
.dashboard-grid .row-2-3 {
  grid-row: 2 / span 2;
}
.dashboard-grid .row-3-3 {
  grid-row: 3 / span 1;
}
.dashboard-grid .row-1-2 {
  grid-row: 1 / span 2;
}
.dashboard-grid .row-2-2 {
  grid-row: 2 / span 1;
}
.dashboard-grid .row-1-1 {
  grid-row: 1 / span 1;
}
.dashboard-grid [class^="col-1-"],
.dashboard-grid [class*=" col-1-"] {
  padding-left: 0;
}
.dashboard-grid [class^="row-1-"],
.dashboard-grid [class*=" row-1-"] {
  padding-top: 0;
}
.dashboard-grid .col-1-12,
.dashboard-grid .col-2-12,
.dashboard-grid .col-3-12,
.dashboard-grid .col-4-12,
.dashboard-grid .col-5-12,
.dashboard-grid .col-6-12,
.dashboard-grid .col-7-12,
.dashboard-grid .col-8-12,
.dashboard-grid .col-9-12,
.dashboard-grid .col-10-12,
.dashboard-grid .col-11-12,
.dashboard-grid .col-12-12 {
  padding-right: 0;
}
.dashboard-grid .row-1-12,
.dashboard-grid .row-2-12,
.dashboard-grid .row-3-12,
.dashboard-grid .row-4-12,
.dashboard-grid .row-5-12,
.dashboard-grid .row-6-12,
.dashboard-grid .row-7-12,
.dashboard-grid .row-8-12,
.dashboard-grid .row-9-12,
.dashboard-grid .row-10-12,
.dashboard-grid .row-11-12,
.dashboard-grid .row-12-12 {
  padding-bottom: 0;
}
.dashboard-grid.edit-mode {
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
}
.dashboard-grid.edit-mode .dashboard-grid-guide {
  border-bottom: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard-grid.edit-mode .dashboard-grid-guide.available:hover {
  cursor: pointer;
}
.dashboard-grid.edit-mode .dashboard-grid-guide.available:hover .icon-add-filled {
  display: block;
}
.dashboard-grid.edit-mode dashboard-item .dashboard-item-body .content-section-title {
  cursor: move;
}
.dashboard-grid .dashboard-grid-guide .icon-add-filled {
  display: none;
  font-size: 3rem;
  color: #CCCCCC;
}
.dashboard-grid dashboard-item {
  padding: 0.5rem;
}
.dashboard-grid dashboard-item .dashboard-item-body {
  position: relative;
  height: 100%;
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}
.dashboard-grid dashboard-item .dashboard-item-body.dragging {
  visibility: hidden;
}
.dashboard-grid dashboard-item .dashboard-item-body .content-section-title {
  position: absolute;
  background-color: #CCCCCC;
  color: #333333;
  width: 100%;
}
.dashboard-grid dashboard-item .dashboard-item-body .dashboard-item-content {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.dashboard-grid dashboard-item .dashboard-item-body .dashboard-item-content::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.dashboard-grid dashboard-item .dashboard-item-body .dashboard-item-content::-webkit-scrollbar-thumb {
  background: #999999;
}
.dashboard-grid dashboard-item .dashboard-item-body .dashboard-item-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.dashboard-grid dashboard-item .dashboard-item-body .resizers {
  position: absolute;
  top: 0;
}
.dashboard-grid dashboard-item .dashboard-item-body .resizers .resizer {
  z-index: 2;
}
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization {
  height: 100%;
}
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization simple-value {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(2rem + 1vh);
  font-weight: 500;
}
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-bar-chart,
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-dial-chart,
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-gauge-chart,
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-pie-chart,
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-scatter-chart,
.dashboard-grid dashboard-item .dashboard-item-body .reportlet-visualization vui-time-series-chart {
  height: 100%;
}
.dashboard-grid dashboard-item .dashboard-item-body .status-widget {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 0.8rem;
  align-items: center;
  height: 100%;
  padding: 1rem 4vw;
}
.dashboard-grid dashboard-item .dashboard-item-body .status-widget .count {
  font-size: calc(3rem + 1vh);
  font-weight: 500;
  margin: 1rem;
}
.dashboard-grid dashboard-item .dashboard-item-body .status-widget .title {
  font-size: 1.4rem;
}
.dashboard-grid dashboard-item .dashboard-item-body .status-widget [class^="icon-"],
.dashboard-grid dashboard-item .dashboard-item-body .status-widget [class*=" icon-"] {
  font-size: calc(3rem + 1vh);
}
events-and-alarms {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto minmax(0, 2fr) auto minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 2fr) auto minmax(0, 1fr);
  grid-row-gap: 1rem;
  height: 100%;
}
events-and-alarms .content-section-title {
  margin: 0;
}
events-and-alarms alarm-console,
events-and-alarms maintenance-console {
  display: block;
  height: 100%;
  overflow: auto;
}
.draggable-tiles .tile .drop-over.accepts-drop {
  background-color: rgba(254, 91, 27, 0.5);
}
.draggable-tiles .tile .reject-drop {
  opacity: 0.5;
}
group-items .tile-content.WARNING,
group-items .tile-content.WARNING::before,
group-items .tile-content.WARNING::after {
  border-color: #FFAA00;
}
group-items .tile-content.ALARM,
group-items .tile-content.ALARM::before,
group-items .tile-content.ALARM::after {
  border-color: #D23241;
}
group-items .tile-content.INFO,
group-items .tile-content.INFO::before,
group-items .tile-content.INFO::after {
  border-color: #0076A8;
}
group-items .tile-content.MAINTENANCE,
group-items .tile-content.MAINTENANCE::before,
group-items .tile-content.MAINTENANCE::after {
  border-color: #6ECCC7;
}
group-items .tile-content.DOWN,
group-items .tile-content.DOWN::before,
group-items .tile-content.DOWN::after {
  border-color: #5E1EE7;
}
group-items .tile-content.FAULT,
group-items .tile-content.FAULT::before,
group-items .tile-content.FAULT::after {
  border-color: #999999;
}
group-items .tile-title-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-column-gap: 1rem;
}
group-items .tile-title-container .tile-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
group-items .kpi-value-left {
  padding-left: 5px !important;
  padding-right: 3px !important;
}
group-items .kpi-value-right {
  padding-left: 3px !important;
  padding-right: 5px !important;
}
groups .empty-message {
  width: 66%;
  margin: 0 auto;
}
groups-context-panel status-counts {
  padding-top: 0.5rem;
  display: block;
}
groups-context-panel li > a {
  word-break: break-word;
}
groups-context-panel li.accepts-drop.drop-over:not(.dragging) .drop-marker {
  border-top: 2px solid #FE5B1B;
  margin-bottom: 0.5rem;
}
groups-context-panel .draggable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
groups-context-panel .draggable > .drop-marker + a {
  padding-right: 3.4rem;
}
groups-context-panel .drag-anchor {
  display: block;
  position: absolute !important;
  padding: 0.6rem !important;
  top: 0.6rem;
  right: 0.6rem;
  cursor: ns-resize;
}
groups-context-panel loading-indicator {
  height: auto;
  margin: 1rem auto;
}
language-modal .lang-list {
  padding: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 30rem;
}
page-action {
  display: none;
}
page-action > * {
  display: block;
}
.point-config-link:not(.loaded) {
  display: none;
}
.point-config-link .value {
  cursor: pointer;
}
.point-config-link:not(.enabled) .value {
  color: #CCCCCC;
}
.point-config-link:not(.configurable) .value {
  cursor: none;
  color: #333333 !important;
  pointer-events: none;
}
.point-config-link:not(.history-enabled) .history-icon {
  display: none;
}
.point-config-link:not(.ESTIMATED) .estimated-icon {
  display: none;
}
.point-config-link:not(.CALCULATED) .calculated-icon {
  display: none;
}
.point-config-link:not(.CONSTANT) .constant-icon {
  display: none;
}
system-status .counts,
status-counts .counts {
  white-space: nowrap;
}
system-status .counts [class^="icon-"] + [class^="icon-"],
status-counts .counts [class^="icon-"] + [class^="icon-"],
system-status .counts [class^="icon-"] + [class*=" icon-"],
status-counts .counts [class^="icon-"] + [class*=" icon-"],
system-status .counts [class*=" icon-"] + [class*=" icon-"],
status-counts .counts [class*=" icon-"] + [class*=" icon-"],
system-status .counts [class*=" icon-"] + [class^="icon-"],
status-counts .counts [class*=" icon-"] + [class^="icon-"] {
  margin-left: 0.6rem;
}
status-icon [class^="icon-"],
status-icon [class*=" icon-"] {
  display: inline;
}
.system-status-loading loading-indicator {
  display: inline-flex;
  margin: 0 1rem 0 0;
}
.system-status-loading loading-indicator .loader {
  width: 1.6rem;
  height: 1.6rem;
  border-width: 0.3rem;
}
system-status-notification {
  margin-top: 1rem;
}
system-status-notification .disable-status-notifications {
  font-weight: normal;
  font-size: 1.5rem;
  margin-left: 5px;
}
system-status-notification .flex-layout > * {
  clear: both;
  padding: 1rem 1rem 1rem 3.2rem !important;
  min-width: 12rem;
  position: relative;
}
system-status-notification .status-text {
  position: absolute;
  left: 0;
  padding-left: 0;
}
user-menu vui-menu {
  width: 60px;
  text-align: center;
}
user-menu vui-menu vui-menu-trigger {
  display: inline-block;
  width: 60px;
}
validate-points-job-table pre {
  overflow: auto;
  max-height: 110px;
  padding: 0;
  margin: 0;
  font-family: 'Calibre', Arial, Sans-Serif, sans-serif;
  -webkit-overflow-scrolling: touch;
}
validate-points-job-table pre::-webkit-scrollbar-track {
  background: #E5E5E5;
}
validate-points-job-table pre::-webkit-scrollbar-thumb {
  background: #999999;
}
validate-points-job-table pre::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
view-legend {
  text-align: center;
}
view-legend .view-legend {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
view-legend .view-legend > * {
  position: relative;
  z-index: 2;
  margin-right: 10px;
  margin-left: 10px;
  max-width: 100%;
}
view-legend .highcharts-background {
  fill: transparent;
}
view-legend .status-legend {
  display: inline-block;
}
view-legend .color-scale {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  height: 22px;
}
view-legend select.form-control {
  display: none;
  margin-bottom: 0;
}
view-legend .show-options select.form-control {
  display: inline-block;
}
view-legend .status-legend {
  text-align: center;
}
view-legend .status-legend span {
  display: inline-block;
  padding-right: 15px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #CCCCCC;
}
view-legend .status-legend span.disabled {
  color: #CCCCCC;
}
view-legend .status-legend span.normal {
  color: #64A539;
}
view-legend .status-legend span.info {
  color: #0076A8;
}
view-legend .status-legend span.down {
  color: #5E1EE7;
}
view-legend .status-legend span.maintenance {
  color: #6ECCC7;
}
view-legend .status-legend span.warning {
  color: #FFAA00;
}
view-legend .status-legend span.alarm {
  color: #D23241;
}
view-legend .status-legend span.fault {
  color: #999999;
}
point-flyout .dsp-table {
  max-height: 150px;
  overflow-y: auto;
  display: block !important;
}
.analytics-search-modal .scrollable.selection {
  max-height: 600px;
  overflow: auto;
}
.analytics-search-modal .scrollable.selection .btn-ico {
  padding-top: 0;
  float: right;
}
.calculated-entry-help-modal .scrollable {
  max-height: 600px;
  overflow: auto;
}
#reportComponent {
  margin-right: 350px;
}
#reportComponent .reportlet-list-item {
  cursor: move;
  margin-top: 5px;
  padding: 2px;
  list-style: none;
  overflow: hidden;
}
#reportComponent .reportlet-list-item span {
  vertical-align: sub;
}
#reportComponent .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
}
#reportComponent .container .scrolling-container {
  position: relative;
  height: 100%;
}
#reportComponent .container .scrolling-container .scrollable {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
#reportComponent .pages .insert-page {
  display: block;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}
#reportComponent .pages .insert-page:first-child {
  padding-top: 0;
}
#reportComponent .pages .insert-page:last-child {
  padding-bottom: 0;
}
#reportComponent .pages .landingzone {
  border: 1px solid #999999;
  background-color: #F2F2F2;
  width: 616px;
  margin: 0 auto;
  position: relative;
}
#reportComponent .pages .landingzone .page-actions {
  position: absolute;
  top: 10px;
  right: 36px;
  visibility: hidden;
}
#reportComponent .pages .landingzone .workingarea {
  border: 2px dotted #999999;
  margin: 36px 36px;
  height: 720px;
  width: 540px;
  position: relative;
  box-sizing: content-box;
}
#reportComponent .pages .landingzone .workingarea .hint-text {
  position: relative;
  top: 50%;
  margin-top: -20px;
  color: #999999;
  text-align: center;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container {
  position: absolute;
  background-color: #FFFFFF;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .resizers {
  z-index: 1;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .remove-reportlet {
  position: absolute;
  top: -8px;
  left: -8px;
  padding: 0;
  height: auto;
  line-height: inherit;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization,
#reportComponent .pages .landingzone .workingarea .reportlet-container vui-bar-chart,
#reportComponent .pages .landingzone .workingarea .reportlet-container vui-dial-chart,
#reportComponent .pages .landingzone .workingarea .reportlet-container vui-pie-chart,
#reportComponent .pages .landingzone .workingarea .reportlet-container vui-scatter-chart,
#reportComponent .pages .landingzone .workingarea .reportlet-container vui-time-series-chart,
#reportComponent .pages .landingzone .workingarea .reportlet-container table-chart {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  pointer-events: none;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization table-chart {
  overflow: auto;
  pointer-events: auto;
  -webkit-overflow-scrolling: touch;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization table-chart::-webkit-scrollbar-track {
  background: #E5E5E5;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization table-chart::-webkit-scrollbar-thumb {
  background: #999999;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization table-chart::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization textarea {
  pointer-events: auto;
  resize: none;
  width: 100%;
  height: 100%;
}
#reportComponent .pages .landingzone .workingarea .reportlet-container .reportlet-visualization > * {
  cursor: move;
}
#reportComponent .pages .landingzone .workingarea.active {
  background-color: #F2F2F2;
}
#reportComponent .pages .landingzone:hover > .page-actions {
  visibility: visible;
}
#reportletComponent {
  margin-right: 350px;
}
#reportletComponent .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
}
#reportletComponent .container .scrolling-container {
  position: relative;
  height: 100%;
}
#reportletComponent .container .reportlet-visualization {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
#reportletComponent .container .reportlet-visualization table-chart {
  display: block;
  height: 100%;
  overflow: auto;
  pointer-events: auto;
  -webkit-overflow-scrolling: touch;
}
#reportletComponent .container .reportlet-visualization table-chart::-webkit-scrollbar-track {
  background: #E5E5E5;
}
#reportletComponent .container .reportlet-visualization table-chart::-webkit-scrollbar-thumb {
  background: #999999;
}
#reportletComponent .container .reportlet-visualization table-chart::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.reportlet-visualization img {
  display: block;
  margin: 0 auto;
}
group-views .outer-container {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  height: 100%;
}
group-views .outer-container loading-indicator {
  position: absolute;
  width: 100%;
  z-index: 10;
  height: 100%;
}
group-views .outer-container .view-container {
  grid-column: 1;
  grid-row: 1;
}
group-views .outer-container view-legend {
  grid-column: 1;
  grid-row: 2;
}
group-views .outer-container .sidebar {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
group-views .view-container {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
group-views .view-container::-webkit-scrollbar-track {
  background: #E5E5E5;
}
group-views .view-container::-webkit-scrollbar-thumb {
  background: #999999;
}
group-views .view-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
group-views .sidebar {
  width: 250px;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto 1fr;
  grid-template-rows: auto auto auto 1fr;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  grid-row-gap: 1rem;
}
group-views .tree-section {
  overflow: auto;
  max-height: 260px;
  -webkit-overflow-scrolling: touch;
}
group-views .tree-section::-webkit-scrollbar-track {
  background: #E5E5E5;
}
group-views .tree-section::-webkit-scrollbar-thumb {
  background: #999999;
}
group-views .tree-section::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
group-views .tree-section ol {
  list-style: none;
  padding-left: 2rem;
}
group-views .tree-section ol.tree-root {
  padding: 0;
  margin: 0;
}
group-views .tree-section .drop-marker {
  height: 4px;
  position: relative;
}
group-views .tree-section .drop-marker::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
}
group-views .tree-section .drop-marker.drop-over.accepts-drop:not(.dragging) {
  height: 2rem;
}
group-views .tree-section .drop-marker.drop-over.accepts-drop:not(.dragging)::after {
  background-color: #FE5B1B;
}
group-views .tree-section .tree-view-label {
  cursor: pointer;
  padding: 0 4px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  word-break: break-all;
  font-weight: normal;
}
group-views .tree-section .tree-view-label.active {
  background-color: rgba(255, 210, 72, 0.2);
}
group-views .tree-section .tree-view-label > .toggle-icon {
  font-size: 1.8rem;
}
group-views custom-view-property-sheet {
  display: block;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
group-views custom-view-property-sheet::-webkit-scrollbar-track {
  background: #E5E5E5;
}
group-views custom-view-property-sheet::-webkit-scrollbar-thumb {
  background: #999999;
}
group-views custom-view-property-sheet::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
group-views custom-view-property-sheet .content-section-title {
  margin-bottom: 1rem;
}
.rack-preview-box {
  max-height: 300px;
  max-width: 400px;
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.rack-preview-box::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.rack-preview-box::-webkit-scrollbar-thumb {
  background: #999999;
}
.rack-preview-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.rack-preview-box i {
  display: inline-block;
  background: #666666;
  border: 1px solid #999999;
}
.rack-preview-box.vert i {
  display: block;
}
.rack-preview-box .ellipse {
  font-size: 14px;
  border: none;
  background: none;
  color: #333333;
}
.job-manager-view .job-batch-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  height: 100%;
}
.job-manager-view .job-batch-list .scrolling-container {
  position: relative;
}
.job-manager-view .job-batch-list .scrolling-container .scrollable {
  padding-right: 2rem;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
.job-manager-view .batch-summary {
  margin: 10px 0;
}
.job-manager-view .table-container {
  max-height: 400px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.job-manager-view .table-container::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.job-manager-view .table-container::-webkit-scrollbar-thumb {
  background: #999999;
}
.job-manager-view .table-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.job-batch-list pre {
  background: transparent;
}
#licenseDashboardComponent {
  margin-right: 350px;
}
.quick-start {
  text-align: center;
}
.quick-start .title {
  padding-top: 4rem;
}
.quick-start .p-intro-2 {
  margin: 5rem auto 2rem;
  max-width: 800px;
  text-align: left;
}
.quick-start .wizard-nav {
  position: relative;
  margin: 2rem auto;
  display: inline-block;
}
.quick-start .wizard-nav .connecting-line {
  height: 1rem;
  background: #CCCCCC;
  position: absolute;
  margin: 0 auto;
  left: 1rem;
  right: 1rem;
  top: 2rem;
  z-index: 1;
}
.quick-start .wizard-nav ul {
  list-style: none;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  margin: 0 -8rem;
}
.quick-start .wizard-nav ul li {
  display: block;
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 8rem;
}
.quick-start .wizard-nav ul li a {
  width: 5rem;
  height: 5rem;
  line-height: 4.5rem;
  display: inline-block;
  border-radius: 100px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  z-index: 2;
  left: 0;
  text-align: center;
  font-size: 3rem;
  color: #333333;
}
.quick-start .wizard-nav ul li a.active {
  background: #FE5B1B;
  border-color: #FE5B1B;
  color: #FFFFFF;
}
.quick-start .wizard-nav ul li span {
  position: relative;
  display: block;
  left: 50%;
  margin-left: -6rem;
  margin-top: 1rem;
  width: 12rem;
}
.quick-start .step-panels {
  position: relative;
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 4rem 0 0;
}
.quick-start .step-panels li {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 2rem;
  background: #F2F2F2;
  padding: 2rem;
  text-align: center;
  width: 18rem;
}
.quick-start .step-panels li .step-icon {
  font-size: 5rem;
  display: block;
  color: #808080;
  margin-bottom: 2rem;
}
.quick-start .step-panels li .step-info {
  margin-top: 2rem;
  text-align: left;
}
.quick-start .step-content {
  max-width: 800px;
  margin: 4rem auto;
  background: #F2F2F2;
  padding: 2rem;
  text-align: left;
}
.quick-start .step-content .subtitle {
  display: block;
  margin-bottom: 2rem;
}
.quick-start .step-content .col-flex.centered vui-form-group,
.quick-start .step-content .col-flex.centered .caption {
  margin: 0 auto;
  display: block;
  max-width: 300px;
}
.quick-start .step-content .btn-row {
  margin-top: 2rem;
  text-align: right;
}
.quick-start .step-content .col-flex .section {
  background: #FFFFFF;
  color: #333333;
  overflow: auto;
  max-height: 206px;
  height: 100%;
  border: 1px solid #999999;
  -webkit-overflow-scrolling: touch;
}
.quick-start .step-content .col-flex .section::-webkit-scrollbar-track {
  background: #E5E5E5;
}
.quick-start .step-content .col-flex .section::-webkit-scrollbar-thumb {
  background: #999999;
}
.quick-start .step-content .col-flex .section::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.quick-start .step-content .col-flex .section > * {
  padding: 0.5rem;
}
rack-assets .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  height: 100%;
}
rack-assets .actions {
  text-align: center;
}
rack-assets .actions .btn-group {
  display: inline-block;
}
rack-assets .actions .btn-group .btn {
  margin-top: 0;
}
rack-assets .rack-layout {
  position: relative;
  min-width: 240px;
}
rack-assets .rack-layout ul.units {
  padding: 0;
  margin: 0;
  list-style: none;
}
rack-assets .rack-layout ul.units li {
  width: 100%;
  height: 20px;
  position: relative;
}
rack-assets .rack-layout ul.units li .unit-number {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25px;
  background-color: #666666;
  color: #FFFFFF;
  padding: 0 6px;
  text-align: right;
}
rack-assets .rack-layout ul.units li .unit {
  display: block;
  height: 20px;
  margin: 2px 2px 2px 27px;
  background-color: #CCCCCC;
  position: relative;
}
rack-assets .rack-layout ul.units li .unit .add-asset {
  text-align: center;
  visibility: hidden;
  width: 100%;
  color: #FFFFFF;
  position: absolute;
  bottom: -1px;
}
rack-assets .rack-layout ul.units li .unit.open:not(.accepts-drop):hover .add-asset {
  visibility: visible;
}
rack-assets .rack-layout ul.units li .unit.accepts-drop.drop-over {
  background-color: #999999;
}
rack-assets .rack-layout .asset {
  position: relative;
  width: 100%;
  top: 0;
  min-height: 20px;
  background-color: #808080;
  color: #FFFFFF;
  padding: 0 20px 0 2px;
  overflow: visible;
  cursor: pointer;
  display: flex;
  align-content: flex-end;
}
rack-assets .rack-layout .asset > * {
  align-self: flex-end;
  display: inline-block;
}
rack-assets .rack-layout .asset:not(.dragging) {
  cursor: move;
}
rack-assets .rack-layout .asset.dragging {
  display: none;
}
rack-assets .rack-layout .asset .remove-asset {
  position: absolute;
  right: 2px;
  bottom: -1px;
  text-decoration: none;
  color: #FFFFFF;
}
email-settings .values {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  column-gap: 10px;
  row-gap: 10px;
  margin-bottom: 20px;
}
security {
  position: relative;
  display: block;
  height: 100%;
}
security .restarting-message {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 50px auto 0;
  display: inline-block;
  text-align: center;
}
server-status .server-status-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  column-gap: 10px;
  row-gap: 10px;
}
server-status .server-status-grid .section vui-bar-chart {
  height: 300px;
}
server-status .server-status-grid .section .values {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  column-gap: 10px;
  row-gap: 10px;
}
server-status .server-status-grid .section.performance {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}
server-status .server-status-grid .section.system-name {
  grid-column: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}