/* CSS Document */

body {background-color:transparent; padding: 0; margin: 0;font-size: 17px; font-family: Arial , "Arial"; width: 100%;}
input, button, select {padding: 10px; margin: 0; font-size: 18px;}
table, caption, tbody, tfoot, thead, tr, td, th{margin: 0;padding: 0;width: auto;height: auto;font-family: Arial , "Arial";}
table{border-collapse: collapse; border-spacing: 0; }
#listaDeVeiculos_01 .lv:hover , input:hover, button:hover,  select:hover , textarea:hover{box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px, rgba(0, 0, 0, 0.12) 0px -10px 12px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 10px 10px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.hover {box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px, rgba(0, 0, 0, 0.12) 0px -10px 12px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 10px 10px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}

.centralizarDiv {display: -moz-box;	-moz-box-pack: center;	-moz-box-align: center;	/* Safari and hrome */	display: -webkit-box;	-webkit-box-pack: center;	-webkit-box-align: center;	/* W3C */	box-pack: center;	box-align: center;	margin-left: auto;	margin-right: auto;	display: flex;	flex-direction: row;	flex-wrap: wrap;	justify-content: center;}

#alertas {padding: 0; margin: 0; width: 100%; z-index: 90; position: fixed; top: 50px; }
#alertas #alertas_01{ box-shadow: 0 0 10px #e0e; position: relative; width: 90%; max-width: 600px; padding: 15px; border: 5px solid red; border-radius: 5px; background-color: white;}
/*#img_alerta_01{ position: absolute ; right: 5px; top: 5px; border-radius: 17px; height: 35px; width: 35px; background-color: red; }*/
.img_alerta_01{ z-index: 95; position: absolute ; right: 5px; top: 5px; border-radius: 17px; height: 35px; width: 35px; background-color: red; }
.img_alerta_01:hover{background-color: darkred;}
.screnHeight {overflow: scroll; margin-top: 20px;}
.alerta_manutencao_onTime{ background-color: green; }
.alerta_manutencao_offTime{ background-color: red; }
.alerta_manutencao_onTime, .alerta_manutencao_offTime{ margin-right: 3px; color: #fff; border:none ; border-radius: 50%; padding: 5%; margin: 0; font-size: 60% }
.vs_select_grafico{ padding: 5px; margin: 3px; background-color: #fff; color: #303; font-size: 12px;border: 1px solid violet; border-radius: 5px;}
.vs_select_grafico input { padding: 5px; }

#div_Aguarde { position: fixed; margin:0;padding:0;z-index:100; width: 99%; height: 100%; }
#div_Aguarde img { width:200px;border-radius:100px;margin-top: 15%; }
.div_AguardeComOpacidade{ opacity: 0.3; }

.newFormulario{ max-width: 700px;}
#fm table tr{ border-bottom: 1px solid white; }
#fm button, #novoVeiculo button{ margin: 7px; }
.tdNome{max-width: 40%;color: blueviolet;}
.tdValor{max-width: 60%;}
.tdValor input, .tdValor select, .tdValor textarea {width: 90%; color: rgb(100,100,100);padding: 5px; border: 1px solid #ddd; margin: 8px;}
#halfScreen{position: fixed; bottom: 0px; width: 100%; z-index: 95; background-color: #eee;  display: none; }
#halfScreen .btSair {position: absolute ; right: 5px; top: 5px; border-radius: 17px; height: 35px; width: 35px; background-color: red;}
#halfScreen_02{ padding: 20px; }
.zebra_1{ background-color: #f2ccff}
.zebra_2{ background-color: #eee}
#btnsFlutuantes{ position: fixed; top: 8%; right: 4%; background-color: transparent;  text-align: center;}
#btnsFlutuantes p{ padding: 0px; margin: 0px;}
#btnsFlutuantes p button{ width: 40px;height: 40px; padding: 5px; margin: 10px; background-color: white; margin: 0px;border-radius: 50%;color: green;}
#btnsFlutuantes p button img{ width: 25px;width: 25px; }
.imgDelete{ border-radius: 50%; height: 25px; width: 25px; background-color: red; margin-left: 20px; }

@media screen and (max-width : 755px){
    

}