/* #region PADRÃO*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700;800&display=swap');
body {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: table;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    color: #585757;
    font-weight: 400;
}

.wrapper {
    width: 1200px;
    display: table;
    text-align: justify;
    line-height: 30px;
    margin: 20px auto;
    padding: 3% 0;
}

@media screen and (max-width:1250px) {
    .wrapper {
        width: 90%;
    }
}

.bloco_l {
    width: 48%;
    float: left;
}

.bloco_r {
    width: 48%;
    float: right;
}

@media screen and (max-width:950px) {
    .bloco_l {
        width: 100%;
    }
    .bloco_r {
        width: 100%;
    }
}

.titulo {
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
}

.subtitulo {
    font-size: 25px;
    line-height: 20px;
    text-align: left;
    font-weight: 700;
}

.destaque {
    font-size: 20px;
}

a {
    text-decoration: none;
    color: #d67d3a;
}

button {
    cursor: pointer;
    outline: none;
    font-size: 20px;
}

::-webkit-input-placeholder {
    color: #595a5c;
    font-family: "Source Sans Pro Condensed", sans-serif;
    font-size: 17px;
}

:-moz-placeholder {
    color: #595a5c;
    font-family: "Source Sans Pro Condensed", sans-serif;
    font-size: 17px;
}

::-moz-placeholder {
    color: #595a5c;
    font-family: "Source Sans Pro Condensed", sans-serif;
    font-size: 17px;
}

:-ms-input-placeholder {
    color: #595a5c;
    font-family: "Source Sans Pro Condensed", sans-serif;
    font-size: 17px;
}

input[type='text'],
input[type='date'],
textarea {
    color: #585757;
    font-family: "Source Sans Pro Condensed", sans-serif;
    font-size: 17px;
}

.paginacao {
    width: 100%;
    display: table;
    margin-bottom: 30px;
}

.paginacao a {
    color: #4f0607;
}

.laranja {
    color: #d67d3a;
}

.verde {
    color: #437155;
}

.cinza {
    color: #585757;
}

table {
    width: 100%;
    margin: 0 auto;
    display: table;
}

table tr td {
    padding: 2%;
    text-align: center;
    max-width: 200px;
}

table tr td.left {
    text-align: left;
}

table tr td i {
    font-size: 25px;
    color: #437155;
}

table tr td #acesso {
    font-size: 30px;
    color: #437155;
}

.linhaimpar {
    background: #f2f2f2;
}

.linhapar {
    background: #ffff;
}

.linhabusca {
    background: #f2f2f2;
    padding: 1px 12px;
    margin: 0 0 5px 0;
}


/* #endregion */


/* #region TOPO*/

.topo {
    width: 100%;
    display: table;
}

.topo .faixa {
    width: 100%;
    padding: 10px 0;
    background: #f4f4f4;
    display: table;
    color: #585757;
    position: fixed;
    z-index: 999999;
}

.topo .faixa #faixa {
    width: 1200px;
    float: none;
    display: table;
    margin: 0 auto;
}

@media screen and (max-width:1250px) {
    .topo .faixa #faixa {
        width: 90%;
    }
}

.topo .faixa #faixa i {
    color: #585757;
    margin-right: 10px;
    cursor: pointer;
    font-size: 17px;
}

.topo .faixa #faixa .acess {
    width: 150px;
    float: left;
    display: table;
    text-align: left;
    margin: 8px 0 0 0;
}

.topo .faixa #faixa .busca {
    width: 380px;
    float: right;
    display: table;
}

.topo .faixa #faixa .busca input[type='text'] {
    width: 300px;
    padding: 7px 10px;
    float: left;
    margin: 0 auto;
    display: table;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    box-sizing:none;
    border: 1px solid #DDD;
}

.topo .faixa #faixa .busca input[type='text']::-webkit-input-placeholder {
    color: #ccc;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    
}

.topo .faixa #faixa .busca input[type='submit'] {
    width: 80px;
    padding: 8px 10px;
    float: right;
    background: #437155;
    color: #fff;
    border: none;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
}

@media screen and (max-width:530px) {
    .topo .faixa #faixa .acess {
        margin: 0 auto;
        float: none;
        display: table;
        margin-bottom: 10px;
    }
    .topo .faixa #faixa .busca {
        margin: 0 auto;
        float: none;
        display: table;
    }
}

.topo #topo {
    width: 1200px;
    margin: 0 auto;
    display: table;
    margin: 90px auto 30px auto;
}

.topo .logo {
    width: 15%;
    float: left;
}

.topo .logo img {
    width: 100%;
    max-width: 200px;
}

.topo .logo_c {
    display: table;
}

.topo .logo_w, 
.topo .logo_p, 
.topo .logo_b {
    display: none;
}

.topo .menu {
    width: 80%;
    float: right;
    margin-top: 5px;
}

@media screen and (max-width: 1250px) {
    .topo .menu {
        width: 100%;
    }
    .topo .logo {
        width: 100%;
    }
    .topo .logo img {
        margin: 0 auto;
    }
    .topo #topo {
        width: 100%;
    }
}

.banner-top {
    width: 100%;
    padding: 80px 0;
    background: url('../imagens/site/banner-top.png') center center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}


/* #endregion */


/* #region RODAPE*/

.rodape {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: #437155;
    color: #fff;
    padding-top: 50px;
}

.rodape #rodape {
    width: 1200px;
    margin: 0 auto;
    display: table;
}

@media screen and (max-width:1250px) {
    .rodape #rodape {
        width: 90%;
    }
}

.rodape #rodape .bloco1 {
    float: left;
    width: 33%;
}

.rodape #rodape .bloco1 img {
    width: 95%;
    max-width: 240px;
    display: table;
    margin: 0 auto;
    float: none;
    margin-top: 50px
}

.rodape #rodape .bloco2 {
    float: left;
    width: 33%;
    text-align: center;
}

.rodape #rodape .bloco2 .titulo {
    text-align: center;
}

.rodape #rodape .bloco3 {
    width: 27%;
    float: right;
    margin-top: 35px;
}

@media screen and (max-width:1000px) {
    .rodape #rodape .bloco1 {
        width: 100%;
    }
    .rodape #rodape .bloco2 {
        width: 100%;
        text-align: center;
    }
    .rodape #rodape .bloco2 .titulo {
        text-align: center;
    }
    .rodape #rodape .bloco3 {
        width: 100%;
        margin-top: 30px;
    }
    .rodape #rodape .bloco1 img {
        margin: 0 auto;
        float: none;
        display: table;
    }
}

.rodape #copy {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
}

@media screen and (max-width:360px) {
    .rodape #rodape .bloco2 {
        font-size: 14px;
    }
}


/* #endregion*/


/*#region HOME*/

.home .faixa {
    width: 100%;
    text-align: left;
    color: #fff;
    line-height: 40px;
    display: table;
}

.home .faixa a {
    color: #fff;
}

.home .faixa .bloco_ps {
    width: 19%;
    float: left;
    display: table;
    line-height: 25px;
    height: 220px;
    padding: 0 3%;
    padding-top: 25px;
}

@media screen and (max-width:950px) {
    .home .faixa .bloco_ps {
        width: 44%;
    }
}

@media screen and (max-width:450px) {
    .home .faixa .bloco_ps {
        width: 94%;
    }
}

.home .faixa .bloco_ps b {
    font-size: 18px;
}

.home .faixa .bloco_ps i {
    font-size: 60px;
}

.home .faixa #bl1 {
    background: #c16a28;
}

.home .faixa #bl2 {
    background: #d67d3a;
}

.home .faixa #bl3 {
    background: #dd925a;
}

.home .faixa #bl4 {
    background: #e4a87b;
}

.home .home_sobre {
    margin-top: 100px;
}

.home .home_sobre .bloco_l img {
    border-radius: 15px;
    width: 95%;
    max-width: 750px;
    margin: 0 auto;
    display: table;
    float: none;
}


/*#endregion*/


/* #region FAIXA APOSENTADORIA*/

.home_aposentadoria {
    width: 100%;
    height: 250px;
    background: #437155;
    color: #fff;
}


/* #endregion*/


/* #region NOTICIAS HOME*/

.noticias_home {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    display: table;
}

.noticias_home a {
    color: #585757;
}

.noticias_home .destaque {
    width: 45%;
    float: right;
    display: table;
}

@media screen and (max-width:950px) {
    .noticias_home .destaque {
        width: 100%;
    }
}

#slides2,
.switch_main,
.item {
    width: 100%;
    display: table;
    height: 370px;
}

.noticias_home .destaque .not {
    width: 100%;
    display: table;
}

.noticias_home .destaque .not .ttl_not {
    width: 90%;
    padding: 5%;
    margin-top: 250px;
    text-align: left;
    display: table;
    background: #437155;
    color: #fff;
    font-size: 16px;
}

.noticias_home .destaque .not .ttl_not .data {
    font-style: italic;
}

.noticias_home .mais_noticias {
    width: 51%;
    float: left;
    display: table;
}

@media screen and (max-width:950px) {
    .noticias_home .mais_noticias {
        width: 100%;
    }
}

.noticias_home .mais_noticias .bloco {
    width: 100%;
    display: table;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}


/* #endregion*/


/* #region EVENTOS*/

.home_eventos {
    width: 100%;
    background: #f4f4f4;
}

.home_eventos a {
    color: #585757;
}

.home_eventos .bloco {
    width: 30%;
    float: left;
    margin: 1.5%;
    display: table;
}

@media screen and (max-width:700px) {
    .home_eventos .bloco {
        width: 97%;
    }
}

.home_eventos .bloco .ev_imagem {
    width: 100%;
    height: 250px;
}

.home_eventos .destaque .not .ttl_not {
    width: 90%;
    padding: 5%;
    text-align: left;
    display: table;
}


/* #endregion*/


/* #region ENTIDADES*/

#entidades .bloco {
    width: 16.65%;
    float: left;
    display: table;
    margin: 2% 0;
    height: 130px;
}

@media screen and (max-width:700px) {
    #entidades .bloco {
        width: 25%;
    }
}


/* #endregion*/


/* #region PORTAL TRANSPARENCIA*/

.conteudo {
    width: 70%;
    float: left;
    display: table;
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.conteudo .bloco_portal {
    width: 28%;
    float: left;
    margin: 1%;
    padding: 30px 1%;
    text-align: center;
    background: #e3e3e3e3;
    font-size: 20px;
    font-weight: bold;
    transition: 0.3s;
    height: 100px;
}

.conteudo .bloco_portal:hover {
    background: #cccccc;
}

.conteudo a {
    color: #585757;
}

.conteudo .ata {
    float: left;
    margin: 1%;
    text-align: center;
    font-size: 20px;
    color: #437155;
    padding: 10px 25px;
    border-radius: 10px;
    border: 1px solid #437155;
}

.conteudo .atas {
    width: 100%;
    display: table;
    margin: 50px 0;
    border-top: 1px solid #ccc;
    padding-top: 30px;
}

.conteudo .selecione {
    width: 300px;
    float: right;
    display: table;
}

.conteudo .selecione select {
    width: 100%;
    margin: 0 auto;
    border: none;
    border: 1px solid #cccc;
    padding: 5px 30px;
}

.conteudo .filtro {
    width: 500px;
    float: right;
    margin-bottom: 50px;
    margin-top: -50px;
}

.conteudo .filtro input[type='date'] {
    width: 210px;
    float: left;
    margin-right: 15px;
    padding: 5px 10px;
}

.conteudo .busca {
    width: 45px;
    padding: 10px 0;
    background: #437155;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    float: right;
}

@media screen and (max-width:695px) {
    .conteudo .selecione {
        width: 100%;
        display: table;
        margin: 0 auto;
        margin-top: 10px;
    }
    .conteudo .selecione select {
        margin: 0 auto;
    }
}

.veja {
    width: 20%;
    padding: 1% 3%;
    float: right;
    background: #efefef;
    text-align: left;
}

.veja a {
    transition: 0.3s;
    color: #585757;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
}

.veja a:hover {
    margin-left: 15px;
}

@media screen and (max-width:1200px) {
    .conteudo {
        width: 100%;
        float: none;
    }
    .veja {
        width: 95%;
        background: none;
    }
}

@media screen and (max-width:900px) {
    .conteudo .bloco_portal {
        width: 45%;
    }
}

@media screen and (max-width:580px) {
    .conteudo .bloco_portal {
        width: 97%;
    }
}


/* #endregion*/


/* #region PÁGINAS PORTAL TRANSPARENCIA*/

.ultimas_noticias {
    width: 100%;
    display: table;
    background: #f4f4f4;
}

.ultimas_noticias a {
    color: #585757;
}

.ultimas_noticias .bloco {
    width: 30%;
    float: left;
    margin: 1.5%;
    display: table;
}

.ultimas_noticias .bloco .not {
    height: 250px
}

@media screen and (max-width:950px) {
    .ultimas_noticias .bloco {
        width: 100%;
        margin: 20px auto;
        display: table;
    }
    .ultimas_noticias .bloco .not {
        width: 30%;
        float: left;
        height: 100px;
        margin-right: 30px;
    }
}

@media screen and (max-width:500px) {
    .ultimas_noticias .bloco .not {
        width: 100%;
        float: none;
        height: 150px;
        margin-right: 0;
    }
}
 /* EDITADO JORGE*/
.membros {
    width:45%;
    float: left;
    margin: 2%;
    display: table;
    text-align:center;
    height: 300px;
}

@media screen and (max-width:470px){
.membros{
	width:96%;
	height:auto; 
}
}
/* FIM */

/* #endregion*/


/* #region  COMPRAS CONTRATOS LICITAÇÕES*/

.conteudo .clc {
    width: 100%;
    display: table;
}


/* #endregion*/


/* #region PÁGINA DE EVENTOS*/

.eventos a {
    color: #585757;
}

.eventos .bloco {
    width: 30%;
    float: left;
    display: table;
    margin: 1.5%;
}

.eventos .ev_imagem {
    width: 100%;
    height: 200px;
}

.eventos .imagens {
    width: 100%;
    display: table;
}

.eventos .imagens .bloco {
    width: 22%;
    float: left;
    margin: 1.5%;
    height: 200px;
}

.eventos .voltar {
    float: right;
    padding: 10px 30px;
    background: #437155;
    color: #fff;
}


/* #endregion*/


/* #region PÁGINA DE NOTICIAS*/

.na-midia a {
    color: #585757;
}

.na-midia .destaque {
    width: 48%;
    float: left;
}

.na-midia .destaque .not {
    display: table;
    height: 320px;
    width: 100%;
}

.na-midia .destaque .not .ttl_not {
    width: 94%;
    padding: 2% 3%;
    position: absolute;
    bottom: 0;
    background: #437155;
    color: #ffff;
    display: table;
    font-size: 16px;
}

.na-midia .mais_destaques {
    width: 48%;
    float: right;
}

.na-midia .mais_noticias {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.na-midia .mais_noticias .bloco {
    width: 30%;
    float: left;
    margin: 1.5%;
}

.na-midia .desc .not_imagem {
    width: 50%;
    height: 20vw;
    margin: 0 auto;
    display: table;
    float: none;
}

.na-midia .mais_noticias .bloco .not_imagem {
    width: 100%;
    height: 200px;
}

.compartilhar i {
    font-size: 25px;
    margin-right: 5px;
    color: #c16a28;
}


/* #endregion*/


/* #region CONTATO*/

#contato .bloco_l {
    width: 48%;
    float: left;
    margin: 0 auto;
    margin-top: 50px;
}

#contato .bloco_r {
    width: 48%;
    float: right;
    margin: 0 auto;
    margin-top: 50px;
}

#contato input[type='text'] {
    width: 100%;
    padding: 10px 2%;
    display: table;
    margin: 5px 0;
}

#contato select {
    width: 100%;
    padding: 10px 2%;
    display: table;
    margin: 5px 0;
    color: #585757;
}

#contato textarea {
    width: 100%;
    padding: 10px 2%;
    margin: 10px 0;
    height: 290px;
}

#contato #bt_enviar {
    float: right;
}

#bt_enviar {
    margin: 10px 0;
    padding: 10px 15px;
    color: #fff;
    background: #437155;
    border: none;
    font-size: 16px;
    transition: 0.3s;
    cursor: pointer;
}

#bt_enviar:hover {
    background: #c16a28;
}

@media screen and (max-width:780px) {
    #contato .bloco_l {
        width: 100%;
    }
    #contato .bloco_r {
        width: 100%;
        margin: 0 auto;
    }
}


/* #endregion*/


/* #region MAPA DO SITE*/

.mapa {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
}

.mapa .bloco {
    width: 28%;
    float: left;
    min-height: 400px;
    background: #efefef;
    padding: 1.6%;
    margin: 1%;
}

.mapa .bloco a {
    color: #585757;
    transition: 0.3s;
}

.mapa .bloco a:hover {
    margin-left: 8px;
}

.mapa li {
    list-style: none;
    text-align: left;
}

@media screen and (max-width:1100px) {
    .mapa .bloco {
        width: 44%;
        padding: 2%;
    }
}

@media screen and (max-width:685px) {
    .mapa .bloco {
        width: 94%;
        height: auto;
    }
}


/* #endregion*/


/*#region PAGINA DOCUMENTOS BENEFÍCIOS*/

.bloco_bnd {
    width: 28%;
    float: left;
    margin: 1%;
    padding: 1.5%;
    min-height: 100px;
    background: #efefef;
    font-weight: bold;
    text-align: center;
    transition: 0.3s;
    line-height: 20px;
}

.bloco_bnd:hover {
    background: #cccccc;
}

@media screen and (max-width:800px) {
    .bloco_bnd {
        width: 45%;
    }
}

@media screen and (max-width:570px) {
    .bloco_bnd {
        width: 95%;
    }
}


/* #endregion*/


/*#region CONTRASTE*/

body#contrastePreto {
    background: #000;
    color: #fff;
}

body#contrastePreto a,
body#contrastePreto .laranja,
body#contrastePreto .verde,
body#contrastePreto .cinza,
body#contrastePreto .conteudo a,
body#contrastePreto .veja a {
    color: #fff;
}

body#contrastePreto .home_eventos,
body#contrastePreto .home .faixa #bl1,
body#contrastePreto .home .faixa #bl2,
body#contrastePreto .home .faixa #bl3,
body#contrastePreto .home .faixa #bl4,
body#contrastePreto .topo .faixa,
body#contrastePreto nav ul li ul li,
body#contrastePreto .ultimas_noticias,
body#contrastePreto .conteudo .bloco_portal,
body#contrastePreto .veja,
body#contrastePreto .bloco_bnd {
    background: #333;
    color: #fff;
}

body#contrastePreto .topo .faixa #faixa i {
    color: #fff;
}

body#contrastePreto .logo_c {
    display: none
}

body#contrastePreto .logo_w {
    display: table
}

body#contrastePreto .rodape {
    background: #333
}

body#contrastePreto .noticias_home .destaque .not .ttl_not {
    background: #333
}

body#contrastePreto table tr td i {
    color: #fff;
}

body#contrastePreto table tr td #acesso {
    color: #fff;
}

body#contrastePreto .linhaimpar {
    background: #242424;
}

body#contrastePreto .linhapar {
    background: #333;
}


/* #endregion*/


/* #region PORTAL PRÉ APOSENTADORIA*/

.galeria {
    width: 100%;
    display: table;
    margin: 50px 0;
}

.galeria .bloco {
    width: 21%;
    float: left;
    margin: 2%;
}

.galeria .bloco .ap_imagem {
    width: 100%;
    height: 200px;
}


/* #endregion*/


/* #region BUSCA*/

.busca .descricao {
    color: #585757;
}

.busca .subtitulo {
    color: #585757;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    padding: 0 0 0 10px;
}


/*#endregion*/


/* #region Pre-Aposentadoria*/
.ttl_na-midia {
    width:100%; text-align:right;
    margin:0 0 20px 0;
    border-bottom: 1px solid #CCC;
}


#na-midia .imagem_ppa {
    max-width:80%;
}

#na-midia .anexo_ppa {
    padding:15px 0;
    margin: 0 0 50px 0;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    text-align:center;
}

#na-midia .anexo_ppa i.fa-cloud-download-alt {
    font-size:30px;
    color: #d67d3a;
    margin: 0 0 0 20px;
}
/*#endregion*/

/* #region GESTÃO DE PESSOAS*/

#seleciona_pessoa {
    width: 100%;
    display: table;
    margin: 0 auto;
}

#seleciona_pessoa .campos_pesquisa {
    width: 100%;
    display: table;
}


#seleciona_pessoa #bt_buscar {
    width: 13%;
    float: right;
    background: #437155;
    color: #fff;
    border: none;
    margin: 1%;
    height: 30px;
    font-size: 14px;
}

#seleciona_pessoa input[type='text'] {
    width: 48%;
    padding: 5px;
    margin: 1%;
    border: 1px solid #ccc;
    float: left;
}

#seleciona_pessoa select {
    width: 40%;
    margin: 1%;
    float: left;
}

#pessoal tr td {
    font-size: 13px;
}

#pessoal tr td i {
    cursor: pointer;
}

#pessoal .verde {
    font-size: 18px;
}

#pessoal .download_pessoas {
    float: right;
    background: #666;
    color: #fff;
    border: none;
    padding: 2px 15px;
    height: 30px;
    font-size: 14px;
    margin:10px 0;
}

@media screen and (max-width:600px) {
    #seleciona_pessoa #bt_buscar {
        width: 98%;
        margin: 0 auto;
        float: none;
        margin: 1% auto;
    }
    #seleciona_pessoa input[type='text'] {
        width: 98%;
        padding: 5px;
        margin: 1% auto;
    }
    #seleciona_pessoa select {
        width: 98%;
        margin: 1% auto;
        padding: 1% 5px;
    }
}

#portal_gestao_pessoas #pessoal {
    width: 100%;
    max-height: 400px;
    overflow-x: auto;
}

::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    width: 5px;
    border-radius: 20px
}

::-webkit-scrollbar {
    width: 5px;
    border-radius: 20px;
    background: #F4F4F4;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    width: 5px;
    border-radius: 20px;
}
#portal_gestao_pessoas .conteudo #seleciona_pessoa input[type='text'] {
    padding: 7px 10px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    border: 1px solid #BBB;
}

#portal_gestao_pessoas .conteudo #seleciona_pessoa input[type='text']::-webkit-input-placeholder {
    color: #BBB;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    
}

#mascara_pessoa {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999999999;
    margin: 0 auto;
    display: none;
    transition: all 0.6s;
}

#pessoa {
    position: absolute;
    width: 60%;
    margin: 0 auto;
    top: 5%;
    left: 20%;
    background: #fff;
    display: table;
    transition: 0.6s;
}

#pessoa .pessoa {
    width: 95%;
    margin: 40px auto;
    float: none;
    display: table;
    height: 300px;
    position: relative;
    overflow: scroll;
    transition: 0.6s;
}

#pessoa .pessoa input {
    border: none;
    width: 31%;
    float: left;
    font-size:15px;
    font-family: "Source Sans Pro", sans-serif;
    margin: 4px 0 0 0;
    padding: 5px;
    color: #333;
}

#pessoa .pessoa label {
    text-transform: uppercase;
    color: #437155;
    display: table;
    font-size:14px;
    margin: 6px 0 0 0;
}

#mascara_pessoa .fechar {
    width: 95%;
    text-align: right;
    font-size: 25px;
    margin: 0 auto;
    float: none;
    cursor: pointer;
    margin-bottom: 40px;
}

.modal-saiba-mais {
    width: 100% !important;
    margin-bottom: 8px !important;
    background: #EEE;
    padding: 5px;
}

/* #endregion */



@media screen and (max-width: 600px) {
    #pessoa .pessoa {
        width: 100%;
        margin-top: 0px !important;
        padding: 0px !important;
    }
    #pessoa {
        width: 100% !important;
        left: 0px !important;
        top: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
    .dados-gestao-pessoas {
        height: 550px;
        overflow: auto;
    }
    table .verde {
        font-size: 9pt
    }
    table tr td {
        font-size: 8pt;
    }
    table tr td .fa-search {
        font-size: 12pt;
    }
    .modal-saiba-mais {
        margin-bottom: 6px !important;
        padding-top: 5px;
        font-size: 10pt !important
    }
}

@media screen and (max-width: 390px) {
    table .verde {
        font-size: 9pt !important;
    }
    table tr td {
        font-size: 8pt !important;
    }
    table tr td .fa-search {
        font-size: 12pt !important;
    }
    .bordatabela {
        width: 100%;
        border: none;
        padding: 0px;
        margin: 0px
    }
}

/* Inicio janela */
#mask {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 130;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.janela {
  width: 90%;
  min-height: 200px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background-color: none;
  padding: 0px;
  border: none;
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  right: 50%;
  z-index: 140;
}
input.but_mask {
    margin: 10px 0;
    padding: 10px 30px;
    color: #fff;
    background: #d67d3a;
    border: none;
    font-size: 14px;
    transition: 0.3s;
    cursor: pointer;
}

/* Fim janela */