@charset "UTF-8";
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-SemiBold.eot");
  src: url("/fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans-SemiBold.woff") format("woff"), url("/fonts/OpenSans-SemiBold.ttf") format("truetype"), url("/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Regular.eot");
  src: url("/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff"), url("/fonts/OpenSans-Regular.ttf") format("truetype"), url("/fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Bold.eot");
  src: url("/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff"), url("/fonts/OpenSans-Bold.ttf") format("truetype"), url("/fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-BoldItalic.eot");
  src: url("/fonts/OpenSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-BoldItalic.woff") format("woff"), url("/fonts/OpenSans-BoldItalic.ttf") format("truetype"), url("/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-SemiBoldItalic.eot");
  src: url("/fonts/OpenSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("/fonts/OpenSans-SemiBoldItalic.ttf") format("truetype"), url("/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Light.eot");
  src: url("/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff"), url("/fonts/OpenSans-Light.ttf") format("truetype"), url("/fonts/OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-Italic.eot");
  src: url("/fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.woff") format("woff"), url("/fonts/OpenSans-Italic.ttf") format("truetype"), url("/fonts/OpenSans-Italic.svg#OpenSans-Italic") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-ExtraBold.eot");
  src: url("/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("/fonts/OpenSans-ExtraBold.woff") format("woff"), url("/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-ExtraBoldItalic.eot");
  src: url("/fonts/OpenSans-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("/fonts/OpenSans-ExtraBoldItalic.ttf") format("truetype"), url("/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/OpenSans-LightItalic.eot");
  src: url("/fonts/OpenSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/fonts/OpenSans-LightItalic.woff2") format("woff2"), url("/fonts/OpenSans-LightItalic.woff") format("woff"), url("/fonts/OpenSans-LightItalic.ttf") format("truetype"), url("/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.ui-dialog.ui-widget .dialog-button, .modal-dialog .modal-content .modal-body .dialog-button, body .container .main_content .map_and_content .dialog-button, body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .dialog_button {
  background: #0fa2e9;
  color: #fff;
  font-size: 12px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  outline: none;
  border: none;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  /*    min-width: 170px;*/
  height: 33px;
  padding: 2px 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  cursor: pointer; }
  .ui-dialog.ui-widget .hidden.dialog-button, .modal-dialog .modal-content .modal-body .hidden.dialog-button, body .container .main_content .map_and_content .hidden.dialog-button, body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .hidden.dialog_button {
    display: none; }
  .ui-dialog.ui-widget .disabled.dialog-button, .modal-dialog .modal-content .modal-body .disabled.dialog-button, body .container .main_content .map_and_content .disabled.dialog-button, body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .disabled.dialog_button {
    cursor: not-allowed;
    background: #8d989e; }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, .ui-dialog.ui-widget .mini_window .scale-section, .modal-dialog .modal-content .modal-body .mini_window .scale-section, body .window_arnavigelios .body_window .scale-section {
  width: 100%;
  height: 14px;
  background: #173451;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #82afdb; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section .time-needle, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .time-needle, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .time-needle, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .time-needle, .ui-dialog.ui-widget .mini_window .scale-section .time-needle, .modal-dialog .modal-content .modal-body .mini_window .scale-section .time-needle, body .window_arnavigelios .body_window .scale-section .time-needle {
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 100%;
    background: red;
    top: 0px;
    left: -10%; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section ul.scale, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale, .ui-dialog.ui-widget .mini_window .scale-section ul.scale, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale, body .window_arnavigelios .body_window .scale-section ul.scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /*opacity: .3;*/
    position: relative;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section ul.scale li, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale li, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li, .ui-dialog.ui-widget .mini_window .scale-section ul.scale li, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li, body .window_arnavigelios .body_window .scale-section ul.scale li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 3px;
      width: calc(100%/12);
      list-style: none;
      font-size: 8px;
      line-height: 8px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-weight: 400;
      font-style: normal;
      color: #8b9aa8;
      border-left: 1px dashed #8b9aa8;
      height: 100%; }
      body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section ul.scale li:last-child, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale li:last-child, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li:last-child, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li:last-child, .ui-dialog.ui-widget .mini_window .scale-section ul.scale li:last-child, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li:last-child, body .window_arnavigelios .body_window .scale-section ul.scale li:last-child {
        border-right: 1px solid white; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section .line-box, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box, .ui-dialog.ui-widget .mini_window .scale-section .line-box, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box, body .window_arnavigelios .body_window .scale-section .line-box {
    width: 100%;
    height: 5px;
    /*background: red;*/
    position: absolute;
    opacity: 1;
    left: 0; }
    body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section .line-box.motion-line, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box.motion-line, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box.motion-line, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box.motion-line, .ui-dialog.ui-widget .mini_window .scale-section .line-box.motion-line, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box.motion-line, body .window_arnavigelios .body_window .scale-section .line-box.motion-line {
      top: 0; }
    body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .scale-section .line-box.ignition-line, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box.ignition-line, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box.ignition-line, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section .line-box.ignition-line, .ui-dialog.ui-widget .mini_window .scale-section .line-box.ignition-line, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box.ignition-line, body .window_arnavigelios .body_window .scale-section .line-box.ignition-line {
      bottom: 0; }

.item-within-list .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-icon, .item-group .items .item .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-icon, .item-within-list-light .item-header .item-icon, .item-group .item-group-header .item-icon {
  margin-right: 8px;
  width: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.filter_button, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div .site_tab_search_criteria .search_button {
  width: 39px;
  min-width: 39px;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-right: 1px solid #1d4165;
  cursor: pointer;
  position: relative; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.filter_button:hover, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div .site_tab_search_criteria .search_button:hover {
    background-color: #3477b9; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.active.filter_button, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div .site_tab_search_criteria .active.search_button {
    background-color: #3477b9; }

.item-group .items .item-pager, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .item-group .items .item-pager .item-group-pagination, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination, .item-group .items .item-pager .item-pagination, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination {
    margin: 10px 0;
    display: flex;
    flex-direction: inherit; }
    .item-group .items .item-pager .item-group-pagination .item-group-pagination-item, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item, .item-group .items .item-pager .item-group-pagination .item-pagination-item, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item, .item-group .items .item-pager .item-pagination .item-group-pagination-item, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item, .item-group .items .item-pager .item-pagination .item-pagination-item, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item {
      font-size: 14px;
      padding: 5px 8px;
      border-width: 1px;
      border-style: solid;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #204971;
      border-color: #3170ad;
      color: #fff;
      border-right-width: 0px; }
      .item-group .items .item-pager .item-group-pagination .item-group-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item:first-child, .item-group .items .item-pager .item-group-pagination .item-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:first-child, .item-group .items .item-pager .item-pagination .item-group-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:first-child, .item-group .items .item-pager .item-pagination .item-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:first-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .item-group .items .item-pager .item-group-pagination .item-group-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item:last-child, .item-group .items .item-pager .item-group-pagination .item-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:last-child, .item-group .items .item-pager .item-pagination .item-group-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:last-child, .item-group .items .item-pager .item-pagination .item-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:last-child, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right-width: 1px; }
      .item-group .items .item-pager .item-group-pagination .item-group-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item.item-group-pagination-button, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item.item-pagination-button, .item-group .items .item-pager .item-group-pagination .item-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item.item-group-pagination-button, .item-group .items .item-pager .item-group-pagination .item-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item.item-pagination-button, .item-group .items .item-pager .item-pagination .item-group-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item.item-group-pagination-button, .item-group .items .item-pager .item-pagination .item-group-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item.item-pagination-button, .item-group .items .item-pager .item-pagination .item-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item.item-group-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item.item-group-pagination-button, .item-group .items .item-pager .item-pagination .item-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item.item-pagination-button, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item.item-pagination-button {
        cursor: pointer; }
      .item-group .items .item-pager .item-group-pagination .item-group-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-group-pagination-item input.page-input, .item-group .items .item-pager .item-group-pagination .item-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item input.page-input, .item-group .items .item-pager .item-pagination .item-group-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item input.page-input, .item-group .items .item-pager .item-pagination .item-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item input.page-input, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager .item-pagination .item-pagination-item input.page-input {
        height: 20px;
        width: 60px;
        /* max-width: min-content; */
        background: #152f49;
        border: 1px solid #2e68a1;
        text-align: center;
        border-radius: 2px;
        margin-right: 5px;
        outline: none; }

.item-within-list .item-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls, .item-group .items .item .item-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-controls, .item-within-list-light .item-header .item-controls, .item-group .item-group-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-start .item-controls, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-finish .item-controls, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 10px; }
  .item-within-list .item-header .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control, .item-group .items .item .item-header .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-controls .item-control, .item-within-list-light .item-header .item-controls .item-control, .item-group .item-group-header .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-start .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-finish .item-controls .item-control, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right .item-control {
    width: 28px;
    height: 28px;
    border-radius: 2px;
    margin-right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in-out; }
    .item-within-list .item-header .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control:hover, .item-group .items .item .item-header .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-controls .item-control:hover, .item-within-list-light .item-header .item-controls .item-control:hover, .item-group .item-group-header .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-start .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-finish .item-controls .item-control:hover, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right .item-control:hover {
      background: #122a41; }

.item-within-list, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item, .item-group .items .item, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item, .item-within-list-light {
  display: flex;
  flex-direction: column; }
  .item-within-list .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header, .item-group .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header, .item-within-list-light .item-header {
    width: 100%;
    height: 35px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 33px;
    padding: 0 6px 0 8px;
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center; }
    .item-within-list .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-name, .item-group .items .item .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-name, .item-within-list-light .item-header .item-name {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }

.active.item-within-list, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .active.item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .active.item, .item-group .items .active.item, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .active.item, .selected.item-within-list, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .selected.item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .selected.item, .item-group .items .selected.item, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .selected.item {
  background-color: #152f49; }
  .active.item-within-list .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .active.item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .active.item .item-header, .item-group .items .active.item .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .active.item .item-header, .selected.item-within-list .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .selected.item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .selected.item .item-header, .item-group .items .selected.item .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .selected.item .item-header {
    background-color: #152f49; }
.item-within-list .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header, .item-group .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header {
  background-color: #204971;
  border-bottom-color: #1a3c5d;
  color: #fff; }
  .item-within-list .item-header.active, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header.active, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header.active, .item-group .items .item .item-header.active, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header.active, .item-within-list .item-header.selected, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header.selected, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header.selected, .item-group .items .item .item-header.selected, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header.selected {
    background-color: #152f49; }

.active.item-within-list-light, .selected.item-within-list-light {
  /*background-color: $itemSelectionBackgroundColor;*/ }
  .active.item-within-list-light .item-header, .selected.item-within-list-light .item-header {
    background-color: #b0bdc9; }
.item-within-list-light .item-header {
  /*background-color: $itemBackgroundColor;*/
  border-bottom-color: #b0bdc9;
  color: #21364a; }
  .item-within-list-light .item-header.active, .item-within-list-light .item-header.selected {
    background-color: #b0bdc9; }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-icon {
  cursor: pointer; }
body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-name {
  cursor: pointer; }
body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.unit-watch-row, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.unit-watch-row {
  display: none; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.unit-watch-row.active, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.unit-watch-row.active {
    display: block; }
body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.track-last-day-row, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.track-last-day-row {
  display: none; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.track-last-day-row.active, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.track-last-day-row.active {
    display: block; }

/*%item-group-list {*/
.item-group.active, .item-group.selected {
  background-color: #152f49; }
  .item-group.active .item-group-header, .item-group.selected .item-group-header {
    background-color: #152f49; }
.item-group .item-group-header {
  padding: 0 6px 0 8px;
  display: flex;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  height: 42px;
  line-height: 42px;
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  align-items: center;
  color: #fff;
  border-bottom-color: #1d4165;
  background-color: #295e91;
  /*        .group-icon {
              margin-right: 8px;
              width: 24px;
              flex-shrink: 0;
              display: flex;
              justify-content: center;
              align-items: center;
          }*/ }
  .item-group .item-group-header.active, .item-group .item-group-header.selected {
    background-color: #152f49; }
  .item-group .item-group-header .item-name-container {
    width: 100%;
    display: flex;
    overflow: hidden; }
    .item-group .item-group-header .item-name-container .item-name {
      overflow: hidden;
      text-overflow: ellipsis; }
    .item-group .item-group-header .item-name-container .item-count {
      color: #bcc8d4;
      margin-left: 4px; }
.item-group .tree-filter {
  padding-left: 27px;
  background-color: #152f49; }
  .item-group .tree-filter .tree-filter-item {
    padding-left: 8px; }
    .item-group .tree-filter .tree-filter-item .tree-filter-header {
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      cursor: pointer; }
      .item-group .tree-filter .tree-filter-item .tree-filter-header .item-name-container .item-name {
        color: #fff; }
      .item-group .tree-filter .tree-filter-item .tree-filter-header .item-name-container .item-count {
        color: #bcc8d4; }

/*}*/
body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  width: 100%; }
  body .container .main_content .wrap_content #dyn_content .content .hidden.item-groups-widget-container, body .container .main_content .wrap_content #dyn_content .content.site-tab .hidden.site-tab-unit-groups-widget-container {
    display: none; }
  body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-list-wrapper, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden; }
    body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-list-wrapper .item-group-list, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list {
      /* @extend %item-group-list; */ }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .show-hide-unit, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .show-hide-unit, .item-group .tree-filter .tree-filter-item .show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group-header .show-hide-unit-group {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
  vertical-align: middle; }

.ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window, .ui-dialog.ui-widget .mini_window, .modal-dialog .modal-content .modal-body .mini_window, body .window_arnavigelios .body_window {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box, .ui-dialog.ui-widget .mini_window .body_window_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_box, body .window_arnavigelios .body_window .body_window_box {
    display: flex;
    flex-direction: row;
    margin: 0 0 12px 0; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box.hidden, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box.hidden, .ui-dialog.ui-widget .mini_window .body_window_box.hidden, .modal-dialog .modal-content .modal-body .mini_window .body_window_box.hidden, body .window_arnavigelios .body_window .body_window_box.hidden {
      display: none; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box, body .window_arnavigelios .body_window .body_window_box .icon_box {
      display: flex; }
      body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_valid, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_valid, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box.info_coordinates_valid, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box.info_coordinates_valid, body .window_arnavigelios .body_window .body_window_box .icon_box.info_coordinates_valid, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_invalid, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_invalid, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box.info_coordinates_invalid, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box.info_coordinates_invalid, body .window_arnavigelios .body_window .body_window_box .icon_box.info_coordinates_invalid {
        display: none; }
        body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_valid.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_valid.active, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box.info_coordinates_valid.active, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box.info_coordinates_valid.active, body .window_arnavigelios .body_window .body_window_box .icon_box.info_coordinates_valid.active, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_invalid.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box.info_coordinates_invalid.active, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box.info_coordinates_invalid.active, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box.info_coordinates_invalid.active, body .window_arnavigelios .body_window .body_window_box .icon_box.info_coordinates_invalid.active {
          display: flex; }
      body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box img, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box .icon_box img, .ui-dialog.ui-widget .mini_window .body_window_box .icon_box img, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box img, body .window_arnavigelios .body_window .body_window_box .icon_box img {
        width: 19px;
        height: 19px;
        margin: 0;
        padding: 0; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window hr, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window hr, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window hr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window hr, .ui-dialog.ui-widget .mini_window hr, .modal-dialog .modal-content .modal-body .mini_window hr, body .window_arnavigelios .body_window hr {
    border: none;
    background: #b0bdc9;
    margin: 0 -20px;
    width: calc(100% + 40px);
    height: 1px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box, .ui-dialog.ui-widget .mini_window .body_window_line_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box, body .window_arnavigelios .body_window .body_window_line_box {
    display: flex;
    flex-direction: row;
    margin-bottom: 7px;
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box .body_window_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box .body_window_box, .ui-dialog.ui-widget .mini_window .body_window_line_box .body_window_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box .body_window_box, body .window_arnavigelios .body_window .body_window_line_box .body_window_box {
      margin: 12px 15px 0 0; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_sensors, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_sensors, .ui-dialog.ui-widget .mini_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_sensors, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_sensors, body .window_arnavigelios .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_sensors, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_arbitrary, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_arbitrary, .ui-dialog.ui-widget .mini_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_arbitrary, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_arbitrary, body .window_arnavigelios .body_window .body_window_line_box.single-column .text_box .data_text_box .info_unit_arbitrary {
      grid-template-columns: 1fr 1fr;
      max-width: 800px;
      column-gap: 10px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box, .ui-dialog.ui-widget .mini_window .text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box, body .window_arnavigelios .body_window .text_box {
    display: flex;
    flex-direction: column;
    margin-top: -3px;
    margin-left: 5px; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .title_text_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .title_text_box, .ui-dialog.ui-widget .mini_window .text_box .title_text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box .title_text_box, body .window_arnavigelios .body_window .text_box .title_text_box {
      font-size: 9px;
      line-height: 13px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700;
      color: #21364a;
      text-transform: uppercase; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box, .ui-dialog.ui-widget .mini_window .text_box .data_text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box, body .window_arnavigelios .body_window .text_box .data_text_box {
      font-size: 13px;
      line-height: 13px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      color: #2D343F; }
      body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box p, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box p, .ui-dialog.ui-widget .mini_window .text_box .data_text_box p, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box p, body .window_arnavigelios .body_window .text_box .data_text_box p {
        color: #414141;
        font-size: 13px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 5px; }
      body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary {
        white-space: normal;
        max-width: 400px;
        max-height: 300px;
        overflow-y: auto;
        display: grid;
        grid-template-columns: 1fr; }
        body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors span, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors span, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors span, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors span, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors span, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary span, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary span, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary span, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary span, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary span {
          display: block;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400; }
          body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors span b, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_sensors span b, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors span b, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors span b, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors span b, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary span b, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data_text_box .info_unit_arbitrary span b, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary span b, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary span b, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary span b {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700;
            font-size: 12px;
            line-height: 17px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, .ui-dialog.ui-widget .mini_window .scale-section, .modal-dialog .modal-content .modal-body .mini_window .scale-section, body .window_arnavigelios .body_window .scale-section {
    background: #dbe7f2;
    margin-top: 16px;
    margin-bottom: 6px;
    height: 16px; }
    body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section ul.scale li, .ui-dialog.ui-widget .mini_window .scale-section ul.scale li, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li, body .window_arnavigelios .body_window .scale-section ul.scale li {
      font-size: 12px;
      line-height: 12px; }

.gelios-dropdown-menu {
  display: flex;
  position: fixed;
  z-index: 4000;
  height: initial;
  background: #306da9;
  padding: 6px 0 6px 0;
  border-radius: 3px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  flex-direction: column; }
  .gelios-dropdown-menu.hidden {
    display: none; }
  .gelios-dropdown-menu .gelios-dropdown-menu-item {
    width: 100%;
    /*color: #fff;*/
    /* font: 14px/20px 'OpenSansRegular', sans-serif; */
    padding: 6px 12px;
    cursor: pointer;
    transition: all .25s;
    display: flex;
    align-items: center;
    height: 34px; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item:hover {
      background: #295e91; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item.active {
      background-color: #295e91; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item .gelios-dropdown-menu-item-icon {
      margin-right: 8px; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item .gelios-dropdown-menu-item-text {
      width: max-content;
      color: #fff;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px; }

.text-input-dark, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block #unit_sensors-styler .jq-selectbox__select, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks input.color_range {
  height: 33px;
  outline: none;
  background: transparent;
  border: 1px solid #bcc8d4;
  border-radius: 3px;
  padding: 0 5px;
  color: #fff;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  text-align: left; }
  .text-input-dark::placeholder, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block #unit_sensors-styler .jq-selectbox__select::placeholder, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks input.color_range::placeholder {
    color: #7992aa; }

.autocomplete-input-with-dropdown-arrow-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .autocomplete-input-with-dropdown-arrow-wrapper.hidden {
    display: none; }
  .autocomplete-input-with-dropdown-arrow-wrapper .text-input-dark {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%; }
  .autocomplete-input-with-dropdown-arrow-wrapper .dropdown_button {
    border: 1px solid #bcc8d4;
    border-radius: 3px;
    height: 33px;
    padding: 5px 3px;
    display: flex;
    align-items: center;
    vertical-align: top;
    cursor: pointer;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-left: -1px;
    flex-shrink: 0;
    width: 25px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper .dropdown_button a {
      background: url("/img/darkblue/arrow_down.png") no-repeat scroll 97%;
      width: 13px;
      height: 20px; }

.simpleColorDisplay {
  width: 48px !important;
  height: 35px !important;
  border: 1px solid white !important;
  border-radius: 3px; }

input.checkbox-dark, input.checkbox-dark-no-label, .checkbox-light, .checkbox-light-no-label, input[type="checkbox"].to-man {
  display: none; }
  input.checkbox-dark + label, input.checkbox-dark-no-label + label, .checkbox-light + label, .checkbox-light-no-label + label, input[type="checkbox"].to-man + label {
    font-size: 14px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    margin-right: 0px;
    margin-bottom: 0px; }
    input.checkbox-dark + label span, input.checkbox-dark-no-label + label span, .checkbox-light + label span, .checkbox-light-no-label + label span, input[type="checkbox"].to-man + label span {
      width: 16px;
      height: 16px;
      border-radius: 2px;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      float: left; }
  input.checkbox-dark:checked + label span, input.checkbox-dark-no-label:checked + label span, .checkbox-light:checked + label span, .checkbox-light-no-label:checked + label span, input[type="checkbox"].to-man:checked + label span {
    background-image: url("/img/darkblue/img_checkbox.png");
    background-position: center;
    background-repeat: no-repeat; }

input.checkbox-dark + label span, input.checkbox-dark-no-label + label span {
  border: 1px solid #bcc8d4; }

.checkbox-light + label, .checkbox-light-no-label + label {
  color: #21364a;
  cursor: pointer; }
  .checkbox-light + label span, .checkbox-light-no-label + label span {
    border: 1px solid #21364a; }
.checkbox-light:checked + label span, .checkbox-light-no-label:checked + label span {
  background-image: url("../img/style_checkbox.png");
  background-position-x: 2px; }

.checkbox-light + label span {
  margin-right: 9px; }

input.checkbox-dark + label span {
  margin-right: 9px; }

input[type="checkbox"].to-man + label span {
  width: 22px;
  height: 22px;
  background-image: url("/img/darkblue/routes/route.png");
  background-position: center;
  background-repeat: no-repeat; }
input[type="checkbox"].to-man:checked + label span {
  background-image: url("/img/darkblue/routes/route-active.png");
  background-position: center;
  background-repeat: no-repeat; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-block-full-width, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button {
  width: 100%;
  margin-right: 8px; }
  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-block-full-width:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button:last-child {
    margin-right: initial; }

body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 10px;
  color: #fff;
  background: #204971;
  height: 35px;
  cursor: pointer; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-row-button, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-row-button {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 3px; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-row-button.play-pause-button, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-row-button.play-pause-button {
      margin-right: 8px; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-row-button.track-player-menu, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-row-button.track-player-menu {
      width: 29px;
      min-width: 29px;
      height: 29px;
      margin-right: 8px;
      transition: all .25s ease-in-out; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-subrows {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    width: 100%;
    display: flex;
    flex-direction: column; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows .unit-name, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-subrows .unit-name {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 190px;
      overflow: hidden; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows .track-time, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-player-subrows .track-time {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 190px;
      overflow: hidden; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-mileage, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-row .track-mileage {
    min-width: max-content;
    margin-left: 8px;
    margin-right: 8px; }

body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row {
  display: flex;
  flex-direction: row; }

body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row .track-table-head, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  padding: 0 7px 0 0;
  margin-left: -3px;
  white-space: nowrap;
  line-height: 26px; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row .track-table-ignition.track-table-head, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-ignition.track-table-cell {
    width: 32px;
    padding: 0 0 0 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row .track-table-date.track-table-head, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-date.track-table-cell {
    /*padding-left: 25px;*/
    width: 135px;
    margin-left: 0;
    flex-shrink: 0; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row .track-table-speed.track-table-head, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-speed.track-table-cell {
    width: 50px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row .track-table-address.track-table-head, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-address.track-table-cell {
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
    width: 100%; }

.ui-menu.ui-widget-content {
  border-radius: 0; }
  .ui-menu.ui-widget-content.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: visible;
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    border: 1px solid #b0bdc9; }
    .ui-menu.ui-widget-content.ui-autocomplete .ui-autocomplete-category {
      margin: -1px 0 0 0;
      background-color: #ffffff;
      border: 1px solid #bcc8d4;
      color: #000000;
      /*font-size: 12px;*/
      font-weight: bold;
      padding-left: 6px; }
      .ui-menu.ui-widget-content.ui-autocomplete .ui-autocomplete-category.ui-units-autocomplete-category {
        border: none;
        background: #CCCCCC;
        padding: 6px 8px; }
    .ui-menu.ui-widget-content.ui-autocomplete .ui-menu-item {
      background-color: #fff;
      height: 35px;
      color: #4d6d8d;
      word-wrap: break-word;
      height: 25px;
      padding: 4px 8px;
      margin: 0 0 0 0; }
      .ui-menu.ui-widget-content.ui-autocomplete .ui-menu-item:focus, .ui-menu.ui-widget-content.ui-autocomplete .ui-menu-item:hover, .ui-menu.ui-widget-content.ui-autocomplete .ui-menu-item.ui-state-focus {
        background: #12aaeb;
        color: #000;
        margin: 0 0 0 0; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .jq-selectbox .jq-selectbox__select {
  border: 1px solid #bcc8d4; }
  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text {
    color: #fff;
    width: 100% !important; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .max-width-no-shrink {
  width: max-content;
  flex-shrink: 0; }

body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  overflow: hidden;
  padding: 0px 8px 0px 8px; }
  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .reports-history-unit, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .reports-history-unit {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .reports-history-template, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .reports-history-template {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .reports-history-from, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .reports-history-from {
    width: 106px;
    flex-shrink: 0; }
  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .reports-history-to, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .reports-history-to {
    width: 106px;
    flex-shrink: 0; }

.yii-pager-dark, .yii-pager-light {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .yii-pager-dark ul.pagination, .yii-pager-light ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px; }
    .yii-pager-dark ul.pagination > li, .yii-pager-light ul.pagination > li {
      display: inline; }
    .yii-pager-dark ul.pagination li > a, .yii-pager-light ul.pagination li > a, .yii-pager-dark ul.pagination li > span, .yii-pager-light ul.pagination li > span {
      position: relative;
      float: left;
      padding: 3px 8px;
      margin-left: -1px;
      line-height: 1.42857143;
      text-decoration: none;
      border-width: 1px;
      border-style: solid;
      font-size: 12px; }

.yii-pager-dark ul.pagination li > a, .yii-pager-dark ul.pagination li > span {
  background-color: #204971;
  border-color: #337ab7;
  color: #fff; }
.yii-pager-dark ul.pagination li > a:hover {
  background-color: #2d67a3;
  color: #fff; }
.yii-pager-dark ul.pagination li.active > a {
  background-color: #2d67a3;
  color: #fff; }

.gelios-popup-window, body .window_arnavigelios {
  z-index: 1001;
  left: -9999px;
  top: -9999px;
  position: absolute;
  /* width: 495px; */
  /* height: 383px; */
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  display: none;
  box-shadow: 0 5px 30px 0 rgba(44, 71, 116, 0.5); }
  .gelios-popup-window .top_window, body .window_arnavigelios .top_window {
    height: 40px;
    background-color: #2e68a1;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 0px 8px 0px 8px; }
  .gelios-popup-window .body_window, body .window_arnavigelios .body_window {
    width: 100%;
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-direction: column; }

.horizontal-tabs {
  height: 34px;
  margin-bottom: 0px;
  display: flex; }
  .horizontal-tabs.horizontal-tabs-for-section {
    width: 100%;
    padding-left: 28px;
    background-color: #152f49; }
  .horizontal-tabs.horizontal-tabs-for-subsection {
    width: 100%;
    padding-left: 28px;
    background-color: #204971; }
  .horizontal-tabs .horizontal-tab {
    padding: 0;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    display: flex;
    align-items: center; }
    .horizontal-tabs .horizontal-tab .horizontal-tab-text {
      text-transform: uppercase;
      color: #ffffff;
      padding: 0 20px;
      width: 100%;
      opacity: .75;
      user-select: none;
      text-decoration: none; }
      .horizontal-tabs .horizontal-tab .horizontal-tab-text:hover {
        text-decoration: none; }
    .horizontal-tabs .horizontal-tab.active {
      border-bottom: 2px solid #fff; }
      .horizontal-tabs .horizontal-tab.active .horizontal-tab-text {
        color: #ffffff;
        opacity: 1; }
    .horizontal-tabs .horizontal-tab:not(.active) {
      cursor: pointer; }

.ui-dialog.ui-widget .mini_window .mini_map, .modal-dialog .modal-content .modal-body .mini_window .mini_map, body .container .main_content .map_and_content .map_section .map, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map {
  height: 100%;
  width: 100%;
  display: flex; }
  .ui-dialog.ui-widget .mini_window .map-maximized.mini_map, .modal-dialog .modal-content .modal-body .mini_window .map-maximized.mini_map, body .container .main_content .map_and_content .map_section .map-maximized.map, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map-maximized.map {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100vh - 16px);
    z-index: 10000; }
  .ui-dialog.ui-widget .mini_window .mini_map .map-shade, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade, body .container .main_content .map_and_content .map_section .map .map-shade, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    z-index: 401;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out; }
    .ui-dialog.ui-widget .mini_window .mini_map .map-shade.hidden, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade.hidden, body .container .main_content .map_and_content .map_section .map .map-shade.hidden, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade.hidden {
      display: none; }
    .ui-dialog.ui-widget .mini_window .mini_map .map-shade .map-shade-text, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade .map-shade-text, body .container .main_content .map_and_content .map_section .map .map-shade .map-shade-text, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade .map-shade-text {
      font-size: 24px;
      color: white; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-control-layers, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-control-layers, body .container .main_content .map_and_content .map_section .map .leaflet-control-layers, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-control-layers {
    display: none; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar, body .container .main_content .map_and_content .map_section .map .leaflet-bar, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    border: 0; }
    @media print {
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar, body .container .main_content .map_and_content .map_section .map .leaflet-bar, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar {
        display: none; } }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-calc-area a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-calc-area a, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-calc-area a, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-control-calc-area a {
      background-image: url("/img/map-buttons/calc-area-show.png");
      background-position: center; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-logs a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-logs a, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-logs a, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-control-logs a {
      background-image: url("/img/map-buttons/logs-show.png");
      background-position: center; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-maximize a, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-control-maximize a {
      background-image: url("/img/map-buttons/ic_map_full_screen.png");
      background-position: center; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a.active, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a.active, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-maximize a.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-control-maximize a.active {
        background-image: url("/img/map-buttons/ic_map_full_screen_off.png"); }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-print a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-print a, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-print a, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-control-print a {
      background-image: url("/img/darkblue/print.png");
      background-position: center; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-routing-container, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-routing-container, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-routing-container, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-routing-container {
      display: none; }
  @media print {
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left, body .container .main_content .map_and_content .map_section .map .leaflet-left, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left {
      display: none; } }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a, body .container .main_content .map_and_content .map_section .map .leaflet-left a, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a {
    font-size: 19px;
    font-weight: normal;
    height: 24px;
    width: 24px;
    color: #21364a;
    line-height: normal; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a:first-child, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a:first-child, body .container .main_content .map_and_content .map_section .map .leaflet-left a:first-child, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a:first-child {
      border-radius: 0; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a:last-child, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a:last-child, body .container .main_content .map_and_content .map_section .map .leaflet-left a:last-child, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a:last-child {
      border-radius: 0; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left .leaflet-control, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left .leaflet-control, body .container .main_content .map_and_content .map_section .map .leaflet-left .leaflet-control, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left .leaflet-control {
    margin-left: 37px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content {
    display: flex;
    flex-direction: row;
    margin: 0 !important;
    overflow: hidden; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info {
      padding: 0 0 0 0;
      height: 100%;
      display: flex;
      align-items: center; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows {
        padding-left: 20px; }
        .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row {
          width: 200px; }
          .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row .track-stops-parkings-label-header, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row .track-stops-parkings-label-header, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row .track-stops-parkings-label-header, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-rows .track-stops-parkings-row .track-stops-parkings-label-header {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-button, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-button, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-button, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content .track-stops-parkings-info .track-stops-parkings-button {
        width: 100px;
        min-width: 80px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.025);
        border-left: 1px solid rgba(0, 0, 0, 0.2);
        transition: all .25s ease-in-out;
        cursor: pointer; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-alarms-popup .leaflet-popup-content, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-alarms-popup .leaflet-popup-content {
    display: flex;
    flex-direction: row;
    margin: 0 !important;
    overflow: hidden; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info {
      padding: 0 0 0 0;
      height: 80px;
      display: flex;
      align-items: center; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows {
        padding-left: 20px; }
        .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row {
          width: 300px; }
          .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row .track-alarms-label-header, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row .track-alarms-label-header, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row .track-alarms-label-header, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows .track-alarms-row .track-alarms-label-header {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0 0 0 0; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window {
      margin: -1px -1px 13px; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller {
      max-height: 150px;
      overflow: hidden; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table {
        width: 100%; }
        .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr {
          border-bottom: 1px solid #b0bdc9; }
          .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr td, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr td, body .container .main_content .map_and_content .map_section .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr td, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .track-control-point-popup-table-scroller table tr td {
            white-space: nowrap;
            padding: 6px 12px;
            color: #21364a; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 5px;
    width: inherit; }
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
      width: inherit !important;
      min-width: 300px;
      margin: 20px 20px 10px;
      line-height: normal; }
      .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window {
        position: relative;
        top: 0;
        left: 0;
        margin: -21px -21px 13px;
        background-color: #2e68a1;
        border-radius: 5px 5px 0 0;
        height: 40px;
        font-size: 18px;
        line-height: 40px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 300;
        color: #fff;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 40px; }
        .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window > span, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window > span, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window > span, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window > span {
          vertical-align: middle;
          display: inline;
          line-height: 40px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-close-button, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-close-button, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-close-button, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-popup .leaflet-popup-close-button {
    display: none; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-tooltip, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-tooltip, body .container .main_content .map_and_content .map_section .map .leaflet-tooltip, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-tooltip {
    background: rgba(235, 235, 235, 0.8);
    border-color: rgba(235, 235, 235, 0.8);
    padding: 1px; }
  @media print {
    .ui-dialog.ui-widget .mini_window .mini_map .leaflet-label, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-label, body .container .main_content .map_and_content .map_section .map .leaflet-label, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-label {
      background-color: rgba(255, 255, 128, 0.5) !important;
      border: 1px solid rgba(128, 128, 128, 0.5) !important;
      border-radius: 3px !important; } }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-wp-marker, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-wp-marker, body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-wp-marker, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-wp-marker {
    width: 27px;
    height: 44px;
    background: url(../img/marker_routing.png) no-repeat center center;
    color: #fff;
    font-weight: bolder;
    text-align: center; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-marker-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-marker-small, body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-marker-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-marker-small {
    font-size: 19px;
    line-height: 26px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-cp-marker, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-cp-marker, body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-cp-marker, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-cp-marker {
    width: 27px;
    height: 44px;
    background: url(../img/markerCP.png) no-repeat center center;
    color: #fff;
    font-weight: bolder;
    text-align: center; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img:not(.direction-arrow), .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img:not(.direction-arrow), body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img:not(.direction-arrow), body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img:not(.direction-arrow) {
    width: 32px;
    height: 32px;
    margin: 9px; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img.direction-arrow, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img.direction-arrow, body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img.direction-arrow, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img.direction-arrow {
    width: 50px;
    height: 50px;
    /*position: inherit;*/ }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon .direction-arrow, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon .direction-arrow, body .container .main_content .map_and_content .map_section .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon .direction-arrow, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon .direction-arrow {
    position: absolute;
    /*                    right: -10px;
                        top: -10px;*/ }
  .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows, body .container .main_content .map_and_content .map_section .map #map_overlay_windows, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows {
    position: absolute;
    top: 10px;
    left: 75px;
    z-index: 1000; }
    .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper {
      background: rgba(255, 255, 255, 0.8);
      display: none;
      color: #21364a;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
      width: 450px;
      margin-bottom: 16px; }
      .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__tabs, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__tabs {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #e6edef; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__tabs .log__tab, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__tabs .log__tab {
          width: 150px;
          text-align: center;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400; }
          .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab span.log__tab, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab span.log__tab, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__tabs .log__tab span.log__tab, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__tabs .log__tab span.log__tab {
            height: 32px;
            display: inline-block;
            line-height: 32px;
            cursor: pointer; }
          .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab.active span.log__tab, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab.active span.log__tab, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__tabs .log__tab.active span.log__tab, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__tabs .log__tab.active span.log__tab {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700;
            border-bottom: 2px solid #204971;
            cursor: default; }
      .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body {
        padding: 5px 7px;
        height: 153px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log__tab_content, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log__tab_content {
          display: none; }
          .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content.active, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content.active, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log__tab_content.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log__tab_content.active {
            display: block; }
          .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-messages__table-header, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-messages__table-header, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-messages__table-header, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-messages__table-header, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-notifications__table-header, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-notifications__table-header, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-notifications__table-header, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-notifications__table-header, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-alarms__table-header, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-alarms__table-header, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-alarms__table-header, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-alarms__table-header {
            width: 100%;
            margin: 4px 10px 4px 10px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log_hr, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log_hr, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log_hr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log_hr {
          padding: 0;
          margin: 0;
          width: 100%;
          border-color: #204971; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body-wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body-wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body-wrapper, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body-wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body-wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body-wrapper, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body-wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body-wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body-wrapper {
          height: 115px;
          overflow-x: hidden;
          overflow-y: auto;
          z-index: 9999; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-messages__table-body, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-notifications__table-body, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body {
          width: 100%;
          margin: 0; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr {
          cursor: pointer; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr td, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr td, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr td, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr td, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr td, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr td, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr td, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr td, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td {
          padding-right: 5px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__time, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__time, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__time, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__time, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__time, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__time, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__time, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__time, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time {
          width: 50px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__coordinates, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__coordinates, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__coordinates, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__coordinates, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__coordinates, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__coordinates, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__coordinates, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__coordinates, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates {
          width: 102px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__speed, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__speed, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__speed, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__speed, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__speed, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__speed, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed {
          width: 69px; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__unit-name, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__unit-name, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__unit-name, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__cell__unit-name, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__unit-name, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__unit-name, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__unit-name, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__cell__unit-name, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__unit-name, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__unit-name, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__unit-name, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__unit-name {
          max-width: 150px;
          width: 150px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.odd, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.odd, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.odd, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.odd, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.odd, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.odd, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.odd, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.odd, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd {
          background: rgba(32, 73, 113, 0.05); }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .notif_text_message, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .notif_text_message, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .notif_text_message, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .notif_text_message {
          display: none;
          background: #fff;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
          padding: 5px 7px;
          width: 315px;
          word-break: break-all;
          z-index: 100; }
        .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.active, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.active, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-messages__tr.active, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.active, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.active, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-notifications__tr.active, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active {
          background: rgba(32, 73, 113, 0.25); }
    .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #window-with-info-about-current-position-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #window-with-info-about-current-position-wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #window-with-info-about-current-position-wrapper, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #window-with-info-about-current-position-wrapper {
      background-color: rgba(255, 255, 255, 0.8);
      width: 450px;
      min-width: 100px;
      padding: 8px 12px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
      display: none; }
      .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #window-with-info-about-current-position-wrapper #window-with-info-about-current-position th, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #window-with-info-about-current-position-wrapper #window-with-info-about-current-position th, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #window-with-info-about-current-position-wrapper #window-with-info-about-current-position th, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #window-with-info-about-current-position-wrapper #window-with-info-about-current-position th {
        padding-right: 10px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div {
    width: 100%; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div span {
    display: block;
    position: relative;
    margin-left: 36px;
    text-align: center; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.marker-count, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span.marker-count, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span.marker-count, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div span.marker-count {
    margin-top: 0;
    width: 25px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span.speed, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span.speed, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div span.speed {
    margin-top: 3px;
    width: 50px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.large-speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span.large-speed, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span.large-speed, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div span.large-speed {
    margin-top: 3px;
    width: 60px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-small {
    background: url("/img/clusters/track_1_kph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-medium, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-medium {
    background: url("/img/clusters/track_3_kph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-large, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-large {
    background: url("/img/clusters/track_2_kph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-small {
    background: url("/img/clusters/track_1_mph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-medium, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-medium {
    background: url("/img/clusters/track_3_mph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-large, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-large {
    background: url("/img/clusters/track_2_mph.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-small {
    background: url("/img/clusters/car-blue.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-medium {
    background: url("/img/clusters/car-green.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-large {
    background: url("/img/clusters/car-violet.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-small {
    background: url("/img/clusters/railway-carriage-blue.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-medium, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-medium {
    background: url("/img/clusters/railway-carriage-green.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-large, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-large {
    background: url("/img/clusters/railway-carriage-violet.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-small div, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-small div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-small div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small div,
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-small div {
    margin-right: 11px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-medium div, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-medium div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-medium div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium div,
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-medium div {
    margin-right: 8px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-large div, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-large div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-large div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large div,
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-large div {
    margin-right: 5px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-small div {
    margin-right: 11px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-medium div {
    margin-right: 8px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-large div {
    margin-right: 5px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-alarm-new, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-alarm-new, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-alarm-new, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-alarm-new {
    background: url("/img/clusters/cluster-sos.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-alarm-work, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-alarm-work, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-alarm-work, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-alarm-work {
    background: url("/img/clusters/cluster-sos.svg") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-small, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-small {
    background: url("/img/clusters/geopoint_1.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-small div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-small div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-small div {
    margin-right: 11px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-medium, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-medium {
    margin-right: 9px;
    background: url("/img/clusters/geopoint_2.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-medium div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-medium div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-medium div {
    margin-right: 8px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-large, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-large {
    margin-right: 5px;
    background: url("/img/clusters/geopoint_3.png") no-repeat; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-large div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-large div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-large div {
    margin-right: 5px; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-stay div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-stay div, body .container .main_content .map_and_content .map_section .map .marker-cluster-stay div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-stay div {
    background: url("/img/stay_ex_sm.png") no-repeat top center; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-parking div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-parking div, body .container .main_content .map_and_content .map_section .map .marker-cluster-parking div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-parking div {
    background: url("/img/parking_ex_sm.png") no-repeat top center; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-fuel-filling div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-fuel-filling div, body .container .main_content .map_and_content .map_section .map .marker-cluster-fuel-filling div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-fuel-filling div {
    background: url("/img/fuel_filling_ex_sm.png") no-repeat top center; }
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-fuel-theft div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-fuel-theft div, body .container .main_content .map_and_content .map_section .map .marker-cluster-fuel-theft div, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-fuel-theft div {
    background: url("/img/fuel_theft_ex_sm.png") no-repeat top center; }
  .ui-dialog.ui-widget .mini_window .mini_map .report-cluster-icon span, .modal-dialog .modal-content .modal-body .mini_window .mini_map .report-cluster-icon span, body .container .main_content .map_and_content .map_section .map .report-cluster-icon span, body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .report-cluster-icon span {
    font-size: 10px;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #C3C3C3;
    border-radius: 3px; }

table.gelios-table {
  font-size: 12px; }
  table.gelios-table th {
    background-color: #204971;
    color: #ffffff;
    font-size: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    border-right: 1px solid #53687c;
    padding: 5px 15px; }
    table.gelios-table th.text-vertical {
      text-align: center;
      vertical-align: bottom; }
      table.gelios-table th.text-vertical span {
        line-height: 12px;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        height: max-content;
        max-height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap; }
    table.gelios-table th.text-middle-horizontal {
      text-align: center;
      vertical-align: middle; }
    table.gelios-table th a {
      color: #ffffff;
      display: inline-block;
      width: 100%; }
      table.gelios-table th a.asc {
        background: url("/img/sorting_table.png") no-repeat right center;
        padding-right: 15px; }
      table.gelios-table th a.desc {
        background: url("/img/sorting_table2.png") no-repeat right center;
        padding-right: 15px; }
  table.gelios-table tr {
    background-color: #ffffff; }
    table.gelios-table tr.even {
      background-color: #F6F6F6; }
  table.gelios-table td {
    border-right: 1px solid #c4ccda;
    border-left: 1px solid #c4ccda;
    border-bottom: 1px solid #c4ccda;
    padding: 0 10px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    height: 28px; }
    table.gelios-table td label {
      margin-bottom: 0; }
    table.gelios-table td.positive {
      color: #008000; }
    table.gelios-table td.negative {
      color: #FF0000; }
  table.fixed-header.gelios-table th {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  table.update-shift-schedule.gelios-table th.text-vertical {
    padding: 4px 4px;
    text-align: center;
    vertical-align: middle; }
  table.update-shift-schedule.gelios-table tr.condenced-cells td {
    padding: 4px 4px; }
  table.gelios-table input.time {
    width: 55px; }
  table.gelios-table thead input {
    width: 100%;
    max-width: 150px;
    height: 24px; }

table.gelios-table {
  margin-bottom: 8px; }

/*%dialog-button {
    width: 170px;
    height: 33px;
    background: #0fa2e9;
    color: #ffffff;
    font-size: 14px;
    @include fontBold;
    border-radius: 3px;
    outline: none;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 1px 4px 0px rgba(0,0,0,.2);
}*/
.content-spinner .loader, body .container .main_content .wrap_content #dyn_content .content .loader, body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes-loader .loader {
  margin: 0px auto;
  position: relative;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid #b0d562;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load 1.1s infinite linear;
  animation: load 1.1s infinite linear;
  border-radius: 60px;
  width: 60px;
  height: 60px; }

.badge {
  background-color: #204971;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  .badge.badge-success {
    background-color: #3BB85D; }
  .badge.badge-primary {
    background-color: #12AAEB; }
  .badge.badge-danger {
    background-color: #E14938; }

/* -------------------------------------------------------------------------- */
/* REPORT TABLES - TABLE & TR & TH & TD */
.block-report-tables__toolbar {
  display: none; }

/*.block-report-tables__table-toggler-item {
    font-family: Arial, sans-serif;
}*/
body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper .table_reports {
  background-color: #fff;
  padding-bottom: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%; }

table.default-table-style {
  border-collapse: collapse;
  min-width: 100%; }
  table.default-table-style.with-light-header {
    border-left: none;
    border-right: none;
    border-top: none; }
    table.default-table-style.with-light-header tr:last-child td {
      border-bottom: 1px solid #E4E8F0; }
    table.default-table-style.with-light-header tr td, table.default-table-style.with-light-header tr th {
      border: none; }
      table.default-table-style.with-light-header tr td:first-child, table.default-table-style.with-light-header tr th:first-child {
        border-left: none; }
    table.default-table-style.with-light-header tr th {
      background-color: #e9edf8;
      /*border-right-color: $mainBorderColorForLightCells;*/
      color: #21364a; }
      table.default-table-style.with-light-header tr th [data-sort] {
        color: #21364a; }
  table.default-table-style tr {
    height: 27px;
    min-height: 27px;
    max-height: 27px; }
    table.default-table-style tr:last-child td {
      border-bottom: 1px solid #b0bdc9; }
    table.default-table-style tr.filters {
      background-color: #e9edf8; }
    table.default-table-style tr:nth-child(even):not(.row_special_class_odd) {
      background-color: #eff1f5; }
    table.default-table-style tr.row_special_class_even {
      background-color: #eff1f5; }
    table.default-table-style tr:not(.filters):hover {
      background-color: #d0d8e6;
      cursor: pointer; }
    table.default-table-style tr.selected-row td {
      background: #d1e8ff; }
    table.default-table-style tr.changed td {
      background: #a3d2e9; }
    table.default-table-style tr.filters td {
      font-size: 11px;
      line-height: 11px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      /*                    &[data-filter-applied] {
                          background-color: #d0d8e6;
                          input {
                              background-color: #d0d8e6;
                          }
                      }*/ }
      table.default-table-style tr.filters td .filter-input-group-wrapper {
        display: flex; }
      table.default-table-style tr.filters td .filter-input-wrapper {
        position: relative;
        height: 20px;
        width: min-content; }
        table.default-table-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper {
          position: absolute;
          width: 16px;
          height: 16px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          right: -5px;
          top: -5px; }
          table.default-table-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper.hidden {
            display: none; }
          table.default-table-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper .filter-interaction-button {
            width: 12px;
            height: 12px;
            z-index: 20;
            background-color: #152f49;
            color: #fff;
            border-radius: 6px;
            transition: all 0.25s ease-in-out;
            background-position: center center; }
          table.default-table-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper:hover .filter-interaction-button {
            background-color: #204971; }
      table.default-table-style tr.filters td input {
        border: 1px solid #8fa4b8;
        /*margin: 0 1px;*/
        font-size: 12px;
        line-height: 12px;
        padding: 1px 4px 0px 4px;
        height: 20px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        border-radius: 2px; }
        table.default-table-style tr.filters td input:hover {
          border: 1px solid #8fa4b8; }
        table.default-table-style tr.filters td input:focus, table.default-table-style tr.filters td input:active {
          border: 1px solid #204971; }
        table.default-table-style tr.filters td input::placeholder {
          color: #aaa; }
        table.default-table-style tr.filters td input.filter-input-numeric {
          width: 42px; }
          table.default-table-style tr.filters td input.filter-input-numeric.filter-input-numeric-first {
            border-bottom-right-radius: 0px;
            border-top-right-radius: 0px;
            border-right: none; }
          table.default-table-style tr.filters td input.filter-input-numeric.filter-input-numeric-second {
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px; }
      table.default-table-style tr.filters td select {
        border: 1px solid #8fa4b8;
        /*margin: 0 1px;*/
        font-size: 12px;
        line-height: 12px;
        padding: 1px 4px 0px 4px;
        height: 20px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        border-radius: 2px; }
        table.default-table-style tr.filters td select:hover {
          border: 1px solid #8fa4b8; }
        table.default-table-style tr.filters td select:focus, table.default-table-style tr.filters td select:active {
          border: 1px solid #204971; }
      table.default-table-style tr.filters td .select2-selection {
        border: 1px solid #8fa4b8;
        box-shadow: none;
        padding: 1px;
        border-radius: 2px; }
      table.default-table-style tr.filters td .select2-container--krajee .select2-selection--single {
        height: auto; }
      table.default-table-style tr.filters td .select2-selection__arrow {
        border-left: 0;
        height: 16px; }
      table.default-table-style tr.filters td .select2-selection__rendered, table.default-table-style tr.filters td .select2-results__options {
        font-size: 11px;
        padding: 1px 2px 0px 2px; }
      table.default-table-style tr.filters td input[data-krajee-daterangepicker] {
        width: 11em; }
      table.default-table-style tr.filters td input.block-report-tables__filter-input-duration {
        width: 3em; }
      table.default-table-style tr.filters td .block-report-tables__daterangepicker-apply-button,
      table.default-table-style tr.filters td .block-report-tables__daterangepicker-cancel-button {
        background: #0fa2e9;
        border: 0;
        outline: 0;
        height: 29px;
        color: #ffffff !important;
        /* for hover */
        font-size: 11px !important;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        border-radius: 3px;
        outline: none;
        border: none;
        cursor: pointer;
        text-transform: uppercase;
        box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2);
        padding: .4em 1em;
        float: right;
        display: inline-block;
        margin-top: 4px;
        margin-bottom: 4px !important; }
    table.default-table-style tr th, table.default-table-style tr td {
      /*border-color: #edf3fe;*/
      /*border-style: solid;*/
      /*border-width: 1px;*/
      border-right: 1px solid #b0bdc9;
      font-size: 11px;
      /*height: 2.2em;*/
      height: 27px;
      min-height: 27px;
      max-height: 27px;
      padding: 2px 6px;
      white-space: nowrap;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }
      table.default-table-style tr th.align-center, table.default-table-style tr td.align-center {
        text-align: center; }
      table.default-table-style tr th.align-right, table.default-table-style tr td.align-right {
        text-align: right; }
      table.default-table-style tr th.nowrap, table.default-table-style tr td.nowrap {
        white-space: nowrap; }
      table.default-table-style tr th:first-child, table.default-table-style tr td:first-child {
        border-left: 1px solid #b0bdc9; }
      table.default-table-style tr th.block-report-tables__numeric-cell, table.default-table-style tr th.block-report-tables__duration-cell, table.default-table-style tr td.block-report-tables__numeric-cell, table.default-table-style tr td.block-report-tables__duration-cell {
        text-align: right; }
      table.default-table-style tr th.block-report-tables__point-coords, table.default-table-style tr th.block-report-tables__track-coords, table.default-table-style tr td.block-report-tables__point-coords, table.default-table-style tr td.block-report-tables__track-coords {
        display: none; }
      table.default-table-style tr th.block-report-tables_selected-cell, table.default-table-style tr td.block-report-tables_selected-cell {
        background-color: #d0d8e6;
        /*height: 3em;*/ }
      table.default-table-style tr th.block-report-tables__last-visible-cell, table.default-table-style tr td.block-report-tables__last-visible-cell {
        padding-right: 45px; }
    table.default-table-style tr th {
      background-color: #204971;
      border-right-color: #1d4165;
      color: #fff;
      cursor: auto;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700;
      padding-top: 4px;
      padding-bottom: 4px;
      line-height: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      /*white-space: pre;*/ }
      table.default-table-style tr th [data-sort] {
        color: #fff; }
      table.default-table-style tr th [data-sort].asc::after,
      table.default-table-style tr th [data-sort].desc::after {
        font-size: 1.4em;
        margin-left: .5em;
        text-decoration: none !important;
        line-height: 0; }
      table.default-table-style tr th [data-sort].asc::after {
        content: '↑'; }
      table.default-table-style tr th [data-sort].desc::after {
        content: '↓'; }
      table.default-table-style tr th.text-vertical {
        text-align: center;
        vertical-align: bottom; }
        table.default-table-style tr th.text-vertical span {
          line-height: 12px;
          -webkit-writing-mode: vertical-lr;
          -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          transform: rotate(180deg);
          height: max-content;
          max-height: 80px;
          overflow: hidden;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
    table.default-table-style tr td {
      border-bottom: 0;
      /*white-space: pre;*/ }
  table.default-table-style.maintenance-schedule-table {
    background: #fff;
    width: 100%; }
    table.default-table-style.maintenance-schedule-table th, table.default-table-style.maintenance-schedule-table td {
      border-right: 1px solid #c4ccda;
      font-size: 11px;
      height: 2.2em;
      padding: 2px 6px;
      white-space: nowrap; }
    table.default-table-style.maintenance-schedule-table thead th {
      /*                background-color: $mainDarkBackgroundColor;
                      border-right-color: #3a6289;
                      color: #fff;
                      cursor: auto;
                      @include fontBold;
                      padding-top: 4px;
                      padding-bottom: 4px;
                      line-height: 12px;
                      white-space: nowrap;*/ }
      table.default-table-style.maintenance-schedule-table thead th:first-child {
        padding-left: 40px; }
    table.default-table-style.maintenance-schedule-table thead tr.filters td {
      /*                    input {
                              border: 0;
                              outline: none;
                              border-bottom: 1px solid #8fa4b8;
                              margin: 0 1px;
                              font-size: 12px;
                              @include fontRegular;
                              &[name="__from__numeric__work_cost"], &[name="__to__numeric__work_cost"] {
                                  width: 22px;
                              }
                          }*/ }
      table.default-table-style.maintenance-schedule-table thead tr.filters td#maintenance--edit-status-icon {
        background-position: right;
        cursor: pointer; }
    table.default-table-style.maintenance-schedule-table tbody tr.maintenance--today-row, table.default-table-style.maintenance-schedule-table tbody tr.maintenance--after-today {
      background: #507794;
      color: #fff;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700; }
      table.default-table-style.maintenance-schedule-table tbody tr.maintenance--today-row td, table.default-table-style.maintenance-schedule-table tbody tr.maintenance--after-today td {
        text-align: center; }
    table.default-table-style.maintenance-schedule-table tbody tr.maintenance--after-today {
      height: 7px; }
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-done,
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-planned,
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-near,
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-overdue {
      padding-left: 21px;
      width: 20px; }
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-done {
      background-image: url("/img/maintenance/status-done.png"); }
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-planned {
      background-image: url("/img/maintenance/status-planned.png"); }
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-near {
      background-image: url("/img/maintenance/status-near.png"); }
    table.default-table-style.maintenance-schedule-table tbody tr .maintenance--status-overdue {
      background-image: url("/img/maintenance/status-overdue.png"); }
    table.default-table-style.maintenance-schedule-table tbody tr td.maintenance-grid-view-last-column-currency {
      text-align: right;
      padding-right: 48px; }
    table.default-table-style.maintenance-schedule-table tbody tr td input.kv-row-checkbox {
      margin-left: 34px; }

/* Date inputs */
/* Numeric inputs */
.block-report-tables__daterangepicker-apply-button {
  margin-left: .5em; }

.daterangepicker.daterangepicker.dropdown-menu.show-calendar > .ranges {
  float: none;
  /*position: relative;*/ }

/* -------------------------------------------------------------------------- */
/*.kv-grid-container .empty {
    color: inherit;
}

.resize_button {
    width: 19px;
    text-align: center;
}*/
/* -------------------------------------------------------------------------- */
/*.block-report-tables__header {*/
/*position: relative;*/
/*}*/
/*
.block-report-tables__show-hide-filters-button {
    background-image: url(/img/report-grid-view/icons/filter_close.png);
    cursor: pointer;
    display: inline-block;
    height: 21px;
    width: 19px;
    position: absolute;
    right: 97px;
    bottom: 0;
}*/
/*.block-report-tables__show-hide-filters-button_active {
    background-image: url(/img/report-grid-view/icons/filter.png);
}*/
/*.filters_hidden {
    background-image: url(/img/report-grid-view/icons/filter.png);
    display: none;
}*/
/*.block-report-tables__toggle-data {
    background-image: url(/img/report-grid-view/icons/expand.png);
    cursor: pointer;
    display: inline-block;
    height: 19px;
    width: 19px;
    position: absolute;
    right: 9.4em;
    top: .6em;
}*/
/*.block-report-tables__toggle-data__page {
    background-image: url(/img/report-grid-view/icons/turn.png);
}*/
.grid-view-default-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center; }
  .grid-view-default-footer .summary {
    font-size: 12px;
    line-height: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    width: 300px;
    display: inline-block; }
  .grid-view-default-footer .grid-selected-element-count {
    padding-left: 25px;
    font-size: 12px;
    line-height: 12px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }
    .grid-view-default-footer .grid-selected-element-count.hidden {
      display: none; }
  .grid-view-default-footer .block-report-tables__pagination, .grid-view-default-footer .table__pagination {
    margin: 0;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    /*
        margin-top: -38px;
        position: relative;
        top:-13px;
    */ }
    .grid-view-default-footer .block-report-tables__pagination li, .grid-view-default-footer .table__pagination li {
      display: inline-block; }
      .grid-view-default-footer .block-report-tables__pagination li.active, .grid-view-default-footer .table__pagination li.active {
        font-size: .9em; }
        .grid-view-default-footer .block-report-tables__pagination li.active a, .grid-view-default-footer .table__pagination li.active a {
          display: none; }
        .grid-view-default-footer .block-report-tables__pagination li.active input, .grid-view-default-footer .table__pagination li.active input {
          /*border: 1px solid #ddd;*/
          /*border-radius: 7%;*/
          width: 28px;
          /*outline: 0;*/
          text-align: center;
          border: 0;
          outline: none;
          border-bottom: 1px solid #8fa4b8;
          margin: 0 1px;
          font-size: 12px;
          line-height: 12px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400; }
      .grid-view-default-footer .block-report-tables__pagination li.first a, .grid-view-default-footer .block-report-tables__pagination li.first span, .grid-view-default-footer .table__pagination li.first a, .grid-view-default-footer .table__pagination li.first span {
        background: url("/img/report-grid-view/arrow-left-double.png") no-repeat center; }
      .grid-view-default-footer .block-report-tables__pagination li.prev a, .grid-view-default-footer .block-report-tables__pagination li.prev span, .grid-view-default-footer .table__pagination li.prev a, .grid-view-default-footer .table__pagination li.prev span {
        background: url("/img/report-grid-view/arrow-left-single.png") no-repeat center; }
      .grid-view-default-footer .block-report-tables__pagination li.next a, .grid-view-default-footer .block-report-tables__pagination li.next span, .grid-view-default-footer .table__pagination li.next a, .grid-view-default-footer .table__pagination li.next span {
        background: url("/img/report-grid-view/arrow-right-single.png") no-repeat center; }
      .grid-view-default-footer .block-report-tables__pagination li.last a, .grid-view-default-footer .block-report-tables__pagination li.last span, .grid-view-default-footer .table__pagination li.last a, .grid-view-default-footer .table__pagination li.last span {
        background: url("/img/report-grid-view/arrow-right-double.png") no-repeat center; }
      .grid-view-default-footer .block-report-tables__pagination li a, .grid-view-default-footer .block-report-tables__pagination li span, .grid-view-default-footer .table__pagination li a, .grid-view-default-footer .table__pagination li span {
        display: inline-block;
        text-decoration: none;
        width: 15px; }

.gelios-popup-window .popup-window-detail-row {
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  margin-bottom: 6px; }
  .gelios-popup-window .popup-window-detail-row.hidden {
    display: none; }
  .gelios-popup-window .popup-window-detail-row .css-icon-19px {
    margin-right: 8px; }
  .gelios-popup-window .popup-window-detail-row .popup-window-detail-title {
    color: #999999;
    width: 105px;
    flex-shrink: 0; }
  .gelios-popup-window .popup-window-detail-row .popup-window-detail-value {
    color: #414141;
    max-width: 300px; }

.empty {
  color: #424242;
  border-bottom: 1px solid #d6d6d6;
  padding: 12px;
  background-color: #f5f5f5;
  /*color: #fff;*/
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  text-align: center; }

.section-header {
  width: 100%;
  background-color: #152f49;
  padding-left: 32px;
  padding-right: 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  height: 32px; }
  .section-header .horizontal-tabs {
    padding-left: 0px; }

.section-body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }

.ui-widget-overlay.ui-front {
  z-index: 1999; }

.ui-widget.ui-datepicker {
  z-index: 2999; }

.ui-dialog.ui-widget .ui-dialog-titlebar, .modal-dialog .modal-content .modal-header {
  height: 38px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  background-color: #2e68a1; }

.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title, .modal-dialog .modal-content .modal-header {
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase; }

.ui-dialog.ui-widget form-vertical, .modal-dialog .modal-content .modal-body form-vertical {
  display: flex;
  flex-direction: column; }
  .ui-dialog.ui-widget form-vertical .form-group, .modal-dialog .modal-content .modal-body form-vertical .form-group {
    display: flex;
    flex-direction: column; }
.ui-dialog.ui-widget input[type="text"], .modal-dialog .modal-content .modal-body input[type="text"], .ui-dialog.ui-widget input[type="password"], .modal-dialog .modal-content .modal-body input[type="password"], .ui-dialog.ui-widget select, .modal-dialog .modal-content .modal-body select {
  outline: none;
  background: transparent;
  border: 1px solid #21364a;
  border-radius: 3px;
  padding-left: 15px;
  color: #21364a;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  height: 30px;
  text-align: left; }
  .ui-dialog.ui-widget input[type="text"]:not(.checkbox-filter), .modal-dialog .modal-content .modal-body input[type="text"]:not(.checkbox-filter), .ui-dialog.ui-widget input[type="password"]:not(.checkbox-filter), .modal-dialog .modal-content .modal-body input[type="password"]:not(.checkbox-filter), .ui-dialog.ui-widget select:not(.checkbox-filter), .modal-dialog .modal-content .modal-body select:not(.checkbox-filter) {
    width: 100%; }
.ui-dialog.ui-widget .template-form-table tr, .modal-dialog .modal-content .modal-body .template-form-table tr {
  border-bottom: 1px solid #b0bdc9; }
  .ui-dialog.ui-widget .template-form-table tr td, .modal-dialog .modal-content .modal-body .template-form-table tr td {
    padding: 8px 16px 8px 16px; }
    .ui-dialog.ui-widget .template-form-table tr td.template-form-table-waypoint-name, .modal-dialog .modal-content .modal-body .template-form-table tr td.template-form-table-waypoint-name {
      white-space: nowrap;
      max-width: 220px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .ui-dialog.ui-widget .template-form-table tr td input.template-minute-box, .modal-dialog .modal-content .modal-body .template-form-table tr td input.template-minute-box {
      width: 50px;
      margin: 0px 10px 0px 10px; }
.ui-dialog.ui-widget .jq-selectbox, .modal-dialog .modal-content .modal-body .jq-selectbox {
  width: 100%; }
  .ui-dialog.ui-widget .jq-selectbox .jq-selectbox__select, .modal-dialog .modal-content .modal-body .jq-selectbox .jq-selectbox__select {
    border: 1px solid #21364a;
    border-radius: 3px;
    color: #21364a;
    font-size: 13px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }
.ui-dialog.ui-widget textarea, .modal-dialog .modal-content .modal-body textarea {
  outline: none;
  background: transparent;
  border: 1px solid #21364a;
  border-radius: 3px;
  padding: 10px 15px;
  color: #21364a;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  max-width: 100%;
  max-height: 150px; }
.ui-dialog.ui-widget .radio-list, .modal-dialog .modal-content .modal-body .radio-list {
  padding-left: 20px;
  display: flex;
  flex-direction: column; }
  .ui-dialog.ui-widget .radio-list .single-radio-block, .modal-dialog .modal-content .modal-body .radio-list .single-radio-block {
    display: flex;
    align-items: center;
    /*margin-right: 16px;*/
    margin: 2px 0px 2px 0px; }
    .ui-dialog.ui-widget .radio-list .single-radio-block input[type="radio"], .modal-dialog .modal-content .modal-body .radio-list .single-radio-block input[type="radio"] {
      margin: 0px 4px 0px 0px;
      display: unset;
      height: 18px; }
    .ui-dialog.ui-widget .radio-list .single-radio-block label, .modal-dialog .modal-content .modal-body .radio-list .single-radio-block label {
      margin: 0px 4px 0px 0px;
      display: unset;
      padding-top: 2px; }
.ui-dialog.ui-widget .vertical-spacer, .modal-dialog .modal-content .modal-body .vertical-spacer {
  width: 100%;
  height: 16px; }
.ui-dialog.ui-widget .control-label, .modal-dialog .modal-content .modal-body .control-label {
  color: #21364a;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  margin: 16px 0px 2px 0px;
  display: block; }
.ui-dialog.ui-widget .control-label-inline, .modal-dialog .modal-content .modal-body .control-label-inline {
  color: #21364a;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0px; }
.ui-dialog.ui-widget .form-horizontal, .modal-dialog .modal-content .modal-body .form-horizontal {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .ui-dialog.ui-widget .form-horizontal .control-label-inline, .modal-dialog .modal-content .modal-body .form-horizontal .control-label-inline {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 12px; }
.ui-dialog.ui-widget .simpleColorContainer, .modal-dialog .modal-content .modal-body .simpleColorContainer {
  margin-top: 0;
  border: 1px solid #21364a;
  border-radius: 5px; }
.ui-dialog.ui-widget #icon_div, .modal-dialog .modal-content .modal-body #icon_div {
  width: fit-content;
  padding: 5px 5px 5px 5px;
  border: 1px solid #204971;
  border-radius: 5px;
  cursor: pointer; }
.ui-dialog.ui-widget #geo-points-icons, .modal-dialog .modal-content .modal-body #geo-points-icons {
  border: 1px solid #204971;
  height: 100%;
  border-radius: 5px;
  display: inline-block; }
  .ui-dialog.ui-widget #geo-points-icons .geopoint-icon, .modal-dialog .modal-content .modal-body #geo-points-icons .geopoint-icon {
    width: 45px;
    height: 46px;
    float: left;
    margin: 4px;
    border: 1px solid transparent;
    border-radius: 5px;
    line-height: 45px;
    text-align: center;
    cursor: pointer; }
.ui-dialog.ui-widget .help-block, .modal-dialog .modal-content .modal-body .help-block, .ui-dialog.ui-widget .last-maintenance-error, .modal-dialog .modal-content .modal-body .last-maintenance-error {
  clear: both;
  color: #a94442;
  display: none;
  padding-top: 10px; }
.ui-dialog.ui-widget .has-error .help-block, .modal-dialog .modal-content .modal-body .has-error .help-block {
  display: initial; }
.ui-dialog.ui-widget .has-error .control-label, .modal-dialog .modal-content .modal-body .has-error .control-label, .ui-dialog.ui-widget .has-error .control-label-inline, .modal-dialog .modal-content .modal-body .has-error .control-label-inline, .ui-dialog.ui-widget .has-error input[type="text"], .modal-dialog .modal-content .modal-body .has-error input[type="text"], .ui-dialog.ui-widget .has-error input[type="password"], .modal-dialog .modal-content .modal-body .has-error input[type="password"], .ui-dialog.ui-widget .has-error select, .modal-dialog .modal-content .modal-body .has-error select, .ui-dialog.ui-widget .has-error textarea, .modal-dialog .modal-content .modal-body .has-error textarea {
  color: #a94442; }
.ui-dialog.ui-widget .algorithm-value-select-wrapper, .modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper {
  display: flex;
  align-items: center; }
  .ui-dialog.ui-widget .algorithm-value-select-wrapper .control-label, .modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper .control-label {
    color: #21364a;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: unset;
    margin: 0px 0px 0px 0px;
    display: block; }
  .ui-dialog.ui-widget .algorithm-value-select-wrapper input, .modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper input {
    margin: 0px 8px 0px 8px; }
.ui-dialog.ui-widget .maintenance-form-field-currency, .modal-dialog .modal-content .modal-body .maintenance-form-field-currency {
  display: flex;
  align-items: center; }
  .ui-dialog.ui-widget .maintenance-form-field-currency .maintenance-form-field-currency-label, .modal-dialog .modal-content .modal-body .maintenance-form-field-currency .maintenance-form-field-currency-label {
    display: flex;
    align-items: center;
    color: #21364a;
    margin-left: 8px;
    margin-right: 8px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }
.ui-dialog.ui-widget .last-maintenance-content, .modal-dialog .modal-content .modal-body .last-maintenance-content {
  border: 1px solid #21364a;
  border-radius: 3px;
  margin-top: 15px;
  padding: 0; }
  .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-header, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-header {
    background: #e5ebf0;
    margin-bottom: 10px; }
    .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-header span, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-header span {
      font-size: 14px;
      vertical-align: middle; }
  .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-unit, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-unit {
    display: inline-block;
    width: 240px;
    margin-left: 10px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }
  .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-date, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-date, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-input, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-input {
    display: inline-block;
    width: 196px; }
  .ui-dialog.ui-widget .last-maintenance-content .maintenance--status-ok, .modal-dialog .modal-content .modal-body .last-maintenance-content .maintenance--status-ok {
    background: url(/img/maintenance/status-done.png) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
    padding-left: 22px; }
  .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-footer, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-footer {
    background: #e5ebf0;
    height: 30px;
    line-height: 30px;
    padding-left: 10px; }
  .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-list-item > input, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-list-item > input, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-footer input, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-footer input {
    border-radius: 3px;
    line-height: initial;
    height: 23px;
    width: 203px;
    font-size: 12px;
    color: #21364a;
    border: 1px solid #21364a;
    text-align: left;
    padding-left: 3px;
    background: #fff; }
.ui-dialog.ui-widget .block-filter, .modal-dialog .modal-content .modal-body .block-filter {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 10px; }
  .ui-dialog.ui-widget .block-filter .select-all, .modal-dialog .modal-content .modal-body .block-filter .select-all {
    display: flex;
    align-items: center; }
    .ui-dialog.ui-widget .block-filter .select-all span, .modal-dialog .modal-content .modal-body .block-filter .select-all span {
      color: #21364a;
      font-size: 12px;
      margin-left: 2px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget, .modal-dialog .modal-content .modal-body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget {
  background: #0fa2e9;
  color: #fff; }
  .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget:hover, .modal-dialog .modal-content .modal-body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget:hover {
    background: #0fa2e9;
    color: #fff; }
.ui-dialog.ui-widget .mini_window, .modal-dialog .modal-content .modal-body .mini_window {
  padding: 0 0 0 0;
  overflow: hidden; }
  .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left .leaflet-control, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left .leaflet-control {
    margin-left: 10px; }
  .ui-dialog.ui-widget .mini_window .mini_text, .modal-dialog .modal-content .modal-body .mini_window .mini_text {
    padding: 15px 15px 0;
    width: 100%;
    font-size: 13px;
    display: inline-block; }
  .ui-dialog.ui-widget .mini_window .body_window_line_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box {
    margin-top: 2px;
    margin-bottom: 12px; }
  .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper {
    margin: 0;
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px;
    max-height: 72px;
    border-bottom: 1px solid #D9E4F1; }
    .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper.mini-window-three-sensors, .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper.mini-window-three-sensors {
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
    .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper .body_window_box, .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .body_window_box {
      padding: 15px 15px 15px 0;
      margin: 0; }
    .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span, .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span {
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 12px;
      lineheight: 15px;
      display: block; }
      .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span span, .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span span {
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600; }
  .ui-dialog.ui-widget .mini_window .mini_chart, .modal-dialog .modal-content .modal-body .mini_window .mini_chart {
    padding: 11px 15px 15px;
    width: 100%; }
.ui-dialog.ui-widget .send_command, .modal-dialog .modal-content .modal-body .send_command {
  /*        input[type="submit"] {
              background: $executeButtonBackgroundColor;
              color: $executeButtonTextColor;
              font-size: 14px;
              @include fontBold;
              outline: none;
              border: none;
              box-shadow: 0 1px 4px 0px rgba(0,0,0,.2);
          }*/ }
  .ui-dialog.ui-widget .send_command .send-command-form-horizontal, .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*            input[type="submit"] {
                    width: 180px;
                    flex-shrink: 0;
                }*/ }
    .ui-dialog.ui-widget .send_command .send-command-form-horizontal select, .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal select, .ui-dialog.ui-widget .send_command .send-command-form-horizontal .jq-selectbox, .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal .jq-selectbox {
      width: 80px;
      flex-shrink: 0; }
    .ui-dialog.ui-widget .send_command .send-command-form-horizontal #send_cmd_text, .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal #send_cmd_text {
      width: 380px;
      flex-shrink: 0; }
  .ui-dialog.ui-widget .send_command table, .modal-dialog .modal-content .modal-body .send_command table {
    border: none;
    border-spacing: 0px;
    width: 100%; }
    .ui-dialog.ui-widget .send_command table td, .modal-dialog .modal-content .modal-body .send_command table td, .ui-dialog.ui-widget .send_command table th, .modal-dialog .modal-content .modal-body .send_command table th {
      padding: 0px; }
      .ui-dialog.ui-widget .send_command table td.command-table-actions, .modal-dialog .modal-content .modal-body .send_command table td.command-table-actions, .ui-dialog.ui-widget .send_command table th.command-table-actions, .modal-dialog .modal-content .modal-body .send_command table th.command-table-actions {
        width: 142px; }
    .ui-dialog.ui-widget .send_command table th, .modal-dialog .modal-content .modal-body .send_command table th {
      text-align: center;
      color: #959595;
      font-size: 11px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding: 0 10px; }
    .ui-dialog.ui-widget .send_command table td, .modal-dialog .modal-content .modal-body .send_command table td {
      padding: 5px 10px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 12px; }
    .ui-dialog.ui-widget .send_command table.command-queue-table td.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-queue-table td.command-table-text, .ui-dialog.ui-widget .send_command table.command-queue-table th.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-queue-table th.command-table-text {
      width: 400px;
      word-break: break-all; }
    .ui-dialog.ui-widget .send_command table.command-history-table td.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-history-table td.command-table-text, .ui-dialog.ui-widget .send_command table.command-history-table th.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-history-table th.command-table-text {
      width: 300px;
      word-break: break-all; }
.ui-dialog.ui-widget .select-unit-icon-wrapper, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car {
    width: 200px;
    padding: 0 20px;
    height: 100%;
    border-right: 1px solid #b0bdc9; }
    .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car a, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car a {
      display: block;
      color: #21364a;
      font-size: 12px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      padding: 12px 0;
      margin: 0px 0;
      text-transform: uppercase;
      border-bottom: 1px solid #1d4165; }
      .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car a.active, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car a.active {
        color: #0fa2e9; }
  .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car {
    width: 100%;
    height: 540px;
    overflow: hidden; }
    .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car {
      display: flex;
      flex-wrap: wrap; }
      .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto {
        width: 45px;
        height: 46px;
        margin: 4px;
        border: 1px solid transparent;
        border-radius: 5px;
        line-height: 45px;
        text-align: center; }
        .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto:hover, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto:hover, .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto.active, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto.active {
          border: 1px solid #21364a; }
        .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto img, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto img {
          max-width: 100%;
          max-height: 100%;
          cursor: pointer; }
.ui-dialog.ui-widget .file-dialog, .modal-dialog .modal-content .modal-body .file-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  .ui-dialog.ui-widget .file-dialog .file-dialog-header, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .ui-dialog.ui-widget .file-dialog .file-dialog-header .file-dialog-datetime-range .style_calendar, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-header .file-dialog-datetime-range .style_calendar {
      width: 170px; }
  .ui-dialog.ui-widget .file-dialog .file-dialog-body, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body {
    margin-top: 16px;
    display: flex;
    max-height: calc(100vh - 256px); }
    .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-table-wrapper, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-table-wrapper {
      overflow: hidden;
      height: 100%;
      width: 250px;
      flex-shrink: 0;
      padding: 10px; }
    .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper {
      padding: 10px;
      width: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container {
        width: 100%;
        height: calc(100% - 54px);
        text-align: center; }
        .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container img, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container img {
          max-width: 100%;
          max-height: 100%; }
      .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-download-button, .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-download-button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        flex-shrink: 0; }
.ui-dialog.ui-widget .window_import #selected-items > div, .modal-dialog .modal-content .modal-body .window_import #selected-items > div {
  border: 1px solid #21364a;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  margin: 5px 5px 0 0;
  padding: 6px; }
  .ui-dialog.ui-widget .window_import #selected-items > div .close, .modal-dialog .modal-content .modal-body .window_import #selected-items > div .close {
    opacity: 1;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px; }
.ui-dialog.ui-widget #window_chat, .modal-dialog .modal-content .modal-body #window_chat {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 100%;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400; }
  .ui-dialog.ui-widget #window_chat .chat-left-panel, .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 280px;
    flex-shrink: 0;
    border-right: 1px solid #b0bdc9; }
    .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_mask, .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_mask {
      display: flex;
      flex-shrink: 0;
      height: 40px;
      border: 0px;
      border-bottom: 1px solid #ccc;
      color: #000;
      font-size: 14px;
      width: 100%;
      border-radius: 0;
      background: #f3f6fb url(/img/magnifier.png) no-repeat scroll 96%;
      padding-left: 20px; }
    .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_list, .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list {
      display: flex;
      height: 100%;
      overflow: hidden; }
      .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_list .mCustomScrollBox, .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list .mCustomScrollBox {
        width: 100%; }
      .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_list .item-within-list-light .item-header .missed_mess_unit, .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list .item-within-list-light .item-header .missed_mess_unit {
        width: 32px;
        height: 18px;
        text-align: center;
        line-height: 16px;
        display: none;
        background: #b0d562;
        color: #152f49;
        font-size: 12px;
        border-radius: 10px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700; }
  .ui-dialog.ui-widget #window_chat .chat-right-panel, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%; }
    .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container {
      display: flex;
      height: 100%;
      background-color: #e1e5eb; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .mCustomScrollBox, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .mCustomScrollBox {
        width: 100%; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_date, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_date {
        text-align: center;
        padding: 20px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        font-size: 12px; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message {
        overflow: hidden;
        margin: 10px 0px; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message {
        display: block; }
        .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child {
          width: 70px;
          text-align: center;
          margin-left: 5px;
          color: #21364a;
          font-size: 11px;
          line-height: 12px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 600; }
          .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child .unit-icon-container, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child .unit-icon-container, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child .unit-icon-container, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child .unit-icon-container {
            display: block;
            background-color: #f8f8f8;
            border: 1px solid #527ea9;
            text-align: center;
            margin: 0px auto;
            width: 36px;
            height: 36px;
            border-radius: 20px;
            margin-bottom: 2px; }
        .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child {
          background-color: #fff;
          border-radius: 5px;
          max-width: 75%;
          min-width: 25%;
          padding: 20px 20px 25px;
          color: #fff;
          min-height: 50px;
          position: relative; }
          .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child span, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child span, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child span, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child span {
            color: #21364a;
            font-size: 18px;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700;
            font-size: 12px; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child {
        float: right; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child {
        float: right; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child {
        float: left; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child {
        float: left; }
    .ui-dialog.ui-widget #window_chat .chat-right-panel .chat_messages_textarea, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea {
      display: flex;
      height: max-content;
      flex-shrink: 0;
      border-top: 1px solid #b0bdc9; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat_messages_textarea textarea, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea textarea {
        width: 100%;
        max-width: 100%;
        height: 60px;
        max-height: 60px;
        border: 0px;
        border-radius: 0px;
        margin: 0px;
        padding: 10px 55px 10px 20px;
        resize: none;
        font-size: 14px;
        color: #333;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400; }
      .ui-dialog.ui-widget #window_chat .chat-right-panel .chat_messages_textarea #chat_send_message, .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea #chat_send_message {
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; }
.ui-dialog.ui-widget .ui-tabs, .modal-dialog .modal-content .modal-body .ui-tabs {
  padding-left: 0px;
  padding-right: 0px; }
  .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav {
    padding: 0; }
    .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li {
      border-bottom: #ffffff 0px solid;
      margin: 1px .2em 5px 0;
      outline: none; }
      .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a {
        outline: none; }
        .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:active, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:active {
          outline: none; }
        .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:focus, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:focus {
          outline: none; }
        .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:hover, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:hover {
          color: #0fa2e9; }
      .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li.ui-tabs-active, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border-top: #21364a 0px solid;
        border-left: #21364a 0px solid;
        border-right: #21364a 0px solid;
        border-bottom: #21364a 2px solid;
        margin: 1px .2em 5px 0;
        padding: 0;
        color: #0fa2e9; }
        .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          color: #0fa2e9; }
  .ui-dialog.ui-widget .ui-tabs .ui-tabs-panel, .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-panel {
    padding: 0; }
.ui-dialog.ui-widget .modal-block-horizontal, .modal-dialog .modal-content .modal-body .modal-block-horizontal {
  display: flex; }
  .ui-dialog.ui-widget .modal-block-horizontal .modal-block-horizontal-item, .modal-dialog .modal-content .modal-body .modal-block-horizontal .modal-block-horizontal-item {
    width: 100%;
    margin-right: 8px;
    overflow: hidden; }
    .ui-dialog.ui-widget .modal-block-horizontal .modal-block-horizontal-item:last-child, .modal-dialog .modal-content .modal-body .modal-block-horizontal .modal-block-horizontal-item:last-child {
      margin-right: 0px; }
.ui-dialog.ui-widget .modal-window-horizontal-wrapper, .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper {
  display: flex; }
  .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal, .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal {
    width: 500px;
    margin-left: 10px; }
    .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal.hidden, .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal.hidden {
      display: none; }
    .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal:first-child, .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal:first-child {
      margin-left: 0px; }
.ui-dialog.ui-widget .unit-group-modal-icon-chooser .left_select_car, .modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .left_select_car {
  border-left: 1px solid #cccccc; }
.ui-dialog.ui-widget .unit-group-modal-icon-chooser .right_select_car, .modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .right_select_car {
  width: 280px; }
.ui-dialog.ui-widget .unit-group-modal-icon-chooser .active-checkbox-widget, .modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .active-checkbox-widget {
  height: 350px; }
.ui-dialog.ui-widget #release-information-list, .modal-dialog .modal-content .modal-body #release-information-list {
  /*height: 500px;*/
  margin-bottom: 0px;
  padding: 13px 24px;
  overflow: auto; }
  .ui-dialog.ui-widget #release-information-list .release-information-single-release, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    .ui-dialog.ui-widget #release-information-list .release-information-single-release:last-child, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release:last-child {
      margin-bottom: 0px; }
    .ui-dialog.ui-widget #release-information-list .release-information-single-release.not-published, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release.not-published {
      background: #ccc; }
    .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-header, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header {
      font-size: 24px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 800;
      letter-spacing: 0;
      color: #21364a;
      margin-bottom: 9px; }
      .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-header .release-information-header-button, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header .release-information-header-button {
        cursor: pointer;
        font-size: 28px;
        font-weight: bold;
        margin-left: 8px; }
      .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-header .release-information-header-text, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header .release-information-header-text {
        margin-right: 32px; }
    .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item {
      margin-bottom: 20px; }
      .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 1px; }
        .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header .release-information-item-icon, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header .release-information-item-icon {
          width: 32px;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header .release-information-item-header-text, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header .release-information-item-header-text {
          font-size: 18px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 700;
          letter-spacing: 0;
          color: #21364a; }
      .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-text, .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-text {
        font-size: 14px;
        line-height: 20px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        color: #21364a;
        margin-left: 33px; }
.ui-dialog.ui-widget .release-information-form textarea, .modal-dialog .modal-content .modal-body .release-information-form textarea {
  height: 120px; }
.ui-dialog.ui-widget textarea#support_message, .modal-dialog .modal-content .modal-body textarea#support_message {
  height: 300px; }

.ui-dialog.ui-widget {
  z-index: 2000;
  border-radius: 0; }
  .ui-dialog.ui-widget.release-information-dialog-content .ui-dialog-content {
    padding: 0;
    scrollbar-color: #31506d #bccfe1;
    scrollbar-width: thin; }
    .ui-dialog.ui-widget.release-information-dialog-content .ui-dialog-content::-webkit-scrollbar {
      width: 4px; }
    .ui-dialog.ui-widget.release-information-dialog-content .ui-dialog-content::-webkit-scrollbar-track {
      background: #99b6d1; }
    .ui-dialog.ui-widget.release-information-dialog-content .ui-dialog-content::-webkit-scrollbar-thumb {
      background: #31506d; }
  .ui-dialog.ui-widget.gdialog-chat #global_dialog {
    padding: 0; }
  .ui-dialog.ui-widget .ui-dialog-content {
    box-sizing: content-box; }

.modal-dialog {
  width: 650px;
  top: calc(50% - 310px); }
  .modal-dialog .modal-content {
    width: 650px; }
    .modal-dialog .modal-content .modal-header .close {
      display: flex;
      position: absolute;
      right: 18px;
      opacity: 0.7;
      margin-top: unset;
      transition: all .25s ease-in-out; }
      .modal-dialog .modal-content .modal-header .close:hover {
        opacity: 1; }
    .modal-dialog .modal-content .modal-body {
      padding: 0px 0px 20px 0px;
      border-radius: 0px; }
      .modal-dialog .modal-content .modal-body .tabs-btns {
        display: flex;
        border-bottom: 1px solid #b0bdc9;
        overflow: hidden; }
        .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn {
          display: flex;
          align-items: center;
          padding: 0 20px 0 42px;
          font-size: 14px;
          cursor: pointer;
          background-color: #e7f6fd;
          height: 40px;
          position: relative;
          width: 100%;
          white-space: nowrap; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:nth-child(1) {
            z-index: 4;
            padding: 0 20px 0 32px; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:nth-child(2) {
            z-index: 3; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:nth-child(3) {
            z-index: 2; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:nth-child(4) {
            z-index: 1; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:nth-child(5) {
            z-index: 0; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn.active {
            background-color: #b7e3f8; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn.disabled {
            background-color: #e3e3e3; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:after {
            content: '';
            width: 28px;
            height: 28px;
            position: absolute;
            right: -15px;
            top: 6px;
            transform: rotate(45deg);
            background: #e7f6fd;
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn.active:after {
            background-color: #b7e3f8; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn.disabled:after {
            background-color: #e3e3e3; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn:last-child:after {
            display: none; }
      .modal-dialog .modal-content .modal-body .block-switching-condition, .modal-dialog .modal-content .modal-body .block-switching-period-settings, .modal-dialog .modal-content .modal-body .steps--subtabs {
        display: flex;
        justify-content: space-between;
        height: 40px;
        width: 100%;
        background-color: #F4F6F8;
        align-items: center; }
      .modal-dialog .modal-content .modal-body .tabs-switching-condition, .modal-dialog .modal-content .modal-body .tabs-switching-period-settings, .modal-dialog .modal-content .modal-body .steps--subtabs-container {
        display: flex;
        height: 40px; }
      .modal-dialog .modal-content .modal-body .tab-switching-condition, .modal-dialog .modal-content .modal-body .tab-switching-period-settings, .modal-dialog .modal-content .modal-body .steps--subtab {
        display: flex;
        height: 38px;
        font-size: 12px;
        text-transform: uppercase;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        align-items: center;
        padding: 2px 12px 0 12px;
        color: #4c607a;
        cursor: pointer;
        border-right: 1px solid #d4d9e0; }
        .modal-dialog .modal-content .modal-body .tab-switching-condition.active, .modal-dialog .modal-content .modal-body .tab-switching-period-settings.active, .modal-dialog .modal-content .modal-body .steps--subtab.active {
          box-shadow: 0px 2px 0px 0px #62ABEA;
          color: #273E64; }
        .modal-dialog .modal-content .modal-body .tab-switching-condition.only-one, .modal-dialog .modal-content .modal-body .tab-switching-period-settings.only-one, .modal-dialog .modal-content .modal-body .steps--subtab.only-one {
          padding: 2px 20px 0 20px; }
          .modal-dialog .modal-content .modal-body .tab-switching-condition.only-one .delete-condition, .modal-dialog .modal-content .modal-body .tab-switching-condition.only-one .close-subtab-button, .modal-dialog .modal-content .modal-body .tab-switching-period-settings.only-one .delete-condition, .modal-dialog .modal-content .modal-body .tab-switching-period-settings.only-one .close-subtab-button, .modal-dialog .modal-content .modal-body .steps--subtab.only-one .delete-condition, .modal-dialog .modal-content .modal-body .steps--subtab.only-one .close-subtab-button {
            display: none; }
      .modal-dialog .modal-content .modal-body .delete-condition, .modal-dialog .modal-content .modal-body .close-subtab-button, .modal-dialog .modal-content .modal-body .steps--remove-subtab-button {
        display: flex;
        margin-left: 8px; }
      .modal-dialog .modal-content .modal-body .add-condition, .modal-dialog .modal-content .modal-body .steps--add-subtab {
        cursor: pointer;
        display: flex;
        margin-right: 8px;
        /*                    &:before {
                            content: url(../img/add_icon.png);
                            width: 25px;
                            height: 25px;
                            margin-right: 20px;
                        }*/ }
      .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal {
        display: flex;
        align-items: center;
        margin-top: 8px; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal.notification-form-horizontal-wrap {
          flex-wrap: wrap; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal input[type="text"] {
          width: 185px;
          margin-left: 10px;
          margin-right: 10px; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal .inline-label {
          margin-top: 1px;
          margin-bottom: 0px; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal .day-button {
          color: #273E64;
          height: 30px;
          padding-top: 5px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 700;
          font-size: 12px;
          border-radius: 2px;
          cursor: pointer;
          margin: 4px 9px 4px 0px;
          border: 1px solid #21364a;
          display: flex;
          justify-content: center;
          align-items: center; }
          .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal .day-button.active {
            background-color: #273E64;
            color: #ffffff; }
          .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal .day-button.week-day {
            width: 56px; }
          .modal-dialog .modal-content .modal-body .tab_period_of_notice .notification-form-horizontal .day-button.month-day {
            width: 36px; }
      .modal-dialog .modal-content .modal-body .tab_period_of_notice .error-message-hidden-by-default {
        display: none; }
      .modal-dialog .modal-content .modal-body .tab_period_of_notice .calendar_filter {
        opacity: 0.5;
        padding-top: 10px;
        display: flex;
        align-items: center; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .calendar_filter.active {
          opacity: 1.0; }
        .modal-dialog .modal-content .modal-body .tab_period_of_notice .calendar_filter label {
          margin: 0px 0px 0px 8px; }
      .modal-dialog .modal-content .modal-body .form-vertical {
        padding: 10px; }
      .modal-dialog .modal-content .modal-body .validation_error {
        font-size: 13px;
        color: #b81900; }
      .modal-dialog .modal-content .modal-body .hint {
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        color: #4b4b4b; }
      .modal-dialog .modal-content .modal-body .block_fields {
        display: none; }
        .modal-dialog .modal-content .modal-body .block_fields.open {
          display: block; }
      .modal-dialog .modal-content .modal-body .footer-btns, .modal-dialog .modal-content .modal-body .steps--buttons {
        display: flex;
        justify-content: flex-end;
        margin-top: 16px;
        margin-right: 16px; }
        .modal-dialog .modal-content .modal-body .footer-btns .footer-btn, .modal-dialog .modal-content .modal-body .steps--buttons .footer-btn {
          padding: 9px;
          background-color: #0fa2e9;
          border-radius: 3px;
          font-size: 11px;
          text-transform: uppercase;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 700;
          color: #fff;
          margin-left: 5px;
          cursor: pointer; }

.ui-dialog .send_command {
  width: 100%;
  padding: 10px 35px;
  height: 100%;
  overflow: auto; }

/*#global_dialog {
    z-index: 2000;
}
.ui-dialog, .ui-front, .ui-dialog .ui-widget-overlay {
  z-index: 9999;
}*/
.active-checkbox-widget {
  height: 292px;
  border: 1px solid;
  margin-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #21364a;
  border-radius: 3px;
  width: 100%;
  overflow: hidden; }
  .active-checkbox-widget .block-filter {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    overflow: hidden;
    width: 100%;
    align-items: center; }
    .active-checkbox-widget .block-filter .filter-search {
      width: 100%;
      overflow: hidden;
      display: flex;
      align-items: center; }
      .active-checkbox-widget .block-filter .filter-search .checkbox-filter {
        width: 100%;
        margin-right: 8px; }
    .active-checkbox-widget .block-filter .select-all {
      color: #21364a;
      font-size: 12px;
      margin-left: 20px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      cursor: pointer;
      flex-shrink: 0; }
  .active-checkbox-widget .checkbox li {
    float: left;
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 49%; }
    .active-checkbox-widget .checkbox li label {
      font-size: 12px;
      padding-left: 8px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

.active-checkbox-widget-for-maintenance {
  display: flex;
  flex-direction: column;
  height: 292px;
  border: 1px solid;
  border: 1px solid #21364a;
  border-radius: 3px;
  width: 100%;
  overflow: hidden; }
  .active-checkbox-widget-for-maintenance .maintenance--active-checkbox-list-header {
    background: #e5ebf0;
    padding: 5px;
    flex-shrink: 0; }
    .active-checkbox-widget-for-maintenance .maintenance--active-checkbox-list-header .maintenance--active-checkbox-list-header-item {
      display: inline-block;
      width: 32%; }
  .active-checkbox-widget-for-maintenance .maintenance--active-checkbox-list-body {
    padding: 5px;
    overflow: hidden;
    height: 100%;
    margin-bottom: 0px; }
    .active-checkbox-widget-for-maintenance .maintenance--active-checkbox-list-body .maintenance--active-checkbox-list--unit-row {
      display: flex; }
      .active-checkbox-widget-for-maintenance .maintenance--active-checkbox-list-body .maintenance--active-checkbox-list--unit-row .maintenance--active-checkbox-list--unit-item {
        width: 32%;
        display: inline-flex;
        color: #21364a;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        font-size: 12px;
        align-items: flex-end; }

div.simpleColorChooser {
  width: 260px !important;
  left: 0 !important;
  background-color: #0b3053 !important;
  border: 1px solid transparent !important;
  margin: 0 !important;
  z-index: 1; }

.with-search-icon {
  background-image: url("/img/darkblue/search.png");
  background-position-x: 97%;
  background-repeat: no-repeat; }

.search-input {
  width: 100%;
  display: inline-block; }

.btn.btn-primary {
  background-color: #2e68a1;
  border-color: #152f49; }

.ui-tooltip.scale-section-tooltip {
  font-size: 13px;
  padding: 2px 4px;
  border-radius: 0; }
  .ui-tooltip.scale-section-tooltip .scale-section-tooltip-header, .ui-tooltip.scale-section-tooltip .scale-section-tooltip-definition-wrapper {
    display: block; }
  .ui-tooltip.scale-section-tooltip .scale-section-tooltip-definition-motion-color-badge, .ui-tooltip.scale-section-tooltip .scale-section-tooltip-definition-ignition-color-badge {
    display: inline-block;
    height: 10px;
    width: 10px; }
  .ui-tooltip.scale-section-tooltip .scale-section-tooltip-definition-current-time-color-badge {
    background-color: #f00;
    display: inline-block;
    height: 10px;
    width: 2px;
    margin-left: 8px; }

.content-spinner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  overflow: hidden; }
  .content-spinner.hidden {
    display: none; }

#confirmOverlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /* background: url(ie.png); */
  background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
  background: linear-gradient(to bottom, rgba(11, 11, 11, 0.2), rgba(11, 11, 11, 0.6));
  z-index: 100000; }
  #confirmOverlay .confirmation_action {
    min-width: 460px;
    width: max-content;
    padding: 16px;
    /* height: 180px; */
    /* position: absolute; */
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
    z-index: 150;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center;
    display: block; }
    #confirmOverlay .confirmation_action p {
      color: #21364a;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700;
      font-size: 18px;
      text-align: center;
      margin: 44px 0 22px;
      position: relative; }
    #confirmOverlay .confirmation_action #confirmButtons {
      padding: 15px 0 25px;
      text-align: center; }
      #confirmOverlay .confirmation_action #confirmButtons button {
        margin-right: 15px;
        width: 150px;
        height: 33px;
        cursor: pointer;
        border-radius: 3px;
        border: none;
        outline: none;
        color: #fff;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        background: #0fa2e9; }
        #confirmOverlay .confirmation_action #confirmButtons button:last-child {
          margin-right: 0px; }
        #confirmOverlay .confirmation_action #confirmButtons button.gray {
          background: #7c7c7c; }

.full-width {
  width: 100%; }

.center {
  text-align: center; }

#ui-datepicker-div {
  background-color: #204971;
  color: #333333;
  border-radius: 4px;
  z-index: 2999 !important;
  width: 325px; }
  #ui-datepicker-div .ui-timepicker-div {
    background-color: #152f49; }
  #ui-datepicker-div .ui-datepicker-buttonpane button {
    background-color: #204971; }

#ui-datepicker-div .ui-widget-header {
  color: #12aaeb;
  font-size: 12px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700; }

#tooltip {
  z-index: 1001;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  left: -999px;
  top: -999px;
  position: absolute;
  padding: 5px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  display: none; }

.hierarchy_tree_wrap {
  padding: 8px 0px; }
  .hierarchy_tree_wrap ul {
    padding: 0;
    margin: 0; }
    .hierarchy_tree_wrap ul li {
      margin: 0;
      padding: 0;
      list-style: none;
      transition: all .25s; }
      .hierarchy_tree_wrap ul li ul {
        margin-left: 17px;
        display: none; }
      .hierarchy_tree_wrap ul li.super_parent > .header_box .line_hierarchy_box {
        opacity: 0; }
      .hierarchy_tree_wrap ul li.parent.parent_open {
        position: relative;
        overflow: hidden; }
        .hierarchy_tree_wrap ul li.parent.parent_open:after {
          content: '';
          display: block;
          position: absolute;
          top: 22px;
          left: 16px;
          width: 1px;
          height: calc(100% - 41px);
          background: rgba(188, 200, 212, 0.5); }
        .hierarchy_tree_wrap ul li.parent.parent_open > ul {
          display: inherit;
          list-style: none; }
        .hierarchy_tree_wrap ul li.parent.parent_open > .header_box .arrow_hierarchy_box:after {
          transform: rotate(90deg); }
        .hierarchy_tree_wrap ul li.parent.parent_open > .header_box .name_and_number_wrap .css-icon-hierarchy-folder {
          background-position: -26px -50px; }
      .hierarchy_tree_wrap ul li.parent > .header_box .arrow_hierarchy_box {
        position: relative; }
        .hierarchy_tree_wrap ul li.parent > .header_box .arrow_hierarchy_box:after {
          content: '';
          display: block;
          position: absolute;
          top: 8px;
          left: 5px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4.5px 0 4.5px 7px;
          border-color: transparent transparent transparent #bcc8d4;
          background: none;
          transition: all .15s; }
        .hierarchy_tree_wrap ul li.parent > .header_box .arrow_hierarchy_box:hover:after {
          border-color: transparent transparent transparent #dbe2e8; }
      .hierarchy_tree_wrap ul li .header_box {
        margin: 0 0 8px 0;
        display: flex;
        align-items: center; }
        .hierarchy_tree_wrap ul li .header_box .line_hierarchy_box {
          width: 8px;
          height: 24px;
          position: relative; }
          .hierarchy_tree_wrap ul li .header_box .line_hierarchy_box:after {
            content: '';
            display: block;
            position: absolute;
            top: 12px;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(188, 200, 212, 0.5); }
        .hierarchy_tree_wrap ul li .header_box .arrow_hierarchy_box {
          width: 18px;
          height: 24px;
          position: relative; }
          .hierarchy_tree_wrap ul li .header_box .arrow_hierarchy_box:after {
            content: '';
            display: block;
            position: absolute;
            top: 12px;
            left: 0;
            width: 100%;
            height: 1px;
            background: rgba(188, 200, 212, 0.5); }
        .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap {
          background: rgba(130, 175, 219, 0.2);
          border: 1px solid rgba(188, 200, 212, 0.5);
          border-radius: 2px;
          height: 22px;
          font-size: 13px;
          line-height: 16px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400;
          font-style: normal;
          color: #fff;
          white-space: nowrap;
          padding: 0 7px;
          display: flex;
          align-items: center;
          max-width: calc(100% - 48px);
          width: calc(100% - 48px);
          position: relative;
          cursor: pointer;
          /*.icon_box{
            padding-left: 4px;
            display: none;
            span{
              display: block;
              margin-right: 2px;
              &:last-child{
                margin-right: 0;
              }
            }
          }*/ }
          .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap.selected {
            background: #152f49; }
          .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap:hover .number_and_control_icons {
            display: flex;
            width: 40px;
            flex-shrink: 0;
            justify-content: flex-end; }
            .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap:hover .number_and_control_icons .number {
              display: none; }
            .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap:hover .number_and_control_icons .control_icons_box {
              display: flex; }
          .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .css-icon {
            margin-right: 7px; }
          .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .name {
            margin-right: 40px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis; }
          .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons {
            display: flex;
            width: 40px;
            flex-shrink: 0;
            justify-content: flex-end;
            position: absolute;
            right: 8px; }
            .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons .number {
              opacity: .75;
              display: flex; }
            .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons .control_icons_box {
              display: none; }
              .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons .control_icons_box .css-icon {
                margin: 0;
                opacity: .8;
                transition: all .25s; }
                .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons .control_icons_box .css-icon:hover {
                  opacity: 1; }
                .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap .number_and_control_icons .control_icons_box .css-icon:first-child {
                  margin: 0; }

.info_unit_sensor_data {
  border: 1px solid #F0F0F0;
  max-width: 210px;
  vertical-align: middle;
  padding: 2px 5px 4px 5px;
  font-size: 13px; }

.pagination_custom {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .pagination_custom .pagination_custom_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0 6px; }
    .pagination_custom .pagination_custom_list .pagination_item {
      list-style: none; }
      .pagination_custom .pagination_custom_list .pagination_item a.pagination_btn {
        height: 20px;
        width: 60px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 0 6px;
        margin: 0 2px;
        box-sizing: border-box;
        cursor: pointer;
        transition: all .25s;
        font-size: 11px;
        line-height: 12px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600;
        font-style: normal;
        color: #ffffff;
        overflow: hidden;
        text-overflow: ellipsis;
        user-select: none; }
        .pagination_custom .pagination_custom_list .pagination_item a.pagination_btn:hover {
          background: rgba(255, 255, 255, 0.25); }
        .pagination_custom .pagination_custom_list .pagination_item a.pagination_btn:active, .pagination_custom .pagination_custom_list .pagination_item a.pagination_btn:focus {
          background: rgba(255, 255, 255, 0.5); }
      .pagination_custom .pagination_custom_list .pagination_item .pagination_input_box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 0 4px;
        font-size: 11px;
        line-height: 12px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600;
        font-style: normal;
        color: #ffffff; }
        .pagination_custom .pagination_custom_list .pagination_item .pagination_input_box input {
          height: 20px;
          width: 40px;
          background: rgba(255, 255, 255, 0.1);
          border: 1px solid rgba(255, 255, 255, 0);
          border-radius: 4px;
          box-sizing: border-box;
          font-size: 11px;
          line-height: 12px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 600;
          font-style: normal;
          color: #ffffff;
          text-align: center;
          padding: 0 6px 1px 6px;
          transition: all .25s; }
          .pagination_custom .pagination_custom_list .pagination_item .pagination_input_box input:hover {
            border: 1px solid rgba(255, 255, 255, 0.25); }
          .pagination_custom .pagination_custom_list .pagination_item .pagination_input_box input:active, .pagination_custom .pagination_custom_list .pagination_item .pagination_input_box input:focus {
            border: 1px solid rgba(255, 255, 255, 0.75);
            outline: none; }

.css-image-76px {
  width: 76px;
  min-width: 76px;
  max-width: 76px;
  height: 76px;
  min-height: 76px;
  max-height: 76px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-28px {
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 28px;
  min-height: 28px;
  max-height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-24px {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-19px {
  width: 19px;
  min-width: 19px;
  max-width: 19px;
  height: 19px;
  min-height: 19px;
  max-height: 19px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon {
  width: 28px;
  min-width: 28px;
  max-width: 28px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-20px {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-21px {
  width: 21px;
  min-width: 21px;
  max-width: 21px;
  height: 21px;
  min-height: 21px;
  max-height: 21px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-22px {
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 22px;
  min-height: 22px;
  max-height: 22px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-24px {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }
  .css-icon-24px.car_icon {
    background-size: 24px, 24px; }

.css-icon-16px {
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  height: 16px;
  min-height: 16px;
  max-height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-tracks {
  background-image: url("/img/icon_menu2.png"); }

.css-menu-icon-reports {
  background-image: url("/img/icon_menu3.png"); }

.css-menu-icon-geoitems {
  background-image: url("/img/icon_menu5.png"); }

.css-menu-icon-notifications {
  background-image: url("/img/icon_menu6.png"); }

.css-menu-icon-routes {
  background-image: url("/img/icon_menu7.png"); }

.css-menu-icon-drivers {
  background-image: url("/img/icon_menu8.png"); }

.css-menu-icon-fuel {
  background-image: url("/img/icon_main_menu_fuel.png"); }

.css-menu-icon-maintenance {
  background-image: url("/img/icon_menu9.png"); }

.css-icon-add-maintenance {
  background-image: url("/img/darkblue/ic_add_maintenance.png"); }

.css-menu-icon-alarm {
  background-image: url("/img/icon_menu10.png"); }

.css-menu-icon-fuelcard {
  background-image: url("/img/card.png"); }

.css-icon-fuelcard {
  background-image: url("/img/darkblue/ic_fuel_card.png"); }

.css-icon-fuel-station {
  background-image: url("/img/icon_main_menu_fuel.png"); }

.css-menu-icon-foreign-service {
  background-image: url("/img/card.png"); }

.css-image-spinner {
  background-image: url("/img/darkblue/spinner.gif"); }

.css-icon-add-unit-group {
  background-image: url("/img/darkblue/ic_add_unit_group.png"); }

.css-icon-geozone {
  background-image: url("/img/darkblue/ic_geozone.png"); }

.css-icon-add-geozone {
  background-image: url("/img/darkblue/ic_add_geozone.png"); }

.css-icon-geopoint {
  background-image: url("/img/darkblue/ic_geopoint.png"); }

.css-icon-add-geopoint {
  background-image: url("/img/darkblue/ic_add_geoitem.png"); }

.css-icon-geopoint-group {
  background-image: url("/img/darkblue/ic_geopoint_group.png"); }

.css-icon-add-geopoint-group {
  background-image: url("/img/darkblue/ic_add_geoitem_group.png"); }

.css-icon-geozone-group {
  background-image: url("/img/darkblue/ic_geozone_group.png"); }

.css-icon-add-geozone-group {
  background-image: url("/img/darkblue/ic_add_geozone_group.png"); }

.css-icon-add-driver-group {
  background-image: url("/img/darkblue/ic_add_user_group.png"); }

.css-icon-add-driver {
  background-image: url("/img/darkblue/ic_add_user.png"); }

.css-icon-add-fuelcard {
  background-image: url("/img/darkblue/ic_add_fuel_card.png"); }

.css-icon-driver-group {
  background-image: url("/img/darkblue/ic_user_group.png"); }

.css-icon-driver {
  background-image: url("/img/darkblue/ic_user.png"); }

.css-icon-route {
  background-image: url("/img/darkblue/ic_route.png"); }

.css-icon-add-route {
  background-image: url("/img/darkblue/ic_add_route.png"); }

.css-icon-copy {
  background-image: url("/img/darkblue/copy_white_icon.png"); }

.css-icon-edit-item {
  background: url("/img/sprites/darkblue/general_sprite.svg");
  background-position: 0px 0px; }

.css-icon-filter-tree-item {
  mask: url("/img/group-item-filter.svg") no-repeat 50% 50%;
  -webkit-mask: url("/img/group-item-filter.svg") no-repeat 50% 50%;
  background-color: #bcc8d4; }

.css-icon-close-item {
  background-image: url("/img/darkblue/accordion_close.png"); }

.css-icon-delete-item {
  background-image: url("/img/sprites/darkblue/general_sprite.svg");
  background-position: -24px 0px; }

.css-icon-hierarchy {
  background-image: url("/img/sprites/darkblue/general_sprite.svg");
  background-position: -48px 0px; }

.css-icon-close-dark-background {
  background-image: url("/img/darkblue/accordion_close.png"); }

.css-icon-unit {
  background-image: url("/img/darkblue/car_icon.png"); }

.css-icon-notification {
  background-image: url("/img/darkblue/ic_notification.png"); }

.css-icon-add-notification {
  background-image: url("/img/darkblue/ic_add_notification.png"); }

.css-icon-signal-all {
  background-image: url("/img/darkblue/signal_icon_all.png"); }

.css-icon-signal-active {
  background-image: url("/img/darkblue/signal_icon.png"); }

.css-icon-signal-somewhat-inactive {
  background-image: url("/img/darkblue/signal_icon3.png"); }

.css-icon-signal-inactive {
  background-image: url("/img/darkblue/signal_icon2.png"); }

.css-icon-movement-all {
  background-image: url("/img/darkblue/stop_icon_all.png"); }

.css-icon-movement-moving {
  background-image: url("/img/darkblue/stop_icon3.png"); }

.css-icon-movement-stopped {
  background-image: url("/img/darkblue/stop_icon.png"); }

.css-icon-ignition {
  background-image: url("/img/darkblue/stop_icon_ignition.png"); }

.css-icon-movement-moving-ignition {
  background-image: url("/img/darkblue/stop_icon4.png"); }

.css-icon-movement-stopped-ignition {
  background-image: url("/img/darkblue/stop_icon2.png"); }

.css-icon-search-by-name {
  background-image: url("/img/darkblue/name.png"); }

.css-icon-search-by-phone {
  background-image: url("/img/darkblue/tel.png"); }

.css-icon-search-by-arbitrary {
  background-image: url("/img/darkblue/info.png"); }

.css-icon-additional-menu {
  background-image: url("/img/darkblue/menu_more.png"); }

.gelios-dropdown-menu .gelios-dropdown-menu-item.unit-watch-menu .unit-watch-menu-indicator {
  background-image: url("/img/darkblue/tracking_object.png"); }

.gelios-dropdown-menu .gelios-dropdown-menu-item.unit-watch-menu.active .unit-watch-menu-indicator {
  background-image: url("/img/darkblue/tracking_object_close_drop_down_menus.png"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.unit-watch-row.active .unit-watch-row-indicator, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.unit-watch-row.active .unit-watch-row-indicator {
  background-image: url("/img/darkblue/tracking_object_close.png"); }

.gelios-dropdown-menu .gelios-dropdown-menu-item.track-last-day-menu .track-last-day-menu-indicator {
  background-image: url("/img/darkblue/track_day.png"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .item-controls .item-control.track-last-day-row.active .track-last-day-row-indicator, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.track-last-day-row.active .track-last-day-row-indicator {
  background-image: url("/img/darkblue/track_day_close.png"); }

.gelios-dropdown-menu .gelios-dropdown-menu-item.track-last-day-menu.active .track-last-day-menu-indicator {
  background-image: url("/img/darkblue/track_day_close_drop_down_menus.png"); }

.css-icon-road {
  background-image: url("/img/darkblue/road_icon_2.png"); }

.css-icon-report {
  background-image: url("/img/darkblue/reports_icon.png"); }

.css-icon-command {
  background-image: url("/img/darkblue/message_icon.png"); }

.css-icon-message {
  background-image: url("/img/darkblue/message_icon.png"); }

.css-icon-waybill {
  background-image: url("/img/darkblue/waybill.png"); }

.css-icon-file {
  background-image: url("/img/darkblue/file.png"); }

.css-icon-chat {
  background-image: url("/img/darkblue/chat1.png"); }

.css-icon-features {
  background-image: url("/img/darkblue/features.png"); }

.css-icon-export {
  background-image: url("/img/darkblue/export-icon.png"); }

.css-icon-print {
  background-image: url("/img/darkblue/export-icon.png"); }

.css-icon-plus {
  background-image: url("/img/darkblue/plus-bright.png"); }

.css-icon-report-task {
  background-image: url("/img/darkblue/reports_icon.png"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .active.show-hide-unit, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .active.show-hide-unit, .item-group .tree-filter .tree-filter-item .active.show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group-header .active.show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list .item .route-unit-watch.active {
  background-image: url("/img/darkblue/eye-on.png"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .show-hide-unit, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .show-hide-unit, .item-group .tree-filter .tree-filter-item .show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group-header .show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list .item .route-unit-watch {
  background-image: url("/img/darkblue/eye-off.png"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .items .item .item-header .uncertain.show-hide-unit, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .uncertain.show-hide-unit, .item-group .tree-filter .tree-filter-item .uncertain.show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group-header .uncertain.show-hide-unit-group {
  background-image: url("/img/darkblue/eye-partial.png"); }

.css-icon-arrow-left-in-white-circle {
  background-image: url("/img/darkblue/routes/arrow_left.png"); }

.css-icon-arrow-right-in-white-circle {
  background-image: url("/img/darkblue/routes/arrow_right.png"); }

.css-icon-trash-light-background {
  background-image: url("/img/darkblue/routes/del.png"); }

.css-icon-route-point-a {
  background-image: url("/img/darkblue/routes/route-start.png"); }

.css-icon-route-point-b {
  background-image: url("/img/darkblue/routes/route-finish.png"); }

.css-icon-route-new-point {
  background-image: url("/img/darkblue/routes/route-new-point.png"); }

.css-icon-route-build-reverse {
  background-image: url("/img/darkblue/arrow-hor.png"); }

.css-icon-maintenance {
  background-image: url("/img/darkblue/ic_all_plans.png"); }

.css-icon-alarm {
  background-image: url("/img/darkblue/alarm_icon.png"); }

.icon-filter-interaction-button-apply .filter-interaction-button {
  background-image: url("/img/darkblue/ic_apply_filter_table.png"); }

.icon-filter-interaction-button-clear .filter-interaction-button {
  background-image: url("/img/darkblue/ic_clear_filter_table.png"); }

.css-icon-fuel-station-show {
  background-image: url("/img/darkblue/fuel_station_show.png"); }

.css-icon-fuel-station-hide {
  background-image: url("/img/darkblue/fuel_station_hide.png"); }

.css-icon-close-window {
  background-image: url("/img/close_window.png"); }

.css-icon-exclamation {
  background-image: url("/img/maintenance/status-overdue.png"); }

.add-condition .css-icon-plus-in-a-circle, .steps--add-subtab .css-icon-plus-in-a-circle {
  background-image: url("/img/darkblue/add_icon.png"); }
.add-condition.disabled .css-icon-plus-in-a-circle, .steps--add-subtab.disabled .css-icon-plus-in-a-circle {
  background-image: url("/img/darkblue/add_icon_disabled.png"); }

.css-icon-remove-subtab {
  background-image: url("/img/darkblue/delete-condition.png"); }

.play-pause-button .css-icon-play-pause {
  background-image: url("/img/tracks/darkblue/play.png"); }
.play-pause-button.playing-now .css-icon-play-pause {
  background-image: url("/img/tracks/darkblue/pause.png"); }

.css-icon-close-in-circle {
  background-image: url("/img/tracks/darkblue/close.png"); }

.css-icon-size-control-min {
  background-image: url("/img/darkblue/report_box_view_closed.png"); }

.css-icon-size-control-one-third {
  background-image: url("/img/darkblue/report_box_view_1_3.png"); }

.css-icon-size-control-one-half {
  background-image: url("/img/darkblue/report_box_view_1_2.png"); }

.css-icon-size-control-full {
  background-image: url("/img/darkblue/report_box_view_1_1.png"); }

.css-icon-info-window-last-message {
  background-image: url("/img/darkblue/new_info_window_icon_last_message.png"); }

.css-icon-info-window-icon-marker {
  background-image: url("/img/darkblue/new_info_window_icon_marker.png"); }

.css-icon-info-window-coordinates {
  background-image: url("/img/darkblue/new_info_window_icon_coordinates.png"); }

.css-icon-info-window-coordinates-invalid {
  background-image: url("/img/darkblue/coordinates_invalid.png"); }

.css-icon-info-window-speed {
  background-image: url("/img/darkblue/new_info_window_icon_speed.png"); }

.css-icon-info-window-satellites {
  background-image: url("/img/darkblue/new_info_window_icon_satellites.png"); }

.css-icon-info-window-motohours {
  background-image: url("/img/darkblue/new_info_window_icon_machine_hours.png"); }

.css-icon-info-window-mileage {
  background-image: url("/img/darkblue/new_info_window_icon_mileage.png"); }

.css-icon-info-window-sensors {
  background-image: url("/img/darkblue/new_info_window_icon_sensors.png"); }

.css-icon-info-window-info {
  background-image: url("/img/darkblue/new_info_window_icon_info.png"); }

.css-icon-info-window-icon-info {
  background-image: url("/img/darkblue/mod_icon8.png"); }

.css-icon-info-window-icon-gauge {
  background-image: url("/img/darkblue/mod_icon4.png"); }

.css-icon-key {
  background-image: url("/img/darkblue/key_icon.png"); }

.css-icon-contract {
  background-image: url("/img/darkblue/contract_icon.png"); }

.css-icon-info-window-sim {
  background-image: url("/img/darkblue/new_info_window_icon_sim.png"); }

.css-icon-info-window-phone {
  background-image: url("/img/darkblue/new_info_window_icon_phone.png"); }

.css-icon-history {
  background-image: url("/img/maintenance/darkblue/ic-history.png"); }

.css-icon-maintenance-done {
  background-image: url("/img/maintenance/ic-done-ok.png"); }

.css-icon-report {
  background-image: url("/img/maintenance/darkblue/ic-reports.png"); }

.css-icon-tachograph {
  background-image: url("/img/darkblue/ic_tachograph.png"); }

.css-icon-car {
  background-image: url("/img/darkblue/car_icon.png"); }

.css-icon-toolbar-search {
  background-image: url("/img/search_icon.png"); }

.css-icon-toolbar-hide {
  background-image: url("/img/hide_toolbar.png"); }

.css-icon-toolbar-import-export {
  background-image: url("/img/toolbar_icon.png"); }

.css-icon-toolbar-locator {
  background-image: url("/img/toolbar_icon2.png"); }

.css-icon-toolbar-support {
  background-image: url("/img/toolbar_icon3.png"); }

.css-icon-toolbar-documentation {
  background-image: url("/img/toolbar_icon4.png"); }

.css-icon-toolbar-chat {
  background-image: url("/img/darkblue/chat2.png"); }

.css-icon-toolbar-settings {
  background-image: url("/img/toolbar_icon5.png"); }

.css-icon-toolbar-map-source {
  background-image: url("/img/toolbar_icon7.png"); }

.css-icon-toolbar-themes {
  background-image: url("/img/toolbar_icon8.png"); }

.css-icon-toolbar-hide-menu {
  background-image: url("/img/toolbar_icon9.png"); }

.css-icon-add-circular-geofence {
  background-image: url("/img/darkblue/add_circular_geofence.png"); }

.css-icon-fuel {
  background-image: url("/img/darkblue/fuel_icon.png"); }

.css-icon-plus-light-background {
  background-image: url("/img/darkblue/plus_dialog.png"); }

.css-icon-delete-light-background {
  background-image: url("/img/darkblue/delete_icon.png"); }

.css-icon-edit-light-background {
  background-image: url("/img/darkblue/edit_icon.png"); }

.css-icon-edit-light-background {
  background-image: url("/img/darkblue/edit_icon.png"); }

.css-icon-schedule {
  background-image: url("/img/maintenance/darkblue/maintenance-schedule.png"); }

.css-icon-export-to-geozone {
  background-image: url("/img/darkblue/icon-export-to-geozone.png"); }

.css-icon-all-days {
  background-image: url("/img/darkblue/all_days_icon.png"); }

.css-icon-odd-days {
  background-image: url("/img/darkblue/odd_days_icon.png"); }

.css-icon-even-days {
  background-image: url("/img/darkblue/even_days_icon.png"); }

.css-icon-toolbar-updates {
  background-image: url("/img/toolbar_icon_update.png"); }

.css-icon-performance-improvements {
  background-image: url("/img/icon_performance.png"); }

.css-icon-new-features {
  background-image: url("/img/icon_new_functionality.png"); }

.css-icon-bug-fixes {
  background-image: url("/img/icon_bug_fix.png"); }

.css-icon-add-item-light {
  background-image: url("/img/icon_add_light.png"); }

.css-icon-edit-item-light {
  background-image: url("/img/icon_edit_light.png"); }

.css-icon-delete-item-light {
  background-image: url("/img/icon_del_light.png"); }

.css-icon-service-center {
  background-image: url("/img/service_center.svg"); }

.css-icon-service-center-show {
  background-image: url("/img/service_center_show.svg"); }

.css-icon-service-center-hide {
  background-image: url("/img/service_center_hide.svg"); }

.css-icon-hierarchy-show {
  background: url("/img/sprites/darkblue/hierarchy_section_sprite.svg");
  background-position: -2px -2px; }
  .css-icon-hierarchy-show.active {
    background-position: -26px -2px; }
  .css-icon-hierarchy-show.uncertain {
    background-position: -50px -2px; }

.css-icon-hierarchy-folder {
  background: url("/img/sprites/darkblue/hierarchy_section_sprite.svg");
  background-position: -2px -50px;
  /*&.open{background-position: -26px -50px;}*/ }

.css-icon-hierarchy-edit {
  background: url("/img/sprites/darkblue/hierarchy_section_sprite.svg");
  background-position: -2px -98px; }

.css-icon-hierarchy-remove {
  background: url("/img/sprites/darkblue/hierarchy_section_sprite.svg");
  background-position: -26px -98px; }

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');*/
body {
  height: 100vh; }

div.wrapper-maintenance-dashboard.wrapper-maintenance-dashboard-column {
  flex-direction: column; }

.wrapper-maintenance-dashboard {
  width: 100%;
  background: white;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .wrapper-maintenance-dashboard .box {
    width: 50%;
    height: 50%;
    max-height: 50%;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    .wrapper-maintenance-dashboard .box .title-box {
      width: 100%;
      height: 32px;
      min-height: 32px;
      background: #152f49;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px;
      z-index: 2;
      border-right: 1px solid #204971; }
      .wrapper-maintenance-dashboard .box .title-box div.back-to-group {
        display: inline-block;
        border-radius: 2px;
        background: #3399ff;
        color: #FFFFFF;
        cursor: pointer;
        font-family: "Open Sans", sans-serif;
        /* text-align: left; */
        font-size: 13px;
        padding: 2px; }
      .wrapper-maintenance-dashboard .box .title-box span {
        text-transform: uppercase;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .wrapper-maintenance-dashboard .box .title-box ul.pagination {
        display: flex; }
        .wrapper-maintenance-dashboard .box .title-box ul.pagination li {
          width: 16px;
          height: 16px;
          border-radius: 2px;
          background: rgba(255, 255, 255, 0.15);
          margin: 0 3px;
          list-style: none;
          display: flex;
          justify-content: center;
          align-items: center;
          transition: all .25s ease-in-out;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400;
          color: white;
          font-size: 10px;
          line-height: 10px;
          position: relative; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page {
            cursor: pointer;
            background: rgba(255, 255, 255, 0.8);
            color: #21364a; }
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.prev:before, .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.next:before, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.prev:before, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.next:before {
              border-color: #21364a; }
            .wrapper-maintenance-dashboard .box .title-box ul.pagination li:hover.center, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.active-page.center {
              background: rgba(255, 255, 255, 0.15);
              cursor: default; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.prev:before, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.next:before {
            position: absolute;
            content: '';
            display: block;
            width: 5px;
            height: 5px;
            border-left: 2px solid white;
            border-bottom: 2px solid white;
            transform: rotate(45deg);
            top: 5px;
            left: 6px; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.next:before {
            top: 5px;
            left: 3px;
            transform: rotate(-135deg); }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:before, .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:after {
            position: absolute;
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: white; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:before {
            margin-left: -3px; }
          .wrapper-maintenance-dashboard .box .title-box ul.pagination li.center:after {
            margin-left: 3px; }
    .wrapper-maintenance-dashboard .box .body-box {
      height: calc(100% - 32px); }
      .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts {
        padding: 0;
        display: flex;
        /*flex-wrap: wrap;*/
        flex-direction: row;
        flex-shrink: 0;
        width: 100%;
        height: calc(100% - 32px);
        border-right: 1px solid #E4E8F0;
        overflow: auto; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-title, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-legend, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .highcharts-credits {
          display: none; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts {
          width: 50%;
          height: 100%;
          display: flex;
          flex-direction: column; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart {
            width: 100%;
            height: 50%;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: 12px;
            overflow-x: auto;
            overflow-y: hidden; }
            @media screen and (max-width: 1400px) {
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart {
                width: 100%;
                height: 200px;
                border-right: none !important;
                border-bottom: 1px solid #E4E8F0 !important;
                /*padding: 12px 24px;*/ }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart.wrap-statistics {
                  padding-left: 8%; } }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts {
              display: flex;
              /*min-width: 44%;*/
              width: 44%;
              height: 100%; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .pie-chart-container {
                display: flex;
                width: 100%;
                height: 100%;
                position: relative; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .pie-chart-container svg {
                  display: flex;
                  width: 100%;
                  height: 100%; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .piechart-tooltip {
                padding: 8px;
                background-color: rgba(255, 255, 255, 0.7);
                border: 1px solid black;
                border-radius: 3px;
                font-family: "Open Sans", sans-serif;
                text-align: left;
                font-size: 13px;
                color: #214971;
                box-shadow: 1px 1px 1px 1px rgba(128, 128, 128, 0.5);
                z-index: 10; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts .piechart-tooltip .percent {
                  font-weight: bold; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend {
              padding-bottom: 2px;
              padding-left: 8px;
              /*padding-right: 16px;*/
              /*width: min-content;*/
              min-width: max-content;
              overflow: hidden; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend h3 {
                margin-top: 0px;
                color: #21364a;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 300;
                font-size: 19px;
                margin-bottom: 9px;
                position: relative;
                white-space: nowrap; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td {
                height: 24px;
                padding: 0;
                display: table-cell;
                vertical-align: inherit;
                text-align: left; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label {
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  font-size: 14px;
                  white-space: nowrap; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.green {
                    color: #00b600; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.orange {
                    color: #f6a900; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.red {
                    color: #ff5228; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.purple {
                    color: #3f51b5; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.pink {
                    color: #bf00b7; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.label.gray {
                    color: #777777; }
                .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.value {
                  white-space: nowrap;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  color: #21364a;
                  font-size: 14px;
                  padding-left: 4px; }
                  .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart .pie-charts-legend table tr td.value span {
                    opacity: .75; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue {
              border-right: 1px solid #E4E8F0;
              border-bottom: 1px solid #E4E8F0;
              /*flex-wrap: wrap;*/ }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue div.pie-charts {
                /*height: 80%;*/ }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types {
              border-right: 1px solid #E4E8F0; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-0 {
              fill: #00C000;
              stroke: #00C000; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-1 {
              fill: #FFB30B;
              stroke: #FFB30B; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#completed_planned_overdue .highcharts-color-2 {
              fill: #FF5A32;
              stroke: #FF5A32; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-0, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-0 {
              fill: #00C000;
              stroke: #00C000; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-1, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-1 {
              fill: #3F51B5;
              stroke: #3F51B5; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-2, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-2 {
              fill: #FFB30B;
              stroke: #FFB30B; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#work_types .highcharts-color-3, .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-pie-charts .wrap-pie-chart#speed .highcharts-color-3 {
              fill: #FF5A32;
              stroke: #FF5A32; }
        .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics {
          overflow: auto;
          width: 50%;
          height: 100%;
          display: flex;
          border-bottom: 1px solid #E4E8F0;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          overflow: hidden; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics .box-tables {
            display: flex; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics h3 {
            margin-top: 0px;
            display: block;
            /*margin-left: 16px;*/
            margin-right: 16px;
            color: #21364a;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 300;
            font-size: 19px;
            margin-bottom: 4px;
            position: relative;
            white-space: nowrap; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics h3.with-margin-top {
              margin-top: 10px; }
          .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table {
            margin-left: 32px;
            margin-right: 32px; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td {
              padding: 0;
              height: 20px; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td.label {
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700;
                color: #21364a;
                font-size: 12px;
                opacity: .95;
                white-space: nowrap;
                letter-spacing: -.2px; }
              .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table tr td.value {
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 600;
                color: #21364a;
                font-size: 12px;
                padding-left: 2px;
                white-space: nowrap;
                letter-spacing: -.2px; }
            .wrapper-maintenance-dashboard .box .body-box#body-box-pie-charts .wrap-statistics table:last-child tr td:last-child {
              padding-right: 16px; }
      .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table {
        display: none; }
        .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active {
          display: table; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.green {
            color: #008d00; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.orange {
            color: #d79400; }
          .wrapper-maintenance-dashboard .box .body-box#tables-top-drivers table.table-active td.red {
            color: #fe3200; }
      .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper {
        display: flex;
        flex-direction: row;
        height: 100%;
        width: 100%;
        justify-content: center; }
        .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper {
          width: 100%;
          /* height: 100%; */
          /* padding: 20px; */
          margin: 12px 12px 0px 12px;
          display: flex;
          max-width: 240px;
          flex-direction: column; }
          .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph-label {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #214971;
            font-weight: bold;
            padding: 8px; }
          .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph {
            display: flex;
            flex-direction: row;
            width: 100%;
            height: 100%;
            overflow: hidden;
            /*justify-content: flex-end;*/ }
            .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              width: 100%;
              height: 100%;
              margin-left: 10px;
              margin-right: 10px; }
              .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar {
                width: 100%;
                height: 50%;
                justify-content: space-between;
                display: flex;
                flex-direction: column; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-value, .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar .bar-graph-bar-caption {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #fff;
                  font-weight: bold;
                  padding: 8px; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar.purple {
                  background: #3F51B5; }
                .wrapper-maintenance-dashboard .box .body-box .bar-graph-wrapper .bar-graph-single-wrapper .bar-graph .bar-graph-bar-wrapper .bar-graph-bar.green {
                  background: #00C000; }
    .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax {
      display: flex;
      flex-direction: column; }
      .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box {
        overflow: auto;
        height: 100%;
        width: 100%; }
        .wrapper-maintenance-dashboard .box #table_nearest_maintenance_table_pjax .table-box table {
          min-width: 100%; }

.fon_registr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg_registr.jpg) no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .fon_registr .wrap_registration {
    height: 610px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .fon_registr .wrap_registration .wrap_logo {
      margin-bottom: 29px;
      display: flex;
      flex-direction: row;
      justify-content: center; }
    .fon_registr .wrap_registration .wrap_login_form {
      max-width: 1440px;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly; }
      .fon_registr .wrap_registration .wrap_login_form div.left_custom_block, .fon_registr .wrap_registration .wrap_login_form div.right_custom_block {
        width: 320px;
        overflow: hidden; }
        .fon_registr .wrap_registration .wrap_login_form div.left_custom_block div.left_custom_block_content, .fon_registr .wrap_registration .wrap_login_form div.left_custom_block div.right_custom_block_content, .fon_registr .wrap_registration .wrap_login_form div.right_custom_block div.left_custom_block_content, .fon_registr .wrap_registration .wrap_login_form div.right_custom_block div.right_custom_block_content {
          display: none;
          border-radius: 10px;
          color: #ffffff;
          background: rgba(41, 87, 134, 0.8);
          padding: 20px;
          font-family: OpenSansRegular;
          width: 100%;
          height: 100%; }
      .fon_registr .wrap_registration .wrap_login_form .input_registr {
        width: 485px;
        height: 485px;
        border-radius: 10px;
        overflow: hidden;
        background: rgba(32, 73, 113, 0.5); }
        .fon_registr .wrap_registration .wrap_login_form .input_registr .top_input_registr {
          height: 80px;
          display: flex;
          flex-direction: row; }
          .fon_registr .wrap_registration .wrap_login_form .input_registr .top_input_registr span {
            color: #ffffff;
            font-size: 15px;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 400;
            height: 100%;
            cursor: pointer;
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .top_input_registr span.active_registr {
              background: rgba(46, 104, 161, 0.8); }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .top_input_registr span.single-tab {
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 700;
              font-size: 24px;
              align-items: flex-end;
              padding-bottom: 6px; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .top_input_registr span a {
              color: #ffffff; }
        .fon_registr .wrap_registration .wrap_login_form .input_registr .input {
          width: 100%;
          background: rgba(46, 104, 161, 0.8);
          height: 405px;
          position: relative; }
          .fon_registr .wrap_registration .wrap_login_form .input_registr .input form {
            text-align: center;
            width: 100%;
            height: 100%;
            padding-top: 20px;
            box-sizing: border-box; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .form-group {
              margin-top: 15px;
              display: flex;
              flex-direction: column;
              align-items: center;
              padding: 0px 75px;
              margin-bottom: 20px; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .form-group .form-group-horizontal {
                display: flex;
                width: 100%;
                flex-direction: row;
                justify-content: space-between; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .error_name, .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .help-block-error {
              color: #ffffff;
              font-size: 12px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 300;
              margin-bottom: 5px;
              width: 100%;
              /*padding: 0 75px;*/ }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form input[type="text"], .fon_registr .wrap_registration .wrap_login_form .input_registr .input form input[type="password"] {
              width: 100%;
              height: 55px;
              border: 1px solid #ffffff;
              outline: none;
              color: #ffffff;
              font-size: 18px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 300;
              background: transparent;
              border-radius: 3px;
              /*margin-bottom: 17px;*/
              padding: 0 44px 0 22px;
              box-sizing: border-box; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form input[type="text"] {
              background: url(/img/bg_input_name.png) no-repeat center right; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form input[type="password"] {
              background: url(/img/bg_input_pass.png) no-repeat center right; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .style_select {
              background: rgba(0, 0, 0, 0) url(/img/arrow_select.png) no-repeat scroll right center;
              border: 1px solid #ffffff;
              border-radius: 3px;
              display: inline-block;
              height: 55px;
              /*margin: 0 5px;*/
              overflow: hidden;
              width: 160px; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .style_select select {
                width: 180px;
                background: transparent;
                height: 100%;
                color: #ffffff;
                font-size: 18px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 300;
                padding-left: 22px;
                background: rgba(46, 104, 161, 0.8);
                border: none; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .style_select.wide {
                width: 100%; }
                .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .style_select.wide select {
                  width: 350px; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color {
              color: #ffffff;
              font-size: 18px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 300;
              line-height: 55px;
              padding-left: 22px;
              width: 160px;
              height: 55px;
              border-radius: 3px;
              border: 1px solid #ffffff;
              display: inline-block;
              vertical-align: top;
              /*margin: 0 5px;*/
              position: relative; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color > span {
                width: 35px;
                height: 35px;
                border-radius: 18px;
                float: right;
                background: url(/img/arrow_select.png) no-repeat center right;
                background-color: #152f49;
                margin: 8px 10px 0 0;
                cursor: pointer; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color {
                position: absolute;
                line-height: 0;
                top: 54px;
                left: -86px;
                border-radius: 3px;
                background: linear-gradient(to top, #d8d8d8, #fffefe);
                background: -webkit-linear-gradient(to top, #d8d8d8, #fffefe);
                background: -o-linear-gradient(to top, #d8d8d8, #fffefe);
                background: -ms-linear-gradient(to top, #d8d8d8, #fffefe);
                background: -moz-linear-gradient(to top, #d8d8d8, #fffefe);
                box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.6);
                display: none;
                width: 245px; }
                .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button {
                  width: 35px;
                  height: 35px;
                  border-radius: 19px;
                  display: inline-block;
                  margin: 5px;
                  cursor: pointer;
                  outline: none;
                  border: none; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#darkblue {
                    background-color: #092a53; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#black {
                    background-color: #222; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#green {
                    background-color: #005214; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#red {
                    background-color: #580000; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#blue {
                    background-color: #12aaeb; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#gray {
                    background-color: #959595; }
                  .fon_registr .wrap_registration .wrap_login_form .input_registr .input form .select_change_color .list_color .theme-button#orange {
                    background-color: #FF7F00; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input form input[type="submit"] {
              width: 168px;
              height: 55px;
              outline: none;
              border: none;
              background: #0fa2e9;
              color: #fff;
              font-size: 18px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              border-radius: 3px;
              margin-top: 10px;
              cursor: pointer; }
          .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration {
            width: 100%;
            background: rgba(46, 104, 161, 0.8);
            height: 405px;
            position: relative;
            display: none; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration form {
              text-align: center;
              width: 100%;
              height: 100%;
              box-sizing: border-box;
              padding-top: 24px; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration form input[type="text"] {
                width: 335px;
                height: 55px;
                border: 1px solid #ffffff;
                outline: none;
                color: #fff;
                font-size: 18px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 300;
                background: transparent;
                border-radius: 3px;
                margin-bottom: 17px;
                padding: 0 44px 0 22px;
                box-sizing: border-box;
                background: url(/img/bg_input_email.png) no-repeat center right; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration form .user_agreement {
                width: 431px;
                margin: 0 auto;
                height: 209px;
                overflow: auto;
                background-color: #152f49;
                padding: 22px;
                border-radius: 3px;
                margin-bottom: 7px;
                color: #fff; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration form label {
                color: #fff; }
              .fon_registr .wrap_registration .wrap_login_form .input_registr .input .registration form input[type="submit"] {
                padding: 0 10px;
                height: 55px;
                outline: none;
                border: none;
                background: #0fa2e9;
                color: #fff;
                font-size: 18px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                border-radius: 3px;
                margin-top: 8px;
                cursor: pointer; }
        .fon_registr .wrap_registration .wrap_login_form .input_registr .registration {
          width: 100%;
          background: rgba(46, 104, 161, 0.8);
          height: 405px;
          position: relative;
          display: none; }
          .fon_registr .wrap_registration .wrap_login_form .input_registr .registration form {
            text-align: center;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            padding-top: 24px; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .registration form input[type="text"] {
              width: 335px;
              height: 55px;
              border: 1px solid #ffffff;
              outline: none;
              color: #ffffff;
              font-size: 18px;
              font-family: OpenSansLight;
              /* text-transform: uppercase; */
              background: transparent;
              border-radius: 3px;
              margin-bottom: 17px;
              padding: 0 44px 0 22px;
              box-sizing: border-box;
              background: url(../img/bg_input_email.png) no-repeat center right; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .registration form div.user_agreement {
              width: 431px;
              margin: 0 auto;
              height: 209px;
              overflow: auto;
              background-color: rgba(0, 0, 0, 0.3);
              padding: 22px;
              border-radius: 3px;
              margin-bottom: 7px;
              color: #fff; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .registration form label {
              color: #ffffff; }
            .fon_registr .wrap_registration .wrap_login_form .input_registr .registration form input[type="submit"] {
              padding: 0 10px;
              height: 55px;
              outline: none;
              border: none;
              background: #0fa2e9;
              color: #ffffff;
              font-size: 18px;
              font-family: OpenSansRegular;
              border-radius: 3px;
              margin-top: 8px;
              cursor: pointer; }

@media print {
  @page {
    size: A3 landscape; } }
body {
  width: 100%;
  height: 100vh;
  font-height: 16px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  overflow: hidden; }
  body .container {
    width: 100%;
    height: 100%;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column; }
    body .container .header {
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
      width: 100%;
      background-color: #204971;
      height: 70px;
      z-index: 70;
      display: flex;
      flex-shrink: 0;
      align-items: center; }
      body .container .header .top-left-logo {
        width: 180px;
        display: flex;
        justify-content: center;
        align-items: center; }
        body .container .header .top-left-logo img.logo {
          width: 120px;
          height: 38px; }
      body .container .header .menu-scroller {
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden; }
        body .container .header .menu-scroller .menu {
          width: max-content;
          height: 100%;
          display: flex; }
          body .container .header .menu-scroller .menu ul {
            width: 100%;
            height: 70px;
            display: flex; }
            body .container .header .menu-scroller .menu ul li {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center;
              border-top: 5px solid transparent;
              overflow: hidden;
              height: 100%;
              text-align: center;
              width: max-content; }
              body .container .header .menu-scroller .menu ul li a {
                color: #ffffff;
                font-size: 11px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                text-transform: uppercase;
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                position: relative;
                padding: 0px 22px 10px 22px; }
                body .container .header .menu-scroller .menu ul li a .menu-icon-wrapper {
                  display: flex;
                  margin-bottom: 3px;
                  position: relative; }
                  body .container .header .menu-scroller .menu ul li a .menu-icon-wrapper .menu_notification {
                    position: absolute;
                    display: block;
                    background: #b0d562;
                    color: #152f49;
                    font-size: 11px;
                    border-radius: 10px;
                    width: 18px;
                    height: 18px;
                    text-align: center;
                    line-height: 18px;
                    right: -16px;
                    top: -6px; }
                    body .container .header .menu-scroller .menu ul li a .menu-icon-wrapper .menu_notification.hidden {
                      display: none; }
              body .container .header .menu-scroller .menu ul li.active_menu, body .container .header .menu-scroller .menu ul li.active_menu:hover {
                background-color: #152f49;
                border-top-color: #b0d562; }
              body .container .header .menu-scroller .menu ul li:hover {
                background-color: #152f49; }
          body .container .header .menu-scroller .menu.small .menu-caption {
            display: none; }
          body .container .header .menu-scroller .menu.small li.active_menu .menu-caption, body .container .header .menu-scroller .menu.small li:hover .menu-caption {
            display: initial; }
      body .container .header .right_header {
        flex-shrink: 0;
        height: 100%;
        line-height: 19px;
        padding-top: 4px;
        margin-right: 12px; }
        body .container .header .right_header .right-header-box {
          padding-left: 12px; }
        body .container .header .right_header + .right_header {
          margin-left: 12px; }
          body .container .header .right_header + .right_header .right-header-box {
            border-left: 1px solid #152f49; }
        body .container .header .right_header p {
          color: #88bdda;
          font-size: 11px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400;
          margin: 0; }
          body .container .header .right_header p span {
            color: #fff; }
          body .container .header .right_header p img {
            vertical-align: middle;
            margin-left: 5px; }
          body .container .header .right_header p span {
            color: #ffffff; }
      @media print {
        body .container .header {
          display: none; } }
    body .container .main_content {
      width: 100%;
      height: 100%;
      background-color: #fff;
      overflow: hidden;
      display: flex;
      flex-direction: row; }
      body .container .main_content .wrap_content {
        position: relative;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #295e91;
        display: flex;
        flex-shrink: 0; }
        body .container .main_content .wrap_content #dyn_content {
          overflow: hidden;
          height: 100%;
          width: 400px;
          display: flex;
          flex-direction: column; }
          body .container .main_content .wrap_content #dyn_content.grayout {
            opacity: 0.8; }
          body .container .main_content .wrap_content #dyn_content .left-panel-header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #204971;
            position: relative;
            width: 100%;
            height: 45px;
            background-color: #2e68a1;
            text-align: center;
            flex-shrink: 0; }
            body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-tab-title {
              color: #fff;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 700;
              font-size: 13px;
              width: max-content;
              height: 44px;
              line-height: 44px;
              /* font-size: 15px; */
              text-transform: uppercase;
              margin-left: 8px;
              margin-right: 8px;
              padding-left: 8px;
              padding-right: 8px;
              display: flex;
              align-items: center; }
              body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-tab-title.selectable {
                color: #bcc8d4;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                cursor: pointer; }
                body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-tab-title.selectable.active {
                  color: #fff;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  border-bottom: 2px solid #fff;
                  cursor: default; }
            body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-plus-button-container {
              display: flex;
              justify-content: center;
              align-items: center;
              width: 28px;
              height: 28px;
              opacity: 0.5;
              background: transparent;
              border-radius: 3px;
              transition: all .25s ease-in-out;
              position: absolute;
              right: 8px;
              cursor: pointer; }
              body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-plus-button-container:hover {
                opacity: 1;
                background: #122a41; }
              body .container .main_content .wrap_content #dyn_content .left-panel-header .left-panel-header-plus-button-container .left-panel-header-plus-button {
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative; }
          body .container .main_content .wrap_content #dyn_content .content {
            height: 100%;
            display: flex;
            flex-direction: column;
            position: relative;
            background-color: #295e91;
            min-width: 400px;
            max-width: 700px;
            overflow: hidden; }
            body .container .main_content .wrap_content #dyn_content .content .item-list-container {
              height: 100%;
              display: flex;
              flex-direction: column;
              overflow: hidden; }
              body .container .main_content .wrap_content #dyn_content .content .item-list-container.hidden {
                display: none; }
            body .container .main_content .wrap_content #dyn_content .content .left-panel-block {
              display: flex;
              flex-direction: column;
              padding-top: 8px;
              padding-bottom: 8px;
              padding-left: 12px;
              padding-right: 12px;
              border-bottom: 1px solid #204971; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block.hidden {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block.left-panel-block-zero-padding {
                padding-left: 0px;
                padding-right: 0px;
                padding-top: 0px;
                padding-bottom: 0px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-top: 6px;
                padding-bottom: 6px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal.hidden {
                  display: none; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .max-width-no-shrink {
                  margin-right: 16px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button {
                  border-width: 1px;
                  border-style: solid;
                  border-radius: 3px;
                  /*color: #9dd2f1;*/
                  cursor: pointer;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 300;
                  font-size: 14px;
                  height: 33px;
                  outline: medium none;
                  text-transform: uppercase;
                  border-color: #b7e3f8;
                  color: #b7e3f8;
                  display: flex;
                  align-items: center;
                  justify-content: space-around; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.clear {
                    background: transparent none repeat scroll 0 0; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action {
                    background: #0fa2e9;
                    color: #fff;
                    font-size: 14px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    outline: none;
                    border: none;
                    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection {
                  height: 33px;
                  display: flex;
                  flex-direction: row; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection .download-button {
                    width: 96px;
                    flex-shrink: 0;
                    height: 33px;
                    background: transparent;
                    color: #b7e3f8;
                    border-left: 1px solid #b7e3f8;
                    border-bottom: 1px solid #b7e3f8;
                    border-top: 1px solid #b7e3f8;
                    border-right: none;
                    outline: none;
                    border-radius: 3px 0 0 3px;
                    font-size: 14px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 300;
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    justify-content: space-around; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection .jq-selectbox .jq-selectbox__select {
                    border: 1px solid #b7e3f8;
                    border-radius: 0 3px 3px 0; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button {
                  height: 33px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button .print-button {
                    background: transparent none repeat scroll 0 0; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-label-big {
                color: #fff;
                font-size: 15px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                /*text-transform: uppercase;*/
                margin-right: 16px;
                width: max-content;
                flex-shrink: 0;
                flex-grow: 0; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-label-big.left-panel-label-fixed-for-reports {
                  width: 70px;
                  flex-shrink: 0; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-label {
                color: #fff;
                margin-bottom: 0;
                font-size: 13px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 300;
                width: max-content;
                flex-shrink: 0;
                flex-grow: 0;
                margin-right: 16px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin-top: 6px;
                margin-bottom: 4px;
                color: #bcc8d4;
                font-size: 12px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons .option-button {
                  padding-bottom: 3px;
                  cursor: pointer;
                  text-transform: uppercase; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons .option-button.active {
                    border-bottom: 2px solid;
                    cursor: initial;
                    color: #fff; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons.track-unit-or-group-selection .option-button {
                  margin-right: 16px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection {
                display: flex;
                flex-direction: column; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection .date-interval-text-fields {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  margin-top: 6px;
                  margin-bottom: 6px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection .date-interval-text-fields input {
                    padding-left: 9px;
                    width: 100%;
                    margin-right: 8px;
                    background-position: right 8px center;
                    background-repeat: no-repeat;
                    background-color: transparent;
                    background-image: url("/img/darkblue/icon_calendar.png"); }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection .date-interval-text-fields input:last-child {
                      margin-right: 0px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container {
                display: flex;
                flex-direction: row;
                align-items: center;
                width: 100%;
                overflow: hidden; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container #slider-range {
                  width: 100%;
                  display: flex;
                  background: #1d4165;
                  height: 10px;
                  border-radius: 5px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container #slider-range div.ui-slider-range {
                    background: #0fa2e9;
                    border-radius: 5px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container #slider-range span.ui-slider-handle {
                    width: 14px;
                    height: 14px;
                    border: 3px solid #0fa2e9;
                    border-radius: 10px;
                    top: -2px;
                    z-index: 1;
                    background: #fff;
                    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5); }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container .value-slider-range {
                  width: 24px;
                  display: flex;
                  align-items: center;
                  flex-grow: 0;
                  flex-shrink: 0;
                  margin-left: 10px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .track-width-slider-container .value-slider-range input#amount {
                    width: 100%;
                    outline: none;
                    border: none;
                    background: transparent;
                    color: #fff;
                    font-size: 12px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .jq-selectbox {
                width: 100%; }
            body .container .main_content .wrap_content #dyn_content .content .shaped-lock {
              display: none;
              position: absolute;
              width: 100%;
              height: 100%;
              z-index: 999;
              background-image: url(../img/ui-bg_diagonals-thick_20_666666_40x40.png);
              background-repeat: repeat;
              background-attachment: scroll;
              background-clip: border-box;
              background-origin: padding-box;
              background-position-x: 50%;
              background-position-y: 50%;
              background-size: auto auto; }
              body .container .main_content .wrap_content #dyn_content .content .shaped-lock .loader-box {
                width: 100%;
                text-align: center;
                position: relative;
                margin-top: calc((100% - 100px)/2); }
                body .container .main_content .wrap_content #dyn_content .content .shaped-lock .loader-box span {
                  font: 22px/40px 'Open Sans', sans-serif;
                  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
                  font-weight: 600;
                  color: #fff; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .unit-list-scroller {
              width: 100%;
              height: 100%;
              overflow: hidden; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group:not(.hierarchy-expanded) .hierarchy_tree_wrap {
              display: none; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list .item-group.hierarchy-expanded .filter_group {
              background-color: #122a41; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab .tmp_group_header {
              padding: 10px 13px 10px 13px;
              width: 100%;
              flex-shrink: 0; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div {
              display: flex;
              flex-direction: row;
              align-items: center;
              flex-shrink: 0;
              height: 36px;
              position: relative;
              box-shadow: 0 0 30px rgba(8, 33, 60, 0.5); }
              body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.filter_button .filter_menu {
                position: absolute;
                left: 0px;
                bottom: 37px; }
              body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div .site_tab_search_criteria {
                height: 100%;
                width: min-content;
                text-align: center;
                display: flex;
                flex-direction: row; }
              body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div #units_search {
                background: url(/img/search.png) no-repeat scroll 97%;
                width: 70%;
                width: 100%;
                /* margin-left: 5px; */
                border: none;
                height: 33px;
                outline: none;
                border-radius: 3px;
                padding: 0 5px;
                color: #fff;
                font-size: 13px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                text-align: left; }
            body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container {
              display: flex;
              flex-direction: column;
              overflow: hidden;
              height: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container.hidden {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .simpleColorDisplay {
                margin-right: 16px; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block #unit_sensors {
                width: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block #unit_sensors-styler {
                width: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks input.color_range {
                width: 48px;
                margin-right: 16px; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks .add_interval, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks .remove_interval {
                color: #fff;
                cursor: pointer;
                font-size: 28px;
                line-height: 28px; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row {
                border-bottom: 1px solid #bcc8d4; }
            body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container {
              height: 100%;
              display: flex;
              flex-direction: column;
              overflow: hidden; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container.hidden {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container-scroll {
                max-height: 224px; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container {
                margin: 0 0 0 0; }
                body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player {
                  background: #204971;
                  border-bottom: 1px solid #bcc8d4;
                  padding: 6px 0px 6px 0px; }
                  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row {
                    display: flex;
                    flex-direction: row;
                    padding: 6px 10px 0px 11px; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .play-speed-container {
                      flex-shrink: 0;
                      cursor: pointer; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .play-speed-container .play-speed {
                        background: #204971;
                        color: #fff;
                        padding: 4px;
                        border-radius: 3px;
                        width: 27px;
                        display: block;
                        height: 20px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-weight: 400;
                        text-align: center;
                        line-height: 12px;
                        font-size: 12px; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .slider-container {
                      width: 100%;
                      padding: 6px; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .slider-container .slider {
                        height: 5px;
                        border-radius: 2px;
                        background: #2e68a1;
                        cursor: pointer; }
                        body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .slider-container .slider .ui-progressbar-value {
                          background-color: #b0d562; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-player-container .track-player .track-player-second-row .speed-filter-container {
                      flex-shrink: 0;
                      background: #204971;
                      color: #fff;
                      padding: 4px;
                      border-radius: 3px;
                      width: 64px;
                      display: block;
                      height: 20px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 400;
                      text-align: center;
                      line-height: 12px;
                      font-size: 12px;
                      cursor: pointer; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table {
                height: 100%;
                display: flex;
                flex-direction: column;
                width: 100%;
                overflow: hidden; }
                body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading {
                  background-color: #295e91;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  font-size: 12px;
                  color: #fff;
                  height: 40px;
                  min-height: 40px;
                  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
                  z-index: 1; }
                  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .track-table-row {
                    height: 28px;
                    margin-top: 8px;
                    /*                                        &:first-child {
                                                                height: 28px;
                                                            }*/ }
                body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table {
                  padding: 10px 24px;
                  color: #fff;
                  font-size: 13px;
                  height: 76px;
                  min-height: 76px;
                  display: flex;
                  justify-content: space-between;
                  align-items: flex-start;
                  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25);
                  z-index: 1; }
                  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-ign, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-speed {
                    display: flex;
                    flex-flow: column;
                    flex: 1; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-ign b, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-ign .item, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-speed b, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-speed .item {
                      height: 15px;
                      width: auto;
                      display: block; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-ign b .badget, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-ign .item .badget, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-speed b .badget, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .total-track-table .legend-speed .item .badget {
                        content: ' ';
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        border-radius: 5px;
                        background-color: gray;
                        margin-right: 8px; }
                body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body {
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 600;
                  font-size: 12px;
                  color: #fff;
                  overflow: hidden; }
                  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .height-scrollbar {
                    margin-top: 5px; }
                  body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row {
                    border-bottom: 1px solid #1a3c5d;
                    cursor: pointer;
                    height: 28px; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.active {
                      background: #152f49; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.additional {
                      display: none;
                      padding: 0px 25px 6px 25px;
                      width: 100%;
                      max-width: 100%;
                      height: auto;
                      font-size: 0;
                      background-color: #204971; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.additional .track-table-cell {
                        width: 50%;
                        max-width: 50%;
                        padding: 0 5px 0 0;
                        overflow-x: hidden;
                        text-overflow: ellipsis;
                        font-size: 11px;
                        margin-left: 0;
                        line-height: 20px;
                        color: #fff; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell.track-table-ignition .track-table-ignition-indicator {
                      width: 10px;
                      height: 10px;
                      border-radius: 5px;
                      background-color: #AD1D1B; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell .container-speed {
                      padding: 0px 10px;
                      border-radius: 3px;
                      width: 29px;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      height: 20px; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell .container-speed.no-speeding {
                        background-color: #b0d562; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell .container-speed.exceeding-speed-by-10 {
                        background-color: #ACAD2C; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell .container-speed.exceeding-speed-by-20 {
                        background-color: #AD4F22;
                        color: #fff; }
                      body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row .track-table-cell .container-speed.exceeding-speed-by-30 {
                        background-color: #AD1D1B;
                        color: #fff; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.ign-off .track-table-cell.track-table-ignition .track-table-ignition-indicator {
                      background-color: #AD1D1B; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.ign-on .track-table-cell.track-table-ignition .track-table-ignition-indicator {
                      background-color: #8aad3f; }
                    body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-body .container-table-info .track-table-row.expanded + .track-table-row.additional {
                      display: inline-block; }
            body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              /*border-bottom: 1px solid $leftPanelBorderColor;*/
              position: relative;
              width: 100%;
              height: 40px;
              text-align: center;
              flex-shrink: 0; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler .left-panel-tab {
                color: #fff;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700;
                font-size: 13px;
                width: max-content;
                height: 30px;
                /*line-height: 44px;*/
                /* font-size: 15px; */
                text-transform: uppercase;
                margin-left: 8px;
                margin-right: 8px;
                padding-left: 8px;
                padding-right: 8px;
                display: flex;
                align-items: center;
                color: #bcc8d4;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                cursor: pointer; }
                body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler .left-panel-tab.active {
                  color: #fff;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  border-bottom: 2px solid #fff;
                  cursor: default; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler .left-panel-header-plus-button-container {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 28px;
                height: 28px;
                opacity: 0.5;
                background: transparent;
                border-radius: 3px;
                transition: all .25s ease-in-out;
                position: absolute;
                right: 8px;
                cursor: pointer; }
                body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler .left-panel-header-plus-button-container:hover {
                  opacity: 1;
                  background: #122a41; }
                body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .left-panel-tab-toggler .left-panel-header-plus-button-container .left-panel-header-plus-button {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  position: relative; }
            body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .report-tasks {
              /* @extend %item-group-list; */ }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .report-tasks .items {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .report-tasks .report-task-name {
                cursor: pointer; }
            body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper {
              color: #fff;
              font-size: 12px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header {
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700;
                height: 32px; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body {
                height: 200px;
                overflow: hidden;
                box-shadow: inset 0px 5px 10px rgba(0, 0, 0, 0.25), inset 0px -5px 10px rgba(0, 0, 0, 0.25); }
                body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row {
                  border-bottom: 1px solid #1a3c5d;
                  height: 29px;
                  position: relative;
                  cursor: pointer; }
                  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .report-history-delete-div {
                    position: absolute;
                    right: 2px;
                    top: 2px;
                    background: #204971;
                    width: 24px;
                    height: 24px;
                    border-radius: 2px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all 0.15s ease-in-out;
                    opacity: 0;
                    cursor: pointer; }
                    body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row .report-history-delete-div:hover {
                      background: #152f49; }
                  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body .reports-history-row:hover .report-history-delete-div {
                    opacity: 1; }
            body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geozones_groups, body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geopoints_groups {
              width: 100%;
              height: max-content;
              margin-bottom: 0px; }
            body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geozones_groups_pjax, body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geopoints_groups_pjax {
              width: 100%;
              height: max-content; }
              body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geozones_groups_pjax .within-accordion-items, body .container .main_content .wrap_content #dyn_content .content.geo-items-tab #geopoints_groups_pjax .within-accordion-items {
                display: none; }
            body .container .main_content .wrap_content #dyn_content .content.geo-items-tab .window_geozone {
              display: none; }
            body .container .main_content .wrap_content #dyn_content .content.geo-items-tab .under-tabs-scroller {
              overflow: hidden;
              display: flex;
              height: 100%;
              width: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.geo-items-tab .under-tabs-scroller.hidden {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content.geo-items-tab .under-tabs-scroller .mCustomScrollBox {
                width: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.geo-items-tab .under-tabs-scroller .under-tabs-container {
                width: 100%; }
            body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list {
              overflow: hidden;
              height: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header {
                cursor: pointer; }
              body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item input.checkbox-dark + label span {
                margin-right: 0px; }
              body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .notification-details {
                display: none;
                margin: 4px 18px 0px 18px; }
                body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .notification-details .notification-detail-row {
                  font-size: 14px;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 400;
                  display: flex;
                  flex-direction: row;
                  margin-bottom: 6px; }
                  body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .notification-details .notification-detail-row .notification-detail-title {
                    color: #91c5e6;
                    width: 80px;
                    flex-shrink: 0; }
                  body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .notification-details .notification-detail-row .notification-detail-value {
                    color: #fff; }
            body .container .main_content .wrap_content #dyn_content .content.notifications-tab .window_notification {
              display: none; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list {
              /* @extend %item-group-list; */ }
              body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list .item .route-unit-watch {
                width: 24px;
                height: 24px;
                display: inline-block;
                margin-right: 8px;
                cursor: pointer; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes-loader {
              margin: 0px auto;
              position: absolute;
              top: 0px;
              width: 100%;
              padding-top: 300px;
              height: 400px; }
              body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes-loader .loader.hidden {
                display: none; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form #route_name_input {
              width: 100%; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form input.abbr {
              width: 100%;
              margin-left: 8px;
              /*margin-right: 8px;*/ }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form input.autocomplete_address {
              width: 100%; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-start .item-controls .to-man-backward, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-start .item-controls .to-man-forward, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-finish .item-controls .to-man-backward, body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .routes-place-finish .item-controls .to-man-forward {
              display: flex;
              align-items: center; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list {
              background-color: #204971; }
              body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row {
                display: flex;
                padding-left: 12px;
                padding-right: 12px;
                padding-top: 4px;
                padding-bottom: 4px; }
                body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-left {
                  background: url(/img/move-li-bg.png);
                  color: #fff;
                  background-repeat: no-repeat;
                  background-position: 0px 4px;
                  padding-left: 14px;
                  padding-right: 5px;
                  text-align: center;
                  width: 49px;
                  vertical-align: middle;
                  flex-shrink: 0; }
                body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell {
                  width: 100%;
                  overflow: hidden;
                  display: flex; }
                  body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell input[type=text] {
                    width: 100%;
                    height: 28px; }
                  body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell .waypoint-name {
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    width: 100%;
                    color: #fff; }
                body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right {
                  display: flex; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .search-waypoint {
              padding-left: 12px;
              padding-right: 12px;
              background-color: #204971; }
              body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .search-waypoint .autocomplete_address {
                margin-left: 8px; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .link {
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              font-size: 11px;
              border-bottom: 1px dotted #fff;
              text-transform: uppercase;
              color: #fff;
              cursor: pointer; }
            body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form #route_distance {
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              font-size: 14px;
              color: #fff; }
            body .container .main_content .wrap_content #dyn_content .content.driver-tab #driver_list_widget_container {
              height: 100%;
              overflow: hidden;
              display: flex; }
              body .container .main_content .wrap_content #dyn_content .content.driver-tab #driver_list_widget_container.hidden {
                display: none; }
              body .container .main_content .wrap_content #dyn_content .content.driver-tab #driver_list_widget_container .mCustomScrollBox {
                width: 100%; }
              body .container .main_content .wrap_content #dyn_content .content.driver-tab #driver_list_widget_container .driving-quality-settings-block {
                background: #152f49; }
            body .container .main_content .wrap_content #dyn_content .content.maintenance-tab .within_accordion.items {
              display: none; }
            body .container .main_content .wrap_content #dyn_content .content.alarm-tab .unit-alarm-count {
              display: inline-block;
              position: absolute;
              right: 5px;
              top: 6px;
              border-radius: 4px;
              width: 50px;
              text-align: center;
              height: 22px;
              line-height: 23px;
              font-size: 13px;
              color: #fff;
              margin-right: 6px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400; }
              body .container .main_content .wrap_content #dyn_content .content.alarm-tab .unit-alarm-count.unit-alarm-count-ok {
                background: #20A020; }
              body .container .main_content .wrap_content #dyn_content .content.alarm-tab .unit-alarm-count.unit-alarm-count-warning {
                background: #A0A020;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700; }
              body .container .main_content .wrap_content #dyn_content .content.alarm-tab .unit-alarm-count.unit-alarm-count-danger {
                background: #A02020;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700; }
            body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab .fuelcard-tab-scroller {
              display: flex;
              flex-direction: column;
              height: 100%;
              overflow: hidden; }
              body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab .fuelcard-tab-scroller.hidden {
                display: none; }
            body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab .fuel-station-visible .fuel-station-visible-item {
              display: none; }
              body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab .fuel-station-visible .fuel-station-visible-item.active {
                display: flex;
                align-items: center;
                color: #fff; }
                body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab .fuel-station-visible .fuel-station-visible-item.active .fuel-station-visible-item-caption {
                  margin-left: 8px; }
            body .container .main_content .wrap_content #dyn_content .content.fuelcard-tab #fuel-station-found {
              color: #fff; }
            body .container .main_content .wrap_content #dyn_content .content.services-tab .services-tab-scroller {
              display: flex;
              flex-direction: column;
              height: 100%;
              overflow: hidden; }
              body .container .main_content .wrap_content #dyn_content .content.services-tab .services-tab-scroller.hidden {
                display: none; }
            body .container .main_content .wrap_content #dyn_content .content.services-tab .services-visible .services-visible-item {
              display: none; }
              body .container .main_content .wrap_content #dyn_content .content.services-tab .services-visible .services-visible-item.active {
                display: flex;
                align-items: center;
                color: #fff; }
                body .container .main_content .wrap_content #dyn_content .content.services-tab .services-visible .services-visible-item.active .services-visible-item-caption {
                  margin-left: 8px; }
            body .container .main_content .wrap_content #dyn_content .content.services-tab #services-found {
              color: #fff; }
        body .container .main_content .wrap_content .hide_content {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 24px;
          right: -24px;
          top: 0px;
          border-radius: 0 3px 3px 0;
          height: 46px;
          background: rgba(32, 73, 113, 0.5);
          position: absolute;
          /* left: 400px; */
          cursor: pointer;
          text-align: center;
          z-index: 999; }
        @media print {
          body .container .main_content .wrap_content {
            display: none; } }
      body .container .main_content .map_and_content {
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        display: flex; }
        body .container .main_content .map_and_content .map_section {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: column;
          position: relative; }
          body .container .main_content .map_and_content .map_section.hidden {
            display: none; }
          body .container .main_content .map_and_content .map_section .print-only {
            display: none; }
            @media print {
              body .container .main_content .map_and_content .map_section .print-only {
                display: flex;
                width: 100%; }
                body .container .main_content .map_and_content .map_section .print-only h3 {
                  text-align: center; } }
        body .container .main_content .map_and_content .toolbar {
          position: fixed;
          top: 70px;
          right: -1px;
          width: 35px;
          z-index: 999; }
          @media print {
            body .container .main_content .map_and_content .toolbar {
              display: none; } }
          body .container .main_content .map_and_content .toolbar .block_toolbar {
            width: 34px;
            height: 36px;
            background-color: #204971;
            text-align: center;
            line-height: 36px;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #1d4165; }
            body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button {
              position: absolute;
              width: 34px;
              height: 36px;
              display: flex;
              justify-content: center;
              align-items: center;
              z-index: 2;
              background-color: #204971;
              border-bottom: 1px solid #1d4165;
              text-align: center;
              line-height: 36px;
              cursor: pointer;
              position: relative; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button .css-icon-28px {
                opacity: .8; }
                body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button .css-icon-28px:hover {
                  opacity: 1; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button a {
                padding: 0;
                margin: 0;
                display: flex; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button #missed_messages {
                width: 16px;
                height: 16px;
                text-align: center;
                line-height: 16px;
                top: 2px;
                left: 17px !important;
                display: none;
                position: absolute;
                background: #b0d562;
                color: #152f49;
                font-size: 11px;
                border-radius: 10px; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .toolbar-button #release_notifier {
                width: 10px;
                height: 10px;
                text-align: center;
                line-height: 16px;
                top: 5px;
                left: 19px !important;
                display: none;
                position: absolute;
                background: #b0d562;
                color: #152f49;
                font-size: 11px;
                border-radius: 5px; }
            body .container .main_content .map_and_content .toolbar .block_toolbar.search .toolbar-button {
              background-color: #0fa2e9; }
            body .container .main_content .map_and_content .toolbar .block_toolbar.search input {
              background-color: #0fa2e9;
              color: #fff;
              width: 100%;
              height: 100%;
              border: none;
              outline: none;
              font-size: 18px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 300;
              padding-left: 18px; }
            body .container .main_content .map_and_content .toolbar .block_toolbar .language-indicator {
              color: #fff;
              opacity: .8;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              font-size: 12px;
              text-align: center;
              text-transform: uppercase; }
            body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console {
              position: absolute;
              right: -400px;
              top: 0;
              height: 100%;
              color: #fff;
              font-size: 12px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              text-transform: uppercase;
              background: #204971;
              box-sizing: border-box;
              padding: 0 13px;
              width: max-content;
              z-index: 1; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console a {
                text-decoration: none;
                color: #fff; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.language-select {
                /*background: $geliosDropdownMenuBackground;*/
                display: flex; }
                body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.language-select .language {
                  padding: 0px 4px 0px 4px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.language-select .language:hover {
                    background: #152f49; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.language-select .language.active {
                    background: #152f49; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.block_toolbar_console_search {
                padding: 0px; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map {
                /*padding-left: 0px;*/
                background: transparent; }
                body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list {
                  background-color: #204971;
                  position: relative;
                  right: -6px; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list .map-source-list-item {
                    height: 28px; }
                    body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list .map-source-list-item .gelios-dropdown-menu-item-text {
                      line-height: 16px;
                      font-size: 12px;
                      color: #fff; }
                    body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list .map-source-list-item:hover {
                      background: #152f49; }
                    body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list .map-source-list-item.active {
                      background: #152f49; }
              body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.change_color {
                top: -4px;
                width: 112px;
                height: auto;
                border-radius: 5px;
                background: linear-gradient(to top, #d8d8d8, #fffefe);
                box-shadow: -1px 3px 3px 0px rgba(0, 0, 0, 0.52); }
                body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.change_color .theme-button {
                  width: 35px;
                  height: 35px;
                  border-radius: 18px;
                  float: left;
                  cursor: pointer;
                  outline: none;
                  border: none;
                  margin: 4px; }
        body .container .main_content .map_and_content #toolbar-mobile-apps {
          position: fixed;
          bottom: 18px;
          right: -1px;
          width: 35px;
          z-index: 999; }
          @media print {
            body .container .main_content .map_and_content #toolbar-mobile-apps {
              display: none; } }
          body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar {
            text-align: center;
            line-height: 36px;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #1d4165;
            background-color: #204971;
            color: #ffffff; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar:hover {
              background-color: #152f49; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar:first-child {
              border-top: 1px solid #1d4165; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar img {
              opacity: .6; }
              body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar img:hover {
                opacity: 1; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar .title {
              position: absolute;
              white-space: nowrap;
              right: -350px;
              top: 0;
              height: 100%;
              color: #fff;
              font-size: 12px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              text-transform: uppercase;
              box-sizing: border-box;
              padding: 0 13px;
              background-color: #152f49; }
        body .container .main_content .map_and_content .section_reports {
          position: relative;
          display: flex;
          flex-direction: column;
          width: 100%;
          flex-shrink: 0; }
          body .container .main_content .map_and_content .section_reports.hidden {
            display: none; }
          body .container .main_content .map_and_content .section_reports .report_block.block-report-chart.none {
            display: none; }
          body .container .main_content .map_and_content .section_reports .report_block .report-block-header {
            /*                            .block-report-tables__table-toggler {
                                            width: 100%;
                                            
                                            
                                            .block-report-tables__table-toggler-item {
                                               display: inline-block;
                                               color: #ffffff;
                                               padding: 0 4px;
                                               @include fontRegular;
                                               text-transform: uppercase;
                                               font-size: 12px;
                                               border-bottom: 2px solid transparent;
                                               padding-bottom: 0px;
                                               cursor: pointer;
                                               &.block-report-tables__table-toggler-item_active {
                                                   border-bottom: 2px solid #fff;
                                               }
                                           }
                                        }*/ }
            body .container .main_content .map_and_content .section_reports .report_block .report-block-header .horizontal-tabs.horizontal-tabs-for-section {
              padding-left: 0px; }
            body .container .main_content .map_and_content .section_reports .report_block .report-block-header .block-report-size-controls {
              width: max-content;
              flex-shrink: 0;
              display: flex;
              flex-direction: row;
              align-items: center;
              padding-right: 40px; }
              body .container .main_content .map_and_content .section_reports .report_block .report-block-header .block-report-size-controls .report-size-control {
                display: flex;
                cursor: pointer; }
            body .container .main_content .map_and_content .section_reports .report_block .report-block-header .report-block-title {
              width: 100%; }
              body .container .main_content .map_and_content .section_reports .report_block .report-block-header .report-block-title span {
                color: #ffffff;
                text-transform: uppercase;
                font-size: 13px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700; }
          body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper {
            background: #FFFFFF;
            display: flex;
            flex-direction: column; }
            body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper.hidden {
              display: none; }
            body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper .table_reports {
              /*                                .grid-view-default-footer {
                                                  @extend %grid-view-default-footer;
                                              }*/ }
          body .container .main_content .map_and_content .section_reports .report_block #chartdiv {
            width: 100%;
            height: 400px;
            background-color: #fff; }
            body .container .main_content .map_and_content .section_reports .report_block #chartdiv.hidden {
              display: none; }
        body .container .main_content .map_and_content .section_notifications {
          background: #fff;
          flex-shrink: 0; }
          body .container .main_content .map_and_content .section_notifications.hidden {
            display: none; }
        body .container .main_content .map_and_content #section-routes {
          height: 100%;
          display: flex;
          flex-direction: column;
          overflow: hidden; }
          body .container .main_content .map_and_content #section-routes.hidden {
            display: none; }
          body .container .main_content .map_and_content #section-routes #route-detail-container {
            background-color: #ffffff;
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden; }
            body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map {
              display: flex;
              flex-direction: row;
              height: 100%; }
              body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-detail-ruler {
                width: 402px;
                flex-shrink: 0;
                background: #204971; }
              body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map {
                display: flex;
                height: 100%;
                width: 100%; }
            body .container .main_content .map_and_content #section-routes #route-detail-container #routes-detail-templates {
              display: flex;
              flex-direction: column;
              width: 100%; }
              body .container .main_content .map_and_content #section-routes #route-detail-container #routes-detail-templates #route-template-grid {
                display: flex;
                flex-direction: column;
                width: 100%; }
                body .container .main_content .map_and_content #section-routes #route-detail-container #routes-detail-templates #route-template-grid #route-template-grid-container {
                  display: flex;
                  flex-direction: column;
                  width: 100%; }
            body .container .main_content .map_and_content #section-routes #route-detail-container #route-detail-units {
              /*                            .grid-view-default-footer {
                                              @extend %grid-view-default-footer;
                                          }*/ }
            body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list {
              background-color: #ffffff;
              display: flex;
              height: 100%;
              width: 100%;
              overflow: hidden; }
              body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign {
                display: flex;
                height: 100%;
                width: 100%;
                overflow: hidden; }
                body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container {
                  padding-left: 0px;
                  margin-top: 0px;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  overflow: hidden; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller {
                    overflow: hidden;
                    width: 100%;
                    height: 100%;
                    display: flex; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller .mCustomScrollBox {
                      width: 100%; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list {
                      display: flex;
                      flex-direction: row;
                      flex-wrap: nowrap;
                      overflow-y: hidden;
                      height: 100%;
                      width: max-content;
                      flex-shrink: 0; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item {
                        /* @extend %item-group-list; */
                        flex-shrink: 0;
                        width: 211px; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .item-group-header {
                          padding-left: 6px;
                          border-right: 1px solid #1d4165; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-unit {
                          background-color: #e2f0fb;
                          border-right: 1px solid #b0bdc9;
                          border-bottom: 1px solid #b0bdc9;
                          display: flex;
                          justify-content: center;
                          padding: 5px 0; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-unit .badge {
                            height: 32px;
                            width: 115px;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            white-space: nowrap;
                            display: flex;
                            justify-content: center;
                            align-items: center; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule {
                          height: 100%;
                          border-right: 1px solid #b0b0b0;
                          border-bottom: 1px solid #b0b0b0;
                          overflow: hidden; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table thead tr td, body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody tr td {
                            font-family: "Open Sans", Arial, sans-serif;
                            font-weight: 600;
                            font-size: 14px;
                            color: #204971;
                            text-align: center;
                            border-bottom: 1px solid #b0b0b0;
                            height: 30px;
                            width: 105px;
                            line-height: 14px; }
                            body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table thead tr td:first-child, body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody tr td:first-child {
                              border-right: 1px solid #b0b0b0; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table thead tr td {
                            padding: 4px; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody tr:nth-child(2n) {
                            background-color: #eff1f5; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody tr:nth-child(2n+1) {
                            background-color: #fff; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody td {
                            position: relative; }
                            body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody td .backward, body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-scroller #shift-list .routes-shift-item .shift-schedule table tbody td .forward {
                              position: absolute;
                              left: -11px;
                              top: 4px; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign #shift-list-container #shift-list-buttons .btn {
                    margin-top: 8px;
                    margin-bottom: 8px;
                    margin-left: 8px; }
                body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .shift-units-list {
                  width: 400px;
                  display: flex;
                  flex-direction: column;
                  flex-shrink: 0; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .shift-units-list .shifts-units-group {
                    height: 100%;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .shift-units-list .shifts-units-group .shifts-units-group-title {
                      background-color: #152f49;
                      display: inline-block;
                      font-size: 14px;
                      height: 30px;
                      line-height: 30px;
                      width: 100%;
                      color: #ffffff;
                      padding-left: 20px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 400; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .shift-units-list .shifts-units-group .shift-units-container {
                      border-left: 1px solid #152f49;
                      padding: 5px;
                      height: 100%;
                      overflow: hidden;
                      padding-right: 34px; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .shift-units-list .shifts-units-group .shift-units-container .badge {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        width: 115px;
                        padding: 5px;
                        margin-bottom: 10px;
                        cursor: move;
                        margin-right: 10px; }
                body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update {
                  color: #21364a;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 600;
                  font-size: 14px;
                  margin-left: 0px;
                  margin-top: 0px;
                  min-width: 800px;
                  width: 100%;
                  height: 100%;
                  display: flex;
                  flex-direction: column; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model {
                    /*height: max-content;*/
                    overflow: hidden;
                    flex-shrink: 0; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form {
                      display: flex;
                      flex-direction: column; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal {
                        display: flex; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal label {
                          color: #21364a;
                          font-family: "Open Sans", Arial, sans-serif;
                          font-weight: 700;
                          font-size: 12px;
                          text-transform: uppercase; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal input[type="text"] {
                          max-width: 211px;
                          border: 1px solid #b0b0b0;
                          border-radius: 2px;
                          height: 30px; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-form-name-and-days {
                          padding: 10px; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-form-name-and-days #routesshift-accept_day {
                            display: flex; }
                            body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-form-name-and-days #routesshift-accept_day input[type="checkbox"] {
                              display: none; }
                              body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-form-name-and-days #routesshift-accept_day input[type="checkbox"] + label {
                                display: inline-block;
                                width: 30px;
                                line-height: 30px;
                                cursor: pointer;
                                text-align: center;
                                font-size: 12px;
                                color: #b0b0b0;
                                border-left: 1px solid #b0b0b0;
                                border-top: 1px solid #b0b0b0;
                                border-bottom: 1px solid #b0b0b0; }
                              body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-form-name-and-days #routesshift-accept_day input[type="checkbox"]:checked + label {
                                background-color: #2b5e93;
                                color: #ffffff;
                                border-left: 1px solid #2b5e93;
                                border-top: 1px solid #2b5e93;
                                border-bottom: 1px solid #2b5e93; }
                        body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals {
                          padding: 10px;
                          display: flex;
                          flex-direction: column; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .update-shift-intervals-scroller {
                            max-height: 200px;
                            overflow: hidden; }
                            body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .update-shift-intervals-scroller .route-shift-single-interval {
                              display: flex;
                              margin-bottom: 8px; }
                              body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .update-shift-intervals-scroller .route-shift-single-interval .time_from, body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .update-shift-intervals-scroller .route-shift-single-interval .time_till {
                                width: 100px; }
                              body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .update-shift-intervals-scroller .route-shift-single-interval .time_from {
                                margin-right: 8px; }
                          body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .route-add-interval, body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-model #routes-shift-update-model-form .update-shift-form-horizontal .update-shift-intervals .route-remove-interval {
                            font-size: 32px;
                            padding-left: 5px;
                            padding-right: 5px;
                            height: 30px;
                            line-height: 35px;
                            cursor: pointer; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule {
                    height: 100%;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-update-schedule-form {
                      max-height: 100%;
                      overflow: hidden;
                      display: flex;
                      flex-direction: column;
                      /*height: max-content;*/ }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-update-schedule-form .update-shift-schedule-scroller {
                        overflow: scroll;
                        margin: 10px 34px 10px 10px; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-update-schedule-form .jq-selectbox__select {
                        border: 1px solid transparent;
                        font-size: 13px;
                        line-height: 30px;
                        font-family: "Open Sans", Arial, sans-serif;
                        font-weight: 400;
                        color: #21364a;
                        padding: 0 30px 0 0; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-update-schedule-form .routes-shift-update-schedule-form-submit-wrapper {
                        padding: 10px; }
                    body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-create-schedule-form {
                      /*height: max-content;*/
                      flex-shrink: 0;
                      padding: 10px;
                      display: flex;
                      justify-content: flex-start;
                      align-items: center; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-create-schedule-form .jq-selectbox__select {
                        margin-left: 16px;
                        height: 36px;
                        border: 1px solid #b0b0b0;
                        border-bottom-left-radius: 3px;
                        border-bottom-right-radius: 0;
                        border-top-left-radius: 3px;
                        border-top-right-radius: 0; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-create-schedule-form #routesshiftstart-start_time {
                        border: 1px solid #b0b0b0;
                        border-left: none;
                        color: #21364a;
                        height: 36px;
                        text-align: center;
                        width: 110px; }
                      body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update #routes-shift-update-schedule #routes-shift-create-schedule-form button[type="submit"] {
                        border-bottom-left-radius: 0;
                        border-top-left-radius: 0;
                        border-bottom-right-radius: 3px;
                        border-top-right-radius: 3px;
                        font-size: 21px;
                        height: 36px;
                        padding: 0;
                        width: 40px; }
                  body .container .main_content .map_and_content #section-routes #route-detail-container #route-departure-list #routes-detail-departures-assign .routes-shift-update .btn.btn-default {
                    background-color: #204971;
                    border-color: #152f49;
                    color: #fff; }
            body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block {
              padding: 10px 10px;
              width: 100%;
              display: flex;
              align-items: center;
              background-color: #204971;
              color: #ffffff;
              border-bottom: 1px solid #1d4165; }
              body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block label {
                font-weight: bold;
                margin-bottom: unset; }
              body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block input {
                outline: none;
                border: 1px solid #1d4165;
                border-radius: 3px;
                background-color: #152f49;
                height: 35px;
                text-align: center; }
              body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .dialog_button.hidden {
                display: none; }
            body .container .main_content .map_and_content #section-routes #route-detail-container .btn {
              width: max-content; }
          body .container .main_content .map_and_content #section-routes .default-table-style {
            min-width: initial; }
          body .container .main_content .map_and_content #section-routes .dialog-button {
            margin-left: 10px;
            text-transform: initial; }
        body .container .main_content .map_and_content .section_driving_quality {
          /*                    display:flex;
                              flex-direction: row;
                              flex-wrap: wrap;
                              max-height: 80%;
                              height: max-content;
                              flex-shrink: 0;*/ }
          body .container .main_content .map_and_content .section_driving_quality.hidden {
            display: none; }
          body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper {
            display: flex;
            overflow: hidden; }
            body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart {
              width: 50%;
              /* height: 40%; */
              display: flex;
              flex-direction: column;
              overflow: hidden;
              border-right: 1px solid #b0bdc9; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .section-header {
                flex-shrink: 0; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body {
                display: flex;
                flex-direction: column;
                overflow: hidden; }
                body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-graph-wrapper {
                  display: flex;
                  height: 100%;
                  width: 100%;
                  padding: 16px; }
                  body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-graph-wrapper #divForGraph {
                    height: 100%; }
                    body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-graph-wrapper #divForGraph .graphValuedivForGraph {
                      color: #4f4f4f;
                      font-size: 12px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 700;
                      text-align: center; }
                    body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-graph-wrapper #divForGraph .graphBardivForGraph {
                      background: url(/img/bg_gistogr.png) no-repeat center;
                      background-size: cover; }
                body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-legend-wrapper {
                  height: 60px;
                  display: flex;
                  flex-direction: row;
                  flex-shrink: 0; }
                  body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_bar_chart .driving-quality-graph-body .driving-quality-legend-wrapper .driver_legend {
                    height: 100%;
                    width: 50%; }
            body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_driving_quality {
              width: 50%;
              /*height: 50%;*/
              display: flex;
              overflow: hidden;
              flex-direction: column; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_driving_quality .section-header {
                flex-shrink: 0; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_driving_quality .violation-statistics-table-wrapper {
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
                width: 100%;
                height: 100%; }
                body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_driving_quality .violation-statistics-table-wrapper .violation-statistics-table .violation-statistics-label {
                  padding: 5px;
                  font-size: 15px;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 400; }
                body .container .main_content .map_and_content .section_driving_quality .infringement-graph-and-statistics-wrapper .block_driving_quality .violation-statistics-table-wrapper .violation-statistics-table .violation-statistics-value {
                  padding: 5px;
                  font-size: 18px;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  color: #0fa2e9; }
          body .container .main_content .map_and_content .section_driving_quality .infringement-table-block-wrapper {
            width: 100%;
            max-height: 350px;
            overflow: hidden;
            display: flex;
            flex-direction: column; }
            body .container .main_content .map_and_content .section_driving_quality .infringement-table-block-wrapper .section-header {
              flex-shrink: 0; }
            body .container .main_content .map_and_content .section_driving_quality .infringement-table-block-wrapper .block_table_infringement {
              display: flex;
              flex-direction: column;
              overflow: hidden;
              width: 100%;
              height: 100%; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-table-block-wrapper .block_table_infringement .select_table_infringement {
                padding: 4px;
                flex-shrink: 0; }
              body .container .main_content .map_and_content .section_driving_quality .infringement-table-block-wrapper .block_table_infringement .infringement-table-wrapper {
                height: 100%;
                width: 100%;
                overflow-x: hidden;
                overflow-y: auto; }
        body .container .main_content .map_and_content #tachography_section {
          width: 100%;
          height: 100%;
          background: #fff;
          display: flex;
          flex-direction: column;
          overflow: auto;
          scrollbar-color: #A6B6C6 #E8ECF0; }
          body .container .main_content .map_and_content #tachography_section ::-webkit-scrollbar {
            width: 8px;
            height: 8px; }
          body .container .main_content .map_and_content #tachography_section ::-webkit-scrollbar-track-piece {
            background-color: #E8ECF0; }
          body .container .main_content .map_and_content #tachography_section ::-webkit-scrollbar-thumb {
            background-color: #C7D1DB;
            border-radius: 4px; }
          body .container .main_content .map_and_content #tachography_section ::-webkit-scrollbar-thumb:hover {
            background-color: #A6B6C6; }
          body .container .main_content .map_and_content #tachography_section ::-webkit-scrollbar-thumb:active {
            background-color: #7A92AA; }
          body .container .main_content .map_and_content #tachography_section .top_section {
            background: #152f49;
            width: 100%;
            height: 32px;
            flex-shrink: 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0;
            box-sizing: border-box; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_horizontal_horizontal.chronology_table_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap, body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_vertical.chronology_table_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap {
              display: block; }
              body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_horizontal_horizontal.chronology_table_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_chronology, body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_vertical.chronology_table_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_chronology {
                border-bottom: 2px solid white;
                opacity: 1; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_horizontal_horizontal.chronology_table_active #additional_top_section_chronology .pagination_custom, body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_vertical.chronology_table_active #additional_top_section_chronology .pagination_custom {
              display: flex; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_horizontal_horizontal.current_state_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap, body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_vertical.current_state_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap {
              display: block; }
              body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_horizontal_horizontal.current_state_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_current_state, body .container .main_content .map_and_content #tachography_section .top_section.view_horizontal_vertical.current_state_active #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_current_state {
                border-bottom: 2px solid white;
                opacity: 1; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_vertical_vertical #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap {
              display: block; }
              body .container .main_content .map_and_content #tachography_section .top_section.view_vertical_vertical #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_chronology {
                display: none; }
              body .container .main_content .map_and_content #tachography_section .top_section.view_vertical_vertical #tachography_main_top_section_chronology .tab_list_wrap .ul_wrap .tab_list #tab_current_state {
                border-bottom: 2px solid white;
                opacity: 1; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_vertical_vertical #additional_top_section_chronology .tab_list_wrap .ul_wrap {
              display: block; }
            body .container .main_content .map_and_content #tachography_section .top_section.view_vertical_vertical #additional_top_section_chronology .pagination_custom {
              display: flex; }
            body .container .main_content .map_and_content #tachography_section .top_section .top_section_container {
              display: flex;
              flex-direction: row;
              width: 50%;
              height: 100%;
              flex-shrink: 0;
              padding: 0 8px;
              box-sizing: border-box; }
              body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .pagination_custom {
                display: none; }
              body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap {
                position: relative;
                overflow: hidden;
                height: 100%;
                width: 100%; }
                body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap ::-webkit-scrollbar {
                  display: none; }
                body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap .ul_wrap {
                  overflow-x: auto;
                  overflow-y: hidden;
                  scrollbar-width: none;
                  height: 100%;
                  display: none; }
                  body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap .ul_wrap ul.tab_list {
                    display: flex;
                    flex-direction: row;
                    padding: 0;
                    margin: 0;
                    width: 100%;
                    min-width: max-content;
                    height: 100%; }
                    body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap .ul_wrap ul.tab_list li {
                      padding: 0 16px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      font-size: 13px;
                      line-height: 16px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 600;
                      font-style: normal;
                      color: #ffffff;
                      text-transform: uppercase;
                      white-space: nowrap;
                      cursor: pointer;
                      border-top: 2px solid rgba(255, 255, 255, 0);
                      border-bottom: 2px solid rgba(255, 255, 255, 0);
                      user-select: none;
                      opacity: .6;
                      transition: all .2s; }
                      body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap .ul_wrap ul.tab_list li.active, body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .tab_list_wrap .ul_wrap ul.tab_list li:hover {
                        border-bottom: 2px solid white;
                        opacity: 1; }
              body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap {
                display: flex;
                padding: 0 36px 0 0;
                align-items: center;
                position: relative;
                z-index: 10; }
                body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection {
                  position: relative; }
                  body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection:hover .menu_view_selection_wrap {
                    visibility: visible;
                    opacity: 1;
                    z-index: 1000; }
                  body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection .menu_view_selection_wrap {
                    visibility: hidden;
                    opacity: 0;
                    transition: all .2s;
                    display: block;
                    position: absolute;
                    left: -4px;
                    top: 100%;
                    padding-top: 2px;
                    border-radius: 2px;
                    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }
                    body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection .menu_view_selection_wrap ul.menu_view_selection {
                      margin: 0;
                      background: #204971;
                      border-radius: 2px;
                      z-index: 15;
                      display: flex;
                      flex-direction: column;
                      width: 28px;
                      padding: 2px; }
                      body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection .menu_view_selection_wrap ul.menu_view_selection li {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        justify-content: flex-start; }
                        body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection .menu_view_selection_wrap ul.menu_view_selection li.active .ic_box .ic {
                          opacity: 1; }
                        body .container .main_content .map_and_content #tachography_section .top_section .top_section_container .icons_wrap .ic_menu_view_selection .menu_view_selection_wrap ul.menu_view_selection li .ic_box .ic {
                          opacity: .6; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper {
            width: 100%;
            max-width: 100%;
            min-width: 100%;
            height: calc(100% - 32px);
            min-height: calc(100% - 32px);
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            overflow-x: hidden;
            overflow-y: auto; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper * {
              box-sizing: border-box; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_horizontally_horizontally #content_wrapper_chronology_table_and_current_state {
              height: calc(100%/3); }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_horizontally_horizontally #content_wrapper_chronology_table_and_current_state .content_wrap {
                width: 100%; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_horizontally_horizontally #content_wrapper_chronology_graph_and_driving_time_graph {
              height: calc(100%/3*2);
              flex-direction: column; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_horizontally_horizontally #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap {
                width: 100%;
                height: calc(100%/2); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_vertically #content_wrapper_chronology_table_and_current_state {
              height: calc(100%/2); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_vertically #content_wrapper_chronology_graph_and_driving_time_graph {
              height: calc(100%/2);
              max-height: 100%;
              flex-shrink: 0; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap {
                width: calc(100%/2);
                height: 100%; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap#content_wrap_chronology_graph {
                  min-width: 25%;
                  max-width: 75%;
                  flex-shrink: 0;
                  min-height: 156px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_horizontally_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap#content_wrap_driving_time_graph {
                  width: inherit;
                  flex-shrink: initial;
                  min-height: 156px; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state {
              height: calc(100%/2);
              max-height: 100%;
              flex-shrink: 0; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap {
                display: flex;
                width: calc(100%/2);
                height: 100%; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state {
                  display: flex;
                  min-width: 25%;
                  max-width: 75%;
                  flex-shrink: 0; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_chronology_table {
                  display: flex;
                  flex-grow: 1;
                  width: 1%;
                  flex-shrink: 0; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_graph_and_driving_time_graph {
              height: calc(100%/2);
              max-height: 100%;
              flex-shrink: 0; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap {
                width: calc(100%/2);
                height: 100%; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap#content_wrap_chronology_graph {
                  min-width: 25%;
                  max-width: 75%;
                  flex-shrink: 0;
                  min-height: 156px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_graph_and_driving_time_graph .content_wrap#content_wrap_driving_time_graph {
                  /*width: inherit;
                  flex-shrink: initial;*/
                  display: flex;
                  flex-grow: 1;
                  width: 1%;
                  flex-shrink: 0;
                  min-height: 156px; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically.current_state_active #content_wrapper_chronology_table_and_current_state #content_wrap_current_state {
              display: flex;
              width: calc(100%/2); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically.chronology_table_active #content_wrapper_chronology_table_and_current_state #content_wrap_chronology_table {
              display: flex;
              width: calc(100%/2); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_table_and_current_state {
              max-height: 100%;
              min-height: 160px; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_table_and_current_state #content_wrap_current_state,
              body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_table_and_current_state #content_wrap_chronology_table {
                display: none;
                max-height: 100%; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.current_state_active #content_wrapper_chronology_table_and_current_state #content_wrap_current_state {
              display: flex;
              width: 100%;
              justify-content: flex-start; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.chronology_table_active #content_wrapper_chronology_table_and_current_state #content_wrap_chronology_table {
              display: flex;
              width: 100%;
              justify-content: flex-start; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_graph_and_driving_time_graph {
              max-height: 200%;
              min-height: 160px; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_graph_and_driving_time_graph #content_wrap_chronology_graph,
              body .container .main_content .map_and_content #tachography_section .main_wrapper #content_wrapper_chronology_graph_and_driving_time_graph #content_wrap_driving_time_graph {
                max-height: calc(100%/2*3);
                min-height: 160px; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper {
              display: flex;
              flex-direction: row;
              width: 100%;
              height: 50%;
              align-content: flex-start; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap {
                width: 50%;
                height: 100%;
                flex-shrink: 0; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable.ui-resizable-horizontal {
            padding-bottom: 6px; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable.ui-resizable-horizontal.ui-resizable-disabled {
              padding-bottom: 0; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable.ui-resizable-vertical {
            padding-right: 3px;
            margin-right: 3px; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable.ui-resizable-vertical.ui-resizable-disabled {
              padding-right: 0; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable-disabled > .ui-resizable-e,
          body .container .main_content .map_and_content #tachography_section .ui-resizable-disabled > .ui-resizable-s {
            display: none !important; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable-resizing .ui-resizable-e:before,
          body .container .main_content .map_and_content #tachography_section .ui-resizable-resizing .ui-resizable-s:before {
            opacity: .9; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable-e {
            background: #152f49;
            cursor: col-resize;
            width: 6px;
            min-width: 6px;
            right: -3px;
            overflow: hidden; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable-e:hover:before {
              opacity: .9; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable-e:before {
              content: '';
              display: block;
              width: 6px;
              height: 24px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, calc(-50% - 3px));
              background: url(/img/tachograph/sprite_icons.png);
              background-position: -33px -72px;
              opacity: .5;
              transition: all .25s; }
          body .container .main_content .map_and_content #tachography_section .ui-resizable-s {
            background: #152f49;
            cursor: row-resize;
            height: 6px;
            min-height: 6px;
            bottom: 0;
            overflow: hidden; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable-s:hover:before {
              opacity: .9; }
            body .container .main_content .map_and_content #tachography_section .ui-resizable-s:before {
              content: '';
              display: block;
              width: 24px;
              height: 6px;
              position: absolute;
              top: 0;
              left: 50%;
              transform: translate(-50%, 0);
              background: url(/img/tachograph/sprite_icons.png);
              background-position: 0 -81px;
              opacity: .5;
              transition: all .25s; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state {
          min-height: 320px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content {
            flex-wrap: wrap; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content .state_box {
              width: 50%;
              height: 50%; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content .state_box:nth-child(2), body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content .state_box:nth-child(4) {
                border-right: none; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content .state_box:nth-child(1), body .container .main_content .map_and_content #tachography_section .main_wrapper.view_vertically_vertically #content_wrapper_chronology_table_and_current_state .content_wrap#content_wrap_current_state .tachography-content .state_box:nth-child(2) {
                border-bottom: 1px solid #E4E8F0; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap .tachography-content {
          display: flex;
          overflow: auto;
          flex-direction: row;
          width: calc(100% - 34px);
          height: 100%; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap .tachography-content #table_tachograph_chronology_pjax {
            width: 100%; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content {
          overflow: hidden; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box {
            border-right: 1px solid #E4E8F0;
            width: 25%;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 32px 12px; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box:nth-child(4) {
              border-right: none; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              padding: 0;
              margin: 0;
              width: 100%; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                margin: 8px 12px;
                width: calc(50% - 24px); }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box.type_icon_box .value_and_label {
                  width: calc(100% - 38px); }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box.type_level_box .value_and_label .value {
                  margin-top: -4px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .ic_box {
                  height: 36px;
                  width: 36px;
                  display: flex;
                  flex-direction: row;
                  justify-content: center;
                  align-items: center;
                  flex-shrink: 0;
                  background: rgba(33, 54, 74, 0.08);
                  border-radius: 18px;
                  margin-right: 6px;
                  margin-left: -4px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label {
                  display: flex;
                  flex-direction: column;
                  width: 100%; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .value {
                    font-size: 21px;
                    line-height: 22px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 300;
                    font-style: normal;
                    color: #21364a;
                    line-height: initial;
                    white-space: nowrap;
                    margin-bottom: 0;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 100%; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .value .unit-of-measure {
                      margin-left: -5px;
                      font-size: 14px;
                      font-weight: 400; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .value.max-value {
                      margin-left: -5px;
                      font-size: 14px;
                      font-weight: 400; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .value.max-value .unit-of-measure {
                        margin-left: -3px; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .dashboard_label {
                    font-size: 11px;
                    line-height: 10px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    font-style: normal;
                    color: rgba(33, 54, 74, 0.65);
                    height: 22px;
                    margin-bottom: -10px; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .dashboard_label .ic_box {
                      display: inline-flex;
                      width: 10px;
                      height: 10px;
                      margin: 0;
                      padding: 0;
                      background: none;
                      transform: translate(0, 1px);
                      position: relative; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .dashboard_label .ic_box:hover .tooltip {
                        visibility: visible;
                        opacity: 1;
                        z-index: 22; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .dashboard_label .ic_box .ic {
                        width: 10px;
                        height: 10px;
                        z-index: 2;
                        position: relative; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .level {
                    width: 100%;
                    height: 4px;
                    background: rgba(33, 54, 74, 0.08);
                    border-radius: 2px;
                    overflow: hidden;
                    margin-top: 0;
                    margin-bottom: 4px; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .level .level_value {
                      height: 100%;
                      border-radius: 2px; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .level .level_value.normal {
                        background: #00da00; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .level .level_value.more_half {
                        background: #FF6637; }
                      body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_current_state .tachography-content .state_box .parameter_boxes_list .parameter_box .value_and_label .level .level_value.full {
                        background: #0da2e9; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_table .tachography-content table {
          white-space: nowrap; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .date-interval-box {
            padding: 20px 40px;
            font-size: 20px;
            line-height: 20px;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 400;
            font-style: normal;
            color: #21364a; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box {
            padding: 20px 40px;
            width: 100%;
            height: 100%; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-zoom-container {
              display: block;
              overflow: hidden;
              width: 100%; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-zoom-container .tachograph-graph-violation-container {
                height: 14px;
                width: 100%;
                display: flex;
                flex-direction: row;
                overflow: hidden;
                position: relative; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-zoom-container .tachograph-graph-violation-container .tachograph-violation-marker-wrapper {
                  overflow-x: visible;
                  overflow-y: visible;
                  width: 0.0001%; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-zoom-container .tachograph-graph-violation-container .tachograph-violation-marker-wrapper .tachograph-violation-marker {
                    width: 17px;
                    height: 14px;
                    background: url(/img/tachograph/sprite_tachography.svg);
                    background-position: -24px -96px; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container {
              height: 98px;
              width: 100%;
              display: flex;
              flex-direction: column;
              overflow: hidden;
              position: relative; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-intervals-container {
                height: 48px;
                width: 100%;
                display: flex;
                flex-direction: row;
                overflow: hidden;
                position: relative; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item {
                display: inline-block;
                height: 100%;
                position: relative; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar {
                  width: 100%;
                  position: absolute;
                  bottom: 0px;
                  display: flex;
                  justify-content: center;
                  align-items: flex-end;
                  font-size: 10px;
                  line-height: 12px;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  font-style: normal;
                  color: #21364a; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar.driving {
                    height: 100%;
                    background: rgba(13, 162, 233, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar.resting {
                    height: 55%;
                    background: rgba(0, 218, 0, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar.ready {
                    height: 70%;
                    background: rgba(255, 102, 55, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar.other_activity {
                    height: 85%;
                    background: rgba(255, 197, 0, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-container .tachograph-graph-item .tachograph-graph-bar.unknown {
                    height: 40%;
                    background: rgba(122, 146, 170, 0.5); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-time-axis-container {
              height: 16px;
              width: 100%;
              display: flex;
              overflow: hidden;
              position: relative; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-time-axis-container .tachograph-graph-legend-day {
                overflow-x: visible;
                overflow-y: visible;
                font-size: 10px;
                line-height: 12px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700;
                font-style: normal;
                color: #21364a; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-graph-time-axis-container .tachograph-graph-legend-hour {
                overflow-x: visible;
                overflow-y: visible;
                font-size: 10px;
                line-height: 12px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                font-style: normal;
                color: #21364a; }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container {
              position: relative;
              height: 18px;
              width: 100%; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph {
                height: 100%;
                padding: 2px;
                width: 100%;
                display: flex;
                overflow: hidden;
                position: absolute;
                top: 0px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item {
                  display: inline-block;
                  height: 100%;
                  position: relative; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    bottom: 0px;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                    font-size: 10px;
                    line-height: 12px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    font-style: normal;
                    color: #21364a; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar .duration {
                      display: none; }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar.driving {
                      background: rgba(13, 162, 233, 0.5); }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar.resting {
                      background: rgba(0, 218, 0, 0.5); }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar.ready {
                      background: rgba(255, 102, 55, 0.5); }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar.other_activity {
                      background: rgba(255, 197, 0, 0.5); }
                    body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph .tachograph-graph-item .tachograph-graph-bar.unknown {
                      background: rgba(122, 146, 170, 0.5); }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content .graph_box .tachograph-overview-graph-container .tachograph-overview-graph-outline {
                position: absolute;
                width: 100%;
                top: 0px;
                height: 100%;
                border: 1px solid #21364a;
                display: flex; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box {
            flex-shrink: 0;
            width: 100%;
            min-height: 28px;
            background: red;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding: 6px 20px;
            background: rgba(33, 54, 74, 0.08); }
            body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul {
              display: flex;
              flex-direction: row;
              justify-content: flex-start;
              flex-wrap: wrap;
              align-items: center;
              margin: 0;
              padding: 0; }
              body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li {
                list-style: none;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                margin: 2px 16px 2px 0; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li:last-child {
                  margin-right: 0; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .color {
                  width: 12px;
                  height: 12px;
                  border-radius: 2px;
                  margin-right: 4px; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .color.driving_color {
                    background: rgba(13, 162, 233, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .color.rest_color {
                    background: rgba(0, 218, 0, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .color.other_work_color {
                    background: rgba(255, 197, 0, 0.5); }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .color.readiness_color {
                    background: rgba(255, 102, 55, 0.5); }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .ic_box {
                  width: 14px;
                  height: 14px; }
                  body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .ic_box .ic {
                    width: 14px;
                    height: 14px; }
                body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_chronology_graph .tachography-content #legend_chronology_graph_box ul li .label_and_value {
                  font-size: 10px;
                  line-height: 12px;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  font-style: normal;
                  color: #21364a;
                  white-space: nowrap; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .content_wrapper .content_wrap#content_wrap_driving_time_graph .tachography-content .graph_box {
          padding: 20px 40px;
          width: 100%;
          height: 100%; }
        body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic {
          background: url(/img/tachograph/sprite_tachography.svg); }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_time {
            background-position: 0 0; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_speed {
            background-position: -24px 0; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_truck {
            background-position: -48px 0; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_driving {
            background-position: 0 -48px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_rest {
            background-position: -24px -48px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_other_work {
            background-position: -48px -48px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_readiness {
            background-position: -72px -48px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_alert {
            background-position: -24px -96px; }
          body .container .main_content .map_and_content #tachography_section .main_wrapper .ic_box .ic.ic_info {
            background-position: 0 -96px; }
        body .container .main_content .map_and_content .ic_box {
          width: 24px;
          height: 24px;
          margin: 2px;
          border-radius: 2px;
          cursor: pointer;
          transition: .25s ease-in-out; }
          body .container .main_content .map_and_content .ic_box:hover {
            background: rgba(255, 255, 255, 0.15); }
          body .container .main_content .map_and_content .ic_box:active {
            background: rgba(255, 255, 255, 0.3); }
          body .container .main_content .map_and_content .ic_box.hidden {
            display: none; }
          body .container .main_content .map_and_content .ic_box.dark:hover {
            background: rgba(21, 47, 73, 0.15); }
          body .container .main_content .map_and_content .ic_box.dark:active {
            background: rgba(21, 47, 73, 0.3); }
          body .container .main_content .map_and_content .ic_box .ic {
            width: 24px;
            height: 24px;
            background: url(/img/tachograph/sprite_icons.png); }
            body .container .main_content .map_and_content .ic_box .ic.ic_hidden {
              display: none; }
            body .container .main_content .map_and_content .ic_box .ic.ic_screen_view_horizontally_horizontally_horizontally {
              background-position: 0 -24px; }
            body .container .main_content .map_and_content .ic_box .ic.ic_screen_view_horizontally_vertically {
              background-position: -24px -24px; }
            body .container .main_content .map_and_content .ic_box .ic.ic_screen_view_vertically_vertically {
              background-position: -48px -24px; }
        body .container .main_content .map_and_content .tooltip {
          display: flex;
          width: max-content;
          max-width: 400px;
          min-width: 200px;
          height: min-content;
          position: absolute;
          top: 50%;
          background: #FFFFFF;
          border: 1px solid #BCC9DE;
          box-shadow: 0 2px 20px 0 rgba(44, 71, 116, 0.25);
          border-radius: 4px;
          padding: 12px 0 16px;
          flex-shrink: 0;
          visibility: hidden;
          opacity: 0;
          transition: opacity .25s;
          z-index: 1000;
          /*&:after{
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translate(-50%, 6px);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #007bff transparent transparent transparent;
          }*/ }
          body .container .main_content .map_and_content .tooltip[data-placement="bottom_center"] {
            left: 50%;
            transform: translate(-50%, calc(-100% - 14px)); }
          body .container .main_content .map_and_content .tooltip[data-placement="bottom_right"] {
            left: 0;
            transform: translate(-28px, calc(-100% - 14px)); }
            body .container .main_content .map_and_content .tooltip[data-placement="bottom_right"] .tooltip_main .tooltip_arrow {
              left: 32px; }
          body .container .main_content .map_and_content .tooltip[data-placement="bottom_left"] {
            right: 0;
            transform: translate(28px, calc(-100% - 14px)); }
            body .container .main_content .map_and_content .tooltip[data-placement="bottom_left"] .tooltip_main .tooltip_arrow {
              left: initial;
              right: 12px; }
          body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_head {
            height: 24px;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            padding: 0 16px; }
            body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_head span {
              font-size: 14px;
              line-height: 20px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 700;
              font-style: normal;
              color: rgba(33, 54, 74, 0.9); }
          body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_body {
            padding: 0 16px; }
            body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_body p {
              font-size: 11px;
              line-height: 14px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              font-style: normal;
              color: #21364a;
              margin: 0; }
          body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_arrow {
            position: absolute;
            left: 50%;
            bottom: 0;
            width: 20px;
            height: 20px;
            transform: translate(-50%, calc(50% + 3px));
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center; }
            body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_arrow:after {
              content: '';
              display: block;
              position: absolute;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 7px 7px 0 7px;
              border-color: #fff transparent transparent transparent; }
            body .container .main_content .map_and_content .tooltip .tooltip_main .tooltip_arrow:before {
              content: '';
              display: block;
              position: absolute;
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 7px 7px 0 7px;
              transform: translate(0, 1px);
              border-color: #BCC9DE transparent transparent transparent; }
        body .container .main_content .map_and_content #maintenance--wrapper {
          background: #fff;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          height: 100%;
          position: relative; }
          body .container .main_content .map_and_content #maintenance--wrapper.hidden {
            display: none; }
          body .container .main_content .map_and_content #maintenance--wrapper #maintenance--grid-view--wrapper {
            display: flex;
            flex-direction: column;
            height: 100%; }
            body .container .main_content .map_and_content #maintenance--wrapper #maintenance--grid-view--wrapper.hidden {
              display: none; }
            body .container .main_content .map_and_content #maintenance--wrapper #maintenance--grid-view--wrapper .maintenance-grid-view-scroller {
              display: flex;
              flex-direction: column;
              height: 100%; }
          body .container .main_content .map_and_content #maintenance--wrapper #maintenance--statistics--wrapper {
            display: flex;
            flex-direction: column;
            height: 100%; }
            body .container .main_content .map_and_content #maintenance--wrapper #maintenance--statistics--wrapper.hidden {
              display: none; }
        body .container .main_content .map_and_content #section_drivers {
          display: flex;
          flex-direction: column;
          flex-shrink: 0;
          height: 100%;
          background: #fff; }
          body .container .main_content .map_and_content #section_drivers.hidden {
            display: none; }
        body .container .main_content .map_and_content .section_alarm {
          display: flex;
          flex-direction: column;
          flex-shrink: 0;
          height: 430px;
          background: #fff; }
          body .container .main_content .map_and_content .section_alarm.hidden {
            display: none; }
          body .container .main_content .map_and_content .section_alarm #alarm_pjax {
            /*                        display: flex;
                                    flex-direction: column;
                                    overflow: hidden;*/ }
            body .container .main_content .map_and_content .section_alarm #alarm_pjax .grid-view {
              display: flex;
              flex-direction: column; }
        body .container .main_content .map_and_content .section_fuelcard {
          background-color: #fff;
          min-height: 420px; }
          body .container .main_content .map_and_content .section_fuelcard.hidden {
            display: none; }
        body .container .main_content .map_and_content .section_foreign_service {
          height: 100%;
          width: 100%;
          overflow: auto; }
        body .container .main_content .map_and_content .multi-column {
          display: flex;
          height: 100%;
          width: calc(100% - 34px); }
          body .container .main_content .map_and_content .multi-column .column {
            width: 100%; }
            body .container .main_content .map_and_content .multi-column .column.width-max-content {
              width: max-content;
              flex-shrink: 0; }
            body .container .main_content .map_and_content .multi-column .column.route-simulator-column {
              padding: 16px;
              overflow-y: auto; }
    body .container .Copyright {
      bottom: 0;
      left: 0;
      width: 100%;
      height: 18px;
      background: #204971; }
      body .container .Copyright a {
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
        color: #ffffff;
        font-size: 11px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        line-height: 18px;
        text-decoration: none; }
      @media print {
        body .container .Copyright {
          display: none; } }
  body div.select_car, body div.select_geopoint_icon {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -175px 0 0 -400px;
    width: 800px;
    height: 350px;
    border-radius: 8px;
    z-index: 200;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.5);
    display: none; }
  body #negative_balance {
    background-color: #fff;
    position: absolute;
    display: none;
    top: 75px;
    right: 39px;
    z-index: 500; }
    body #negative_balance div {
      background-color: #e32429;
      color: #fff;
      float: left;
      height: 30px;
      line-height: 29px;
      padding: 0 5px 0 9px; }
      body #negative_balance div:first-child {
        width: 30px; }
      body #negative_balance div:last-child {
        margin-left: 1px;
        width: 30px; }
      body #negative_balance div img {
        vertical-align: middle; }
  body #system_notification {
    display: none;
    height: 30px;
    position: absolute;
    top: 75px;
    z-index: 1000;
    color: white;
    text-align: center;
    left: 50%;
    margin-left: -25%;
    width: 50%; }
    body #system_notification span {
      background-color: #ff0000;
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      padding-left: 9px;
      padding-right: 9px; }
    body #system_notification #text_notification {
      width: calc(100% - 34px); }
  body div.pleaseWait {
    display: flex;
    align-items: center;
    padding: 20px;
    justify-content: center;
    z-index: 9999;
    width: 460px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -230px;
    background-color: #ffffff;
    border-radius: 8px;
    text-align: center; }
    body div.pleaseWait .please-wait-message {
      font-size: 48px;
      font-weight: bold;
      color: #847b7b;
      margin-right: 6px; }
  body #all-locators-table-wrapper {
    max-height: 133px;
    overflow-y: scroll;
    margin-bottom: 7px; }
    body #all-locators-table-wrapper #all-locators-table {
      font-size: 12px;
      margin-bottom: 10px;
      width: 100%; }
      body #all-locators-table-wrapper #all-locators-table th, body #all-locators-table-wrapper #all-locators-table td {
        border: 1px solid #ccc;
        padding: 1px 2px;
        max-width: 0; }
      body #all-locators-table-wrapper #all-locators-table th {
        font-weight: bold; }
      body #all-locators-table-wrapper #all-locators-table td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  body #add-locator-form .locator-inline-field {
    display: inline-block;
    width: 50%; }
    body #add-locator-form .locator-inline-field input {
      width: 200px; }
  body .locator-dialog-boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*height: 300px;*/
    width: 100%; }
    body .locator-dialog-boxes .locator-dialog-box {
      width: 300px;
      display: flex;
      flex-direction: column;
      margin-right: 16px; }
      body .locator-dialog-boxes .locator-dialog-box:last-child {
        margin-right: 0px; }
  body .reports-user-driver-label {
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body #notification_form .field_route_name ul {
    max-height: 330px; }
  body .report-unit-or-group-selection .option-button {
    margin-right: 16px; }
  body .report-driver-or-group-selection .option-button {
    margin-right: 16px; }

/*# sourceMappingURL=gelios-darkblue.css.map */