/*== estilo tabela ==*/

.ats-containerTabela {
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.ats-tabela {
    width: 100%;
    border-spacing: 0;
    border: 1px solid #7EA5CD;
    border-collapse: collapse;
}

    .ats-tabela input[type="file"],
    .ats-tabela input[type="checkbox"],
    .ats-tabela input[type="radio"],
    .ats-tabela select {
        margin: 0;
    }

    .ats-tabela thead th {
        font-weight: bold;
        border-bottom: 1px solid #7EA5CD;
        border-right: 1px solid #7EA5CD;
        background: #c6dbf1;
    }

    .ats-tabela .ats-tabela-celula {
        vertical-align: middle;
        padding-top: .5em;
        /*padding-bottom: .5em;*/
        padding-right: .5em;
        font-size: 1.066em;
        border-right: 1px solid #7EA5CD;
    }

.ats-tabela-celula--selecionada {
    background: #4f9f5f;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ccc;
}

.ats-tabela-celula--selecionada-vermelho {
    background: #f41414;
    color: #fff;
    font-weight: bold;
    border: 1px solid #ccc;
}

.ats-tabela .ats-tabela-celula:first-child {
    padding-left: 1em;
}

.ats-tabela .ats-tabela-celula .ats-tabela-inputRadio {
    vertical-align: middle;
}

.ats-tabela-celula--tachado {
    text-decoration: line-through;
}

.ats-tabela .ats-tabela-linha:nth-child(even) {
    background: #E2F0FE;
}

.ats-tabela .ats-tabela-linha:nth-child(odd) {
    background: #fff;
}

/*para tabelas que usam display none em algumas linhas*/
.ats-tabela .ats-tabela-linha--alternada.par,
.ats-tabela .par {
    background: #E2F0FE !important;
}

/*para tabelas que usam display none em algumas linhas*/
.ats-tabela .ats-tabela-linha--alternada.impar,
.ats-tabela .impar {
    background: #fff !important;
}

.ats-tabela .ats-tabela-footer {
    background: #c6dbf1;
    border: 1px solid #7EA5CD;
    border-left:    0;
}

.ats-tabela-footer tr td {
    padding: .5em;
}


/*== Tabela Cinza ==*/

.ats-tabelaCinza {
    border: 1px solid #ccc;
}

    .ats-tabelaCinza .ats-tabela-header th {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background: #fff;
    }

    .ats-tabelaCinza .ats-tabela-linha:not(.u-esconder):nth-child(odd) {
        background: #e8e8e8;
    }

    .ats-tabelaCinza .ats-tabela-linha:nth-child(even) {
        background: #fff;
    }

    .ats-tabelaCinza .ats-tabela-linha--alternada.impar,
    .ats-tabelaCinza .impar {
        background: #e8e8e8 !important;
    }

    .ats-tabelaCinza .ats-tabela-linha--alternada.par,
    .ats-tabelaCinza .par {
        background: #fff !important;
    }

    .ats-tabelaCinza .ats-tabela-celula {
        border-right: 1px solid #ccc;
    }

    .ats-tabelaCinza .ats-tabela-footer {
        background: #fff;
        border: 1px solid #ccc;
    }

/*== Tabela com ícone ==*/

.ats-tabela-linha .ats-tabela-celula .ats-tabela-lnk {
    clear: both;
}

.ats-tabela-celula .ats-tabela-lnk .ats-tabela-icone {
    float: right;
}

/*== Paginação Tabela ==*/

/*se o footer da tabela tiver fundo azul, a paginação fica azul escura*/
.ats-tabela .pagination-centered.ats-paginacao .pagination li a {
    color: #4261AF;
}

.ats-tabela .pagination-centered.ats-paginacao .pagination li.active a {
    color: #FFFFFF;
}    

.pagination-centered.ats-paginacao .pagination li a {
    padding: 0.05rem 0.5rem 0.05rem;
}

.pagination-centered.ats-paginacao .pagination li {
    padding: 0;
}

.pagination-centered.ats-paginacao .pagination .active.numero-paginacao {
    background: #e6e6e6;
    padding: 0.05rem 0.5rem 0.05rem;
}

/*ativando cor de fundo quando o número estiver ativo*/
.pagination-centered.ats-paginacao .pagination .active a {
    background: #4261AF;
    color: #fff;
}

/*sumindo com reticências que não servem pra nada*/
.pagination-centered .pagination .disabled.PagedList-ellipses {
    display: none;
}

/*Tabela da página de estatísticas no mapa */
.ats-estatisticaMapa .ats-tabela .ats-tabela-linha:hover {
    background: #d6d6d7;
    cursor: pointer;
}

/*== Tabela Comparação Viabilidade x DBE [Fernanda Assis] ==*/
.ats-tabelaDBE {
    border: 0px !important;
}

.ats-th-DBE {
    border: thin solid #ccc;
}

.ats-celula-red {
    background-color: #f3bcbc;
    color: #f41414;
    border: thin dotted #f41414;
    text-align: center;
}

.ats-celula-blue {
    background-color: #daeefe;
    color: #4261af;
    border: thin dotted #76afe5;
    text-align: center;
}

.ats-celula-none {
    background-color: #fff;
    border: 0px !important;
    border-right: thin solid #ccc !important;
}

.ats-celula-white {
    background-color: #fff;
    border: thin #ccc solid;
    text-align: center;
}

.ats-celula-DBE {
    border-right: thin solid #ccc;
    border-collapse: separate;
    border-spacing: 10px 50px;
}

    .ats-celula-DBE:nth-child(n+2) {
        border-bottom: 1px solid #ccc;
    }


/*Tabela Página mapas/serviços */
.ats-container--mapaServicos .ats-containerTabela {
    margin-top: 3.5em;
    margin-bottom: 3.5em;
}

/*Tabela Header com dois th's Azul*/
.ats-tabela .ats-tabela-header.u-fundoAzul87B7E8 tr {
    background: #87B7E8;
}

/*== Estilização de  Tabela do datatables ==*/
.ats-tabela--datatable {
    width: 100% !important;
    border-spacing: 0;
    border: 1px solid #7EA5CD;
    font: 12px/1.5 'Open Sans', sans-serif;
}

    .ats-tabela--datatable td {
        color: #4261AF;
        /*text-transform: lowercase;*/
    }

.datatable-pointer tr td {
    cursor: pointer;
    color: #4261AF;
}

    .datatable-pointer tr td:hover {
        text-decoration: underline;
    }

/*container com o resultado exibido por página e o campo pesquisar*/
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label,
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_filter label {
    margin-bottom: 10px;
    font-size: 1.167em;
}
    /*select de escolha da quantidade do resultado exibido por página*/
    .ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label select {
        background-color: #FAFAFA;
        border-color: #ccc;
        -webkit-appearance: none;
        -moz-appearance: none !important;
        appearance: none;
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FtYWRhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMjkzLjUgMzk4LjIgMy4yIDIuMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMjkzLjUgMzk4LjIgMy4yIDIuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzgwQjBDNTt9DQo8L3N0eWxlPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yOTEuNywzOTlsLTAuMSwwLjFsMC40LDAuNGwwLjQtMC40bC0wLjEtMC4xbC0wLjMsMC4zTC0yOTEuNywzOTl6Ii8+DQo8L3N2Zz4NCg==);
        background-repeat: no-repeat;
        font-family: 'Open Sans', sans-serif;
        font-size: inherit;
        border-bottom: 2px solid #2489c5;
        margin-right: 10px;
    }

/*input para pesquisa*/
.ats-containerTabela--dataTable .dataTables_wrapper .dataTables_filter input {
    -webkit-appearance: none;
    border-color: #cccccc;
    border-radius: 0;
    background-color: #FFFFFF;
    box-shadow: inset 0 1px 2px rgba(66, 97, 175, 0.1);
    border-style: solid;
    border-bottom: 2px solid #2489c5;
}


.ats-tabela--datatable.dataTable thead .sorting,
.ats-tabela--datatable.dataTable thead .sorting_asc,
.ats-tabela--datatable.dataTable thead .sorting_desc {
    background-image: none;
    position: relative;
}


    .ats-tabela--datatable.dataTable thead .sorting:before,
    .ats-tabela--datatable.dataTable thead .sorting:after,
    .ats-tabela--datatable.dataTable thead .sorting_asc:after,
    .ats-tabela--datatable.dataTable thead .sorting_desc:after {
        content: "";
        border-style: solid;
        display: block;
        position: absolute;
        right: .8em;
    }

    .ats-tabela--datatable.dataTable thead .sorting:before,
    .ats-tabela--datatable.dataTable thead .sorting_asc:after {
        border-color: transparent transparent #fff transparent;
        border-width: 0 4px 6px 4px;
        top: 1.4em;
    }


    .ats-tabela--datatable.dataTable thead .sorting:after,
    .ats-tabela--datatable.dataTable thead .sorting_desc:after {
        border-color: #fff transparent transparent transparent;
        border-width: 6px 4px 0 4px;
        bottom: 1.4em;
    }

/*thead datable com uma linha só, alinhamento setas de ordenação*/
.thead-single.dataTable thead .sorting:after,
.thead-single.dataTable thead .sorting_desc:after {
    bottom: .8em;
}

.thead-single.dataTable thead .sorting:before,
.thead-single.dataTable thead .sorting_asc:after {
    top: 0.8em;
}

.ats-tabela--datatable.dataTable thead .sorting_asc:after {
    border-color: transparent transparent #4261AF transparent;
}

.ats-tabela--datatable.dataTable thead .sorting_desc:after {
    border-color: #4261AF transparent transparent transparent;
}


.ats-tabela--datatable thead th {
    background-color: #87B7E8;
    color: #4261AF;
}

.ats-tabela--datatable tr:nth-child(even) {
    background: #E2F0FE;
}

/* Paginação  Datatables*/
.dataTables_paginate.paging_simple_numbers .pagination .paginate_button a {
    color: #4261af;
    position: relative;
    padding: 0.0625rem 0.5rem 0.0625rem;
}

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.previous a {
    padding-left: 1.2rem;
}

    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button.previous a:before {
        content: "\00AB";
        font-size: 1.3em;
        position: absolute;
        top: -5px;
        left: 5px;
    }

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.next a {
    padding-right: 1.2rem;
}

    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button.next a:before {
        content: "\00BB";
        font-size: 1.3em;
        position: absolute;
        top: -5px;
        right: 5px;
    }

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.unavailable a {
    color: #999;
}

.dataTables_paginate.paging_simple_numbers .pagination .paginate_button.current a,
.dataTables_paginate.paging_simple_numbers .pagination .paginate_button:not(.unavailable) a:hover {
    background: #4261af;
    color: #fff;
}


/*== Tabela Extranet Empresa Arquivamentos ==*/
.datatable-pointer tr .ats-tabelaCelula--empresaArquivamento:hover {
    text-decoration: none;
}

/*== Tabela de Arquivamento - Certidão Online ==*/
.ats-containerTabela--dataTable.ats-containerTabela--selArq .ats-containerTabela-header {
    background: #4261AF;
    color: #fff;
    font-size: 1.5em;
    text-align: left;
    padding: .5em;
    margin: 0;
    text-transform: uppercase;
}

.ats-containerTabela--dataTable.ats-containerTabela--selArq .ats-tabela--datatable {
    margin-top: 0 !important;
    margin-bottom: 2em !important;
    max-width: 100%;
    width: 100%;
}


.ats-tabela--selArq.ats-tabela--datatable tr td:not(.dataTables_empty):first-child:before {
    content: "\e919";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-right: .5em;
    font-size: 1.3em;
}

.ats-tabela--selArq.ats-tabela--datatable thead th {
    background-color: inherit;
    position: relative;
    border-bottom: 1px dotted #4261AF;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting:before {
    border-color: #4261AF transparent transparent transparent;
    border-width: 6px 4px 0 4px;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting:after {
    border-color: transparent transparent #4261AF transparent;
    border-width: 0 4px 6px 4px;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting_desc:after {
    bottom: .8em;
}

.ats-tabela--datatable.ats-tabela--selArq thead .sorting_asc:after {
    top: 0.8em;
}

/*== media-query mobile datatable ==*/
@media only screen and (max-width: 40em) {
    .ats-containerTabela--dataTable.u-md-margemTop {
        margin-top: 0;
    }

    /*para tornar container de busca, resultado por página e paginação uma small-12*/
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6,
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 label,
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 .dataTables_paginate.paging_simple_numbers {
        width: 100%;
        float: none;
        margin-top: 15px;
    }

        .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 input {
            display: block !important;
            margin: 0;
        }

    /*sumir com select de paginação*/
    .ats-containerTabela--dataTable .dataTables_wrapper .dataTables_length label {
        display: none !important;
    }

    /*centralizando paginação*/
    .ats-containerTabela--dataTable .dataTables_wrapper .row .small-6 .dataTables_paginate.paging_simple_numbers .pagination {
        text-align: center;
        margin: 0 auto;
        width: 80%;
        max-width: 100%;
    }

    /*informação que mostra quantos registro estão sendo exibidos*/
    .dataTables_info {
        text-align: center;
    }

    /*tirando efeito de hover da paginação no mobile*/
    .dataTables_paginate.paging_simple_numbers .pagination .paginate_button:not(.unavailable) a:hover {
        background: none;
    }
}

/*==Tabela Selecionada no Protocolo Web*/

.u-pointer tr td {
    cursor: pointer;
}

.ats-tabela-linha-selecionada td {
    background: #ccdbe4;
    position: relative;
    color: #4261AF;
    font-weight: bold;
}

/*tabela com efeito de hover*/

.ats-tabela--hover .ats-tabela-linha:hover {
    background: #ccdbe4;
}

/* tabela EmpresaPessoaCondicao.cshtml quando tem erro*/
.ats-tabela-linha .hasError {
    position: relative;
    background: #e0515a;
    color: #fff;
    font-weight: normal;
}

    .ats-tabela-linha .hasError .field-validation-error {
        position: absolute;
        bottom: -160%;
        z-index: 10;
    }

/* Mostrar paginação no responsivo com o responsive tables, escondendo a primeira td do tfoot no desktop */
@media only screen and (min-width: 767px) {
    .ats-tdResponsivoPag {
        display: none;
    }
}

/*ícone em protocolo web _ListaPessoas.cshtml */

.analfabeto-icon,
.emancipado-icon {
    font-weight: bolder;
    font-size: 1.233em;
    display: inline-block;
    border-radius: 22px;
    border: 2px solid #000;
    text-align: center;
    height: 22px;
    width: 22px;
}

.analfabeto-icon {
    color: #4354a6;
    border: 2px solid #4354a6;
}

.emancipado-icon {
    color: #4f9f5f;
    border: 2px solid #4f9f5f;
}

/*==== Utilitários tabela====*/

/*tamanho colunas*/
.u-xsm-thead {
    width: 10%;
}

.u-sm-thead {
    width: 15%;
}

.u-md-thead {
    width: 20%;
}

.u-lg-thead {
    width: 35%;
}

.u-xlg-thead {
    width: 50%;
}

/*==Tabela Procuração ==*/

.ats-tabela-celula--aviso {
    color: #9a5151;
    background: #F3D2D4;
    border-bottom: 1px solid #fbacac;
    font-size: .8rem;
    /*position: relative;*/
    /*padding-left: 2.3em;*/
    line-height: 1.3em;
}