body{
    font-family: Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 20px;
    color: darkslategray;
    line-height: normal;

    max-width: 1000px;
    margin: 0 auto;
}

a {
    color: #555;
}

input[type=submit], input[type=button]{
    margin: 0px !important;
    font-size: 100% !important;
    font-weight: bold;
    border: none;
    height: 35px;
}

input:required:invalid {
    border: 2px solid #FF3636 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Classes para links, botoes etc */

.subtrair::before{
    content: url(/olimpiadageografia/imagens/subtrair.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/subtrair.png);
    background-repeat: no-repeat;
}

.adicionar::before{
    content: url(/olimpiadageografia/imagens/adicionar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/adicionar.png);
    background-repeat: no-repeat;
}

.avancar::after{
    content: url(/olimpiadageografia/imagens/avancar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/avancar.png);
    background-repeat: no-repeat;
}

.voltar::before{
    content: url(/olimpiadageografia/imagens/voltar.png);
}

.pesquisar::before{
    content: url(/olimpiadageografia/imagens/pesquisar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/pesquisar.png);
    background-repeat: no-repeat;
}

.confirmar::before{
    content: url(/olimpiadageografia/imagens/confirmar.png);
}
input.confirmar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/confirmar.png);
    background-repeat: no-repeat;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    background-color: #01DF74;
}

.cancelar::before{
    content: url(/olimpiadageografia/imagens/cancelar.png);
}
input.cancelar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/cancelar.png);
    background-repeat: no-repeat;
    color: red;
    color: white;
    border-radius: 20px;
    cursor: pointer;
    background-color: #FA5858;
}
.editar::before{
    content: url(/olimpiadageografia/imagens/editar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/editar.png);
    background-repeat: no-repeat;
}

.excluir::before{
    content: url(/olimpiadageografia/imagens/excluir.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/excluir.png);
    background-repeat: no-repeat;
}

.aprovar::before{
    content: url(/olimpiadageografia/imagens/aprovar.png);
}
input.aprovar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/aprovar.png);
    background-repeat: no-repeat;
    color: green;
}

.sair::before{
    content: url(/olimpiadageografia/imagens/sair.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/sair.png);
    background-repeat: no-repeat;
}

.visualizar::before{
    content: url(/olimpiadageografia/imagens/visualizar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/visualizar.png);
    background-repeat: no-repeat;
    border-radius: 20px;
    cursor: pointer;
    color: white;
    background-color: #01DF74;
}

.atualizar::before{
    content: url(/olimpiadageografia/imagens/atualizar.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/atualizar.png);
    background-repeat: no-repeat;
}

.bloquear::before{
    content: url(/olimpiadageografia/imagens/bloquear.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/bloquear.png);
    background-repeat: no-repeat;
}

.desbloquear::before{
    content: url(/olimpiadageografia/imagens/desbloquear.png);
}
input.pesquisar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/desbloquear.png);
    background-repeat: no-repeat;
    border-radius: 20px;
    cursor: pointer;
    background-color: #2E9AFE;
}

.clicar::before{
    content: url(/olimpiadageografia/imagens/clicar.png);
}
input.clicar{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/clicar.png);
    background-repeat: no-repeat;
}

.cartao::before{
    content: url(/olimpiadageografia/imagens/cartao.png);
}
input.cartao{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/cartao.png);
    background-repeat: no-repeat;
}

.usuario::before{
    content: url(/olimpiadageografia/imagens/usuario.png);
}
input.usuario{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/usuario.png);
    background-repeat: no-repeat;
}

.imprimir::before{
    content: url(/olimpiadageografia/imagens/imagem.png);
}
input.imprimir{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/imagem.png);
    background-repeat: no-repeat;
    color: green;
}

.pdf::before{
    content: url(/olimpiadageografia/imagens/imagem.png);
}
input.pdf{
    padding-left: 24px;
    background: url(/olimpiadageografia/imagens/imagem.png);
    background-repeat: no-repeat;
    color: green;
}



/* CLASSES COMUNS*/

.linhasemquebra {
    white-space: nowrap;
}


/* MENSAGENS*/
div.erro{
    background-color: pink;
    color: red;
    text-align: center;
}

div.mensagem{
    background-color: lightcyan;
    color: blue;
    text-align: center;
}

div.mensagemalerta{
    background-color: beige;
    color: orangered;
    text-align: center;
}

div.mensagemsucesso{
    background-color:lightgreen;
    color: green;
    text-align: center;
}


/* TABELA PARA FORMULARIOS */
table.formulario{
    align: center;
}
table.formulario th{
    text-align: right;
}
table.formulario th, td{
    padding: 5px;
}

/* TABELAS PARA DADOS */
.tabelaDados {
    border: 1px solid #bbb;
    border-collapse: collapse;
}

.tabelaDados thead,
.tabelaDados th {
    background-color: #ddd;
    border: 1px solid #ccc;
}

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

.tabelaDados thead th,
.tabelaDados tbody tr td {
    border: 1px solid #bbb;
    padding: 2px 8px;
}

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

.tabelaDados tbody tr {
    background-color: white;
    border: 1px solid #bbb;
}

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

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




/* STYLE PROPRIO DESSE DOMINIO DE PROVA */

div.questao{
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

div.alternativa{
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

div.alternativa:hover{
    color: green;
    /*font-size: 1.1em;*/
}

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}



