/* Definicoes de estilos blobais */

body { background-color : #F4F4F4;
       margin-left : 0;
       margin-top : 0;
       margin-right : 0;
       margin-bottom : 0;
       text-align: center; }

a:link { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
         font-size: 14px;
         color: #000000; }
a:visited { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
            font-size: 14px;
            color : #000000; }
a:hover { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
          font-size: 14px;
          color : #FF0000; }

a.Alerta { text-align: center;
             font-weight: bold;
             font-size: 30px;
             font-family: 'Times New Roman', 'Serif';
             margin-bottom: 5px;
             margin-top: 5px; }

img { border:0px;
      margin:0px; }

div.Alerta { text-align: center;
             font-weight: bold;
             font-size: 30px;
             font-family: 'Times New Roman', 'Serif';
             margin-bottom: 5px;
             margin-top: 5px; }

div.Aviso { text-align: center;
          font-weight: bold;
          font-size: 20px; }
			
             
div.emLinha { display: inline-table;
              margin-left: 5px;
              margin-right: 5px; }

div.center { text-align: center;
             margin-bottom: 5px;
             margin-top: 5px;
             font-family: 'Times New Roman', 'Serif'; }

div.direita { float: right; }

div.botao { border-top: 1px solid #F5C050;
            border-left: 1px solid #F5C050;
            border-bottom: 2px solid #000000;
            border-right: 2px solid #000000;
            margin-bottom: 2px;
            width: 95px;
            font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
            background-color: #D6D3CE;
            color: #000000;
            text-align: center; }
div.botao:hover { background-color: #FFFFFF; }

div.mostraInfo { position: fixed;
                 text-align: left;
                 top:50;
                 left: 200;
                 border: 1px solid #000000;
                 margin: 2px;
                 padding: 15px;
                 visibility: hidden;
                 background-color: #CCCCCC }

div.mostraInfo table { border-collapse: collapse; }

div.mostraInfo td { border-bottom: 1px solid #000000; }
div.mostraInfo td.Red { background-color: #CC0000; }





/* Definicoes de estilos para listas */

.Tabela { border-top: 1px solid #F5C050;
          border-left: 1px solid #F5C050;
          border-bottom: 2px solid #000000;
          border-right: 2px solid #000000;
          background-color: #D6D3CE;
          border-collapse: collapse;
          margin-right:auto;
          margin-left:auto; }
          
.Tabela tr { border-bottom: 1px solid #FFFFFF; }
.Tabela tr:hover { background-color: #FFFFFF; }

.Tabela th { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
             color: #000000;
             font-size: 14px;
             background-image : url('imagens/fundo.gif');
             text-align: center; }

.Tabela tr.red { color: #FFFFFF;
                 background-color: #770000; }
.Tabela td.red { color: #FFFFFF;
                 background-color: #770000; }
.Tabela td.green { color: #FFFFFF;
                 background-color: #007700; }
/* .Tabela tr.red:hover { background-color: #FFFFFF; } */

.Tabela tr.green { color: #FFFFFF;
                   background-color: #007700; }
/* .Tabela tr.green:hover { background-color: #FFFFFF; } */

.Tabela tr.gray { color: #FFFFFF;
                  background-color: #333333; }
/* .Tabela tr.gray:hover { background-color: #FFFFFF; } */

.Tabela tr.black { color: #777777;
                   background-color: #010101; }
/* .Tabela tr.black:hover { background-color: #FFFFFF; } */

.Tabela tr.yellow { color: #000000;
                   background-color: #DDDD00; }
/* .Tabela tr.green:hover { background-color: #FFFFFF; } */
.Tabela tr.noBorder { border: none; }

.Tabela td { text-align: center;
             font-family: 'Arial', 'Times New Roman', 'Serif';
             font-size: 14px;
             border-bottom: 1px solid #FFFFFF; }

.Tabela td.num { text-align: right; }
.Tabela td.descLeft { text-align: left; }



/* Definicoes de estilos para listas LISTA SASSMAQ */

.TabelaSassMaq { border-top: 1px solid #F5C050;
          border-left: 1px solid #F5C050;
          border-bottom: 2px solid #000000;
          border-right: 2px solid #000000;
          background-color: #D6D3CE;
          border-collapse: collapse;
          margin-right:auto;
          margin-left:auto; 
          letter-spacing: -1;
          font-size: 10px;
          }
          

.TabelaSassMaq th { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial';
             color: #000000;
             font-size: 14px;
             background-image : url('imagens/fundo.gif');
             text-align: center; }

.TabelaSassMaq tr.red { color: #FFFFFF;
                 background-color: #770000; }
.TabelaSassMaq td.red { color: #FFFFFF;
                 background-color: #770000; }

.TabelaSassMaq tr.green { color: #FFFFFF;
                   background-color: #007700; }

.TabelaSassMaq tr.gray { color: #FFFFFF;
                  background-color: #333333; }

.TabelaSassMaq tr.black { color: #777777;
                   background-color: #010101; }

.TabelaSassMaq tr.yellow { color: #000000;
                   background-color: #DDDD00; }
.TabelaSassMaq tr.noBorder { border: none; }

.TabelaSassMaq td { text-align: center;
             font-family: 'Arial', 'Times New Roman', 'Serif';
             font-size: 12px;
             border-bottom: 1px solid #FFFFFF; }

.TabelaSassMaq td.num { text-align: right; }
.TabelaSassMaq td.descLeft { text-align: left; }
.TabelaSassMaq td.minimo { font-size: 10px; }

/* Final de estilos lista SASSMAQ */

/* Definifies de estilos para formularios */

.Form table { border-top: 1px solid #F5C050;
              border-left: 1px solid #F5C050;
              border-bottom: 2px solid #000000;
              border-right: 2px solid #000000;
              background-color: #D6D3CE;
              border-collapse: collapse;
              margin-right: auto;
              margin-left: auto; }

.Form table.Basica { border-top: 0px solid #000000;
                     border-left: 0px solid #000000;
                     border-bottom: 0px solid #000000;
                     border-right: 0px solid #000000;
                     background-color: #D6D3CE;
                     border-collapse: collapse;
                     margin-right: auto;
                     margin-left: auto; }


.Form table th { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                 color: #000000;
                 font-size: 14px;
                 font-weight: bold;
                 background-image : url('imagens/fundo.gif');
                 text-align: center; }

.Form table td.Item { border-bottom: 1px solid #E9E9E9;
                      border-right: 1px solid #FFFFFF;
                      font-family: 'Verdana', 'Times New Roman', 'Arial', 'Serif';
                      font-size: 14px; }

.Form table td.num { text-align: right; }

.Form table td.BigRed { text-align: center;
                       background-color: #F40000;
                       font-size: 20px; }

.Form table td.BigGreen { text-align: center;
                       background-color: #00F400;
                       font-size: 20px; }

.Form table td.BigBlue { text-align: center;
                       background-color: #3366FF;
                       font-size: 20px; }

.Form input[type=text] { background-color: #FFFFFF; }
.Form input[type=text]:focus { background-color: #FBFB00; }

.Form input[type=password] { background-color: #FFFFFF; }
.Form input[type=password]:focus { background-color: #FBFB00; }


.Form textarea { background-color: #FFFFFF; }
.Form textarea:focus { background-color: #FBFB00; }

.Form select { background-color: #FFFFFF; }
.Form select:focus { background-color: #FBFB00; }

.Form input[type=button] { border-top: 1px solid #F5C050;
                           border-left: 1px solid #F5C050;
                           border-bottom: 2px solid #000000;
                           border-right: 2px solid #000000;
                           font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                           background-color: #D6D3CE;
                           color: #000000;
                           text-align: center; }
.Form input[type=button]:hover { background-color: #FFFFFF; }

.Form input[type=submit] { border-top: 1px solid #F5C050;
                           border-left: 1px solid #F5C050;
                           border-bottom: 2px solid #000000;
                           border-right: 2px solid #000000;
                           font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                           background-color: #D6D3CE;
                           color: #000000;
                           text-align: center; }
.Form input[type=submit]:hover { background-color: #FFFFFF; }

.Form input[type=reset] { border-top: 1px solid #F5C050;
                          border-left: 1px solid #F5C050;
                          border-bottom: 2px solid #000000;
                          border-right: 2px solid #000000;
                          font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                          background-color: #D6D3CE;
                          color: #000000;
                          text-align: center; }
.Form input[type=reset]:hover { background-color: #FFFFFF; }

.Form input[type=read] { border: 0;
                         color: #000000;
                         font-family: 'Arial', 'Times New Roman', 'Serif';
                         font-size: 14px;
                         background-color: #D6D3CE; }

.Form input.Mostrar { border: 0;
                      color: #000000;
                      font-family: 'Arial, Times New Roman', 'Serif';
                      font-size: 14px;
                      background-color: #D6D3CE; }
.Form input.Mostrar:focus { border: 0;
                            color: #000000;
                            font-family: 'Arial, Times New Roman', 'Serif';
                            font-size: 14px;
                            background-color: #D6D3CE; }
.Form input.readOnly { background-color: #CDCDCD; }
.Form input.readOnly:focus { background-color: #CDCDCD; }


.Form div.centro { float: left;
                   width: 64% }

.Form div.direita { float: right; }

.Form div.esquerda { float: left;
                     width: 20% }


.Form div.botao { border-top: 1px solid #F5C050;
                  border-left: 1px solid #F5C050;
                  border-bottom: 2px solid #000000;
                  border-right: 2px solid #000000;
                  margin-bottom: 2px;
                  width: 95px;
                  font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                  background-color: #D6D3CE;
                  color: #000000;
                  text-align: center; }
.Form div.botao:hover { background-color: #FFFFFF; }

.Form div.minimo { font-size: 12px;
                   text-align: right; }

.Form div.pequeno { font-size: 8px;
                    display: inline; }

.Form a:link { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
               font-size: 14px;
              color: #000000; }
.Form a:visited { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                  font-size: 14px;
                  color : #000000; }
.Form a:hover { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                font-size: 14px;
                color : #FF0000; }



/* Definifies de estilos para tela de visualizacao */


.Tela table { border-top: 1px solid #F5C050;
              border-left: 1px solid #F5C050;
              border-bottom: 2px solid #000000;
              border-right: 2px solid #000000;
              background-color: #D6D3CE;
              border-collapse: collapse;
              margin-right:auto;
              margin-left:auto; }

.Tela table td.Item { border-bottom: 1px solid #E9E9E9;
                      border-right: 1px solid #FFFFFF;
                      font-family: 'Verdana', 'Times New Roman', 'Arial', 'Serif';
                      font-size: 14px; }

.Tela table.Lista tr { border-bottom: 1px solid #FFFFFF; }
.Tela table.Lista tr:hover { background-color: #FFFFFF; }

.Tela table.Lista td { font-size: 14px; }

.Tela table.Lista th { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                       color: #000000;
                       font-size: 14px;
                       font-weight: bold;
                       background-image : url('imagens/fundo.gif');
                       text-align: center; }
.Tela table th { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                 color: #000000;
                 font-size: 14px;
                 font-weight: bold;
                 background-image : url('imagens/fundo.gif');
                 text-align: center; }

.Tela div { text-align: center;
            margin-bottom: 10px;
            margin-top: 10px; }

.Tela div.minimo { font-size: 12px;
                   text-align: right; }


/* Moldura */

.Oculto  { position: absolute;
         visibility: hidden; 
          
          }

.Oculto table {
  border-top: 1px solid #F5C050;
  border-left: 1px solid #F5C050;
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  background-color: #D6D3CE;
  border-collapse: collapse;
  margin-right:auto;
  margin-left:auto;
}

.Moldura {  background-image : url('imagens/moldura.gif');
           background-repeat : no-repeat;
           font-family: Comic Sans MS, Lucida Sans, Arial, 'Serif';
           font-size: 16px;
           color: #000066;
          
           text-align: center; }
           


/* Definifies de estilos para paginacao */

.Paginacao { border-top: 1px solid #F5C050;
             border-left: 1px solid #F5C050;
             border-bottom: 2px solid #000000;
             border-right: 2px solid #000000;
             background-color: #D6D3CE;
             margin: 20px;
             padding: 5px; }

.Paginacao li { display: inline;
                padding: 4px; }
.Paginacao li:hover { background-color: #FFFFFF; }

.Paginacao a { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
               font-size: 14px;
               color: #000000; }
.Paginacao a:visited { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                       font-size: 14px;
                       color: #000000; }
.Paginacao a:hover { font-family: 'Comic Sans MS', 'Lucida Sans', 'Arial', 'Serif';
                     font-size: 14px;
                     color: #FF0000; }
                     

/*  Estilo Grafico Jornada  */

.graficoTabela { margin: 0 auto;

                 margin-bottom: 20px;
                 border: solid 1px #C0C0C0; }
.graficoData   { font-size: 14px;
                 border-bottom: solid 1px #C0C0C0;
                 text-align: left;
                 font-weight: bold; }
.graficoBarraPreenchidoGreen { line-height: 9px;
                               background-color: #94B84D; }
.graficoBarraPreenchidoRed  { line-height: 9px;
                               background-color: #FF0000; }
.graficoBarraVazio      { line-height: 9px; }
/* Fim Estilo Grafico */


/* Auto Complete */
.rowAutoComplete {
   padding-top: 3px;
   padding-bottom: 3px;
   cursor: pointer;
   
}

.rowAutoCompleteSelected  {
   background: #C0C0C0;
   padding-top: 3px;
   padding-bottom: 3px;
   cursor: pointer;
}
/* Fim Auto Complete */



/* TESTES */

.Tabela2 { display: table;
           margin-left: auto;
           margin-right: auto; }

.Tabela2 ul { background-color: #D6D3CE;
              margin: 0px;
              display: table-row; }
              
.Tabela2 ul:hover { background-color: #FFFFFF; }

.Tabela2 li { display: table-cell;
              border-bottom: 1px solid #FFFFFF;  }


.veiculoAngelLira{
	width:24%;
	height: 230px;
	background-color: #87eec2;
	margin: 1% 0 0 1%;
	float: left;
	box-sizing: border-box;
	border-radius: 5px;
}

.placaAngelLira{
	position:relative;
}

.placaAngelLira p{
	color: #73879C;
	font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.65857;
	text-align: left;
	margin:0 0 0 1%;
	float: left;
}

.iconAngelLira{
	float: right;
	position: relative;
	margin: 1% 1.5% 0 0px;
	color:#73879C;
}

.infoAngelLira{
	position:relative;
	text-align: left;
	margin:0 0 0 1%;
	font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
}

.infoAngelLira h3{
	color: #BAB8B8;
	padding: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
}

.infoAngelLira h4{
	color: #BAB8B8;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
}

.infoAngelLira p{
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.471;
	color: #73879C;
}

.infoAngelLira button{
	border-radius: 5px;
	width: 100%;
	height: 30px;
	background-color: #73879C;
	border-color: #73879C;
	color: white;
	font-weight: bold;
}

.divOverlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 100;
	opacity: 0.3;
}

.divIconOverlay{
	display: flex;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFFFFF;
}



.Rodape { position: absolute;
          bottom: 0;
          left: 0;
          background-color: #D6D3CE;
          border-top: 1px solid #F5C050;
          width: 100%;
          text-align: center; }