#ajaxload
{
  background-image: url("/layout/ajaxloader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#lang-nav
{
  float: right;
  margin: 16px 40px;
}

#lang-nav a
{
  margin-right: 10px;
}

.lang-nav-active
{
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  border-radius: 4px;
  margin-right: 10px;
}

.pright { float: right !important; }
.pleft { float: left !important; margin-left: 20px; }

.inline_labels { display: inline; margin-left: 20px; margin-right: 10px; }

.larger-control-groups { margin-top: 20px; }
.larger-control-groups .control-label { width: 260px; }
.larger-control-groups .controls { margin-left: 280px; }
.larger-control-groups > .control-group > small { margin-left: 280px; color: green; }
.larger-control-groups > .control-group > .controls > small { margin-left: 10px; color: green; }
.larger-control-groups > .control-group > .controls > label { line-height: 24px; }

.balanced-control-groups { margin-top: 20px; overflow: hidden; }
.balanced-control-groups .control-label { width: 200px; }
.balanced-control-groups .controls { margin-left: 220px; }
.balanced-control-groups > .control-group > small { margin-left: 220px; color: green; }
.balanced-control-groups > .control-group > .controls > small { margin-left: 10px; color: green; }
.balanced-control-groups > .control-group > .controls > label { line-height: 24px; }

.modal-control-groups .control-label { margin: 20px 0px; font-weight: bold; }
.modal-control-groups .control-group { margin-left: 24px; }
.modal-control-groups .control-group input[type="text"] { margin-bottom: 0px; }
.modal-control-groups .control-group > small { color: green; }

.table-large-padding td { vertical-align: middle; font-size: 14px; padding: 20px; }
.table-small-padding td { vertical-align: middle; font-size: 12px; padding: 4px; }
.table-peeked td { vertical-align: middle; font-size: 14px; padding: 8px; }
.table-peeked td:nth-of-type(1) { text-align: right; }
.table-peeked td:nth-of-type(2), .table-peeked td:nth-of-type(3) { min-width: 40px; text-align: center; }
.table-peeked tr:nth-of-type(3) { height: 50px; }
.table-vehicles img { width: 40px; height: 40px; border-radius: 6px; }
.table-vehicles table td { border: none; padding: 0px 0px 0px 20px; font-weight: bold; }
.table-vehicles > tbody > tr > td { padding: 16px; vertical-align: middle; }
.table-markers > tbody > tr > td { padding: 4px 14px; text-align: center; }

.vlabel { border: 1px solid #A0A0A0; border-radius: 4px; background-color: #F8F8F8; color: #505050; padding: 2px; }
.vrow { cursor: pointer; }
.vrow:hover td { background-color: #E0E0FF; }
.vrow_inactive td { color: #A0A0A0; }
.vrow_strikeoff td:not(:last-of-type) { text-decoration: line-through; }
.vrow_fatalcell { background-color: #FF7070; color: #4D4D4D !important; }
.vrow_warningcell { background-color: #FFFF70; color: #4D4D4D !important; }
.vrow_okcell { background-color: #70FF70; color: #4D4D4D !important; }

.vcrc { width: 16px; height: 16px; border-radius: 9px; background-color: #707070; border: 1px solid #606060; margin: auto; }
.vcrc_yellow  { background-color: #FFFF00; }
.vcrc_green  { background-color: #00FF00; }
.vcrc_blue  { background-color: #00CCFF; }
.vonline { margin-left: 4px; color: #00C000; font-weight: bold; display: inline; }

.dpicker { width: 74px; }
.tpicker { width: 58px; }

.on_map_obj { position: fixed; z-index:10; border: 1px solid #E6E6E6; background-color: #FFFFFF; box-shadow: 10px 10px 30px 0px rgba(0,0,0,1); }
.on_map_logo { width: 320px; height: 60px; border-radius: 10px; background-image: url('/Media/Image/logo.png'); }
.on_map_refresh_counter { width: 220px; padding-left: 10px; height: 32px; line-height: 32px; border-radius: 10px; color: red; }
.on_map_refresh_option { width: 100px; padding-left: 10px; height: 32px; line-height: 32px; border-radius: 10px; }
.on_map_refresh_option > input { margin-top: -2px; }
.on_map_map_type { width: 160px; padding-left: 10px; height: 32px; line-height: 32px; border-radius: 10px; }
.on_map_logout { height: 32px; }
.on_map_logout > a { padding-left: 10px; padding-right: 10px; line-height: 32px; display: block; }
.on_map_zglass_input { height: 48px; display: none; }
.on_map_zglass_input > div { background-color: #ccc; text-align: center; }
.on_map_trackers_caption { height: 32px; padding-right: 12px; }
.on_map_trackers_caption th { padding: 6px 0px; }
.on_map_trackers { height: 140px; overflow-y: scroll; }
.on_map_menuitem { width: 70px; height: 52px; text-align: center; padding-top: 8px; background-color: #808080; }
.on_map_menuitem [data-icon]:before { font-size: 24px; }
.on_map_menuitem > a > p { height: 20px; line-height: 10px; display: table-cell; vertical-align: middle; }
.on_map_tooltip { opacity: 0.8; border-radius: 8px; position: relative; padding: 4px; background-color: #D0D0D0; z-index: 20; }
.on_map_tooltip > div { border-radius: 8px; border: 1px solid #909090; padding: 10px; }
.on_map_tooltip > div > p { color: #101010; font-weight: bold; text-align: center; margin: 2px; white-space: nowrap; }
.on_map_tooltip > div > hr { border-color: #909090; margin: 8px; }
.on_map_tooltip > div > table { width: 80%; margin: auto; }
.on_map_tooltip > div > table td { color: #101010; }
.on_map_stoptip { opacity: 0.8; border-radius: 8px; position: relative; padding: 4px; background-color: #D0D0D0; z-index: 20; }
.on_map_stoptip > div { border-radius: 8px; border: 1px solid #909090; padding: 10px; }
.on_map_stoptip > div > p { color: #101010; font-weight: bold; text-align: center; margin: 2px; white-space: nowrap; }
.on_map_stoptip > div > hr { border-color: #909090; margin: 8px; }
.on_map_stoptip > div > table { width: 80%; margin: auto; }
.on_map_stoptip > div > table td { color: #101010; }
.on_map_locating_timeleft { width: 280px; padding-left: 10px; height: 32px; line-height: 32px; border-radius: 10px; color: red; }
.on_map_veye { display: none; border: 4px solid #888; border-radius: 12px; bottom: 230px; right: 17px; width: 300px; height: 500px; background-color: #ddd; }
.on_map_veye > div { margin: auto; }
.on_map_veye_caption { width: 300px; height: 96px; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #888; text-align: center; }
.on_map_veye_caption > div { border: 1px solid black; width: 11px; font-weight: bold; height: 12px; line-height: 12px; margin: 10px 278px; position: fixed; cursor: pointer; }
.on_map_veye_caption > p:nth-of-type(1) { font-weight: bold; margin-top: 20px; font-size: 14px; }
.on_map_veye_caption > p:nth-of-type(2) { margin: -14px 0px 0px 0px; font-size: 10px; }
.on_map_veye_button { width: 100px; float: left; cursor: pointer; }
.on_map_veye_button > div { background-color: #eee; border-radius: 5px; height: 20px; font-weight: bold; text-align: center; margin: 2px; }
.on_map_veye_button_active { background-color: #fff !important; }
.on_map_veye_data { clear: both; width: 300px; height: 300px; text-align: center; border-top: 1px solid #888; padding-top: 8px; }
.on_map_veye_data > table { margin: auto; }
.on_map_veye_data > table tr > td { font-weight: bold; padding: 1px 14px; text-align: left; }
.on_map_veye_data img { vertical-align: sub; }
.on_map_veye_data_table50 td:nth-of-type(1) { width: 145px; }
.on_map_veye_data_table50 td:nth-of-type(2) { width: 145px; }
.on_map_veye_data_table60 td:nth-of-type(1) { width: 174px; }
.on_map_veye_data_table60 td:nth-of-type(2) { width: 116px; }
.on_map_veye_data_table70 td:nth-of-type(1) { width: 203px; }
.on_map_veye_data_table70 td:nth-of-type(2) { width: 87px; }
.on_map_veye_data_table80 td:nth-of-type(1) { width: 232px; }
.on_map_veye_data_table80 td:nth-of-type(2) { width: 58px; }
.on_map_veye_geofences { display: block; margin: 7px !important; }
.on_map_veye_geofences tr > td { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px !important; }
.on_map_veye_geofences tr td:nth-of-type(2) { width: 120px; max-width: 120px; font-size: 13px; }
.on_map_veye_geofences tr td:nth-of-type(4) { width: 76px; max-width: 76px; font-size: 13px; text-align: right; }
.on_map_veye_remote_icons table { width: 100%; margin: 7px 0px; line-height: 10px; }
.on_map_veye_remote_icons td { padding: 0px 2px !important; text-align: center !important; width: 25%; }
.on_map_veye_remote_icons tr:nth-of-type(1) td { width: 25%; }
.on_map_veye_remote_icons tr:nth-of-type(2) td { width: 33%; }
.on_map_veye_remote_icons tr:nth-of-type(3) td { width: 50%; }
.on_map_veye_remote_icons img { width: 50px; height: 50px; }
.on_map_veye_remote_connect_button
{
  width: 200px;
  height: 30px;
  padding-left: 20px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  border-radius: 8px;
  border: 1px solid #CCCCCC;
}
.on_map_veye_remote_connect_button_online
{
  background: url('/layout/remote_connect_online.png') no-repeat;
  background-position: right;
  background-size: 34px;
  background-color: #EEEEEE;
  padding-left: 24px;
  cursor: not-allowed;
}
.on_map_veye_remote_connect_button_connecting
{
  background: url('/layout/remote_connect_online.png') no-repeat;
  background-position: right;
  background-size: 34px;
  background-color: #EEEEEE;
  padding-left: 36px;
  cursor: not-allowed;
}
.on_map_veye_remote_connect_button_offline
{
  background: url('/layout/remote_connect_offline.png') no-repeat;
  background-position: right;
  background-size: 34px;
  background-color: #EEEEEE;
}
.on_map_veye_remote_connect_button_offline:active
{
  border: 1px solid #EEEEEE;
}

.row_info { font-size: 20px; }
.row_info > td { padding-left: 120px; background: url('/layout/stop.png') no-repeat 70px 4px; line-height: 24px; }
.row_info_1 { background-color: #D0FFD0; }
.row_info_2 { background-color: #D0D0FF; }
.row_info_3 { background-color: #FFD0D0; }

.rigid { color: #A0A0A0; font-size: 14px; font-weight: bold; border: 1px solid #E6E6E6; padding: 4px; background: #F0F0F0; margin-left: 0px !important; }
.checkmark { color: green; font-size: 24px; font-weight: bold; margin-top: 4px; margin-left: 8px !important; }
.infospan-normal { color: #000; font-size: 14px; font-weight: bold; padding: 4px; margin: 3px 0px !important; }
.infospan-green { color: #0a0; font-size: 14px; font-weight: bold; padding: 4px; margin: 3px 0px !important; }
.infospan-red { color: #f00; font-size: 14px; font-weight: bold; padding: 4px; margin: 3px 0px !important; }

.copyable { padding: 4px; border-radius: 5px; }
.copyable:hover { background-color: #4cf; color: #fff; cursor: copy; }

.health_block { border: 1px solid #ccc; border-radius: 4px; float: left; padding: 4px; margin: 12px; box-shadow: 10px 10px 10px #aaaaaa; }
.health_block > div:nth-of-type(1) { height: 20px; border-radius: 4px; padding: 6px; font-size: 14px; text-align: center; }
.health_block > div:nth-of-type(2) { height: 20px; padding: 8px; font-size: 14px; font-weight: bold; text-align: center; }
.health_ok > div:nth-of-type(1) { background-color: #0a0; color: #fff; }
.health_danger > div:nth-of-type(1) { background-color: #c00; color: #fff; }
.health_acceptable > div:nth-of-type(1) { background-color: #aa0; color: #fff; }

.monitoring-table { table-layout: fixed; }
.monitoring-table td, .monitoring-table th { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 6px 0px; text-align: center; }
.monitoring-table td:nth-of-type(2), .monitoring-table td:nth-of-type(3), .monitoring-table td:nth-of-type(5) { text-align: left; }
.monitoring-table td:nth-of-type(1),  .monitoring-table th:nth-of-type(1) { width: 2%; }
.monitoring-table td:nth-of-type(2),  .monitoring-table th:nth-of-type(2) { width: 12%; }
.monitoring-table td:nth-of-type(3),  .monitoring-table th:nth-of-type(3) { width: 6%; }
.monitoring-table td:nth-of-type(4),  .monitoring-table th:nth-of-type(4) { width: 10%; }
.monitoring-table td:nth-of-type(5),  .monitoring-table th:nth-of-type(5) { width: 22%; }
.monitoring-table td:nth-of-type(6),  .monitoring-table th:nth-of-type(6) { width: 11%; }
.monitoring-table td:nth-of-type(7),  .monitoring-table th:nth-of-type(7) { width: 6%; }
.monitoring-table td:nth-of-type(8),  .monitoring-table th:nth-of-type(8) { width: 9%; }
.monitoring-table td:nth-of-type(9),  .monitoring-table th:nth-of-type(9) { width: 6%; }
.monitoring-table td:nth-of-type(10), .monitoring-table th:nth-of-type(10) { width: 6%; }
.monitoring-table td:nth-of-type(11), .monitoring-table th:nth-of-type(11) { width: 6%; }
.monitoring-table td:nth-of-type(12), .monitoring-table th:nth-of-type(12) { width: 4%; }

.quick-messages > div > a { display: solid; width: 190px; }
.quick-messages > div > a > span { margin-right: 10px; }

.larger-font-body { font-size: 16px; text-align: center; }
.largest-font-body { font-size: 24px; font-weight: bold; margin-left: 35%; }

.report-placeholder { width: 1200px; text-align: center; font-size: 16px; margin: auto }

.signin_banner_1, .signin_banner_2, .signin_banner_3, .signin_banner_4 { position: absolute; left: 0px; top: 0px; opacity: 0; box-shadow: 10px 10px 10px black; }

.warning-info-table { width: 100%; }
.warning-info-table td, .warning-info-table th { padding: 10px; text-align: center; }

.help-box { margin-left: 280px; margin-bottom: 20px; padding: 10px; border: 1px solid #f0f0f0; background-color: #f8f8f8; text-align: left; line-height: 28px; }

.dropdown-selected { background-color: #dfd !important; }
.dropdown-missing { background-color: #fdd !important; }
.dropdown-wrapper { position: relative; display: none; }
.dropdown-wrapped
{
  position: absolute;
  top: 8px;
  width: 310px;
  max-height: 400px;
  overflow-y: scroll;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 5px 5px 15px 0px rgba(100,100,100,1);
}
.dropdown-wrapped > div { font-size: 13px; line-height: 13px; padding: 6px; cursor: pointer; background-color: #fff; }
.dropdown-wrapped > div:hover { background-color: #eee; }

.route_slider_wrapper { display: inline-grid; margin: 0px 20px -10px 0px; }
.route_slider_left_title { float: left; }
.route_slider_middle { width: 40px; float: left; }
.route_slider_right_title { float: left; }

.phoneflag
{
  background-image: url('/layout/img/flags/pl.png');
  background-repeat: no-repeat;
  padding: 7px 0px 2px 38px !important;
  background-position: 2px -2px;
  text-overflow: ellipsis;
}

.smsinfo { font-size: 16px; margin-left: 32px; }