a {
    text-decoration: none;
}

.serviceMessageRed { color: red; }
.serviceMessageGreen { color: green; }

.links {
    margin-left: 10px;
}

.iconWH, .icon_exit, .icon_exit_mobile {
    width: 17px;
    height: 17px;
}

.icon_exit  { background-image:url("icons/exit_16.png"); }

.icon_exit_mobile  { 
    margin-top: -5px;
    margin-left: -5px;
    background-image:url("icons/exit_16.png")  ;
}

.icon_role, .icon_user, .icon_add, .icon_edit, .icon_delete, .icon_red_state,
.icon_yellow_state, .icon_green_state, .icon_dislocPoint, .icon_true, .icon_false,
.icon_track, .icon_print, .icon_hide, .icon_show, .icon_car, .icon_pedestrian, .icon_message
.icon_clear, .icon_targetD, .icon_targetE, .icon_usermessage, .icon_sendmessage,
.icon_select, .icon_connect, .icon_delSelect, .icon_refresh, .icon_myoffice,
.icon_gray_state, .icon_pay, .icon_help, .icon_calculate, .fire_object, .sec_object, .icon_coins
.icon_sound_on, .icon_sound_off, .icon_sound_on_off, .icon_power_problem {
    width: 16px;
    height: 16px;
}

.icon_coins { background-image:url("icons/coins.png");}
.fire_object { background-image:url("icons/FireSecObj.png");}
.sec_object { background-image:url("icons/SecObj.png");}
.icon_targetD { background-image:url("icons/targetDisable.png"); }
.icon_targetE { background-image:url("icons/targetEnable.png"); }
.icon_role { background-image:url("icons/role.png"); }
.icon_user { background-image:url("icons/user.png"); }
.icon_add { background-image: url("icons/add.png"); }
.icon_edit { background-image:url("icons/edit.png"); }
.icon_delete { background-image:url("icons/delete.png"); }
.icon_reset { background-image:url("icons/reset.png"); }
.icon_save { background-image:url("icons/save.gif"); }
.icon_useradd {background-image:url("icons/user_add.gif");}
.icon_search {background-image:url("icons/search.png")  !important; }
.icon_settings {background-image:url("icons/setting.png")  !important; }
.icon_map {background-image:url("icons/map_16.png")  !important; }
.icon_cancel {background-image:url("icons/cancel_16.png")  !important; }
.icon_tools {background-image:url("icons/tools.png")  !important; }
.icon_report {background-image:url("icons/report.png")  !important; }
.icon_secpanel {background-image:url("icons/sec_panel.png")  !important; }
.icon_dictionary {background-image:url("icons/dict.png")  !important; }
.none_icon {background-image:url("")  !important;}
.icon_red_state { background-image:url("icons/red_state.png")  !important; }
.icon_yellow_state { background-image:url("icons/yellow_state.png")  !important; }
.icon_green_state { background-image:url("icons/green_state.png")  !important; }
.icon_gray_state { background-image:url("icons/grey_state.png")  !important; }
.icon_engineON {cursor: default;background-image:url("icons/Engine_ON.png")  !important;}
.icon_engineOFF {cursor: default;background-image:url("icons/Engine_OFF.png")  !important;}
.icon_dislocPoint { background-image:url("icons/disloc_point_16.png")  !important; }
.icon_true { background-image:url("icons/true.png")  !important; }
.icon_false { background-image:url("icons/false.png")  !important; }
.icon_track { cursor: pointer; background-image:url("icons/track.png")  !important; }
.icon_layers {background-image:url("icons/layers_16.png")  !important;}
.icon_routes {background-image:url("icons/route.png")  !important;}
.icon_cancel_button {background-image:url("icons/cancel.png")  !important;}
.icon_print { background-image:url("icons/print_small.png")  !important; }
.icon_hide { background-image: url("icons/hide.png") !important; }
.icon_show { background-image: url("icons/show.png") !important; }
.icon_car { background-image: url("icons/car.png") !important; }
.icon_pedestrian { background-image: url("icons/pedestrian.png") !important; }
.icon_message { background-image: url("icons/message.png") !important; }
.icon_clear { background-image: url("icons/cross.png") !important; }
.icon_usermessage { background-image: url("icons/usermessage.png") !important; }
.icon_sendmessage { background-image: url("icons/send_message.png") !important; }
.icon_select { background-image: url("icons/select.png") !important; }
.icon_connect { background-image: url("icons/connect.png") !important; }
.icon_delSelect { background-image: url("icons/delSelect.png") !important; }
.icon_refresh { background-image: url("icons/refresh.png") !important; }
.icon_myoffice { background-image: url("icons/office.png") !important; }
.icon_pay { background-image: url("icons/pay.png") !important; }
.icon_help { background-image: url("icons/help.png") !important; }
.icon_calculate { background-image: url("icons/calculate.png") !important; }
.icon_sound_on {background-image: url("icons/sound_on.png") !important;}
.icon_sound_off {background-image: url("icons/sound_off.png") !important;}
.icon_sound_on_off{background-image: url("icons/sound_on_off.png") !important;}
.icon_power_problem {
    background-image: url("icons/power_problem.png") !important;
}
.ya{color:#F00;}.go1{color:#174cf2;}.go2{color:#ef4a2c;}.go3{color:#ffb816;}.go4{color:#08ab21; }


.icon_targetDMobile, .icon_targetEMobile, .icon_hideMobile, .icon_showMobile {
    margin-left: -10px;
    margin-top: -7px;
    width: 16px; 
    height: 16px;
}
.icon_targetDMobile { background-image:url("icons/targetDisable.png"); }
.icon_targetEMobile { background-image:url("icons/targetEnable.png"); }
.icon_hideMobile { background-image: url("icons/hide.png") !important; }
.icon_showMobile { background-image: url("icons/show.png") !important; }

.spanObj 
{  
  min-width:100%; 
  position: absolute;
  bottom: 0px; 
  background: #DDF;
  text-align: center;
  border: 1px solid #555;
  color: #000;
  font: 10px/14px Tahoma, Geneva, sans-serif;   
  left: 0px; 
  border-radius:3px; 
  box-shadow:0px 0px 2px #888; 
}
.spanTrackPoint
{  
  width:110px;  
  background: #DDF;  
  filter:alpha(opacity=70);
  -khtml-opacity:0.7;
  -moz-opacity:0.70;
  opacity:0.70;
  text-align: center;
  border: 1px solid #555;
  color: #000;
  font: 10px/14px Tahoma, Geneva, sans-serif;   
  border-radius:3px; 
  box-shadow:0px 0px 2px #888; 
}
.divObj { position: relative; width: 20px; top: -20px; left: -10px; cursor:pointer; margin-top: 50%; margin-left: -50%; }
.imgObj { display: block; margin-top:50%; }
.objStyle { width:55px; height:42px; position: absolute; z-index: 1; left: -19px; top: -37px; cursor:pointer;  }
.spanAlarmObj { position: relative; z-index: 2; left: -17px; top: -35px; cursor:pointer; font-size:11px;} 
.spanAlarmMoveObj { position: relative; z-index: 2; left: -15px; top: -36px; cursor:pointer; }
.loader { margin: 0px 0px 1em; position:absolute;  display:none;  z-index:auto;  height:50px; }           
.trackPoint { position: absolute; width:25px; height:25px; cursor:pointer;top: -27px; left: -2px;}        
.totalRecordStyle > td { background:lightgrey !important; }
.recordGreenStyle > td { color:#08ab21 !important; }
.recordRedStyle > td { color:#ff0000 !important; }
.departuteOnAlarmStyle > td { background:lightcoral !important; }

.connectionState {
    margin-top:4px;
    margin-left:4px;
    width:8px;
    height: 8px; 
    background: mediumseagreen;
}

.iconRouteDir, .iconRouteDirLeft, .iconRouteDirSlightLeft, .iconRouteDirHardLeft, .iconRouteDirRight,
.iconRouteDirSlightRight, .iconRouteDirHardRight, .iconRouteDirBack, .iconRouteDirEnterRoundabout,
.iconRouteDirLeaveRoundabout, .iconRouteDirMerge, .iconRouteDirBoardFerry, .iconRouteDirNone {  
  width: 21px;
  height: 19px;
  background: url("icons/RouteDirection.png") no-repeat;
  display: inline-block;
}

.iconRouteDirLeft { background-position: 4px -0px; }
.iconRouteDirSlightLeft { background-position: 4px -22px; }
.iconRouteDirHardLeft { background-position: 4px -44px; }
.iconRouteDirRight { background-position: 4px -176px; }
.iconRouteDirSlightRight { background-position: 4px -198px; }
.iconRouteDirHardRight { background-position: 4px -220px; }
.iconRouteDirNone { background-position: 4px -746px; }
.iconRouteDirBack { background-position: 4px -506px; }
.iconRouteDirEnterRoundabout { background-position: 0 -724px;  }
.iconRouteDirLeaveRoundabout { background-position: 4px -352px; }
.iconRouteDirMerge { background-position: 4px -264px; }
.iconRouteDirBoardFerry { background-position: 4px -572px; }
.iconRouteText { margin-left: 20px; }

.mainMap {
    position:absolute;
    height:100%;
    width:100%;
}

.iconRu {
    background-image: url("icons/ru_flag.jpg") !important;
    margin-top: -5px;
    margin-left: -5px;
}

.iconEn {
    background-image: url("icons/en_flag.jpg") !important;
    margin-top: -5px;
    margin-left: -5px;
}

.nestedListItemIcon {
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
}

.qr_img {    
    width: 180px; 
    height: 180px;
    left: 50%;
    top: 100%;
    position: absolute;    
    margin-top: -180px;
    margin-left: -90px;
}

.qr_dive {    
    width: 20px; 
    height: 20px;
    opacity: 0;
    left: 100%;
    top: 100%;
    position: absolute;    
    margin-top: -65px;
    margin-left: -70px;
    cursor: pointer;
}

.logo_corner {    
    width: 243px; 
    height: 257px;
    left: 100%;
    top: 100%;
    position: absolute;    
    margin-top: -257px;
    margin-left: -243px;
}

.logo_corner_l {    
    width: 543px; 
    height: 402px;
    left: 0px;
    top: 0px;
    position: absolute;    
}

.logo_corner_l_b {    
    width: 509px; 
    height: 374px;
    left: 0px;
    top: 100%;
    position: absolute;
    margin-top: -374px;
}

.logo_corner_c_t {    
    width: 567px; 
    height: 104px;
    left: 50%;
    top: 0;
    position: absolute;
    margin-left: -268px;    
}

.logo_corner_r_t {    
    width: 434px; 
    height: 378px;
    left: 100%;
    top: 0;
    position: absolute;
    margin-left: -434px;
}

.logo_corner_c_b {    
    width: 530px; 
    height: 81px;
    left: 50%;
    top: 100%;
    position: absolute;
    margin-left: -265px;
    margin-top: -81px;
}

.logo_corner_r {    
    width: 269px; 
    height: 367px;
    left: 100%;
    top: 0px;
    position: absolute;
    margin-left: -269px;
}

.printFrame {
    position: absolute;                                                                                                            
    top: 0px; 
    left: 0px; 
    width: 0px; 
    height: 0px; 
    border: 0px; 
    overflow: hidden; 
    z-index: -1
}

.galleria-box {
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin-left: -400px;
     margin-top: -250px;
}

.x-livesearch-match {
    background-color: yellow;
}

.hidden_row {
    display: none;
}

.b_line_foot {   
    width: 50%;
    padding-top: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    min-width: 75em;
    min-height: 3em;
    z-index: 99;
}

.b_line_foot_link {
    padding: 5px;
    margin-left: 10px;
}

.linearBg1 {
  /* fallback */
  background-color: #dfe9f6;
  background-repeat: repeat-y;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, left top, right top, from(#dfe9f6), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #dfe9f6, transparent);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #dfe9f6, transparent);

  /* IE 10 */
  background: -ms-linear-gradient(left, #dfe9f6, transparent);

  /* Opera 11.10+ */
  background: -o-linear-gradient(left, #dfe9f6, transparent);
}



/*  MAP CONTROLS  */
.gmap-control-container {
    margin: 5px;    
}
.gmap-control {
    cursor: pointer;
    background-color: -moz-linear-gradient(center top , #FEFEFE, #F3F3F3);
    background-color: #FEFEFE;
    border: 1px solid #A9BBDF;
    border-radius: 2px;
    padding: 0 6px;
    line-height: 160%;
    font-size: 12px;
    font-family: Arial,sans-serif;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    float: left;
    margin-left: 5px;
}
.gmap-control:hover {
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.gmap-control-active {
    background-color: -moz-linear-gradient(center top , #6D8ACC, #7B98D9);
    background-color: #6D8ACC;
    color: #fff;
    font-weight: bold;
    border: 4px solid #678AC7;
}

.gmap-control.secound-map {
    background: white url("./icons/secondmap.png") center center no-repeat;
    width: 30px;
    height: 30px;
}

.gmap-control.route {
    background: white url("./icons/route.png") center center no-repeat;
    width: 30px;
    height: 30px;
}

/*
    Marker helpers
*/

.circleBase {
    border-radius: 50%;
    position:absolute;
}
.marker_circle {
    left:50%; 
    margin-left: -5px;
    width: 10px;
    height: 10px;
    border:1px solid #000;
}

/*
    Polygon menu
*/

.menuBtn {
    margin-top: 7px;
    border:1px solid darkgray;
    background: #f3f3f3;
    margin-left: -7px;
    padding: 5px 0px;
    width: 130px;
}

.polyMenu {    
    padding: 3px 10px;    
    font-size:13px;    
}

.polyMenu:hover {
    background: lavender;
}

.my-cluster {
    border-radius: 50%;
    border: 3px solid white;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    background: rgba(0, 150, 255, 0.85);
    color: #fff;
}