@font-face {
  font-family: SourceSansPro;
  src: url('/fonts/SourceSansPro-Regular.otf') format("opentype");
}
@font-face {
  font-family: SourceSansPro;
  font-weight: bold;
  src: url('/fonts/SourceSansPro-Bold.otf') format("opentype");
}
@font-face {
  font-family: SourceSansPro;
  font-weight: 600;
  src: url('/fonts/SourceSansPro-Bold.otf') format("opentype");
}
@font-face {
  font-family: SourceSansPro;
  font-weight: 300;
  src: url('/fonts/SourceSansPro-Light.otf') format("opentype");
}
.smal-icon {
  height: 15px;
}
.mid-icon {
  height: 24px;
}
.base-icon {
  height: 20px;
}
.large-icon {
  height: 32px;
}
html,
body {
  height: 100%;
}
body.print {
  overflow: auto ! important;
}
body {
  margin: 0px;
  overflow: hidden;
}
body,
div,
p,
td,
th,
span,
a,
li,
label,
input,
select,
textarea,
text,
button {
  fill: #402b82;
  color: #4d4d4d;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  line-height: normal;
  font-family: SourceSansPro;
}
body:hover,
div:hover,
p:hover,
td:hover,
th:hover,
span:hover,
a:hover,
li:hover,
label:hover,
input:hover,
select:hover,
textarea:hover,
text:hover,
button:hover {
  color: #1e1e1e;
}
table {
  border-spacing: 0px;
  border-collapse: separate;
}
td,
tr {
  margin: 0;
  padding: 0;
  border: 0;
}
.notextselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input.input-error {
  background-color: #fb9362 ! important;
}
table {
  page-break-after: auto;
}
tr {
  page-break-inside: avoid;
  page-break-after: auto;
}
td {
  page-break-inside: avoid;
  page-break-after: auto;
}
thead {
  display: table-header-group;
}
tfoot {
  display: table-footer-group;
}
.cursor-pointer {
  cursor: pointer;
}
input:focus {
  outline: none;
  border: none;
}
input {
  outline: none;
  border: none;
}
.arrow:before {
  content: "▲";
}
.arrow.down {
  transform: rotate(180deg);
}
.arrow.right {
  transform: rotate(90deg);
}
.arrow.left {
  transform: rotate(-90deg);
}
body {
  min-width: 980px;
  overflow-x: auto;
  position: relative;
}
.boxed {
  border: 1px solid #402b82;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
}
.ui-logo {
  text-align: center;
  position: absolute;
  top: 0;
  left: 10px;
  padding: 3px;
  border: 1px solid #402b82;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  width: 135px;
  cursor: pointer;
  z-index: 100;
}
.ui-logo img {
  cursor: pointer;
  height: 38px;
}
.button.disabled,
button.disabled,
.button.disabled > .label {
  color: #e5e5e5 ! important;
  border-color: #e5e5e5 ! important;
  background-color: white ! important;
}
.submit-button.disabled {
  background-color: #e5e5e5;
}
.button,
.submit.button,
button {
  background-color: white;
  min-width: 70px;
  margin: 3px;
  border-radius: 5px;
  color: #402b82;
  border: 1px solid #402b82;
  height: 27px;
  cursor: pointer;
  line-height: 27px;
  padding: 0 5px;
}
.button,
.submit.button,
button,
.button > .label {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: SourceSansPro;
  text-align: center;
}
.button:hover,
.submit.button:hover,
button:hover {
  background-color: #1f1947;
  border: 1px solid #1f1947;
  color: white;
}
.submit.button,
.submit.button > .label {
  background-color: #402b82;
  color: white;
}
.glass {
  background: rgba(221, 221, 221, 0.4);
  z-index: 100;
}
.amChartsLegend {
  height: 100% ! important;
  overflow-y: auto ! important;
  overflow-x: hidden ! important;
  top: 0px ! important;
}
.ps-container {
  position: relative;
}
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.9 ! important;
  width: 3px ! important;
  background-color: #eee ! important;
  right: 2px ! important;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  cursor: pointer;
  width: 3px ! important;
}
.ps-container > .ps-scrollbar-x-rail {
  opacity: 0.9 ! important;
  width: 3px ! important;
  background-color: #eee ! important;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  cursor: pointer;
  width: 3px ! important;
}
.input-wrap {
  border-bottom: 1px solid #402b82;
  height: 25px;
}
.input-wrap > .input {
  font-family: SourceSansPro;
  font-weight: bolder;
  font-size: 14px;
  margin-top: 1px;
  height: 20px;
  color: #4d4d4d;
  width: 100%;
}
.icon-label > .label {
  display: inline-block;
  padding-left: 10px;
}
.icon-label.after > .label {
  padding-left: 0px;
  padding-right: 10px;
}
.input-wrapper {
  border-bottom: 1px solid #402b82;
  margin-bottom: 1px;
}
.input-wrapper input {
  font-size: 14px;
  font-weight: 300;
}
.input-wrapper input.error {
  color: #fb9362;
}
.input-wrapper .icon {
  display: inline-block;
  font-size: 4px;
  vertical-align: top;
  line-height: 20px;
  color: #4d4d4d;
}
.input-wrapper .icon:hover {
  color: #1e1e1e;
}
@font-face {
  font-family: 'effytrack';
  src: url('/fonts/effytrack.eot?173696');
  src: url('/fonts/effytrack.eot?173696#iefix') format('embedded-opentype'), url('/fonts/effytrack.ttf?173696') format('truetype'), url('/fonts/effytrack.woff?173696') format('woff'), url('/fonts/effytrack.svg?173696#effytrack') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon {
  font-family: 'effytrack' ! important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #402b82;
}
.icon:hover {
  color: #1f1947;
}
.iconlabel:before {
  font-family: 'effytrack' ! important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #402b82;
}
.iconlabel:hover:before {
  color: #1f1947;
}
.i-pencil:before {
  content: "\e930";
}
.i-pencil-a:after {
  content: "\e930";
}
.i-config:before {
  content: "\e929";
}
.i-clone:before {
  content: "\e928";
}
.i-email:before {
  content: "\e927";
}
.i-radio-on:before {
  content: "\e91f";
}
.i-radio-off:before {
  content: "\e920";
}
.i-direction:before {
  content: "\e91e";
}
.i-object-back:before {
  content: "\e91d";
}
.i-cleaning:before {
  content: "\e918";
}
.i-gritting:before {
  content: "\e919";
}
.i-working:before {
  content: "\e91a";
}
.i-event:before {
  content: "\e91b";
}
.i-nodata:before {
  content: "\e91c";
}
.i-checkbox-off:before {
  content: "\e916";
}
.i-checkbox-on:before {
  content: "\e917";
}
.i-group-select:before {
  content: "\e915";
}
.i-status:before {
  content: "\e900";
}
.i-events:before {
  content: "\e901";
}
.i-history:before {
  content: "\e902";
}
.i-report:before {
  content: "\e903";
}
.i-effyzone:before {
  content: "\e904";
}
.i-layer:before {
  content: "\e906";
}
.i-minus:before {
  content: "\e907";
}
.i-plus:before {
  content: "\e908";
}
.i-fit-zoom:before {
  content: "\e909";
}
.i-close:before {
  content: "\e90a";
}
.i-user:before {
  content: "\e90b";
}
.i-help:before {
  content: "\e90c";
}
.i-interval:before {
  content: "\e90d";
}
.i-drop-down:before {
  content: "\e90e";
}
.i-drop-down.after:before {
  content: none;
}
.i-drop-down.after:after {
  content: "\e90e";
}
.i-calendar:before {
  content: "\e90f";
}
.i-group:before {
  content: "\e910";
}
.i-order:before {
  content: "\e911";
}
.i-mark:before {
  content: "\e912";
}
.i-search:before {
  content: "\e913";
}
.i-object:before {
  content: "\e914";
}
.i-first:before {
  content: "\e921";
}
.i-previous2:before {
  content: "\e922";
}
.i-next2:before {
  content: "\e923";
}
.i-loop2:before {
  content: "\e924";
}
.i-estart:before {
  content: "\e925";
}
.i-eend:before {
  content: "\e926";
}
div#notification-area {
  position: absolute;
  bottom: 2px;
  right: 2px;
  z-index: 1000;
}
.other-report-view {
  height: 100%;
  vertical-align: top;
  white-space: nowrap;
}
.other-report-view .other-report-list-wrapper,
.other-report-view .other-report-settings-view-wrapper {
  display: inline-block;
}
.other-report-view .other-report-list {
  width: 200px;
}
.other-report-view .other-report-settings-view-wrapper {
  background-color: rgba(242, 216, 144, 0.5);
  padding: 3px;
  width: -moz-calc(100% - 203px);
  width: -webkit-calc(100% - 203px);
  width: calc(100% - 203px);
  height: 100%;
}
.other-report-view .other-report-name {
  padding: 3px;
  cursor: pointer;
}
.other-report-view .other-report-name.selected {
  font-weight: bolder;
}
.daily-status-settings,
options-list {
  height: 100%;
  width: 100%;
}
.daily-status-settings .setting-wrapper,
options-list .setting-wrapper {
  height: -moz-calc(100% - 26px);
  height: -webkit-calc(100% - 26px);
  height: calc(100% - 26px);
  width: 100%;
  overflow-x: hidden!important;
}
.daily-status-settings .title,
options-list .title {
  text-align: center;
  background-color: #f2d890;
}
.daily-status-settings .report-genetating,
options-list .report-genetating {
  display: inline;
  color: #fb9362;
}
.daily-status-settings .report-name,
options-list .report-name {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding-right: 3px;
}
.daily-status-settings .setting,
options-list .setting {
  display: table;
  border-spacing: 3px;
  border-collapse: separate;
  width: 100%;
}
.daily-status-settings .time-selection .option,
options-list .time-selection .option {
  width: 100%;
}
.daily-status-settings .time-selection .option .values.time,
options-list .time-selection .option .values.time {
  width: 100%;
  text-align: center;
}
.daily-status-settings .time-selection .option > span > label,
options-list .time-selection .option > span > label {
  padding-right: 3px;
}
.daily-status-settings .object-selection .object-selection-list,
options-list .object-selection .object-selection-list {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.daily-status-settings .object-selection .object-selection-list > div,
options-list .object-selection .object-selection-list > div {
  display: table-cell;
  vertical-align: top;
}
.daily-status-settings .object-selection .group-list,
options-list .object-selection .group-list {
  width: 100px;
}
.daily-status-settings .object-selection .object-list,
options-list .object-selection .object-list {
  background-color: white;
  border: 1px solid #402b82;
  border-radius: 0 10px 10px 10px;
}
.daily-status-settings .object-selection .object-list .selectable-list,
options-list .object-selection .object-list .selectable-list {
  overflow: auto;
  height: 300px;
  width: 250px;
}
.daily-status-settings .object-selection .object-list .selectable-list .object-view:first-of-type,
options-list .object-selection .object-list .selectable-list .object-view:first-of-type {
  border-top: 1px solid #402b82;
}
.daily-status-settings .object-selection .object-filter,
options-list .object-selection .object-filter {
  display: table-row;
}
.daily-status-settings .object-selection .object-filter > *,
options-list .object-selection .object-filter > * {
  display: table-cell;
  vertical-align: middle;
}
.daily-status-settings .object-selection .object-filter .base-input,
options-list .object-selection .object-filter .base-input {
  width: 200px;
}
.daily-status-settings .object-selection .object-filter img,
options-list .object-selection .object-filter img {
  cursor: pointer;
  width: 15px;
  vertical-align: middle;
}
.daily-status-settings .object-selection .object-selection-control .object-count > div,
options-list .object-selection .object-selection-control .object-count > div {
  font-weight: bold;
  display: table-cell;
}
.daily-status-settings .gwt-DisclosurePanel,
options-list .gwt-DisclosurePanel {
  width: 100%;
  padding: 3px 0;
}
.daily-status-settings .gwt-DisclosurePanel .header,
options-list .gwt-DisclosurePanel .header {
  width: 100%;
  height: 21px;
}
.daily-status-settings .gwt-DisclosurePanel-open .header,
options-list .gwt-DisclosurePanel-open .header {
  background-color: #f2d890;
}
.daily-status-settings .gwt-DisclosurePanel-closed .header,
options-list .gwt-DisclosurePanel-closed .header {
  background-color: rgba(242, 216, 144, 0.5);
}
.daily-status-settings .other-options .options,
options-list .other-options .options {
  display: table;
  width: 100%;
}
.daily-status-settings .speedsheet-options,
options-list .speedsheet-options {
  white-space: normal;
}
.daily-status-settings .speed,
options-list .speed,
.daily-status-settings .duration,
options-list .duration {
  display: table-row;
}
.daily-status-settings .speed > *,
options-list .speed > *,
.daily-status-settings .duration > *,
options-list .duration > * {
  display: table-cell;
  vertical-align: middle;
}
.daily-status-settings .gwt-CheckBox,
options-list .gwt-CheckBox {
  display: inline-block;
  width: 100%;
}
.daily-status-settings .gwt-CheckBox input,
options-list .gwt-CheckBox input {
  float: right;
  padding: 3px;
  margin-top: 4px;
}
.daily-status-settings .gwt-CheckBox label,
options-list .gwt-CheckBox label {
  width: -moz-calc(100% - 27px);
  width: -webkit-calc(100% - 27px);
  width: calc(100% - 27px);
  float: left;
  padding: 3px;
}
.object-dailystatus-data .header {
  background-color: initial;
  vertical-align: top;
  text-shadow: #f2d890 1px 1px 0;
  border-bottom: 1px solid #402b82;
  color: #402b82;
  padding: 0;
  white-space: normal;
}
.object-dailystatus-data .header > div:first-of-type {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.object-dailystatus-data .header > div:first-of-type .header-text {
  padding: 3px 0;
  background-color: #f2d890;
  height: -moz-calc(100% - 21px);
  height: -webkit-calc(100% - 21px);
  height: calc(100% - 21px);
}
.object-dailystatus-data .header > div:first-of-type .header-value {
  white-space: nowrap;
}
.report-data {
  border-collapse: collapse;
  border: 1px solid #402b82;
}
.report-data tr,
.report-data td {
  border: 1px solid #402b82;
  padding: 3px;
}
.daily-status-setting,
.trip-report-setting {
  overflow: auto;
  width: 100%;
}
.daily-status-setting .gwt-DisclosurePanel,
.trip-report-setting .gwt-DisclosurePanel {
  width: 100%;
  padding: 3px 0;
}
.daily-status-setting .gwt-DisclosurePanel .header,
.trip-report-setting .gwt-DisclosurePanel .header {
  width: 100%;
  height: 21px;
}
.daily-status-setting .gwt-DisclosurePanel-open .header,
.trip-report-setting .gwt-DisclosurePanel-open .header {
  background-color: #f2d890;
}
.daily-status-setting .gwt-DisclosurePanel-closed .header,
.trip-report-setting .gwt-DisclosurePanel-closed .header {
  background-color: rgba(242, 216, 144, 0.5);
}
.daily-status-setting .content,
.trip-report-setting .content {
  white-space: normal;
  padding: 3px;
}
.daily-status-setting .speed,
.trip-report-setting .speed,
.daily-status-setting .duration,
.trip-report-setting .duration {
  white-space: nowrap;
  width: 100%;
  padding: 3px 0;
  display: table;
}
.daily-status-setting .speed .gwt-Label,
.trip-report-setting .speed .gwt-Label,
.daily-status-setting .duration .gwt-Label,
.trip-report-setting .duration .gwt-Label {
  vertical-align: middle;
  display: table-cell;
}
.daily-status-setting .speed input,
.trip-report-setting .speed input,
.daily-status-setting .duration input,
.trip-report-setting .duration input {
  width: 25px;
  float: right;
  margin-right: 3px;
  vertical-align: middle;
  display: table-cell;
}
.daily-status-setting .gwt-CheckBox,
.trip-report-setting .gwt-CheckBox {
  display: inline-block;
  width: 100%;
}
.daily-status-setting .gwt-CheckBox input,
.trip-report-setting .gwt-CheckBox input {
  float: right;
  padding: 3px;
  margin-top: 4px;
}
.daily-status-setting .gwt-CheckBox label,
.trip-report-setting .gwt-CheckBox label {
  width: -moz-calc(100% - 27px);
  width: -webkit-calc(100% - 27px);
  width: calc(100% - 27px);
  float: left;
  padding: 3px;
}
.report .report-results {
  vertical-align: top;
  overflow: hidden;
  height: 100%;
}
.report .report-results .report-content {
  height: 100%;
}
.report .report-results .report-content .tabs {
  white-space: nowrap;
  height: 43px;
  width: 100%;
}
.report .report-results .report-content .tabs .tab-container-control-left,
.report .report-results .report-content .tabs .tab-container-control-right {
  position: absolute;
  display: inline;
  height: 41px;
  line-height: 41px;
  background-color: rgba(242, 216, 144, 0.8);
  z-index: 0;
  font-weight: bolder;
  cursor: pointer;
  width: 11px;
  border: 1px solid;
  margin-top: -1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.report .report-results .report-content .tabs .tab-container-control-left {
  left: 0;
  margin-left: -1px;
}
.report .report-results .report-content .tabs .tab-container-control-right {
  right: 0;
  margin-right: -1px;
  border-radius: 0 10px 0 0;
}
.report .report-results .report-content .tabs .tab-container-wrapper {
  overflow-x: hidden ! important;
  overflow-y: hidden ! important;
  display: inline-block;
  width: -moz-calc(100% - 22px);
  width: -webkit-calc(100% - 22px);
  width: calc(100% - 22px);
  margin-left: 11px;
}
.report .report-results .report-content .tabs .tab-container .tab {
  position: relative;
  display: table-cell;
  border: 1px solid #402b82;
  border-radius: 0 10px 0 0;
  height: 34px;
  width: 95px;
  padding: 3px;
}
.report .report-results .report-content .tabs .tab-container .tab .gwt-Label {
  font-weight: bold;
  padding-right: 10px;
}
.report .report-results .report-content .tabs .tab-container .tab .object-name {
  font-weight: bolder;
  width: -moz-calc(100% - 15px);
  width: -webkit-calc(100% - 15px);
  width: calc(100% - 15px);
}
.report .report-results .report-content .tabs .tab-container .tab .time {
  white-space: nowrap;
}
.report .report-results .report-content .tabs .tab-container .tab .time div {
  line-height: 9px;
  font-size: 10px;
}
.report .report-results .report-content .tabs .tab-container .tab .tab-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px;
  font-weight: bolder;
}
.report .report-results .report-content .content {
  width: 100%;
  height: -moz-calc(100% - 42px);
  height: -webkit-calc(100% - 42px);
  height: calc(100% - 42px);
  border-top: 1px solid #402b82;
}
.report .report-results .report-content .content > div {
  height: 100%;
}
.report .report-settings {
  float: left;
  vertical-align: top;
  height: 100%;
  white-space: nowrap;
}
.report .report-settings select {
  border: 1px solid #3f2d84;
  background-color: #f2d890;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  width: 60px;
}
.report .report-settings .settings-open {
  display: inline-block;
  width: 176px;
  margin-right: 1px;
}
.report .report-settings .settings-open .generate.submit-button {
  float: right;
  margin: 3px;
}
.report .report-settings .settings-open .stack-header {
  padding: 3px;
  background-color: rgba(242, 216, 144, 0.5);
  font-weight: bolder;
  cursor: pointer;
}
.report .report-settings .settings-open .stack-header.selected {
  background-color: #f2d890;
}
.report .report-settings .settings-collapsed {
  width: 25px;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  border: 1px solid #402b82;
  margin-left: -1px;
  margin-top: -1px;
}
.report .report-settings .settings-collapsed .gwt-Label {
  transform: rotate(90deg);
  margin-top: 5px;
  white-space: nowrap;
}
.report .report-settings .settings-collapsed .open,
.report .report-settings .settings-collapsed .close,
.report .report-settings .settings-collapsed .print,
.report .report-settings .settings-collapsed .refresh {
  height: 20px;
  margin: 3px;
}
.report .report-settings .settings-collapsed .refresh.selected {
  border-radius: 10px;
}
.report.open .report-settings {
  width: 200px;
}
.report.collapsed .report-settings {
  width: 30px;
}
.report.collapsed .report-settings .settings-open {
  display: none;
}
.trip-report-setting .group-by {
  white-space: nowrap;
}
.trip-report-setting .group-by > * {
  display: inline;
  margin: 3px;
}
.trip-report-setting .group-by > div:first-of-type {
  display: block;
}
.report-data-view .trip-status {
  margin-left: 0px;
}
.report-data-view .data-row .group {
  font-weight: bolder;
}
.report-result-view-contaner .report-no-data .no-data-content {
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.history-view {
  width: 100%;
  height: 100%;
}
.history-view .submit-button.generate {
  position: absolute;
  z-index: 2;
}
.history-view .empty-chart-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 14px;
  font-weight: 600;
}
.history-view .chart-container {
  position: relative;
  height: 100%;
}
.history-view .chart {
  width: 100%;
  height: 100%;
}
.history-view .chart .amcharts-main-div {
  height: 100% ! important;
}
.icon-wrapper {
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
}
.icon-wrapper .image {
  display: inline-block;
  position: absolute;
  top: 0;
}
.icon-wrapper .image.i-object-back {
  font-size: 32px;
  right: 0;
  color: white;
}
.icon-wrapper .image.i-object {
  font-size: 32px;
  right: 0;
}
.icon-wrapper .image.i-object.start {
  color: #009145;
}
.icon-wrapper .image.i-object.stop {
  color: #c0272d;
}
.icon-wrapper .image.i-object.hold {
  color: #f6b71b;
}
.icon-wrapper .image.i-nodata {
  color: #fb9362;
}
.icon-wrapper .image.i-event {
  top: 20px;
  color: #fb9362;
}
.icon-wrapper .image.i-cleaning {
  text-shadow: 0 0 3px white, 0 0 5px white;
  right: 8px;
  top: 20px;
}
.icon-wrapper .image.i-gritting {
  text-shadow: 0 0 3px white, 0 0 5px white;
  right: 0;
  top: 20px;
}
.icon-wrapper .image.i-working {
  font-size: 20px;
  right: 0;
  text-shadow: 0 0 3px white, 0 0 5px white;
}
.gwt-PopupPanel {
  z-index: 100;
}
.status-info-popup {
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  padding: 9px;
}
.status-info-popup .header {
  text-align: center;
  padding: 3px;
  white-space: nowrap;
  border-bottom: 1px solid #402b82;
}
.status-info-popup .header div {
  white-space: nowrap;
  display: inline-block;
  padding: 3px;
  vertical-align: middle;
}
.status-info-popup .header .time-delay.delayed {
  background-color: #fb9362;
}
.status-info-popup .header .speed:before,
.status-info-popup .header .precision:before {
  content: " | ";
}
.status-info-popup .header .time {
  font-weight: bolder;
}
.status-info-popup .sensors {
  padding: 3px;
}
.status-info-popup .sensors .sensors-grid {
  width: 100%;
}
.status-info-popup .sensors .sensors-grid td {
  white-space: nowrap;
  padding: 3px;
}
.status-info-popup .sensors .sensors-grid tr:nth-child(even) {
  background: rgba(229, 229, 229, 0.5);
}
.status-info-popup .alarms {
  padding: 3px;
}
.status-info-popup .status-link img {
  width: 24px;
  height: 24px;
  padding: 3px;
}
.poi-info-popup {
  min-width: 200px;
  min-height: 100px;
  padding-right: 10px;
}
.poi-info-popup .info-grid {
  border-spacing: 3px;
  border-collapse: separate;
}
.poi-info-popup .info-grid .field-name {
  font-weight: bold;
}
.poi-info-popup .info-grid .field-value {
  white-space: nowrap;
}
.poi-info-popup .info-grid .field-value.address,
.poi-info-popup .info-grid .field-value.note {
  white-space: normal;
}
.poi-info-popup .popup-inner {
  padding: 3px;
}
.poi-info-popup .popup-inner .name {
  min-height: 70px;
}
.poi-info-popup .popup-inner .popup-controls {
  margin-top: 3px;
  text-align: right;
}
.object-list-wraper {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  width: 292px;
  background-color: white;
}
.object-list-wraper .object-list-container .object-list-control-wrapper {
  overflow: hidden;
  transition: height 0.8s;
  will-change: height;
}
.object-list-wraper .object-list-container .group-list-wrapper {
  transition: width 0.8s;
  will-change: width;
}
.object-list-wraper .object-list-container .object-list .object-list-content {
  position: relative;
  transition: height 0.8s;
  will-change: height;
  padding-left: 12px;
  padding-righr: 5px;
}
.object-list-wraper .object-list-container .object-list-bottom {
  transition: height 0.8s;
  will-change: height;
  height: 44px;
  background-color: white;
}
.object-list-wraper.close .object-list-container .object-list-control-wrapper {
  height: 0px;
}
.object-list-wraper.close .object-list-container .group-list-wrapper {
  width: 0;
}
.object-list-wraper.close .object-list-container .group-list-wrapper .arrow {
  display: none;
}
.object-list-wraper.close .object-list-container .object-list .object-list-content {
  height: 0px ! important;
}
.object-list-wraper.close .object-list-container .object-list-bottom {
  height: 0px;
  background-color: white;
}
.object-search-wrapper {
  height: 44px;
}
.object-search-wrapper .object-search {
  line-height: 44px;
  padding-left: 12px;
}
.object-search-wrapper .i-object {
  display: inline-block;
  font-size: 26px;
  padding-right: 15px;
  vertical-align: middle;
}
.object-search-wrapper .i-object:hover {
  color: #402b82;
}
.object-search-wrapper .i-drop-down {
  display: inline-block;
  font-size: 7px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s;
  transition: transform 1s;
  vertical-align: middle;
  text-align: center;
  padding: 10px;
}
.object-search-wrapper .i-drop-down.close {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.object-search-wrapper .search-input-wrapper {
  display: inline-block;
  height: 26px;
  margin-bottom: 1px;
  font-size: 15px;
}
.object-search-wrapper .search-input-wrapper:hover .search-input-line {
  border-bottom-color: #1f1947;
}
.object-search-wrapper .search-input-wrapper .search-input-line {
  border-bottom: 1px solid #402b82;
  height: 25px;
  width: 200px;
}
.object-search-wrapper .search-input-wrapper .search-input-line:after {
  content: "\e913";
}
.object-search-wrapper .search-input {
  font-family: SourceSansPro;
  font-weight: 300;
  font-size: 14px;
  margin-top: 1px;
  width: 187px;
  height: 15px;
  color: #4d4d4d;
}
.object-search-wrapper .search-input:hover {
  color: #1e1e1e;
}
.object-list-menue {
  position: relative;
}
.object-list-menue .object-list-control-wrapper {
  height: 44px;
  line-height: 44px;
}
.object-list-menue .object-list-control-wrapper .object-list-control {
  height: 44px;
  line-height: 44px;
  white-space: nowrap;
  padding-left: 12px;
  width: 280px;
  display: table;
}
.object-list-menue .object-list-control-wrapper .object-list-control > div {
  cursor: pointer;
  display: table-cell;
  height: 26px;
  white-space: nowrap;
  vertical-align: middle;
  text-align: left;
  max-width: 33%;
}
.object-list-menue .object-list-control-wrapper .object-list-control > div > div {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  line-height: 26px;
}
.object-list-menue .object-list-control-wrapper .object-list-control .icon:before {
  vertical-align: middle;
}
.object-list-menue .object-list-control-wrapper .object-list-control .i-order {
  font-size: 6px;
  padding-left: 0;
}
.object-list-menue .object-list-control-wrapper .object-list-control .i-group {
  font-size: 12px;
}
.object-list-menue .object-list-control-wrapper .object-list-control .select-multi.off:before {
  transform: rotate(180deg);
  color: #e5e5e5;
  display: inline-block;
}
.object-view {
  border-bottom: 1px solid #e5e5e5;
  padding: 3px 0;
  cursor: pointer;
  margin-right: 10px;
}
.object-view.selected {
  background-color: #e5e5e5;
}
.object-view:hover .name,
.object-view:hover .groups,
.object-view:hover .model {
  color: #1e1e1e ! important;
}
.object-view .object-info {
  vertical-align: middle;
  display: inline-block;
  overflow: hiden;
  width: -moz-calc(100% - 35px);
  width: -webkit-calc(100% - 35px);
  width: calc(100% - 35px);
}
.object-view .object-info .object-name {
  overflow: hidden;
}
.object-view .object-info .object-name .name {
  font-weight: normal;
  font-size: 16px;
  padding-right: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.object-view .object-info .object-name .model {
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
}
.object-view .object-info .object-groups {
  overflow: hidden;
}
.object-view .object-info .object-groups .groups {
  font-weight: 300;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
}
.object-view .status-icon {
  vertical-align: middle;
  display: inline-block;
}
.group-list-wrapper {
  position: absolute;
  margin-top: 5px;
  width: 293px;
  left: 100%;
  top: 0;
  z-index: 100;
  overflow: hidden;
}
.group-list-wrapper.close {
  width: 0px;
}
.group-list-wrapper.close .arrow {
  display: none;
}
.group-list-wrapper > .group-list {
  overflow: hidden;
  margin-left: 10px;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.group-list-wrapper .arrow {
  position: absolute;
  color: white;
  top: 5px;
  left: -2px;
  font-size: 21px;
  text-shadow: -1px -1px 4px rgba(0, 0, 0, 0.15);
}
.group-list-wrapper .group-list-head {
  display: table;
  padding: 7px 0px 7px 0px;
  width: 293px;
}
.group-list-wrapper .group-list-head > div {
  display: table-cell;
  font-weight: 600;
  vertical-align: middle;
}
.group-list-wrapper .group-list-head .i-group {
  font-size: 26px;
  width: 26px;
  padding-left: 13px;
}
.group-list-wrapper .group-list-head .i-group:hover {
  color: #402b82;
}
.group-list-wrapper .group-list-head .label {
  width: 100%;
  text-align: center;
  font-size: 26px;
}
.group-list-wrapper .group-list-head .i-close {
  font-size: 13px;
  cursor: pointer;
  width: 13px;
  padding-right: 17px;
}
.group-list-container .group-list {
  position: relative;
  height: auto ! important;
  max-height: 264px ! important;
}
.group-view {
  cursor: pointer;
  white-space: nowrap;
  height: 44px;
  display: table;
  padding-left: 12px;
}
.group-view .group-name {
  vertical-align: middle;
  display: table-cell;
  padding: 3px;
  font-size: 16px;
  padding-right: 3px;
  margin: 3px 0 3px 3px;
  white-space: pre-wrap;
  width: -moz-calc(100% - 23px);
  width: -webkit-calc(100% - 23px);
  width: calc(100% - 23px);
  overflow: hidden;
  text-overflow: ellipsis;
}
.group-view .group-name > div {
  display: inline-block;
  vertical-align: middle;
}
.group-view .object-count {
  display: table-cell;
  vertical-align: middle;
  padding-right: 3px;
}
.group-view .icon {
  display: table-cell;
  vertical-align: middle;
  width: 24px;
}
.group-view .icon:before {
  content: "";
  display: inline-block;
  width: 16px;
  font-size: 16px;
}
.group-view-wrapper.selected {
  background-color: #e5e5e5;
}
.group-view-wrapper.selected .icon:before {
  content: "\e915";
}
.group-view-wrapper:hover .icon {
  color: #1f1947;
}
.top-menue-wrapper {
  position: absolute;
  top: 0;
  left: 292px;
  width: -moz-calc(100% - 292px);
  width: -webkit-calc(100% - 292px);
  width: calc(100% - 292px);
  min-width: 656px;
}
.top-menue-wrapper .top-menue-align {
  margin: 0 auto;
  min-height: 44px;
  padding: 0 70px 0 50px;
  text-align: center;
}
.top-menue-wrapper .top-menue-container {
  background-color: white;
  min-height: 44px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.top-menue-wrapper .top-menue-container > div {
  display: inline-block;
  vertical-align: middle;
}
.top-menue-container .other-menue {
  line-height: 44px;
  text-align: center;
}
.top-menue-container .other-menue > div {
  font-size: 14px;
  font-weight: normal;
  margin-right: 11px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 3px;
}
.top-menue-container .other-menue > div:before {
  margin-left: 12px;
  vertical-align: middle;
  line-height: 29px;
  font-size: 20px;
}
.top-menue-container .other-menue > div > div {
  font-size: 14px;
  font-weight: normal;
  text-decoration: underline;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
}
.top-menue-container .other-menue .user:before {
  font-size: 14px;
}
.top-menue-container .other-menue .user > .label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 148px;
}
.top-menue-container .other-menue .config {
  border: none;
  margin-right: 0px;
}
.top-menue-container .other-menue .logout {
  vertical-align: middle;
  color: #c0272d;
  border: none;
}
.top-menue-container .other-menue .logout:before {
  font-size: 14px;
}
.top-menue-container .other-menue .logout:hover {
  color: #1f1947;
}
.top-menue-container .time-selector-wrapper {
  border-spacing: 7px 0;
}
.top-menue-container .time-selector-wrapper .time-selector-container {
  white-space: nowrap;
  display: table-row;
  line-height: 44px;
}
.top-menue-container .time-selector-wrapper .time-selector-container > div {
  display: table-cell;
  vertical-align: middle;
  margin-right: 16px;
}
.top-menue-container .time-selector-wrapper .time-selector-container:hover .label,
.top-menue-container .time-selector-wrapper .time-selector-container:hover .time-input {
  color: #1e1e1e;
}
.top-menue-container .time-selector-wrapper .time-selector-container:hover .input-wrapper {
  border-bottom-color: #1f1947;
}
.top-menue-container .time-selector-wrapper .show {
  border-radius: 5px;
  background-color: #402b82;
  color: white;
  height: 27px;
  line-height: 27px;
  font-size: 14px;
  font-weight: normal;
}
.top-menue-container .time-selector-wrapper .show:hover {
  background-color: #1f1947;
}
.top-menue-container .time-selector-wrapper .now:before {
  content: "\e916";
  vertical-align: middle;
  line-height: 29px;
  font-size: 20px;
  margin-right: 8px;
}
.top-menue-container .time-selector-wrapper .now.checked:before {
  content: "\e917";
}
.top-menue-container .time-selector-wrapper .now > div {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  line-height: 29px;
}
.top-menue-container .time-selector-wrapper .date-selector {
  font-size: 28px;
  cursor: pointer;
}
.top-menue-container .time-selector-wrapper .interval-shift {
  width: 28px;
  height: 28px;
  font-size: 28px;
  cursor: pointer;
}
.top-menue-container .time-selector-wrapper .time-select {
  border-spacing: 9px 0;
  width: 150px;
  cursor: pointer;
}
.top-menue-container .time-selector-wrapper .time-select.close .date-selector-dialog {
  height: 0px;
}
.top-menue-container .time-selector-wrapper .time-select.close .input-wrapper .i-drop-down {
  transform: rotate(0deg);
}
.top-menue-container .time-selector-wrapper .time-select .date-selector-dialog {
  position: absolute;
  margin-top: 20px;
  margin-left: -42px;
  transition: height 0.5s;
}
.top-menue-container .time-selector-wrapper .time-select .time-select-container > div {
  display: table-cell;
}
.top-menue-container .time-selector-wrapper .time-select .label {
  font-size: 14px;
  font-weight: normal;
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper {
  border-bottom: 1px solid #402b82;
  margin-bottom: 1px;
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper input {
  font-size: 14px;
  font-weight: 300;
  width: 100px;
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper input.error {
  color: #fb9362;
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper .i-drop-down {
  transform: rotate(180deg);
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper .icon {
  display: inline-block;
  font-size: 4px;
  vertical-align: top;
  line-height: 20px;
  color: #4d4d4d;
}
.top-menue-container .time-selector-wrapper .time-select .input-wrapper .icon:hover {
  color: #1e1e1e;
}
.time-shift-popup {
  width: 211px;
  text-align: center;
  margin-top: 8px;
  margin-left: -91px;
  padding: 1px;
}
.time-shift-popup .popupContent {
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.time-shift-popup .time-shift {
  padding-bottom: 10px;
}
.time-shift-popup .time-shift .shift-label {
  padding: 0 3px;
  cursor: pointer;
}
.time-shift-popup .time-shift,
.date-selector-dialog .time-shift {
  display: inline-block;
  padding-top: 10px;
}
.time-shift-popup .time-shift .label,
.date-selector-dialog .time-shift .label {
  cursor: initial;
  font-size: 14px;
}
.time-shift-popup .time-shift .shift,
.date-selector-dialog .time-shift .shift {
  display: table-row;
}
.time-shift-popup .time-shift .shift > div,
.date-selector-dialog .time-shift .shift > div {
  display: table-cell;
  text-align: right;
  font-weight: 300;
}
.date-selector-dialog {
  width: 250px;
  height: 300px;
  background-color: white;
  overflow: hidden;
  white-space: normal;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.date-selector-dialog .time-paterns {
  display: inline-block;
  padding-top: 10px;
}
.date-selector-dialog .time-paterns .label {
  cursor: initial;
  font-size: 14px;
}
.date-selector-dialog .time-paterns .paterns {
  display: table-row;
}
.date-selector-dialog .time-paterns .paterns > div {
  display: table-cell;
  text-align: right;
  font-weight: 300;
}
.date-selector-dialog .date-picker {
  padding: 10px 20px;
}
.date-selector-dialog .date-picker table {
  width: 100%;
}
.date-selector-dialog .date-picker .datePickerMonth {
  font-size: 14px;
  text-align: center;
}
.date-selector-dialog .date-picker .datePickerWeekdayLabel,
.date-selector-dialog .date-picker .datePickerWeekendLabel {
  font-weight: 600;
}
.date-selector-dialog .date-picker .datePickerDay.datePickerDayIsWeekend {
  font-weight: 300;
}
.date-selector-dialog .date-picker .datePickerDays {
  width: 100%;
}
.date-selector-dialog .date-picker .datePickerDay,
.date-selector-dialog .date-picker .datePickerWeekdayLabel,
.date-selector-dialog .date-picker .datePickerWeekendLabel {
  text-align: center;
  padding: 4px;
  outline: none;
}
.date-selector-dialog .date-picker .datePickerDayIsToday {
  padding: 3px;
  font-weight: 600;
}
.date-selector-dialog .date-picker .datePickerDayIsValue {
  font-weight: 600;
  padding: 3px;
  background-color: #e5e5e5;
}
.date-selector-dialog .date-picker .html-face {
  display: none;
}
.date-selector-dialog .date-picker .datePickerPreviousButton,
.date-selector-dialog .date-picker .datePickerPreviousYearButton {
  transform: rotate(90deg);
}
.date-selector-dialog .date-picker .datePickerNextButton,
.date-selector-dialog .date-picker .datePickerNextYearButton {
  transform: rotate(-90deg);
}
.date-selector-dialog .date-picker .datePickerPreviousButton:before,
.date-selector-dialog .date-picker .datePickerNextButton:before {
  content: "\e90e";
}
.date-selector-dialog .date-picker .datePickerPreviousYearButton:before,
.date-selector-dialog .date-picker .datePickerNextYearButton:before {
  content: "\e90e" "\e90e";
}
.date-selector-dialog .date-picker .datePickerPreviousButton,
.date-selector-dialog .date-picker .datePickerNextButton,
.date-selector-dialog .date-picker .datePickerPreviousYearButton,
.date-selector-dialog .date-picker .datePickerNextYearButton {
  font-family: 'effytrack' ! important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #402b82;
  vertical-align: middle;
  display: inline-block;
  font-size: 6px;
}
.date-selector-dialog .date-picker .datePickerPreviousButton:hover,
.date-selector-dialog .date-picker .datePickerNextButton:hover,
.date-selector-dialog .date-picker .datePickerPreviousYearButton:hover,
.date-selector-dialog .date-picker .datePickerNextYearButton:hover {
  color: #1f1947;
}
.object-satate-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 26px;
}
.object-satate-marker.close .status-info-popup {
  max-height: 0;
  max-width: 0;
  padding: 0;
  transition: max-width 1s, max-height 0.5s ease-in;
}
.object-satate-marker.close .i-drop-down {
  transform: rotate(0deg) ! important;
}
.object-satate-marker .status-info-popup {
  max-width: 300px;
  max-height: 500px;
  overflow: hidden;
  transition: max-width 1s, max-height 1s ease-out;
  box-shadow: initial;
  padding-top: 0;
}
.object-satate-marker .marker-header {
  text-align: center;
  white-space: nowrap;
  padding: 9px;
}
.object-satate-marker .marker-header .marker-header-container {
  display: table;
}
.object-satate-marker .marker-header .marker-header-container > div {
  display: table-cell;
}
.object-satate-marker .marker-header .label {
  padding-right: 5px;
  width: 100%;
}
.object-satate-marker .marker-header .i-drop-down {
  font-size: 8px;
  transform: rotate(-180deg);
  transition: transform 1s;
  cursor: pointer;
}
.object-satate-marker .status-icon {
  transform: scale(0.8125, 0.8125);
  width: 44px;
  height: 32px;
  margin: 0 auto;
}
.object-satate-marker .status-icon .i-object-back {
  text-shadow: 0 0 3px white, 0 0 5px white;
}
.object-satate-marker .object-marker-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: white;
  margin-top: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.object-satate-marker .object-marker-label:hover {
  box-shadow: 0 1px 4px #000000;
}
.map-marker:hover {
  z-index: 20000 ! important;
}
.markers-cluster:hover {
  z-index: 20000 ! important;
}
.markers-cluster .objects-names {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  width: 100px;
  text-align: center;
  background-color: white;
}
.markers-cluster .objects-names:hover {
  box-shadow: 0 1px 4px #000000;
}
.markers-cluster .objects-names > div {
  display: inline-block;
  padding: 1px 3px;
}
.markers-cluster .objects-names .objects-hiden-count {
  font-weight: 600;
}
.map-tools {
  position: absolute;
  right: 17px;
  top: 17px;
}
.map-tools > div {
  background-color: white;
  padding: 11px;
  margin-bottom: 1px;
  text-align: center;
  font-size: 17px;
  width: 17px;
}
.map-tools > div:hover {
  background-color: #402b82;
  color: white;
}
.map-tools .icon.i-layer,
.map-tools .icon.i-layer.close:hover {
  background-color: #402b82;
  color: white;
}
.map-tools .icon.i-layer.close {
  background-color: white;
  color: #402b82;
}
.map-tools .layer-select-weapper {
  position: relative;
}
.map-tools .layer-select-weapper:after {
  content: "▲";
  font-size: 21px;
  color: white;
  transform: rotate(90deg);
  text-shadow: -1px -1px 4px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 101;
}
.map-tools .layer-select-weapper .map-layer-selector {
  white-space: nowrap;
  overflow: hidden;
  z-index: 100;
  top: -28px;
  right: 37px;
  transition: width 1s;
  width: 180px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  background-color: white;
  position: absolute;
}
.map-tools .i-layer.close .map-layer-selector {
  width: 0px;
  z-index: 0;
}
.map-tools .i-layer.close .layer-select-weapper:after {
  display: none;
  z-index: 0;
}
.map-tools .map-layer-selector > div {
  text-align: left;
  padding: 10px 0px;
  margin: 0px 19px;
  border-bottom: 1px solid #e5e5e5;
}
.map-tools .map-layer-selector > div:last-of-type {
  border-bottom: initial;
}
.map-tools .map-layer-selector > div .label,
.map-tools .map-layer-selector > div .icon {
  font-size: 14px;
}
.map-tools .map-layer-selector > div .icon {
  cursor: pointer;
  display: table-row;
}
.map-tools .map-layer-selector > div .icon:before {
  vertical-align: middle;
  line-height: 24px;
}
.map-tools .map-layer-selector > div .label {
  padding-left: 10px;
  vertical-align: middle;
  display: table-cell;
}
.map-tools .map-select .icon:before {
  content: "\e920";
}
.map-tools .map-select .icon.selected:before {
  content: "\e91f";
}
.map-tools .map-state-layers .icon:before {
  content: "\e916";
}
.map-tools .map-state-layers .icon.selected:before {
  content: "\e917";
}
.leaflet-popup-content {
  margin: 0!important;
}
.info-tabs-view {
  position: absolute;
  left: 342px;
  bottom: 0px;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.tabs-line-wrapper > .tabs {
  display: inline-block;
}
.tabs-line-wrapper > .tabs > .selected.tab {
  background-color: #402b82;
  color: white;
}
.tabs-line-wrapper > .tabs > .selected.tab:hover {
  background-color: #1f1947;
}
.tabs-line-wrapper > .tabs > .selected.tab > .label {
  border-right-color: transparent;
  color: white;
}
.tabs-line-wrapper > .tabs > .selected.tab > .content {
  height: calc(55% - 55px);
  z-index: 10;
}
.tabs-line-wrapper > .tabs > .selected.tab:after {
  font-family: 'effytrack' ! important;
  content: "\e90d";
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
  color: white;
  font-size: 10px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  text-align: center;
}
.tabs-line-wrapper > .tabs > .tab {
  position: relative;
  display: inline-block;
  padding: 7px 0 7px 10px;
  font-size: 20px;
  cursor: pointer;
}
.tabs-line-wrapper > .tabs > .tab:before {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
}
.tabs-line-wrapper > .tabs > .tab > .label {
  display: inline-block;
  padding-right: 20px;
  padding-left: 10px;
  font-size: 14px;
  cursor: pointer;
  height: 25px;
  line-height: 25px;
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
}
.tabs-line-wrapper > .tabs > .tab > .content {
  cursor: initial;
  display: inline-block;
  background-color: white;
  position: fixed;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  height: 0;
  width: calc(100% - 20px);
  transition: height 0.5s, width 0.5s 0.3s;
  bottom: 55px;
  right: 10px;
  z-index: 1;
}
.tabs-line-wrapper > .control {
  display: inline-block;
  height: 25px;
  vertical-align: middle;
}
.tabs-line-wrapper > .control > .icon {
  font-size: 7px;
  padding: 10px;
  margin: 0 10px;
  transition: transform 1s;
  transform: rotate(180deg);
}
.info-tabs-view.max .tabs-line-wrapper > .control > .icon {
  transform: rotate(0deg);
}
.info-tabs-view.max .tabs-line-wrapper .tabs > .tab > .content {
  width: calc(100% - 312px) ! important;
  transition: height 0.5s, width 0.5s;
}
.info-tabs-view.max .tabs-line-wrapper .tabs > .tab.selected > .content {
  height: calc(100% - 100px);
}
.info-tabs-view.vertical {
  left: 0px;
  top: 55px;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  width: 292px;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs {
  display: block;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab:before {
  width: 25px;
  text-align: center;
  padding-left: 5px;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab > .label {
  border-right: none;
  font-size: 16px;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab > .content {
  bottom: 10px;
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab.selected > .content {
  height: calc(100% - 20px);
}
.info-tabs-view.vertical .tabs-line-wrapper > .tabs > .tab.selected:after {
  left: initial;
  top: calc(50% - 5px);
  bottom: initial;
  right: -13px;
  transform: rotate(-90deg);
}
.list-open .tabs-line-wrapper > .tabs > .tab.selected > .content {
  width: calc(100% - 312px) !important;
  transition: height 0.5s,width 0.5s;
}
.analyze-wizard-view {
  height: 100%;
  width: 100%;
}
.analyze-wizard-view .view-werapper {
  height: 100%;
  width: 100%;
}
.analyze-wizard-view .options-list-wrapp {
  border-right: 1px solid #402b82;
  width: 33%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.analyze-wizard-view .options-list-wrapp .options-list {
  height: -moz-calc(100% - 26px);
  height: -webkit-calc(100% - 26px);
  height: calc(100% - 26px);
}
.analyze-wizard-view .options-list-wrapp .header {
  width: 100%;
  display: table;
}
.analyze-wizard-view .options-list-wrapp .header .button-wrapp {
  display: table-cell;
}
.analyze-wizard-view .options-list-wrapp .header .button-wrapp .pending {
  font-weight: bold;
  vertical-align: middle;
  background-image: url('images/loader.gif');
  background-size: 20px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
}
.analyze-wizard-view .options-list-wrapp .header .button-wrapp:last-of-type {
  text-align: right;
}
.analyze-wizard-view .result-view-wrapp {
  display: inline-block;
  vertical-align: top;
  width: 66.9%;
  height: 100%;
}
.analyze-wizard-view .result-view-wrapp .result-view {
  height: 100%;
}
.analyze-wizard-view .options-list table tbody > tr > td {
  width: 50%;
}
.analyze-wizard-view .result-view .cell.last.column {
  text-align: left;
}
.analyze-wizard-view .result-view .date-outer {
  white-space: nowrap;
}
.analyze-wizard-view .result-view .date-outer img {
  height: 15px;
  padding-right: 3px;
}
.analyze-wizard-view .result-view .date-outer img:last-of-type {
  padding-right: 0;
  padding-left: 3px;
}
.analyze-wizard-view .result-view .date-outer * {
  vertical-align: middle;
  display: inline-block;
}
.analyze-wizard-view .result-view .control-outer {
  white-space: nowrap;
}
.analyze-wizard-view .result-view .control-outer img {
  padding-right: 3px;
}
.alarms-view-container {
  height: 100%;
}
.alarms-list-filter {
  height: 30px;
  white-space: normal;
  padding: 3px;
  vertical-align: middle;
  border-bottom: 1px solid #402b82;
}
.alarms-list-filter .reload-now {
  float: right;
}
.alarms-list-filter .reload-now > .icon {
  cursor: pointer;
  font-size: 18px;
}
.alarms-view-container .data-container .cell {
  text-align: left;
}
.alarms-list-filter > div > div {
  display: inline;
  margin-right: 5px;
}
.data-paging-container {
  height: 30px;
  white-space: nowrap;
  text-align: center;
}
.data-paging-container .paging > .icon {
  display: inline-block;
  font-size: 18px;
  padding-left: 10px;
  cursor: pointer;
}
.data-paging-container .paging > .icon.disabled {
  color: #e5e5e5;
}
.data-container {
  vertical-align: top;
  height: 100%;
}
.status-report {
  height: 100%;
  padding: 3px;
}
.status-report .controls-container {
  border-bottom: 1px solid #402b82;
  padding: 3px;
  height: 28px;
}
.status-report .controls-container .report-genetating {
  display: inline;
  color: #E45613;
}
.status-report .controls-container > * {
  margin-left: 3px;
}
.status-report .controls-container > button {
  margin-left: 20px;
}
.status-report .controls-container > span {
  display: inline-block;
  vertical-align: middle;
}
.status-report .controls-container > span > input {
  float: right;
}
.status-report .controls-container > span > label {
  display: inline-block;
  vertical-align: middle;
  float: left;
}
.status-report .content-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: -moz-calc(100% - 189px);
  height: -webkit-calc(100% - 189px);
  height: calc(100% - 189px);
}
.status-report .content-container .total-values-charts .content {
  table-layout: fixed;
  display: table;
}
.status-report .content-container .total-values-charts .resource-bar-chart-container {
  display: table-cell;
  height: 135px;
}
.status-report .content-container .group-values-charts .resource-bar-chart-container {
  height: 200px;
}
.status-report .content-container .resource-bar-chart-container .title {
  height: 15px;
  font-weight: bolder;
  padding: 3px;
  width: 100%;
}
.status-report .content-container .resource-bar-chart-container .chart {
  height: -moz-calc(100% - 21px);
  height: -webkit-calc(100% - 21px);
  height: calc(100% - 21px);
  width: 100%;
}
.status-report .content-container .content > .disclose-panel {
  width: 100%;
}
.status-report .content-container .content > .disclose-panel .header {
  background-color: rgba(242, 216, 144, 0.5);
  text-align: center;
}
.status-report .content-container .content > .disclose-panel .header .header-text {
  font-weight: bolder;
}
.status-report .content-container .content > .disclose-panel .header.open {
  background-color: #f2d890;
}
.status-report .selector-container {
  border-bottom: 1px solid;
  height: 150px;
}
.status-report .selector-container .groups-list {
  border-right: 1px solid;
  border-left: 1px solid;
}
.status-report .selector-container > table {
  width: 100%;
  height: 100%;
}
.status-report .selector-container .resorces-list {
  float: left;
  width: 150px;
}
.status-report .selector-container .restulst-lists {
  height: 100%;
  white-space: nowrap;
  width: -moz-calc(100% - 152px);
  width: -webkit-calc(100% - 152px);
  width: calc(100% - 152px);
}
.status-report .selector-container .resorces-list,
.status-report .selector-container .groups-list,
.status-report .selector-container .objects-list {
  vertical-align: top;
}
.status-report .selector-container .groups-list,
.status-report .selector-container .objects-list {
  display: inline-block;
  width: 50%;
}
.status-report .selector-container .groups-list table > thead > tr > th,
.status-report .selector-container .objects-list table > thead > tr > th {
  white-space: normal;
}
.status-report .selector-container .groups-list > div,
.status-report .selector-container .objects-list > div {
  height: 150px;
}
.status-report .selector-container .groups-list .values-grid,
.status-report .selector-container .objects-list .values-grid {
  width: 100%;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCBH,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCBH,
.status-report .selector-container .groups-list .values-grid .GLFHSVKCCG,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCCG {
  background: inherit;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCGD,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCGD {
  background: #eee;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCDH,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCDH {
  border-color: #402b82;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCCH,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCCH,
.status-report .selector-container .groups-list .values-grid .GLFHSVKCEH,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCEH,
.status-report .selector-container .groups-list .values-grid .GLFHSVKCDG,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCDG {
  border: initial;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCIG,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCIG {
  vertical-align: top;
  text-shadow: #f2d890 1px 1px 0;
  border-bottom: 1px solid #402b82;
  color: #402b82;
  padding: 3px 0;
  white-space: normal;
  background-color: #f2d890;
  font-weight: bolder;
}
.status-report .selector-container .groups-list .values-grid .GLFHSVKCIG div,
.status-report .selector-container .objects-list .values-grid .GLFHSVKCIG div {
  font-weight: bolder;
}
.status-report .resource-row .resource-name {
  font-weight: bolder;
}
.status-report .group-row,
.status-report .object-row {
  border-bottom: 1px solid #402b82;
  white-space: nowrap;
}
.status-report .group-row > div,
.status-report .object-row > div {
  display: inline-block;
  vertical-align: middle;
}
.status-report .group-row .name,
.status-report .object-row .name {
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px;
}
.status-report .group-row .values-grid,
.status-report .object-row .values-grid {
  float: right;
  width: -moz-calc(100% - 102px);
  width: -webkit-calc(100% - 102px);
  width: calc(100% - 102px);
}
.status-report .group-row .values-grid .grid,
.status-report .object-row .values-grid .grid {
  width: 100%;
  table-layout: fixed;
}
.status-report .group-row .values-grid .grid td,
.status-report .object-row .values-grid .grid td {
  border-left: 1px solid #402b82;
}
.status-report .group-row .values-grid .grid td .selected,
.status-report .object-row .values-grid .grid td .selected {
  font-weight: bolder;
}
.status-report .group-row .values-grid .grid td div,
.status-report .object-row .values-grid .grid td div {
  padding: 3px;
}
.map-marker {
  margin-top: -24px;
  margin-left: -16px;
  width: 24px;
}
.map-position {
  margin-top: -20px;
  margin-left: -10px;
  width: 20px;
}
.map-marker.direction {
  margin-top: 0px;
  margin-left: 0px;
}
.leaflet-label {
  border: 1px solid #402b82 !important;
  left: 3px !important;
  top: -5px !important;
}
.leaflet-label::after {
  right: -8px !important;
}
path.start {
  stroke: #009145;
  stroke-opacity: 0.5;
  stroke-width: 5px;
}
#start-marker {
  fill: #009145;
  fill-opacity: 0.8;
}
path.work {
  stroke: #402b82;
  stroke-opacity: 0.5;
  stroke-width: 5px;
}
#work-marker {
  fill: #402b82;
  fill-opacity: 0.8;
}
path.hold {
  stroke: #f6b71b;
  stroke-width: 5px;
}
#hold-marker {
  fill: #f6b71b;
}
path.stop {
  stroke: #c0272d;
  stroke-width: 5px;
  stroke-opacity: 1;
}
#stop-marker {
  fill: #c0272d;
  fill-opacity: 0.8;
}
path.router.shadow {
  stroke: black;
  stroke-width: 6px;
  stroke-opacity: 0.15;
}
path.router.shadow.alt {
  stroke-opacity: 0.3;
  stroke-width: 5px;
}
path.router.back {
  stroke: white;
  stroke-width: 6px;
  stroke-opacity: 0.8;
}
path.router.back.alt {
  stroke: none;
}
path.router.track {
  stroke: red;
  stroke-width: 2px;
  stroke-opacity: 0.8;
}
path.router.track.alt {
  stroke: none;
}
.leaflet-routing-alt {
  max-height: 164px!important;
  overflow: hidden!important;
  cursor: pointer;
}
.leaflet-routing-alt > table {
  display: none!important;
}
.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
  background-image: url("images/road.png") !important;
  background-size: 23px;
  left: 0!important;
  top: 0!important;
  background-position: 50%;
  background-repeat: no-repeat;
}