
  /*CSS equipamentos_list.php*/

  #btn_ferramentas {
    background-color: blue;
    text-align: center;
    color: white;
  }

  #modal-historico {
    position:fixed;
    /*z-index:999; */
    left:0.1px; 
    top:10%;
    overflow:scroll; /*alterado para o historico do cliente ter barra de rolagem*/
    padding:6px;
  }

  #offline {
    color: red;
    font-weight: bolder;
  }

  #online {
    color: green;
    font-weight: bolder;
  }

  #rastreados {
    color: orangered;
    font-weight: bolder;
  }

  #atualizacao {
    color: white;
    font-weight: bolder;
  }

  #hrs_temp {
    color: white;
    border-radius: 10px;
  }

  #apelido_ {
    text-transform: uppercase;
    color: white;
  }

  #barra_pesquisa {
    position:fixed;
    /*z-index:999; */
    left:0.1px; 
    top:10%;
    overflow:hidden;
    padding:6px;
  }

  #barra_atualizacao {
    position:relative; 
    top:-6%;
    left:50%;
    transform: translate(-50%, -50%);
  }

  #pesquisa {
    background-color: white;
    color: #000000;
    font-weight: bolder;
  }

  #btn_buscar {
    background-color: #000000;
    color: white;
  }

  #btn_buscar:hover {
    background-color: #FF0000;
    color: white;
   }

   #btn_atualizar {
    background-color: #000000;
    color: white;
   }

   #btn_atualizar:hover {
    background-color: #FF0000;
    color: white;
   }

  #grid_equipamentos {
     background-color: #000000;
	  color: white;
  }

  #tableEquip {
	background-color: #4F4F4F;
	color: white;
  font-weight: bolder;
  }

  #placa {
	color: yellow;
	font-weight: bolder;
  text-transform: uppercase;
  }

 /*modal_alertas.php*/
 #msg_violada {
  background-color: blue;
  color: white;
  font-weight: bolder;
 }

 #tp_alerta {
  color: red;
  font-weight: bolder;
 }

  /*equipamentos.php*/
  #mapa_box {
    position:fixed;
    /*z-index:999; */
	  width: 102%;
    right:1px; 
	  left: -3px;
    top:44px;
    overflow:scroll;
  }

  #equipamento_list {
    /*z-index:999; */
    left:1.5%; 
    top:86%;
    overflow:hidden;
  }

  #ol {
    text-align: left;
  }

  #btn_fechal_cerca {
    color: red;
    font-size: 30px;
  }

  #btn_fechar {
    font-size: 30px;
    color: white;
  }

  #modal_titulo_cerca {
    background-color: blue;
    color: white;
  }

  #corpo_cerca_virtual {
    background-color: white;
  }

  #mapa_box {
    height: 95%;
  }

  #iCliente {
		color: blue;
    text-transform: capitalize;
	}
  
  #iEmail {
		color: blue;
	}
  
  #iCPF {
		color: blue;
	}

	#imodelo_rastreador {
		color: blue;
	}

  #iApelido {
		color: red;
		font-weight: bolder;
	}

	#dialog_box {
		border: 3px solid black;
    position:fixed;
    /*z-index:999; */
    left:0.1px; 
    top:30em;
    overflow:hidden;
    padding:6px;
	}

  #dialog_box_new_alert {
		border: 3px solid black;
    position:fixed;
    /*z-index:999; */
    left:0.1px; 
    top:30em;
    overflow:hidden;
    padding:6px;
	}

  #iPlaca {
    text-transform: uppercase;
  }

  /*CSS usuarios.php*/
  #form {
      /*z-index:999; */
	    /*width: 102%;*/
	    left: 4%;
      top:5px;
      overflow:scroll;
    }

  #_form {
    /*z-index:999; */
	  width: 102%;
    left: 0%;
    top:3px;
    overflow:scroll;
    background-color: blue;
  }

  #tbl {
    text-align: left;
    color: white;
    background-color: #000000;
    border-radius: 7px;
    width: 100%;
}

#tbl_clientes {
    text-align: left;
    background-color: #363636;
}
#tbl_clientes:hover {
    color: 000000;
    background-color: #1f9463;
}

#list_cliente {
    color: white;
}

#form_1 {
  width: 150px;
}

/*usuarios_form*/
 #fieldset_fom {
  background-color: #C0C0C0;
 }

 #fieldset_fom_master {
  background-color: blue;
 }

 #id_identifica {
  color: white;
 }

 #login {
    background-color: red;
    color: white;
    font-weight: bolder;
 }

 #senha {
    background-color: red;
    color: white;
    font-weight: bolder;
 }

/*CSS nova_index.php*/
#home_alerta {
    color: yellow;
}
  
   #home_sair {
    color: #FF0000;
    font-size: 18px;
}

#tableAlerta {
  color: white;
  background-color: blue;
  font-weight: bolder;
}
  
/*CSS mapa.php*/
   #bodyContent {
    color: blue;
    text-transform: uppercase;
   }

   #cx_dados {
    text-transform: capitalize;
    color: green;
   }

/*CSS alertas.php*/
#alerta_disparado {
    color: black;
}

#consulta_alertas:hover {
   background-color:#4F4F4F;
   color: black;
}


/*index.php*/
#cx_box {
 background-color: blue;
}

#h1_form {
  font-weight: bolder;
  font-size: 50px;
  color: white;
}

#h5_form {
  font-weight: bolder;
  font-size: 25px;
  color: white;
}

#btn_logar {
  background-color: green;
  font-weight: bolder;
}

#h5_version {
  color: white;
  text-align: right;
}

/*preferencia_rastreadores.php*/

#btnRetirar {
  background-color: red;
  font-weight: bolder;
}

#btnSalvar {
  background-color: green;
  font-weight: bolder;
}

#form_rastreador_cad {
  background-color: blue;
  margin-left: 1%;
  margin-right: 5%;
  width: 100%;
}

#lbl_cad_rastreador {
  color: white;
  font-size: 20px;
}

#rastreadoresCadastrados {
  width: 85%;
  margin-left: 8%;
  margin-right: 3%;
}

#rastreador {
  width: 85%;
  margin-left: 8%;
  margin-right: 3%;
}

/*default.php*/

#btn_historico_periodo {
  background-color: red;
}

#table_velocimetro {
  color: red;
  text-align: center;
  font-weight: bolder;
}

#grid_velocimetro {
  text-align: center;
}

#cercas {
  font-size: 11px;
  color: black;
  background-color: #A9A9A9;
  font-weight: bolder;
  text-align: left;
  margin: 0 0 0 10px;
}

#cercas:hover {
  color: red;
  font-weight: bolder;
  background-color: yellow;
}

#img_ignicao {
  margin-left: 0%;
}

#login_grupo {
  color: red;
  font-weight: bolder;
}

#green {
  background-color: green;
  color: black;
}

#orange {
  background-color: orange;
  color: black;
}

#Khaki {
  background-color: Khaki;
  color: black;
}

#Lavender {
  background-color: Lavender;
  color: black;
}

#Thistle {
  background-color: Thistle;
  color: black;
}

#PowderBlue {
  background-color: PowderBlue;
  color: black;
}

#PapayaWhip {
  background-color: PapayaWhip;
  color: black;
}

#Cornsilk {
  background-color: Cornsilk;
  color: black;
}

#AliceBlue {
  background-color: AliceBlue;
  color: black;
}

#Tomato {
  background-color: Tomato;
  color: black;
}

#LightPink {
  background-color: LightPink;
  color: black;
}

#BurlyWood {
  background-color: BurlyWood;
  color: black;
}

#Peru {
  background-color: Peru;
  color: black;
}

#DarkKhaki {
  background-color: DarkKhaki;
  color: black;
}

#Goldenrod {
  background-color: Goldenrod;
  color: black;
}

#YellowGreen {
  background-color: YellowGreen;
  color: black;
}

#LightSteelBlue {
  background-color: LightSteelBlue;
  color: black;
}

#Gainsboro {
  background-color: Gainsboro;
  color: black;
}

#DarkGray {
  background-color: DarkGray;
  color: black;
}

#PaleGreen {
  background-color: PaleGreen;
  color: black;
}

#RosyBrown {
  background-color: RosyBrown;
  color: black;
}

#SandyBrown {
  background-color: SandyBrown;
  color: black;
}

#Coral {
  background-color: Coral;
  color: black;
}

#apelidoveiculo {
  color: red;
  font-weight: bolder;
}

#comandos_bloqueio {
  color: red;
  font-weight: bolder;
}

#select_comando {
  color: white;
  background-color: black;
  font-weight: bolder;
}

#menu_def {
  background-color: blue; /*cor do menu do cliente*/
  padding: 1px !important;/*largura da barra do menu*/   
}

#btn_button {
  background-color: black;
}

#btn_button:hover {
  background-color: red;
}

#btn_menu {
  color: white;
  font-weight: bolder;
}

#btn_alertas {
  color: yellow;
}

#btn_sub_menu {
  color: black;
}

#btn_sub:hover {
  background-color: blue;
}

#sb_menu_cliente {
  background-color: #D3D3D3;
  color: black;
}

#sair_sistema {
  color: red;
  font-weight: bolder;
}

#btn_config {
  background-color: black;
}

#cerca_virtual {
  background-color: blue;
  color: white;
  font-weight: bolder;
  text-align: center;
}

#btn_cerca_virtual {
  background-color: #FF8C00;
  color: white;
}

#salvarCerca {
  background-color: green;
  color: white;
}

#apagarPontos {
  background-color: red;
  color: white;
}

#nomeCerca {
  text-transform: capitalize;
  color: red;
  font-weight: bolder;
}

#gerenciar_grupos {
  background-color: blue;
  color: white;
  font-weight: bolder;
  text-align: center;
}

#btn_cancelar_grupo {
  background-color: #FF8C00;
  color: white;
}

#btn_novogrupo {
  background-color: green;
}

#meus_dados_cadastral{
  background-color: blue;
  color: white;
  text-align: center;
}

#btn_meus_dados_cadastral {
  background-color: #FF8C00;
  color: white;
}

#altera_senha {
  background-color: blue;
  color: white;
  text-align: center;
}

#altera_senhabtn {
  background-color: blue;
  color: white;
  text-align: center;
}

#btn_alterasenha {
  background-color: #FF8C00;
  color: white;
}

#btn_alterasenhasave {
  background-color: green;
  color: white;
}

#h4_grupo {
  background-color: blue;
  color: white;
  text-align: center;
  font-weight: bolder;
}

#historico_periodo {
  background-color: blue;
  color: white;
  font-weight: bolder;
}

#btn_cancelar_historico {
  background-color: red;
  color: white;
}

/*menu_veiculos.php*/
#grupo_veiculos {
  background-color: #4F4F4F;
  color: white;
}

#select_veiculos {
  text-transform: uppercase;
}

/*manual_configuracao.php*/
#info_ip {
  background-color: #0000FF;
  color: white;
}

#h2_configuracao {
  color: red;
  font-weight: bolder;
}

#h2_ip {
  color: white;
  font-weight: bolder;
}

#manual_configuracao_b {
  font-size: 13px;
}

#teste_bnt {
  background-color: #A9A9A9;
  width: 100%;
}

#modelo_rastreador {
  font-weight: bolder;
}

/*listagem_historico_novo.php*/
#tbl_list_historico {
  background-color: red;
  color: white;
  text-align: left;
}