@keyframes fadeindelay {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes unitlistalertsspinner {
  0% {
    box-shadow: 5px 0 #000, -5px 0 #0002;
    background: #000;
  }
  33% {
    box-shadow: 5px 0 #000, -5px 0 #0002;
    background: #0002;
  }
  66% {
    box-shadow: 5px 0 #0002, -5px 0 #000;
    background: #0002;
  }
  100% {
    box-shadow: 5px 0 #0002, -5px 0 #000;
    background: #000;
  }
}
@font-face {
  font-family: 'TyreSense Accel Icons';
  src: url('../fonts/TyreSenseAccelIcons.woff') format('woff');
}
.accelicons {
  font-family: 'TyreSense Accel Icons';
}
input[type="checkbox"] {
  margin: 0 !important;
}
.k-filter-menu-container .k-multicheck-wrap input[type="checkbox"] {
  margin: 0 4px 0 0 !important;
}
/*High charts inactive behaviour override*/
.highcharts-point-inactive,
.highcharts-series-inactive:not(.highcharts-columnrange-series) {
  opacity: 1 !important;
}
.highcharts-columnrange-series rect.highcharts-point {
  stroke-opacity: 0.8;
  fill-opacity: 0.2;
}
.leaflet-grab {
  cursor: auto;
  /* default value was 'hand' */
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
}
.leaflet-layer.xts-customtiles {
  z-index: 2;
}
.xts-unitlistmenu > li.k-first .k-menu-link {
  border-width: 0;
}
.xts-unitlistmenu #details-menu {
  margin-left: auto;
}
.k-filter-menu .k-action-buttons {
  margin: 0;
}
.k-filter-help-text,
.k-filter-menu .k-picker,
.k-filter-menu .k-textbox,
.k-filter-menu .k-datepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-numerictextbox {
  margin: 0.19em 0 0 !important;
}
.k-pager-wrap {
  padding: 0.333em 0.25em !important;
}
.k-dialog-buttongroup {
  background-color: #d9ecf5 !important;
}
.xts-unitprovisioner .selection-info {
  text-align: center;
  padding: 10px 0;
}
.xts-unitprovisioner #rb_use_existing,
.xts-unitprovisioner #rb_create_new {
  margin: 0px 0px 0px 0px !important;
}
.xts-unitprovisioner .k-radio-label {
  margin: 0px 5px 0px 0px !important;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitprovisioner .hidden {
  display: none !important;
}
#wheels-graphic .sensor-id-rejected {
  color: #f31700;
  float: right;
  margin-right: 2px;
}
#wheels-graphic .sensor-id-accepted {
  color: #37b400;
  float: right;
  margin-right: 2px;
}
#wheels-graphic .hideme {
  display: none;
}
/*#pending-operations-summary .disabled input[type=checkbox] {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
    filter: grayscale(0.8);
    -webkit-filter: grayscale(0.8);
}*/
#pending-operations-summary .red {
  color: #f31700;
}
#pending-operations-summary .green {
  color: #37b400;
}
#tpms-info-group .grid-container-element {
  display: grid;
  /*grid-template-columns: 1fr 1fr;*/
  grid-gap: 20px;
  text-align: center;
}
#tpms-info-group .one-column {
  grid-template-columns: 1fr;
}
#tpms-info-group .two-column {
  grid-template-columns: 1fr 1fr;
}
#tpms-info-group .three-column {
  grid-template-columns: 1fr 1fr 1fr;
}
#tpms-info-group .grid-child-element {
  margin: 5px;
  width: 100%;
  font-size: 17px;
}
#tpms-info-group .k-arcgauge-label {
  top: 50% !important;
  font-size: 17px;
}
#tpms-info-group .no-display {
  display: none;
}
#tpms-info-group .red {
  color: #f31700;
}
#tpms-info-group .green {
  color: #37b400;
}
#tpms-info-group .black {
  color: #003f59;
}
#tpms-info-group .amber {
  color: #ffc000;
}
.assets-area .k-tabstrip-items-wrapper {
  /*padding: 0.3em 0.3em 0 !important;*/
  margin-inline-start: 0.3em !important;
}
.assets-area .k-tabstrip > .k-content,
.assets-area .k-panelbar .k-tabstrip > .k-content {
  border-top-color: transparent !important;
}
.assets-area div.asset-picker-special {
  max-height: calc(100% - 60px);
  margin: 0;
  padding: 0;
}
#smu-grid .validator-error-tooltip {
  display: none !important;
}
#wo-drawer-content {
  /*Commenting until decided what width is the optimal in Alpha testing*/
  /*min-height: ~"calc(100vh - 60px)";*/
}
#wo-drawer-content #view-work-order-area {
  overflow: auto;
}
#wo-drawer-content div.drawer-tab {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
}
#wo-drawer-content div.drawer-tab div.drawer-tab-content {
  flex: 1;
}
.k-input {
  border-radius: 4px;
  background-color: #ffffff;
  border-color: #68b1d2;
}
.k-datepicker.k-input {
  border-width: 1px !important;
  border-style: solid !important;
}
.k-datepicker.k-input {
  padding: 0 !important;
}
.k-widget.k-input:focus,
.k-input:focus,
.k-widget.k-input.k-focus,
.k-input.k-focus {
  border-color: #68b1d2 !important;
}
.xts-titleview-areadroplist-restyle .k-list-scroller {
  padding: 0 !important;
}
.xts-titleview-areadroplist-restyle .k-list-item {
  border-radius: 0 !important;
}
.k-widget.k-picker,
.k-picker {
  background-color: #fff !important;
}
.k-picker .k-input-button {
  border-color: #93c8df !important;
  color: #003f59;
  background-color: #daecf4 !important;
}
.picker-search-parent-div .k-input,
.k-window-content.k-dialog-content .k-input,
.xts-systemdashboard-noticemanager .actions .k-input,
.k-edit-field .k-input,
.xts-processviewer .header .k-input,
.picker-search-parent-div .k-picker,
.k-window-content.k-dialog-content .k-picker,
.xts-systemdashboard-noticemanager .actions .k-picker,
.k-edit-field .k-picker,
.xts-processviewer .header .k-picker {
  width: 12.4em !important;
}
#wo_validate_start_end_date_hours .k-input,
#wo_validate_start_end_date_hours .k-picker {
  width: auto !important;
}
#smu-inspection-dialog .k-input,
#smu-inspection-dialog .k-picker {
  width: auto !important;
}
.k-widget.k-tooltip {
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  background-position: 50% 50%;
  padding: 5px 5px 5px 6px !important;
  text-align: center;
}
.k-widget.k-tooltip-validation {
  border-color: #ffb400 !important;
  background-color: #ffb400 !important;
  color: #000000 !important;
  margin: 5px 0px 0px 100px !important;
}
.k-grid-norecords {
  justify-content: center;
}
.k-tabstrip .k-button.k-disabled {
  opacity: 0.6 !important;
}
.k-list-item-text::before,
.k-list-optionlabel::before {
  content: none !important;
}
#app-menu .k-menu-link {
  border-width: 0 !important;
}
.areacontainer .k-picker {
  border-bottom-width: 0 !important;
  border-top-width: 0 !important;
}
.k-tabstrip-items .k-item.k-active {
  border-bottom-color: transparent !important;
}
.k-tabstrip-items .k-item {
  border: 1px solid #68b1d2 !important;
}
.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
  border-style: solid;
  border-width: 1px !important;
  margin: 0 0.286em 0.3em;
}
.k-tabstrip-content:focus,
.k-tabstrip > .k-content:focus,
.k-tabstrip-content.k-state-focused,
.k-tabstrip > .k-content.k-state-focused,
.k-tabstrip-content.k-focus,
.k-tabstrip > .k-content.k-focus {
  outline-style: none !important;
}
/*.sensor_connectivity_summary_chart .highcharts-container, .sensor_connectivity_summary_chart .highcharts-container svg {*/
/* max-width: 100% !important;*/
/*width: 100% !important;*/
/*height: 100% !important;*/
/*}*/
.error-threshold {
  /*background-color: #ED3237 !important;*/
  background-color: rgba(237, 50, 55, 0.6) !important;
  font-weight: 600;
}
.warning-threshold {
  /*background-color: #F58634 !important;*/
  background-color: rgba(245, 134, 52, 0.6) !important;
  font-weight: 600;
}
.fyi-threshold {
  background-color: rgba(255, 225, 156, 0.6) !important;
}
/*over riding the kendo selected default style*/
.k-selected,
.k-selected:link,
.k-selected:visited,
.k-tool.k-selected,
.k-list > .k-selected,
.k-list > .k-highlight,
.k-panel > .k-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-selected,
.k-scheduler .k-today.k-selected,
.k-marquee-color {
  color: #fff !important;
  background-color: #13688c !important;
  border-color: #146b90 !important;
}
.vehicle_perfomance_tbl .k-selected td,
.sensor_connectivity_tbl .k-selected td {
  border: 1px solid #146b90 !important;
}
.vehicle_perfomance_tbl .k-selected td *,
.temprature_snapshot_tbl .k-selected td a,
.gauge_pressure_snapshot_tbl .k-selected td a,
.cold_pressure_snapshot_tbl .k-selected td a,
.speed-violations .k-selected td *,
.sensor_connectivity_tbl .k-selected td *:not(.light-gray),
.asset-picker-special .k-selected td a,
#edit-operations-summary .k-selected td a {
  color: #fff !important;
}
.asset-picker-special .k-grid-content {
  max-height: 93%;
}
.sensor_connectivity_tbl .light-gray,
.sensor_connectivity_tbl .light-gray * {
  color: gray !important;
}
.sensor_connectivity_tbl {
  overflow-y: auto;
}
.tire-scrap-report {
  overflow-x: auto !important;
}
#edit-stockpiles .k-tooltip-validation,
#asset-import-grid .k-tooltip-validation,
#metadata-history .k-tooltip-validation {
  white-space: normal;
  max-width: 155px;
}
#metadata-history .k-numerictextbox .k-tooltip-validation .k-icon {
  display: none;
}
.fix-error-template {
  overflow: inherit !important;
}
.text-overflow-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  white-space: nowrap;
}
.spinner {
  z-index: 100000;
}
#edit-stockpiles .k-dropdown .k-tooltip-validation,
#asset-import-grid .k-dropdown .k-tooltip-validation,
#asset-import-grid .k-datepicker .k-tooltip-validation {
  position: fixed !important;
  margin-top: 0.5em !important;
}
div.load-progress {
  background-image: url(/Content/images/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}
div.load-progress.loading {
  visibility: visible;
  animation: fadeindelay 2s;
}
div.load-progress:not(.loading) {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
body {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  font-size: 14px;
  font-weight: normal;
}
.k-i-filter {
  opacity: 0.5;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.upper-border {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #dddddd;
  background-color: lightyellow;
  padding-top: 2px;
  margin-top: 2px;
}
.k-i-info {
  color: dodgerblue !important;
}
.k-i-info.after-popup-menu {
  float: right;
  margin-right: 25%;
  margin-top: 6px;
}
.tippy-tooltip.honeybee-theme .tippy-backdrop {
  background-color: white !important;
  font-weight: normal !important;
  font-size: 1.3rem !important;
  color: #333;
}
.tippy-tooltip.honeybee-theme {
  background-color: white !important;
  border: 1px solid orange !important;
  font-weight: normal !important;
  font-size: 1.3rem !important;
  color: #333;
}
#auth {
  width: 100%;
  height: 100%;
  background: #999999;
  padding-top: 200px;
  display: flex;
  flex-direction: column;
}
#auth a {
  color: #a3d4ff;
}
#auth a:hover {
  color: #a3d4ff;
}
#auth div.boxholder {
  align-self: center;
  flex: 1;
}
#auth div.buildhash {
  align-self: flex-end;
  padding: 4px;
  opacity: 0.5;
}
#auth div.box {
  zoom: 1.25;
  -ms-zoom: 1;
  zoom: 1;
  margin: 0 auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  background: #404040;
  padding: 20px;
  padding-left: 35px;
  color: #EEE;
  border-radius: 8px;
  display: flex;
  flex-flow: row nowrap;
  width: 640px;
  background-image: url(/Content/images/logon.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#auth div.box:before,
#auth div.box:after {
  content: "";
  display: table;
}
#auth div.box:after {
  clear: both;
}
#auth div.box img.tsbrand {
  height: 175px;
  width: 200px;
  margin-top: -46px;
  margin-left: -4px;
}
#auth div.box img.ts4badge {
  position: relative;
  height: 80px;
  top: -21px;
  right: -280px;
}
#auth div.box .main {
  flex: 1;
  margin-top: 60px;
  margin-right: 15px;
}
#auth div.box .main label {
  font-weight: normal;
}
#auth div.box .main .form-group {
  margin-bottom: 10px;
}
#auth div.box .main h2 {
  margin-top: 0;
  font-weight: bold;
}
#auth div.box .main button {
  margin-top: 20px;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}
#auth div.box .main .validation-summary-errors ul {
  list-style-type: none;
  padding-left: 0;
}
#auth div.box .main .validation-summary-errors ul li {
  font-style: italic;
  color: #f84040;
}
#auth div.applinks {
  margin-top: 1em;
  opacity: 0.7;
}
#auth div.applinks div > a.appbadge img {
  display: inline-block;
  overflow: hidden;
  height: 80px;
  width: auto;
  margin: 0.3em;
}
#auth div.applinks div > a.appbadge.apple > img {
  padding: 13px;
}
#app {
  position: absolute;
  width: 100%;
  height: 100%;
}
#app .positioner {
  position: relative;
  height: 100%;
  width: 100%;
  /*min-width: 1465px;*/
}
#app .positioner .navbar {
  z-index: 1;
  background-color: #7fbbd4;
  color: white;
  height: 55px;
  position: relative !important;
  /*min-width: 1400px;*/
}
#app .positioner .navbar .navbar-header {
  height: 100%;
  display: flex !important;
  flex-flow: row nowrap;
}
#app .positioner .navbar .navbar-header button.button-burger {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  color: black;
  margin-left: 0.5em;
  margin-top: 0.6em;
}
#app .positioner .navbar a {
  padding-top: 0;
  color: #a3d4ff;
}
#app .positioner .navbar a:not(.navbar-brand):not(:first-child):before {
  content: " - ";
}
#app .positioner .navbar a:hover {
  color: #a3d4ff;
}
#app .positioner .navbar a.navbar-brand {
  margin-right: 0em;
  padding: 0 25px 0 0;
}
#app .positioner .navbar a.navbar-brand img {
  height: 55px;
  width: auto;
}
#app .positioner .navbar .navbar-form {
  display: flex;
  flex-flow: row nowrap;
  padding-left: 4px;
  margin: 0;
  height: 55px !important;
}
#app .positioner .navbar .navbar-form div.clientcontainer {
  width: 12em;
  padding: 0;
  margin: 0;
  position: relative;
  /*
                     display: inline-block;
                     padding: 0 !important;
                     line-height: normal !important;

                     &.k-state-selected, &.k-state-focused {
                        border: none;
                        border-width: 0 !important;
                     }

                     .xts-titleview-clienttile {
                        &:hover {
                           background: @titleview-clienttile-hover !important;
                        }
                     }

                     .xts-titleview-areatile {
                        border-right: none !important;

                        &:hover {
                           .name {
                              text-decoration: underline;
                              cursor: pointer;
                           }
                        }
                     }                        
                  }
               }

               div.clienttile {
                  position: absolute;
               }

               div.clientdroparrow {
                  position: absolute;
                  right: 3px;
                  bottom: 3px;
               }
               
               .clientdroplist {
                  position: absolute;
                  height: 0;
                  top: @navbar-height;
                  width: @navbar-clientile-width;
                  overflow: hidden;
               }*/
}
#app .positioner .navbar .navbar-form div.clientcontainer ul,
#app .positioner .navbar .navbar-form div.clientcontainer li {
  border: none;
  border-width: 0 !important;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul {
  height: 100%;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li {
  height: 100%;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li > span.k-menu-link {
  padding: 0;
  border: 0px;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li div.clienttile {
  height: 55px !important;
  background: #3a4457;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li div.clientdroparrow {
  position: absolute;
  opacity: 0.8;
  right: 3px;
  bottom: 3px;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li div.clientdroparrow img {
  transition-duration: 0.2s;
  transition-property: transform;
  transform: rotate(90deg);
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li.k-state-border-down div.clientdroparrow img {
  transform: rotate(0deg);
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li ul li {
  border-bottom: 1px solid #4e5c76 !important;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li ul li div.xts-titleview-clienttile img.brand {
  width: 90%;
  height: 90%;
}
#app .positioner .navbar .navbar-form div.clientcontainer > ul > li ul li div.xts-titleview-clienttile:hover {
  background: #4e5c76 !important;
}
#app .positioner .navbar > .navbar-collapse.logonstatus {
  height: 55px !important;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex !important;
  flex-flow: row nowrap;
  padding: 0 1em 0 1.5em;
  margin: 0;
  align-items: center;
  border-left: solid rgba(255, 255, 255, 0.4) 2px;
}
#app .positioner .navbar > .navbar-collapse.logonstatus img.srstatus,
#app .positioner .navbar > .navbar-collapse.logonstatus span.srstatus {
  content: url(/Content/images/titleview/srConnected.svg);
  width: 44px;
  margin: 0;
  padding: 0;
}
#app .positioner .navbar > .navbar-collapse.logonstatus img.srstatus.disconnected,
#app .positioner .navbar > .navbar-collapse.logonstatus span.srstatus.disconnected {
  content: url(/Content/images/titleview/srDisconnected.svg);
}
#app .positioner .navbar > .navbar-collapse.logonstatus table.userinfo {
  margin: 0 0 0 1.5em;
  padding: 0;
}
#app .positioner .navbar > .navbar-collapse.logonstatus table.userinfo tr :first-child {
  margin: 0 0 0 0;
}
#app .positioner .navbar > .navbar-collapse.logonstatus table.userinfo tr td {
  text-align: right;
  padding: 0 0 0 1px;
  width: 100%;
}
#app .positioner #app-menu {
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
}
#app .positioner #app-menu > li:first-child {
  border: none !important;
  height: 100%;
}
#app .positioner #app-menu > li:first-child #app-button {
  width: 100%;
  height: 100%;
  display: flex;
}
#app .positioner #app-menu > li:first-child #app-button img {
  margin: auto;
}
#app .positioner #app-menu > li:first-child > ul {
  border-color: #688a99;
}
#app .positioner #app-menu > li:first-child > span {
  height: 100%;
  padding: 0 1em 0 1em;
  margin: 0;
}
#app .positioner #app-menu > li:first-child div.version {
  font-size: 12px;
  text-align: end;
}
#app .positioner #app-menu > li:first-child li.menuitem {
  width: 300px;
}
#app .positioner #app-menu > li:first-child li.menuitem:not(:last-child) {
  border-bottom: 1px solid lightgray;
}
#app .positioner #app-menu > li:first-child li.menuitem span {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: auto;
  padding: 0.7em 0 0.5em 0.5em;
}
#app .positioner #app-menu > li:first-child li.menuitem span img {
  width: 32px;
  height: 32px;
  margin-left: 1em;
}
#app .positioner #app-menu > li:first-child li.menuitem span button {
  height: 24px;
}
#app .positioner #app-menu > li:first-child li.menuitem span .app-link {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0.8;
}
#app .positioner #app-menu > li:first-child li.menuitem span i {
  display: block;
  text-align: start;
  line-height: 1.2;
  margin-left: 1em;
}
#app .positioner .body-content {
  border-top: 4px solid #ffffff;
  z-index: 0;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
}
.dashboard-content {
  display: flex;
  flex-flow: column nowrap;
}
.dashboard-content > .k-header {
  text-align: center;
  padding: 0.4em 0;
  font-size: 16px;
  font-weight: 700;
  font-size: 18px;
}
.dashboard-content > .dashboard-holder {
  flex: 1;
  display: flex;
}
.dashboard-content > .dashboard-holder > * {
  flex: 1;
}
.processviewer-holder {
  padding-bottom: 0.5em;
}
.splitter-top-bottom {
  border: none !important;
}
.splitter-list-map .menu .k-menu {
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #a3d4ff;
}
.splitter-list-map .menu .k-menu .k-item:first-child {
  border-right: none;
}
.unitmap {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
}
.unitmap > div {
  width: 100%;
  height: 100%;
}
.unitlist {
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-flow: column nowrap;
}
.unitlist > .list {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.unitlist > .list > .xts-unitlist {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
div.unitmap-section div.menu {
  position: relative;
  z-index: 10000;
}
div.unitmap-section div.menu ul.xts-areamapmenu.notracking li.tracking {
  display: none;
}
div.unitmap-section div.menu ul.xts-areamapmenu #label-zoom-level img {
  margin: 0;
}
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label {
  width: 200px;
}
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li {
  padding: 20px 20px 10px 20px;
}
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li .zoom-threshold,
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li .label-trail {
  background-color: inherit;
  margin-top: 20px;
  margin-bottom: 10px;
}
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li .zoom-current,
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li .dropdown-trail {
  background-color: inherit;
}
div.unitmap-section div.menu ul.xts-areamapmenu .zoom-label > li .dropdown-trail .k-dropdown {
  width: 150px;
}
div#haulcycle-map ul.xts-areamapmenu li#label-zoom-level,
div#segments-map ul.xts-areamapmenu li#label-zoom-level,
div#heatmap-map ul.xts-areamapmenu li#label-zoom-level,
div#haulcycle-map ul.xts-areamapmenu li#label-zoom-level:hover,
div#segments-map ul.xts-areamapmenu li#label-zoom-level:hover,
div#heatmap-map ul.xts-areamapmenu li#label-zoom-level:hover {
  display: none !important;
}
#xts_dashboard_manage_models {
  background-color: transparent;
  border: transparent;
  height: 100% !important;
}
#xts_dashboard_manage_models .k-state-disabled .k-button,
#xts_dashboard_manage_models .k-state-disabled span.k-icon {
  pointer-events: none !important;
}
#xts_dashboard_manage_models .k-tooltip {
  max-width: 120px !important;
}
#xts_dashboard_manage_models .k-tabstrip-items-wrapper {
  /*padding: 0.3em 0.3em 0 !important;*/
  margin-inline-start: 0.3em !important;
}
#xts_dashboard_manage_models .k-tabstrip > .k-content,
#xts_dashboard_manage_models .k-panelbar .k-tabstrip > .k-content {
  border-top-color: transparent !important;
}
#xts_dashboard_manage_models > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  font-weight: 500;
}
#xts_dashboard_manage_models .k-tabstrip-content {
  margin: 0 0.55em 0.3em !important;
  overflow: hidden !important;
}
#xts_dashboard_manage_models .k-content {
  padding: 0.92em;
  position: absolute;
  top: 36px;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #68b1d2;
}
#xts_dashboard_manage_models:focus {
  box-shadow: none;
}
.xts-settingscontainer {
  height: 100%;
  overflow: hidden !important;
}
.xts-settingscontainer > .tabs {
  border: none;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 8px;
  right: 8px;
  background-color: transparent;
  /*width: auto;
        height: auto;*/
}
.xts-settingscontainer > .tabs > .k-tabstrip-items-wrapper > .k-tabstrip-items {
  font-weight: 500;
}
.xts-settingscontainer > .tabs .k-content {
  padding: 0.92em;
  position: absolute;
  top: 41px;
  bottom: 0;
  left: 0;
  right: 0;
}
.xts-settingscontainer > .tabs .k-content > *:first-child {
  height: 100%;
}
.xts-settingscontainer > .tabs:focus {
  box-shadow: none;
}
.xts-settingscontainer > .buttons {
  margin-top: 4px;
  margin-right: 4px;
  float: right;
}
.xts-settingspanelwrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.xts-settingspanelwrapper > .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 2.5em;
}
.xts-settingspanelwrapper > .content > *:first-child {
  height: 100%;
  width: 100%;
}
.xts-settingspanelwrapper > .hurryreminder {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1.8em;
  vertical-align: middle;
  color: #f84040;
  font-style: italic;
}
.xts-settingspanelwrapper > .buttons {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1.9em;
}
.xts-settingspanelwrapper.noeditbuttons > .content {
  bottom: 0;
}
.xts-settingspanelwrapper.noeditbuttons > .hurryreminder,
.xts-settingspanelwrapper.noeditbuttons > .buttons {
  display: none;
}
.xts-apikeysettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-apikeysettingspanel > div.panels {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
}
.xts-apikeysettingspanel > div.panels > div.keys {
  flex: 1;
  margin-right: 6px;
}
.xts-apikeysettingspanel > div.panels > div.details {
  flex: 2;
}
.xts-apikeysettingspanel > div.panels > div.details > div.content {
  padding: 6px;
}
.xts-apikeysettingspanel > div.panels > div.details > div.content > div.buttons {
  float: right;
}
.xts-apikeysettingspanel > button {
  margin-top: 6px;
  align-self: flex-start;
}
.xts-userssettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-userssettingspanel > div.panels {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
}
.xts-userssettingspanel > div.panels > div.users {
  flex: 1;
  margin-right: 6px;
}
.xts-userssettingspanel > div.panels > div.details {
  flex: 2;
}
.xts-userssettingspanel > div.panels > div.details > div.content {
  padding: 6px;
}
.xts-userssettingspanel > div.panels > div.details > div.content > div.buttons {
  float: right;
}
.xts-userssettingspanel > button {
  margin-top: 6px;
  align-self: flex-start;
}
.xts-eventprocessessettingspanel {
  position: relative;
}
.xts-eventprocessessettingspanel > .headercontainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid {
  height: 100%;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td,
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-eventprocessessettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
.xts-unitconfigsoverviewsettingspanel {
  position: relative;
}
.xts-unitconfigsoverviewsettingspanel > .buttons {
  position: relative;
}
.xts-unitconfigsoverviewsettingspanel > .buttons > #unitoverrides-remove-selected {
  position: absolute;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid {
  height: 100%;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td,
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
.xts-unitconfigsoverviewsettingspanel > .headercontainer > .gridcontainer > .grid tbody tr:not(:hover) td:last-child > * {
  display: none;
}
.xts-unitconfigsoverviewsettingspanel .glyphicon {
  opacity: 0.6;
}
.xts-processconfigurationssettingspanel {
  position: relative;
}
.xts-processconfigurationssettingspanel > .headercontainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid {
  height: 100%;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td,
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
.xts-processconfigurationssettingspanel > .headercontainer > .gridcontainer > .grid td.parameterDisplay {
  white-space: nowrap;
  height: 6em;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container {
  width: 700px;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container > div.overrideprompt {
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container > .k-edit-label {
  width: 20%;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container > .k-edit-field {
  width: 75%;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container > .k-edit-field > span:not(.k-widget) {
  display: block;
  margin-top: 0.4em;
}
.xts-processconfigurationssettingspanel-grid-popup > .k-edit-form-container input[name="description"] {
  width: 90%;
}
.xts-usersingroupssettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-usersingroupssettingspanel > .lists {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
}
.xts-usersingroupssettingspanel > .lists .usergroup {
  overflow: scroll;
}
.xts-usersingroupssettingspanel > .lists > .users {
  margin-right: 6px;
  flex: 1;
}
.xts-usersingroupssettingspanel > .lists > .groups_side {
  flex: 2;
  display: flex;
  flex-flow: column nowrap;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .groups {
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .permissions {
  flex: 1;
  cursor: default;
  margin-top: 6px;
  min-width: 0;
  min-height: 0;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .permissions .item {
  overflow: hidden;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .permissions .item > span {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .permissions .item > span.name {
  width: 25em;
  font-weight: 500;
}
.xts-usersingroupssettingspanel > .lists > .groups_side > .permissions .item > span.groups {
  width: 20em;
}
.xts-usersingroupssettingspanel > .clientreminder {
  margin-top: 6px;
  margin-bottom: 0 !important;
}
.xts-grouppermissionssettingspanel {
  display: flex;
  flex-flow: row nowrap;
}
.xts-grouppermissionssettingspanel > .groups {
  flex: 1;
  margin-right: 6px;
}
.xts-grouppermissionssettingspanel > .permissions {
  flex: 2;
}
.xts-eventusergroupssettingspanel {
  position: relative;
  display: flex;
  flex-flow: column;
}
.xts-eventusergroupssettingspanel > .usergroup > .k-dropdown,
.xts-eventusergroupssettingspanel > .usergroup .k-dropdownlist {
  width: 20em !important;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries {
  flex: 1;
  margin-top: 1em;
  min-height: 14em;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid {
  height: 100%;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content td,
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-eventusergroupssettingspanel > .eventTypeSeries > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
.xts-eventusergroupssettingspanel > .eventTypes {
  flex: 3;
  margin-top: 1em;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid {
  height: 100%;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content td,
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-eventusergroupssettingspanel > .eventTypes > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
svg.xts-areamap.zonedraw {
  cursor: crosshair;
}
svg.xts-areamap g.amo .part-hover {
  pointer-events: none;
  visibility: hidden;
}
svg.xts-areamap g.amo.hovered .part-hover {
  visibility: visible;
}
svg.xts-areamap g.amo .part-selected {
  pointer-events: none;
  visibility: hidden;
}
svg.xts-areamap g.amo.selected .part-selected {
  visibility: visible;
}
svg.xts-areamap g.amo.zonedraw polyline {
  fill: none;
  stroke: #444;
  stroke-width: 2px;
  pointer-events: none;
}
svg.xts-areamap g.amo.zonedraw .handle {
  fill: #fff;
  stroke: rgba(0, 0, 0, 0.25);
  stroke-width: 1px;
  pointer-events: none;
}
svg.xts-areamap g.amo.zonedraw .finisher {
  fill: mediumseagreen;
  stroke: #2c77ba;
  opacity: 0.6;
  stroke-width: 0.5px;
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
}
svg.xts-areamap g.amo.zonedraw .finisher:hover {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
svg.xts-areamap g.amo.zonemanip polygon {
  fill: rgba(128, 128, 128, 0.5);
  stroke: lightblue;
  stroke-width: 2px;
  cursor: default;
  fill-opacity: 0.2;
}
svg.xts-areamap g.amo.zonemanip .handle {
  fill: beige;
  stroke: lightblue;
  stroke-width: 2px;
  cursor: crosshair;
}
svg.xts-areamap g.amo.zonemanip .splitter {
  fill: beige;
  stroke: lightblue;
  stroke-width: 2px;
  cursor: copy;
}
svg.xts-areamap g.amo.zone polygon,
svg.xts-areamap g.amo.zone circle {
  stroke: white;
  stroke-width: 2px;
  cursor: default;
}
svg.xts-areamap g.amo.zone.selected circle {
  stroke: lightblue;
}
svg.xts-areamap g.amo.zone g.zoneinfo {
  opacity: 0.9;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.disabled {
  opacity: 0.4;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit circle {
  fill: white;
  stroke: #333;
  stroke-width: 2px;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit text {
  font-weight: bold;
  text-anchor: middle;
  letter-spacing: -1px;
  dominant-baseline: middle;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .outer-heading-arc {
  stroke: none;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .inner-heading-arc {
  fill: #DBFFFD;
  stroke: none;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .turn-marker-large {
  fill: #000;
  stroke: none;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .turn-marker-small {
  fill: #FFF;
  stroke: none;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .turn-marker-ring {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.speedlimit .turn-marker-outer-ring {
  fill: none;
  stroke: #FFF;
  stroke-width: 2px;
}
svg.xts-areamap g.amo g.zoneinfo g.configicon.special circle {
  fill: black;
  stroke-width: 0;
}
svg.xts-areamap g.amo g.zoneinfo text.name {
  fill: #eee;
  stroke: black;
  font-weight: bold;
  stroke-opacity: 0.8;
  stroke-width: 6px;
  stroke-linejoin: round;
  stroke-linecap: round;
  paint-order: stroke;
  text-anchor: middle;
}
svg.xts-areamap g.amo g.zoneinfo text.sel-only {
  visibility: hidden;
}
svg.xts-areamap g.amo g.zoneinfo .arrow {
  stroke-width: 5;
  stroke: #e17;
  stroke-dasharray: 5, 5;
}
svg.xts-areamap g.amo.unitbg:not(.selected) path.trailbg {
  opacity: 0;
}
svg.xts-areamap g.amo.unitbg:not(.selected) path.trailpath {
  stroke-width: 3;
  opacity: 0.6;
}
svg.xts-areamap g.amo.unit .main {
  fill: #63c263;
  stroke: none;
  cursor: pointer;
}
svg.xts-areamap g.amo.unit .outline {
  stroke: gray;
  fill: black;
  stroke-width: 1px;
  cursor: pointer;
}
svg.xts-areamap g.amo.unit .selector {
  fill: #dcffff;
  stroke-width: 0;
  cursor: pointer;
  visibility: hidden !important;
}
svg.xts-areamap g.amo.unit rect.part-labelbg {
  fill: black;
  opacity: 0.9;
}
svg.xts-areamap g.amo.unit rect.sel-only {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit > text {
  fill: white;
  font-size: 12px;
}
svg.xts-areamap g.amo.unit > text.name {
  font-weight: 700;
}
svg.xts-areamap g.amo.unit > text.sel-only {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit:not(.online) .main {
  opacity: 0.8;
}
svg.xts-areamap g.amo.unit:not(.online) rect.part-labelbg {
  opacity: 0.7;
}
svg.xts-areamap g.amo.unit:not(.online) text {
  fill: #999999;
}
svg.xts-areamap g.amo.unit.hovered:not(.selected) text {
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.hovered:not(.selected) rect.part-labelbg {
  fill: darkblue;
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.selected .selector {
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.selected text {
  fill: black;
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.selected rect.part-labelbg {
  fill: #dcffff;
  stroke: #2499ff;
  stroke-width: 1;
  opacity: 0.9;
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.selected .main {
  stroke: black;
  stroke-width: 0.5px;
}
svg.xts-areamap g.amo.unit.selected .outline {
  fill: #ccc;
  stroke: black;
  stroke-width: 0.5px;
}
svg.xts-areamap g.amo.unit image.vehicletype {
  pointer-events: none;
}
svg.xts-areamap g.amo.unit path.moving {
  stroke: black;
  fill: #ccc;
  stroke-width: 1px;
  pointer-events: none;
}
svg.xts-areamap g.amo.unit.hauler .moving {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.hauler.moving .moving {
  visibility: visible !important;
}
svg.xts-areamap g.amo.unit.hauler .loader {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.hauler tspan.speed {
  visibility: hidden !important;
}
svg.xts-areamap g.amo.unit:not(.hauler) .loader {
  visibility: visible;
}
svg.xts-areamap g.amo.unit:not(.hauler) .moving {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.alertlevel-na circle.main,
svg.xts-areamap g.amo.unit.alertlevel-na rect.main {
  fill: #ffffff;
}
svg.xts-areamap g.amo.unit.alertlevel-1 circle.main,
svg.xts-areamap g.amo.unit.alertlevel-1 rect.main {
  fill: #ffb800;
}
svg.xts-areamap g.amo.unit.alertlevel-2 circle.main,
svg.xts-areamap g.amo.unit.alertlevel-2 rect.main {
  fill: #f84040;
}
svg.xts-areamap g.amo.unit.detail-1 tspan.name {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.detail-1 tspan.speed {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.detail-2 tspan.name {
  visibility: visible;
}
svg.xts-areamap g.amo.unit.detail-2 tspan.speed {
  visibility: hidden;
}
svg.xts-areamap g.amo.unit.detail-3 tspan.name,
svg.xts-areamap g.amo.unit.selected tspan.name,
svg.xts-areamap g.amo.unit.hovered tspan.name {
  visibility: visible;
}
svg.xts-areamap g.amo.unit.detail-3 tspan.speed,
svg.xts-areamap g.amo.unit.selected tspan.speed,
svg.xts-areamap g.amo.unit.hovered tspan.speed {
  visibility: visible;
}
.xts-mapsettingspanel {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}
.xts-mapsettingspanel > .mapholder {
  width: 100%;
  flex: 1;
  position: relative;
  border: 1px solid #bbdceb;
}
.xts-mapsettingspanel > .mapholder > .menu {
  position: relative;
  z-index: 10000;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 35px;
}
.xts-mapsettingspanel > .mapholder > .inner {
  position: absolute;
  left: 2px;
  top: 35px;
  bottom: 3px;
  right: 3px;
}
.xts-mapsettingspanel button.xts-edit-control {
  font-size: 14px;
  font-weight: normal;
}
.xts-mapsettingspanel .zoneconfigs-popover {
  padding: 4px 6px;
  border: 2px solid slategray;
  border-radius: 4px;
  background: white;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1000;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group {
  display: inline-block;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group:first-child {
  border-right: 1px solid slategray;
  padding-right: 6px;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group:last-child {
  padding-left: 3px;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div.speed-icon {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div.speed-icon > * {
  height: 40px;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div {
  padding: 4px;
  display: inline-block;
  border-radius: 4px;
  cursor: default;
  border: 2px solid #fff;
  /*> span {
               display: inline-block;
               position: relative;
               width: 28px;
               height: 28px;
               border: 2px solid #333;
               border-radius: 17px;
               background: white;
               text-align: center;
               vertical-align: middle;

               > span {
                  color: black;
                  display: block;
                  position: absolute;
                  font-size: 20px;
                  left: 3px;
                  top: 0;
                  letter-spacing: -1px;
               }
            }*/
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div.selected {
  border-color: #000;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div > * {
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.xts-mapsettingspanel .zoneconfigs-popover > .group > div > .wide-icon {
  width: 35px;
}
.xts-mapsettingspanel > .buttons {
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 5px;
}
.xts-unitfirmwarepanel,
.xts-unitconfigsoverviewsettingspanel {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}
.xts-unitfirmwarepanel > .headercontainer,
.xts-unitconfigsoverviewsettingspanel > .headercontainer {
  width: 100%;
  flex: 1;
  position: relative;
}
.xts-unitfirmwarepanel > .headercontainer > div.gridcontainer > div.grid,
.xts-unitconfigsoverviewsettingspanel > .headercontainer > div.gridcontainer > div.grid {
  height: 100%;
}
.xts-unitfirmwarepanel > .buttons,
.xts-unitconfigsoverviewsettingspanel > .buttons {
  margin-top: 4px;
  margin-right: 4px;
  margin-bottom: 5px;
}
.xts-unitfirmwarepanel div.updatestatus,
.xts-unitconfigsoverviewsettingspanel div.updatestatus {
  float: left;
}
.xts-unitfirmwarepanel div.progbar,
.xts-unitconfigsoverviewsettingspanel div.progbar {
  width: 250px;
  height: 20px;
  float: right;
}
.xts-unitfirmwarepanel div.progbar span.k-progress-status-wrap,
.xts-unitconfigsoverviewsettingspanel div.progbar span.k-progress-status-wrap {
  line-height: unset;
}
.xts-unitfirmwarepanel div.progbar span.k-progress-status-wrap span.k-progress-status,
.xts-unitconfigsoverviewsettingspanel div.progbar span.k-progress-status-wrap span.k-progress-status {
  font-size: 12px;
}
.xts-unitsensorscanpanel {
  position: relative;
}
.xts-unitsensorscanpanel > .topcontainer {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
}
.xts-unitsensorscanpanel > .topcontainer > div.scangridcontainer {
  height: 16em;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitsensorscanpanel > .topcontainer > div.scangridcontainer > .scanrow {
  height: 2em;
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitsensorscanpanel > .topcontainer > div.scangridcontainer > .scanrow > button {
  margin-left: auto;
}
.xts-unitsensorscanpanel > .topcontainer > div.scangridcontainer > div:not(.scanrow) {
  height: calc(100% - 3em);
  margin-top: 0.3em;
}
.xts-unitsensorscanpanel > .topcontainer > div.itemgridcontainer {
  position: absolute;
  top: 16em;
  bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitsensorscanpanel > .topcontainer > div.itemgridcontainer > div.itemheader {
  height: 2em;
}
.xts-unitsensorscanpanel > .topcontainer > div.itemgridcontainer > div:not(.itemheader) {
  height: calc(100% - 2em);
}
.xts-unitdiagcommandpanel {
  position: relative;
}
.xts-unitdiagcommandpanel > .topcontainer {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer {
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer div.commandgrid {
  height: 12em;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer > .cmdcol {
  display: flex;
  flex-flow: column;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer > .cmdcol > .cmdrow {
  padding-top: 1em;
  align-items: center;
  height: 2em;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0.5em;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer > .cmdcol > .cmdrow label:not(:first-child) {
  padding-left: 2em;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer > .cmdcol > .cmdrow label {
  padding-right: 0.5em;
  white-space: nowrap;
}
.xts-unitdiagcommandpanel > .topcontainer > div.commandgridcontainer > .cmdcol > .cmdrow > button {
  margin-left: auto;
}
.xts-editviewmodel-select div.explainer {
  font-size: 14px;
  font-weight: 700;
  margin: 0.5em 0;
}
.xts-editmapimagedialog table input {
  display: inline-block;
  width: 40% !important;
  margin-right: 0.3em;
}
.xts-editspeedzonesdialog,
.xts-editmobilezonesdialog,
.xts-editcorpserversdialog {
  display: flex;
  flex-flow: column nowrap;
}
.xts-editspeedzonesdialog > div,
.xts-editmobilezonesdialog > div,
.xts-editcorpserversdialog > div {
  height: inherit;
}
.xts-editspeedzonesdialog > div tbody,
.xts-editmobilezonesdialog > div tbody,
.xts-editcorpserversdialog > div tbody {
  overflow-x: hidden;
}
.xts-editspeedzonesdialog .k-grid-content,
.xts-editmobilezonesdialog .k-grid-content,
.xts-editcorpserversdialog .k-grid-content {
  overflow-y: initial;
}
.xts-editspeedzonesdialog > button,
.xts-editmobilezonesdialog > button,
.xts-editcorpserversdialog > button {
  margin-top: 0.5em;
  align-self: flex-start;
}
.xts-editsinglespeedzone-explanation {
  clear: both;
  max-width: 300px;
  margin: 0 auto 20px;
  position: relative;
  top: -6px;
}
.xts-singleunitconfigsettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-singleunitconfigsettingspanel > .configlist > .header {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.xts-singleunitconfigsettingspanel > .configlist > .single {
  font-size: 14px;
  font-weight: 500;
}
.xts-singleunitconfigsettingspanel > .configlist > .k-dropdow,
.xts-singleunitconfigsettingspanel > .configlist .k-picker {
  width: 25em;
}
.xts-singleunitconfigsettingspanel > .config {
  margin-top: 0.5em;
  flex: 1;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.xts-singleunitconfigsettingspanel > .config > .header {
  font-size: 16px;
  font-weight: 700;
}
.xts-singleunitconfigsettingspanel > .config > .ucholder {
  margin-top: 0.2em;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.xts-unitlist .k-selected {
  background: #dcffff !important;
  color: black !important;
  /*box-shadow: inset 0 0 7px @color-selected-border !important;*/
  box-shadow: none !important;
}
.xts-unitlist .content .k-listview-content {
  overflow: inherit;
}
.xts-sentunitconfigsettingspanel {
  display: flex;
  flex-flow: row nowrap;
}
.xts-sentunitconfigsettingspanel > .history {
  max-width: 15em;
  min-width: 15em;
  margin-right: 1em;
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
}
.xts-sentunitconfigsettingspanel > .history > .header {
  align-self: flex-start;
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: 700;
}
.xts-sentunitconfigsettingspanel > .history > div[data-role=listview] {
  cursor: default;
  width: 100%;
  flex: 1;
  overflow-y: auto;
}
.xts-sentunitconfigsettingspanel > .history > div[data-role=listview] > .k-listview-content .item {
  padding: 0.5em;
}
.xts-sentunitconfigsettingspanel > .history > div[data-role=listview] > .k-listview-content .item > .status {
  font-size: 16px;
}
.xts-sentunitconfigsettingspanel > .config {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
}
.xts-sentunitconfigsettingspanel > .config > div.header {
  align-self: flex-start;
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: 700;
}
.xts-sentunitconfigsettingspanel > .config > .ucholder {
  flex: 1;
  overflow: hidden;
}
.xts-unitconfiglistssettingspanel {
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitconfiglistssettingspanel > .lists {
  min-width: 15em;
  max-width: 15em;
  margin-right: 1em;
  display: flex;
  height: 100%;
  flex-flow: column nowrap;
}
.xts-unitconfiglistssettingspanel > .lists > div.header {
  align-self: flex-start;
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] {
  cursor: default;
  width: 100%;
  flex: 1;
  overflow-y: auto;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview].showDisabled > .item.disabled {
  display: flex !important;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item {
  padding-left: 0.5em;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 500;
  height: 2.8em;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item.disabled {
  opacity: 0.6;
  display: none;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item.newlydisabled {
  opacity: 0.6;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item.areadefault > div.glyphicon {
  width: 32px;
  margin-right: 6px;
  text-align: center;
  align-self: center;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item.vehicledefault > img.icon {
  width: 32px;
  height: 32px;
  margin-right: 6px;
  align-self: center;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item:not(.areadefault):not(.vehicledefault) > div.glyphicon {
  width: 32px;
  margin-right: 6px;
  text-align: right;
  align-self: center;
}
.xts-unitconfiglistssettingspanel > .lists > div[data-role=listview] > .k-listview-content .item > div.name {
  display: inline-block;
  align-self: center;
}
.xts-unitconfiglistssettingspanel > .lists > .showdisabled {
  margin: 0.25em 0 0 0;
}
.xts-unitconfiglistssettingspanel > .lists > div.buttons > button {
  margin: 0.25em 0;
  width: 100%;
}
.xts-unitconfiglistssettingspanel > .lists > div.buttons > :last-child {
  margin-bottom: 0;
}
.xts-unitconfiglistssettingspanel > div.content {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
}
.xts-unitconfiglistssettingspanel > div.content > div.header {
  align-self: flex-start;
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitconfiglistssettingspanel > div.content > .ucholder {
  flex: 1;
  overflow: hidden;
}
.xts-unitconfiglistssettingspanel-editlistdialog tr.info td:first-child {
  white-space: normal;
  text-align: left;
}
.xts-unitconfiglistssettingspanel-editlistdialog tr.info td:first-child .alert {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
.xts-areasettingspanel table tr:first-child td {
  padding-top: 0.8em;
}
.xts-areasettingspanel .k-dropdown {
  max-width: 25em;
}
.xts-unitsettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-unitsettingspanel table tr:first-child td {
  padding-top: 0.8em;
}
.xts-unitsettingspanel .k-dropdown {
  max-width: 20em;
}
.xts-unitsettingspanel > .settings {
  flex: 0.3;
}
.xts-unitsettingspanel > .settingshistory {
  flex: 2;
  border: none;
}
.xts-unitsettingspanel > .settingshistory .k-listview {
  overflow-y: scroll;
}
.xts-unitsettingspanel > .settingshistory .item {
  padding: 0.5em 0.4em;
  border-bottom: 1px solid;
}
.xts-unitsettingspanel > .settingshistory .item > .time {
  font-size: 16px;
  font-weight: 500;
}
.xts-unitsettingspanel > .settingshistory .item > .comment > span {
  font-style: italic;
}
.xts-selectfirmwaredialog > div {
  padding-left: 1em;
  padding-right: 1em;
}
.xts-manageareassettingspanel {
  display: flex;
  flex-flow: column nowrap;
}
.xts-manageareassettingspanel > .headercontainer {
  width: 500px;
  flex: 1 1;
}
.xts-manageareassettingspanel > .headercontainer > .content {
  overflow-y: auto;
  cursor: default;
}
.xts-manageareassettingspanel > .actions {
  margin-top: 0.5em;
  align-self: flex-start;
}
.xts-usersettingspanel-userprefsdialog {
  overflow: auto;
}
.xts-usersettingspanel-userprefsdialog .audioplay {
  display: inline-block;
}
.xts-usersettingspanel-userprefsdialog .check-boxes-div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  gap: 40px;
}
.xts-usersettingspanel-userprefsdialog .alerts-repeat-div {
  width: 94%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-direction: row;
  gap: 40px;
}
.xts-usersettingspanel-edituserdialog span.clientprefix,
.xts-usersettingspanel-edituserdialog-new span.clientprefix {
  margin-right: 2px;
}
.xts-usersettingspanel-edituserdialog td.global-user-clients,
.xts-usersettingspanel-edituserdialog-new td.global-user-clients {
  height: 80px;
}
.xts-usersettingspanel-edituserdialog td.global-user-clients .basiclistview,
.xts-usersettingspanel-edituserdialog-new td.global-user-clients .basiclistview {
  height: 100%;
}
.xts-usersettingspanel-edituserdialog span.required-marker,
.xts-usersettingspanel-edituserdialog-new span.required-marker {
  color: #600;
}
.xts-usersettingspanel-edituserdialog table,
.xts-usersettingspanel-edituserdialog-new table {
  height: 100%;
}
.xts-usersettingspanel-edituserdialog .global-user-clients,
.xts-usersettingspanel-edituserdialog-new .global-user-clients {
  height: 100% !important;
}
div.headercontainer {
  position: relative;
}
div.headercontainer > .header {
  margin-bottom: 0.2em;
  font-size: 16px;
  font-weight: 500;
}
div.headercontainer.withruler > *:not(.header) {
  border-top: 1px solid #bbdceb;
}
div.headercontainer.withbuttons > .header {
  display: flex;
  flex-flow: row nowrap;
}
div.headercontainer.withbuttons > .header span {
  flex: 1;
}
div.headercontainer.withbuttons > .header .buttons {
  margin-top: -0.5em;
  align-self: flex-end;
  font-size: 14px;
  font-weight: normal;
}
div.headercontainer.withbuttons > .header .buttons button {
  margin-left: 0.5em;
  padding-top: 0;
  padding-bottom: 0;
}
div.headercontainer:not(.heightfromcontent) > *:not(.header):not(.k-dropdown, .k-dropdownlist) {
  position: absolute;
  top: 1.7em;
  bottom: 0;
  left: 0;
  right: 0;
}
div.headercontainer > .prompt {
  /*padding-top: 60px;*/
  padding-top: 5em;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  border: 1px solid #bbdceb;
  pointer-events: none;
}
div.basiclistview {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  overflow-x: hidden;
}
div.basiclistview .item {
  padding: 0.4em;
}
div.basiclistview .item .name {
  font-size: 14px;
  font-weight: normal;
}
div.basiclistview .item .description {
  font-size: 13px;
  font-weight: normal;
}
div.basiclistview .item.checklistitem label {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
div.basiclistview .item.checklistitem input {
  margin: 0 6px;
  cursor: pointer;
}
div.basiclistview .item.checklistitem input[disabled] {
  cursor: default;
}
table.fieldset tr[disabled] {
  opacity: 0.5;
}
table.fieldset td {
  vertical-align: middle;
}
table.fieldset td:first-child {
  vertical-align: middle;
  white-space: nowrap;
  padding-right: 12px;
  height: 2em;
}
table.fieldset td:first-child:not([colspan="2"]) {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}
table.fieldset td:first-child[colspan="2"] {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
table.fieldset td:last-child {
  width: 100%;
  vertical-align: middle;
  padding: 5px 0;
}
table.fieldset td:last-child > input:not([type="checkbox"]),
table.fieldset td:last-child > select,
table.fieldset td:last-child > textarea,
table.fieldset td:last-child > span.k-widget,
table.fieldset td:last-child > div.k-widget,
table.fieldset td:last-child > span.k-input,
table.fieldset td:last-child > div.k-input,
table.fieldset td:last-child > span.k-picker,
table.fieldset td:last-child > div.k-picker {
  width: 94%;
}
table.fieldset td:last-child.button-grid {
  width: 95%;
  display: inline-grid;
  grid-template-columns: 1fr fit-content(35%);
}
table.fieldset td:last-child.button-grid > input[type="checkbox"] {
  justify-self: start;
}
table.fieldset td:last-child.button-grid input[type="button"] {
  width: 145px;
}
table.fieldset td:last-child.button-grid input[type="button"].wide {
  width: 185px;
}
table.fieldset td:last-child:after {
  /*content: '\0000a0'; // nbsp*/
}
.xts-confirmwindow {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden !important;
  /* what is the point of overflow hidden anyway? */
  /* to ensure dialogs don't pop scroll bars and kendo grids auto fit inside them properly -BK */
  /* overflow: hidden !important; */
  /*
    > .content:has(.xts-editspeedzonesdialog,.xts-editmobilezonesdialog,.xts-editcorpserversdialog) {
        padding-bottom: 0;
    }
    */
}
.xts-confirmwindow.nopadding {
  padding: 0;
}
.xts-confirmwindow > .content {
  flex: 1;
  overflow: hidden !important;
  padding-bottom: 1em;
}
.xts-confirmwindow > .rotationSchedulePopUp {
  overflow: auto !important;
}
.xts-confirmwindow > .errorMessage {
  font-style: italic;
  /*padding: 0 .3em;
      text-align: center;*/
}
.xts-confirmwindow > .buttons {
  margin-top: 4px;
  margin-right: 4px;
  align-self: flex-end;
}
@keyframes sr-disconnected {
  0% {
    outline-color: #f84040;
    background-color: #bb7e8a;
  }
  50% {
    outline-color: rgba(248, 64, 64, 0.25);
    background-color: rgba(187, 126, 138, 0.25);
  }
  100% {
    outline-color: #f84040;
    background-color: #bb7e8a;
  }
}
.navbar {
  margin-bottom: 0;
}
.navbar:not(:hover) .debug {
  display: none !important;
}
.navbar .navbar-text {
  cursor: default;
}
.xts-titleview {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  /*div:not(.form-group):not(.form-control) {
      display: inline-block;
      margin-right: 6px;
      margin-bottom: 0;
      font-size: 16px;

      &.info {
         margin-top: -10px;
         color: white;
      }
   }*/
}
.xts-titleview > div {
  display: inline-block;
}
.xts-titleview > div > div {
  display: inline-block;
}
.xts-titleview button.navbar-btn {
  margin-bottom: 0;
}
.xts-titleview button.navbar-btn img {
  margin-top: -3px;
}
.xts-titleview div.form-group {
  margin-right: 0;
}
.xts-titleview div.infogroup {
  margin: 0 0.5em;
  margin-top: -1.5em;
  display: none;
}
.xts-titleview div.tools {
  margin: 1em 1em;
  margin-left: 2em;
}
.xts-titleview div.tools button {
  height: 2.8em;
  margin-left: 4px;
}
.xts-titleview div.tools button i img {
  margin-top: 0px;
  margin-left: -2px;
  margin-right: 0.6em;
}
.xts-titleview div.info {
  display: inline-block;
  padding: 3px 6px;
  color: black;
  background-color: #b8d9e7;
  box-shadow: none;
  height: 22px;
  border-radius: 3px;
  font-size: 14px;
  cursor: default;
}
.xts-titleview div.info img {
  margin-right: 0.2em;
  top: -3px;
}
.xts-titleview div.info.srstatus {
  margin-top: 12px;
  float: right;
}
.xts-titleview div.info.srstatus.slow {
  outline-color: #ffb800;
  background-color: #bfba6a;
  font-weight: bold;
}
.xts-titleview div.info.srstatus.disconnected {
  outline-color: #f84040;
  background-color: #bb7e8a;
  color: white;
  font-weight: bold;
  -moz-animation: sr-disconnected 1s infinite;
  -o-animation: sr-disconnected 1s infinite;
  -webkit-animation: sr-disconnected 1s infinite;
  animation: sr-disconnected 1s infinite;
}
.xts-titleview .form-control {
  border-color: #809daa;
  background: #f2f8fa;
  color: black;
  cursor: default;
  font-size: 14px;
}
.xts-titleview .form-control[disabled] {
  cursor: default;
  background-color: #f2f8fa;
}
.xts-titleview .form-control.dummy {
  padding: 6px 15px;
}
.xts-titleview select.form-control,
.xts-titleview button.form-control {
  font-size: 14px;
  font-weight: 500;
}
.xts-titleview select.form-control:hover,
.xts-titleview button.form-control:hover {
  background: #ffffff;
  color: black;
}
.xts-titleview div.debug {
  margin-left: 0.5em;
}
.xts-titleview div.debug label {
  font-size: 14px;
  font-weight: normal;
}
.xts-titleview .areacontainer {
  position: relative;
  margin-left: 15px;
  height: 55px;
}
.xts-titleview .areacontainer .areadroplist {
  position: absolute;
  top: 55px;
  right: 25px;
  height: 0;
  width: 16em;
  overflow: hidden;
}
.xts-titleview .areacontainer .areatiles {
  line-height: normal !important;
  border: none;
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile {
  display: table-cell;
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile:not(.k-selected):hover .name {
  text-decoration: underline;
  cursor: pointer;
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile div.areatitle button {
  box-sizing: border-box;
  pointer-events: all;
  border: 1px solid transparent;
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile div.areatitle button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile div.areatitle button img.pinicon.pinned {
  content: url(/Content/images/buttons/pinned.svg);
}
.xts-titleview .areacontainer .areatiles .xts-titleview-areatile div.areatitle button img.areaicon {
  margin-top: -2px;
}
.xts-titleview .areacontainer .areadroparrow {
  width: 25px;
  float: right;
  height: calc(55px);
  background: #f2f8fa;
  border-bottom: rgba(0, 0, 0, 0.3) solid 1px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xts-titleview .areacontainer .areadroparrow span {
  display: inline-block;
}
.xts-titleview-areadroplist-restyle,
.xts-titleview-clientdroplist-restyle {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: hidden;
}
.xts-titleview-areadroplist-restyle.xts-titleview-clientdroplist-restyle ul li,
.xts-titleview-clientdroplist-restyle.xts-titleview-clientdroplist-restyle ul li {
  border-top: 1px solid #AAA !important;
}
.xts-titleview-areadroplist-restyle.xts-titleview-areadroplist-restyle ul li,
.xts-titleview-clientdroplist-restyle.xts-titleview-areadroplist-restyle ul li {
  border-top: 1px solid #333 !important;
}
.xts-titleview-areadroplist-restyle ul,
.xts-titleview-clientdroplist-restyle ul {
  border: none;
}
.xts-titleview-areadroplist-restyle ul li,
.xts-titleview-clientdroplist-restyle ul li {
  display: inline-block;
  padding: 0 !important;
  line-height: normal !important;
  border-width: 0 !important;
  /*
         &:first-child .xts-titleview-areatile {
            border-top: 4px solid @titleview-info-bg;
         }

         &:last-child .xts-titleview-areatile {
            border-bottom: 4px solid @titleview-info-bg;
         } 
            */
}
.xts-titleview-areadroplist-restyle ul li.k-selected,
.xts-titleview-clientdroplist-restyle ul li.k-selected,
.xts-titleview-areadroplist-restyle ul li.k-focused,
.xts-titleview-clientdroplist-restyle ul li.k-focused {
  border: none;
  border-width: 0 !important;
}
.xts-titleview-areadroplist-restyle ul li .xts-titleview-clienttile:hover,
.xts-titleview-clientdroplist-restyle ul li .xts-titleview-clienttile:hover {
  background: #4e5c76 !important;
}
.xts-titleview-areadroplist-restyle ul li .xts-titleview-areatile,
.xts-titleview-clientdroplist-restyle ul li .xts-titleview-areatile {
  border-right: none !important;
}
.xts-titleview-areadroplist-restyle ul li .xts-titleview-areatile:hover .name,
.xts-titleview-clientdroplist-restyle ul li .xts-titleview-areatile:hover .name {
  text-decoration: underline;
  cursor: pointer;
}
div.xts-titleview-clienttile {
  position: relative;
  background: #3a4457;
  width: 12em;
  height: 35px;
  line-height: 2.5em;
  color: lightgray;
}
div.xts-titleview-clienttile img.brand {
  width: 100%;
  height: 100%;
}
div.xts-titleview-clienttile span.name {
  left: 0;
  top: 0;
  margin-left: 0.7em;
  font-weight: bold;
}
div.xts-titleview-areatile {
  font-size: 14px;
  background: #c4e0eb;
  padding: 0;
  height: 55px;
  cursor: default;
  min-width: 16em;
  border-right: 1px solid #5f8fa3;
}
div.xts-titleview-areatile.k-selected {
  background: #ffffff !important;
}
div.xts-titleview-areatile:not(.k-selected):hover {
  background: #deeef4 !important;
}
div.xts-titleview-areatile:not(:first-child) {
  margin-left: -4px;
}
div.xts-titleview-areatile div.areatitle img.areaicon {
  margin-top: -19px;
  padding: 0 2px 0 4px;
}
div.xts-titleview-areatile div.areatitle div.name {
  color: black;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 0.2em 0 5px 0px;
  max-width: 9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.xts-titleview-areatile:not(.k-selected) div.name {
  font-size: 14px;
  font-weight: normal;
  color: white;
}
div.xts-titleview-areatile.disabled .name {
  text-decoration: line-through;
}
div.xts-titleview-areatile .buttons {
  float: right;
  margin-right: 0.4em;
  margin-top: 0.2em;
}
div.xts-titleview-areatile .buttons button {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  color: black;
  margin-left: 0.2em;
}
div.xts-titleview-areatile div.statuses {
  margin: 2px 0.2em 0 0px;
  color: black;
  font-weight: 500;
  font-size: 12px;
}
div.xts-titleview-areatile div.statuses div.vehiclegroups {
  display: inline-block;
}
div.xts-titleview-areatile div.statuses div.vehiclegroups div.units {
  display: inline-block;
  padding-left: 6px;
  box-shadow: none;
  background: none;
}
div.xts-titleview-areatile div.statuses div.vehiclegroups div.units.units {
  margin-right: 0.1em;
  margin-left: 0;
}
div.xts-titleview-areatile div.statuses div.vehiclegroups div.units.units span {
  display: inline-block;
  padding-top: 6px;
}
div.xts-titleview-areatile div.statuses div.vehiclegroups div.units.units img {
  opacity: 0.8;
}
div.xts-titleview-areatile div.statuses div.apses {
  display: flex;
  flex-flow: row nowrap;
  float: right;
  padding: 0;
  margin: 0;
}
div.xts-titleview-areatile div.statuses div.apses .aps {
  background: none;
  padding: 0 6px 4px 6px;
  margin: 0 4px 0 0;
}
div.xts-titleview-areatile div.statuses div.apses .aps span {
  display: inline-block;
  margin-left: 4px;
}
div.xts-titleview-areatile div.statuses div.apses .aps.aps-warning:not(.active) {
  display: none;
}
div.xts-titleview-areatile div.statuses div.apses .aps.aps-warning.active.unack {
  border-bottom: 4px solid #ffb800;
}
div.xts-titleview-areatile div.statuses div.apses .aps.aps-critical:not(.active) {
  display: none;
}
div.xts-titleview-areatile div.statuses div.apses .aps.aps-critical.active.unack {
  border-bottom: 3px solid #f84040;
}
div.notice-center {
  float: right;
  margin-right: 15px;
}
div.notice-center.offline {
  display: none;
}
div.notice-center > .notice-button {
  width: auto;
  float: right;
}
div.notice-center > .notice-button > #bubble {
  position: relative;
  top: -35px;
  left: 18px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #CCCCCC;
}
div.notice-center > .notice-button > #bubble.red {
  background-color: #E51E2C;
  /*these are the colors used in the action process SVGs*/
}
div.notice-center > .notice-button > #bubble.orange {
  background-color: #F7941E;
}
div.notice-center > .notice-button > #bubble.blue {
  background-color: #0098DA;
}
div.notice-center > .notice-button > #bubble > span {
  margin-top: 1px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
}
div.notice-center > .notice-menu-outer {
  display: none;
  clear: both;
  border: 1px solid;
  box-shadow: rgba(0, 0, 0, 0.5) 4px 2px 8px;
  overflow-y: auto !important;
  background-color: #f4f9ff;
  max-width: 500px;
  max-height: 90vh;
  position: absolute;
  /* to get the menu to soar over all other elements */
  top: 53px;
  right: 295px;
}
div.notice-center > .notice-menu-outer > #notice-menu {
  max-width: 500px;
  background-color: inherit;
  border: none;
}
div.notice-center .xts-titleview-singlenotice.envelope {
  padding: 0 6px;
}
div.notice-center .xts-titleview-singlenotice.item {
  padding: 7px 5px 7px 5px;
  border-top: 2px solid #d9ecf5;
  min-height: 65px;
  display: grid;
  grid-template-columns: 1fr 12% 15%;
  grid-template-rows: minmax(25px, max-content) 1fr;
}
div.notice-center .xts-titleview-singlenotice.item.empty {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
div.notice-center .xts-titleview-singlenotice.item > .subject {
  grid-column: 1;
  grid-row: 1;
  margin: 0 10px 3px 0px;
  font-weight: bold;
  font-size: 110%;
}
div.notice-center .xts-titleview-singlenotice.item > .subject > span.icon {
  float: left;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
div.notice-center .xts-titleview-singlenotice.item > .date {
  grid-column: 2 / span 2;
  grid-row: 1;
  justify-self: end;
}
div.notice-center .xts-titleview-singlenotice.item > .date > span {
  font-size: 95%;
  font-style: italic;
  color: #666666;
  white-space: nowrap;
}
div.notice-center .xts-titleview-singlenotice.item > .message {
  grid-column: 1;
  grid-row: 2;
}
div.notice-center .xts-titleview-singlenotice.item > .button-ack {
  grid-column: 3;
  grid-row: 2;
  margin: 0;
  place-self: center end;
}
@keyframes unack-1 {
  0%,
  50%,
  100% {
    background-color: #ffb800;
  }
  25%,
  75% {
    background-color: transparent;
  }
}
@-moz-keyframes unack-1 {
  0%,
  50%,
  100% {
    background-color: #ffb800;
  }
  25%,
  75% {
    background-color: transparent;
  }
}
@-webkit-keyframes unack-1 {
  0%,
  50%,
  100% {
    background-color: #ffb800;
  }
  25%,
  75% {
    background-color: transparent;
  }
}
@-moz-keyframes unack-2 {
  0%,
  50%,
  100% {
    background-color: #f84040;
  }
  25%,
  75% {
    background-color: transparent;
  }
}
@-webkit-keyframes unack-2 {
  0%,
  50%,
  100% {
    background-color: #f84040;
  }
  25%,
  75% {
    background-color: transparent;
  }
}
@keyframes unack-2 {
  0%,
  50%,
  100% {
    background-color: #f84040;
  }
  25%,
  75% {
    background-color: rgba(248, 64, 64, 0.4);
  }
}
.chart-tooltip {
  overflow: hidden;
  height: 100%;
  width: auto;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}
.chart-tooltip div.wheelchart-caption {
  position: absolute;
  top: 6px;
  left: 40px;
  font-weight: bold;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.6);
  background: white;
  padding: 0px 2px 0px 2px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.chart-tooltip div.wheelchart-tooltip {
  z-index: 999 !important;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  background-color: white;
  padding: 9px;
  margin-left: 1px;
  margin-top: 1px;
}
button.k-primary {
  color: #003f59;
  border-color: #77c9eb;
  background-color: #7bd2f6;
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
button.k-primary:hover {
  background-color: #63caf4;
}
.xts-unitlist {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  border: none !important;
  position: relative;
  overflow: auto;
}
.xts-unitlist .alertpill-vertical {
  padding-left: 0px;
  padding-right: 0px;
  width: 6px;
  height: 100%;
}
.xts-unitlist .alertpill-vertical.a-na {
  background-color: #cccccc;
}
.xts-unitlist .alertpill-vertical.a-0 {
  background-color: #63c263;
}
.xts-unitlist .alertpill-vertical.a-1 {
  background-color: #ffb800;
}
.xts-unitlist .alertpill-vertical.a-1.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist .alertpill-vertical.a-2 {
  background-color: #f84040;
}
.xts-unitlist .alertpill-vertical.a-2.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist .alertpill-vertical > svg {
  height: 20px;
  margin: 2px 0 -2px;
}
.xts-unitlist .alertpill-horizontal {
  width: 36px;
  left: 10px;
  bottom: 2px;
  height: 3px;
  margin-top: -25px;
}
.xts-unitlist .alertpill-horizontal.a-na {
  background-color: #cccccc;
}
.xts-unitlist .alertpill-horizontal.a-0 {
  background-color: #63c263;
}
.xts-unitlist .alertpill-horizontal.a-1 {
  background-color: #ffb800;
}
.xts-unitlist .alertpill-horizontal.a-2 {
  background-color: #f84040;
}
.xts-unitlist div.hoverdetails {
  left: 0;
  height: auto;
  position: absolute;
  display: none;
  pointer-events: none;
  z-index: 2;
}
.xts-unitlist div.hoverdetails > div.hover-arrow {
  position: absolute;
  width: 16px;
  height: 8px;
  padding-left: 20px;
  display: flex;
}
.xts-unitlist div.hoverdetails > div.hover-arrow.hover-arrow-top {
  margin-top: -8px;
}
.xts-unitlist div.hoverdetails > div.hover-arrow > svg {
  width: 100%;
  height: 100%;
  fill: #2c77ba;
}
.xts-unitlist div.hoverdetails > div.caption {
  text-align: center;
  padding: 0.3em 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 500;
}
.xts-unitlist div.hoverdetails > div.caption div {
  display: inline-block;
}
.xts-unitlist div.hoverdetails > div.content {
  padding: 4px 4px 4px 4px;
  background: #e5f2ff;
  border-radius: 2px 2px;
  border: 1px solid rgba(18, 25, 85, 0.24);
  height: auto !important;
  width: auto !important;
}
.xts-unitlist div.hoverdetails > div.content > div.widget {
  height: auto;
}
.xts-unitlist > div.nounits {
  width: 100%;
  padding-top: 30%;
  text-align: center;
  font-style: italic;
}
.xts-unitlist > div.dockdetails {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  box-shadow: 6px 0 0 0 rgba(0, 0, 0, 0.4);
}
.xts-unitlist > div.content {
  width: 100%;
  height: 100%;
  border: none;
}
.xts-unitlist > div.content div.section {
  width: 100%;
}
.xts-unitlist > div.content div.section:after {
  clear: both;
  content: "";
  display: block;
}
.xts-unitlist > div.content div.section.smushed {
  height: 1px;
}
.xts-unitlist > div.content div.section.smushed > * {
  display: none;
}
.xts-unitlist > div.content div.section:last-child {
  margin-bottom: 10em;
}
.xts-unitlist > div.content div.section > div.title {
  background-color: #dddddd;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid #dddddd;
}
.xts-unitlist > div.content div.section > div.title table {
  height: 100%;
}
.xts-unitlist > div.content div.section > div.title table tr th {
  padding: 5px 0 5px 5px;
}
.xts-unitlist > div.content div.section > div.title table tr th:first-child {
  width: 206px;
}
.xts-unitlist > div.content div.section > div.title table tr th:first-child.es,
.xts-unitlist > div.content div.section > div.title table tr th:first-child.zh {
  width: 241px;
}
.xts-unitlist > div.content div.section > div.title table tr th:nth-child(2) {
  width: 25px !important;
}
.xts-unitlist > div.content div.section > div.title table tr th:not(:first-child) {
  vertical-align: bottom;
  border-left: 1px solid #aaa;
  color: #888;
  width: 45px;
  font-size: 13px;
  font-weight: normal;
}
.xts-unitlist > div.content div.section > div.items {
  border: none !important;
}
.xts-unitlist .xts-unitlistitem {
  position: relative;
}
.xts-unitlist .xts-unitlistitem.listitem {
  border-bottom: 1px solid #d0d0d0 !important;
  padding-left: 0;
}
.xts-unitlist .xts-unitlistitem.griditem {
  margin: 4px;
  float: left;
  border: 1px solid #dddddd;
  border-radius: 5px;
}
.xts-unitlist .xts-unitlistitem.griditem.gridiconitem {
  width: 8em;
}
.xts-unitlist .xts-unitlistitem.griditem.widget-gridfootprintsmall {
  width: 11em;
}
.xts-unitlist .xts-unitlistitem.griditem.widget-gridfootprintlarge {
  width: 20em;
}
.xts-unitlist .xts-unitlistitem:not(.show-details) > div.inforow.details,
.xts-unitlist .xts-unitlistitem:not(.show-details) > div.details-caption {
  display: none;
  padding: 0;
  max-height: 0;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.xts-unitlist .xts-unitlistitem.show-details > div.inforow.details,
.xts-unitlist .xts-unitlistitem.show-details > div.details-caption {
  background: #e6ffe6 !important;
  max-height: 500px;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.xts-unitlist .xts-unitlistitem.k-selected {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #dcffff !important;
}
.xts-unitlist .xts-unitlistitem.k-selected > div.inforow.main > .widget-basicinfo {
  background: #dcffff !important;
}
.xts-unitlist .xts-unitlistitem.k-selected > div.inforow.main > .widget-gridicon {
  background: #dcffff !important;
}
.xts-unitlist .xts-unitlistitem.k-selected > div.inforow.main > .widget-gridfootprint {
  background: #dcffff !important;
}
.xts-unitlist .xts-unitlistitem.hovered:not(.k-selected),
.xts-unitlist .xts-unitlistitem.hover-details:not(.k-selected) {
  background: linear-gradient(to right, #e1ffff, #ffffff 60%) !important;
}
.xts-unitlist .xts-unitlistitem:hover > div.inforow.details > .buttons {
  opacity: 1;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details {
  overflow: hidden;
  padding: 10px 10px 10px 10px;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details > .buttons {
  opacity: 0;
  float: right;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details > .buttons span {
  opacity: 0.4;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details > .buttons span:hover {
  opacity: 1;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details > .content {
  overflow: hidden;
}
.xts-unitlist .xts-unitlistitem > div.inforow.details > .content div.widget {
  width: 100%;
}
.xts-unitlist .xts-unitlistitem > div.inforow > div.widget:not(.widget-basicinfo) {
  margin-top: 0;
  margin-bottom: 0;
}
.xts-unitlist .xts-unitlistitem > div.statusmarker {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: -2px;
  right: 0;
  bottom: -2px;
}
.xts-unitlist .xts-unitlistitem.gridfootprintitemsmall > div.xts-slideout {
  margin-top: 28px;
}
.xts-unitlist .xts-unitlistitem.gridfootprintitemlarge > div.xts-slideout {
  margin-top: 90px;
}
.xts-unitlist .xts-unitlistitem.gridiconitem > div.xts-slideout {
  margin-top: 5px;
}
.xts-unitlist .xts-unitlistitem.listitem > div.xts-slideout {
  margin-top: 18px;
}
.xts-unitlist .vehicleAgeDefault {
  color: white;
  font-weight: bold;
  padding: 2px;
}
.xts-unitlist .vehicleAgeStale1 {
  background: orange;
  border-radius: 2px;
}
.xts-unitlist .vehicleAgeStale2 {
  background: red;
  border-radius: 2px;
}
.xts-unitlist div.widget {
  display: inline-block;
  min-height: 75px;
  vertical-align: top;
}
.xts-unitlist div.widget:not(first-child):not(.widget-details):not(.widget-gridicon):not(.widget-gridfootprint) {
  border-left: 1px solid #bbbbbb;
}
.xts-unitlist div.widget.tight {
  margin-right: -2px;
}
.xts-unitlist div.widget.widget-details table {
  margin-top: 0.25em;
}
.xts-unitlist div.widget.widget-details table th,
.xts-unitlist div.widget.widget-details table td {
  padding-left: 0.5em;
  padding-right: 0.3em;
  padding-top: 0.05em;
  padding-bottom: 0.05em;
  border-bottom: 1px solid rgba(85, 85, 85, 0.15);
  font-family: "Inconsolata";
  font-size: 14px;
  margin: 0 0 0 0;
  background-color: #f3f8ff;
  height: 1.5em;
  text-align: left;
}
.xts-unitlist div.widget.widget-details table th.name,
.xts-unitlist div.widget.widget-details table td.name {
  background-color: #e3e8ef;
}
.xts-unitlist div.widget.widget-details table td.titlecell {
  min-width: 4em;
  padding-left: 1em;
  text-align: right;
  font-weight: bold;
}
.xts-unitlist div.widget.widget-details table td.nowrap {
  white-space: nowrap;
}
.xts-unitlist div.widget.widget-details table td.valuecell {
  min-width: 4em;
}
.xts-unitlist div.widget.widget-details table th {
  width: 2em;
  text-align: center;
  border-right: 1px solid gray;
  background-color: darkslategray;
  color: whitesmoke;
  padding-right: 0.5em;
  padding-left: 0.5em;
}
.xts-unitlist div.widget.widget-details table th.info {
  min-width: 10em;
}
.xts-unitlist div.widget.widget-details table td.alertpill,
.xts-unitlist div.widget.widget-details table th.alertpill {
  padding-left: 0px;
  padding-right: 0px;
  width: 6px;
  height: 100%;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-na,
.xts-unitlist div.widget.widget-details table th.alertpill.a-na {
  background-color: #cccccc;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-0,
.xts-unitlist div.widget.widget-details table th.alertpill.a-0 {
  background-color: #63c263;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-1,
.xts-unitlist div.widget.widget-details table th.alertpill.a-1 {
  background-color: #ffb800;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-1.maybe-icon,
.xts-unitlist div.widget.widget-details table th.alertpill.a-1.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-2,
.xts-unitlist div.widget.widget-details table th.alertpill.a-2 {
  background-color: #f84040;
}
.xts-unitlist div.widget.widget-details table td.alertpill.a-2.maybe-icon,
.xts-unitlist div.widget.widget-details table th.alertpill.a-2.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist div.widget.widget-details table td.alertpill > svg,
.xts-unitlist div.widget.widget-details table th.alertpill > svg {
  height: 20px;
  margin: 2px 0 -2px;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details).expanded-hover .xts-vehicleicon .circle,
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details).expanded-details:not(.other-hover-details) .xts-vehicleicon .circle {
  border: 4px solid #2499ff !important;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div {
  width: 125px;
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 125px;
  height: 75px;
  overflow: hidden;
  background: transparent;
  /*       border-bottom: 2px solid #BDE0FF; */
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 75px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  height: 75px;
  fill: transparent;
  shape-rendering: crispEdges;
  /*
            > .online {
               opacity: 0.9;
            }

            > .offline {
               opacity: .4;
            }
               */
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .overlap {
  filter: drop-shadow(0px 2px 0px #fff);
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .overlap-up {
  filter: drop-shadow(0px -2px 0px #fff);
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .back {
  pointer-events: all;
  fill: transparent;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .frame {
  fill: none;
  stroke-width: 0.5px;
  stroke: #929292;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .namebg {
  pointer-events: all;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .progress {
  stroke: #a2ee88;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .progressbg {
  stroke: #282828;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1 {
  filter: url('#alertlevel1-filter');
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2 {
  filter: url('#alertlevel2-filter');
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > svg > image {
  /*margin-top: -0.2em;*/
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > .textwrap {
  width: 125px;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  stroke: none;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > .textwrap > .speedtext {
  font-size: 11px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 15px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span {
  font-size: 11px;
}
.xts-unitlist div.widget.widget-basicinfo:not(.widget-details) > div > div.xts-buttonstrip {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  margin: 1px 2px;
  bottom: 1.65em;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon {
  height: 105px;
  width: 8em;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8em;
  height: 105px;
  overflow: hidden;
  background: transparent;
  /*       border-bottom: 2px solid #BDE0FF; */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 8em;
  height: 105px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 8em;
  height: 105px;
  fill: transparent;
  shape-rendering: crispEdges;
  /*
            > .online {
               opacity: 0.9;
            }

            > .offline {
               opacity: .4;
            }
               */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .overlap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .overlap {
  filter: drop-shadow(0px 2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .overlap-up,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .overlap-up {
  filter: drop-shadow(0px -2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .back,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .back {
  pointer-events: all;
  fill: transparent;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .frame,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .frame {
  fill: none;
  stroke-width: 0.5px;
  stroke: #929292;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .namebg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .namebg {
  pointer-events: all;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .progress,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .progress {
  stroke: #a2ee88;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .progressbg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .progressbg {
  stroke: #282828;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1 {
  filter: url('#alertlevel1-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2 {
  filter: url('#alertlevel2-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > image,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > svg > image {
  /*margin-top: -0.2em;*/
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap {
  width: 8em;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  stroke: none;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > .speedtext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > .speedtext {
  font-size: 11px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 15px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridicon > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span {
  font-size: 11px;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall {
  height: 150px;
  width: 11em;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 11em;
  height: 150px;
  overflow: hidden;
  background: transparent;
  /*       border-bottom: 2px solid #BDE0FF; */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 11em;
  height: 150px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 11em;
  height: 150px;
  fill: transparent;
  shape-rendering: crispEdges;
  /*
            > .online {
               opacity: 0.9;
            }

            > .offline {
               opacity: .4;
            }
               */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .overlap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .overlap {
  filter: drop-shadow(0px 2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .overlap-up,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .overlap-up {
  filter: drop-shadow(0px -2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .back,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .back {
  pointer-events: all;
  fill: transparent;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .frame,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .frame {
  fill: none;
  stroke-width: 0.5px;
  stroke: #929292;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .namebg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .namebg {
  pointer-events: all;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .progress,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .progress {
  stroke: #a2ee88;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .progressbg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .progressbg {
  stroke: #282828;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1 {
  filter: url('#alertlevel1-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2 {
  filter: url('#alertlevel2-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > image,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > svg > image {
  /*margin-top: -0.2em;*/
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap {
  width: 11em;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  stroke: none;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > .speedtext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > .speedtext {
  font-size: 11px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 15px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span {
  font-size: 11px;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintsmall > div .xts-footprint,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintsmall > div .xts-footprint {
  left: 0.2em !important;
  width: 85%;
  height: 70%;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge {
  height: 280px;
  width: 20em;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20em;
  height: 280px;
  overflow: hidden;
  background: transparent;
  /*       border-bottom: 2px solid #BDE0FF; */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 20em;
  height: 280px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 20em;
  height: 280px;
  fill: transparent;
  shape-rendering: crispEdges;
  /*
            > .online {
               opacity: 0.9;
            }

            > .offline {
               opacity: .4;
            }
               */
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .overlap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .overlap {
  filter: drop-shadow(0px 2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .overlap-up,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .overlap-up {
  filter: drop-shadow(0px -2px 0px #fff);
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .back,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .back {
  pointer-events: all;
  fill: transparent;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .frame,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .frame {
  fill: none;
  stroke-width: 0.5px;
  stroke: #929292;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .namebg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .namebg {
  pointer-events: all;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .progress,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .progress {
  stroke: #a2ee88;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .progressbg,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .progressbg {
  stroke: #282828;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1 {
  filter: url('#alertlevel1-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2 {
  filter: url('#alertlevel2-filter');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack {
  mask: url('#ackmask');
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > image,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > svg > image {
  /*margin-top: -0.2em;*/
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap {
  width: 20em;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  stroke: none;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > .speedtext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > .speedtext {
  font-size: 11px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 15px;
  fill: #333333;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span {
  font-size: 11px;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).widget-gridfootprintlarge > div .xts-footprint,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).widget-gridfootprintlarge > div .xts-footprint {
  width: 94%;
  height: 85%;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).expanded-hover .xts-vehicleicon .circle,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).expanded-hover .xts-vehicleicon .circle,
.xts-unitlist div.widget.widget-gridicon:not(.widget-details).expanded-details:not(.other-hover-details) .xts-vehicleicon .circle,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details).expanded-details:not(.other-hover-details) .xts-vehicleicon .circle {
  border: 4px solid #2499ff !important;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details) > div,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details) > div {
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details) > div .hitbox,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details) > div .hitbox {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.xts-unitlist div.widget.widget-gridicon:not(.widget-details) > div .xts-footprint,
.xts-unitlist div.widget.widget-gridfootprint:not(.widget-details) > div .xts-footprint {
  pointer-events: none;
  position: absolute;
  left: 0.4em;
  top: 0.2em;
}
.xts-unitlist div.widget.widget-zone > div,
.xts-unitlist div.widget.widget-details-zone-details > div {
  display: inline-block;
  width: 6em;
  height: 100%;
}
.xts-unitlist div.widget.widget-zone > div.es,
.xts-unitlist div.widget.widget-details-zone-details > div.es,
.xts-unitlist div.widget.widget-zone > div.zh,
.xts-unitlist div.widget.widget-details-zone-details > div.zh {
  width: 8.5em;
}
.xts-unitlist div.widget.widget-zone > div table,
.xts-unitlist div.widget.widget-details-zone-details > div table {
  width: 100%;
}
.xts-unitlist div.widget.widget-zone > div table.speed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed {
  height: 34%;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td {
  font-variant: small-caps;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill {
  padding-left: 0px;
  padding-right: 0px;
  width: 6px;
  height: 100%;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-na,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-na {
  background-color: #cccccc;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-0,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-0 {
  background-color: #63c263;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-1,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-1 {
  background-color: #ffb800;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-1.maybe-icon,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-1.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-2,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-2 {
  background-color: #f84040;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill.a-2.maybe-icon,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill.a-2.maybe-icon {
  width: 24px;
  background: none;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.alertpill > svg,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.alertpill > svg {
  height: 20px;
  margin: 2px 0 -2px;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.units,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.units {
  padding-top: 4px;
  vertical-align: baseline;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed {
  font-size: 16px;
  font-weight: bold;
  padding-right: 2px;
  color: gray;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.speed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.speed,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.speed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.speed {
  text-align: right;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.nospeed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.nospeed,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.nospeed,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.nospeed {
  text-align: center;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.nospeed img,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.nospeed img,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.nospeed img,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.nospeed img {
  opacity: 0.7;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.nospeed.idleTime,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.nospeed.idleTime,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.nospeed.idleTime,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.nospeed.idleTime {
  text-align: left;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.nospeed.idleTime span,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.nospeed.idleTime span,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.nospeed.idleTime span,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.nospeed.idleTime span {
  position: relative;
  top: -2px;
  display: inline-block;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.speed.nospeed.idleTime:before,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.speed.nospeed.idleTime:before,
.xts-unitlist div.widget.widget-zone > div table.speed tr td.nospeed.nospeed.idleTime:before,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.nospeed.nospeed.idleTime:before {
  font-family: 'Glyphicons Halflings';
  content: '\e073';
  font-size: 18px;
  font-weight: normal;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.units,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.units {
  width: 50%;
  text-align: left;
  font-size: 11px;
  color: gray;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.units.zh,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.units.zh {
  width: 61%;
}
.xts-unitlist div.widget.widget-zone > div table.speed tr td.idle,
.xts-unitlist div.widget.widget-details-zone-details > div table.speed tr td.idle {
  font-variant: small-caps;
  font-size: 13px;
  color: gray;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr {
  border-top: 1px solid #aaa;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr td,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr td {
  line-height: 130%;
  font-variant: small-caps;
  vertical-align: top;
  font-size: 13px;
  color: gray;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr td br,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr td br {
  padding-top: 2px;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr td.key,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr td.key {
  text-align: left;
  padding-left: 3px;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr td.value,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr td.value {
  text-align: left;
  padding-left: 4px;
}
.xts-unitlist div.widget.widget-zone > div table.zone tr td.value p,
.xts-unitlist div.widget.widget-details-zone-details > div table.zone tr td.value p {
  text-align: right;
  margin: 0 2px 0 0;
  font-size: 11px;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details {
  height: 9em;
  margin: 2px;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details.widget-hover > div > .charts > div.chart,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details.widget-hover > div > .charts > div.chart {
  border-radius: 2px;
  border: 1px solid #c3c3c3;
  background: #ffffff;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div {
  width: auto;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts {
  white-space: nowrap;
  flex: 1;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.nodata,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.nodata {
  font-weight: bold;
  display: inline-block;
  padding: 2em 2em 2em 2em;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.chart,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.chart {
  display: inline-block;
  height: 100%;
  border-radius: 2px;
  background: white;
  position: relative;
  border: 1px solid rgba(100, 110, 120, 0.5);
  width: 25em;
  padding: 0px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder {
  overflow: hidden;
  height: 100%;
  width: auto;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder div.wheelchart-caption,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder div.wheelchart-caption {
  position: absolute;
  top: 6px;
  left: 40px;
  font-weight: bold;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.6);
  background: white;
  padding: 0px 2px 0px 2px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder div.wheelchart-tooltip,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.chart > div.holder div.wheelchart-tooltip {
  z-index: 999 !important;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  background-color: white;
  padding: 9px;
  margin-left: 1px;
  margin-top: 1px;
}
.xts-unitlist div.widget.widget-zone.widget-details.widget-details-zone-details > div > div.charts div.chart > div.load-progress,
.xts-unitlist div.widget.widget-details-zone-details.widget-details.widget-details-zone-details > div > div.charts div.chart > div.load-progress {
  background-position: 100% 100%;
  background-size: 24px 24px;
}
.xts-unitlist div.widget.widget-unitevents:not(.widget-details) > table {
  height: 100%;
  border: none;
}
.xts-unitlist div.widget.widget-unitevents:not(.widget-details) > table td {
  min-width: 25.5px;
  vertical-align: middle;
  border: none;
  padding: 0;
  padding-top: 0.2em;
}
.xts-unitlist div.widget.widget-unitevents:not(.widget-details) > table td > img {
  margin: 0;
  height: 1.8em;
  width: 1.8em;
}
.xts-unitlist div.widget.widget-unitevents.widget-details > table {
  width: 100%;
  border: 1px solid #dddddd;
}
.xts-unitlist div.widget.widget-unitevents.widget-details > table.empty td {
  border: 1px solid transparent !important;
  text-align: center;
  font-style: italic;
}
.xts-unitlist div.widget.widget-unitevents.widget-details > table td,
.xts-unitlist div.widget.widget-unitevents.widget-details > table th {
  min-width: 100px;
  border: 1px solid #dddddd;
  padding: 0.2em 0.4em;
  padding-right: 1.5em;
  white-space: nowrap;
}
.xts-unitlist div.widget.widget-unitevents.widget-details > table td:nth-child(1),
.xts-unitlist div.widget.widget-unitevents.widget-details > table th:nth-child(1),
.xts-unitlist div.widget.widget-unitevents.widget-details > table td:nth-child(2),
.xts-unitlist div.widget.widget-unitevents.widget-details > table th:nth-child(2) {
  min-width: 13em;
}
.xts-unitlist div.widget.widget-unitevents.widget-details > table td:last-child,
.xts-unitlist div.widget.widget-unitevents.widget-details > table th:last-child {
  width: 80%;
}
.xts-unitlist div.widget.widget-readings > table tr:last-child td:last-child {
  width: 75px;
}
.xts-unitlist div.widget.widget-readings > table,
.xts-unitlist div.widget.widget-details-readings > table,
.xts-unitlist div.widget.widget-gridfootprintsmall > table,
.xts-unitlist div.widget.widget-gridfootprintlarge > table {
  height: 100%;
  overflow: hidden;
  border-radius: 0;
}
.xts-unitlist div.widget.widget-readings > table tr,
.xts-unitlist div.widget.widget-details-readings > table tr,
.xts-unitlist div.widget.widget-gridfootprintsmall > table tr,
.xts-unitlist div.widget.widget-gridfootprintlarge > table tr {
  height: 25px;
}
.xts-unitlist div.widget.widget-readings > table tr:last-child,
.xts-unitlist div.widget.widget-details-readings > table tr:last-child,
.xts-unitlist div.widget.widget-gridfootprintsmall > table tr:last-child,
.xts-unitlist div.widget.widget-gridfootprintlarge > table tr:last-child {
  height: 26px;
}
.xts-unitlist div.widget.widget-readings > table tr:last-child td,
.xts-unitlist div.widget.widget-details-readings > table tr:last-child td,
.xts-unitlist div.widget.widget-gridfootprintsmall > table tr:last-child td,
.xts-unitlist div.widget.widget-gridfootprintlarge > table tr:last-child td {
  border-bottom: none;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts {
  display: flex;
  flex-direction: row;
  padding-left: 2px;
  height: 100%;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .tpms-label,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .tpms-label,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .tpms-label,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .tpms-label {
  font-size: 10px;
  margin-top: 2px;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .alert-box,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .alert-box,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .alert-box,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .alert-box {
  font-size: 10px;
  font-weight: 500;
  border-radius: 2px;
  padding: 0 1px;
  color: white;
  margin-left: 2px;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .hideuntildataappears,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .hideuntildataappears,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .hideuntildataappears,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .hideuntildataappears {
  margin: auto;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: unitlistalertsspinner 1s infinite linear alternate;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .warn,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .warn,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .warn,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .warn {
  background-color: orange;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .crit,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .crit,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .crit,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .crit {
  background-color: red;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .alert-counts,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .alert-counts,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .alert-counts,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .alert-counts {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2px;
  gap: 1px;
}
.xts-unitlist div.widget.widget-readings > table .twentyfourhrs-alerts .no-alerts,
.xts-unitlist div.widget.widget-details-readings > table .twentyfourhrs-alerts .no-alerts,
.xts-unitlist div.widget.widget-gridfootprintsmall > table .twentyfourhrs-alerts .no-alerts,
.xts-unitlist div.widget.widget-gridfootprintlarge > table .twentyfourhrs-alerts .no-alerts {
  font-size: 12px;
  margin: auto 0 0 auto;
  content: url(/Content/images/Checkmark.png);
}
.xts-unitlist div.widget.widget-readings > table td,
.xts-unitlist div.widget.widget-details-readings > table td,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td {
  border: none;
  text-align: center;
  width: 50px;
  vertical-align: middle;
}
.xts-unitlist div.widget.widget-readings > table td:first-child,
.xts-unitlist div.widget.widget-details-readings > table td:first-child,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td:first-child,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td:first-child {
  width: 30px;
}
.xts-unitlist div.widget.widget-readings > table td:not(:last-child),
.xts-unitlist div.widget.widget-details-readings > table td:not(:last-child),
.xts-unitlist div.widget.widget-gridfootprintsmall > table td:not(:last-child),
.xts-unitlist div.widget.widget-gridfootprintlarge > table td:not(:last-child) {
  border-right: 1px solid rgba(68, 138, 208, 0.1);
  border-bottom: 1px solid rgba(68, 138, 208, 0.1);
}
.xts-unitlist div.widget.widget-readings > table td.hover,
.xts-unitlist div.widget.widget-details-readings > table td.hover,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.hover,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.hover {
  background: rgba(0, 91, 255, 0.09) !important;
}
.xts-unitlist div.widget.widget-readings > table td.col-details,
.xts-unitlist div.widget.widget-details-readings > table td.col-details,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.col-details,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.col-details,
.xts-unitlist div.widget.widget-readings > table td.row-details,
.xts-unitlist div.widget.widget-details-readings > table td.row-details,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.row-details,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.row-details {
  background: #e6ffe6 !important;
}
.xts-unitlist div.widget.widget-readings > table td.o2,
.xts-unitlist div.widget.widget-details-readings > table td.o2,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.o2,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.o2 {
  font-family: "Inconsolata";
  font-size: 10px;
  text-align: left;
  vertical-align: bottom;
  padding-left: 4px;
  padding-bottom: 2px;
}
.xts-unitlist div.widget.widget-readings > table td.c,
.xts-unitlist div.widget.widget-details-readings > table td.c,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.c,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.c {
  background-color: rgba(68, 138, 208, 0.05);
}
.xts-unitlist div.widget.widget-readings > table td.r,
.xts-unitlist div.widget.widget-details-readings > table td.r,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r {
  border-right: 1px solid rgba(68, 138, 208, 0.2);
  border-bottom: 1px solid rgba(68, 138, 208, 0.2);
  font-family: "Inconsolata";
}
.xts-unitlist div.widget.widget-readings > table td.r div,
.xts-unitlist div.widget.widget-details-readings > table td.r div,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 24px;
  background: none;
  pointer-events: none;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.alertpill,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.alertpill {
  width: 36px;
  left: 10px;
  bottom: 2px;
  height: 3px;
  margin-top: -25px;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.alertpill.a-na,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.alertpill.a-na,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.alertpill.a-na,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.alertpill.a-na {
  background-color: #cccccc;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.alertpill.a-0,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.alertpill.a-0,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.alertpill.a-0,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.alertpill.a-0 {
  background-color: #63c263;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.alertpill.a-1,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.alertpill.a-1,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.alertpill.a-1,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.alertpill.a-1 {
  background-color: #ffb800;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.alertpill.a-2,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.alertpill.a-2,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.alertpill.a-2,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.alertpill.a-2 {
  background-color: #f84040;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.v,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.v,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.v,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.v {
  text-anchor: middle;
}
.xts-unitlist div.widget.widget-readings > table td.r div > span.t,
.xts-unitlist div.widget.widget-details-readings > table td.r div > span.t,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r div > span.t,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r div > span.t {
  position: absolute;
  left: 1px;
  opacity: 0.3;
  font-size: 0.7em;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-1:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-1:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-1:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-1:not(.unack) span.alertpill {
  background: repeating-linear-gradient(70deg, #ffb800, #ffb800 3px, #ffdc80 3px, #ffdc80 6px);
}
.xts-unitlist div.widget.widget-readings > table td.r.a-1.unack span.alertpill,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-1.unack span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-1.unack span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-1.unack span.alertpill {
  background: #ffb800;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-1 > div,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-1 > div,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-1 > div,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-1 > div {
  color: black;
  font-weight: bold;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-1 > div > span.v,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-1 > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-1 > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-1 > div > span.v {
  font-size: 14px;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-2:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-2:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-2:not(.unack) span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-2:not(.unack) span.alertpill {
  background: repeating-linear-gradient(70deg, #f84040, #f84040 3px, #fdbbbb 3px, #fdbbbb 6px);
}
.xts-unitlist div.widget.widget-readings > table td.r.a-2.unack span.alertpill,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-2.unack span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-2.unack span.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-2.unack span.alertpill {
  background: #f84040;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-2 > div,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-2 > div,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-2 > div,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-2 > div {
  color: #000;
  font-weight: bold;
}
.xts-unitlist div.widget.widget-readings > table td.r.a-2 > div > span.v,
.xts-unitlist div.widget.widget-details-readings > table td.r.a-2 > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.a-2 > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.a-2 > div > span.v {
  font-size: 14px;
}
.xts-unitlist div.widget.widget-readings > table td.r.unack > div > span.v,
.xts-unitlist div.widget.widget-details-readings > table td.r.unack > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.unack > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.unack > div > span.v {
  font-weight: bold;
}
.xts-unitlist div.widget.widget-readings > table td.r.unack > div > span.t,
.xts-unitlist div.widget.widget-details-readings > table td.r.unack > div > span.t,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.unack > div > span.t,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.unack > div > span.t {
  opacity: 0.5;
}
.xts-unitlist div.widget.widget-readings > table td.r.stale,
.xts-unitlist div.widget.widget-details-readings > table td.r.stale,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.stale,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.stale {
  background-color: #eee;
}
.xts-unitlist div.widget.widget-readings > table td.r.stale > div > span.v,
.xts-unitlist div.widget.widget-details-readings > table td.r.stale > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.stale > div > span.v,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.stale > div > span.v {
  opacity: 0.4;
}
.xts-unitlist div.widget.widget-readings > table td.r.t-up > div > span.t:before,
.xts-unitlist div.widget.widget-details-readings > table td.r.t-up > div > span.t:before,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.t-up > div > span.t:before,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.t-up > div > span.t:before {
  content: "\e093";
}
.xts-unitlist div.widget.widget-readings > table td.r.t-down > div > span.t:before,
.xts-unitlist div.widget.widget-details-readings > table td.r.t-down > div > span.t:before,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.r.t-down > div > span.t:before,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.r.t-down > div > span.t:before {
  content: "\e094";
}
.xts-unitlist div.widget.widget-readings > table td.u,
.xts-unitlist div.widget.widget-details-readings > table td.u,
.xts-unitlist div.widget.widget-gridfootprintsmall > table td.u,
.xts-unitlist div.widget.widget-gridfootprintlarge > table td.u {
  background-color: #ebf6ff;
  text-transform: uppercase;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel {
  height: 9em;
  margin: 2px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .wheeldata,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .wheeldata,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel.widget-hover > div > .wheeldata,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel.widget-hover > div > .wheeldata {
  display: none !important;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .sensorinfo,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .sensorinfo,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel.widget-hover > div > .sensorinfo,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel.widget-hover > div > .sensorinfo {
  display: none !important;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .charts > div.chart,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel.widget-hover > div > .charts > div.chart,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel.widget-hover > div > .charts > div.chart,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel.widget-hover > div > .charts > div.chart {
  border-radius: 2px;
  border: 1px solid #c3c3c3;
  background: #ffffff;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .actions,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .actions,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .actions,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .actions {
  display: none !important;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .head > .nav,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .head > .nav,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .head > .nav,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel.widget-hover > div > div.info > .head > .nav {
  display: none !important;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div {
  width: auto;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.wheeldata,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.wheeldata,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.wheeldata,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.wheeldata {
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  flex-direction: column;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.wheeldata div.wheeldisplay,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.wheeldata div.wheeldisplay,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.wheeldata div.wheeldisplay,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.wheeldata div.wheeldisplay {
  display: inline-block;
  height: auto;
  width: 6em;
  height: 6em;
  margin: 5px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table {
  margin-left: 0.5em;
  margin-right: 0.5em;
  height: 100%;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table button.datalogbtn,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table button.datalogbtn,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table button.datalogbtn,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table button.datalogbtn {
  background-size: 24px 24px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  background-size: 24px 26px;
  background-image: url(/Content/images/buttons/datalog.svg);
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table td,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table td,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table td,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.sensorinfo > table td {
  height: 16.67%;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts {
  white-space: nowrap;
  flex: 1;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.nodata,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.nodata,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.nodata,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.nodata {
  font-weight: bold;
  display: inline-block;
  padding: 2em 2em 2em 2em;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.chart,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.chart {
  display: inline-block;
  height: 100%;
  border-radius: 2px;
  background: white;
  position: relative;
  border: 1px solid rgba(100, 110, 120, 0.5);
  width: 18em;
  padding: 0px;
  overflow: hidden;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder {
  overflow: hidden;
  height: 100%;
  width: auto;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-caption,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-caption,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-caption,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-caption {
  position: absolute;
  top: 6px;
  left: 40px;
  font-weight: bold;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.6);
  background: white;
  padding: 0px 2px 0px 2px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-tooltip,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-tooltip,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-tooltip,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.holder div.wheelchart-tooltip {
  z-index: 999 !important;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  background-color: white;
  padding: 9px;
  margin-left: 1px;
  margin-top: 1px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.load-progress,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.load-progress,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.load-progress,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-wheel > div > div.charts div.chart > div.load-progress {
  background-position: 100% 100%;
  background-size: 24px 24px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table {
  height: auto;
  background: rgba(200, 220, 240, 0.3);
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td {
  border: none;
  border-right: 1px solid rgba(85, 85, 85, 0.15);
  border-bottom: 1px solid rgba(85, 85, 85, 0.15);
  text-align: center;
  white-space: nowrap;
  min-width: 50px;
  font-family: "Inconsolata";
  font-size: 14px;
  margin: 0 0 0 0;
  padding: 1px 0 0px 0;
  background-color: #f3f8ff;
  height: 1.5em;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a {
  background: none;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.c.a-3,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.c.a-3,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.c.a-3,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.c.a-3,
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a.a-3,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a.a-3,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a.a-3,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a.a-3 {
  border-color: transparent;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.c,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.c {
  min-width: 49.6px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.c.a-1,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.c.a-1,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.c.a-1,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.c.a-1,
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.c.a-2,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.c.a-2,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.c.a-2,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.c.a-2 {
  background: rgba(120, 169, 218, 0.3);
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a {
  border: 0 solid;
  min-width: 0;
  width: 0.4em;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a div.alertpill,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a div.alertpill {
  width: 100%;
  height: 100%;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-1,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-1,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-1,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-1 {
  background: #ffdc80;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-2,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-2,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-2,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a div.alertpill.a-2 {
  background: #fdbbbb;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge {
  padding: 4px 0 0 0;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge {
  width: 42.5px;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g {
  width: 100%;
  height: 100%;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-0,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-0,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-0,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-0 {
  fill: #63c263;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-1,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-1,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-1,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-1 {
  fill: #ffb800;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-2,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-2,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-2,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .alevel-gauge-2 {
  fill: #f84040;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle {
  font-size: 20px;
  text-anchor: middle;
  fill: #666666;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle-center,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle-center,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle-center,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.gauge > svg.xts-gauge > g > .needle-center {
  fill: #777777;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a-1.active,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a-1.active,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a-1.active,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a-1.active {
  background: #fff1cc;
}
.xts-unitlist div.widget.widget-readings.widget-details.widget-details-readings-thresholds > table td.a-2.active,
.xts-unitlist div.widget.widget-details-readings.widget-details.widget-details-readings-thresholds > table td.a-2.active,
.xts-unitlist div.widget.widget-gridfootprintsmall.widget-details.widget-details-readings-thresholds > table td.a-2.active,
.xts-unitlist div.widget.widget-gridfootprintlarge.widget-details.widget-details-readings-thresholds > table td.a-2.active {
  background: #ffffff;
}
div.eventfilter label {
  font-size: 14px !important;
  font-weight: normal !important;
}
.xts-processviewer {
  display: grid;
  grid-template-rows: 50px 50% 1fr;
  /*flex-flow: column nowrap;*/
  width: 100%;
  height: 100%;
  opacity: 0;
}
.xts-processviewer.initialized {
  opacity: 1;
}
.xts-processviewer.list-only {
  grid-template-rows: 0 1fr 0;
}
.xts-processviewer.list-only div.header {
  display: none;
}
.xts-processviewer.list-only div.list {
  margin: 0;
}
.xts-processviewer.details-only {
  grid-template-rows: 0 115px 1fr;
}
.xts-processviewer.details-only > div.details {
  display: flex;
  flex-flow: column nowrap;
}
.xts-processviewer.details-only > div.details > div.list {
  flex-grow: 0.8;
}
.xts-processviewer.details-only > div.header,
.xts-processviewer.details-only > div.nothingprompt,
.xts-processviewer.details-only > div.list {
  display: none;
}
.xts-processviewer.details-only div.details {
  padding-top: 0.6em;
}
.xts-processviewer:not(.list-only) a.details-button {
  display: none;
}
.xts-processviewer td {
  white-space: nowrap;
}
.xts-processviewer th {
  padding: 0.5em !important;
}
.xts-processviewer > div.header {
  padding: 0 0 0.3em 0;
  display: flex;
  flex-flow: row nowrap;
  grid-row: 1;
}
.xts-processviewer > div.header > ol.breadcrumb {
  display: flex;
  align-items: center;
  flex: 1;
  margin-bottom: 4px;
  white-space: nowrap;
}
.xts-processviewer > div.header > ol.breadcrumb button.tearaway,
.xts-processviewer > div.header > ol.breadcrumb button.toggleMap {
  padding: 0.6em;
  margin-left: 1em;
}
.xts-processviewer > div.header > ol.breadcrumb button.tearaway > span,
.xts-processviewer > div.header > ol.breadcrumb button.toggleMap > span {
  margin-top: -2px;
}
.xts-processviewer > div.header > ol.breadcrumb button.toggleMap {
  padding: 4px;
}
.xts-processviewer > div.nothingprompt {
  margin-top: 0.6em;
  flex: 1;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}
.xts-processviewer > div.emptyscreenprompt {
  margin-top: 0.6em;
  flex: 1;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}
.xts-processviewer > div.viewselector {
  /*margin: 0 .58em .58em .58em;*/
  /*flex: 5;*/
  grid-row: 2;
}
.xts-processviewer > div.viewselector.show-map div.mapview {
  display: block;
}
.xts-processviewer > div.viewselector.show-map div.listview {
  display: none;
}
.xts-processviewer > div.viewselector:not(.show-map) div.mapview {
  display: none;
}
.xts-processviewer > div.viewselector:not(.show-map) div.listview {
  display: block;
}
.xts-processviewer > div.viewselector > div.mapview {
  height: 100%;
}
.xts-processviewer > div.viewselector > div.mapview .amo.selected rect,
.xts-processviewer > div.viewselector > div.mapview .amo.selected text,
.xts-processviewer > div.viewselector > div.mapview .amo.selected polygon {
  display: block !important;
}
.xts-processviewer > div.viewselector > div.listview {
  height: 100%;
}
.xts-processviewer > div.viewselector > div.listview tbody tr:not(:hover) td:last-child > * {
  display: none;
}
.xts-processviewer > div.viewselector > div.listview tbody td[data-field=priority] div.resolved img.main {
  opacity: 0.7;
}
.xts-processviewer > div.viewselector > div.listview tbody td[data-field=priority] div:not(.resolved) img.resolved {
  display: none;
}
.xts-processviewer > div.viewselector > div.listview tbody td:last-child {
  padding-top: 2px;
  padding-bottom: 2px;
}
.xts-processviewer > div.viewselector > div.listview tbody td:last-child > a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-processviewer > div.details {
  margin: 0 0.58em 4px 0.58em;
  height: 104%;
  display: grid;
  grid-row: 3;
  grid-template-rows: 155px 1fr 23%;
}
.xts-processviewer > div.details > div.detailsprompt {
  margin-top: 6em;
  flex: 3;
  grid-row-start: 1;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}
.xts-processviewer > div.details > div.header {
  padding-bottom: 8px;
}
.xts-processviewer > div.details > div.header > div.title {
  font-size: 16px;
  font-weight: 700;
}
.xts-processviewer > div.details > div.header > div.visholder {
  display: flex;
  flex-flow: row nowrap;
  grid-row: 1;
  height: 8em;
  padding: 0.1em;
  border: 1px solid #bbdceb;
  background: #edf6fa;
}
.xts-processviewer > div.details > div.header > div.visholder > div.wheel {
  width: 8.5em;
}
.xts-processviewer > div.details > div.header > div.visholder > div.chart {
  flex: 1;
  overflow: hidden;
  height: 100%;
  width: auto;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 0.8em;
  text-align: center;
  vertical-align: middle;
}
.xts-processviewer > div.details > div.header > div.visholder > div.chart div.wheelchart-caption {
  position: absolute;
  top: 6px;
  left: 40px;
  font-weight: bold;
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.6);
  background: white;
  padding: 0px 2px 0px 2px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.xts-processviewer > div.details > div.header > div.visholder > div.chart div.wheelchart-tooltip {
  z-index: 999 !important;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: block;
  background-color: white;
  padding: 9px;
  margin-left: 1px;
  margin-top: 1px;
}
.xts-processviewer > div.details > div.header > div.visholder > div.chart.loading > svg {
  opacity: 0;
}
.xts-processviewer > div.details > div.list {
  grid-row: 2;
}
.xts-processviewer > div.details > div.list td:last-child {
  padding-top: 2px;
  padding-bottom: 2px;
}
.xts-processviewer > div.details > div.list td:last-child > a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-processviewer > div.details > div.list .k-grid-content {
  max-height: 80%;
}
.xts-processviewer > div.details > div.eventdata {
  grid-row: 3;
  padding: 0.25em;
  border: 1px solid #bbdceb;
  margin-top: 0.6em;
}
.xts-processviewer > div.details > div.eventdata table {
  width: 100%;
}
.xts-processviewer > div.details > div.eventdata table tr:nth-child(1) td {
  font-size: 14px;
  font-weight: 700;
}
.xts-processviewer > div.details > div.eventdata table td {
  margin-right: 0.6em;
}
.xts-processviewer .viewselector .listview .k-grid-content {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}
.xts-processviewer .viewselector .listview .k-grid-header {
  padding-right: 0 !important;
}
.xts-confirmwindow .viewselector .listview .k-grid-content {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}
.xts-confirmwindow .viewselector .listview .k-grid-header {
  padding-right: 14px !important;
}
.xts-confirmwindow .viewselector .listview ::-webkit-scrollbar {
  width: 14px !important;
}
viewer-ackdialog textarea {
  width: 98%;
}
.xts-unitconfig-wheelselector-item > div.name > span {
  display: none;
  float: right;
  margin-top: 0.4em;
}
.xts-unitconfig-wheelselector-item.overrides > div.name > span {
  display: inline;
}
.xts-unitconfig-wheelselector-item .override-indicator {
  color: indianred;
}
.xts-unitconfig {
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitconfig > .sections {
  min-width: 15em;
  max-width: 15em;
  border: none;
  border-right: 1px solid #e1f1ff;
  cursor: default;
  height: 100%;
}
.xts-unitconfig > .sections > .k-listview-content > .item {
  padding-left: 0.5em;
  display: flex;
  flex-flow: row nowrap;
  font-size: 14px;
  font-weight: 500;
  height: 2.4em;
}
.xts-unitconfig > .sections > .k-listview-content > .item > img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  align-self: center;
}
.xts-unitconfig > .sections > .k-listview-content > .item > div.name {
  flex: 1;
  display: inline-block;
  align-self: center;
}
.xts-unitconfig > .sections > .k-listview-content > .item > div.override-indicator,
.xts-unitconfig > .sections > .k-listview-content > .item div.error-indicator {
  display: none;
  margin-right: 0.5em;
  align-self: center;
}
.xts-unitconfig > .sections > .k-listview-content > .item.overrides > div.override-indicator {
  display: inline-block;
  color: indianred;
}
.xts-unitconfig > .sections > .k-listview-content > .item.errors > div.error-indicator {
  display: inline-block;
  color: red;
}
.xts-unitconfig > .section {
  flex: 1;
  flex-flow: column nowrap;
  display: flex;
  margin-left: 0.6em;
  overflow: hidden;
}
.xts-unitconfig > .section > .wheelposition {
  padding-top: 0.5em;
  margin-right: 1em;
  font-size: 14px;
  font-weight: 700;
}
.xts-unitconfig > .section > .infoblock {
  margin: 0.5em;
}
.xts-unitconfig > .section > .infoblock > .unitsinfo {
  display: none;
  float: left;
}
.xts-unitconfig > .section > .infoblock > .remove-overrides {
  float: left;
}
.xts-unitconfig > .section > .infoblock > .help {
  float: right;
}
.xts-unitconfig > .section > .fields {
  flex: 1;
  padding-right: 0.5em;
  padding-top: 0.5em;
  overflow-y: auto;
  overflow-x: hidden;
}
.xts-unitconfig > .section > .fields > * {
  width: 100%;
  overflow: hidden;
}
.xts-unitconfig > .section > .fields .field.edit-disabled {
  display: none;
}
.xts-unitconfig > .section > .fields .field.edit-disabled .when-edit-enabled,
.xts-unitconfig > .section > .fields .field.edit-disabled .ovr * {
  opacity: 0;
  pointer-events: none;
}
.xts-unitconfig > .section > .fields .field:not(.edit-disabled) .when-edit-disabled {
  display: none;
}
.xts-unitconfig > .section > .fields input.value-editor,
.xts-unitconfig > .section > .fields select.value-editor {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 2em;
  opacity: 1 !important;
  border-radius: 0 !important;
  text-indent: 0 !important;
}
.xts-unitconfig > .section > .fields input.value-editor.editable,
.xts-unitconfig > .section > .fields select.value-editor.editable {
  border: 1px solid #555;
}
.xts-unitconfig > .section > .fields input.value-editor:not(.editable),
.xts-unitconfig > .section > .fields select.value-editor:not(.editable) {
  border: 1px solid #dadada;
  background: white;
  color: black;
  -webkit-appearance: none;
  padding-left: 0.2em;
}
.xts-unitconfig > .section > .fields input.value-editor.fieldwidth-tiny,
.xts-unitconfig > .section > .fields select.value-editor.fieldwidth-tiny {
  width: 3em;
}
.xts-unitconfig > .section > .fields input.value-editor.fieldwidth-small,
.xts-unitconfig > .section > .fields select.value-editor.fieldwidth-small {
  width: 15em;
}
.xts-unitconfig > .section > .fields input.value-editor.fieldwidth-medium,
.xts-unitconfig > .section > .fields select.value-editor.fieldwidth-medium {
  width: 25em;
}
.xts-unitconfig > .section > .fields input.value-editor {
  padding-left: 0.2em;
}
.xts-unitconfig > .section > .fields table.fieldlist {
  width: 100%;
  border-collapse: separate;
}
.xts-unitconfig > .section > .fields table.fieldlist tr.field {
  /*&.overridden td.editor {
            > input, select {
               outline: 2px solid #FFCD8C;
               border: 1px solid #FFCD8C !important;
            }
         }*/
}
.xts-unitconfig > .section > .fields table.fieldlist tr.field td {
  border-top: 6px solid white;
  background: #F3F3F3;
}
.xts-unitconfig > .section > .fields table.fieldlist tr.field td.showhistory span:hover {
  text-decoration: underline;
  cursor: pointer;
}
.xts-unitconfig > .section > .fields table.fieldlist tr.fieldsection:not(:first-child) td {
  padding-top: 0.8em;
}
.xts-unitconfig > .section > .fields table.fieldlist tr.fieldsection td {
  font-size: 14px;
  font-weight: 700;
}
.xts-unitconfig > .section > .fields table.fieldlist tr.fieldsection td span.description {
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin-top: 0.2em;
}
.xts-unitconfig > .section > .fields table.fieldlist td.caption {
  width: 100%;
  padding: 0 0.6em;
}
.xts-unitconfig > .section > .fields table.fieldlist td.editor {
  padding: 0.3em;
  padding-right: 0.6em;
  text-align: right;
  white-space: nowrap;
}
.xts-unitconfig > .section > .fields table.fieldlist td.editor span.info {
  margin-right: 0.3em;
  font-style: italic;
  font-size: 0.9em;
}
.xts-unitconfig > .section > .fields table.fieldlist td.editor span.error {
  display: none;
  padding: 0 0.6em 0 0;
  width: 0.5em;
  position: relative;
  top: 3px;
}
.xts-unitconfig > .section > .fields table.fieldlist td.editor span.error.shown {
  display: inline-block;
}
.xts-unitconfig > .section > .fields table.fieldlist td.ovr {
  padding: 0 0.6em 0 0;
  min-width: 1em;
  text-align: center;
}
.xts-unitconfig div.erroricon,
.xts-unitconfig span.erroricon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: red;
}
.xts-unitconfig div.erroricon:before,
.xts-unitconfig span.erroricon:before {
  content: "\e101";
}
.xts-unitconfig div.ovrcheck {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: darkgray;
}
.xts-unitconfig div.ovrcheck:before {
  content: "\270f";
}
.xts-unitconfig div.ovrcheck.editable:hover {
  color: #bb8383;
}
.xts-unitconfig div.ovrcheck.checked {
  color: indianred;
}
.xts-unitconfig-wheelvaluegrid {
  text-align: center;
}
.xts-unitconfig-wheelvaluegrid table {
  table-layout: auto;
  width: 100%;
  text-align: left;
}
.xts-unitconfig-wheelvaluegrid table th {
  max-width: 8em;
  padding: 0.6em 0.5em;
  font-size: 14px;
  font-weight: 700;
  background-color: #F3F3F3;
}
.xts-unitconfig-wheelvaluegrid table tr:first-child th:not(:first-child):not(:last-child),
.xts-unitconfig-wheelvaluegrid table tr:nth-child(2) th:nth-child(even):not(:last-child),
.xts-unitconfig-wheelvaluegrid table td:nth-child(even):not(:last-child) {
  border-left: 1px solid #c7c7c7;
}
.xts-unitconfig-wheelvaluegrid table tr:nth-child(2) th {
  border-bottom: 1px solid #b4b4b4;
}
.xts-unitconfig-wheelvaluegrid table th.sensor-id {
  padding-left: 1.7em;
}
.xts-unitconfig-wheelvaluegrid table tr[data-position="-1"] td {
  background-color: #f0f8ff;
}
.xts-unitconfig-wheelvaluegrid table tr:nth-child(even) {
  background-color: #F3F3F3;
}
.xts-unitconfig-wheelvaluegrid table th.name {
  width: 10em;
}
.xts-unitconfig-wheelvaluegrid table td.name {
  padding: 0.25em 0.5em;
  width: 10em;
}
.xts-unitconfig-wheelvaluegrid table td.name span {
  margin-left: 0.25em;
}
.xts-unitconfig-wheelvaluegrid table th:not(:last-child),
.xts-unitconfig-wheelvaluegrid table td:not(:last-child) {
  white-space: nowrap;
  width: 8em;
}
.xts-unitconfig-wheelvaluegrid table th:last-child,
.xts-unitconfig-wheelvaluegrid table td:last-child {
  white-space: normal;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell {
  padding: 0.25em 0.5em;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value div.error {
  opacity: 0;
  display: inline-block;
  padding: 0 0.6em 0 0;
  width: 0.5em;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value div.error.shown {
  opacity: 1;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value.editable .editzone {
  border-color: black;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value .editzone {
  display: inline-block;
  border: 1px solid #dadada;
  background-color: white !important;
  padding: 1px 0.2em;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value span.placeholder {
  opacity: 0;
  pointer-events: none;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value input {
  border: none !important;
  background-color: white !important;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value span.state {
  opacity: 0;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value:hover span.state:not(.notshown) {
  opacity: 1;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value span.state.notshown {
  opacity: 0;
  pointer-events: none;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value div.ovr {
  display: inline-block;
  padding: 0 0.6em 0 0;
  width: 0.5em;
}
.xts-unitconfig-wheelvaluegrid table td.valuecell div.value div.ovr.notshown {
  opacity: 0;
  pointer-events: none;
}
.xts-unitconfig-wheelvaluegrid div.wheeldisplay {
  margin-top: 1em;
  display: inline-block;
  width: 12em;
  height: 12em;
}
.xts-unitconfig-history > .filters {
  display: flex;
  flex-flow: row nowrap;
  margin: 0.4em -0.4em;
}
.xts-unitconfig-history > .filters > .filter {
  margin: 0 0.4em;
  flex: 1;
}
.xts-unitconfig-history > .filters > .filter > .header {
  font-size: 16px;
  font-weight: 700;
}
.xts-unitconfig-history > .filters > .filter > .k-widget {
  width: 100%;
}
.xts-unitconfig-history > .nohistory {
  padding-top: 10em;
  text-align: center;
  font-style: italic;
}
.xts-unitconfig-history > .history {
  border: none;
  padding-left: 1px;
}
.xts-unitconfig-history > .history > .k-listview-content > .item {
  padding: 0.4em;
  margin-top: 0.5em;
  margin-bottom: 0.4em;
  background: #FFFBEE;
  border-top: 3px solid antiquewhite;
  border-top-color: #faebd7 !important;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > .who > .t {
  font-size: 16px;
  font-weight: 500;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > .comment > span {
  font-style: italic;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > table {
  width: 100%;
  margin-top: 0.4em;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > table td {
  padding: 0.2em 0.5em;
  border: 1px solid lightgray;
  background: white;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > table td.name {
  width: 24em;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > table td.target {
  width: 12em;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > table td.value.deleted {
  font-style: italic;
}
.xts-unitconfig-history > .history > .k-listview-content > .item > .disabledchanged {
  font-size: 16px;
  font-weight: 500;
}
.stand-out-button {
  background-color: antiquewhite !important;
}
.trow {
  display: table-row;
}
.tcell {
  display: table-cell;
}
.readonly {
  background-color: #f0eeeb !important;
}
.reporting-area {
  /* no good, weird kendo grid behaviour */
}
.reporting-area .tyresense-report td {
  font-size: 10pt;
  font-family: "Inconsolata", Monaco, monospace;
}
.reporting-area .tyresense-report {
  max-height: 50vh;
  overflow-x: auto;
}
.reporting-area .tyresense-report thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.reporting-area .vehicle-name {
  font-family: "Open Sans", "Roboto", "Source Sans Pro" !important;
  font-size: 14pt;
}
.reporting-area .highlight-text {
  color: black;
  background-color: #FAFAFA;
  font-family: "Inconsolata", Monaco, monospace;
}
.reporting-area .k-grid td {
  vertical-align: top !important;
}
.reporting-area .light-gray {
  color: gray;
}
.reporting-area .red-text {
  color: firebrick;
}
.reporting-area .tyresense-report a {
  color: #263238;
}
.reporting-area .light-blue-bg {
  background-color: #f3f8ff;
}
.reporting-area .slate-gray {
  color: slategray;
}
.reporting-area .light-blue-border {
  border-color: #4FC3F7;
}
.reporting-area .upper-border {
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #dddddd;
  padding-top: 2px;
}
.reporting-area .outer-content-item {
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 0px;
}
.reporting-area .inner-content-item {
  margin: 3px 0px 3px 0px;
  padding: 3px 0px 3px 6px;
  background-color: ghostwhite;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
}
.reporting-area .flex-button-row {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}
.reporting-area .flex-button-item {
  margin: 1px;
  text-align: center;
  flex-grow: 1;
}
.reporting-area .pie-chart {
  height: 500px;
  width: 550px;
  float: left;
}
.reporting-area .cycle-segment {
  stroke-width: 1px;
  fill: none;
}
.reporting-area .check-boxer {
  width: 15px;
  height: 15px;
}
.lefty {
  float: left;
  overflow: initial;
  margin-right: 20px;
  min-width: 200px;
}
.align-right {
  float: right;
}
.top-padding {
  padding-top: 5px !important;
}
.spacer {
  padding: 3px;
}
.padding5 {
  padding: 5px;
}
@page {
  margin: 0.15in;
  padding: 0;
  float: none !important;
}
@media print {
  .no-print {
    display: none;
    height: 0px;
  }
  body {
    width: 100% !important;
  }
  .body-content {
    border-top: 0px !important;
    top: 0px !important;
  }
  html,
  body,
  div {
    height: unset !important;
  }
  th {
    font-size: 7pt;
  }
  td,
  span {
    font-size: 8pt;
  }
  .reporting-area .tyresense-report {
    max-height: none;
  }
}
@media screen {
  .print-only {
    display: none;
    height: 0px;
  }
}
.datalog-area {
  height: 100%;
}
.datalog-area .title {
  padding: 0em;
  font-size: 18px;
  /*font-size: 0.94vw;*/
  /*text-size-adjust: 100%;*/
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  background-color: #dddddd;
  padding: 3px;
}
.datalog-area .gray-bottom-border {
  padding: 0.5em;
  border-bottom: 1px solid #dddddd;
}
.datalog-area .light-blue {
  background-color: #f3f8ff;
}
.datalog-area div.datalog-asset-picker {
  background-color: #f3f8ff;
  background-image: none;
}
.datalog-area div.datalog-asset-picker > div {
  background-color: #f3f8ff !important;
  border: none;
}
.datalog-area .wrapper,
.datalog-area html,
.datalog-area body {
  height: 100%;
  margin: 0;
}
.datalog-area .wrapper {
  display: flex;
  flex-direction: column;
}
.datalog-area .left-right-border {
  border-left: 2px solid #CAE0E9;
  border-right: 2px solid #CAE0E9;
}
.datalog-area .top-left-right-border {
  border-top: 2px solid #CAE0E9;
  border-left: 2px solid #CAE0E9;
  border-right: 2px solid #CAE0E9;
}
.datalog-area .plain-text {
  font-weight: normal !important;
}
.datalog-area hr {
  border: 0;
  height: 0;
  box-shadow: 0 0 6px 1px orange;
  margin-left: 10px;
  margin-right: 10px;
}
.datalog-area #options {
  position: relative;
}
.datalog-area #options span {
  position: absolute;
  top: 2px;
  right: 2px;
}
.datalog-area td {
  padding: 1px;
}
.datalog-area select {
  width: 100%;
}
.datalog-area .wide-table {
  width: 100%;
}
.datalog-area table,
.datalog-area th,
.datalog-area td {
  border: 0px solid purple;
}
.datalog-area .wheel-box {
  width: auto;
  border: 1px solid #F2F2F2;
  padding: 5px;
  margin: 5px;
}
.datalog-area .center {
  margin: auto;
  width: 99%;
  padding: 10px;
}
.datalog-area .right {
  float: right;
}
.datalog-area .center-div {
  margin: 0 auto;
  width: 99%;
  padding: 2px;
}
.datalog-area .outer {
  width: 90%;
  margin: 0 auto;
}
.datalog-area .inner {
  margin-left: 50px;
  /*margin-left: 2.5vw;*/
  margin-left: 1vw;
}
.reporting-area {
  overflow-y: auto;
  height: 100%;
  /* 
   cool, but Pawel doesn't like 'em 

   .white-box {
      box-shadow: 0px 0px 13px white;
   }

   .red-box {
      box-shadow: 0px 0px 13px red;
   }

   .orange-box {
      box-shadow: 0px 0px 13px orange;
   }

   .purple-box {
      box-shadow: 0px 0px 13px purple;
   }
*/
}
.reporting-area .plain-text {
  font-weight: normal !important;
}
.reporting-area .color-gray {
  color: lightgrey !important;
}
.reporting-area .warning-text {
  color: #ffb800;
}
.reporting-area .critical-text {
  color: #f84040;
}
.reporting-area .report-warning {
  border-bottom: solid #ffb800;
}
.reporting-area .report-critical {
  border-bottom: solid #f84040;
}
.reporting-area .report-cold-pressure {
  border-bottom: solid blue;
}
.reporting-area .report-transparent {
  border-bottom: thick solid transparent;
}
.reporting-area .first-column {
  font-weight: bold;
}
.reporting-area .align-right {
  text-align: right;
  padding: 3px;
  margin-top: 5px;
}
.reporting-area .selection-table {
  width: 800px;
}
.reporting-area th,
.reporting-area td {
  padding: 3px;
  text-align: left;
  vertical-align: middle;
}
.reporting-area .num {
  font-family: "Inconsolata";
}
.reporting-area .v-top {
  vertical-align: top !important;
  /* doesn't work */
}
.reporting-area .simple-button {
  background-color: transparent;
  border-color: transparent;
}
.reporting-area .spacer {
  padding: 7px;
  text-align: right !important;
}
.reporting-area .input-plain {
  border: 0;
  padding: 0px 1px 0px 1px;
}
.reporting-area .gray-border {
  border-style: solid;
  border-width: 1px;
  border-color: lightgray;
}
.reporting-area .orange-border {
  border-style: solid;
  border-width: 1px;
  border-color: orange;
}
.assets-area {
  height: 100%;
}
.assets-area div.tabstrip {
  border-style: none;
  height: 100%;
}
.assets-area div.tabstrip div.vehicletab {
  height: 100%;
}
.assets-area div.tabstrip div.vehicletab div.vehiclecontainer {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.assets-area div.tabstrip div.vehicletab div.vehiclecontainer div.assetinfo {
  display: flex;
  flex-direction: column;
}
.assets-area div.tabstrip div.vehicletab div.vehiclecontainer div.assetinfo div.assetdetails {
  height: 150px;
  background-color: lightgray;
}
.assets-area div.tabstrip .k-content {
  overflow: visible;
}
tr.xts-assetviewgrid-vehiclerow td.vehicle div.container {
  display: flex;
  align-items: center;
}
tr.xts-assetviewgrid-vehiclerow td.vehicle div.container span.serial {
  padding-left: 1em;
}
.xts-assetmodeleditor td.manufacturer .k-dropdown {
  width: 85% !important;
}
.xts-assetmodeleditor td.manufacturer button {
  width: 12% !important;
}
.xts-metadatavaluesgrid td:first-child {
  font-size: 14px;
  font-weight: 700;
}
::-webkit-scrollbar {
  width: 18px;
  width: 0.92vw;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #a3d4ff;
}
::-webkit-scrollbar-thumb {
  background: #dceeff;
  box-shadow: inset 0 0 6px #99d0ff;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: #dceeff;
  box-shadow: none;
}
.jobactivityindicator {
  color: white;
}
.jobactivityindicator:not(.show) {
  display: none;
}
.xts-buttonstrip {
  display: inline-block;
  overflow: visible;
}
.xts-buttonstrip > .xts-button {
  display: inline-block;
  position: relative;
  overflow: visible;
  /*
      &:hover {
         img {
            -webkit-filter: none;
            filter: none;
            width: 110% !important;
            height: 110% !important;
            left: -5%;
            top: -5%;
         }
      }

      &:active {
         > img {
            width: 96% !important;
            height: 96% !important;
            left: 2% !important;
            top: 2% !important;
         }
      }
*/
}
.xts-buttonstrip > .xts-button img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: left 50ms ease-in-out, top 50ms ease-in-out, width 50ms ease-in-out, height 50ms ease-in-out;
}
.xts-buttonstrip > .xts-button.state:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -3px;
}
.xts-buttonstrip > .xts-button.state.state-alert:after {
  background: url(/Content/images/buttons/states/alert.png);
}
.xts-buttonstrip > .xts-button.state.state-working:after {
  background: url(/Content/images/buttons/states/working.png);
}
.xts-buttonstrip.xts-buttonstrip24 > .xts-button {
  width: 24px;
  height: 24px;
}
.xts-buttonstrip.xts-buttonstrip24 > .xts-button.state:after {
  width: 20px;
  height: 20px;
}
.xts-buttonstrip.xts-buttonstrip24.xts-buttonstrip-horizontal {
  height: auto;
}
.xts-buttonstrip.xts-buttonstrip24.xts-buttonstrip-horizontal > .xts-button:not(:last-child) {
  margin-right: 11px;
}
.xts-buttonstrip.xts-buttonstrip24.xts-buttonstrip-vertical {
  width: 30px;
}
.xts-buttonstrip.xts-buttonstrip24.xts-buttonstrip-vertical > .xts-button:not(:last-child) {
  margin-bottom: 6px;
}
.xts-buttonstrip.xts-buttonstrip16 > .xts-button {
  width: 16px;
  height: 16px;
}
.xts-buttonstrip.xts-buttonstrip16 > .xts-button.state:after {
  width: 16px;
  height: 16px;
}
.xts-buttonstrip.xts-buttonstrip16.xts-buttonstrip-horizontal {
  height: 16px;
}
.xts-buttonstrip.xts-buttonstrip16.xts-buttonstrip-horizontal > .xts-button:not(:last-child) {
  margin-right: 4px;
}
.xts-buttonstrip.xts-buttonstrip16.xts-buttonstrip-vertical {
  width: 16px;
}
.xts-buttonstrip.xts-buttonstrip16.xts-buttonstrip-vertical > .xts-button:not(:last-child) {
  margin-bottom: 4px;
}
.xts-assetdisplay {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.xts-assetdisplay g.axle rect {
  fill: #404040;
}
.xts-assetdisplay g.wheel.dimmed {
  filter: url(#xts-wheeldisplay-filter-dimmed);
}
.xts-assetdisplay g.wheel g image.bgsel {
  visibility: hidden;
}
.xts-assetdisplay g.wheel g.selected image.bgsel {
  visibility: visible;
}
.xts-assetdisplay g.wheel g text {
  cursor: default;
  pointer-events: none;
  user-select: none;
  text-anchor: start;
  fill: #dddddd;
  stroke-width: 0;
}
.xts-assetdisplay g.wheel g text.wdes {
  font-weight: bold;
  font-size: 0.8em;
}
.xts-assetdisplay g.wheel g text.tag-title-1 {
  font-weight: bold;
  font-size: 0.5em;
}
.xts-assetdisplay g.wheel g text.tag-title-2 {
  font-size: 0.5em;
}
.xts-assetdisplay g.wheel g text.tag-title-3 {
  font-size: 0.4em;
}
.xts-wheeldisplay {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.xts-wheeldisplay g.axle rect {
  fill: #808080;
}
.xts-wheeldisplay g.wheel {
  pointer-events: all;
  fill: #57e657;
  stroke-width: 1;
  stroke: #a3d4ff;
}
.xts-wheeldisplay g.wheel.selected {
  stroke-width: 6;
  stroke: #5d49f3;
}
.xts-wheeldisplay g.wheel.dimmed {
  filter: url('#xts-wheeldisplay-filter-dimmed');
}
.xts-wheeldisplay g.wheel.disabled {
  fill: #cccccc !important;
}
.xts-wheeldisplay g.wheel.stale {
  fill: #eee !important;
}
.xts-wheeldisplay g.wheel.a-alertlevel-1 {
  fill: #ffb800;
}
.xts-wheeldisplay g.wheel.a-alertlevel-1:not(.a-unack) {
  fill: url(#xts-wheeldisplay-unack-1);
}
.xts-wheeldisplay g.wheel.a-alertlevel-2 {
  fill: #f84040;
}
.xts-wheeldisplay g.wheel.a-alertlevel-2:not(.a-unack) {
  fill: url(#xts-wheeldisplay-unack-2);
}
.xts-wheeldisplay g.wheel.a-alertlevel-2 text {
  fill: #eee;
}
.xts-wheeldisplay g.wheel .dataScopeFieldBaseStyles {
  pointer-events: none;
  cursor: default;
  user-select: none;
  text-anchor: middle;
  alignment-baseline: middle;
  font-weight: bold;
  font-size: 0.8em;
  stroke-width: 0;
  fill: #444;
}
.xts-wheeldisplay g.wheel text {
  pointer-events: none;
  cursor: default;
  user-select: none;
  text-anchor: middle;
  alignment-baseline: middle;
  font-weight: bold;
  font-size: 0.8em;
  stroke-width: 0;
  fill: #444;
}
.xts-wheeldisplay g.wheel foreignObject {
  pointer-events: none;
  cursor: default;
  user-select: none;
  text-anchor: middle;
  alignment-baseline: middle;
  font-weight: bold;
  font-size: 0.8em;
  stroke-width: 0;
  fill: #444;
  font-size: 0.7em;
}
.xts-wheeldisplay g.wheel foreignObject.a-alertlevel-1 {
  background: #ffb800;
}
.xts-wheeldisplay g.wheel foreignObject.a-alertlevel-2 {
  background: #f84040;
  color: #eee;
}
.xts-wheeldisplay g.wheel foreignObject .firefoxdiv {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.xts-wheeldisplay g.wheel foreignObject .firefoxdiv.a-alertlevel-1 {
  background: #ffb800;
  color: #eee;
}
.xts-wheeldisplay g.wheel foreignObject .firefoxdiv.a-alertlevel-2 {
  background: #f84040;
  color: #eee;
}
.xts-wheeldisplay g.wheel span.abrev {
  font-size: 0.6em;
  margin-left: 2px;
  opacity: 0.8;
}
.xts-wheeldisplay g.wheel .rounded-top-edges {
  border-radius: 4px 4px 0px 0px;
}
.xts-wheeldisplay g.wheel .rounded-bottom-edges {
  border-radius: 0px 0px 4px 4px;
}
.xts-wheeldisplay g.wheel text.ptc-smval {
  font-size: 1.1em;
}
.xts-provisioningnotifier > div.notifier {
  background-color: #ffd466;
  color: black;
  border-bottom: 4px solid #ffb800;
  padding: 0.5em 1em;
}
.xts-provisioningnotifier > div.notifier > .notice {
  font-size: 16px;
  font-weight: 500;
}
.xts-provisioningnotifier > div.notifier > .items > .item {
  cursor: pointer;
  color: dodgerblue;
  white-space: nowrap;
}
.xts-provisioningnotifier > div.notifier > .items > .item:hover {
  text-decoration: underline;
}
.xts-fieldpair > div.fp-header {
  font-size: 16px;
  font-weight: 500;
}
.xts-fieldpair > .fp-field {
  width: 40em;
}
.xts-unitprovisioner {
  display: flex;
  flex-flow: column nowrap;
}
.xts-unitprovisioner > div.info-maindata {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 0.6em;
}
.xts-unitprovisioner > div.info-maindata > div.info {
  font-size: 16px;
  font-weight: 700;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename {
  margin-top: 0.5em;
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder {
  position: relative;
  width: 8em;
  height: 4em;
  margin-top: -0.3em;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7em;
  height: 7em;
  overflow: hidden;
  background: transparent;
  /*       border-bottom: 2px solid #BDE0FF; */
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 7em;
  height: 7em;
  overflow: hidden;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 7em;
  height: 7em;
  fill: transparent;
  shape-rendering: crispEdges;
  /*
            > .online {
               opacity: 0.9;
            }

            > .offline {
               opacity: .4;
            }
               */
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .overlap {
  filter: drop-shadow(0px 2px 0px #fff);
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .overlap-up {
  filter: drop-shadow(0px -2px 0px #fff);
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .back {
  pointer-events: all;
  fill: transparent;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .frame {
  fill: none;
  stroke-width: 0.5px;
  stroke: #929292;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .namebg {
  pointer-events: all;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .progress {
  stroke: #a2ee88;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .progressbg {
  stroke: #282828;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1 {
  filter: url('#alertlevel1-filter');
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-1.ack {
  mask: url('#ackmask');
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2 {
  filter: url('#alertlevel2-filter');
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > .vehicletype.alertlevel-2.ack {
  mask: url('#ackmask');
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > svg > image {
  /*margin-top: -0.2em;*/
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > .textwrap {
  width: 7em;
  font-family: "Open Sans", "Roboto", "Source Sans Pro";
  stroke: none;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > .textwrap > .speedtext {
  font-size: 11px;
  fill: #333333;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > .textwrap > foreignObject > .nametext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 15px;
  fill: #333333;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.iconholder .xts-vehicleicon > div.icon > .textwrap > foreignObject div > span {
  font-size: 11px;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > :not(:first-child) {
  margin-left: 0.5em;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector {
  display: flex;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector.modelselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector.modelselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector.modelselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector.configselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector.configselector,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector.configselector {
  padding-top: 5px;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector > div.fp-header,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector > div.fp-header,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector > div.fp-header {
  padding-top: 6px;
  padding-right: 5px;
  text-align: right;
  width: 6em;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector .fp-field,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector .fp-field,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector .fp-field,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec > div.vehicleselector xts-fieldpair,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.modelselector xts-fieldpair,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehiclespec div.configselector xts-fieldpair {
  width: 18em;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid > div.vehiclename,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid div.vehicleserial {
  display: flex;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid > div.vehiclename.vehicleserial,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid div.vehicleserial.vehicleserial {
  padding-top: 5px;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid > div.vehiclename > div.fp-header,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid div.vehicleserial > div.fp-header {
  padding-top: 6px;
  padding-right: 5px;
  text-align: right;
  width: 6em;
}
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid > div.vehiclename > input.fp-input-field,
.xts-unitprovisioner > div.info-maindata > div.icon-modelselector-vehiclename > div.vehicleid div.vehicleserial > input.fp-input-field {
  width: 18em;
}
.xts-unitprovisioner #discard-button {
  align-self: flex-start;
  margin-top: 6px;
}
.xts-unitprovisioner > div.locselector {
  visibility: collapse;
  margin-top: 6px;
  display: flex;
}
.xts-unitprovisioner > div.locselector > div.fp-header {
  padding-top: 6px;
  padding-right: 5px;
}
.xts-unitprovisioner > div.locselector > .fp-field {
  width: 18em;
}
.xts-unitprovisioner > div.positions-assets {
  flex: 1;
  margin-top: 0.5em;
  display: flex;
  flex-flow: row nowrap;
}
.xts-unitprovisioner > div.positions-assets > div.positions {
  flex: 2;
  display: flex;
  flex-flow: column nowrap;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list {
  flex: 1;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item {
  display: flex;
  border-bottom: 1px dotted #777777;
  padding: 0.5rem;
  height: 3em;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > .header {
  font-size: 14px;
  font-weight: 700;
  width: 7rem;
  padding-left: 1rem;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.sensorspec {
  width: 22rem;
  padding-top: 2px;
  border-left: 1px solid #cccccc;
  padding-left: 1rem;
  padding-right: 1rem;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.sensorspec > div.firstrow > .k-radio:focus {
  outline: none !important;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.sensorspec > div.firstrow > span.source {
  float: right;
  font-style: italic;
  padding-top: 2px;
  color: #999999;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.sensorspec > div.secondrow {
  padding-top: 5px;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.sensorspec > div.secondrow > span.conflict {
  color: #FF3333;
}
.xts-unitprovisioner > div.positions-assets > div.positions > div.list div.item > div.nosensor {
  width: 7rem;
  padding-top: 2px;
  border-left: 1px solid #cccccc;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
}
.xts-unitprovisioner > div.positions-assets > div.unassigned-sensors {
  flex: 1;
  margin-left: 0.5em;
  display: flex;
  flex-flow: column nowrap;
}
.xts-unitprovisioner > div.positions-assets > div.unassigned-sensors > div.list {
  flex: 1;
}
.xts-unitprovisioner > div.positions-assets > div.unassigned-sensors > div.list div.item {
  padding: 0.5em;
}
.xts-unitprovisioner div.assetinfo {
  height: 3em;
}
.xts-unitprovisioner div.assetinfo > .serial > .value {
  font-family: "Inconsolata";
}
.xts-unitprovisioner div.assetinfo > .manu {
  font-size: 0.9em;
}
.xts-assetmodelpicker {
  display: flex;
  flex-flow: column nowrap;
  height: 99%;
}
.xts-assetmodelpicker > div:not(:first-child) {
  margin-top: 0.5em;
}
.xts-assetmodelpicker .typelist label {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}
.xts-assetmodelpicker .searchbox input {
  width: 40em;
}
.xts-assetmodelpicker .manufacturers {
  flex: 1;
}
.xts-assetmodelpicker .models {
  flex: 2;
  cursor: default;
}
.xts-assetmodelpicker .models .k-grid td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xts-assetmodelpicker .models .k-grid .k-grid-header th {
  white-space: normal;
}
.xts-assetpicker {
  display: flex;
  flex-flow: column nowrap;
  height: 99%;
}
.xts-assetpicker > div:not(:first-child) {
  margin-top: 0.5em;
}
.xts-assetpicker .typelist label {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}
.xts-assetpicker .results {
  flex: 2;
  cursor: default;
}
.xts-assetpicker .results > .gridcontainer > .grid {
  height: 100%;
}
.xts-assetpicker .results > .gridcontainer > .grid.k-editable tr:not(:hover):not(.k-grid-edit-row) td:last-child a {
  display: none;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content {
  overflow-y: scroll;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content td,
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content th {
  white-space: nowrap;
  padding-right: 12px;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content td span.k-input {
  padding-top: 1px;
  padding-bottom: 1px;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content td:last-child {
  height: 26px;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content a.k-button {
  padding-top: 0;
  padding-bottom: 0;
}
.xts-assetpicker .results > .gridcontainer > .grid .k-grid-content a.k-button span {
  margin-top: 2px;
}
.xts-assetpicker .results .k-grid td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.xts-assetpicker .results .k-grid .k-grid-header th {
  white-space: normal;
}
.xts-slideout {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9998;
}
.xts-slideout div.main {
  pointer-events: visiblePainted;
  position: absolute;
  width: 0;
  height: 50px;
  padding-right: 2px;
}
.xts-slideout div.main div.shadowrect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: rgba(68, 68, 68, 0.3) 2px 2px;
  border: 0px solid #666;
  border-radius: 0 3px 3px 0;
  opacity: 0;
}
.xts-slideout div.main div.rect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #b4ff7df0;
  border: 1px solid #999999;
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
}
.xts-slideout div.main div.buttons {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0.7em;
  height: 2.2em;
  margin-left: 0.5em;
}
.xts-slideout div.main div.buttons > .xts-button {
  width: 30px;
  height: 30px;
}
.xts-slideout div.main div.buttons > .xts-button img {
  width: 30px;
  height: 30px;
}
.xts-slideout div.main div.buttons > .xts-button.events img {
  margin-top: 1px;
}
.xts-slideout div.main div.buttons > .xts-button.datalog img {
  margin-top: -1px;
}
.xts-slideout div.main div.infotext {
  pointer-events: none;
  bottom: 0;
  opacity: 0;
  margin-bottom: -1.6em;
  position: absolute;
  width: 100%;
  background: #555555;
  color: whitesmoke;
  height: 1.4em;
  font-size: 9pt;
  font-weight: 600;
  text-align: center;
  padding-top: 3px;
  border-radius: 0 0 3px 0;
}
.xts-slideout div.main span.glyphicon {
  position: absolute;
  display: block;
  right: 3px;
  font-size: 10px;
  top: 18px;
}
.xts-slideout.expanded div.main div.buttons {
  display: flex;
  flex-direction: row;
}
.xts-slideout.expanded div.main span.glyphicon {
  visibility: hidden;
  opacity: 0;
}
.xts-systemdashboard {
  background: #ffffff;
  display: flex;
  flex-flow: row nowrap;
}
.xts-systemdashboard > .controls {
  width: 500px;
  margin: 1em 2em 2em 2em;
  overflow-y: auto;
  cursor: default;
}
.xts-systemdashboard > .controls .item {
  padding: 0.2em 0.5em;
  border-bottom: 1px solid #ddd;
}
.xts-systemdashboard > .controls .item .name {
  font-size: 16px;
  font-weight: 500;
}
.xts-systemdashboard > .controls .item .attention {
  font-size: 13px;
  font-weight: normal;
}
.xts-systemdashboard > .controls .item .loading {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}
.xts-systemdashboard > .control-holder {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  padding: 1em 2em 2em 2em;
  border-left: 1px solid #a3d4ff;
  background: #ffffff;
}
.xts-systemdashboard-unitsneedingclients {
  display: flex;
  flex-flow: column nowrap;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer {
  width: 500px;
  flex: 1;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .prompt {
  background: white;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content {
  overflow-y: auto;
  cursor: default;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item {
  padding: 0.2em 0.5em;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #ddd;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item > .info {
  flex: 1;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item > .info > .name {
  font-size: 16px;
  font-weight: 500;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item > .info > .serial,
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item > .info > .time {
  font-size: 13px;
  font-weight: normal;
}
.xts-systemdashboard-unitsneedingclients > .headercontainer > .content > .k-listview-content .item > .action {
  margin-right: 1em;
  align-self: center;
}
.xts-systemdashboard-unitsneedingclients > .actions {
  margin-top: 0.5em;
  align-self: flex-end;
}
.xts-systemdashboard-unc-assignclient {
  width: 400px;
}
.xts-listview-actionitem {
  padding: 0.4em 0.5em !important;
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #ddd;
}
.xts-listview-actionitem > .info {
  flex: 1;
}
.xts-listview-actionitem > .info > .name {
  font-size: 16px;
  font-weight: 500;
}
.xts-listview-actionitem > .info .detail {
  font-size: 13px;
  font-weight: normal;
}
.xts-listview-actionitem > .info .detail.emphatic {
  font-style: italic;
}
.xts-listview-actionitem > .action {
  align-self: center;
}
.xts-listview-actionitem > .action.right {
  text-align: right;
}
.xts-listview-actionitem > .action.pad-left {
  margin-left: 10px;
}
.xts-listview-actionitem > .action > .date {
  font-size: 90%;
  font-style: italic;
  color: #999;
  margin-bottom: 4px;
}
.xts-systemdashboard-clientmanager,
.xts-systemdashboard-noticemanager,
.xts-systemdashboard-firmwaremanager {
  display: flex;
  flex-flow: column nowrap;
}
.xts-systemdashboard-clientmanager > .headercontainer,
.xts-systemdashboard-noticemanager > .headercontainer,
.xts-systemdashboard-firmwaremanager > .headercontainer {
  flex: 1;
}
.xts-systemdashboard-clientmanager > .headercontainer > .content,
.xts-systemdashboard-noticemanager > .headercontainer > .content,
.xts-systemdashboard-firmwaremanager > .headercontainer > .content {
  overflow-y: auto;
  cursor: default;
}
.xts-systemdashboard-clientmanager > .actions,
.xts-systemdashboard-noticemanager > .actions,
.xts-systemdashboard-firmwaremanager > .actions {
  margin-top: 0.5em;
  align-self: flex-end;
}
.xts-systemdashboard-clientmanager ::-webkit-scrollbar,
.xts-systemdashboard-noticemanager ::-webkit-scrollbar,
.xts-systemdashboard-firmwaremanager ::-webkit-scrollbar {
  width: 14px !important;
}
.xts-systemdashboard-clientmanager > .headercontainer {
  width: 500px;
}
.xts-systemdashboard-noticemanager > .headercontainer {
  width: 575px;
}
.xts-systemdashboard-firmwaremanager > .headercontainer {
  width: 900px;
}
.xts-systemdashboard-cm-edit {
  width: 400px;
}
.xts-kendo-validationmsg-hover.k-invalid {
  border-color: red;
}
.xts-kendo-validationmsg-hover.k-invalid:hover {
  border-color: red;
}
.k-widget.k-tooltip.xts-kendo-validationtooltip {
  margin-left: 10px;
  border: 1px solid lightcoral;
  background-color: lightcoral;
  color: white;
  text-align: left;
}
.k-widget.k-tooltip.xts-kendo-validationtooltip .k-callout-w {
  border-right-color: lightcoral;
  margin-top: -6px;
}
.xts-unitprovisioner-vehiclemodelitem.matches-wheels {
  font-weight: 500;
}
.xts-apploader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background-color: #999999;
  padding-top: 200px;
}
.xts-apploader div.box {
  margin: 0 auto;
  color: #EEE;
  width: 160px;
  position: relative;
}
.xts-apploader div.box img {
  position: absolute;
  height: 137px;
  width: 160px;
}
.xts-workordereditor {
  display: flex;
  flex-flow: column nowrap;
}
.xts-workordereditor > div.lists {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
}
.xts-workordereditor > div.lists > div.groupings {
  flex: 1;
  min-width: 15em;
}
.xts-workordereditor > div.lists > div.operations {
  flex: 4;
  margin-left: 1em;
}
.xts-workordereditor > div.lists > div.buttons {
  flex: 1;
  margin-left: 1em;
  display: flex;
  flex-flow: row nowrap;
}
.xts-workordereditor > div.lists > div.buttons > button {
  margin-left: 1em;
}
button.k-button-fake-active-border {
  box-shadow: inset 0 0 3px 1px #59cfff !important;
}
body.xts label,
body.xts .label {
  font-size: 14px;
  font-weight: 700;
}
body.xts .alert.alert-short {
  padding: 8px 15px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: default !important;
}
table.fieldset .k-widget {
  border-radius: 4px;
}
.k-dropdown > .k-dropdown-wrap > .k-input {
  background: white;
}
.k-multiselect > .k-multiselect-wrap > ul > li {
  background: white;
}
.k-i-help {
  font-family: 'Glyphicons Halflings';
  background-image: none !important;
  font-size: 14px !important;
  padding-top: 8px !important;
}
.k-i-help:before {
  content: "\e085";
}
.k-window {
  box-shadow: #cccccc 0px 0px 10px 5px;
}
.k-window-titlebar .k-i-help:before,
.k-window-titlebar .k-i-close:before {
  zoom: 1.5;
}
.k-window-titlebar .k-icon {
  width: 2em !important;
  height: 2em !important;
}
.k-window-titlebar .k-window-action {
  margin-left: 10px;
}
.k-button-checked {
  background-color: #9fcee2 !important;
  font-weight: 500 !important;
}
.k-grid .k-pager-wrap {
  line-height: 1.3em;
}
.k-grid .k-pager-wrap .k-link {
  height: 1.3em !important;
  line-height: 1.3em !important;
  min-width: 1.3em !important;
}
.k-grid .k-pager-wrap .k-pager-numbers .k-selected {
  min-width: 1.3em !important;
}
.k-edit-form-container .k-edit-field:not([data-container-for]) {
  padding-top: 0.4em;
}
.k-button span.k-icon {
  pointer-events: all;
}
.navbar-help {
  float: right;
  margin-right: 15px;
}
.navbar-help .help-btn:focus {
  outline: none !important;
}
input.imagecheckbox[type="checkbox"] {
  display: none;
}
input.imagecheckbox[type="checkbox"] + label {
  margin-bottom: 0;
  margin-left: -1px;
  margin-top: 2px;
  font-weight: normal;
}
input.imagecheckbox[type="checkbox"] + label:before {
  content: "\e157";
  /* character: space */
  font-family: 'Glyphicons Halflings';
  height: 16px;
  width: 16px;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  margin-right: 10px;
  padding: 0 0 0 0px;
  text-align: center;
}
input.imagecheckbox[type="checkbox"]:checked + label:before {
  content: "\e067";
}
input.imagecheckbox[type="checkbox"]:enabled + label:hover {
  text-shadow: 0px 0px 2px royalblue;
}
input.imagecheckbox[type="checkbox"]:disabled + label:before {
  color: #999;
}
input.imagecheckbox.disabledisunchecked[type="checkbox"]:checked:disabled + label:before {
  content: "\e157";
  /* character: space */
}
#area-manager-edit {
  height: 90%;
  width: 100%;
}
#area-manager-edit ::-webkit-scrollbar {
  width: 14px !important;
}
.k-listview-item {
  border-bottom-width: 1px !important;
  border-color: #ddd !important;
}
.k-selected {
  border-bottom-width: 0px !important;
  border-color: none !important;
}
.k-virtual-scrollable-wrap td {
  font-size: 14px;
  white-space: nowrap;
  line-height: 13px;
}
.k-virtual-scrollable-wrap tr td {
  height: 15px;
}
input[data-required="true"]::placeholder,
textarea[data-required="true"]::placeholder {
  color: red;
  opacity: 0.5;
}
td[data-required="true"] {
  border: 1px solid red !important;
}
#group-membership-roles td {
  width: auto !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: unset !important;
  padding-left: 5px !important;
}