/* topdoc
name: Tabela zebrada (coloque o mouse sobre as linhas para ver o efeito)
markup:
  <table class="tabelaZebra">
    <thead>
      <tr>
        <th>Nome</th>
        <th>Sobrenome</th>
        <th>Idade</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Nome 1</td>
        <td>Sobrenome 1</td>
        <td>50</td>
      </tr>
      <tr>
        <td>Nome 2</td>
        <td>Sobrenome 2</td>
        <td>94</td>
      </tr>
      <tr>
        <td>Nome 3</td>
        <td>Sobrenome 3</td>
        <td>15</td>
      </tr>
    </tbody>
  </table> 
    
 */

.tabelaZebra {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.tabelaZebra thead,
.tabelaZebra th {
    background-color: #d5d5d5;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #fff;
    text-align: center;
}

.tabelaZebra th:last-child {
  border-right: none;
}

.tabelaZebra thead th,
.tabelaZebra tbody tr td {
    border-right: 1px solid #ccc;
    padding: 2px 8px;
}

.tabelaZebra thead th a,
.tabelaZebra tbody tr td a {
  font-weight: normal;
}

.tabelaZebra tbody tr {
    background-color: white;
    border-bottom: 1px solid #ccc;
}

.tabelaZebra tbody tr:nth-child(2n+1) {
    background-color: #eee;
}

.tabelaZebra tbody tr:hover {
    background-color: #ddd;
}

/*
    <table class="tabelaZebra">
        <thead>
            <tr>
                <th>Nome</th>
                <th>Sobrenome</th>
                <th>Idade</th>
            </tr>
        </thead>
        <tbody>
            <tr>
              <td>Nome 1</td>
              <td>Sobrenome 1</td>
              <td class="centralizado">50</td>
            </tr>
            <tr>
              <td>Nome 2</td>
              <td>Sobrenome 2</td>
              <td class="centralizado">94</td>
            </tr>
            <tr>
              <td>Nome 3</td>
              <td>Sobrenome 3</td>
              <td class="centralizado">15</td>
            </tr>
        </tbody>
    </table> 

    Campo centralizado
 */


.centralizado {
    text-align: center;
}


table.formulario {
    margin: auto;
}

table.formulario th,
table th.obrigatorio {
    text-align: right;
}

.datepick-month th, .datepick-month td {
    border: none;
}

table th {
  padding: 3px;
  vertical-align: middle;
}

table {

}

.tabelaFormulario {

}

.tabelaFormulario td:nth-child(2) {
  text-align: left;
  padding-left: 10px;
}

table td.metaDados {
  display: none;
}

.cursorMao {
  cursor: pointer;
}

.linhaSelecionada {
  background-color: rgb(180, 209, 241) !important;
}

.colunaComLink,
.colunaComLink:hover {
  cursor: pointer;
}

table.tabelaComum {
  border-spacing: 0;
  border-collapse: collapse;
}

table.tabelaComum tr {
  margin: 0;
  padding: 0;
}

table.tabelaComum th,
table.tabelaComum td {
  border: 1px solid black;
}