/*
Apolo Sistemas - Inspection File Manager
*/

root { 
  display: block;
}

a { color: #22297a; text-decoration: none; }
a:visited { color: #22297a; }

a.arquivo_nome_download { text-decoration: underline; }

body { 
    font-family: Arial; 
    font-size: 10pt; 
    background-color: white; 
    margin-top: 0px; 
    background-image: url('imagens/fundo_degrade.png');
    background-repeat: repeat-x;
    background-position: left top;
}

img {
    border-style: none;
}

/* Classes */

.botao {
    color: black;
    background-color: yellow;
    border-style: outset;
    border-width: 1px;
    border-color: black;
    border-radius: 5px;
    width: 9em;
    height: 2.1em;
    padding-top: 0.7em;
    text-align: center;
    vertical-align: middle;    
}

.centralizado {    
    text-align: center;
}

div.centralizado {
    margin-left: auto;
    margin-right: auto;
}

.conteudo { margin-left: auto;  margin-right: auto;  width: 1280px; background-color: white; margin-top: 0; }
.conteudo_central { 
	padding: 10px; 
	border-top-style: solid; 
	border-top-width: 1px; 
	border-top-color: silver; 
}

fieldset.filtro {
    background-color: #eeeeee;
}

.formulario { border-style: solid; border-width: 1px; border-color: #666; border-collapse: collapse; }
.formulario td { border-style: solid; border-width: 1px; border-color: #666; padding: 3px; }
.formulario td.titulo { text-align: right; padding-right: 10px; }

.paginador {
    margin-top: 2em;
    width: 100%;
    text-align: center;
}

.paginador td {
    width: 33%;
    font-size: 1.2em;
}

.paginador td a {
    text-decoration: underline;
}

.paginador td.anterior {
     background-image: url('imagens/fundo_botao.png');
     background-repeat: no-repeat;
     background-position: center;
     width: 33%;
     height: 50px;
     font-size: 1em;
}

.paginador td.anterior a {
    color: black;
    text-decoration: none;
    display: block;
    width: 100px;
    height: 30px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.paginador td.proxima {
     background-image: url('imagens/fundo_botao.png');
     background-repeat: no-repeat;
     background-position: center;
     width: 33%;
     height: 50px;
     font-size: 1em;
}

.paginador td.proxima a {
    color: black;
    text-decoration: none;
    display: block;
    width: 100px;
    height: 30px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
}


.tab_1 { border-collapse: collapse; width: 400px; }
.tab_1 td, th { border-style: solid; border-width: 1px; border-color: #eeeeee; padding: 3px; font-size: 9pt; text-align: center; }
.tab_1 td.pasta_icone { 
    /*
    background-image: url('imagens/pasta_icone.png'); 
    background-repeat: no-repeat; 
    background-position: center; 
    width: 70px; 
    height: 40px; 
    */
    text-align: center;
}
.tab_1 td.contagem { width: 70px; }
.tab_1 td.id { width: 70px; text-align: center; }
.tab_1 td.enviado { width: 100px; text-align: center; }
.tab_1 td.nome { width: 300px; }

.tab_2 { border-collapse: collapse; width: 100%; }
.tab_2 td { border-style: solid; border-width: 1px; border-color: #eeeeee; padding: 3px; font-size: 9pt; }
.tab_2 td.arquivo_icone { background-image: url('imagens/arquivo_icone.png'); background-repeat: no-repeat; background-position: center; width: 50px; height: 40px;}
.tab_2 td.data_arquivo { text-align: center; }
.tab_2 td.dispositivo { text-align: center; }
.tab_2 td.download { text-align:  center; }
.tab_2 td.id { text-align: center; }
.tab_2 td.enviado { text-align: center; }
.tab_2 td.frota { text-align: center; }
.tab_2 td.nome { text-align: center; }
.tab_2 th.observacao { text-align: center; }
.tab_2 td.observacao { text-align: justify; font-size: 8pt; }
.tab_2 td.pressao { text-align: center; }
.tab_2 td.serial { text-align: center; }
.tab_2 td.sulco { text-align: center; }
.tab_2 td.tipo { text-align: center; }
.tab_2 td.versao { text-align: center; }

.tab_3 { width: 100%; border-collapse: collapse; }
.tab_3 a { font-family: Arial, sans-serif; font-size: 11pt; color: black; text-decoration: none; }

.tab_3 td.login { width: 50%; vertical-align: top; }
.tab_3 td.cadastro { width: 50%; text-align: center; vertical-align: middle; }
.tab_3 td.cadastro div { width: 100%; height: 70px; background-image: url('imagens/fundo_cadastro_novo.png'); background-repeat: no-repeat; background-position: center center; padding-top: 50px; }

.tab_4 { border-collapse: collapse; width: 400px; }
.tab_4 td { border-style: solid; border-width: 1px; border-color: #eeeeee; }
.tab_4 th { text-align: center; }

.tab_5 { width: 100%; border-collapse: collapse; }
.tab_5 td { border-style: solid; border-width: 1px; border-color: #eeeeee; padding: 3px; font-size: 9pt; }
.tab_5 td.email { text-align: left; }
.tab_5 td.id, td.licencas { text-align: center; }
.tab_5 td.link_arquivos { text-align: center; }
.tab_5 td.link_editar_usuario { text-align: center; }
.tab_5 th { border-style: solid; border-width: 1px; border-color: black; padding: 3px; font-size: 9pt; background-color: #ddd; }
.tab_5 th.email, th.nome, th.confirmado { text-align: left; }

.tab_botoes { width: 140px; }

.tab_menu { width: 100%; background-color: gray; color: white; border-collapse: collapse; }
.tab_menu td { text-align: center; border-style: solid; border-width: 1px; }

.texto_1 { font-size: 12pt; }
.texto_2 { font-size: 11pt; }
.texto_3 { font-size: 11pt; color: #666; }

/* Ids */

#divLogo { 
    width: 100%; 
    height: 140px; 
    color: white; 
    background-color: #000033; 
}

#divMenuHome { color: white; width: 80px; height: 30px; padding-top: 10px; }
#divMenuHome.selecionado { color: black; background-color: lightblue; }

#divMenuLogout { color: white; width: 80px; height: 30px; padding-top: 10px; }
#divMenuLogout.selecionado { color: black; background-color: lightblue; }

#divMenuPerfil { color: white; width: 80px; height: 30px; padding-top: 10px; }
#divMenuPerfil.selecionado { color: black; background-color: lightblue; }

#divMenuRevisao { 
    width: 99%; 
    text-align: right; 
    font-size: 8pt; 
    
}

#divMenuUpload { color: white; width: 80px; height: 30px; padding-top: 10px; }
#divMenuUpload.selecionado { color: black; background-color: lightblue; }

#divMenuUsuarios { color: white; width: 80px; height: 30px; padding-top: 10px; }
#divMenuUsuarios.selecionado { color: black; background-color: lightblue; }

#divMenuEstatistica { color: white; width: 100px; height: 30px; padding-top: 10px; }
#divMenuEstatistica.selecionado { color: black; background-color: lightblue; }

#divRodape { 
    width: 100%; 
    height: 30px; 
    color: white; 
    background-color: gray; 
    text-align: center; 
    font-size: 10pt; 
    padding-top: 8px; 
}

#filtroDataInicial, #filtroDataFinal, #ui-datepicker-div {
    font-size: 9pt;
}

td.select {
	text-align: center;
}