﻿#logincandidato {
    font-size: 0.8em;
    color: #396;
    display: block;
    text-align: right;
    margin: 10px;
    padding: 7px 0 7px 0;
}

#cabecalho {
    background-image: url(../Imagens/banner-continuous.png);
    background-repeat: repeat-x;
    height: 89px;
    margin-bottom: -12px;
}

    #cabecalho #banner {
        background-image: url(../Imagens/banner.png);
        background-repeat: no-repeat;
        padding-top: 5px;
    }

.img-responsive {
    max-width: 100%;
    height: auto;
}

.trf3-logo {
    margin-left: 20px;
}

#conteudoPrincipal {
    min-height: calc(100vh - 188px); /* Para ter certeza que o banner sempre fica, pelo menos, no fim da página (sem precisar dar scroll)*/
}

    #conteudoPrincipal.com-opcoes-concurso {
        min-height: calc(100vh - 222px); /* Para ter certeza que o banner sempre fica, pelo menos, no fim da página (sem precisar dar scroll)*/
    }


#expand
{
    margin: 10px 0;
    padding: 16px;
    display: none;
}

.expandInfo
{
    margin: 0;
}

img
{
    vertical-align: middle;
}

fieldset label
{
    width: 140px;
}

label.resultado
{
    width: 200px;
    font-size: 1em;
}

.aviso
{
    border: #C6D880 1px solid;
    color: #607099;
    background: #f9f9f9;
}

#erro
{
    background-image: url(../Imagens/Erro.gif);
    width: 404px;
    height: 291px;
    margin: auto;
}

div.espacamentoTextoErroPadrao
{
    padding-top: 85px;
}

span.formataTextoErro
{
    color: #006666;
    font-size: 1.5em;
    text-align: center;
}

#textoMargemErro, #DivLogin
{
    text-align: center;
    margin-top: 15px;
}

ul li
{
    font-weight: bold;
}

input[disabled]
{
    /*background: #E9E9E9;*/
    filter: grayscale(1);
    color: gray !important;
}

.small-input {
    width: 100px;
}

.large-input {
    width: 400px;
}

.exemplo
{
    color: Red;
}

.obrigatorio, .erro-validacao-texto {
    color: red;
}

.imagemNovoRepresentante
{
    border: 0;
    background: white;
    width: 25px;
    padding-left: 5px;
}

select
{
    font-size: 11px !important;
    width: auto !important;
    padding: 2px;
}

#dadosCadastrais
{
    border: #D5D5D5 1px solid;
}

.TituloLegend
{
    color: #207000;
}

.exemploCampo
{
    color: Green;
}

.divExibeMensagem
{
    background: white;
    color: #777;
    border: 1px solid #74B042;
    z-index: 1001;
    width: 350px;
    height: 110px;
    top: 30%;
    left: 40%;
    position: absolute;
}

.divEscondeFundo
{
    background-color: black;
    opacity: 0.5;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
}

.ln
{
    color: #B1BEAF;
    border: 1px solid #ccc;
    border-width: 0 0 1px 0;
    padding: 0 0 3px 3px;
    font-size: 13px;
    margin: 10px 0;
    text-shadow: 1px 3px 1px #F2F2F2;
    width: 98%;
    font-weight: bold;
    font-style: italic;
}

.botaoComIcone
{
    border: 1px solid #C0BBB4;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 3px #E0E0E0;
    color: #000000 !important;
    font: 10px Verdana,Arial,Helvetica,sans-serif;
    vertical-align: middle;
    cursor: pointer;
    padding: 6px 5px 6px 27px;
    background-color: White;
}

.botaoComIcone:hover
{
    border: 1px solid #99CC00;
}

.botaoExclamacao
{
    background-image: url(../Imagens/Icones/exclamacao.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoExcel
{
    background-image: url(../Imagens/Icones/xls.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoTick, .botaoTick:focus, .botaoTick:hover, .botaoTick:disabled 
{
    background-image: url(../Imagens/Icones/tick.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoPdf, .botaoPdf:focus, .botaoPdf:hover, .botaoPdf:disabled
{
    background-image: url(../Imagens/Icones/pdf.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoDocumento, .botaoDocumento:focus, .botaoDocumento:hover, .botaoDocumento:disabled
{
    background-image: url(../Imagens/Icones/documento.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoHtml
{
    background-image: url(../Imagens/Icones/documento.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoTrabalho
{
    background-image: url(../Imagens/Icones/chave-de-fenda.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoAssinatura
{
    background-image: url(../Imagens/Icones/assinar.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoExclusao, .botaoExclusao:hover, .botaoExclusao:focus {
    background-image: url(../Imagens/Icones/excluir.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoEdicao, .botaoEdicao:hover, .botaoEdicao:focus {
    background-image: url(../Imagens/Icones/editar.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoInclusao, .botaoInclusao:hover, .botaoInclusao:focus, .botaoInclusao:disabled
{    
    background-image: url(../Imagens/Icones/incluir.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoAjuda, .botaoAjuda:hover, .botaoAjuda:focus, .botaoAjuda:disabled {
    background-image: url(../Imagens/Icones/ajuda.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoVisualizacao, .botaoVisualizacao:hover, .botaoVisualizacao:focus {
    background-image: url(../Imagens/Icones/olho.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
}

.botaoCalendario, .botaoCalendario:hover
{   
    background-image: url(../Imagens/Icones/calendario.png);
    background-repeat: no-repeat !important;
    background-position: 6px 4px;
    margin-left: 10px;
}

a.pesquisar, a.pesquisar:hover
{
    background-image: url(../Imagens/Icones/pesquisar.png);
    background-repeat: no-repeat !important;
    background-position: 5px 2px;
    padding-left: 25px;
}

.esconder
{
    display: none;
}

.disabled
{
    background: none !important;
}

.paginacao
{
    margin: 15px 0;
}

.atual
{
    font-weight: bold;
}

.lista-pagamento li {
    font-weight: normal;
}

.link-form {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.no-m-b {
    margin-bottom: 0;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

form label.error {
    margin-left: 40px;
    width: inherit;
}

#frm-inscricao-preliminar label.error {
    background-image: url(../Imagens/Icones/12x12/Erro.png);
    background-repeat: no-repeat;
    padding-left: 15px;
}

.form-initial-page {
    width: 48%;
    overflow: auto;
}

.f-right {
    float: right;
}

.f-left {
    float: left;
}

.p-centralizado {
    text-align: center;
}

.hide-element {
    display: none;
}

.iconeExclusao {
    background-image: url(../Imagens/Icones/excluir.png);
}

.erro-form {
    color: rgb(191, 0, 25);
    margin-left: 10px;
    font-size: 11px;
}

.erro-input-form {
    border: 1px solid rgb(191, 0, 25) !important;
}

.erro, .erro-simples {
    font-weight: bold;
    color: rgb(191, 0, 25);
    padding-right: 5px;
    margin-bottom: 10px;
}

.sucesso-simples {
    font-weight: bold;
    color: #008000;
    margin-bottom: 10px;
}

.erro {
    border: 1px solid rgb(191, 0, 25);
    background-color: rgba(255, 0, 0, 0.2);
}

.sucesso {
    background-color: #e6ffe6;
    color: #008000;
}

.resultado-vazio {
    color: #737373;
    font-style: italic;
    font-weight: bold;
    background: #f2f2f2;
}

.resultado-sucesso {
    font-style: italic;
    font-weight: bold;
    color: green;
}

.erro-simples {
    font-size: 11px;
    text-align: center;
}

.botaoComum, a.botaoComum {
    padding: 6px 5px;
    border-radius: 4px;
}

.texto-subtitulo {
    font-size: 12px;
}

.texto-importante {
    color: red;
}

.texto-sublinhado {
    text-decoration: underline;
}

.texto-negrito {
    font-weight: bold;
}

.texto-secao {
    color: gray;
    font-weight: bold;
}

.texto-dir {
    text-align: right;
}

.text-esq {
    text-align: left;
}

.botaoImpedido {
    background: #E9E9E9;
    cursor: not-allowed;
    pointer-events: none;
    color: gray;
}

/* Tabela de Listagem */
.lista_tabela tbody td {
    padding: 12px;
}

/* Container Central */
.container-central {
    margin-top: 30px;
}

.container-central p, .container-central h3 {
    text-align: center;
}

.container-central table {
    margin: auto;
}

.link-anexo, .link-anexo:hover, .link-anexo:focus, .link-anexo:active {
    color: #607099;
    text-decoration: none;
    padding: 0;
    border: none !important;
    background: none;
    box-shadow: 0 0;
    font-size: 13px !important;
    cursor: pointer !important;
}

.link-exclusao-anexo {
    color: gray;
    font-weight: bold;
    text-shadow: none;
}

.link-exclusao-anexo:hover, .link-exclusao-anexo:focus {
    color: #bfbfbf;
    text-shadow: 0 0 2px #333, 0 0 2px #FFF;
}

.link-exclusao-anexo, .link-exclusao-anexo:hover, .link-exclusao-anexo:focus {
    background: none;
    border: none;
    line-height: inherit;
    padding: inherit;
    vertical-align: unset;
}

.item-centralizado {
    margin: auto;
}

/* Tamanhos de Forms */
.w-72 {
    width: 72%;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

/* Margins pré-definidas */
.m-t-50 {
    margin-top: 50px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

/* Modos de display */
.display-linha {
    display: inline;
}

.texto-observacao {
    text-align: justify;
    font-size: 11px;
}

td.mensagemErro, p.mensagemErro {
    background-color: #fbe3e4;
    color: #d12f19;
}

td.mensagemSucesso {
    background-color: #e6ffe6;
    color: #008000;
}

.radio-btn-razor {
    margin: 0 2px 0 0;
}

.radio-btn-razor:nth-of-type(n+2) {
    margin-left: 15px;
}

.informacao-destaque {
    background: #f2f2f2;
    padding: 3px;
}

#ListagemIsencao th {
    padding: 5px 10px 5px 5px;
}

.lista-comum li {
    font-weight: normal;
}

.titulo-lista-erros {
    color: #d12f19;
    text-transform: uppercase;
}

.separador-tabela {
    background: #baccde;
}

.separador-tabela td {
    padding: 1px;
}

.celula-fundo-color {
    background: rgba(232, 238, 244, 0.3);
}

.texto-detalhe {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.acoes-gerais {
    margin: 15px 0;
}

#DescricaoAtendimentoEspecial, #DescricaoAtendimentoEspecialN {
    width: 70ch;
}

@media (max-width: 800px) {
    image {
        max-width: 100%;
    }

    .trf3-logo {
        margin-left: 0;
        width: 95%;
        max-width: 413px;
        margin: auto;
    }

    .form-initial-page {
        width: 100%;
    }

    fieldset {
        max-width: 100%;
    }

    input {
        min-width: 0;
    }

    #CaracteresRestantes, #CaracteresRestantesN {
        margin-left: 0 !important;
    }

    input[type="text"], input[type=file] {
        width: auto !important;
        max-width: 95%;
    }

    textarea {
        width: 95% !important;
    }

    fieldset label {
        width: 100%;
        margin-bottom: 8px;
        font: 14px Verdana, Arial, Helvetica, sans-serif;
    }

    fieldset p {
        margin-left: 0;
        margin-right: 0;
    }

    p[style] {
        white-space: normal !important;
    }

    #ImagemCaptcha {
        width: 100%;
    }

    .frm-opc-nova-inscricao span div {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;        
    }

    .frm-opc-nova-inscricao span div a {
        font-size: 14px; 
    }

    #GeraSomCaptcha {
        margin-bottom: 16px;
        display: block;
        margin-top: 10px;
    }

    #InstituicaoGraduacaoNome {
        width: 100% !important;
        margin-bottom: 8px;
    }

    input[type=file] {
        margin-top: 8px;
    }

    #container {
        background: white;
    }

    #esq {
        display: none;
    }

    #conteudoPrincipal {
        margin-left: auto;
        margin-right: auto;
        max-width: 95%;
    }
}