@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); } }

body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .dialog_button, body .container .main_content .map_and_content .dialog-button, .modal-dialog .modal-content .modal-body .dialog-button, .ui-dialog.ui-widget .dialog-button {
  background: #32A0FF;
  color: #ffffff;
  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; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .hidden.dialog_button, body .container .main_content .map_and_content .hidden.dialog-button, .modal-dialog .modal-content .modal-body .hidden.dialog-button, .ui-dialog.ui-widget .hidden.dialog-button {
    display: none; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-date-block .disabled.dialog_button, body .container .main_content .map_and_content .disabled.dialog-button, .modal-dialog .modal-content .modal-body .disabled.dialog-button, .ui-dialog.ui-widget .disabled.dialog-button {
    cursor: not-allowed;
    background: #a3b3c1; }

.card .scale-section, body .window_arnavigelios .body_window .scale-section, .modal-dialog .modal-content .modal-body .mini_window .scale-section, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section, 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 {
  width: 100%;
  height: 8px;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #b3b3b3; }
  .card .scale-section .time-needle, body .window_arnavigelios .body_window .scale-section .time-needle, .modal-dialog .modal-content .modal-body .mini_window .scale-section .time-needle, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .time-needle, 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 {
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 100%;
    background: red;
    top: 0px;
    left: -10%; }
  .card .scale-section ul.scale, body .window_arnavigelios .body_window .scale-section ul.scale, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale, 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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -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; }
    .card .scale-section ul.scale li, body .window_arnavigelios .body_window .scale-section ul.scale li, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale li, 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 {
      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: #444;
      border-left: 1px dashed #444;
      height: 100%; }
      .card .scale-section ul.scale li:last-child, body .window_arnavigelios .body_window .scale-section ul.scale li:last-child, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li:last-child, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section ul.scale li:last-child, 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 {
        border-right: 1px solid white; }
  .card .scale-section .line-box, body .window_arnavigelios .body_window .scale-section .line-box, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box, 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 {
    width: 100%;
    height: 2px;
    /*background: red;*/
    position: absolute;
    opacity: 1;
    left: 0; }
    .card .scale-section .line-box.motion-line, body .window_arnavigelios .body_window .scale-section .line-box.motion-line, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box.motion-line, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box.motion-line, 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 {
      top: 0; }
    .card .scale-section .line-box.ignition-line, body .window_arnavigelios .body_window .scale-section .line-box.ignition-line, .modal-dialog .modal-content .modal-body .mini_window .scale-section .line-box.ignition-line, .ui-dialog.ui-widget .mini_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, 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 .wrap_content #dyn_content .content.site-tab #tmp_units .item .scale-section .line-box.ignition-line, 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 {
      bottom: 0; }

.scale-section-unit-card {
  border-radius: 4px;
  height: 16px;
  border-bottom: none;
  background: #f3f3f3; }
  .scale-section-unit-card ul.scale {
    margin: 0;
    padding: 0; }
    .scale-section-unit-card ul.scale li {
      padding-left: 4px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 600;
      font-size: 9px;
      color: #515151;
      border-left: 1px dashed #515151; }
  .scale-section-unit-card .line-box {
    height: 3px; }

.item-group .item-group-header .item-icon, .item-within-list-light .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-icon, .item-group .items .item .item-header .item-icon, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-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.statistics-tab #site_tab_search_div .site_tab_search_criteria .search_button, body .container .main_content .wrap_content #dyn_content .content.statistics-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, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.filter_button {
  width: 39px;
  min-width: 39px;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-right: 1px solid #b3b3b3;
  cursor: pointer;
  position: relative; }
  body .container .main_content .wrap_content #dyn_content .content.statistics-tab #site_tab_search_div .site_tab_search_criteria .search_button:hover, body .container .main_content .wrap_content #dyn_content .content.statistics-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, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.filter_button:hover {
    background-color: #b3b3b3; }
  body .container .main_content .wrap_content #dyn_content .content.statistics-tab #site_tab_search_div .site_tab_search_criteria .active.search_button, body .container .main_content .wrap_content #dyn_content .content.statistics-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, body .container .main_content .wrap_content #dyn_content .content.site-tab #site_tab_search_div div.active.filter_button {
    background-color: #b3b3b3; }

.item-group-pager, body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-pager, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager, .item-group .items .item-pager {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination, .item-group .items .item-pager .item-group-pagination, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination, .item-group .items .item-pager .item-pagination {
    margin: 10px 0;
    display: flex;
    flex-direction: inherit; }
    .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, 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 .items .item-pager .item-group-pagination .item-group-pagination-item, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item, .item-group .items .item-pager .item-group-pagination .item-pagination-item, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item, .item-group .items .item-pager .item-pagination .item-group-pagination-item, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item, .item-group .items .item-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: #fff;
      border-color: #999999;
      color: #808080;
      border-right-width: 0px; }
      .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, 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, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item:first-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:first-child, .item-group .items .item-pager .item-group-pagination .item-pagination-item:first-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:first-child, .item-group .items .item-pager .item-pagination .item-group-pagination-item:first-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:first-child, .item-group .items .item-pager .item-pagination .item-pagination-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .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, 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, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item:last-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-group-pagination .item-pagination-item:last-child, .item-group .items .item-pager .item-group-pagination .item-pagination-item:last-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-group-pagination-item:last-child, .item-group .items .item-pager .item-pagination .item-group-pagination-item:last-child, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item:last-child, .item-group .items .item-pager .item-pagination .item-pagination-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right-width: 1px; }
      .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, 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, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item.item-group-pagination-button, .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, 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, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item.item-pagination-button, .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, 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, .item-group .items .item-pager .item-group-pagination .item-pagination-item.item-group-pagination-button, .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, 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, .item-group .items .item-pager .item-group-pagination .item-pagination-item.item-pagination-button, .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, 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, .item-group .items .item-pager .item-pagination .item-group-pagination-item.item-group-pagination-button, .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, 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, .item-group .items .item-pager .item-pagination .item-group-pagination-item.item-pagination-button, .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, 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, .item-group .items .item-pager .item-pagination .item-pagination-item.item-group-pagination-button, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item.item-pagination-button, .item-group .items .item-pager .item-pagination .item-pagination-item.item-pagination-button {
        cursor: pointer; }
      .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, 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, .item-group .items .item-pager .item-group-pagination .item-group-pagination-item input.page-input, .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, 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, .item-group .items .item-pager .item-group-pagination .item-pagination-item input.page-input, .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, 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, .item-group .items .item-pager .item-pagination .item-group-pagination-item input.page-input, .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, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-pager .item-pagination .item-pagination-item input.page-input, .item-group .items .item-pager .item-pagination .item-pagination-item input.page-input {
        height: 20px;
        width: 60px;
        /* max-width: min-content; */
        background: #fff;
        border: 1px solid #999999;
        text-align: center;
        border-radius: 2px;
        margin-right: 5px;
        outline: none; }

body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right, 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, .item-group .item-group-header .item-controls, .item-within-list-light .item-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-controls, .item-group .items .item .item-header .item-controls, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header .item-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 10px; }
  body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right .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, .item-group .item-group-header .item-controls .item-control, .item-within-list-light .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-group .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, 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, .item-within-list .item-header .item-controls .item-control {
    width: 26px;
    height: 26px;
    border-radius: 2px;
    margin-right: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease-in-out; }
    body .container .main_content .wrap_content #dyn_content .content.routes-tab.route-edit-form .control-points-list .waypoint-row .cell-right .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, .item-group .item-group-header .item-controls .item-control:hover, .item-within-list-light .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-group .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, 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, .item-within-list .item-header .item-controls .item-control:hover {
      background: silver; }

.item-within-list-light, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item, .item-group .items .item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item, 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-within-list {
  display: flex;
  flex-direction: column; }
  .item-within-list-light .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header, .item-group .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header {
    width: 100%;
    height: 29px;
    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-light .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header .item-name, .item-group .items .item .item-header .item-name, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header .item-name {
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #4d4d4d; }

body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .active.item, .item-group .items .active.item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .active.item, 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, .active.item-within-list, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .selected.item, .item-group .items .selected.item, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .selected.item, 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, .selected.item-within-list {
  background-color: white; }
  body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .active.item .item-header, .item-group .items .active.item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .active.item .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, .active.item-within-list .item-header, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .selected.item .item-header, .item-group .items .selected.item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .selected.item .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, .selected.item-within-list .item-header {
    background-color: white; }

body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header, .item-group .items .item .item-header, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header {
  background-color: white;
  border-bottom-color: #b3b3b3;
  color: #fff; }
  body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header.active, .item-group .items .item .item-header.active, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header.active, body .container .main_content .wrap_content #dyn_content .content.notifications-tab .notification-list .item .item-header.selected, .item-group .items .item .item-header.selected, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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, .item-within-list .item-header.selected {
    background-color: white; }

.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: #b3b3b3; }

.item-within-list-light .item-header {
  /*background-color: $itemBackgroundColor;*/
  border-bottom-color: #b3b3b3;
  color: #4d4d4d; }
  .item-within-list-light .item-header.active, .item-within-list-light .item-header.selected {
    background-color: #b3b3b3; }

body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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 {
  cursor: pointer; }

body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .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 {
  cursor: pointer;
  color: #4d4d4d; }

body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.track-last-day-row, 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 {
  display: none; }
  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, 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 {
    display: block; }

.pagination__container {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 3px; }
  .pagination__container .pagination__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    font-size: 10px;
    color: #D9D9D9; }
    .pagination__container .pagination__item:not(:last-child) {
      border-right: 1px solid #D9D9D9; }
  .pagination__container .pagination__item_active, .pagination__container .pagination__item:hover {
    color: #515151; }
  .pagination__container .pagination__arrow-container {
    background-position: center;
    background-repeat: no-repeat; }
    .pagination__container .pagination__arrow-container .pagination__arrow {
      width: 5px;
      height: 5px;
      background-position: center;
      background-repeat: no-repeat; }
    .pagination__container .pagination__arrow-container .pagination__arrow-left {
      background-image: url("../img/pagination-arrow-disabled-left.svg"); }
    .pagination__container .pagination__arrow-container .pagination__arrow-right {
      background-image: url("../img/pagination-arrow-disabled-right.svg"); }
  .pagination__container .pagination__arrow_active .pagination__arrow-left, .pagination__container .pagination__item:hover .pagination__arrow-left {
    background-image: url("../img/pagination-arrow-active-left.svg"); }
  .pagination__container .pagination__arrow_active .pagination__arrow-right, .pagination__container .pagination__item:hover .pagination__arrow-right {
    background-image: url("../img/pagination-arrow-active-right.svg"); }

#export-control {
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #172336;
  align-items: center;
  border: 1px solid #dedede;
  border-radius: 3px;
  box-sizing: border-box;
  display: flex;
  font-size: 14px;
  position: relative;
  height: 28px;
  width: 110px;
  /*%item-group-list {*/ }

#report_table_tabs {
  overflow-x: auto;
  height: -webkit-fill-available; }
  #report_table_tabs::-webkit-scrollbar-track-piece {
    background: white; }
  #report_table_tabs::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 1px;
    transition: background 0.2s ease-out; }
  #report_table_tabs:hover {
    overflow-x: auto; }
    #report_table_tabs:hover::-webkit-scrollbar-thumb {
      background: #7f7f7f; }
    #report_table_tabs:hover::-webkit-scrollbar-track-piece {
      background: white; }

#export-dropdown-btn-placeholder {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  width: 82px;
  line-height: 26px;
  padding-left: 10px; }

#msgs-pager-dropdown-btn-placeholder,
#report-pager-dropdown-btn-placeholder {
  cursor: pointer;
  color: #172336;
  font-weight: 500;
  line-height: 26px;
  font-size: 14px;
  cursor: pointer;
  width: 82px;
  padding-left: 10px; }

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

#export-dropdown-btn {
  cursor: pointer;
  height: 26px; }

#msgs-pager-dropdown-btn,
#report-pager-dropdown-btn {
  cursor: pointer;
  height: 26px; }

.dropdown-options {
  cursor: pointer;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  margin-top: 7px;
  padding: 4px 0;
  position: absolute;
  top: 100%;
  width: 110px;
  z-index: 10; }
  .dropdown-options .dropdown-option {
    height: 28px;
    padding-top: 4px;
    color: #172336; }
    .dropdown-options .dropdown-option .option-label {
      padding-left: 10px; }

.report-pager-dropdown-options {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  margin-top: 7px;
  padding: 4px 0;
  position: absolute;
  bottom: 43px;
  width: 70px;
  z-index: 100; }

.report-pager-dropdown-option {
  height: 28px;
  padding-top: 4px;
  color: #172336;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer; }
  .report-pager-dropdown-option .option-label {
    padding-left: 10px; }

.item-group.active, .item-group.selected {
  background-color: white; }
  .item-group.active .item-group-header, .item-group.selected .item-group-header {
    color: #fff;
    background-color: white; }

.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: 29px;
  line-height: 30px;
  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: #4d4d4d;
  border-bottom-color: #b3b3b3;
  background-color: #f2f2f2;
  /*        .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: white; }
  .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;
      color: #4d4d4d; }
    .item-group .item-group-header .item-name-container .item-count {
      color: #9f9f9f;
      margin-left: 4px; }
  .item-group .item-group-header .item-name-container-reports {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative; }
    .item-group .item-group-header .item-name-container-reports .item-name {
      overflow: hidden;
      text-overflow: ellipsis;
      color: #4d4d4d; }
    .item-group .item-group-header .item-name-container-reports .item-count {
      color: #9f9f9f;
      margin-left: 18px;
      font-weight: 500;
      font-family: 'Roboto', sans-serif;
      display: block;
      line-height: 20px;
      background: #4185F2;
      color: #fff;
      font-size: 14px;
      border-radius: 10px;
      width: 20px;
      height: 20px;
      text-align: center;
      margin-top: 5px; }
      .item-group .item-group-header .item-name-container-reports .item-count.hidden {
        display: none; }
    .item-group .item-group-header .item-name-container-reports .item-add {
      color: #9f9f9f;
      margin-left: 18px;
      display: block;
      background: #32a0ff;
      color: #fff;
      font-size: 11px;
      border-radius: 10px;
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 18px;
      margin-top: 4px; }
      .item-group .item-group-header .item-name-container-reports .item-add.hidden {
        display: none; }

.item-group .tree-filter {
  padding-left: 27px;
  background-color: white; }
  .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: #4d4d4d; }
      .item-group .tree-filter .tree-filter-item .tree-filter-header .item-name-container .item-count {
        color: #9f9f9f; }

/*}*/
body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  width: 100%; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .hidden.site-tab-unit-groups-widget-container, body .container .main_content .wrap_content #dyn_content .content .hidden.item-groups-widget-container {
    display: none; }
  body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper, body .container .main_content .wrap_content #dyn_content .content .item-groups-widget-container .item-group-list-wrapper {
    display: flex;
    flex-direction: column; }
    body .container .main_content .wrap_content #dyn_content .content.site-tab .site-tab-unit-groups-widget-container .item-group-list-wrapper .item-group-list, body .container .main_content .wrap_content #dyn_content .content .item-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 .item-group-header .show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .show-hide-unit, 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, .item-group .tree-filter .tree-filter-item .show-hide-unit-group {
  margin-right: 6px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  display: inline-block;
  vertical-align: middle; }

body .window_arnavigelios .body_window, .modal-dialog .modal-content .modal-body .mini_window, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window {
  width: 100%;
  display: flex;
  flex-direction: column; }
  body .window_arnavigelios .body_window .body_window_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_box, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .body_window_box {
    display: flex;
    flex-direction: row;
    margin: 0 0 12px 0; }
    body .window_arnavigelios .body_window .body_window_box.hidden, .modal-dialog .modal-content .modal-body .mini_window .body_window_box.hidden, .ui-dialog.ui-widget .mini_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, 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 {
      display: none; }
    body .window_arnavigelios .body_window .body_window_box .icon_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box, .ui-dialog.ui-widget .mini_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, 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 {
      display: flex; }
      body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
        display: none; }
        body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
          display: flex; }
      body .window_arnavigelios .body_window .body_window_box .icon_box img, .modal-dialog .modal-content .modal-body .mini_window .body_window_box .icon_box img, .ui-dialog.ui-widget .mini_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, 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 {
        width: 19px;
        height: 19px;
        margin: 0;
        padding: 0; }
  body .window_arnavigelios .body_window hr, .modal-dialog .modal-content .modal-body .mini_window hr, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window hr {
    border: none;
    background: #b3b3b3;
    margin: 0 -20px;
    width: calc(100% + 40px);
    height: 1px; }
  body .window_arnavigelios .body_window .body_window_line_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box, .ui-dialog.ui-widget .mini_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, 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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .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 .window_arnavigelios .body_window .body_window_line_box .body_window_box, .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box .body_window_box, .ui-dialog.ui-widget .mini_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, 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 {
      margin: 12px 15px 0 0; }
    body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
      grid-template-columns: 1fr 1fr;
      max-width: 800px;
      column-gap: 10px; }
  body .window_arnavigelios .body_window .text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box {
    display: flex;
    flex-direction: column;
    margin-top: -3px;
    margin-left: 5px; }
    body .window_arnavigelios .body_window .text_box .title_text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box .title_text_box, .ui-dialog.ui-widget .mini_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, 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 {
      font-size: 9px;
      line-height: 13px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700;
      color: #4d4d4d;
      text-transform: uppercase; }
    body .window_arnavigelios .body_window .text_box .data_text_box, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box, .ui-dialog.ui-widget .mini_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, 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 {
      font-size: 13px;
      line-height: 13px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      color: #2D343F; }
      body .window_arnavigelios .body_window .text_box .data_text_box p, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box p, .ui-dialog.ui-widget .mini_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, 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 {
        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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
        white-space: normal;
        max-width: 400px;
        max-height: 300px;
        overflow-y: auto;
        display: grid;
        grid-template-columns: 1fr; }
        body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
          display: block;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 400; }
          body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700;
            font-size: 12px;
            line-height: 17px; }
    body .window_arnavigelios .body_window .text_box .data-image-box, .modal-dialog .modal-content .modal-body .mini_window .text_box .data-image-box, .ui-dialog.ui-widget .mini_window .text_box .data-image-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-image-box, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data-image-box {
      overflow-y: auto; }
      body .window_arnavigelios .body_window .text_box .data-image-box .info_unit_driver_photo, .modal-dialog .modal-content .modal-body .mini_window .text_box .data-image-box .info_unit_driver_photo, .ui-dialog.ui-widget .mini_window .text_box .data-image-box .info_unit_driver_photo, 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-image-box .info_unit_driver_photo, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data-image-box .info_unit_driver_photo {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 5px;
        max-width: 400px;
        max-height: 300px; }
      body .window_arnavigelios .body_window .text_box .data-image-box .info_unit_driver_photo_container, .modal-dialog .modal-content .modal-body .mini_window .text_box .data-image-box .info_unit_driver_photo_container, .ui-dialog.ui-widget .mini_window .text_box .data-image-box .info_unit_driver_photo_container, 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-image-box .info_unit_driver_photo_container, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data-image-box .info_unit_driver_photo_container {
        overflow-y: unset;
        height: 100%;
        width: 100%; }
        body .window_arnavigelios .body_window .text_box .data-image-box .info_unit_driver_photo_container .info_unit_driver_photo_image, .modal-dialog .modal-content .modal-body .mini_window .text_box .data-image-box .info_unit_driver_photo_container .info_unit_driver_photo_image, .ui-dialog.ui-widget .mini_window .text_box .data-image-box .info_unit_driver_photo_container .info_unit_driver_photo_image, 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-image-box .info_unit_driver_photo_container .info_unit_driver_photo_image, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .text_box .data-image-box .info_unit_driver_photo_container .info_unit_driver_photo_image {
          width: 150px;
          height: 150px; }
  body .window_arnavigelios .body_window .scale-section, .modal-dialog .modal-content .modal-body .mini_window .scale-section, .ui-dialog.ui-widget .mini_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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .body_window .scale-section {
    background: #f3f3f3;
    margin-top: 16px;
    margin-bottom: 6px;
    height: 16px; }
    body .window_arnavigelios .body_window .scale-section ul.scale li, .modal-dialog .modal-content .modal-body .mini_window .scale-section ul.scale li, .ui-dialog.ui-widget .mini_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, 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 {
      font-size: 12px;
      line-height: 12px; }

.gelios-dropdown-menu {
  display: flex;
  position: fixed;
  z-index: 4000;
  height: initial;
  background: #fff;
  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;
    white-space: nowrap; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item:hover {
      background: silver; }
    .gelios-dropdown-menu .gelios-dropdown-menu-item.active {
      background-color: #b3b3b3; }
    .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: #4d4d4d;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px; }

body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block .interval_tracks input.color_range, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .left-panel-block #unit_sensors-styler .jq-selectbox__select, .text-input-dark {
  height: 33px;
  outline: none;
  background: transparent;
  border: 1px solid #999999;
  border-radius: 3px;
  padding: 0 5px;
  color: #4d4d4d;
  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 .left-panel-block .interval_tracks input.color_range::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, .text-input-dark::placeholder {
    color: #cccccc; }

.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 #999999;
    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/orange/arrow_down.png") no-repeat scroll 97%;
      width: 13px;
      height: 20px; }
  .autocomplete-input-with-dropdown-arrow-wrapper .dropdown_button_tracks_new {
    border: 1px solid #E3E3E3;
    color: #4d4d4d;
    border-left: none;
    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;
    flex-shrink: 0;
    width: 20px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper .dropdown_button_tracks_new a {
      background: url("/img/tracks-new/arrow_select.svg") no-repeat scroll 47%;
      background-position: left;
      width: 13px;
      height: 20px; }
  .autocomplete-input-with-dropdown-arrow-wrapper .dropdown_button_reports {
    border: 1px solid #E3E3E3;
    borfer-left: none;
    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_reports a {
      background: url("/img/reports-menu/Vector.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper .delete_unit_group_button {
    border: 0px solid #999999;
    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: 17px;
    flex-shrink: 0;
    width: 25px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper .delete_unit_group_button a {
      background: url("/img/reports-menu/vector_delete.svg") no-repeat scroll 97%;
      width: 13px;
      height: 20px; }

.autocomplete-input-with-dropdown-arrow-wrapper-report {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report.hidden {
    display: none; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .text-input-dark {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    width: 100%; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .dropdown_button {
    border: 1px solid #999999;
    border-radius: 3px;
    height: 33px;
    padding: 5px 0px;
    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;
    flex-shrink: 0;
    width: 29px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .dropdown_button a {
      background: url("/img/reports-menu/Vector.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .dropdown_button_tracks_new {
    border: 1px solid #E3E3E3;
    color: #4d4d4d;
    border-left: none;
    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;
    flex-shrink: 0;
    width: 20px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .dropdown_button_tracks_new a {
      background: url("/img/tracks-new/arrow_select.svg") no-repeat scroll 47%;
      background-position: left;
      width: 13px;
      height: 20px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .dropdown_button_reports {
    border: 1px solid #E3E3E3;
    borfer-left: none;
    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-report .dropdown_button_reports a {
      background: url("/img/reports-menu/Vector.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_unit_button {
    border: 0px solid #999999;
    border-radius: 3px;
    height: 28px;
    padding: 5px 0px;
    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: 17px;
    flex-shrink: 0;
    width: 29px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_unit_button a {
      background: url("/img/reports-menu/vector_delete.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_geozone_button {
    border: 0px solid #999999;
    border-radius: 3px;
    height: 28px;
    padding: 5px 0px;
    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: 17px;
    flex-shrink: 0;
    width: 29px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_geozone_button a {
      background: url("/img/reports-menu/vector_delete.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_route_button {
    border: 0px solid #999999;
    border-radius: 3px;
    height: 28px;
    padding: 5px 0px;
    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: 17px;
    flex-shrink: 0;
    width: 29px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_route_button a {
      background: url("/img/reports-menu/vector_delete.svg") center center no-repeat;
      width: 28px;
      height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_unit_group_button {
    border: 0px solid #999999;
    border-radius: 3px;
    height: 33px;
    padding: 5px 0px;
    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: 17px;
    flex-shrink: 0;
    width: 25px;
    justify-content: center; }
    .autocomplete-input-with-dropdown-arrow-wrapper-report .delete_unit_group_button a {
      background: url("/img/reports-menu/vector_delete.svg") no-repeat scroll 97%;
      width: 13px;
      height: 20px; }

.count_plus_button {
  border: 0px solid #999999;
  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: 18px;
  justify-content: center; }
  .count_plus_button span {
    background: url("/img/reports-menu/icon_count_plus.png") no-repeat scroll 97%;
    width: 13px;
    height: 20px; }

.count_minus_button {
  border: 0px solid #999999;
  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: 18px;
  justify-content: center; }
  .count_minus_button span {
    background: url("/img/reports-menu/icon_count_minus.png") no-repeat scroll 97%;
    width: 13px;
    height: 20px; }

.report-menu-sel {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 8px;
  width: 338px;
  height: 34px;
  color: #172336;
  border: 1px solid #E3E3E3;
  border-right: none !important;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/img/reports-menu/Vector.svg") no-repeat scroll 97%;
  background-position: calc(100% - 2px); }

.button-menu-reports {
  border: 1px solid #E3E3E3 !important;
  border-left: none !important;
  height: 28px !important; }

.border1 {
  border: 1px solid #E3E3E3;
  padding-left: 7px;
  border-right: none;
  width: 318px;
  outline: none; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .autocomplete-input-selected-unit-ids {
  padding-right: 36px;
  background-size: 0; }
  .autocomplete-input-with-dropdown-arrow-wrapper-unit .autocomplete-input-selected-unit-ids.active-loader {
    background: url("/img/loader.gif") no-repeat scroll 97% !important;
    background-size: 26px !important; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button a {
  background: url("/img/orange/accordion_close.png") no-repeat scroll 97%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.darkblue a {
  background: url("/img/darkblue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.lime a {
  background: url("/img/blue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.blue a {
  background: url("/img/blue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.green a {
  background: url("/img/darkblue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.orange a {
  background: url("/img/orange/accordion_close.png") no-repeat scroll 10%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit .dropdown_button.bronze a {
  background: url("/img/orange/accordion_close.png") no-repeat scroll 10%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .autocomplete-input-selected-unit-ids {
  padding-right: 36px;
  background-size: 0;
  height: 28px; }
  .autocomplete-input-with-dropdown-arrow-wrapper-unit-report .autocomplete-input-selected-unit-ids.active-loader {
    background: url("/img/loader.gif") no-repeat scroll 97% !important;
    background-size: 26px !important; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button a {
  background: url("/img/reports-menu/Vector.svg") center center no-repeat; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.darkblue a {
  background: url("/img/darkblue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.lime a {
  background: url("/img/blue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.blue a {
  background: url("/img/blue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.green a {
  background: url("/img/darkblue/accordion_close.png") no-repeat scroll 60%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.orange a {
  background: url("/img/orange/accordion_close.png") no-repeat scroll 10%; }

.autocomplete-input-with-dropdown-arrow-wrapper-unit-report .dropdown_button.bronze a {
  background: url("/img/orange/accordion_close.png") no-repeat scroll 10%; }

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

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

input.checkbox-dark-no-label + label span, input.checkbox-dark-mod + label span, input.checkbox-dark + label span {
  margin-right: 9px;
  border: 1px solid #999999; }

.checkbox-light-no-label + label, .checkbox-light + label {
  color: #4d4d4d;
  cursor: pointer; }
  .checkbox-light-no-label + label span, .checkbox-light + label span {
    border: 1px solid #4d4d4d; }

.checkbox-light-no-label:checked + label span, .checkbox-light: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.checkbox-dark-mod + label {
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 500;
  color: #4d4d4d;
  margin-right: 0px;
  margin-bottom: 0px; }
  input.checkbox-dark-mod + label span {
    background-color: #5A626F;
    width: 16px;
    height: 16px;
    borfer-radius: 3px;
    margin-left: 16px;
    margin-top: 3px;
    float: right; }

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

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

.select-label, .select-label_white {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 400;
  color: #515151; }
  .select-label .select-container, .select-label_white .select-container {
    border: 1px solid #D9D9D9;
    height: 20px;
    min-width: 152px;
    padding: 0 24px 0 10px;
    background-image: url("/img/arrow-down-select-dark.svg");
    background-position: calc(100% - 7px) 50%;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }

.select-label_white {
  color: #FFFFFF; }
  .select-label_white .select-container {
    border-color: #FFFFFF;
    background-image: url("/img/arrow-down-select-white.svg");
    background-color: transparent; }

.checkbox-label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 400;
  color: #515151; }
  .checkbox-label .checkbox-input {
    margin: 0;
    width: 14px;
    height: 14px; }

.wrapper-table {
  position: relative;
  overflow: auto;
  height: 100%; }

.grid-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  font-weight: 400;
  color: #515151; }

.table-header {
  position: sticky;
  top: -1px;
  left: 0;
  z-index: 1; }

.grid-table-row {
  display: table-row; }

.grid-table-wrapper_sm {
  border-radius: 6px 0 0 6px;
  overflow-y: auto;
  border: 1px solid #CFCFCF; }

.grid-table-header {
  display: table-cell;
  background: #D9D9D9;
  font-size: 12px;
  min-height: 25px;
  height: 25px;
  font-weight: 700;
  color: #808080; }

.grid-table-header_light {
  display: table-cell;
  background: #FFFFFF;
  border: 1px solid #CFCFCF;
  font-size: 12px;
  min-height: 30px;
  height: 30px;
  font-weight: 700;
  color: #3C3C3C; }

.table-statistic {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 10px;
  font-weight: 400;
  color: #515151;
  height: 100%;
  overflow-y: hidden; }

.table-statistic-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto; }

.table-statistic-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  height: 22px;
  padding: 2px 4px;
  font-size: 14px;
  border: 1px solid #CFCFCF; }
  .table-statistic-cell:not(:first-child) {
    min-width: 80px; }

.table-cell {
  display: table-cell;
  padding: 3px 16px;
  font-size: 12px;
  border: 1px solid #CFCFCF;
  vertical-align: middle; }

.table-text-column {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
  white-space: nowrap; }

.table-indicator-percentage-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  width: 100%;
  min-width: 80px; }

.table-indicator-percentage-text-container {
  display: flex;
  flex-direction: column;
  gap: 2px; }

.table-indicator-percentage-text_dark {
  font-size: 12px;
  font-weight: 400;
  color: #515151;
  white-space: nowrap; }

.table-statistic-cell-underline {
  text-decoration: underline; }

.table-indicator-percentage {
  display: flex;
  align-items: center;
  padding: 0 4px;
  border-radius: 2px;
  gap: 4px;
  min-width: 36px;
  height: 16px; }

.table-indicator-percentage-arrow {
  width: 6px;
  height: 8px;
  background-position: center;
  background-repeat: no-repeat; }

.table-indicator-percentage_success {
  background: #A8D077; }
  .table-indicator-percentage_success .table-indicator-percentage-arrow {
    background-image: url("/img/green-arrow-down.svg"); }

.table-indicator-percentage_alarm {
  background: #FFBEBE; }
  .table-indicator-percentage_alarm .table-indicator-percentage-arrow {
    background-image: url("/img/red-arrow-up.svg"); }

.table-bar-container {
  display: flex;
  flex-direction: column;
  width: 70px; }

.table-bar-container_secondary {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 3px 0 0 3px; }

.table-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 14px;
  font-size: 10px;
  color: #FFFFFF;
  font-weight: 500;
  padding-right: 2px; }

.table-bar_secondary {
  height: 13px;
  display: flex;
  justify-content: space-between;
  color: #FFFFFF;
  font-weight: 500;
  padding: 0 5px; }

.table-bar-text {
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF; }

.table-pie-chart-container {
  display: flex;
  justify-content: center;
  gap: 4px; }

.table-pie-chart {
  width: 16px;
  height: 16px; }

.table-indicator-percentage-text_white {
  font-size: 10px;
  font-weight: 700;
  color: #ffffff; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-print-button, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-block-full-width, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button, 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 .left-panel-block-full-width, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-button-with-format-selection, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection, #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection {
  width: 100%;
  margin-right: 8px; }
  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-print-button:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-block-full-width:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-print-button: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 .left-panel-block-full-width:last-child, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-button-with-format-selection: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, #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection:last-child {
    margin-right: initial; }

body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row, .track-player .track-player-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 10px;
  color: #4d4d4d;
  background: white;
  height: 35px;
  cursor: pointer; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .selected.track-player-row2-trip, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .selected.track-player-row2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .selected.track-player-row, .track-player .selected.track-player-row {
    background: white; }
  body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip .track-player-row-button, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-row-button, 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 .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-container2 .track-player-row2-trip .track-player-row-button.play-pause-button, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-row-button.play-pause-button, 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, .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-container2 .track-player-row2-trip .track-player-row-button.track-player-menu, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-row-button.track-player-menu, 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, .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-container2 .track-player-row2-trip .track-player-subrows, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows, 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-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-container2 .track-player-row2-trip .track-player-subrows .unit-name, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows .unit-name, 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, .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-container2 .track-player-row2-trip .track-player-subrows .track-time, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows .track-time, 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, .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-container2 .track-player-row2-trip .track-player-subrows2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows2, .track-player .track-player-row .track-player-subrows2 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: column;
    margin-left: 45px; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip .track-player-subrows2 .unit-name2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows2 .unit-name2, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows2 .unit-name2, .track-player .track-player-row .track-player-subrows2 .unit-name2 {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 190px;
      font-size: 12px;
      margin-top: 3px;
      font-weight: bold;
      overflow: hidden; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip .track-player-subrows2 .track-time, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows2 .track-time, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows2 .track-time, .track-player .track-player-row .track-player-subrows2 .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-container2 .track-player-row2-trip .track-player-subrows2 .data-trip-time-from, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows2 .data-trip-time-from, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows2 .data-trip-time-from, .track-player .track-player-row .track-player-subrows2 .data-trip-time-from {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 190px;
      overflow: hidden;
      margin-top: 10px; }
    body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip .track-player-subrows2 .data-trip-time-to, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-player-subrows2 .data-trip-time-to, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-player-subrows2 .data-trip-time-to, .track-player .track-player-row .track-player-subrows2 .data-trip-time-to {
      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-container2 .track-player-row2-trip .track-mileage, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 .track-mileage, body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container .track-player-row .track-mileage, .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-body .container-table-info .track-table-row, body .container .main_content .wrap_content #dyn_content .content.track-tab .players-tables-container .track-table .track-table-heading .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-body .container-table-info .track-table-row .track-table-cell, 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 {
  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-body .container-table-info .track-table-row .track-table-ignition.track-table-cell, 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 {
    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-body .container-table-info .track-table-row .track-table-date.track-table-cell, 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 {
    /*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-body .container-table-info .track-table-row .track-table-speed.track-table-cell, 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 {
    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-body .container-table-info .track-table-row .track-table-address.track-table-cell, 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 {
    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 #b3b3b3; }
    .ui-menu.ui-widget-content.ui-autocomplete .ui-autocomplete-category {
      margin: -1px 0 0 0;
      background-color: #ffffff;
      border: 1px solid #999999;
      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 #999999; }
  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text {
    color: #4d4d4d;
    width: 100% !important; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .max-width-no-shrink, 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-body .reports-history-row, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header {
  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-body .reports-history-row .reports-history-unit, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .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-body .reports-history-row .reports-history-template, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .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-body .reports-history-row .reports-history-from, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .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-body .reports-history-row .reports-history-to, body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header .reports-history-to {
    width: 106px;
    flex-shrink: 0; }

.yii-pager-light, .yii-pager-dark {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .yii-pager-light ul.pagination, .yii-pager-dark ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px; }
    .yii-pager-light ul.pagination > li, .yii-pager-dark ul.pagination > li {
      display: inline; }
    .yii-pager-light ul.pagination li > a, .yii-pager-dark ul.pagination li > a, .yii-pager-light ul.pagination li > span, .yii-pager-dark 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; }

#map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table::-webkit-scrollbar-track, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-track, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-track, 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::-webkit-scrollbar-track, 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::-webkit-scrollbar-track, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-track, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-track, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-track, 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::-webkit-scrollbar-track, 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::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #e6e6e6; }

#map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table::-webkit-scrollbar-thumb, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb, 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::-webkit-scrollbar-thumb, 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::-webkit-scrollbar-thumb, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb, 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::-webkit-scrollbar-thumb, 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::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #b3b3b3; }

#map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table::-webkit-scrollbar-thumb:hover, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:hover, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:hover, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:hover, 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::-webkit-scrollbar-thumb:hover, 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::-webkit-scrollbar-thumb:hover, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:hover, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:hover, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:hover, 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::-webkit-scrollbar-thumb:hover, 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::-webkit-scrollbar-thumb:hover {
  background: gray; }

#map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table::-webkit-scrollbar-thumb:active, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:active, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:active, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb: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 .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar-thumb:active, 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::-webkit-scrollbar-thumb:active, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:active, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:active, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb: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 .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar-thumb:active, 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::-webkit-scrollbar-thumb:active {
  background: gray; }

body .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 .window_arnavigelios .body_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, .ui-dialog.ui-widget .mini_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, 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 {
  overflow-y: auto; }
  body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_sensors::-webkit-scrollbar, 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::-webkit-scrollbar, 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::-webkit-scrollbar, body .window_arnavigelios .body_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar, .modal-dialog .modal-content .modal-body .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar, .ui-dialog.ui-widget .mini_window .text_box .data_text_box .info_unit_arbitrary::-webkit-scrollbar, 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::-webkit-scrollbar, 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::-webkit-scrollbar {
    height: auto;
    width: 6px;
    line-height: 30px; }

#map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table {
  overflow-x: auto; }
  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table::-webkit-scrollbar {
    width: auto;
    height: 8px;
    line-height: 30px; }

.yii-pager-dark ul.pagination li > a, .yii-pager-dark ul.pagination li > span {
  background-color: #808080;
  border-color: #ababab;
  color: #fff; }

.yii-pager-dark ul.pagination li > a:hover {
  background-color: #9c9c9c;
  color: #fff; }

.yii-pager-dark ul.pagination li.active > a:hover {
  border-color: #ababab; }

.yii-pager-dark ul.pagination li.active > a {
  background-color: #9c9c9c;
  color: #fff; }

body .window_arnavigelios, .gelios-popup-window {
  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); }
  body .window_arnavigelios .top_window, .gelios-popup-window .top_window {
    height: 40px;
    background-color: #737373;
    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; }
  body .window_arnavigelios .body_window, .gelios-popup-window .body_window {
    width: 100%;
    padding: 10px 20px 10px 20px;
    display: flex;
    flex-direction: column; }

body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-button-with-format-selection, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection, #map_and_content .section_statistics .section-statistics-body .toolbar-container .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-mod .export-button-with-format-selection .download-button, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .export-button-with-format-selection .download-button, #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection .download-button {
    width: 96px;
    flex-shrink: 0;
    height: 33px;
    background: transparent;
    color: #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    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-mod .export-button-with-format-selection .jq-selectbox .jq-selectbox__select, 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, #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection .jq-selectbox .jq-selectbox__select {
    border: 1px solid #999999;
    border-radius: 0 3px 3px 0; }

#units-add-block.hidden {
  display: none; }

#common-units-block.hidden {
  display: none; }

#common-units-groups-block.hidden {
  display: none; }

#units-groups-add-block.hidden {
  display: none; }

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

#report-tab-mod .horizontal-tabs {
  margin-bottom: 0px;
  display: flex; }
  #report-tab-mod .horizontal-tabs.horizontal-tabs-for-section {
    width: 100%;
    background-color: #ffffff; }
  #report-tab-mod .horizontal-tabs.horizontal-tabs-for-subsection {
    width: 100%;
    padding-left: 28px;
    background-color: #808080; }
  #report-tab-mod .horizontal-tabs .horizontal-tab {
    padding: 0;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    display: flex;
    align-items: center; }
    #report-tab-mod .horizontal-tabs .horizontal-tab .horizontal-tab-text {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 32px;
      font-size: 14px;
      text-transform: capitalize;
      color: #172336;
      padding: 0 14px;
      width: max-content;
      opacity: .75;
      user-select: none;
      text-decoration: none; }
      #report-tab-mod .horizontal-tabs .horizontal-tab .horizontal-tab-text:hover {
        text-decoration: none; }
    #report-tab-mod .horizontal-tabs .horizontal-tab.active {
      border-bottom: 2px solid #0169fe; }
      #report-tab-mod .horizontal-tabs .horizontal-tab.active .horizontal-tab-text {
        font-weight: 500;
        color: #0169fe;
        opacity: 1; }
    #report-tab-mod .horizontal-tabs .horizontal-tab:not(.active) {
      cursor: pointer; }

#report-tab-mod .block-report-tables__header-cell tr th {
  background-color: #8080801c;
  border-right-color: #6c6c6c;
  color: #201a1a;
  cursor: auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  padding-top: 3px;
  padding-bottom: 4px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.horizontal-tabs {
  margin-bottom: 0px;
  display: flex; }
  .horizontal-tabs.horizontal-tabs-for-section {
    width: 100%;
    padding-left: 28px;
    background-color: #3d3d3d; }
  .horizontal-tabs.horizontal-tabs-for-subsection {
    width: 100%;
    padding-left: 28px;
    background-color: #808080; }
  .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; }

body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map, body .container .main_content .map_and_content .map_section .map, .modal-dialog .modal-content .modal-body .mini_window .mini_map, .ui-dialog.ui-widget .mini_window .mini_map {
  height: 100%;
  width: 100%;
  display: flex; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map-maximized.map, body .container .main_content .map_and_content .map_section .map-maximized.map, .modal-dialog .modal-content .modal-body .mini_window .map-maximized.mini_map, .ui-dialog.ui-widget .mini_window .map-maximized.mini_map {
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100vh - 16px);
    z-index: 10000; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade, body .container .main_content .map_and_content .map_section .map .map-shade, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade, .ui-dialog.ui-widget .mini_window .mini_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; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade.hidden, body .container .main_content .map_and_content .map_section .map .map-shade.hidden, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade.hidden, .ui-dialog.ui-widget .mini_window .mini_map .map-shade.hidden {
      display: none; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .map-shade .map-shade-text, body .container .main_content .map_and_content .map_section .map .map-shade .map-shade-text, .modal-dialog .modal-content .modal-body .mini_window .mini_map .map-shade .map-shade-text, .ui-dialog.ui-widget .mini_window .mini_map .map-shade .map-shade-text {
      font-size: 24px;
      color: white; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-control-layers, body .container .main_content .map_and_content .map_section .map .leaflet-control-layers, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-control-layers, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-control-layers {
    display: none; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar, body .container .main_content .map_and_content .map_section .map .leaflet-bar, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    border: 0; }
    @media print {
      body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar, body .container .main_content .map_and_content .map_section .map .leaflet-bar, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar {
        display: none; } }
    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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-calc-area a {
      background-image: url("/img/map-buttons/calc-area-show.png");
      background-position: center; }
    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, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-logs a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-logs a, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-logs a {
      background-image: url("/img/map-buttons/logs-show.png");
      background-position: center; }
    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, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-maximize a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a {
      background-image: url("/img/map-buttons/ic_map_full_screen.png");
      background-position: center; }
      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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-maximize a.active {
        background-image: url("/img/map-buttons/ic_map_full_screen_off.png"); }
    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, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-control-print a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-control-print a, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-control-print a {
      background-image: url("/img/darkblue/print.png");
      background-position: center; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-bar.leaflet-routing-container, body .container .main_content .map_and_content .map_section .map .leaflet-bar.leaflet-routing-container, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-bar.leaflet-routing-container, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-bar.leaflet-routing-container {
      display: none; }
  @media print {
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left, body .container .main_content .map_and_content .map_section .map .leaflet-left, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left {
      display: none; } }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a, body .container .main_content .map_and_content .map_section .map .leaflet-left a, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a {
    font-size: 19px;
    font-weight: normal;
    height: 24px;
    width: 24px;
    color: #4d4d4d;
    line-height: normal; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a:first-child, body .container .main_content .map_and_content .map_section .map .leaflet-left a:first-child, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a:first-child, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a:first-child {
      border-radius: 0; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a:last-child, body .container .main_content .map_and_content .map_section .map .leaflet-left a:last-child, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a:last-child, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a:last-child {
      border-radius: 0; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left a.selected, body .container .main_content .map_and_content .map_section .map .leaflet-left a.selected, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left a.selected, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left a.selected {
      background-color: #88ff88; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-left .leaflet-control, body .container .main_content .map_and_content .map_section .map .leaflet-left .leaflet-control, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left .leaflet-control, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left .leaflet-control {
    margin-left: 37px; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-stops-parkings-popup .leaflet-popup-content {
    display: flex;
    flex-direction: row;
    margin: 0 !important;
    overflow: hidden; }
    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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
      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, 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, .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, .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 {
        padding-left: 20px; }
        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, 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, .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, .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 {
          width: 200px; }
          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, 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, .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, .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 {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700; }
      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, 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, .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, .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 {
        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; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content {
    display: flex;
    flex-direction: row;
    margin: 0 !important;
    overflow: hidden; }
    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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info {
      padding: 0 0 0 0;
      height: 80px;
      display: flex;
      align-items: center; }
      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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-alarms-popup .leaflet-popup-content .track-alarms-info .track-alarms-rows {
        padding-left: 20px; }
        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, 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, .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, .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 {
          width: 300px; }
          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, 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, .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, .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 {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    margin: 0 0 0 0; }
    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, 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, .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup.track-control-point-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window {
      margin: -1px -1px 13px; }
    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, 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, .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, .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 {
      max-height: 150px;
      overflow: hidden; }
      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, 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, .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, .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 {
        width: 100%; }
        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, 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, .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, .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 {
          border-bottom: 1px solid #b3b3b3; }
          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, 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, .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, .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 {
            white-space: nowrap;
            padding: 6px 12px;
            color: #4d4d4d; }
  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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-content-wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 5px;
    width: inherit; }
    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 .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
      width: inherit !important;
      min-width: 300px;
      margin: 20px 20px 10px;
      line-height: normal; }
      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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window {
        position: relative;
        top: 0;
        left: 0;
        margin: -21px -21px 13px;
        background-color: #737373;
        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; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .top_window > span {
          vertical-align: middle;
          display: inline;
          line-height: 40px; }
  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, body .container .main_content .map_and_content .map_section .map .leaflet-popup .leaflet-popup-close-button, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-popup .leaflet-popup-close-button, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-popup .leaflet-popup-close-button {
    display: none; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-tooltip, body .container .main_content .map_and_content .map_section .map .leaflet-tooltip, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-tooltip, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-tooltip {
    background: rgba(235, 235, 235, 0.8);
    border-color: rgba(235, 235, 235, 0.8);
    padding: 1px; }
  @media print {
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .leaflet-label, body .container .main_content .map_and_content .map_section .map .leaflet-label, .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-label, .ui-dialog.ui-widget .mini_window .mini_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; } }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.routes-marker-small {
    font-size: 19px;
    line-height: 26px; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
  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), body .container .main_content .map_and_content .map_section .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), .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img:not(.direction-arrow) {
    width: 32px;
    height: 32px;
    margin: 9px; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon.direction-enabled img.direction-arrow {
    width: 50px;
    height: 50px;
    /*position: inherit;*/ }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-pane.leaflet-marker-pane .leaflet-marker-icon .direction-arrow {
    position: absolute;
    /*                    right: -10px;
                    top: -10px;*/ }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows, body .container .main_content .map_and_content .map_section .map #map_overlay_windows, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows {
    position: absolute;
    top: 10px;
    left: 75px;
    z-index: 1000; }
    body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map #map_overlay_windows #log__wrapper, body .container .main_content .map_and_content .map_section .map #map_overlay_windows #log__wrapper, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper {
      background: rgba(255, 255, 255, 0.8);
      display: none;
      color: #4d4d4d;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
      width: 450px;
      margin-bottom: 16px; }
      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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs {
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #e6edef; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
          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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__tabs .log__tab span.log__tab {
            height: 32px;
            display: inline-block;
            line-height: 32px;
            cursor: pointer; }
          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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
      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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body {
        padding: 5px 7px;
        height: 153px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content {
          display: none; }
          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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content.active {
            display: block; }
          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, 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, .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, .ui-dialog.ui-widget .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 #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, 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, .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, .ui-dialog.ui-widget .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 #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, 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, .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log__tab_content #log-of-alarms__table-header {
            width: 100%;
            margin: 4px 10px 4px 10px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log_hr {
          padding: 0;
          margin: 0;
          width: 100%;
          border-color: #808080; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body-wrapper, .ui-dialog.ui-widget .mini_window .mini_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; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body #log-of-alarms__table-body {
          width: 100%;
          margin: 0; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-notifications__tr, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-alarms__tr, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr {
          cursor: pointer; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr td {
          padding-right: 5px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__time {
          width: 50px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__coordinates {
          width: 102px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__speed {
          width: 69px; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__cell__unit-name, .ui-dialog.ui-widget .mini_window .mini_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; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.odd {
          background: rgba(32, 73, 113, 0.05); }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
        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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_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-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-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, .modal-dialog .modal-content .modal-body .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active, .ui-dialog.ui-widget .mini_window .mini_map #map_overlay_windows #log__wrapper .log__body .log-of-alarms__tr.active {
          background: rgba(32, 73, 113, 0.25); }
    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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_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; }
      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, 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, .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, .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 {
        padding-right: 10px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div {
    width: 100%; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track div span, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span {
    display: block;
    position: relative;
    margin-left: 36px;
    text-align: center; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.marker-count {
    margin-top: 0;
    width: 25px; }
  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, body .container .main_content .map_and_content .map_section .map .marker-cluster-track div span.speed, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track div span.speed, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.speed {
    margin-top: 3px;
    width: 50px; }
  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, body .container .main_content .map_and_content .map_section .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, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track div span.large-speed {
    margin-top: 3px;
    width: 60px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-small, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-small {
    background: url("/img/clusters/track_1_kph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-medium, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-medium {
    background: url("/img/clusters/track_3_kph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.kmp-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.kmp-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.kmp-large, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.kmp-large {
    background: url("/img/clusters/track_2_kph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-small, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-small {
    background: url("/img/clusters/track_1_mph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-medium, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-medium {
    background: url("/img/clusters/track_3_mph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-track.mph-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-track.mph-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-track.mph-large, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-track.mph-large {
    background: url("/img/clusters/track_2_mph.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small {
    background: url("/img/clusters/car-blue.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium {
    background: url("/img/clusters/car-green.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large {
    background: url("/img/clusters/car-violet.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-small, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-small {
    background: url("/img/clusters/railway-carriage-blue.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-medium, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-medium {
    background: url("/img/clusters/railway-carriage-green.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-railway-carriage-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-large, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-railway-carriage-large {
    background: url("/img/clusters/railway-carriage-violet.svg") no-repeat; }
  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, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-small div, .ui-dialog.ui-widget .mini_window .mini_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-car-small div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small div {
    margin-right: 11px; }
  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, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-medium div, .ui-dialog.ui-widget .mini_window .mini_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-car-medium div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium div {
    margin-right: 8px; }
  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, body .container .main_content .map_and_content .map_section .map .marker-cluster-railway-carriage-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-railway-carriage-large div, .ui-dialog.ui-widget .mini_window .mini_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-car-large div,
  body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large div,
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large div,
  .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large div {
    margin-right: 5px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-small div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-small div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-small div {
    margin-right: 11px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-medium div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-medium div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-medium div {
    margin-right: 8px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-large div, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-large div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-large div {
    margin-right: 5px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-alarm-new, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-alarm-new, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-alarm-new, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-alarm-new {
    background: url("/img/clusters/cluster-sos.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-car-alarm-work, body .container .main_content .map_and_content .map_section .map .marker-cluster-car-alarm-work, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-car-alarm-work, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-car-alarm-work {
    background: url("/img/clusters/cluster-sos.svg") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint div {
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
    color: #FFFFFF; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-small, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-small, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-small, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-small {
    background: url("/img/clusters/geopoint_1.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-small div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-small div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-small div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-small div {
    margin-right: 11px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-medium, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-medium, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-medium, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-medium {
    margin-right: 9px;
    background: url("/img/clusters/geopoint_2.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-medium div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-medium div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-medium div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-medium div {
    margin-right: 8px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-large, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-large, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-large, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-large {
    margin-right: 5px;
    background: url("/img/clusters/geopoint_3.png") no-repeat; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-geopoint-large div, body .container .main_content .map_and_content .map_section .map .marker-cluster-geopoint-large div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-geopoint-large div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-geopoint-large div {
    margin-right: 5px; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-stay div, body .container .main_content .map_and_content .map_section .map .marker-cluster-stay div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-stay div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-stay div {
    background: url("/img/stay_ex_sm.png") no-repeat top center; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-parking div, body .container .main_content .map_and_content .map_section .map .marker-cluster-parking div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-parking div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-parking div {
    background: url("/img/parking_ex_sm.png") no-repeat top center; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-fuel-filling div, body .container .main_content .map_and_content .map_section .map .marker-cluster-fuel-filling div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-fuel-filling div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-fuel-filling div {
    background: url("/img/fuel_filling_ex_sm.png") no-repeat top center; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .marker-cluster-fuel-theft div, body .container .main_content .map_and_content .map_section .map .marker-cluster-fuel-theft div, .modal-dialog .modal-content .modal-body .mini_window .mini_map .marker-cluster-fuel-theft div, .ui-dialog.ui-widget .mini_window .mini_map .marker-cluster-fuel-theft div {
    background: url("/img/fuel_theft_ex_sm.png") no-repeat top center; }
  body .container .main_content .map_and_content #section-routes #route-detail-container .route-ruler-and-map .route-map .map .report-cluster-icon span, body .container .main_content .map_and_content .map_section .map .report-cluster-icon span, .modal-dialog .modal-content .modal-body .mini_window .mini_map .report-cluster-icon span, .ui-dialog.ui-widget .mini_window .mini_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: #808080;
    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);
}*/
body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes-loader .loader, body .container .main_content .wrap_content #dyn_content .content .loader, .content-spinner .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 #3d3d3d;
  -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: #808080;
  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;
  display: flex;
  flex-direction: column;
  height: 100%; }
  body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper .hidden.table_reports {
    display: none; }

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: #4d4d4d; }
      table.default-table-style.with-light-header tr th [data-sort] {
        color: #4d4d4d; }
  table.default-table-style.with-secondary-header {
    border-left: none;
    border-right: none;
    border-top: none; }
    table.default-table-style.with-secondary-header tr {
      height: 40px; }
      table.default-table-style.with-secondary-header tr:last-child td {
        border-bottom: none; }
      table.default-table-style.with-secondary-header tr:nth-child(even):not(.row_special_class_odd) {
        background-color: #F9F9F9; }
      table.default-table-style.with-secondary-header tr:not(.filters):hover {
        background-color: #F9F9F9; }
      table.default-table-style.with-secondary-header tr td, table.default-table-style.with-secondary-header tr th {
        border: none; }
        table.default-table-style.with-secondary-header tr td:first-child, table.default-table-style.with-secondary-header tr th:first-child {
          border-left: none; }
      table.default-table-style.with-secondary-header tr th {
        background-color: #EEEEEE;
        font-weight: 600;
        font-size: 12px;
        color: #3C3C3C; }
        table.default-table-style.with-secondary-header tr th [data-sort] {
          color: #3C3C3C; }
  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 #b3b3b3; }
    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: #3d3d3d;
            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: #808080; }
      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 #808080; }
        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 #808080; }
      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 #b3b3b3;
      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 #b3b3b3; }
      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: #808080;
      border-right-color: #6c6c6c;
      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: 22px;
      padding-right: 22px; }
    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 input.kv-row-checkbox {
      margin-left: 34px; }

table.default-table-reports-style {
  border-bottom: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-collapse: collapse;
  min-width: 100%; }
  table.default-table-reports-style thead {
    border-collapse: separate;
    box-sizing: border-box;
    position: sticky;
    top: 0px; }
    table.default-table-reports-style thead tr {
      box-sizing: border-box;
      height: 28px; }
  table.default-table-reports-style thead::after {
    content: '';
    position: absolute;
    top: -1px;
    width: 100%;
    height: 100%;
    background-color: #E3E3E3;
    z-index: -1; }
  table.default-table-reports-style.with-light-header {
    border-left: none;
    border-right: none;
    border-top: none; }
    table.default-table-reports-style.with-light-header tr {
      border: 1px solid #E3E3E3; }
      table.default-table-reports-style.with-light-header tr td, table.default-table-reports-style.with-light-header tr th {
        border: none; }
        table.default-table-reports-style.with-light-header tr td:first-child, table.default-table-reports-style.with-light-header tr th:first-child {
          border-left: none; }
      table.default-table-reports-style.with-light-header tr th {
        background-color: #e9edf8;
        /*border-right-color: $mainBorderColorForLightCells;*/
        color: #c72222; }
        table.default-table-reports-style.with-light-header tr th [data-sort] {
          color: #4d4d4d; }
  table.default-table-reports-style tr {
    border-top: 1px solid #E3E3E3;
    height: 27px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    font-family: 'Roboto', sans-serif;
    min-height: 27px;
    max-height: 27px; }
    table.default-table-reports-style tr:last-child td {
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      font-family: 'Roboto', sans-serif; }
    table.default-table-reports-style tr.filters {
      font-family: 'Roboto', sans-serif; }
    table.default-table-reports-style tr:nth-child(even):not(.row_special_class_odd) {
      background-color: #F7F7F8; }
    table.default-table-reports-style tr.row_special_class_even {
      background-color: #eff1f5; }
    table.default-table-reports-style tr:not(.filters):hover {
      background-color: #d0d8e6;
      cursor: pointer; }
    table.default-table-reports-style tr.selected-row td {
      background: #d1e8ff; }
    table.default-table-reports-style tr.changed td {
      background: #a3d2e9; }
    table.default-table-reports-style tr.filters td {
      font-size: 11px;
      line-height: 11px;
      font-family: 'Roboto', sans-serif;
      /*                    &[data-filter-applied] {
                                    background-color: #d0d8e6;
                                    input {
                                        background-color: #d0d8e6;
                                    }
                                }*/ }
      table.default-table-reports-style tr.filters td .filter-input-group-wrapper {
        display: flex;
        font-family: 'Roboto', sans-serif; }
      table.default-table-reports-style tr.filters td .filter-input-wrapper {
        position: relative;
        height: 19px;
        width: min-content; }
        table.default-table-reports-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-reports-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper.hidden {
            display: none; }
          table.default-table-reports-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper .filter-interaction-button {
            width: 12px;
            height: 12px;
            z-index: 20;
            background-color: #3d3d3d;
            color: #fff;
            border-radius: 6px;
            transition: all 0.25s ease-in-out;
            background-position: center center; }
          table.default-table-reports-style tr.filters td .filter-input-wrapper .filter-interaction-button-wrapper:hover .filter-interaction-button {
            background-color: #808080; }
      table.default-table-reports-style tr.filters td input {
        border: 1px solid #8fa4b8;
        /*margin: 0 1px;*/
        font-size: 12px;
        line-height: 12px;
        padding: 1px 4px 0px 4px;
        height: 19px;
        font-family: 'Roboto', sans-serif;
        border-radius: 2px; }
        table.default-table-reports-style tr.filters td input:hover {
          border: 1px solid #8fa4b8; }
        table.default-table-reports-style tr.filters td input:focus, table.default-table-reports-style tr.filters td input:active {
          border: 1px solid #808080; }
        table.default-table-reports-style tr.filters td input::placeholder {
          color: #aaa; }
        table.default-table-reports-style tr.filters td input.filter-input-numeric {
          width: 42px; }
          table.default-table-reports-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-reports-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-reports-style tr.filters td select {
        border: 1px solid #8fa4b8;
        /*margin: 0 1px;*/
        font-size: 12px;
        line-height: 12px;
        padding: 1px 4px 0px 4px;
        height: 19px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 400;
        border-radius: 2px; }
        table.default-table-reports-style tr.filters td select:hover {
          border: 1px solid #8fa4b8; }
        table.default-table-reports-style tr.filters td select:focus, table.default-table-reports-style tr.filters td select:active {
          border: 1px solid #808080; }
      table.default-table-reports-style tr.filters td .select2-selection {
        border: 1px solid #8fa4b8;
        box-shadow: none;
        padding: 1px;
        border-radius: 2px; }
      table.default-table-reports-style tr.filters td .select2-container--krajee .select2-selection--single {
        height: auto; }
      table.default-table-reports-style tr.filters td .select2-selection__arrow {
        border-left: 0;
        height: 16px; }
      table.default-table-reports-style tr.filters td .select2-selection__rendered, table.default-table-reports-style tr.filters td .select2-results__options {
        font-size: 11px;
        padding: 1px 2px 0px 2px; }
      table.default-table-reports-style tr.filters td input[data-krajee-daterangepicker] {
        width: 11em; }
      table.default-table-reports-style tr.filters td input.block-report-tables__filter-input-duration {
        width: 3em; }
      table.default-table-reports-style tr.filters td .block-report-tables__daterangepicker-apply-button,
      table.default-table-reports-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-reports-style tr th, table.default-table-reports-style tr td {
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      font-family: 'Roboto', sans-serif;
      /*border-color: #edf3fe;*/
      /*border-style: solid;*/
      /*border-width: 1px;*/
      border-right: 1px solid #e3e3e3;
      /*height: 2.2em;*/
      height: 25px;
      min-height: 25px;
      max-height: 25px;
      padding: 2px 6px;
      white-space: nowrap;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }
      table.default-table-reports-style tr th.align-center, table.default-table-reports-style tr td.align-center {
        text-align: center; }
      table.default-table-reports-style tr th.align-right, table.default-table-reports-style tr td.align-right {
        text-align: right; }
      table.default-table-reports-style tr th.nowrap, table.default-table-reports-style tr td.nowrap {
        white-space: nowrap; }
      table.default-table-reports-style tr th:first-child, table.default-table-reports-style tr td:first-child {
        border-left: 1px solid #b3b3b3; }
      table.default-table-reports-style tr th.block-report-tables__point-coords, table.default-table-reports-style tr th.block-report-tables__track-coords, table.default-table-reports-style tr td.block-report-tables__point-coords, table.default-table-reports-style tr td.block-report-tables__track-coords {
        display: none; }
      table.default-table-reports-style tr th.block-report-tables_selected-cell, table.default-table-reports-style tr td.block-report-tables_selected-cell {
        background-color: #d0d8e6;
        /*height: 3em;*/ }
      table.default-table-reports-style tr th.block-report-tables__last-visible-cell, table.default-table-reports-style tr td.block-report-tables__last-visible-cell {
        padding-right: 45px; }
    table.default-table-reports-style tr th {
      background-color: #F6F6F6;
      border-right-color: #E3E3E3;
      color: #172336;
      font-weight: bold;
      padding-top: 4px;
      font-family: 'Roboto', sans-serif;
      padding-bottom: 4px;
      line-height: 19px;
      font-size: 14px;
      cursor: auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-left: 10px;
      /*white-space: pre;*/ }
      table.default-table-reports-style tr th [data-sort] {
        color: #172336; }
      table.default-table-reports-style tr th [data-sort].asc::after,
      table.default-table-reports-style tr th [data-sort].desc::after {
        font-size: 1.4em;
        margin-left: .5em;
        text-decoration: none !important;
        line-height: 0; }
      table.default-table-reports-style tr th [data-sort].asc::after {
        content: '↑'; }
      table.default-table-reports-style tr th [data-sort].desc::after {
        content: '↓'; }
      table.default-table-reports-style tr th.text-vertical {
        text-align: center;
        vertical-align: bottom; }
        table.default-table-reports-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-reports-style tr td {
      font-size: 14px;
      font-weight: 400;
      line-height: 19px;
      font-family: Roboto, sans-serif;
      border-bottom: 0;
      color: #172336;
      padding: 4px 10px;
      /*white-space: pre;*/ }

/* 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; }

.grid-view-report-default-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8px;
  margin-bottom: 8px;
  align-items: center; }
  .grid-view-report-default-footer .summary {
    font-size: 14px;
    margin-top: 5px;
    line-height: 19px;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    color: #172336; }
  .grid-view-report-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-report-default-footer .grid-selected-element-count.hidden {
      display: none; }
  .grid-view-report-default-footer .block-report-tables__pagination, .grid-view-report-default-footer .table__pagination {
    margin: 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #172336;
    font-family: 'Roboto', sans-serif;
    /*
            margin-top: -38px;
            position: relative;
            top:-13px;
        */ }
    .grid-view-report-default-footer .block-report-tables__pagination li, .grid-view-report-default-footer .table__pagination li {
      display: inline-block; }
      .grid-view-report-default-footer .block-report-tables__pagination li.active, .grid-view-report-default-footer .table__pagination li.active {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        color: #172336; }
        .grid-view-report-default-footer .block-report-tables__pagination li.active a, .grid-view-report-default-footer .table__pagination li.active a {
          display: none; }
        .grid-view-report-default-footer .block-report-tables__pagination li.active input, .grid-view-report-default-footer .table__pagination li.active input {
          /*border: 1px solid #ddd;*/
          /*border-radius: 7%;*/
          width: 43px;
          height: 28px;
          /*outline: 0;*/
          text-align: center;
          border: 0;
          outline: none;
          border: 1px solid #E3E4E6;
          border-radius: 4px;
          margin: 0 1px;
          font-size: 14px;
          font-family: 'Roboto', sans-serif;
          color: #172336; }
      .grid-view-report-default-footer .block-report-tables__pagination li.first a, .grid-view-report-default-footer .block-report-tables__pagination li.first span, .grid-view-report-default-footer .table__pagination li.first a, .grid-view-report-default-footer .table__pagination li.first span {
        background: url("/img/report-grid-view/arrow-left-double.png") no-repeat center; }
      .grid-view-report-default-footer .block-report-tables__pagination li.prev a, .grid-view-report-default-footer .block-report-tables__pagination li.prev span, .grid-view-report-default-footer .table__pagination li.prev a, .grid-view-report-default-footer .table__pagination li.prev span {
        background: url("/img/report-grid-view/arrow-left-single.png") no-repeat center; }
      .grid-view-report-default-footer .block-report-tables__pagination li.next a, .grid-view-report-default-footer .block-report-tables__pagination li.next span, .grid-view-report-default-footer .table__pagination li.next a, .grid-view-report-default-footer .table__pagination li.next span {
        background: url("/img/report-grid-view/arrow-right-single.png") no-repeat center; }
      .grid-view-report-default-footer .block-report-tables__pagination li.last a, .grid-view-report-default-footer .block-report-tables__pagination li.last span, .grid-view-report-default-footer .table__pagination li.last a, .grid-view-report-default-footer .table__pagination li.last span {
        background: url("/img/report-grid-view/arrow-right-double.png") no-repeat center; }
      .grid-view-report-default-footer .block-report-tables__pagination li a, .grid-view-report-default-footer .block-report-tables__pagination li span, .grid-view-report-default-footer .table__pagination li a, .grid-view-report-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: #3d3d3d;
  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: 35px; }
  .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-widget th {
  font-family: 'Roboto', sans-serif; }

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

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

.modal-dialog .modal-content .modal-body form-vertical, .ui-dialog.ui-widget form-vertical {
  display: flex;
  flex-direction: column; }
  .modal-dialog .modal-content .modal-body form-vertical .form-group, .ui-dialog.ui-widget form-vertical .form-group {
    display: flex;
    flex-direction: column; }

.modal-dialog .modal-content .modal-body input[type="text"], .ui-dialog.ui-widget input[type="text"], .modal-dialog .modal-content .modal-body input[type="password"], .ui-dialog.ui-widget input[type="password"], .modal-dialog .modal-content .modal-body select, .ui-dialog.ui-widget select {
  outline: none;
  background: transparent;
  border: 1px solid #4d4d4d;
  border-radius: 3px;
  padding-left: 15px;
  color: #4d4d4d;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  height: 30px;
  text-align: left; }
  .modal-dialog .modal-content .modal-body input[type="text"]:not(.checkbox-filter), .ui-dialog.ui-widget input[type="text"]:not(.checkbox-filter), .modal-dialog .modal-content .modal-body input[type="password"]:not(.checkbox-filter), .ui-dialog.ui-widget input[type="password"]:not(.checkbox-filter), .modal-dialog .modal-content .modal-body select:not(.checkbox-filter), .ui-dialog.ui-widget select:not(.checkbox-filter) {
    width: 100%; }

.modal-dialog .modal-content .modal-body .template-form-table tr, .ui-dialog.ui-widget .template-form-table tr {
  border-bottom: 1px solid #b3b3b3; }
  .modal-dialog .modal-content .modal-body .template-form-table tr td, .ui-dialog.ui-widget .template-form-table tr td {
    padding: 8px 16px 8px 16px; }
    .modal-dialog .modal-content .modal-body .template-form-table tr td.template-form-table-waypoint-name, .ui-dialog.ui-widget .template-form-table tr td.template-form-table-waypoint-name {
      white-space: nowrap;
      max-width: 220px;
      text-overflow: ellipsis;
      overflow: hidden; }
    .modal-dialog .modal-content .modal-body .template-form-table tr td input.template-minute-box, .ui-dialog.ui-widget .template-form-table tr td input.template-minute-box {
      width: 50px;
      margin: 0px 10px 0px 10px; }

.modal-dialog .modal-content .modal-body .jq-selectbox, .ui-dialog.ui-widget .jq-selectbox {
  width: 100%; }
  .modal-dialog .modal-content .modal-body .jq-selectbox .jq-selectbox__select, .ui-dialog.ui-widget .jq-selectbox .jq-selectbox__select {
    border: 1px solid #4d4d4d;
    border-radius: 3px;
    color: #4d4d4d;
    font-size: 13px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }

.modal-dialog .modal-content .modal-body textarea, .ui-dialog.ui-widget textarea {
  outline: none;
  background: transparent;
  border: 1px solid #4d4d4d;
  border-radius: 3px;
  padding: 10px 15px;
  color: #4d4d4d;
  font-size: 13px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  width: 100%;
  max-width: 100%;
  max-height: 150px; }

.modal-dialog .modal-content .modal-body .radio-list, .ui-dialog.ui-widget .radio-list {
  padding-left: 20px;
  display: flex;
  flex-direction: column; }
  .modal-dialog .modal-content .modal-body .radio-list .single-radio-block, .ui-dialog.ui-widget .radio-list .single-radio-block {
    display: flex;
    align-items: center;
    /*margin-right: 16px;*/
    margin: 2px 0px 2px 0px; }
    .modal-dialog .modal-content .modal-body .radio-list .single-radio-block input[type="radio"], .ui-dialog.ui-widget .radio-list .single-radio-block input[type="radio"] {
      margin: 0px 4px 0px 0px;
      display: unset;
      height: 18px; }
    .modal-dialog .modal-content .modal-body .radio-list .single-radio-block label, .ui-dialog.ui-widget .radio-list .single-radio-block label {
      margin: 0px 4px 0px 0px;
      display: unset;
      padding-top: 2px; }

.modal-dialog .modal-content .modal-body .vertical-spacer, .ui-dialog.ui-widget .vertical-spacer {
  width: 100%;
  height: 16px; }

.modal-dialog .modal-content .modal-body .control-label, .ui-dialog.ui-widget .control-label {
  color: #4d4d4d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  margin: 16px 0px 2px 0px;
  display: block; }

.modal-dialog .modal-content .modal-body .control-label-inline, .ui-dialog.ui-widget .control-label-inline {
  color: #4d4d4d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0px; }

.modal-dialog .modal-content .modal-body .form-horizontal, .ui-dialog.ui-widget .form-horizontal {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .modal-dialog .modal-content .modal-body .form-horizontal .control-label-inline, .ui-dialog.ui-widget .form-horizontal .control-label-inline {
    margin-left: 8px;
    margin-right: 8px;
    line-height: 12px; }

.modal-dialog .modal-content .modal-body .simpleColorContainer, .ui-dialog.ui-widget .simpleColorContainer {
  margin-top: 0;
  border: 1px solid #4d4d4d;
  border-radius: 5px; }

.modal-dialog .modal-content .modal-body #icon_div, .ui-dialog.ui-widget #icon_div {
  width: fit-content;
  padding: 5px 5px 5px 5px;
  border: 1px solid #808080;
  border-radius: 5px;
  cursor: pointer; }

.modal-dialog .modal-content .modal-body #geo-points-icons, .ui-dialog.ui-widget #geo-points-icons {
  border: 1px solid #808080;
  height: 100%;
  border-radius: 5px;
  display: inline-block; }
  .modal-dialog .modal-content .modal-body #geo-points-icons .geopoint-icon, .ui-dialog.ui-widget #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; }

.modal-dialog .modal-content .modal-body .help-block, .ui-dialog.ui-widget .help-block, .modal-dialog .modal-content .modal-body .last-maintenance-error, .ui-dialog.ui-widget .last-maintenance-error {
  clear: both;
  color: #a94442;
  display: none;
  padding-top: 10px; }

.modal-dialog .modal-content .modal-body .has-error .help-block, .ui-dialog.ui-widget .has-error .help-block {
  display: initial; }

.modal-dialog .modal-content .modal-body .has-error .control-label, .ui-dialog.ui-widget .has-error .control-label, .modal-dialog .modal-content .modal-body .has-error .control-label-inline, .ui-dialog.ui-widget .has-error .control-label-inline, .modal-dialog .modal-content .modal-body .has-error input[type="text"], .ui-dialog.ui-widget .has-error input[type="text"], .modal-dialog .modal-content .modal-body .has-error input[type="password"], .ui-dialog.ui-widget .has-error input[type="password"], .modal-dialog .modal-content .modal-body .has-error select, .ui-dialog.ui-widget .has-error select, .modal-dialog .modal-content .modal-body .has-error textarea, .ui-dialog.ui-widget .has-error textarea {
  color: #a94442; }

.modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper, .ui-dialog.ui-widget .algorithm-value-select-wrapper {
  display: flex;
  align-items: center; }
  .modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper .control-label, .ui-dialog.ui-widget .algorithm-value-select-wrapper .control-label {
    color: #4d4d4d;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: unset;
    margin: 0px 0px 0px 0px;
    display: block; }
  .modal-dialog .modal-content .modal-body .algorithm-value-select-wrapper input, .ui-dialog.ui-widget .algorithm-value-select-wrapper input {
    margin: 0px 8px 0px 8px; }

.modal-dialog .modal-content .modal-body .maintenance-form-field-currency, .ui-dialog.ui-widget .maintenance-form-field-currency {
  display: flex;
  align-items: center; }
  .modal-dialog .modal-content .modal-body .maintenance-form-field-currency .maintenance-form-field-currency-label, .ui-dialog.ui-widget .maintenance-form-field-currency .maintenance-form-field-currency-label {
    display: flex;
    align-items: center;
    color: #4d4d4d;
    margin-left: 8px;
    margin-right: 8px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }

.modal-dialog .modal-content .modal-body .last-maintenance-content, .ui-dialog.ui-widget .last-maintenance-content {
  border: 1px solid #4d4d4d;
  border-radius: 3px;
  margin-top: 15px;
  padding: 0; }
  .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-header, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-header {
    background: #e5ebf0;
    margin-bottom: 10px; }
    .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-header span, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-header span {
      font-size: 14px;
      vertical-align: middle; }
  .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-unit, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-unit {
    display: inline-block;
    width: 240px;
    margin-left: 10px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400; }
  .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-date, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-date, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-input, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-input {
    display: inline-block;
    width: 196px; }
  .modal-dialog .modal-content .modal-body .last-maintenance-content .maintenance--status-ok, .ui-dialog.ui-widget .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; }
  .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-footer, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-footer {
    background: #e5ebf0;
    height: 30px;
    line-height: 30px;
    padding-left: 10px; }
  .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-list-item > input, .modal-dialog .modal-content .modal-body .last-maintenance-content .last-maintenance-content-footer input, .ui-dialog.ui-widget .last-maintenance-content .last-maintenance-content-footer input {
    border-radius: 3px;
    line-height: initial;
    height: 23px;
    width: 203px;
    font-size: 12px;
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
    text-align: left;
    padding-left: 3px;
    background: #fff; }

.modal-dialog .modal-content .modal-body .block-filter, .ui-dialog.ui-widget .block-filter {
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 10px; }
  .modal-dialog .modal-content .modal-body .block-filter .select-all, .ui-dialog.ui-widget .block-filter .select-all {
    display: flex;
    align-items: center; }
    .modal-dialog .modal-content .modal-body .block-filter .select-all span, .ui-dialog.ui-widget .block-filter .select-all span {
      color: #4d4d4d;
      font-size: 12px;
      margin-left: 2px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }
  .modal-dialog .modal-content .modal-body .block-filter .select-all-maintenance, .ui-dialog.ui-widget .block-filter .select-all-maintenance {
    display: flex;
    align-items: center; }
    .modal-dialog .modal-content .modal-body .block-filter .select-all-maintenance span, .ui-dialog.ui-widget .block-filter .select-all-maintenance span {
      color: #4d4d4d;
      font-size: 12px;
      margin-left: 2px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400; }

.modal-dialog .modal-content .modal-body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget, .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget {
  background: #32A0FF;
  color: #ffffff; }
  .modal-dialog .modal-content .modal-body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget:hover, .ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset .ui-widget:hover {
    background: #32A0FF;
    color: #ffffff; }

.modal-dialog .modal-content .modal-body #change_unit_icon_button, .ui-dialog.ui-widget #change_unit_icon_button {
  float: right;
  background: #32A0FF;
  color: #ffffff;
  border: none;
  margin: 2.3em .4em .5em 0;
  border-radius: 3px;
  padding: 6px 15px 6px 15px; }

.modal-dialog .modal-content .modal-body .from_horizontal, .ui-dialog.ui-widget .from_horizontal {
  height: 70px; }

.modal-dialog .modal-content .modal-body .unit_icon_label, .ui-dialog.ui-widget .unit_icon_label {
  color: #4d4d4d;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  margin: 16px 0px 2px 0px; }

.modal-dialog .modal-content .modal-body .change-icon-button-text, .ui-dialog.ui-widget .change-icon-button-text {
  padding: .7em 2em;
  font-size: 12px;
  font-family: OpenSansBold;
  text-transform: uppercase; }

.modal-dialog .modal-content .modal-body #car_icon_feature, .ui-dialog.ui-widget #car_icon_feature {
  background-size: 24px, 24px; }

.modal-dialog .modal-content .modal-body .mini_window, .ui-dialog.ui-widget .mini_window {
  padding: 0 0 0 0;
  overflow: hidden; }
  .modal-dialog .modal-content .modal-body .mini_window .mini_map .leaflet-left .leaflet-control, .ui-dialog.ui-widget .mini_window .mini_map .leaflet-left .leaflet-control {
    margin-left: 10px; }
  .modal-dialog .modal-content .modal-body .mini_window .mini_text, .ui-dialog.ui-widget .mini_window .mini_text {
    padding: 15px 15px 0;
    width: 100%;
    font-size: 13px;
    display: inline-block; }
  .modal-dialog .modal-content .modal-body .mini_window .body_window_line_box, .ui-dialog.ui-widget .mini_window .body_window_line_box {
    margin-top: 2px;
    margin-bottom: 12px; }
  .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper, .ui-dialog.ui-widget .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; }
    .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper.mini-window-three-sensors, .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper.mini-window-three-sensors {
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); }
    .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .body_window_box, .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper .body_window_box {
      padding: 15px 15px 15px 0;
      margin: 0; }
    .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span, .ui-dialog.ui-widget .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; }
      .modal-dialog .modal-content .modal-body .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span span, .ui-dialog.ui-widget .mini_window .mini-window-sensors-wrapper .mini_window_sensors_text > span span {
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600; }
  .modal-dialog .modal-content .modal-body .mini_window .mini_chart, .ui-dialog.ui-widget .mini_window .mini_chart {
    padding: 11px 15px 15px;
    width: 100%; }

.modal-dialog .modal-content .modal-body .send_command, .ui-dialog.ui-widget .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);
    }*/ }
  .modal-dialog .modal-content .modal-body .send_command .send-button-container, .ui-dialog.ui-widget .send_command .send-button-container {
    width: 130px;
    text-align: right; }
  .modal-dialog .modal-content .modal-body .send_command .left-hidden-field, .ui-dialog.ui-widget .send_command .left-hidden-field {
    width: 80px; }
  .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal, .ui-dialog.ui-widget .send_command .send-command-form-horizontal {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    /*            input[type="submit"] {
                width: 180px;
                flex-shrink: 0;
            }*/ }
    .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal select, .ui-dialog.ui-widget .send_command .send-command-form-horizontal select, .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal .jq-selectbox, .ui-dialog.ui-widget .send_command .send-command-form-horizontal .jq-selectbox {
      width: 80px;
      flex-shrink: 0; }
    .modal-dialog .modal-content .modal-body .send_command .send-command-form-horizontal #send_cmd_text, .ui-dialog.ui-widget .send_command .send-command-form-horizontal #send_cmd_text {
      width: 380px;
      flex-shrink: 0; }
  .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal {
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px; }
    .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal select, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal select, .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal .jq-selectbox, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal .jq-selectbox {
      width: 80px;
      flex-shrink: 0; }
    .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal #pre-set-command-select-styler, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal #pre-set-command-select-styler {
      width: 380px;
      flex-shrink: 0; }
    .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal #hidden_pre_set_send_cmd_type-styler, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal #hidden_pre_set_send_cmd_type-styler {
      visibility: hidden; }
    .modal-dialog .modal-content .modal-body .send_command .pre-set-send-command-form-horizontal #send_cmd_type-styler, .ui-dialog.ui-widget .send_command .pre-set-send-command-form-horizontal #send_cmd_type-styler {
      width: 80px;
      flex-shrink: 0; }
  .modal-dialog .modal-content .modal-body .send_command #set_command_password_div, .ui-dialog.ui-widget .send_command #set_command_password_div {
    padding-right: 10px;
    justify-content: space-between;
    align-items: center; }
    .modal-dialog .modal-content .modal-body .send_command #set_command_password_div #input_pass_container, .ui-dialog.ui-widget .send_command #set_command_password_div #input_pass_container {
      width: 380px;
      display: flex; }
  .modal-dialog .modal-content .modal-body .send_command #enter_password_field, .ui-dialog.ui-widget .send_command #enter_password_field {
    margin-left: auto;
    margin-right: auto;
    width: 180px; }
  .modal-dialog .modal-content .modal-body .send_command #enter_command_password_div, .ui-dialog.ui-widget .send_command #enter_command_password_div {
    display: inline-flex; }
  .modal-dialog .modal-content .modal-body .send_command table, .ui-dialog.ui-widget .send_command table {
    border: none;
    border-spacing: 0px;
    width: 100%; }
    .modal-dialog .modal-content .modal-body .send_command table td, .ui-dialog.ui-widget .send_command table td, .modal-dialog .modal-content .modal-body .send_command table th, .ui-dialog.ui-widget .send_command table th {
      padding: 0px; }
      .modal-dialog .modal-content .modal-body .send_command table td.command-table-actions, .ui-dialog.ui-widget .send_command table td.command-table-actions, .modal-dialog .modal-content .modal-body .send_command table th.command-table-actions, .ui-dialog.ui-widget .send_command table th.command-table-actions {
        width: 142px;
        text-align: right; }
      .modal-dialog .modal-content .modal-body .send_command table td.command-table-time, .ui-dialog.ui-widget .send_command table td.command-table-time, .modal-dialog .modal-content .modal-body .send_command table th.command-table-time, .ui-dialog.ui-widget .send_command table th.command-table-time {
        width: 80px;
        text-align: center; }
      .modal-dialog .modal-content .modal-body .send_command table td.command-table-type, .ui-dialog.ui-widget .send_command table td.command-table-type, .modal-dialog .modal-content .modal-body .send_command table th.command-table-type, .ui-dialog.ui-widget .send_command table th.command-table-type {
        width: 80px;
        text-align: center; }
    .modal-dialog .modal-content .modal-body .send_command table th, .ui-dialog.ui-widget .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; }
    .modal-dialog .modal-content .modal-body .send_command table td, .ui-dialog.ui-widget .send_command table td {
      padding: 5px 10px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 12px; }
    .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 td.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-queue-table th.command-table-text, .ui-dialog.ui-widget .send_command table.command-queue-table th.command-table-text {
      text-align: center;
      width: 300px;
      word-break: break-all; }
    .modal-dialog .modal-content .modal-body .send_command table.command-queue-table td.command-table-actions, .ui-dialog.ui-widget .send_command table.command-queue-table td.command-table-actions, .modal-dialog .modal-content .modal-body .send_command table.command-queue-table th.command-table-actions, .ui-dialog.ui-widget .send_command table.command-queue-table th.command-table-actions {
      width: 228px;
      text-align: right; }
    .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 td.command-table-text, .modal-dialog .modal-content .modal-body .send_command table.command-history-table th.command-table-text, .ui-dialog.ui-widget .send_command table.command-history-table th.command-table-text {
      text-align: center;
      width: 300px;
      word-break: break-all; }

.modal-dialog .modal-content .modal-body .select-unit-icon-wrapper, .ui-dialog.ui-widget .select-unit-icon-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%; }
  .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car, .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car {
    width: 200px;
    padding: 0 20px;
    height: 100%;
    border-right: 1px solid #b3b3b3; }
    .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car a, .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car a {
      display: block;
      color: #4d4d4d;
      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 #6c6c6c; }
      .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .left_select_car a.active, .ui-dialog.ui-widget .select-unit-icon-wrapper .left_select_car a.active {
        color: #32A0FF; }
  .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car, .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car {
    width: 100%;
    height: 540px;
    overflow: hidden; }
    .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car, .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car {
      display: flex;
      flex-wrap: wrap; }
      .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto, .ui-dialog.ui-widget .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; }
        .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:hover, .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto.active, .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto.active {
          border: 1px solid #4d4d4d; }
        .modal-dialog .modal-content .modal-body .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto img, .ui-dialog.ui-widget .select-unit-icon-wrapper .right_select_car .block_select_car .image_auto img {
          max-width: 100%;
          max-height: 100%;
          cursor: pointer; }

.modal-dialog .modal-content .modal-body .file-dialog, .ui-dialog.ui-widget .file-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden; }
  .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-header, .ui-dialog.ui-widget .file-dialog .file-dialog-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-header .file-dialog-datetime-range .style_calendar, .ui-dialog.ui-widget .file-dialog .file-dialog-header .file-dialog-datetime-range .style_calendar {
      width: 170px; }
  .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body, .ui-dialog.ui-widget .file-dialog .file-dialog-body {
    margin-top: 16px;
    display: flex;
    max-height: calc(100vh - 256px); }
    .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-table-wrapper, .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-table-wrapper {
      overflow: hidden;
      height: 100%;
      width: 250px;
      flex-shrink: 0;
      padding: 10px; }
    .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper, .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper {
      padding: 10px;
      width: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden; }
      .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container, .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container {
        width: 100%;
        height: calc(100% - 54px);
        text-align: center; }
        .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container img, .ui-dialog.ui-widget .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-image-container img {
          max-width: 100%;
          max-height: 100%; }
      .modal-dialog .modal-content .modal-body .file-dialog .file-dialog-body .file-dialog-file-wrapper .file-dialog-download-button, .ui-dialog.ui-widget .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; }

.modal-dialog .modal-content .modal-body .window_import #selected-items > div, .ui-dialog.ui-widget .window_import #selected-items > div {
  border: 1px solid #4d4d4d;
  border-radius: 3px;
  display: inline-block;
  font-size: 12px;
  margin: 5px 5px 0 0;
  padding: 6px; }
  .modal-dialog .modal-content .modal-body .window_import #selected-items > div .close, .ui-dialog.ui-widget .window_import #selected-items > div .close {
    opacity: 1;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px; }

.modal-dialog .modal-content .modal-body .window_import .block_import .style_checkbox, .ui-dialog.ui-widget .window_import .block_import .style_checkbox {
  overflow-y: scroll;
  max-height: 300px;
  margin-bottom: 16px; }

.modal-dialog .modal-content .modal-body #window_chat, .ui-dialog.ui-widget #window_chat {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 100%;
  font-size: 14px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400; }
  .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel, .ui-dialog.ui-widget #window_chat .chat-left-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 280px;
    flex-shrink: 0;
    border-right: 1px solid #b3b3b3; }
    .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_mask, .ui-dialog.ui-widget #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; }
    .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list, .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_list {
      display: flex;
      height: 100%;
      overflow: hidden; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list .mCustomScrollBox, .ui-dialog.ui-widget #window_chat .chat-left-panel #chat_unit_list .mCustomScrollBox {
        width: 100%; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-left-panel #chat_unit_list .item-within-list-light .item-header .missed_mess_unit, .ui-dialog.ui-widget #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: #3d3d3d;
        color: #fff;
        font-size: 12px;
        border-radius: 10px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700; }
  .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel, .ui-dialog.ui-widget #window_chat .chat-right-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%; }
    .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container {
      display: flex;
      height: 100%;
      background-color: #e1e5eb; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .mCustomScrollBox, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .mCustomScrollBox {
        width: 100%; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_date, .ui-dialog.ui-widget #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; }
      .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_unit_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_user_message {
        overflow: hidden;
        margin: 10px 0px; }
      .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_unit_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_user_message {
        display: block; }
        .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_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_user_message > div:first-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:first-child {
          width: 70px;
          text-align: center;
          margin-left: 5px;
          color: #4d4d4d;
          font-size: 11px;
          line-height: 12px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 600; }
          .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_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_user_message > div:first-child .unit-icon-container, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_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; }
        .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_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_user_message > div:last-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_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; }
          .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_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_user_message > div:last-child span, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_user_message > div:last-child span {
            color: #4d4d4d;
            font-size: 18px;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 700;
            font-size: 12px; }
      .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_user_message > div:first-child {
        float: right; }
      .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_user_message > div:last-child {
        float: right; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:first-child {
        float: left; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat-message-container .chat_unit_message > div:last-child {
        float: left; }
    .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat_messages_textarea {
      display: flex;
      height: max-content;
      flex-shrink: 0;
      border-top: 1px solid #b3b3b3; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea textarea, .ui-dialog.ui-widget #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; }
      .modal-dialog .modal-content .modal-body #window_chat .chat-right-panel .chat_messages_textarea #chat_send_message, .ui-dialog.ui-widget #window_chat .chat-right-panel .chat_messages_textarea #chat_send_message {
        width: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0; }

.modal-dialog .modal-content .modal-body .ui-tabs, .ui-dialog.ui-widget .ui-tabs {
  padding-left: 0px;
  padding-right: 0px; }
  .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav {
    padding: 0; }
    .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li {
      border-bottom: #ffffff 0px solid;
      margin: 1px .2em 5px 0;
      outline: none; }
      .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a {
        outline: none; }
        .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:active, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:active {
          outline: none; }
        .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:focus, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:focus {
          outline: none; }
        .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li a:hover, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li a:hover {
          color: #32A0FF; }
      .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border-top: #4d4d4d 0px solid;
        border-left: #4d4d4d 0px solid;
        border-right: #4d4d4d 0px solid;
        border-bottom: #4d4d4d 2px solid;
        margin: 1px .2em 5px 0;
        padding: 0;
        color: #32A0FF; }
        .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-dialog.ui-widget .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
          color: #32A0FF; }
  .modal-dialog .modal-content .modal-body .ui-tabs .ui-tabs-panel, .ui-dialog.ui-widget .ui-tabs .ui-tabs-panel {
    padding: 0; }

.modal-dialog .modal-content .modal-body .modal-block-horizontal, .ui-dialog.ui-widget .modal-block-horizontal {
  display: flex; }
  .modal-dialog .modal-content .modal-body .modal-block-horizontal .modal-block-horizontal-item, .ui-dialog.ui-widget .modal-block-horizontal .modal-block-horizontal-item {
    width: 100%;
    margin-right: 8px;
    overflow: hidden; }
    .modal-dialog .modal-content .modal-body .modal-block-horizontal .modal-block-horizontal-item:last-child, .ui-dialog.ui-widget .modal-block-horizontal .modal-block-horizontal-item:last-child {
      margin-right: 0px; }

.modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper, .ui-dialog.ui-widget .modal-window-horizontal-wrapper {
  display: flex; }
  .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal, .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal {
    width: 500px;
    margin-left: 10px; }
    .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal.hidden, .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal.hidden {
      display: none; }
    .modal-dialog .modal-content .modal-body .modal-window-horizontal-wrapper .modal-window-horizontal:first-child, .ui-dialog.ui-widget .modal-window-horizontal-wrapper .modal-window-horizontal:first-child {
      margin-left: 0px; }

.modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .left_select_car, .ui-dialog.ui-widget .unit-group-modal-icon-chooser .left_select_car {
  border-left: 1px solid #cccccc; }

.modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .right_select_car, .ui-dialog.ui-widget .unit-group-modal-icon-chooser .right_select_car {
  width: 280px; }

.modal-dialog .modal-content .modal-body .unit-group-modal-icon-chooser .active-checkbox-widget, .ui-dialog.ui-widget .unit-group-modal-icon-chooser .active-checkbox-widget {
  height: 350px; }

.modal-dialog .modal-content .modal-body #release-information-list, .ui-dialog.ui-widget #release-information-list {
  /*height: 500px;*/
  margin-bottom: 0px;
  padding: 13px 24px;
  overflow: auto; }
  .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release, .ui-dialog.ui-widget #release-information-list .release-information-single-release {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px; }
    .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release:last-child, .ui-dialog.ui-widget #release-information-list .release-information-single-release:last-child {
      margin-bottom: 0px; }
    .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release.not-published, .ui-dialog.ui-widget #release-information-list .release-information-single-release.not-published {
      background: #ccc; }
    .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header, .ui-dialog.ui-widget #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: #4d4d4d;
      margin-bottom: 9px; }
      .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header .release-information-header-button, .ui-dialog.ui-widget #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; }
      .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-header .release-information-header-text, .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-header .release-information-header-text {
        margin-right: 32px; }
    .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item, .ui-dialog.ui-widget #release-information-list .release-information-single-release .release-information-items .release-information-item {
      margin-bottom: 20px; }
      .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-header, .ui-dialog.ui-widget #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; }
        .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, .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 {
          width: 32px;
          display: flex;
          align-items: center;
          justify-content: flex-start; }
        .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, .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 {
          font-size: 18px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 700;
          letter-spacing: 0;
          color: #4d4d4d; }
      .modal-dialog .modal-content .modal-body #release-information-list .release-information-single-release .release-information-items .release-information-item .release-information-item-text, .ui-dialog.ui-widget #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: #4d4d4d;
        margin-left: 33px; }

.modal-dialog .modal-content .modal-body .release-information-form textarea, .ui-dialog.ui-widget .release-information-form textarea {
  height: 120px; }

.modal-dialog .modal-content .modal-body textarea#support_message, .ui-dialog.ui-widget 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: #666666 #e6e6e6;
    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: #cccccc; }
    .ui-dialog.ui-widget.release-information-dialog-content .ui-dialog-content::-webkit-scrollbar-thumb {
      background: #666666; }
  .ui-dialog.ui-widget.gdialog-chat #global_dialog, .ui-dialog.ui-widget.gdialog-chat #global_dialog_track_player {
    padding: 0; }
  .ui-dialog.ui-widget .ui-dialog-content {
    box-sizing: content-box; }

.radio-container {
  display: flex;
  align-items: center; }
  .radio-container input[type="radio"] {
    opacity: 0;
    width: 0; }
    .radio-container input[type="radio"] + .radio-label {
      color: #4d4d4d;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      font-size: 14px;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      gap: 0.4rem; }
      .radio-container input[type="radio"] + .radio-label:before {
        content: '';
        background: #ffffff;
        border-radius: 100%;
        border: 1px solid #999999;
        display: inline-block;
        width: 12px;
        height: 12px;
        transition: all 0.2ms ease; }
    .radio-container input[type="radio"]:checked + .radio-label:before {
      background-color: #3d3d3d;
      border-color: #3d3d3d;
      box-shadow: inset 0 0 0 2px #ffffff; }

#global_dialog .tabs-btns, #global_dialog_track_player .tabs-btns {
  display: flex;
  border-bottom: 1px solid #b3b3b3;
  overflow: hidden; }

#global_dialog .tabs-btns .tab-btn, #global_dialog_track_player .tabs-btns .tab-btn {
  display: flex;
  align-items: center;
  padding: 0 20px 0 42px;
  font-size: 14px;
  cursor: pointer;
  background-color: #ebf6ff;
  border-top: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  height: 40px;
  position: relative;
  width: 100%;
  white-space: nowrap; }

#global_dialog .tabs-btns .tab-btn.setting-btn, #global_dialog_track_player .tabs-btns .tab-btn.setting-btn {
  padding: 0;
  justify-content: center; }

#global_dialog .tabs-btns .tab-btn.active, #global_dialog_track_player .tabs-btns .tab-btn.active {
  background-color: #c2e3ff; }

#global_dialog .modal-body .tabs-btns .tab-btn:nth-child(5), #global_dialog_track_player .modal-body .tabs-btns .tab-btn:nth-child(5) {
  z-index: 0; }

#global_dialog .tabs-btns .tab-btn.active, #global_dialog_track_player .tabs-btns .tab-btn.active {
  background-color: #c2e3ff; }

#global_dialog .tabs-btns .tab-btn.disabled, #global_dialog_track_player .tabs-btns .tab-btn.disabled {
  background-color: #e3e3e3; }

#global_dialog .tabs-btns .tab-btn:after, #global_dialog_track_player .tabs-btns .tab-btn:after {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  right: -15px;
  top: 6px;
  transform: rotate(45deg);
  background: #ebf6ff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc; }

#global_dialog .tabs-btns .tab-btn.active:after, #global_dialog_track_player .tabs-btns .tab-btn.active:after {
  background-color: #c2e3ff; }

#global_dialog .tabs-btns .tab-btn.disabled:after, #global_dialog_track_player .tabs-btns .tab-btn.disabled:after {
  background-color: #e3e3e3; }

#global_dialog .tabs-btns .tab-btn:last-child:after, #global_dialog_track_player .tabs-btns .tab-btn:last-child:after {
  display: none; }

.dialog-settings {
  font-family: "Open Sans", Arial, sans-serif; }
  .dialog-settings .dialog-settings-container {
    padding: 0;
    border-radius: 0; }
  .dialog-settings .ui-dialog-titlebar-close {
    visibility: hidden; }

.dialog-settings-content {
  display: flex;
  height: 100%; }

.dialog-vertical-tabs {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-shrink: 0;
  width: 188px;
  padding: 24px 8px;
  background: #3d3d3d; }

.ui-dialog.ui-widget.dialog-settings .ui-dialog-titlebar {
  background-color: #3d3d3d; }

#global_dialog .dialog-vertical-tabs, #global_dialog_track_player .dialog-vertical-tabs {
  border-bottom: none; }

#global_dialog .dialog-vertical-tabs .tab-btn.setting-btn, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.setting-btn {
  display: flex;
  gap: 13px;
  background: transparent;
  border: none;
  height: 32px;
  border-radius: 3px;
  padding: 8px 10px 8px 15px; }
  #global_dialog .dialog-vertical-tabs .tab-btn.setting-btn:after, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.setting-btn:after {
    display: none; }
  #global_dialog .dialog-vertical-tabs .tab-btn.setting-btn:hover, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.setting-btn:hover {
    background-color: #4a4a4a; }

.dialog-tab-title {
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff; }

#global_dialog .dialog-vertical-tabs .tab-btn.active, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.active {
  background-color: #575757; }
  #global_dialog .dialog-vertical-tabs .tab-btn.active .css-icon-tab-arrow, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.active .css-icon-tab-arrow {
    display: none; }
  #global_dialog .dialog-vertical-tabs .tab-btn.active:hover, #global_dialog_track_player .dialog-vertical-tabs .tab-btn.active:hover {
    background-color: #575757; }

#global_dialog .dialog-horizontal-tabs, #global_dialog_track_player .dialog-horizontal-tabs {
  display: flex;
  gap: 23px;
  border-bottom: none;
  padding-top: 16px; }

.dialog-settings_pt-16 {
  padding-top: 16px; }

#global_dialog .dialog-horizontal-tabs .tab-btn, #global_dialog_track_player .dialog-horizontal-tabs .tab-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  background: #3d3d3d;
  min-width: 100px;
  border: none;
  height: 27px;
  border-radius: 4px;
  padding: 6px;
  width: 135px; }
  #global_dialog .dialog-horizontal-tabs .tab-btn:after, #global_dialog_track_player .dialog-horizontal-tabs .tab-btn:after {
    display: none; }
  #global_dialog .dialog-horizontal-tabs .tab-btn:hover, #global_dialog_track_player .dialog-horizontal-tabs .tab-btn:hover {
    background-color: #4a4a4a; }

#global_dialog .dialog-horizontal-tabs .tab-btn.active, #global_dialog_track_player .dialog-horizontal-tabs .tab-btn.active {
  background-color: #575757; }
  #global_dialog .dialog-horizontal-tabs .tab-btn.active:hover, #global_dialog_track_player .dialog-horizontal-tabs .tab-btn.active:hover {
    background-color: #575757; }

.dialog-settings-body {
  display: flex;
  flex-direction: column;
  width: 100%; }

.dialog-settings-form, .dialog-settings .form-group {
  height: 100%;
  overflow-y: auto;
  padding: 10px 20px 12px 20px;
  margin: 0; }
  .dialog-settings-form #change_password, .dialog-settings .form-group #change_password {
    color: #ffffff; }

.telegram-delete-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  width: 25px;
  height: 25px; }
  .telegram-delete-btn:hover {
    background-color: #eee; }

.dialog-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
  padding: 12px 20px; }

.dialog-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: none;
  height: 27px;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  color: #ffffff;
  padding: 6px;
  width: 135px;
  background: #32A0FF; }

.dialog-btn_secondary {
  background: #3d3d3d; }

.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 #b3b3b3;
        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: #ebf6ff;
          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: #c2e3ff; }
          .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: #ebf6ff;
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc; }
          .modal-dialog .modal-content .modal-body .tabs-btns .tab-btn.active:after {
            background-color: #c2e3ff; }
          .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: 60px;
        overflow-y: hidden;
        width: 100%;
        background-color: #F4F6F8;
        align-items: center;
        overflow-x: auto; }
      .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 #4d4d4d;
          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: #32A0FF;
          border-radius: 3px;
          font-size: 11px;
          text-transform: uppercase;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: 700;
          color: #ffffff;
          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 #4d4d4d;
  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: #4d4d4d;
      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 #4d4d4d;
  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: #4d4d4d;
        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/orange/search.png");
  background-position-x: 97%;
  background-repeat: no-repeat; }

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

.btn.btn-primary {
  background-color: #737373;
  border-color: #3d3d3d; }

.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: #4d4d4d;
      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: #ffffff;
        font-size: 14px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 700;
        background: #32A0FF; }
        #confirmOverlay .confirmation_action #confirmButtons button:last-child {
          margin-right: 0px; }
        #confirmOverlay .confirmation_action #confirmButtons button.gray {
          background: #999999; }

.full-width {
  width: 100%; }

.center {
  text-align: center; }

#ui-datepicker-div {
  background-color: #808080;
  color: #333333;
  border-radius: 4px;
  z-index: 2999 !important;
  width: 325px; }
  #ui-datepicker-div .ui-timepicker-div {
    background-color: #3d3d3d; }
  #ui-datepicker-div .ui-datepicker-buttonpane button {
    background-color: #808080;
    border-color: #fff; }
  #ui-datepicker-div .ui_tpicker_time_label, #ui-datepicker-div .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-year, #ui-datepicker-div .ui-datepicker-title {
    color: #fff; }
  #ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-state-default.ui-state-active {
    border: 1px solid #fff;
    color: #fff; }
  #ui-datepicker-div .ui-state-hover {
    color: #cccccc; }

#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(153, 153, 153, 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 #999999;
          background: none;
          transition: all .15s; }
        .hierarchy_tree_wrap ul li.parent > .header_box .arrow_hierarchy_box:hover:after {
          border-color: transparent transparent transparent #b3b3b3; }
      .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(153, 153, 153, 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(153, 153, 153, 0.5); }
        .hierarchy_tree_wrap ul li .header_box .name_and_number_wrap {
          background: rgba(130, 175, 219, 0.2);
          border: 1px solid rgba(153, 153, 153, 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: #4d4d4d;
          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: white; }
          .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; }

.track-player {
  background: white;
  padding: 6px 0px 6px 0px; }
  .track-player.hidden {
    display: none; }
  .track-player .track-player-second-row {
    display: flex;
    flex-direction: row;
    padding: 6px 10px 0px 11px; }
    .track-player .track-player-second-row .slider-container {
      width: 100%;
      margin: 6px 40px;
      display: flex;
      flex-direction: column; }
      .track-player .track-player-second-row .slider-container .current-position-wrapper {
        width: 100%;
        height: 32px;
        position: relative; }
        .track-player .track-player-second-row .slider-container .current-position-wrapper .slider-current-position-popup, .track-player .track-player-second-row .slider-container .current-position-wrapper .slider-hover-position-popup {
          position: absolute;
          background: #ffffff;
          border-radius: 5px;
          overflow: hidden;
          box-shadow: 0 5px 30px 0 rgba(44, 71, 116, 0.5);
          padding: 4px 8px;
          display: flex;
          flex-direction: column;
          white-space: nowrap; }
          .track-player .track-player-second-row .slider-container .current-position-wrapper .slider-current-position-popup.hidden, .track-player .track-player-second-row .slider-container .current-position-wrapper .slider-hover-position-popup.hidden {
            display: none; }
        .track-player .track-player-second-row .slider-container .current-position-wrapper .slider-hover-position-popup {
          top: 80px; }
      .track-player .track-player-second-row .slider-container .slider {
        height: 20px;
        border-radius: 10px;
        background: #b3b3b3;
        cursor: pointer; }
        .track-player .track-player-second-row .slider-container .slider .ui-progressbar-value {
          background-color: #808080; }
      .track-player .track-player-second-row .slider-container .movement-line {
        margin-top: 4px;
        height: 6px;
        position: relative; }
        .track-player .track-player-second-row .slider-container .movement-line .movement-item {
          position: absolute;
          top: 0px;
          height: 6px;
          background-color: #0de100; }
        .track-player .track-player-second-row .slider-container .movement-line .no-messages-item {
          position: absolute;
          top: 0px;
          height: 6px;
          background-color: #808080; }
      .track-player .track-player-second-row .slider-container .ignition-line {
        margin-top: 4px;
        height: 6px;
        position: relative; }
        .track-player .track-player-second-row .slider-container .ignition-line .ignition-on-item {
          position: absolute;
          top: 0px;
          height: 6px;
          background-color: #ffae00; }
        .track-player .track-player-second-row .slider-container .ignition-line .no-messages-item {
          position: absolute;
          top: 0px;
          height: 6px;
          background-color: #808080; }
      .track-player .track-player-second-row .slider-container .time-axis {
        display: flex;
        justify-content: space-between;
        margin-top: 4px;
        position: relative;
        height: 50px; }
        .track-player .track-player-second-row .slider-container .time-axis .track-player-date-axis-label {
          position: absolute;
          text-orientation: mixed;
          writing-mode: vertical-lr;
          transform: rotate(180deg);
          cursor: default;
          color: #fff;
          font-size: 11px; }
  .track-player .play-speed-container {
    flex-shrink: 0;
    cursor: pointer;
    margin-right: 8px; }
    .track-player .play-speed-container .play-speed {
      background: #32A0FF;
      color: #fff;
      padding: 4px;
      border-radius: 3px;
      width: 64px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 25px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 400;
      line-height: 12px;
      font-size: 12px; }
  .track-player .speed-filter-container {
    margin-right: 6px;
    flex-shrink: 0;
    background: #32A0FF;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    line-height: 12px;
    font-size: 12px;
    cursor: pointer; }

.unit-list-widget-template {
  display: none; }

.hidden-important {
  display: none !important; }

.fuelcard_form .name {
  margin-top: 10px; }

.fuelcard_form .identifier {
  margin-top: 10px; }

.simplebar-scrollbar {
  margin-top: 5px; }

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

#msgs-tab-mod .horizontal-tabs {
  margin-bottom: 0px;
  display: flex; }
  #msgs-tab-mod .horizontal-tabs.horizontal-tabs-for-section {
    width: 100%;
    background-color: #ffffff; }
  #msgs-tab-mod .horizontal-tabs.horizontal-tabs-for-subsection {
    width: 100%;
    padding-left: 28px;
    background-color: #808080; }
  #msgs-tab-mod .horizontal-tabs .horizontal-tab {
    padding: 0;
    font-size: 12px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    display: flex;
    align-items: center; }
    #msgs-tab-mod .horizontal-tabs .horizontal-tab .horizontal-tab-text {
      font-family: 'Roboto', sans-serif;
      font-weight: 400;
      line-height: 32px;
      font-size: 14px;
      text-transform: capitalize;
      color: #172336;
      padding: 0 14px;
      width: max-content;
      opacity: .75;
      user-select: none;
      text-decoration: none; }
      #msgs-tab-mod .horizontal-tabs .horizontal-tab .horizontal-tab-text:hover {
        text-decoration: none; }
    #msgs-tab-mod .horizontal-tabs .horizontal-tab.active {
      border-bottom: 2px solid #0169fe; }
      #msgs-tab-mod .horizontal-tabs .horizontal-tab.active .horizontal-tab-text {
        font-weight: 500;
        color: #0169fe;
        opacity: 1; }
    #msgs-tab-mod .horizontal-tabs .horizontal-tab:not(.active) {
      cursor: pointer; }
  #msgs-tab-mod .horizontal-tabs .horizontal-tab-msgs {
    margin-left: -28px; }

#msgs-tab-mod .block-report-tables__header-cell tr th {
  background-color: #8080801c;
  border-right-color: #6c6c6c;
  color: #201a1a;
  cursor: auto;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  padding-top: 3px;
  padding-bottom: 4px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.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-26px {
  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-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-12px {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.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-icon-17px {
  width: 17px;
  min-width: 17px;
  max-width: 17px;
  height: 17px;
  min-height: 17px;
  max-height: 17px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-tracks {
  background-image: url("/img/menu-icons/tracks.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-reports {
  background-image: url("/img/menu-icons/reports.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-telegram-copy {
  background-image: url("/img/telegram-copy.svg");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-messages {
  background-image: url("/img/menu-icons/messages.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-geoitems {
  background-image: url("/img/menu-icons/geoitems.png");
  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-menu-icon-notifications {
  background-image: url("/img/menu-icons/notifications.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-routes {
  background-image: url("/img/menu-icons/routes.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-drivers {
  background-image: url("/img/menu-icons/drivers.png");
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-fuel {
  background-image: url("/img/icon_main_menu_fuel.png");
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-maintenance {
  background-image: url("/img/menu-icons/maintenance.png");
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

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

.css-menu-icon-alarm {
  background-image: url("/img/menu-icons/alarm.png");
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-fuelcard {
  background-image: url("/img/card.png");
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-menu-icon-statistics {
  background-image: url("/img/menu-icons/statistics.svg");
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block; }

.css-icon-fuelcard {
  background-image: url("/img/orange/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");
  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-image-spinner {
  background-image: url("/img/orange/spinner.gif"); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.css-icon-edit-item-report {
  background-image: url("/img/reports-menu/repair.svg"); }

.css-icon-add-item {
  background-image: url("/img/reports-menu/vector_plus_green.svg"); }

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

.css-icon-dropdown-item {
  background-image: url("/img/reports-menu/Vector.svg"); }

.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: #9f9f9f; }

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

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

.css-icon-delete-item-report {
  background-image: url("/img/reports-menu/vector_delete.svg"); }

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

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

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

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

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

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

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

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

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

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

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

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

.css-icon-movement-not-active {
  background-image: url("/img/orange/not_active_unit_icon.png"); }

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

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

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

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

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

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

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

.css-icon-additional-menu-new {
  background-image: url("/img/tracks-new/tracks_export_menu.svg"); }

.css-icon-backward {
  background-image: url("/img/tracks-new/tracks_backward.svg"); }

.play_pause_button_player .css-icon-play {
  background-image: url("/img/tracks-new/tracks_play.svg"); }

.play_pause_button_player.playing-now .css-icon-play {
  background-image: url("/img/tracks-new/tracks_pause.svg"); }

.play_pause_button_player_tp .css-icon-play {
  background-image: url("/img/tracks-new/tracks_play.svg"); }

.play_pause_button_player_tp.playing-now .css-icon-play {
  background-image: url("/img/tracks-new/tracks_pause.svg"); }

.css-icon-forward {
  background-image: url("/img/tracks-new/tracks_forward.svg"); }

.css-icon-prev {
  background-image: url("/img/tracks-new/tracks_to_prev.svg"); }

.css-icon-next {
  background-image: url("/img/tracks-new/tracks_to_next.svg"); }

.css-icon-rect {
  width: 36px;
  height: 36px;
  border-radius: 4px; }

.css-icon-additional-menu_light {
  background-image: url("/img/menu_more_light.svg"); }

body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .item-controls .item-control.unit-watch-row .unit-watch-row-indicator, 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 .unit-watch-row-indicator, .gelios-dropdown-menu .gelios-dropdown-menu-item.unit-watch-menu .unit-watch-menu-indicator {
  background-image: url("/img/orange/tracking_object.png"); }

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

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, 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 {
  background-image: url("/img/orange/tracking_object_close.png"); }

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

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, 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 {
  background-image: url("/img/orange/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/orange/track_day_close_drop_down_menus.png"); }

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

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

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

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

.css-dropdown-icon-message {
  background-image: url("/img/orange/messages.png"); }

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

.change-icon-menu-indicator {
  background-image: url("/img/orange/edit_icon.png"); }

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

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

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

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

.css-icon-print-report {
  background-image: url("/img/reports-menu/report-print.svg"); }

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

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

.css-icon-plus-unit {
  background-image: url("/img/reports-menu/vector_plus.svg"); }

.css-icon-delete-unit {
  background-image: url("/img/img/reports-menu/vector_delete.svg"); }

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

body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list .item .route-unit-watch.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 .item-group-header .active.show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .active.show-hide-unit, 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, .item-group .tree-filter .tree-filter-item .active.show-hide-unit-group {
  background-image: url("/img/orange/eye-on.png"); }

body .container .main_content .wrap_content #dyn_content .content.routes-tab .routes_list .item .route-unit-watch, 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.site-tab #tmp_units .item .item-header .show-hide-unit, 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, .item-group .tree-filter .tree-filter-item .show-hide-unit-group {
  background-image: url("/img/orange/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 .item-group-header .uncertain.show-hide-unit-group, body .container .main_content .wrap_content #dyn_content .content.site-tab #tmp_units .item .item-header .uncertain.show-hide-unit, 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, .item-group .tree-filter .tree-filter-item .uncertain.show-hide-unit-group {
  background-image: url("/img/orange/eye-partial.png"); }

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

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

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

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

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

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

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

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

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

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

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

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

.css-icon-fuel-station-hide {
  background-image: url("/img/orange/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/orange/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/orange/add_icon_disabled.png"); }

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

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

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

.play-pause-button-new {
  padding-right: 8px; }
  .play-pause-button-new .css-icon-play-pause {
    background-image: url("/img/tracks-new/tracks_launch_player.svg"); }
  .play-pause-button-new.playing-now .css-icon-play-pause {
    background-image: url("/img/tracks/orange/pause.png"); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.css-icon-car {
  background-image: url("/img/orange/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/orange/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/orange/add_circular_geofence.png"); }

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

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

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

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

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

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

.css-icon-info {
  background-image: url("/img/ic_info.svg"); }

.css-icon-calendar {
  background-image: url("/img/ic_calendar.svg"); }

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

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

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

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

.ui-icon-triangle-1-s, .ui-icon-seek-prev {
  background: url("/img/orange/arrow_time_prev.png") no-repeat center !important; }

.ui-icon-triangle-1-n, .ui-icon-seek-next {
  background: url("/img/orange/arrow_time_next.png") no-repeat center; }

.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-gsm-status-ok {
  background-image: url("/img/ic-cellular-antenna-green.svg"); }

.css-icon-gsm-status-warn {
  background-image: url("/img/ic-cellular-antenna-yellow.svg"); }

.css-icon-gsm-status-danger {
  background-image: url("/img/ic-cellular-antenna-red.svg"); }

.css-icon-gps-status-ok {
  background-image: url("/img/ic-gps-satellite-green.svg"); }

.css-icon-gps-status-warn {
  background-image: url("/img/ic-gps-satellite-yellow.svg"); }

.css-icon-gps-status-danger {
  background-image: url("/img/ic-gps-satellite-red.svg"); }

.css-icon-arrow-right {
  background-image: url("/img/orange/arrow_right.png"); }

.css-icon-arrow-up {
  background-image: url("/img/orange/arrow_up.svg"); }

.css-icon-arrow-down {
  background-image: url("/img/orange/arrow_down.svg"); }

.css-icon-arrow-red-in-circle-up {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-red-in-circle-up.svg"); }

.css-icon-arrow-green-in-circle-up {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-green-in-circle-up.svg"); }

.css-icon-arrow-blue-in-circle-up {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-blue-in-circle-up.svg"); }

.css-icon-arrow-green-in-circle-down {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-green-in-circle-down.svg"); }

.css-icon-arrow-red-in-circle-down {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-red-in-circle-down.svg"); }

.css-icon-arrow-blue-in-circle-down {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-blue-in-circle-down.svg"); }

.css-icon-arrow-red-in-squared-up {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-red-in-squared-up.svg"); }

.css-icon-arrow-green-in-squared-down {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  min-height: 12px;
  max-height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url("/img/arrow-green-in-squared-down.svg"); }

.css-icon-formats {
  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;
  background-image: url("/img/formats.svg"); }

.css-icon-checked {
  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;
  background-image: url("/img/checked.svg"); }

.css-icon-telegram {
  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;
  background-image: url("/img/telegram.svg"); }

.css-icon-wallet {
  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;
  background-image: url("/img/wallet.svg"); }

.css-icon-options {
  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;
  background-image: url("/img/options.svg"); }

.css-icon-tab-arrow {
  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;
  background-image: url("/img/tab-arrow.svg"); }

.css-icon-hierarchy-show {
  background: url("/img/sprites/orange/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/orange/hierarchy_section_sprite.svg");
  background-position: -2px -50px;
  /*&.open{background-position: -26px -50px;}*/ }

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

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

.css-icon-eye-off {
  background-image: url("/img/eye-off.svg");
  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-icon-eye-on {
  background-image: url("/img/eye-on.svg");
  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; }

.chronology-event-type-icon {
  background-image: url("/img/sprites/chronology-sprite-32px.svg");
  width: 24px;
  height: 24px; }
  .chronology-event-type-icon.movement {
    background-position: 0px 0px; }
  .chronology-event-type-icon.parking {
    background-position: 0px -32px; }
  .chronology-event-type-icon.refueling {
    background-position: 0px -64px; }
  .chronology-event-type-icon.theft {
    background-position: 0px -96px; }
  .chronology-event-type-icon.stop {
    background-position: 0px -128px; }
  .chronology-event-type-icon.alarm {
    background-position: 0px -160px; }

.chronology-icon-22px {
  background-image: url("/img/sprites/chronology-sprite-22px.svg");
  width: 22px;
  height: 22px; }
  .chronology-icon-22px.movement-white {
    background-position: 0px 0px; }
  .chronology-icon-22px.movement-dark {
    background-position: -22px 0px; }
  .chronology-icon-22px.distance-white {
    background-position: 0px -22px; }
  .chronology-icon-22px.distance-dark {
    background-position: -22px -22px; }
  .chronology-icon-22px.parking-white {
    background-position: 0px -44px; }
  .chronology-icon-22px.parking-dark {
    background-position: -22px -44px; }

.chronology-icon-22px-themed {
  background-image: url("/img/sprites/orange/chronology-sprite-22px.svg");
  width: 22px;
  height: 22px; }
  .chronology-icon-22px-themed.movement {
    background-position: 0px 0px; }
  .chronology-icon-22px-themed.distance {
    background-position: 0px -22px; }
  .chronology-icon-22px-themed.parking {
    background-position: 0px -44px; }
  .chronology-icon-22px-themed.time {
    background-position: 0px -66px; }

.base-icon {
  background-image: url("/img/sprites/base-sprite.svg");
  width: 24px;
  height: 24px; }
  .base-icon.ic_export {
    background-position: -96px -144px; }

.base-sprite {
  background-image: url("/img/sprites/base-sprite.png"); }
  .base-sprite.css-icon-add-geopoint {
    background-position: 0px -192px; }
  .base-sprite.css-icon-add-geofence {
    background-position: -48px -192px; }
  .base-sprite.css-icon-add-maintenance {
    background-position: -96px -192px; }
  .base-sprite.css-icon-maintenance {
    background-position: 0px -216px; }
  .base-sprite.css-icon-add-notification {
    background-position: -120px -192px; }
  .base-sprite.css-icon-add-route {
    background-position: -144px -192px; }
  .base-sprite.css-icon-add-unit-group {
    background-position: -168px -192px; }

.track_markers_img {
  height: 24px;
  width: 24px; }

.auth__wrapper {
  background: #FFFFFF;
  color: #6E6E6E;
  font-family: 'Roboto', sans-serif;
  display: flex;
  height: 100%;
  width: 100%;
  user-select: none; }

.auth__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 30%; }

.auth__bottom-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 14px 0;
  gap: 11px;
  height: 264px;
  width: 313px; }

.auth__custom-block {
  display: none;
  overflow: hidden;
  border: 1px solid #808080;
  height: 126px;
  width: 100%;
  border-radius: 9px; }

.auth__custom-block-container {
  overflow-y: auto;
  font-size: 12px;
  height: 100%;
  padding: 14px 11px; }
  .auth__custom-block-container h4 {
    font-weight: 500;
    color: #555555; }

.auth__apps-container {
  display: flex;
  flex-wrap: wrap;
  gap: 11px; }

.app-btn {
  display: block;
  cursor: pointer;
  transition: all 0.2s ease;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 40px; }

.appstore-btn {
  background-image: url("../img/app-store-off.svg");
  min-width: 120px; }
  .appstore-btn:hover {
    background-image: url("../img/app-store-on.svg"); }

.google-play-btn {
  background-image: url("../img/google-play-off.svg");
  min-width: 135px; }
  .google-play-btn:hover {
    background-image: url("../img/google-play-on.svg"); }

.auth__form-container {
  display: flex;
  align-items: center;
  height: 100%;
  width: 313px; }

.registration-form-wrapper {
  width: 313px; }

.auth__form-body {
  display: flex;
  flex-direction: column;
  width: 100%; }

.auth__logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  margin-bottom: 20px; }

.auth__logo-img {
  object-fit: contain;
  max-width: calc(100% - 70px);
  max-height: 100%; }

.auth__actions-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px; }

.auth__actions {
  display: flex;
  justify-content: flex-end;
  gap: 22px; }

.auth__actions_left {
  display: flex;
  justify-content: flex-start;
  padding-top: 10px;
  width: 100%; }

.auth__action-item {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500; }
  .auth__action-item a:hover {
    text-decoration: none;
    color: #337ab7; }

.auth__img-container {
  position: relative;
  height: 100%;
  width: 70%; }

.auth__img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.auth__random-img {
  align-items: flex-start;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  height: 100%;
  width: 100%; }

.error_name, .help-block-error {
  font-size: 12px;
  margin: 0; }

.form-row {
  display: flex;
  flex-direction: column;
  gap: 2px; }
  .form-row label,
  .form-row .form-row-label {
    margin: 0;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    color: #6E6E6E; }
  .form-row .form-control {
    padding: 10px 12px;
    border-radius: 6px;
    height: 33px;
    font-size: 14px;
    color: #6E6E6E;
    border-color: #808080; }

.password-input {
  position: relative; }
  .password-input .form-control {
    padding-right: 24px; }

.password-input-icon {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-position: center; }

.style_select {
  cursor: pointer;
  background-image: url("/img/arrow-down-select.svg");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
  border: 1px solid #808080;
  border-radius: 6px;
  font-size: 14px;
  display: inline-block;
  height: 33px;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff; }
  .style_select select {
    width: 100%;
    background: transparent;
    height: 100%;
    color: #6E6E6E;
    font-size: 14px;
    padding-left: 12px;
    outline: none;
    border: none;
    appearance: none;
    text-transform: lowercase; }
  .style_select.wide {
    width: 100%; }
    .style_select.wide select {
      width: 350px; }

input[type="submit"] {
  cursor: pointer;
  width: 100%;
  height: 33px;
  outline: none;
  border: none;
  background: #808080;
  color: #ffffff;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px; }

input[type="checkbox"] {
  width: 12px;
  height: 12px;
  margin: 0; }

.checkbox {
  margin-top: 13px;
  margin-bottom: 13px; }
  .checkbox label {
    align-items: center;
    font-size: 12px;
    line-height: 12px; }

.auth__checkbox-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  font-weight: 400; }

.form-group {
  margin-bottom: 13px; }

.user_agreement {
  border: 1px solid #808080;
  height: 210px;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 12px; }

.success-registration-message {
  color: #3c763d; }

::-webkit-scrollbar {
  width: 2px;
  height: 2px; }

::-webkit-scrollbar-track {
  border-radius: 2px;
  background: #e0e0e0; }

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #3a5287; }

@media screen and (max-width: 1200px) {
  .auth__block {
    width: 40%; }
  .auth__img-container {
    width: 60%; } }

@media screen and (max-width: 992px) {
  .auth__block {
    width: 50%; }
  .auth__img-container {
    width: 50%; } }

@media screen and (max-width: 768px) {
  body {
    height: 100% !important; }
  .auth__block {
    width: 100%; }
  .auth__img-container {
    display: none; }
  .auth__form-body {
    padding: 0 10px; }
  .auth__bottom-container {
    height: fit-content; }
  .hidden-model-hash {
    display: none; } }

/*@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: #3d3d3d;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 24px;
      z-index: 2;
      border-right: 1px solid #575757; }
      .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: #4d4d4d; }
            .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: #4d4d4d; }
            .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: #4d4d4d;
                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: #4d4d4d;
                  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: #4d4d4d;
            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: #4d4d4d;
                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: #4d4d4d;
                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%; }

#map_and_content .section_statistics {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: hidden;
  font-weight: 600; }
  #map_and_content .section_statistics.hidden {
    display: none; }
  #map_and_content .section_statistics .section-statistics-header {
    width: 100%;
    height: 45px;
    background: #808080;
    padding: 15px 0 15px 30px; }
    #map_and_content .section_statistics .section-statistics-header .header-text {
      color: #ffffff;
      text-transform: uppercase;
      font-size: 13px;
      font-family: "Open Sans", Arial, sans-serif;
      font-weight: 700; }
  #map_and_content .section_statistics .section-statistics-body {
    padding-top: 15px;
    background: #ffffff;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex; }
    #map_and_content .section_statistics .section-statistics-body .toolbar-container {
      display: flex;
      flex-wrap: wrap;
      max-width: calc(100% - 36px); }
      #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item {
        display: flex; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item:not(:last-child) {
          margin-right: 20px; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container.hidden {
          display: none; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item {
          display: flex;
          align-items: center; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item:first-child {
            margin-right: 5px; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .title {
            margin-right: 5px; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-single {
            border: 1px solid #580000;
            background: #ffffff; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop {
            background: #808080; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop .chosen-search input[type="text"] {
              background: white url(../js/libs/jquery/chosen/chosen-sprite.png) no-repeat 100% -20px;
              color: #808080; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop .chosen-results {
              background: #808080; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop .chosen-results li {
                color: #808080; }
                #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop .chosen-results li.highlighted {
                  background: #808080;
                  color: #ffffff; }
                #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.geofences-select-container .geofences-select-toolbar-item .list .chosen-container .chosen-drop .chosen-results li:hover {
                  background: #808080;
                  color: #ffffff; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.day-period-container.hidden {
          display: none; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.day-period-container .day-period-toolbar-item {
          display: flex;
          align-items: center; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.day-period-container .day-period-toolbar-item:first-child {
            margin-right: 5px; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.day-period-container .day-period-toolbar-item .title {
            margin-right: 5px; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container {
          display: flex;
          padding-left: 30px; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period {
            display: flex;
            align-items: center; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span {
              color: #808080;
              font-size: 12px;
              line-height: 14px;
              text-align: center;
              padding: 5px;
              border-bottom: 1px solid #C2CFDC;
              border-top: 1px solid #C2CFDC; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span:not(:first-child) {
                border-left: 1px solid #C2CFDC; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-left: 1px solid #C2CFDC; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span:last-child {
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-right: 1px solid #C2CFDC; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span:hover {
                cursor: pointer;
                color: #ffffff;
                background: #808080;
                border-color: #808080; }
              #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .custom-period span.active {
                cursor: pointer;
                color: #ffffff;
                background: #808080;
                border-color: #808080; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .calendar {
            margin-left: 13px;
            border: 1px solid #808080;
            box-sizing: border-box;
            border-radius: 3px;
            display: flex;
            align-items: center;
            padding: 5px 0 5px 5px; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .calendar input {
              height: 15px;
              border: none;
              outline: none; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .calendar .calendar-icon {
              width: 15px;
              height: 15px;
              background: url("../img/statistics/calendar.svg") center;
              margin-right: 8px; }
            #map_and_content .section_statistics .section-statistics-body .toolbar-container .toolbar-item.period-filter-container .calendar .separator {
              display: flex;
              height: 15px;
              margin-right: 5px;
              align-items: center; }
      #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection {
        width: max-content; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection .jq-selectbox .jq-selectbox__select {
          border: 1px solid #6c6c6c; }
          #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection .jq-selectbox .jq-selectbox__select .jq-selectbox__select-text {
            color: #6c6c6c; }
        #map_and_content .section_statistics .section-statistics-body .toolbar-container .export-button-with-format-selection .download-button {
          width: 96px;
          flex-shrink: 0;
          height: 33px;
          background: transparent;
          color: #808080;
          border-left: 1px solid #6c6c6c;
          border-bottom: 1px solid #6c6c6c;
          border-top: 1px solid #6c6c6c;
          border-right: none;
          outline: none;
          border-radius: 3px 0 0 3px;
          font-size: 14px;
          font-family: "Open Sans", Arial, sans-serif;
          font-weight: inherit;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: space-around; }
    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container {
      margin-top: 55px;
      margin-bottom: 90px;
      height: 100%; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result {
        height: 100%;
        margin: 20px 50px 50px 30px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling {
          overflow-x: hidden;
          display: flex;
          flex-direction: column;
          height: calc(100% - 170px); }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container {
            margin: 0 20px 20px 0; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-title {
              margin-top: 10px;
              font-size: 24px;
              font-weight: 700; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-count-units-title {
              margin-top: 10px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-count-units-participating-in-calculation-of-statistics-title {
              margin-top: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-count-units-participating-in-calculation-of-statistics-title.hidden {
                display: none; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph {
              display: flex; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container {
                margin: 0 30px 0 0;
                font-size: 12px;
                height: 500px;
                width: 100%; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container.large-height {
                  height: 1000px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .statistics-category-tooltip {
                  color: red; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template {
                  display: flex;
                  flex-direction: column;
                  height: 100%;
                  width: 100px;
                  align-items: center;
                  vertical-align: middle; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image {
                    width: 50px;
                    height: 50px;
                    display: block;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.idling.up-to-four-days {
                      background-image: url("../img/statistics/chart/chart-xy/idling_0_4_days.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.idling.up-to-ten-days {
                      background-image: url("../img/statistics/chart/chart-xy/idling_5_10_days.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.idling.up-to-fifteen-days {
                      background-image: url("../img/statistics/chart/chart-xy/idling_11_15_days.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.idling.from-sixteen-days {
                      background-image: url("../img/statistics/chart/chart-xy/idling_16_more_days.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-one-hundred.railway-carriage {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_railway_carriage_0_100_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-one-hundred.unit {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_unit_0_100_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-one-thousand-km.railway-carriage {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_railway_carriage_100_1000_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-one-thousand-km.unit {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_unit_100_1000_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-four-thousand-km.railway-carriage {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_railway_carriage_1000_4000_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.up-to-four-thousand-km.unit {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_unit_1000_4000_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.more-four-thousand-km.railway-carriage {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_railway_carriage_4000_more_km.svg"); }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-image.mileage.more-four-thousand-km.unit {
                      background-image: url("../img/statistics/chart/chart-xy/mileage_unit_4000_more_km.svg"); }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-container .label-template .category-text {
                    font-weight: bold;
                    font-size: 12px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-unit-percent-container {
                display: flex;
                flex-direction: column;
                width: 150px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-unit-percent-container .chart-unit-percent-column {
                  height: 100%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
                  justify-content: space-around;
                  margin-top: 50px; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-unit-percent-container .chart-unit-percent-column .category-unit-percent {
                    font-size: 25px;
                    font-weight: 700; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-unit-percent-container .chart-unit-percent-column-title {
                  border-top: 5px solid; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .chart-panel-container .chart-panel-graph .chart-unit-percent-container .chart-unit-percent-column-title .chart-unit-percent-column-title-text {
                    display: block;
                    margin: 0 10px 0 10px;
                    text-align: center;
                    font-size: 13px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 8px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.mileage-and-idling .mCSB_scrollTools .mCSB_draggerRail {
            width: 6px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences {
          overflow-x: hidden;
          display: flex;
          flex-direction: column;
          height: calc(100% - 170px); }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 8px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .mCSB_scrollTools .mCSB_draggerRail {
            width: 6px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .selected-period-container {
            margin-bottom: 10px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container {
            height: auto;
            width: 100%;
            display: flex;
            border: 1px solid #C2CFDC;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin-bottom: 10px;
            font-size: 12px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container.template {
              display: none; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-waiting-execute-container {
              width: 200px;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-waiting-execute-container.hidden {
                display: none; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-waiting-execute-container .image {
                width: 60px;
                height: 60px;
                background: url(../img/statistics/waiting.png) no-repeat;
                background-size: cover;
                margin-bottom: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-waiting-execute-container .text {
                text-align: center;
                font-size: 17px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-success-execute-container {
              width: 200px;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-success-execute-container.hidden {
                display: none; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-success-execute-container .image {
                width: 60px;
                height: 60px;
                background: url(../img/statistics/success.png) no-repeat;
                background-size: cover;
                margin-bottom: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-success-execute-container .text {
                text-align: center;
                font-size: 17px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container {
              width: 200px;
              display: flex;
              align-items: center;
              justify-content: center; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container.hidden {
                display: none; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container .month-loader {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container .month-loader .loader-image {
                  width: 70px;
                  height: 70px;
                  background: url(../img/statistics/loader.gif) no-repeat;
                  background-size: cover;
                  margin-bottom: 10px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container .month-loader .loader-title {
                  text-align: center;
                  font-size: 17px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-loader-container .month-loader .loader-message {
                  display: flex;
                  justify-content: center;
                  font-size: 21px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container {
              display: flex;
              flex-direction: column;
              height: auto;
              width: calc(100% - 200px);
              border-left: 1px solid #C2CFDC; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-header-main {
                position: relative;
                border: 1px solid #808080;
                color: #ffffff;
                background: #808080;
                font-size: 14px;
                padding: 5px;
                display: flex;
                width: 100%; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table {
                display: flex;
                width: 100%; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column {
                  display: flex;
                  flex-direction: column; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column:not(:last-child) {
                    border-right: 1px solid #C2CFDC; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-header-container .cell-header-item {
                    padding: 0; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-header-container .cell-header-item.unit .cell-header-item-column:not(:last-child) {
                      border-right: none; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-header-container .cell-header-item .cell-header-item-column {
                      padding: 5px;
                      min-width: 50px;
                      max-width: 50px; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-header-container .cell-header-item .cell-header-item-column:not(:last-child) {
                        border-right: 1px solid #C2CFDC; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-value-container .cell-value-item {
                    padding: 0; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-value-container .cell-value-item .cell-value-item-column {
                      padding: 5px;
                      min-width: 50px;
                      max-width: 50px; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-value-container .cell-value-item .cell-value-item-column.in-period {
                        color: #ffffff;
                        background: #808080; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.calendar .cell-value-container .cell-value-item .cell-value-item-column:not(:last-child) {
                        border-right: 1px solid #C2CFDC; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.total {
                    min-width: 100px;
                    max-width: 100px; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column.unit .cell-value-container .cell-value-item {
                    white-space: nowrap; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-header-container {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    background: #E6EEF5; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-header-container .cell-header-item {
                      width: 100%;
                      display: flex;
                      padding: 5px;
                      border-bottom: 1px solid #C2CFDC; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-header-container .cell-header-item .cell-header-item-column {
                        width: 100%;
                        text-align: center; }
                        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-header-container .cell-header-item .cell-header-item-column.template {
                          display: none; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-value-container {
                    width: 100%;
                    display: flex;
                    flex-direction: column; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-value-container .cell-value-item {
                      width: 100%;
                      display: flex;
                      padding: 5px;
                      border-bottom: 1px solid #C2CFDC;
                      justify-content: center; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-value-container .cell-value-item.template {
                        display: none; }
                      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-value-container .cell-value-item .cell-value-item-column {
                        width: 100%;
                        text-align: center; }
                        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .month-table-container .month-table .month-table-column .cell-value-container .cell-value-item .cell-value-item-column.template {
                          display: none; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .mCSB_container {
              margin-right: 6px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
              height: 8px;
              width: 100%; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result.movement-between-geofences .month-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
              height: 6px;
              width: 100%; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .empty-page-container {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          padding: 30px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .empty-page-container .icon {
            background-image: url("../img/statistics/empty-search-result.svg");
            width: 100%;
            height: 250px;
            background-position: center;
            max-width: 200px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .empty-page-container .text-result {
            font-size: 24px;
            font-weight: 100;
            margin-top: 10px;
            margin-bottom: 10px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .empty-page-container .text-description {
            color: #989C9F;
            max-width: 25%;
            text-align: center; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container {
          position: relative;
          height: 100%; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container {
            height: 100%; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .selected-period-container {
              margin-bottom: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .selected-period-container span {
                font-style: normal;
                font-size: 12px;
                line-height: 14px;
                color: #3F3D3D;
                margin-left: 10px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .total-container {
              border: 1px solid #C2CFDC;
              border-top-right-radius: 3px;
              padding: 10px;
              min-width: 165px;
              margin-bottom: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .total-container .title {
                text-transform: uppercase;
                font-size: 13px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 700;
                margin-bottom: 10px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view {
              height: 100%; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination {
                display: flex;
                align-items: center;
                justify-content: center; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li a {
                  cursor: pointer;
                  position: relative;
                  float: left;
                  padding: 3px 8px;
                  line-height: 1.42857143;
                  text-decoration: none;
                  border: 1px solid #C2CFDC;
                  border-right: 0;
                  font-size: 12px;
                  border-radius: 0;
                  color: #000000; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li a:hover {
                    color: #ffffff;
                    cursor: pointer;
                    background-color: #808080;
                    border-color: #808080; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li.prev a {
                  border-top-left-radius: 3px;
                  border-bottom-left-radius: 3px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li.next a {
                  border-top-right-radius: 3px;
                  border-bottom-right-radius: 3px;
                  border-right: 1px solid #C2CFDC; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li.active a {
                  background-color: #808080;
                  border-color: #808080;
                  color: #ffffff; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view ul.pagination li.disabled span {
                  height: 25px;
                  align-items: center;
                  width: 25px;
                  display: flex;
                  justify-content: center; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view .table-wrapper {
                overflow: auto;
                max-height: calc(100% - 430px); }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view .table-wrapper table {
                  width: 100%; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view .table-wrapper table.default-table-style input {
                    width: 100px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view .summary {
                margin: 10px 0; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .trips-grid-view-container .pjax-container .grid-view .page-size-select {
                border: 1px solid #C2CFDC;
                border-radius: 3px;
                background: #ffffff;
                color: black;
                outline: none; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container {
          overflow: auto;
          height: calc(100% - 200px);
          display: flex;
          flex-direction: column; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .mCSB_container {
            margin-right: 12px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            width: 10px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .mCSB_scrollTools .mCSB_draggerRail {
            width: 8px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .selected-period-container {
            margin-bottom: 10px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .selected-period-container .selected-period {
              font-style: normal;
              font-size: 12px;
              line-height: 14px;
              color: #3F3D3D;
              margin-left: 10px; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container {
            overflow: auto;
            min-height: 200px;
            max-height: 400px;
            height: auto;
            width: 100%;
            display: flex;
            flex-direction: column;
            border: 1px solid #C2CFDC;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin-bottom: 10px;
            font-size: 12px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-header-main {
              position: relative;
              border: 1px solid #808080;
              color: #ffffff;
              background: #808080;
              font-size: 14px;
              padding: 5px;
              display: flex;
              width: 100%; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header {
              display: flex; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .day-number-container {
                display: flex;
                flex-direction: column; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .day-number-container .day-number-columns-title-container {
                  border: 1px solid #C2CFDC;
                  background: #E6EEF5;
                  text-align: center;
                  padding: 5px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .day-number-container .day-number-columns-container {
                  display: flex; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column {
                width: 100px;
                background: #E6EEF5;
                border: 1px solid #C2CFDC;
                border-top: unset;
                box-sizing: border-box;
                border-right: unset;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                padding: 5px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.day-number:not(.has-mileage) {
                  width: 50px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.day-number.has-mileage {
                  width: 100px; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column:first-child {
                  border-left: unset; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.day-number:first-child {
                  border-left: 1px solid #C2CFDC; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.day-number:last-child {
                  border-right: 1px solid #C2CFDC; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.unit {
                  border-top: 1px solid #C2CFDC; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.total-days-working {
                  border-top: 1px solid #C2CFDC; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-header .column.total-days-not-working {
                  border-top: 1px solid #C2CFDC; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container {
              display: flex;
              flex-direction: column;
              height: 100%;
              overflow: hidden;
              max-height: 200px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item {
                display: flex; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item.empty {
                  justify-content: center; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .month-column.column {
                  border: 1px solid #C2CFDC;
                  border-top: unset;
                  border-right: unset; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .month-column.column:first-child {
                    border-left: unset;
                    word-break: break-word; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .column {
                  width: 100px;
                  text-align: center;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  padding: 5px; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .column.day {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    font-size: 10px; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .column.day:not(.has-mileage) {
                      width: 50px; }
                    #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .month-table .month-item-container .month-item .column.day.has-mileage {
                      width: 100px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .mCSB_container {
              margin-right: 6px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
              height: 8px;
              width: 100%; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-result .unit-mileage-container .month-container .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
              height: 6px;
              width: 100%; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-header {
        border-bottom: 1px solid #C2CFDC; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-header .statistics-panel-header-text {
          width: fit-content;
          margin-top: -37px;
          position: absolute;
          margin-left: 30px;
          border: 1px solid #C2CFDC;
          border-bottom: 1px solid #ffffff;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
          padding: 8px 32px; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .selected-period-container span {
        font-style: normal;
        font-size: 12px;
        line-height: 14px;
        color: #3F3D3D;
        margin-left: 10px; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .intervals-result-container {
        margin: 20px 0 0 0; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .intervals-result-container .intervals-result-container-title {
          margin-bottom: 10px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .intervals-result-container .items {
          font-size: 12px;
          display: flex; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .intervals-result-container .items .item {
            border: 1px solid #C2CFDC;
            border-top-right-radius: 3px;
            padding: 8px 6px;
            min-width: 165px; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .statistics-panel-body .intervals-result-container .items .item:not(:last-child) {
              margin-right: 9px; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container {
        margin: 20px 0 0 0; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-title {
          color: #3F3D3D;
          margin-bottom: 10px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body {
          display: flex;
          width: 100%;
          height: 100%; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container {
              display: flex;
              position: relative; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container svg {
                width: 100%;
                max-width: 300px;
                cursor: pointer; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container .legend-container {
                display: flex;
                justify-content: center;
                flex-direction: column;
                margin-left: 50px;
                width: 100%; }
                #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container .legend-container .legend-item {
                  display: flex; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container .legend-container .legend-item .legend-item-description {
                    font-size: 12px; }
                  #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .pie-charts .pie-chart-container .legend-container .legend-item svg {
                    width: 20px;
                    height: 20px;
                    cursor: default; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .diagram-container .diagram-container-body .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; }
      #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container {
        margin: 0 64px 0 0;
        font-size: 12px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item-title {
          padding: 8px 10px;
          background: #E6EEF5;
          border: 1px solid #C2CFDC;
          box-sizing: border-box;
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
        #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item {
          padding: 8px 10px;
          display: flex;
          border-bottom: 1px solid #C2CFDC;
          border-right: 1px solid #C2CFDC;
          border-left: 1px solid #C2CFDC; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item.hidden {
            display: none; }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item .table-item-column {
            width: 20%; }
            #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item .table-item-column.list {
              display: flex;
              flex-direction: column;
              height: 100%;
              overflow: hidden;
              max-height: 80px;
              margin-right: 10px; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item .table-item-column.list .mCSB_scrollTools .mCSB_draggerRail {
                width: 4px;
                cursor: pointer;
                background-color: #c2cfdc; }
              #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item .table-item-column.list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
                width: 6px;
                background-color: rgba(41, 94, 145, 0.75); }
          #map_and_content .section_statistics .section-statistics-body .statistics-panel-container .result-table-container .table-item:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px; }
  #map_and_content .section_statistics .section-statistics-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    z-index: 401;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: all 0.25s ease-in-out;
    flex-direction: column; }
    #map_and_content .section_statistics .section-statistics-loader.hidden {
      display: none; }
    #map_and_content .section_statistics .section-statistics-loader .loader-image {
      width: 100px;
      height: 100px;
      background: url(../img/statistics/loader.gif) no-repeat;
      background-size: cover;
      margin-bottom: 10px; }
    #map_and_content .section_statistics .section-statistics-loader .loader-message {
      font-size: 24px;
      display: flex; }

@media print {
  @page {
    size: A3 landscape; } }

::-webkit-scrollbar {
  width: 4px;
  height: 4px; }

::-webkit-scrollbar-track {
  border-radius: 2px;
  background: silver; }

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #676767; }

body {
  width: 100%;
  height: 100vh;
  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: #808080;
      height: 36px;
      z-index: 70;
      display: flex;
      flex-shrink: 0;
      align-items: center; }
      body .container .header .top-left-logo {
        width: 190px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        body .container .header .top-left-logo img.logo {
          max-width: 118px;
          max-height: 36px; }
      body .container .header .menu-scroller {
        width: 100%;
        height: 100%;
        display: flex;
        overflow-x: auto; }
        body .container .header .menu-scroller .menu {
          width: max-content;
          height: 100%;
          display: flex; }
          body .container .header .menu-scroller .menu ul {
            width: 100%;
            margin: 0;
            display: flex; }
            body .container .header .menu-scroller .menu ul li {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              overflow: hidden;
              height: 100%;
              text-align: center;
              width: max-content;
              padding: 0 8px; }
              body .container .header .menu-scroller .menu ul li a {
                color: #ffffff;
                font-size: 11px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                display: flex;
                height: 100%;
                width: 100%;
                flex-direction: row;
                align-items: center;
                justify-content: center;
                text-decoration: none;
                position: relative; }
                body .container .header .menu-scroller .menu ul li a .menu-icon-wrapper {
                  display: flex;
                  margin: 0 4px 0 0;
                  position: relative; }
                  body .container .header .menu-scroller .menu ul li a .menu-icon-wrapper .menu_notification {
                    position: absolute;
                    display: block;
                    background: #3d3d3d;
                    color: #fff;
                    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: #3d3d3d;
                border-top-color: #3d3d3d; }
              body .container .header .menu-scroller .menu ul li:hover {
                background-color: #3d3d3d; }
          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%;
        display: flex;
        flex-direction: column;
        justify-content: space-around; }
        body .container .header .right_header .right-header-box {
          height: 30px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-left: 6px;
          padding-right: 6px; }
        body .container .header .right_header:last-child {
          margin-right: 8px; }
        body .container .header .right_header + .right_header .right-header-box {
          border-left: 1px solid silver; }
        body .container .header .right_header p {
          color: #d9d9d9;
          font-size: 10px;
          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; }
        body .container .header .right_header #time {
          font-size: 18px; }
      @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: #fff;
        display: flex;
        flex-shrink: 0; }
        body .container .main_content .wrap_content #dyn_content {
          overflow: hidden;
          height: 100%;
          width: 500px;
          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 #b3b3b3;
            position: relative;
            width: 100%;
            height: 36px;
            background-color: #737373;
            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;
              line-height: 34px;
              /* 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: #fff;
                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: silver; }
              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: #fff;
            overflow-y: auto; }
            body .container .main_content .wrap_content #dyn_content .content.content-statistics-type-list {
              height: 377px; }
            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 .text-primary_regular, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track .progress-text_regular, body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track .execute-text_regular {
              font: 400 14px Roboto,Arial,sans-serif; }
            body .container .main_content .wrap_content #dyn_content .content .text-primary_bold {
              font: 600 14px Roboto,Arial,sans-serif; }
            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: 20px;
              padding-right: 20px;
              border-bottom: 1px solid #b3b3b3; }
              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: #999999;
                  color: #999999;
                  display: flex;
                  align-items: center;
                  justify-content: space-around;
                  position: relative;
                  overflow: hidden; }
                  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: #32A0FF;
                    color: #ffffff;
                    font-size: 14px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    outline: none;
                    border-width: 0px;
                    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 .left-panel-button.execute-action .execute-text {
                      display: flex;
                      color: #ffffff;
                      font-size: 14px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 700; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action .progress-text {
                      display: none;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 300;
                      z-index: 1; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action.progress-in-button {
                      background: rgba(50, 160, 255, 0.5);
                      cursor: not-allowed;
                      border-width: 1px;
                      border-color: #999999;
                      box-shadow: initial; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action.progress-in-button .button-progress {
                        display: block; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action.progress-in-button .execute-text {
                        display: none; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action.progress-in-button .progress-text {
                        display: flex; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track {
                    width: 150px;
                    float: right;
                    text-transform: none;
                    background: #4185F2;
                    color: #ffffff;
                    font-size: 14px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    outline: none;
                    border-width: 0px;
                    border-radius: 4px;
                    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 .left-panel-button.execute-action-track .execute-text {
                      display: flex;
                      color: #ffffff;
                      font-size: 14px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 700; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track .execute-text_regular {
                        display: flex;
                        color: #ffffff; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track .progress-text {
                      display: none;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 300;
                      z-index: 1; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track .progress-text_regular {
                        display: none;
                        z-index: 1; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button {
                      background: rgba(65, 133, 242, 0.7);
                      border-radius: 4px;
                      cursor: not-allowed;
                      border-width: 1px;
                      box-shadow: initial; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button .button-progress {
                        display: block; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button .execute-text_regular,
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button .execute-text {
                        display: none; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button .progress-text_regular,
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button.execute-action-track.progress-in-button .progress-text {
                        display: flex; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button .button-progress {
                    display: none;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    height: 33px;
                    background: #32A0FF; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal .left-panel-button .button-progress2 {
                    display: none;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    height: 33px;
                    background: #32A0FF; }
                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 .border1 {
                border: 1px solid #E3E3E3;
                padding-left: 7px;
                border-right: none;
                outline: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-report {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-top: 4px;
                padding-bottom: 4px;
                font-weight: 400;
                font-family: 'Roboto', sans-serif;
                font-size: 14px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod {
                flex-direction: row;
                align-items: center;
                padding-top: 3px;
                padding-bottom: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod.hidden {
                  display: none; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .max-width-no-shrink {
                  margin-right: 16px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button {
                  border-width: 1px;
                  border-style: solid;
                  border-radius: 4px;
                  /*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: #999999;
                  color: #999999;
                  display: flex;
                  align-items: center;
                  justify-content: space-around;
                  position: relative;
                  overflow: hidden; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .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-mod .left-panel-button.execute-action {
                    background: #32A0FF;
                    color: #ffffff;
                    font-size: 14px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 700;
                    outline: none;
                    border-width: 0px;
                    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-mod .left-panel-button.execute-action .execute-text {
                      display: flex;
                      color: #ffffff;
                      font-size: 14px;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 700; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button.execute-action .progress-text {
                      display: none;
                      font-family: "Open Sans", Arial, sans-serif;
                      font-weight: 300;
                      z-index: 1; }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button.execute-action.progress-in-button {
                      background: rgba(50, 160, 255, 0.5);
                      cursor: not-allowed;
                      border-width: 1px;
                      border-color: #999999;
                      box-shadow: initial; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button.execute-action.progress-in-button .button-progress {
                        display: block; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button.execute-action.progress-in-button .execute-text {
                        display: none; }
                      body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button.execute-action.progress-in-button .progress-text {
                        display: flex; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .left-panel-button .button-progress {
                    display: none;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    height: 33px;
                    background: #32A0FF; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .export-print-button {
                  height: 33px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-block-horizontal-mod .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: black;
                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: 102px;
                  font-family: 'Roboto', sans-serif;
                  flex-shrink: 0;
                  margin-right: 66px;
                  font-size: 14px;
                  color: #172336; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-label-big-report {
                color: #172336;
                font-size: 12px;
                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-report.left-panel-label-fixed-for-reports {
                  width: 70px;
                  flex-shrink: 0;
                  margin-right: 66px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .time_report {
                font-family: 'Roboto', sans-serif;
                font-size: 14px;
                color: #172336; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .left-panel-label {
                color: #4d4d4d;
                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: #8c8c8c;
                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 + .option-button {
                    margin-left: 16px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons .option-button.active {
                    border-bottom: 2px solid;
                    cursor: initial;
                    color: #808080; }
                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 #add-unit-to-report {
                cursor: pointer;
                height: 28px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #add-route-to-report {
                cursor: pointer;
                height: 28px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #add-user-to-report {
                cursor: pointer; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #add-geozones-to-report {
                cursor: pointer; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #clear_msgs_2023,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #clear_report_2023 {
                height: 28px;
                float: right;
                min-width: 84px;
                border: 1px solid #E3E3E3;
                text-transform: none;
                font-size: 14px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                outline: none;
                color: #4185F2;
                border-radius: 4px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_msgs_2023,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_report_2023 {
                height: 28px;
                min-width: 91px;
                float: right;
                text-transform: none;
                background: #4185F2;
                color: #ffffff;
                font-size: 14px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                outline: none;
                border-width: 0px;
                border-radius: 4px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_msgs_2023 .execute-text,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_report_2023 .execute-text {
                  font-family: 'Roboto', sans-serif;
                  font-weight: 500; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_msgs_2023 .progress-text,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #get_report_2023 .progress-text {
                  font-family: 'Roboto', sans-serif;
                  font-weight: 500; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #build_track2 {
                height: 28px;
                min-width: 91px;
                float: right;
                text-transform: none;
                background: #4185F2;
                color: #ffffff;
                font-size: 14px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                outline: none;
                border-width: 0px;
                border-radius: 4px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #build_track2 .execute-text {
                  font-family: 'Roboto', sans-serif;
                  font-weight: 500; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #build_track2 .progress-text {
                  font-family: 'Roboto', sans-serif;
                  font-weight: 500; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #show_track {
                font-family: 'Open Sans';
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 17px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type-styler,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val-styler,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type-styler .jq-selectbox__select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val-styler .jq-selectbox__select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type-styler .jq-selectbox__select .jq-selectbox__select-text,
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val-styler .jq-selectbox__select .jq-selectbox__select-text,
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type-styler .arrow_select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val-styler .arrow_select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type-styler .jq-selectbox__trigger,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val-styler .jq-selectbox__trigger,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #track_color_type-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #track_color_type-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #track_color_type-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #track_color_type-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #track_color_type-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #amount-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #amount-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #amount-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #amount-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #amount-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_period_type-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_period_type-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_period_type-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_period_type-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_period_type-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type_value-styler,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val_value-styler,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval_value-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type_value-styler .jq-selectbox__select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val_value-styler .jq-selectbox__select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval_value-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type_value-styler .jq-selectbox__select .jq-selectbox__select-text,
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val_value-styler .jq-selectbox__select .jq-selectbox__select-text,
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval_value-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type_value-styler .arrow_select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val_value-styler .arrow_select,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval_value-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_type_value-styler .jq-selectbox__trigger,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #msgs_val_value-styler .jq-selectbox__trigger,
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #choose_interval_value-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #page-size-select-report-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #page-size-select-report-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #page-size-select-report-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #page-size-select-report-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #page-size-select-report-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #count_value::-webkit-outer-spin-button,
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #count_value::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #count_value {
                color: #172336;
                font-family: 'Roboto', sans-serif;
                font-size: 14px; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler {
                height: 28px;
                border: 1px solid #E3E3E3 !important;
                border-radius: 3px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler .jq-selectbox__select {
                  border: none;
                  padding-left: 10px !important;
                  height: 28px;
                  line-height: 26px;
                  color: #172336; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler .jq-selectbox__select .jq-selectbox__select-text {
                    color: #172336;
                    font-family: 'Roboto', sans-serif;
                    font-size: 14px; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler .jq-selectbox__select .jq-selectbox__dropdown {
                    width: 288px; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler .arrow_select {
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 28px;
                  height: 100%;
                  background: url("/img/reports-menu/Vector.svg") no-repeat center; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block #report_id-styler .jq-selectbox__trigger {
                  display: none; }
              body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons-mod {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                margin-top: 6px;
                margin-bottom: 3px;
                height: 30px;
                border: 1px solid #E3E3E3;
                border-radius: 4px;
                color: #172336;
                font-size: 14px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                line-height: 17px;
                font-style: normal; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons-mod .option-button-mod {
                  width: 232px;
                  padding-top: 4px;
                  text-align: center;
                  padding-bottom: 3px;
                  cursor: pointer; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons-mod .option-button-mod.active {
                    cursor: initial;
                    font-weight: 550;
                    background-color: #ECF3FF;
                    color: #4185F2; }
                body .container .main_content .wrap_content #dyn_content .content .left-panel-block .option-buttons-mod.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/orange/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 .date-interval-selection .date-interval-text-fields-mod {
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between; }
                  body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection .date-interval-text-fields-mod input {
                    border: 1px solid #E3E3E3;
                    padding-left: 9px;
                    width: 100%;
                    margin-right: 8px;
                    background-position: right 8px center;
                    background-repeat: no-repeat;
                    background-color: transparent;
                    background-image: url("/img/reports-menu/vector_calendar.svg"); }
                    body .container .main_content .wrap_content #dyn_content .content .left-panel-block .date-interval-selection .date-interval-text-fields-mod 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: #b3b3b3;
                  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: #808080;
                    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 #808080;
                    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: #4d4d4d;
                    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: #4d4d4d; }
            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-y: auto; }
            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: silver; }
            body .container .main_content .wrap_content #dyn_content .content.site-tab .tmp_group_header {
              padding: 10px 13px 10px 13px;
              width: 100%;
              flex-shrink: 0;
              display: flex;
              flex-direction: column; }
              body .container .main_content .wrap_content #dyn_content .content.site-tab .tmp_group_header.hidden {
                display: none; }
            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);
              /*/var/www/gelios/web/css/_gelios.scss*/ }
              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 div.filter_button .item-count {
                color: #9f9f9f;
                margin-left: 4px; }
              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: #4d4d4d;
                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-y: auto;
              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: #4d4d4d;
                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 #b3b3b3; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2 {
                width: 100%;
                border-bottom: 1px solid #b3b3b3;
                height: 55px; }
              body .container .main_content .wrap_content #dyn_content .content.track-tab .track-tab-container .track-player-row-container2 .track-player-row2-trip {
                width: 100%;
                border-bottom: 1px solid #b3b3b3;
                height: 55px;
                border-bottom: 1px solid #D9D9D9;
                height: 55px; }
            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-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: #fff;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  font-size: 12px;
                  color: #4d4d4d;
                  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: #4d4d4d;
                  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: #4d4d4d;
                  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 #b3b3b3;
                    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: #cdcdcd; }
                    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: white; }
                      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: #4d4d4d; }
                    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 {
                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: black;
                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: black;
                  font-family: "Open Sans", Arial, sans-serif;
                  font-weight: 700;
                  border-bottom: 2px solid black;
                  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: white; }
                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 {
              border-top: 1px solid;
              border-top-color: #E3E4E6;
              /* @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 .item-group .item-group-header {
                background-color: #F6F6F7;
                border-bottom-color: #E3E4E6;
                color: #172336;
                font-family: 'Roboto', sans-serif;
                font-size: 14px; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports .report-tasks .report-task-name {
                cursor: pointer;
                color: #172336;
                font-family: 'Roboto', sans-serif;
                font-size: 14px; }
            body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper {
              color: #4d4d4d;
              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-header #delete-all-reports {
                  transition: all .25s ease-in-out;
                  border-radius: 2px;
                  cursor: pointer;
                  right: 2px;
                  top: 2px;
                  width: 24px;
                  height: 24px; }
                  body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-header #delete-all-reports:hover {
                    background: #808080; }
              body .container .main_content .wrap_content #dyn_content .content.report-tab .reports #report-history-wrapper #reports-history #reports-history-body {
                height: 200px;
                overflow-y: auto;
                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 #b3b3b3;
                  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: #808080;
                    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: white; }
                  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-y: auto;
              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;
                color: #4d4d4d; }
              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: #404040;
                    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: #4d4d4d; }
            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: white; }
              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: #4d4d4d;
                  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: #4d4d4d; }
                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: white; }
              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 #4d4d4d;
              text-transform: uppercase;
              color: #4d4d4d;
              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: #4d4d4d; }
            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: white;
                color: #4d4d4d; }
            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 .item-header {
              border-bottom-color: #b3b3b3; }
              body .container .main_content .wrap_content #dyn_content .content.alarm-tab .item-header .item-name {
                color: #4d4d4d; }
            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: #4d4d4d; }
                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: #4d4d4d; }
            body .container .main_content .wrap_content #dyn_content .content.statistics-tab .content.hidden {
              display: none; }
            body .container .main_content .wrap_content #dyn_content .content.statistics-tab .content-statistics-type-list .item-group {
              margin-bottom: 0; }
            body .container .main_content .wrap_content #dyn_content .content.statistics-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.statistics-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.statistics-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.statistics-tab #site_tab_search_div #units_search {
                background: url(/img/search.png) no-repeat scroll 97%;
                width: 100%;
                border: none;
                height: 33px;
                outline: none;
                border-radius: 3px;
                padding: 0 6px;
                color: #4d4d4d;
                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.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: #4d4d4d; }
                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: #4d4d4d; }
        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(128, 128, 128, 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: 50px;
          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: #808080;
            text-align: center;
            line-height: 36px;
            cursor: pointer;
            position: relative;
            border-bottom: 1px solid #6c6c6c; }
            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: #808080;
              border-bottom: 1px solid #6c6c6c;
              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: #3d3d3d;
                color: #fff;
                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: #3d3d3d;
                color: #fff;
                font-size: 11px;
                border-radius: 5px; }
            body .container .main_content .map_and_content .toolbar .block_toolbar.search input {
              background-color: #808080;
              color: #ffffff;
              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: -440px;
              top: 0;
              height: 100%;
              color: #fff;
              font-size: 12px;
              font-family: "Open Sans", Arial, sans-serif;
              font-weight: 400;
              text-transform: uppercase;
              background: #808080;
              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: #3d3d3d; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.language-select .language.active {
                    background: #3d3d3d; }
              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: #808080;
                  position: relative;
                  right: -6px;
                  max-height: 500px;
                  overflow-y: auto; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list::-webkit-scrollbar {
                    width: 6px;
                    height: auto;
                    line-height: 30px; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list::-webkit-scrollbar-track {
                    border-radius: 5px;
                    background: #9a9a9a; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list::-webkit-scrollbar-thumb {
                    border-radius: 5px;
                    background: #cdcdcd; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list::-webkit-scrollbar-thumb:hover {
                    background: white; }
                  body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list::-webkit-scrollbar-thumb:active {
                    background: white; }
                  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: #3d3d3d; }
                    body .container .main_content .map_and_content .toolbar .block_toolbar .block_toolbar_console.source_map .map-source-list .map-source-list-item.active {
                      background: #3d3d3d; }
              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 #6c6c6c;
            background-color: #808080;
            color: #ffffff; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar:hover {
              background-color: #3d3d3d; }
            body .container .main_content .map_and_content #toolbar-mobile-apps .block_toolbar:first-child {
              border-top: 1px solid #6c6c6c; }
            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: #3d3d3d; }
        body .container .main_content .map_and_content #section_tracks_top {
          display: flex;
          flex-direction: column; }
          body .container .main_content .map_and_content #section_tracks_top.hidden {
            display: none; }
          body .container .main_content .map_and_content #section_tracks_top .section_tracks_top__date-range-indicator {
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 400;
            margin-left: 32px;
            margin-right: 32px; }
            body .container .main_content .map_and_content #section_tracks_top .section_tracks_top__date-range-indicator.hidden {
              display: none; }
          body .container .main_content .map_and_content #section_tracks_top .section_tracks_top__clear-selection-button {
            border-width: 1px;
            border-style: solid;
            border-radius: 3px;
            padding: 0px 16px;
            /*color: #9dd2f1;*/
            cursor: pointer;
            font-family: "Open Sans", Arial, sans-serif;
            font-weight: 300;
            font-size: 14px;
            height: 20px;
            outline: medium none;
            text-transform: uppercase;
            border-color: #999999;
            color: #999999;
            display: flex;
            align-items: center;
            justify-content: space-around; }
            body .container .main_content .map_and_content #section_tracks_top .section_tracks_top__clear-selection-button.clear {
              background: transparent none repeat scroll 0 0; }
            body .container .main_content .map_and_content #section_tracks_top .section_tracks_top__clear-selection-button.hidden {
              display: none; }
        body .container .main_content .map_and_content #section_tracks_bottom {
          display: flex;
          flex-direction: column;
          cursor: pointer; }
          body .container .main_content .map_and_content #section_tracks_bottom.hidden {
            display: none; }
          body .container .main_content .map_and_content #section_tracks_bottom .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_tracks_bottom .block-report-size-controls .report-size-control {
              display: flex;
              cursor: pointer; }
          body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-header {
            padding-left: 0px; }
            body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-header .block-track-size-controls {
              margin-left: 8px;
              margin-right: 8px; }
          body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body {
            overflow: hidden;
            overflow-y: auto;
            height: 200px; }
            body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-statistic-container {
              padding: 15px 40px 40px 25px;
              width: 100%;
              height: 100%; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-statistic-container .statistic_buttons_body {
                width: 100%;
                height: 100%;
                display: grid;
                margin-bottom: 35px;
                grid-template-rows: 1fr 1fr;
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                grid-row-gap: 5px;
                grid-column-gap: 10px; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-statistic-container .statistic_buttons {
                height: 43px;
                display: flex;
                flex-direction: column;
                border: 1px solid #32A0FF;
                border-radius: 2px;
                justify-content: center;
                padding-left: 8px;
                font-size: 10px;
                line-height: 14px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 600;
                font-style: normal;
                color: #4d4d4d; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-statistic-container .statistic_buttons_active {
                background: #32A0FF;
                color: #ffffff;
                border: 1px solid #12739D; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-statistic-container .statistic_chart {
                background: #32A0FF;
                width: 100%;
                height: 254px; }
            body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events {
              overflow-y: auto;
              display: flex;
              flex-direction: column;
              justify-content: space-between; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .event-item-span {
                font-size: 11px;
                line-height: 15px;
                font-family: "Open Sans", Arial, sans-serif;
                font-weight: 400;
                font-style: normal;
                color: #4d4d4d; }
              body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content {
                display: flex;
                flex-direction: column;
                justify-content: center; }
                body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day {
                  border-bottom: 1px solid #2C639A;
                  flex-direction: row;
                  display: flex;
                  align-items: center;
                  padding: 4px 0 4px 24px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day.selected {
                    background: #d1e8ff; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_block_date {
                    margin-right: 24px;
                    font-size: 15px;
                    line-height: 20px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 600;
                    font-style: normal;
                    color: #4d4d4d;
                    width: 82px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_block_movement_duration_value {
                    width: 64px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_block_distance_value {
                    width: 56px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_block_parking_duration_value {
                    width: 64px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_span {
                    display: flex;
                    margin-left: 11px;
                    align-items: center;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    justify-content: flex-end; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-day .track_block_header_item {
                    display: flex;
                    margin-right: 51px; }
                body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item {
                  padding: 2px 10px;
                  display: flex; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item:nth-of-type(even) {
                    background: #EFF1F5; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item.hidden {
                    display: none; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item.selected {
                    background: #d1e8ff; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .css-icon-info-window-sensors,
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .css-icon-info-window-mileage,
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .css-icon-info-window-mileage,
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .css-icon-info-window-speed,
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .css-icon-info-window-icon-marker {
                    margin-right: 11px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .event-item {
                    display: flex;
                    align-items: center; }
                    body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .event-item.hidden {
                      display: none; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .item-time {
                    font-size: 12px;
                    line-height: 16px;
                    font-family: "Open Sans", Arial, sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    color: #4d4d4d; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .chronology-icon-wrapper {
                    display: flex;
                    align-items: center; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .chronology-icon-wrapper {
                    display: flex;
                    margin-right: 16px; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .event-item-span {
                    display: flex;
                    align-items: center;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .item-time {
                    margin-right: 11px;
                    display: flex;
                    align-items: center; }
                  body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-content-event-item .event-item {
                    min-width: 80px;
                    margin-right: 15px; }
                body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body .track-block-body-events .track-block-content .track-block-active {
                  background: #D1E8FF;
                  border-top: 4px solid #B0D562; }
            body .container .main_content .map_and_content #section_tracks_bottom .track_block .track-block-body #chronology_chart {
              width: 100%;
              height: 100%; }
          body .container .main_content .map_and_content #section_tracks_bottom .track_block.track_block_player .track-block-body {
            padding-right: 36px;
            background: white; }
            body .container .main_content .map_and_content #section_tracks_bottom .track_block.track_block_player .track-block-body.hidden {
              display: none; }
        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 #report_table_wrapper .table-striped > tbody > tr:nth-of-type(odd) {
              background-color: unset; }
            body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view {
              border: unset;
              display: flex;
              padding-left: 20px;
              padding-top: 15px; }
              body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody {
                width: 50%;
                font-family: Arial,Tahoma,sans-serif; }
                body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody th, body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody td.block-report-tables__last-visible-cell {
                  width: 70% !important;
                  font-size: 12px;
                  padding: 3px; }
                body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody th {
                  background-color: #eeeeee;
                  font-weight: bold;
                  text-align: left !important; }
                body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody .selected-row {
                  background: #d1e8ff !important; }
                  body .container .main_content .map_and_content .section_reports .report_block #report_table_wrapper table.table-bordered.table-striped.detail-view tbody .selected-row th {
                    background-color: unset; }
          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: #808080; }
              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 #6c6c6c; }
                        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 #b3b3b3;
                          border-bottom: 1px solid #b3b3b3;
                          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: #808080;
                            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: #3d3d3d;
                      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 #3d3d3d;
                      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: #4d4d4d;
                  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: #4d4d4d;
                          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: #4d4d4d;
                        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: #4d4d4d;
                        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: #808080;
                    border-color: #3d3d3d;
                    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: #808080;
              color: #ffffff;
              border-bottom: 1px solid #6c6c6c; }
              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 #6c6c6c;
                border-radius: 3px;
                background-color: #3d3d3d;
                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 #b3b3b3; }
              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: #32A0FF; }
          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: #3d3d3d;
            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: #808080;
                      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: #3d3d3d;
            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: #3d3d3d;
            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(77, 77, 77, 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: #4d4d4d;
                    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(77, 77, 77, 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(77, 77, 77, 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: #4d4d4d; }
          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: #4d4d4d; }
                  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: #4d4d4d; }
              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: #4d4d4d; }
            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: #4d4d4d; }
                    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(77, 77, 77, 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: #4d4d4d;
                  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(61, 61, 61, 0.15); }
          body .container .main_content .map_and_content .ic_box.dark:active {
            background: rgba(61, 61, 61, 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(77, 77, 77, 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: #4d4d4d;
              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 {
              overflow: auto;
              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_drivers #driver_list_section_body {
            overflow-x: auto; }
            body .container .main_content .map_and_content #section_drivers #driver_list_section_body::-webkit-scrollbar {
              width: auto;
              height: 8px;
              line-height: 30px; }
            body .container .main_content .map_and_content #section_drivers #driver_list_section_body::-webkit-scrollbar-track {
              border-radius: 5px;
              background: #e6e6e6; }
            body .container .main_content .map_and_content #section_drivers #driver_list_section_body::-webkit-scrollbar-thumb {
              border-radius: 5px;
              background: #b3b3b3; }
            body .container .main_content .map_and_content #section_drivers #driver_list_section_body::-webkit-scrollbar-thumb:hover {
              background: gray; }
            body .container .main_content .map_and_content #section_drivers #driver_list_section_body::-webkit-scrollbar-thumb:active {
              background: gray; }
        body .container .main_content .map_and_content .section_alarm {
          display: flex;
          flex-direction: column;
          flex-shrink: 0;
          height: 430px;
          background: #fff;
          overflow-x: auto; }
          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: #808080; }
      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.cursor-pointer {
    cursor: pointer; }
  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 .locator-form .form-horizontal .locator-inline-field {
    display: flex;
    width: 100%;
    flex-direction: column; }
    body .locator-form .form-horizontal .locator-inline-field:not(:last-child) {
      margin-right: 20px; }
    body .locator-form .form-horizontal .locator-inline-field .control-label-inline {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 10px; }
  body .locator-dialog-boxes {
    display: flex;
    flex-direction: row;
    width: 100%; }
    body .locator-dialog-boxes .locator-dialog-box {
      display: flex;
      flex-direction: column; }
      body .locator-dialog-boxes .locator-dialog-box:not(:last-child) {
        margin-right: 20px; }
  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; }

.toast-position-top-right {
  top: 45px; }

.toast-item-wrapper .toast-item {
  display: flex;
  align-items: center;
  min-height: 46px;
  border-radius: 5px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
  .toast-item-wrapper .toast-item p {
    margin: 0 0 0 50px; }
  .toast-item-wrapper .toast-item .toast-item-image-warning,
  .toast-item-wrapper .toast-item .toast-item-image-success {
    background: url(/img/exclamation_primary.png) no-repeat; }

.toast-item-wrapper .toast-type-success,
.toast-item-wrapper .toast-type-warning {
  color: #747474;
  background-color: white; }
  .toast-item-wrapper .toast-type-success .toast-item-close,
  .toast-item-wrapper .toast-type-warning .toast-item-close {
    border-left: solid 1px rgba(207, 207, 207, 0.5);
    background: url(/img/close_primary.png) no-repeat center; }
  .toast-item-wrapper .toast-type-success p a,
  .toast-item-wrapper .toast-type-warning p a {
    text-decoration: underline;
    color: #747474; }

#alarms-table-tab {
  position: fixed; }

.button_active {
  border-radius: 2px;
  height: 22px;
  background: #32A0FF;
  color: #ffffff;
  font-size: 10px;
  padding: 5px 12px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 700;
  outline: none;
  border: none; }

.fuel__period-calendar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0; }

.input__date-container {
  display: flex;
  border: 1px solid #D9D9D9; }

.input__date {
  height: 22px;
  border-radius: 2px;
  border: none;
  width: 80px;
  outline: none;
  padding-left: 10px; }

.horizontal-nav {
  display: flex;
  flex-shrink: 0;
  height: 37px;
  background: #3d3d3d;
  padding: 0 47px; }

.horizontal-nav-ul {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  margin: 0; }

.horizontal-nav-li {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  font-size: 12px;
  color: #ffffff; }
  .horizontal-nav-li:not(:last-child):after {
    position: absolute;
    right: 0;
    content: '';
    background-repeat: no-repeat;
    background-image: url("../img/nav-arrow-right.svg");
    width: 6px;
    height: 11px;
    top: calc(50% - 4px);
    background-size: 100%; }

.horizontal-nav-li_active {
  font-weight: 700; }

.palette-color_blue {
  background: #0FA2E9; }

.palette-color_blue_light {
  background: rgba(15, 162, 233, 0.2); }

.palette-color_red {
  background: #F55252; }

.palette-color_red_light {
  background: rgba(245, 82, 82, 0.2); }

.palette-color_yellow {
  background: #E4CE00; }

.palette-color_yellow_light {
  background: rgba(228, 206, 0, 0.2); }

.palette-color_green {
  background: #8AC248; }

.palette-color_green_light {
  background: rgba(138, 194, 72, 0.2); }

.palette-color_burgundy {
  background: #CE3ABF; }

.palette-color_burgundy_light {
  background: rgba(206, 58, 191, 0.2); }

.palette-color_orange {
  background: #FF8B20; }

.palette-color_orange_light {
  background: rgba(255, 139, 32, 0.2); }

.fuel__fueled-text {
  font-size: 14px;
  font-weight: 700;
  color: #F55252; }

.fuel__drain-text {
  font-size: 14px;
  font-weight: 700;
  color: #0FA2E9; }

.fuel__title {
  color: #515151;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700; }

.fuel__title_secondary {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700; }

.fuel__title_third-dark {
  font-size: 12px;
  font-weight: 700;
  color: #515151; }

.fuel__title_third-gray {
  font-size: 12px;
  font-weight: 700;
  color: #808080; }

.fuel__title_third-alarm {
  font-size: 12px;
  font-weight: 700;
  color: #F55252; }

.fuel__title_third-light {
  font-size: 12px;
  font-weight: 400;
  color: #515151; }

.fuel__pie-main-title {
  font-weight: 400;
  font-size: 14px;
  color: #515151; }

.fuel__text, .fuel__time-units-item, .fuel__palette-title, .input__date {
  font-size: 12px;
  font-weight: 400;
  color: #515151; }

.fuel__text_sm {
  font-size: 12px;
  font-weight: 400;
  color: #515151;
  text-align: center; }

.fuel__text_b-dark {
  font-size: 12px;
  font-weight: 700;
  color: #515151;
  white-space: nowrap; }

.fuel__text_b-white {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff; }

.fuel_g-5 {
  display: flex;
  gap: 5px; }

#fuel__wrapper {
  display: flex;
  flex-direction: column;
  font-family: 'Inter', sans-serif;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  overflow: hidden; }
  #fuel__wrapper.hidden {
    display: none; }

.fuel__body {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding: 20px 47px;
  height: 100%;
  overflow: hidden; }

.fuel__container {
  height: 100%;
  display: flex;
  gap: 10px;
  overflow: auto; }

.fuel__column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%; }

.fuel__column-used-fuel {
  width: 230px; }
  .fuel__column-used-fuel .fuel__box {
    height: calc(50% - 5px); }

.fuel__column-statistics {
  width: 60%;
  min-width: fit-content; }

.fuel__column-drivers {
  width: 40%;
  min-width: fit-content; }

.fuel__column-card-spending {
  min-width: 536px;
  width: 40%; }

.fuel__column-gas-stations {
  width: 60%;
  min-width: 754px; }

.fuel__box {
  display: flex;
  height: 100%;
  gap: 10px; }

.fuel__box-statistics {
  min-height: 288px;
  max-height: 40%; }

.fuel__box_secondary {
  min-height: 184px;
  max-height: 30%; }

.fuel__top-units-table {
  min-height: 122px; }

.fuel__statistics-table {
  min-height: 130px; }

.fuel__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
  border: 1px solid #D9D9D9;
  border-radius: 3px; }

.fuel__item-fuel-consumption {
  max-width: fit-content;
  min-width: 330px; }

.fuel__item-total-statistic {
  min-width: 426px; }

.fuel__item-table {
  flex: 2; }

.fuel__item-table_secondary {
  max-width: calc(100% - 340px); }

.fuel__item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  gap: 10px; }

.fuel__item-header-container {
  display: flex;
  align-items: center;
  gap: 10px; }

.fuel__item-header-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px; }

.fuel__item-header-details-item {
  display: flex;
  align-items: center;
  gap: 5px; }

.fuel__item-header-container_secondary {
  display: flex;
  align-items: center;
  gap: 25px; }

.fuel__item-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px; }

.fuel__total-statistic {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr));
  height: 100%;
  row-gap: 10px;
  column-gap: 20px;
  padding: 0 10px 10px 10px; }

.fuel__total-statistic-item {
  display: flex;
  flex: 1;
  flex-direction: column; }

.fuel__liters-used {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

.fuel__satisfactory-equipment {
  display: flex;
  flex-direction: column;
  padding: 0 10px; }

.fuel__palette-container {
  display: flex;
  align-items: center; }

.fuel__total-statistic-bar-container {
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  overflow: hidden; }

.fuel__total-statistic-bar-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding: 0 5px;
  height: 18px; }

.fuel__bar-container {
  width: 100%;
  background: #F9F9F9;
  border-radius: 3px;
  height: 30px; }

.fuel__bar-item {
  border-radius: 3px;
  height: inherit;
  width: 80%; }

.fuel__palette-color {
  display: flex;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 3px; }

.fuel__palette-title {
  white-space: nowrap; }

.fuel__menu-icon {
  cursor: pointer;
  width: 3px;
  height: 15px; }

.fuel__period {
  display: flex;
  flex-direction: column;
  gap: 10px; }

.fuel__period-item {
  display: flex;
  align-items: center;
  gap: 6px; }

.fuel__time-units {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  height: 22px;
  width: fit-content; }

.fuel__time-units-item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 62px; }
  .fuel__time-units-item:not(:last-child) {
    border-right: 1px solid #D9D9D9; }

.fuel__time-units-item_active, .fuel__time-units-item:hover {
  background: #32A0FF;
  color: #ffffff;
  font-weight: 700; }

.fuel__main-liters {
  white-space: nowrap;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
  color: #ffffff; }

.fuel__map-header {
  display: flex;
  flex-direction: column; }

.fuel__map {
  min-height: 226px;
  height: 100%;
  overflow: hidden; }
  .fuel__map .leaflet-control-container {
    display: none; }
  .fuel__map .map {
    height: 100%; }

.fuel__pie-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
  padding: 0 10px 10px 10px; }

.fuel__pie-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  height: 100%; }

.fuel__pie-description {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 10px;
  width: 100%; }

.fuel__pie-description-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px; }

.fuel__refuel-drain-container {
  min-width: 210px;
  flex: 0; }

.fuel__refuel-drain-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px; }

.fuel__refuel-drain-text {
  padding-bottom: 10px; }

.fuel__refuel-drain-donut-container {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.fuel__refuel-drain-donut-row {
  display: flex;
  align-items: center;
  gap: 20px; }

.fuel__pie {
  position: relative;
  min-width: 80px;
  min-height: 80px;
  display: flex; }

.fuel__pie-chart-container {
  width: 100%;
  height: 100%;
  white-space: nowrap; }
  .fuel__pie-chart-container .piechart-tooltip {
    padding: 4px;
    font-size: 12px;
    background: #FFFFFF; }

.fuel__graph {
  min-height: 116px;
  display: flex;
  flex: 1; }

.fuel__graph-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%; }

.fuel__graph-container {
  display: flex;
  padding: 4px 10px;
  flex: 1;
  overflow: hidden; }

.fuel__graph-description {
  display: flex;
  gap: 15px;
  align-items: center; }

.fuel__consumption-graph {
  width: 100%; }
  .fuel__consumption-graph text {
    fill: #808080; }
  .fuel__consumption-graph tspan {
    font-size: 10px !important; }

.card {
  display: flex;
  flex-direction: column;
  width: 560px;
  max-height: inherit;
  color: #373C46; }
  .card__header {
    display: flex;
    margin-left: 10px;
    justify-content: space-between;
    align-items: center;
    max-width: 540px;
    gap: 8px;
    padding: 10px 0px 4px 0px;
    border-bottom: 1px solid #dadada;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600; }
    .card__header-name {
      display: flex;
      align-items: center;
      gap: 15px;
      font-size: 14px;
      line-height: 14px; }
    .card__header-icon {
      width: 24px;
      min-width: 24px;
      height: 24px; }
      .card__header-icon img {
        width: 100%;
        height: 100%; }
  .card__text-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 11px; }
    .card__text-column span {
      text-align: right;
      white-space: nowrap; }
  .card__body {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto; }
  .card__block-title {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    padding-left: 16px; }
  .card__block_primary {
    display: flex;
    flex-direction: column;
    gap: 4px; }
  .card__block_secondary {
    display: flex;
    flex-direction: column;
    gap: 4px; }
  .card__block-row {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(3, 1fr); }
  .card__block-column {
    display: grid;
    gap: 2px;
    grid-template-columns: repeat(2, 1fr); }
  .card__box, .card__box_secondary {
    display: flex;
    padding: 5px 16px 6px 16px;
    background: #F3F3F3;
    border-radius: 5px; }
  .card__box_secondary {
    padding: 4px 2px 4px 16px; }
  .card__column {
    float: left;
    flex-direction: column; }
  .card__column_sm {
    flex-direction: column;
    width: 100%;
    gap: 2px; }
  .card__text_regular {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px; }
  .card__text_bold {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    float: left;
    padding-right: 5px; }
  .card__text_regular_sm {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px; }
  .card__text-center {
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .card .scale-section {
    border-radius: 4px;
    height: 16px;
    border-bottom: none;
    background: #f3f3f3; }
    .card .scale-section ul.scale {
      margin: 0;
      padding: 0; }
      .card .scale-section ul.scale li {
        padding-left: 4px;
        font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600;
        font-size: 9px;
        color: #515151;
        border-left: 1px dashed #515151; }
    .card .scale-section .line-box {
      height: 3px; }
  .card__block-hidden {
    display: none; }

.card_unit_row {
  border-left: 2px solid #dadada;
  margin-left: 10px;
  padding-left: 2px; }

.card_body_unit_row {
  padding-left: 2px; }

.item_info {
  background-color: #ffffff;
  border-bottom: 1px solid #b3b3b3; }

.units-in-geozone-table-wrapper {
  display: flex;
  flex-direction: column;
  height: inherit;
  gap: 15px; }
  .units-in-geozone-table-wrapper .units-in-geozone-table-container {
    display: grid;
    align-items: center;
    gap: 14px;
    grid-template-columns: 1fr 1fr 1fr; }
    .units-in-geozone-table-wrapper .units-in-geozone-table-container input[type="text"] {
      border-radius: 3px !important;
      border: 1px solid #d2d2d2 !important;
      background-position: right 8px center;
      background-repeat: no-repeat;
      background-color: transparent;
      background-image: url(/img/ic-calendar.svg); }
    .units-in-geozone-table-wrapper .units-in-geozone-table-container .units-in-geozone-button {
      height: 30px !important;
      white-space: nowrap; }

.unit-marker-icon {
  position: relative;
  z-index: 1; }

.icon-marker-ymaps {
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: relative;
  transform: translate(-50%, -50%); }

.icon-marker-ymaps .direction-arrow {
  display: none; }

.icon-marker-ymaps img {
  width: 100%;
  height: 100%; }

.fullscreen {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg fill='%236B6B6B'%3E%3Cpath d='M16.14 7.86L14.27 6H20v5.7l-1.83-1.82L15.04 13 13 10.98l3.13-3.13zm0 0M9.86 18.14L11.73 20H6v-5.7l1.83 1.82L10.96 13 13 15.02l-3.13 3.13zm0 0'/%3E%3C/g%3E%3C/svg%3E"); }

.exit-fullscreen {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cg fill='%236B6B6B'%3E%3Cpath d='M8.14 15.86L6.27 14H12v5.7l-1.83-1.83-3.13 3.14L5 18.98l3.13-3.13zm0 0M17.86 10.14L19.73 12H14V6.3l1.83 1.83 3.13-3.14L21 7.02l-3.13 3.13zm0 0'/%3E%3C/g%3E%3C/svg%3E"); }

.hintWindow {
  position: absolute;
  transform: translate(7px, -100%);
  padding: 4px;
  background: white;
  border: 1px solid black;
  opacity: 0.7;
  white-space: nowrap; }

.log_button_ymaps {
  width: 26px;
  height: 26px;
  background-image: url("../img/map-buttons/logs-show.png");
  background-position: center; }

.area_button_ymaps {
  width: 26px;
  height: 26px;
  background-image: url("../img/map-buttons/calc-area-show.png");
  background-position: center; }

.ruler_button_ymaps {
  width: 26px;
  height: 26px;
  background-image: url("../img/map-buttons/calc-ruler-show.png");
  background-position: center; }

.marker {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 10px solid #006efc;
  background-color: #ffffff;
  cursor: pointer; }

.popup {
  position: relative;
  max-width: 400px;
  max-height: 300px;
  width: 400px;
  height: 300px;
  overflow: auto;
  gap: 20px;
  padding: 20px 25px;
  background: #fff;
  box-shadow: 0 0 8px 0 #0003;
  border-radius: 7px;
  border: 2px solid #000; }

.popup2 {
  position: absolute;
  margin-top: 3px;
  background-color: rgba(230, 230, 245, 0.85);
  box-shadow: 0 0 8px 0 #0003;
  border-radius: 7px;
  border: 0 solid #000; }

.popup__text {
  white-space: nowrap;
  font-weight: 400;
  font-size: 12px;
  padding-right: 3px;
  padding-left: 3px; }

.popup__close {
  outline: none;
  border: none;
  cursor: pointer;
  padding: 7px;
  background-color: #fd6466;
  border-radius: 7px;
  font-size: 16px;
  color: #fff;
  transition: background-color 0.2s; }
  .popup__close:hover {
    background-color: #fd5050; }
  .popup__close:active {
    background-color: #fd6466; }

.clusterer-change {
  padding: 10px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px; }

.clusterer-change__section {
  display: flex;
  align-items: center;
  gap: 10px; }

.clusterer-change__input__label {
  font-size: 18px; }

.clusterer-change__input {
  max-width: 75px;
  height: 100%;
  font-size: 16px;
  text-align: center;
  border: 2px solid rgba(0, 122, 252, 0.6);
  border-radius: 5px;
  outline: none;
  transition: border-color 0.2s ease; }
  .clusterer-change__input:active, .clusterer-change__input:hover {
    border-color: rgba(0, 122, 252, 0.9); }

.clusterer-change__btn {
  border: none;
  cursor: pointer;
  padding: 7px 10px;
  color: white;
  font-size: 16px;
  background-color: rgba(0, 122, 252, 0.9);
  border-radius: 10px;
  transition: background-color 0.2s; }
  .clusterer-change__btn:hover {
    background-color: #006efc; }
  .clusterer-change__btn:active {
    background-color: #007afc; }

.circle {
  position: relative;
  width: 40px;
  height: 40px;
  color: #7234c3;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  transform: translate(-50%, -50%); }

.circle_geopoint {
  position: relative;
  width: 40px;
  height: 40px;
  color: #1134c3;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  transform: translate(-50%, -50%); }

.circle_track_marker {
  position: relative;
  width: 40px;
  height: 40px;
  color: #23d2b2;
  border: 2px solid currentColor;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  transform: translate(-50%, -50%); }

.circle-content {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background-color: currentColor;
  transform: translate3d(-50%, -50%, 0); }

.circle-text {
  font-size: 0.9em;
  color: #fff; }

.popup-ymaps {
  margin-left: 15px;
  margin-top: 15px; }

.pin {
  transform: translate(-50%, -100%); }

.ymaps3x0--controls_vertical {
  margin-top: 45px; }

.ymaps3x0--map-copyrights {
  margin-right: 55px; }

.option-buttons-tracks-new {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 4px;
  margin-left: 12px;
  margin-right: 12px;
  color: #4d4d4d;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400; }
  .option-buttons-tracks-new .time1 {
    width: 100px; }
  .option-buttons-tracks-new .option-button1 {
    padding-bottom: 1px;
    cursor: pointer; }
    .option-buttons-tracks-new .option-button1:hover {
      background: #e6e6e6;
      color: #4d4d4d; }
    .option-buttons-tracks-new .option-button1.active {
      cursor: initial;
      background: #ECF3FF;
      font-weight: 550;
      color: #4185F2; }

.track_dates {
  color: #8c8c8c; }

.option-buttons2 {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 4px;
  color: #8c8c8c;
  font-size: 12px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400; }
  .option-buttons2 .time1 {
    width: 100px; }
  .option-buttons2 .option-button2 {
    padding-bottom: 1px;
    cursor: pointer; }
    .option-buttons2 .option-button2:hover {
      background: #e6e6e6;
      color: #4d4d4d; }
    .option-buttons2 .option-button2.active {
      cursor: initial;
      background: #ECF3FF;
      font-weight: 550;
      color: #4185F2; }

.unit_menu1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  height: 30px;
  flex: none;
  order: 1;
  color: #4d4d4d;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  flex-grow: 1; }
  .unit_menu1:active {
    font-weight: bold; }

.unit_menu01 {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  height: 30px;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  color: #4d4d4d;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px; }

.border1 {
  border: 1px solid #E3E3E3;
  padding-left: 7px;
  border-right: none;
  width: 318px;
  outline: none;
  width: 100%;
  margin-left: 53px; }

#unit_id_list {
  color: #172336;
  background: #fff; }

#unit_group_id_list {
  color: #4d4d4d;
  background: #fff; }

.autocomplete-tracks-new {
  max-width: 600px; }

.track1 {
  outline: none;
  box-sizing: border-box;
  padding-left: 7px;
  padding-right: 3px;
  width: 338px;
  height: 34px;
  color: #4d4d4d;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/img/tracks-new/arrow_select.svg") no-repeat scroll 97%;
  background-position: calc(100% - 2px);
  width: 100%; }
  .track1 option {
    background-color: #ffffff;
    color: gray; }

.track2 {
  width: 310px;
  color: #4d4d4d; }
  .track2 div {
    color: #4d4d4d; }

.cb_p_speed {
  border: none;
  color: #4d4d4d; }

.tracks-container-new {
  margin-top: -8px;
  margin-left: 3px; }

.track-cb-new-ann-trip {
  margin-top: -16px;
  margin-left: 13px; }

.cb_p_color {
  border: none;
  padding-bottom: 5px; }

.unit-name-tp {
  color: #4d4d4d;
  border: 1px solid #8c8c8c;
  width: 310px;
  outline: none;
  box-sizing: border-box;
  padding-left: 7px;
  padding-right: 3px;
  width: 338px;
  height: 34px; }
  .unit-name-tp .option_text {
    color: #4d4d4d; }

.track_slider {
  padding-left: 7px;
  box-sizing: border-box;
  outline: none;
  height: 34px;
  color: #4d4d4d;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 3px;
  display: inline;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url("/img/tracks-new/arrow_select.svg") no-repeat scroll 97%; }
  .track_slider input:focus {
    outline: none;
    border: none; }

.track_markers_p {
  text-align: right; }

.track_markers_p_reports {
  text-align: right;
  margin: 0 0 0 0; }

.track_markers_img {
  height: 24px;
  width: 24px; }

.text-primary_regular1 {
  margin-left: 15px;
  margin-top: 10px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #4d4d4d; }

.text-primary_regular2 {
  margin-left: 3px;
  margin-top: 10px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #4d4d4d; }

.label_props_cb {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  height: 15px;
  letter-spacing: -0.02em;
  color: #333333; }

.custom-checkbox {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: var(--base-sprite);
  flex-shrink: 0;
  background-position: -122px -2px; }
  .custom-checkbox.checked {
    background-position: -170px -2px; }
  .custom-checkbox.partial {
    background-position: -146px -2px; }
  .custom-checkbox.disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.tracks_cb {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #4d4d4d; }
  .tracks_cb label {
    margin-left: 15px;
    margin-top: 5px;
    width: 150px; }
  .tracks_cb input[type=checkbox] {
    accent-color: gray;
    height: 16px;
    width: 16px;
    margin-left: 15px; }

.tracks_w {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  width: 150px;
  margin-top: 7px;
  color: #4d4d4d; }
  .tracks_w label {
    margin-left: 16px;
    margin-top: 7px;
    width: 200px; }

.tracks_s {
  width: 250px;
  margin-left: 3px; }

.create_tracks_block_tracks_new {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.create_tracks_block_tracks_new_btn {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: none;
  max-width: 620px; }

.cb_p .container {
  margin-left: 19px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cb_p .container input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.cb_p .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px; }

.cb_p .checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.cb_p .container input:checked ~ .checkmark:after {
  display: block; }

.cb_p .container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.cb_p .color_div {
  width: 1px;
  height: 6px;
  left: 23px;
  margin-left: 17px; }

.cb_p .cp_speed1 {
  width: 100px; }

.cb_p_trips_h {
  margin-top: -30px; }
  .cb_p_trips_h .container {
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .cb_p_trips_h .container input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .cb_p_trips_h .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    width: 36px; }
  .cb_p_trips_h .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .cb_p_trips_h .container input:checked ~ .checkmark:after {
    display: block; }
  .cb_p_trips_h .container .checkmark:after {
    left: 14px;
    top: 11px;
    width: 8px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .cb_p_trips_h .color_div {
    width: 1px;
    height: 6px;
    left: 23px;
    top: 45px;
    margin-left: 17px;
    margin-top: 15px; }
  .cb_p_trips_h .cp_speed1 {
    width: 100px; }

.cb_p_trips {
  color: #4d4d4d;
  display: flex; }
  .cb_p_trips .container {
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .cb_p_trips .container input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .cb_p_trips .checkmark {
    position: absolute;
    top: 0;
    left: -10px;
    height: 14px;
    width: 14px; }
  .cb_p_trips .checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .cb_p_trips .container input:checked ~ .checkmark:after {
    display: block; }
  .cb_p_trips .container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .cb_p_trips .color_div {
    width: 1px;
    height: 6px;
    left: 23px;
    top: 45px;
    margin-left: 17px;
    margin-top: 15px; }
  .cb_p_trips .cp_speed1 {
    width: 100px; }

#global_dialog_track_player {
  color: #808080;
  background: #fff;
  border-radius: 0; }

#track-player-header2 {
  width: 100%;
  height: 54px;
  left: 0px;
  top: 0px;
  background: #F6F6F6;
  border-top: 1px solid #D9D9D9; }

.unit-name-header {
  padding: 15px;
  width: 315px; }

.mileage-header {
  width: 220px; }

.clear_all_tracks_header {
  cursor: pointer;
  margin-left: 10px; }

.track-address-new {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 290px;
  display: inline; }

.track_player_window_controls {
  margin-left: 7px; }

.wrapper_tracks1 {
  width: 600px; }

.wrapper_tracks2 {
  width: 150px; }

.wrapper_tracks3 {
  width: 120px; }

.wrapper_tracks4 {
  width: 170px; }

.no_border_tracks {
  border: none !important; }

.unit_id_list_tracks {
  width: 382px;
  width: 100%; }

.color_picker_tracks1 {
  width: 443px;
  width: 100%;
  margin-left: 53px; }

.color_picker_tracks2 {
  width: 403px;
  width: 100%; }

.color_blue_tracks {
  background-color: #0000FF; }

.color_lg_tracks {
  background-color: #4DB251; }

.color_lb2_tracks {
  background-color: #00C2DB; }

.color_lb_tracks {
  background-color: #2498F3; }

.color_purple2_tracks {
  background-color: #693BBA; }

.color_purple_tracks {
  background-color: #9F28B4; }

.color_red_tracks {
  background-color: #EA2568; }

.color_orange_tracks {
  background-color: #FF9A05; }

.color_yellow_tracks {
  background-color: #FFC20A; }

.track-player-new {
  margin-top: -15px;
  margin-left: -10px;
  overflow: hidden; }

.track-player-second-row-new {
  width: 370px;
  margin-top: -3px;
  margin-left: 4x; }

.track-player-second-row-new-slider {
  margin-left: -38px;
  margin-top: -10px; }

.track-player-second-row-new-controls {
  margin-left: -3px;
  padding-right: 5px; }

.play-speed-container-new {
  margin-left: 110px; }

.track-speed-new {
  width: 80px;
  display: inline; }

.track2-new {
  color: #fff; }

.track-player-row-new-data {
  border-right: none;
  border-left: none; }

.track-player-second-row-new-units {
  margin-top: -10px;
  margin-left: 4x; }

.track-speed-wrapper-new {
  width: 80px;
  display: inline;
  text-align: right; }

.tracks-new-green-bg-badget {
  background-color: #8aad3f; }

.tracks-new-red-bg-badget {
  background-color: #AD1D1B; }

.tracks-new-gray-bg-badget {
  background-color: gray; }

.tracks-new-green2-bg-badget {
  background-color: #ACAD2C; }

.tracks-new-orange-bg-badget {
  background-color: #AD4F22; }

.track-cb-new-ann {
  margin-left: -12px; }

.left-panel-block-horiz-new {
  border: none !important;
  float: right;
  margin-top: -15px; }

.track-table-speed-new {
  margin-left: -6px; }

.tracks_cb-horiz-new {
  width: 200px; }

.loader-box-wrapper {
  text-align: center; }

.left-panel-block-horizontal-new {
  border: none !important; }

.interval-tracks-template-new {
  display: none; }

.left-panel-block-horizontal-tracks2 {
  border: none !important;
  margin-top: -10px;
  max-width: 620px;
  width: 100%; }

.left-panel-label-big-new {
  width: 120px !important; }

.table-colors-single-new {
  border-spacing: 3px; }

.table-colors-new {
  border-spacing: 1px; }

.expand_trips_tracks {
  color: #4d4d4d;
  cursor: pointer;
  font-size: 28px;
  line-height: 28px;
  padding-right: 10px; }

.collapse_trips_tracks {
  margin-bottom: 5px;
  margin-left: 6px; }

.tracks_cb_trips {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  align-items: center;
  width: 35px;
  color: #4d4d4d; }
  .tracks_cb_trips input[type=checkbox] {
    accent-color: gray;
    height: 14px;
    width: 14px;
    margin-left: 10px; }

.track-player-subrows2_trips {
  margin-top: 15px;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  width: 100%;
  height: 55px;
  display: flex;
  flex-direction: column; }
  .track-player-subrows2_trips .track-time {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 190px;
    overflow: hidden; }

#single_color_picker {
  margin-right: 14px;
  margin-top: -8px; }

.cb_col_track_trips {
  width: 55px; }
  .cb_col_track_trips .container {
    margin-left: 40px; }

.cb_col_track_time_int {
  width: 200px; }

.track-player-subrows2_trips {
  margin-left: 24px; }

.cb_col_track_mileage {
  width: 70px;
  margin-left: 30px; }

.tracks_new_markers_section {
  max-width: 628px; }

.ymaps3_ruler_point {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border: 2px solid #171b26;
  border-radius: 50%;
  background-color: #fefefe;
  transform: translate(-50%, -50%); }

.ymaps3_ruler_balloon {
  position: absolute;
  z-index: 10;
  padding: 4px;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 8px;
  background-color: #fefefe;
  box-shadow: 0 2px 4px 0 rgba(95, 105, 131, 0.2), 0 0 2px 0 rgba(95, 105, 131, 0.08);
  transform: translate(-50%, calc(-100% - 5px)); }

.ymaps3_ruler_hide {
  display: none; }

.ymaps3_ruler_button {
  display: inline-block;
  margin: 0;
  padding: 4px 5px;
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  color: #333;
  border-width: 0;
  border-radius: 8px;
  background-color: rgba(51, 51, 51, 0.05);
  transition: all 200ms;
  touch-action: manipulation; }

.ymaps3_ruler_preview-point {
  position: absolute;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  cursor: pointer;
  opacity: 0.6;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #666;
  transform: translate(-50%, -50%); }

.ymaps3_ruler_info {
  display: inline-block;
  padding: 8px;
  font-size: 12px; }

.ymaps3_ruler_info_hidden {
  display: none; }