/* Developer: Julio Chiuchi */

/* Importação de URL de Fonts do Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Anton|Cairo|Exo+2);
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Mina');

#body-cursor {
    cursor: default;
}

#mouse-consulta-contratos {
    cursor: pointer;
}

#CallModal:focus, #CallModal:active {
    border: 1px solid transparent;
}

#loading-request{
    display:none;
}

#loading-request-wait {
    display: inline-block;
}

.logo-wait {
    display: inline-block;
}

.size-col-exibir {
    width: 20px;
}

#campovazio {
    display: none;
    color: #d53a3a;
    font-family: 'Titillium Web', sans-serif;
}

.titillium-web {
    font-family: 'Titillium Web', sans-serif;
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.open-sans-condensed {
    font-family: 'Open Sans Condensed', sans-serif;
}

.mina {
    font-family: 'Mina', sans-serif;
}

.rep-font {
    font-family: 'Anton', sans-serif;
    font-family: 'Exo 2', sans-serif;
    font-family: 'Cairo', sans-serif;
    font-family: 'Titillium Web', sans-serif;
}

.table {
    width: 100%;
}

#tipo-calculo{

}

/***************************************** CONFIGURAÇÃO MAIN ************************************************/
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    overflow-x: hidden !important;
    zoom: 0 !important;
    padding-right: 0 !important;
}
/************************************************************************************************************/


/***************************************** HEADER.config ****************************************************/

#posicao-logo{
    text-align:left;
    margin-top:30px;
}

.header-config{
    padding-top:7px;
}

#posicao-texto {
    /*background-color: #F2F2F2;*/
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    text-align: left;
    color: #626262;
    font-family: 'Titillium Web', sans-serif;
}

.cor-header{
    background-color:#fff;
    color:#00598e;
    padding-bottom:0px;
}

#cor-titulo-header{
    color:#333;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:40px;
}


/************************************************************************************************************/





/***************************************** MENU.config ******************************************************/
.font-menu{
    font-family: 'Ubuntu', sans-serif;
}

.barra-hr{
    border-right:1px solid #dcdcdc;
}

#corFundoMenu {
    /*background-color: #08538C;*/
    background-color: #007ACC;
    /*border: 0px solid transparent;*/
    color: #fff;
}
hr#corHrMenu {
    /*border:1px solid #3263a6;
    margin-top: -20px;*/
}

#buttonInicio, #buttonContato, #buttonPrefeitura, #buttonsNavBar {
    color: #fff;
    display: inline-block;
    margin: 0;
    text-transform: none;
}
    #buttonInicio:after, #buttonContato:after, #buttonPrefeitura:after, #buttonsNavBar:after {
        display: block;
        content: '';
        /*border-bottom: solid 1px #00ce88;*/
        border-bottom: solid 1px #fff;
        transform: scaleX(0.0001);
        transition: transform 250ms ease-in-out;
    }

    #buttonInicio:hover:after, #buttonContato:hover:after, #buttonPrefeitura:hover:after, #buttonsNavBar:hover:after {
        transform: scaleX(1);
    }

    #buttonsNavBar:active,
    #buttonsNavBar:focus {
        color: #333;
        background-color: #E6E6E6;
    }
        /************************************************************************************************************/


        /***************************************** CONTEUDO.config **************************************************/
        .box-conteudo {
            background-color: #F9F9F9 !important;
            padding-bottom: 50px;
        }

#titulo{
    font-size:25px;
    color:#3263a6;
    margin-bottom:25px;
}

#imgs-circle{
    text-align:center;
    padding-top:15px;
    padding-bottom:55px;
}

.blocos {
    width: 165px;
    height: 165px;
    background-color: #EDEDED;
    margin-right: 20px;
    margin-left: 10px;
    margin-bottom: 30px;
    position: relative;
}

.classf{
    background-attachment:scroll;
    float:left;
    padding-left:unset;
}

.blocos:hover{
    border:solid 2px #3263a6;
}

.interrogacao {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 10px;
}

img{
    vertical-align:middle;
    border:0;
}

#data-ultima-sync{
    text-align:center;
}

#img-info{
    text-align:center;
}

.cor-rota-navegacao {
    color: #555555;
}

.link-rota-navegacao {
    text-decoration:none;
    color:#555555;
}
    .link-rota-navegacao:hover {
        color: #337ab7;
        text-decoration: none;
    }

    #cor-fundo-pesquisa-prestacao-contas-atual {
        background-color: #F9F9F9;
        padding-left: 10px;
        padding-bottom: 1px;
    }



/*CORES PARA FUNDO DE PESQUISA*/

#cor-fundo-pesquisa-despesa {
    background-color: #F9F9F9;
    padding-bottom: 1px;
}

#cor-fundo-pesquisa-receita {
    background-color: #F9F9F9;
    margin-top:0px;
    padding-top:0px;
    padding-bottom: 77px;
}

#cor-fundo-pesquisa-atos-oficiais {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display:flex;
    flex-direction:row;
}

#cor-fundo-pesquisa-planejamento-orcamentario {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-parecer-previo {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-responsabilidade-fiscal {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-prestacao-contas {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-gestao-pessoal {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-licitacoes-contratos {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-execucao-orcamentaria {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-execucao-orcamentaria-relatorios {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

#cor-fundo-pesquisa-diversos {
    background-color: #F9F9F9;
    padding-bottom: 1px;
    display: flex;
    flex-direction: row;
}

.posicao-elemento-form {
    display: flex;
    flex-direction: row;
}

.btn-mes-position{
    float:left;
    margin-right:15px;
}

.flutuando{
    float:left;
    padding-right:20px;
}

.btn-form {
    text-align: center;
    margin-top: 10px;
    margin-left: 7px;
}

.config-button{
    margin-left:10px;
}

.tamanho-campo-exercicio{
    width:100px;
}

.tamanho-campo-mes{
    width:130px;
}

.tamanho-campo-orgao{
    width:300px;
}

.tamanho-campo-data{
    width:100px;
}

.fornecedor{
    float:left;
    margin-left:7px;
    padding-right: 10px;
}

.groupOpcao {
    display:inline-block;
    /*float:left;*/
}

a:focus, a:hover{
    /*color:#23527c;*/
    color:#00ce88;
    text-decoration:none;
}

a{
    cursor:pointer;
}

.item-tile{
    text-align:center;
    font-size:17px;
    color:#333;
}

.cursor-tiles{
    cursor:pointer;
}

.img-position{
    text-align:center;
    margin-top:19px;
    text-decoration:none;
}

#position-hr-grid{
    margin-top:0px;
    margin-bottom:7px;
    padding-bottom:0px;
}

.logo-subitens{
    float:left;
    position:fixed;
}

.titulo-subitens {
    font-size: 30px;
    padding-bottom:0;
    margin-bottom:-10px;
    font-family: 'Titillium Web', sans-serif;
}

.elemento-subitens{
    margin-left:10px;
    /*margin-top:5px;*/
}

.button-subitens{
    margin-left:10px;
}

/*.button-subitens:hover{
    background-color:#00a8ad;
    border-color:#00a8ad;
}*/

.caminho{
    font-size:11px;
}

.btnExcel{
    /*background-image:url('/Content/images/export-excel.png');*/
    text-align:left;
    margin-left:0px;
    margin-top:0px;
}

.btnPdf{
    /*background-image:url('/Content/images/export-pdf.png');*/
    text-align:left;
    margin-left:0px;
    margin-top:0px;
}

/************************************************************************************************************/


/*   ESPACO SIC - ACESSO A INFORMAÇÃO */

.sic-centro{
    font-family: 'Dosis', sans-serif;
    text-align:center;
}
#form-obrigatorio{
    color:#e90000;
    font-size:12px;
    font-family: 'Raleway', sans-serif;
}

.hr-sic{
    margin-top:0px;
}

textarea{
    resize:none;
}

div.frc{
    clear:both;
}

#finalform{
    padding-bottom:30px;
}

#size-protocolo{
    font-size:15px;
}

#IDPedido{
    text-align:center;
    width:200px;
    font-size:20px;
}

.imgTitulo{
    text-align:center;
}

.left-esic{
    text-align:center;
}

.left-esicinfo{
    margin-top:-20px;
    text-align:center;
}

.btnEntrar {
    width: 170px;
    margin-top:15px;
}

.btnEntrar:hover{
    background-color:#00a8ad;
    border-color:#00a8ad;
}

.btnConsultar {
    width: 170px;
    margin-top: 15px;
}

.btnConsultar:hover{
    background-color:#00a8ad;
    border-color:#00a8ad;
}

.enviarButton{
    display:inline-block;
    border-color:#2098d1;
}

input.enviarButton:hover{
    color:#008000;
    background-color:#fff;
    border-color:#008000;
}

#centro-buttonForm-esic{
    text-align:center;
}

.colorEnviar{
    color:#00ce88;
}

.consultarButton{
    width:240px;
}

.cancelarButton{
    margin-left:10px;
}

a.cancelarButton:hover{
    color:#e90000;
    background-color:#fff;
    border-color:#e90000;
}

#position-element{
    text-align:center;
}

#espaco-fim-consulta{
    padding-bottom:110px;
}

.dataInicialTextBox {
    float:left;
    /*display: inline-block;*/
    width: 100px;
    margin-right: 5px;
}

.dataFinalTextBox{
    float:left;
    /*display:inline-block;*/
    width:100px;
    margin-right:20px;
}



/*** NOVA CONFIG ESIC FORMULARIO DE PEDIDO ***/

.colunas-form{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}

#busca-cep{
    display:none;
}

#cpf{
    display:inline;
}

#cnpj{
    display:none;
}

div.divTipoResposta {
    margin-right: 15px;
}

div.divCPFCNPJ {
    margin-right: 15px;
}

div.divNome {
    margin-right: 15px;
    width: 50%;
}

div.divDataNascimento {
    margin-right: 15px;
}

div.divSexo {
    margin-right: 86px;
}

div.divCEP {
    margin-right: 15px;
}

div.divEndereco {
    margin-right: 15px;
    width: 50%;
}

div.divNumero {
    margin-right: 15px;
}
div.divBairro {
    margin-right: 15px;
    width: 19.5%;
}
div.divCidade {
    margin-right: 15px;
    width: 21.5%;
}

div.divUF {
    margin-right: 15px;
}
div.divEmail {
    margin-right: 15px;
    width: 20%;
}
div.divTelefoneContato {
    margin-right: 15px;
}
div.divAssunto {
    margin-right: 15px;
    width: 50%;
}

@media (max-width: 1024px) {
    div.divTipoResposta {
        margin-right: 0;
        width: 100%;
    }

    div.divCPFCNPJ {
        margin-right: 0;
        width: 100%;
    }

    div.divNome {
        margin-right: 0;
        width: 100%;
    }

    div.divDataNascimento {
        margin-right: 0;
        width: 100%;
    }

    div.divSexo {
        margin-right: 0;
        width: 100%;
    }

    div.divCEP {
        margin-right: 0;
        width: 100%;
    }

    div.divEndereco {
        margin-right: 0;
        width: 100%;
    }

    div.divNumero {
        margin-right: 0;
        width: 100%;
    }

    div.divBairro {
        margin-right: 0;
        width: 100%;
    }

    div.divCidade {
        margin-right: 0;
        width: 100%;
    }

    div.divUF {
        margin-right: 0;
        width: 100%;
    }

    div.divEmail {
        margin-right: 0;
        width: 100%;
    }

    div.divTelefoneContato {
        margin-right: 0;
        width: 100%;
    }

    div.divAssunto {
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width: 1280px) {
    div.divTipoResposta {
        margin-right: 0;
        width: 100%;
    }

    div.divCPFCNPJ {
        margin-right: 0;
        width: 100%;
    }

    div.divNome {
        margin-right: 0;
        width: 100%;
    }

    div.divDataNascimento {
        margin-right: 0;
        width: 100%;
    }

    div.divSexo {
        margin-right: 0;
        width: 100%;
    }

    div.divCEP {
        margin-right: 0;
        width: 100%;
    }

    div.divEndereco {
        margin-right: 0;
        width: 100%;
    }

    div.divNumero {
        margin-right: 0;
        width: 100%;
    }

    div.divBairro {
        margin-right: 0;
        width: 100%;
    }

    div.divCidade {
        margin-right: 0;
        width: 100%;
    }

    div.divUF {
        margin-right: 0;
        width: 100%;
    }

    div.divEmail {
        margin-right: 0;
        width: 100%;
    }

    div.divTelefoneContato {
        margin-right: 0;
        width: 100%;
    }

    div.divAssunto {
        margin-right: 0;
        width: 100%;
    }
}


/*CONFIG LOCAL SIC*/

#siclocal-center {
    text-align:center;
    margin-top:20px;
}

/*button-subitens {
    float: none !important;
}*/

#background-sic-local {
    margin-top: 20px;
    padding-bottom: 10px;
    background-color: #ECECEC;
    font-family: 'Abel', sans-serif;
    border-bottom: 5px solid #3276B1;
    text-align: left; /* reset the text-align */
    margin-right: -4px; /* inline-block space fix */
    margin: 0 auto !important;
    height: auto;
    width: 100%;
    text-align: center;
    position: inherit;
    float: none !important;

    /*efeito transparante*/
    opacity: 0.70;
    filter: alpha(opacity=70);
}

#titulo-sic-local{
    font-size:23px;
    font-family: 'Abel', sans-serif;
    color:#3276B1;
}

#sic-titulo {
    text-align:center;
}

#sic-titulo-consulta-pedido{
    text-align:center;
}

.texto-sic-local {
    text-align: left;
    margin-left: 15px;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
}

#subtitulo-sic-local{
    font-size:18px;
}

#retorna-index{
    margin:15px 0 15px 0;
    text-align:center;

}

#estatistica-sic {
    margin-top: 65px;
    text-align: center;
}

#flexbox-estatistica-sic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.sexo-estatistic {
    margin-top: 65px;
    text-align: center;
}

.flexbox-sexo-estatistic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.idade-estatistic {
    margin-top: 65px;
    text-align: center;
}

.flexbox-idade-estatistic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.span-flexbox-estatistica-sic {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Titillium Web', sans-serif;
}

.conteudo-estatistica {
    text-align: left;
    margin-top:9px;
    padding: 10px 10px 10px 10px;
}

.seta-baixo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
}

.sic-estatistica {
    border-left: 1px solid #9E9E9E;
    height: 40px;
    width: 1px;
    padding: 0;
    margin: 0;
    margin-right: 15px;
    margin-left: 15px;
}

#titulo-estatistic-sic {
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    margin-top: 50px;
}

#font-estat-titulo-sic {
    font-family: 'Titillium Web', sans-serif;
    text-decoration:none;
}

a.scrollSuave {
    text-decoration: none;
}

.abc{
    text-decoration:none;
}


/*******************************************/
/************* PÁGINA SUCESSO ***************/

#position-txt {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 50px;
}

#txt-success{
    color:#00ce88;
    font-size:30px;
}

#bottom-protocolo{
    margin-bottom:500px;
    border-color:#008af1;
}

.size-protocol{
    font-size:20px;
}

#shape-number{
    font-style:oblique;
    font-size:30px;
    background-color: #00ce88;
    color:#fff;
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border: 1px solid #fff;
    padding:10px 0 10px 0;
}

/*******************************************/

/************* PÁGINA ERROR ***************/

#position-txt-error{
    text-align:center;
    margin-top:30px;
    padding-bottom:50px;
}

#txt-error{
    color:#e90000;
}

#txt-again{
    color:#dbc900;
}

#end-page{
    margin-bottom:500px;
    border-color:#008af1;
}

/* PÁGINA 404 */
#error404{
    text-align:center;
    margin-top:100px;
    color:#333;
    font-size:100px;
}

/*******************************************/

/************* RESPOSTA SIC ***************/

.size-texto{
    font-size:25px;
}

.border-voltarResposta{
    border-color:#008af1;
}

/* SIM */

#msg-respondido{
    color:#00ce88;
    font-size:25px;
}

/* NAO */

#msg-analise{
    font-size:25px;
}

/*******************************************/


/* ÁREA DE EXPORTAÇÃO DE ARQUIVO PDF */

.campos-header{
    margin-left:10px;
}

/* ÁREA DE EXPORTAÇÃO DE ARQUIVO PDF */

/***************************************** FOOTER.config ******************************************************/
.font-footer{
    font-family: 'Titillium Web', sans-serif;
}

#position-elemento-prefooter{
    text-align:center;
}

.bgcolor-footer {
    /*background-color:#3276b1;*/
    /*background-color:#00405d;*/
    /*background-color:#003b64;*/
    /*background-color: #08538c;*/
    background-color: #007ACC;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

.footer-area-business{
    padding-top:11px;
    padding-bottom:11px;
    text-align:center;
}

.totais{
    text-align:center;
}
/************************************************************************************************************/



.total-valores{
    text-align:right;
}


/* REQUIRED INFORMATION FORM */
input[type="text"] {
  border: 1px solid #ddd;
  padding: 4px 8px;
}

input[type="text"]:focus {
  border: 1px solid #008af1;
}

input[type="email"] {
  border: 1px solid #ddd;
  padding: 4px 8px;
}

input[type="email"]:focus {
  border: 1px solid #008af1;
}
/* end REQUIRED INFORMATION FORM */



/* Fonte Despesa Detalhada */
.font-despesa-detalhada{
    font-family: 'Titillium Web', sans-serif;
}

.verticalLine {
    border-left: thick solid #ff0000;
}










/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}

.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  background-color: #2098d1;
  color: white;
}


.flutuar-campo{
    float:left;
    margin-right:10px;
}

/*Receita*/
.bold-div-filho{
    font-weight:bold;
}

#preloader {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 10px;
    top: 17px;
    text-align: center;
}

#title-empenhoDetalhado{
    text-align:center;
}

img#loading-request {
    margin-top: 10px;
    margin-bottom:10px;
    display: none;
    text-align: center;
}

.data-ultima-movimentacao {
    font-family: 'Titillium Web', sans-serif;
    font-size:13px;
    margin-bottom:0px;
    padding-bottom:0px;
    margin-top:10px;
    text-align:center;
}

#hr-table {
    margin-top:0px;
    padding-top:0px;
}

.container-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.boxOptionsCentral {
    display: flex;
    justify-content: center;
}

.container-flex-reverse {
    display: flex;
    flex-direction: row-reverse;
}

#link-header-pre-nav-l{
    margin-left:10px;
    margin-top:11px;
}
#link-header-pre-nav-r{
    margin-right:10px;
    margin-top:11px;
}

#visite-nosso-site {
    font-family: 'Titillium Web', sans-serif;
    margin-left: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
}
    #visite-nosso-site:hover {
        background-color: #fff;
        color: #08538C;
    }

#assinatura {
    font-size: 12px;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

#empresa {
    text-decoration: none;
    color: #B6B7B2;
    font-size:12px;
}
    #empresa:hover {
        color: #08538C;
    }

a#version-app-info {
    text-decoration: none;
    color: #08538C;
    font-size: 12px;
}
    a#version-app-info:hover {
        color: #3263a6;
    }
       
        
        
        /* Formulário de Pesquisa da Receita */
        #mes-receita {
            margin-left: 10px;
        }
#ano-receita {
    margin-left: 10px;
}
#tipo-receita {
    margin-left: 10px;
}


.posicao-elemento-form-despesa {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
}
/* Formulário de Pesquisa da Despesa */
#ano-despesa {
    width: 80px;
    margin-left: 10px;
    padding-bottom:10px;
}
#orgao-despesa {
    width: 300px;
    margin-left: 10px;
    padding-bottom:10px;
}
.orgao-receita {
    margin-left: 10px;
    padding-bottom: 10px;
}
#fornecedor-despesa {
    width: 500px;
    margin-left: 10px;
    padding-bottom:10px;
}
#data-inicial-despesa {
    width: 100px;
    margin-left: 10px;
    padding-bottom: 10px;
}
#data-final-despesa {
    width: 100px;
    margin-left: 10px;
    padding-bottom: 10px;
}
#tipo-despesa {
    margin-left: 10px;
    padding-bottom:10px;
}

/* Formulário de Pesquisa da Atos Oficiais */
#ano-atos-oficiais {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}
#descricao-atos-oficiais {
    margin-left: 10px;
    width: 1010px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Planejamento Orçamentário */
#ano-planejamento-orcamentario {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#descricao-planejamento-orcamentario {
    margin-left: 10px;
    width: 1010px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Parecer Prévio do Tribunal de Contas */
#ano-parecer-previo {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}
#mes-parecer-previo {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}
#descricao-parecer-previo {
    margin-left: 10px;
    width: 880px;
    margin-top: 10px;
}

/* Formulário de Pesquisa da Responsabilidade Fiscal */
#ano-responsabilidade-fiscal {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#mes-responsabilidade-fiscal {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}

#descricao-responsabilidade-fiscal {
    margin-left: 10px;
    width: 880px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Prestacao de Contas */
#ano-prestacao-contas {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#mes-prestacao-contas {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}

#descricao-prestacao-contas {
    margin-left: 10px;
    width: 880px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Prestacao de Contas */
#ano-gestao-pessoal {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#mes-gestao-pessoal {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}

#descricao-gestao-pessoal {
    margin-left: 10px;
    width: 880px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Licitações e Contratos */
#ano-licitacoes-contratos {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#descricao-licitacoes-contratos {
    margin-left: 10px;
    width: 1010px;
    margin-top: 10px;
}

/* Formulário de Pesquisa da Execução Orçamentária */
#ano-execucao-orcamentaria {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#mes-execucao-orcamentaria {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}

#descricao-execucao-orcamentaria {
    margin-left: 10px;
    width: 880px;
    margin-top: 10px;
}

/* Formulário de Pesquisa da Execução Orçamentária - Relatórios */
#ano-execucao-orcamentaria-relatorios {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

/* Formulário de Pesquisa do Diversos */
#ano-diversos {
    margin-left: 10px;
    width: 100px;
    margin-top: 10px;
}

#mes-diversos {
    margin-left: 10px;
    width: 120px;
    margin-top: 10px;
}

#descricao-diversos {
    margin-left: 10px;
    width: 600px;
    margin-top: 10px;
}

#data-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#data-inicial-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#data-final-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#exercicio-inicial-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#exercicio-final-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#numero-diversos {
    margin-left: 10px;
    width: 130px;
    margin-top: 10px;
}

#span-export-pdf-empenho-detalhado {
    font-family: 'Titillium Web', sans-serif;
    font-size:11px;
}
#a-export-pdf-empenh-detalhado{
    text-decoration:none;
}







.position-box{
    margin:0 0 0 0;
}

.img-fazerPedido {
    padding-bottom: 0px;
    margin-bottom: -15px;
}

.border-fazerPedido {
    border-radius: 1px 1px 1px 1px;
}

@media (max-width: 767px) {
    #clearProp {
        clear:both;
    }
}

@media (max-width: 767px) {
    .clearPropp {
        clear: both;
    }
}

@media (max-width: 1024px) {
    .rightProp {
        margin-right: 20px;
    }
}
@media (max-width: 767px) {
    #left-aviso-p {
        
    }
}

@media(max-width: 767px){
    #forColLast {
        width: 100%;
    }
}

.hr-dadosSic {
    width: 50%;
}

@media(max-width: 767px){
    #hr-dadosSic {
        width: 100px;
    }
}

#piechart {
    width: 600px;
    height: 500px;
}

@media(max-width: 1280px) {
    #piechart {
        width: 300px;
        height: 140px;
    }
}
@media(max-width: 1024px) {
    #piechart {
        width: 300px;
        height: 140px;
    }
}
@media(max-width: 767px){
    #piechart {
        width: 300px;
        height: 140px;
    }
}

@media(max-width:767px) {
    .dados-sexo {
        margin-left: 25%;
        margin-top: -50px;
    }
}

@media(max-width:767px) {
    .dados-idade {
        margin-left: 25%;
        margin-top: -50px;
    }
}

@media(max-width:767px) {
    .dados-assunto {
        margin-left: 25%;
        margin-top: -50px;
    }
}

#piesexo {
    width: 600px;
    height: 500px;
}

@media(max-width: 1280px) {
    #piesexo {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 1024px) {
    #piesexo {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 767px) {
    #piesexo {
        width: 300px;
        height: 140px;
    }
}

#pieidade {
    width: 600px;
    height: 500px;
}

@media(max-width: 1280px) {
    #pieidade {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 1024px) {
    #pieidade {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 767px) {
    #pieidade {
        width: 300px;
        height: 140px;
    }
}

#pieassunto {
    width: 600px;
    height: 500px;
}

@media(max-width: 1280px) {
    #pieassunto {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 1024px) {
    #pieassunto {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 767px) {
    #pieassunto {
        width: 300px;
        height: 140px;
    }
}

@media(max-width: 767px){
    #phonePositionRealizar{
        margin-left:20%;
    }
}

@media(max-width: 767px) {
    #phonePositionConsultar {
        margin-left: 20%;
    }
}

@media(max-width: 767px) {
    #phonePosition-SicFisico {
        margin-left: 25%;
    }
}


.prop-button-submit {
    color: #FFF !important;
    border: 1px solid #005C9B !important;
    border-radius: 1px 1px !important;
    background-color: #005C9B !important;
}

    .prop-button-submit:hover,
    .prop-button-submit:focus,
    .prop-button-submit:after {
        color: #FFF !important;
        border: 1px solid #0076BA !important;
        border-radius: 1px 1px !important;
        background-color: #0076BA !important;
    }


.prop-button-back {
    color: #000 !important;
    border-radius: 1px 1px !important;
}

    .prop-button-back:hover,
    .prop-button-back:focus,
    .prop-button-back:after {
        color: #000 !important;
        border-radius: 1px 1px !important;
    }

.font-h2titulo {
    font-family: 'Titillium Web', sans-serif;
}
.font-transparencia {
    font-family: 'Titillium Web', sans-serif;
}

.paletaUpdate {
    color: #39BEB9;
}

/* #region EXPORTAÇÃO DE GRÁFICOS DO ESIC */

/*GERAL*/
.estatistic-sic-export {
    margin-top: 65px;
    text-align: center;
}

.flexbox-estatistic-sic-export {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.conteudo-estatistica-export {
    text-align: left;
    margin-top: 9px;
    padding: 10px 10px 10px 10px;
}

.span-flexbox-estatistica-sic-export {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Titillium Web', sans-serif;
}

#piechart-export {
    width: 500px;
    height: 400px;
}

.bg-disabled {
    background-color: #EBE8E8;
}

/*SEXO*/
.sexo-estatistic-export {
    margin-top: 65px;
    text-align: center;
}

.flexbox-sexo-estatistic-export {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.conteudo-estatistica-export {
    text-align: left;
    margin-top: 9px;
    padding: 10px 10px 10px 10px;
}

.span-flexbox-estatistica-sic-export {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Titillium Web', sans-serif;
}

#piesexo-export {
    width: 500px;
    height: 400px;
}


/*IDADE*/
.idade-estatistic-export {
    margin-top: 65px;
    text-align: center;
}

.assunto-estatistic-export {
    margin-top: 65px;
    text-align: center;
}

.flexbox-idade-estatistic-export {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.flexbox-assunto-estatistic-export {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}

.conteudo-estatistica-export {
    text-align: left;
    margin-top: 9px;
    padding: 10px 10px 10px 10px;
}

.span-flexbox-estatistica-sic-export {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: 'Titillium Web', sans-serif;
}

#pieidade-export {
    width: 500px;
    height: 400px;
}

#pieassunto-export {
    width: 500px;
    height: 400px;
}

/* #endregion */

/* #region LIST ADMIN DOCUMENTOS - ANEXAR LICITAÇÃO */

.size-col-exibir {
    width: 20px;
}

#titulo_documento {
    height: 34px;
}

#numero_contrato {
    height: 34px;
}

#titulo_contrato {
    height: 34px;
}

/* #endregion */

td.tdD {
    padding: 10px !important;
}



/* #region ESTRUTURA ORGANIZACIONAL */

@keyframes bounce {
    0%, 20%, 60%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

a.color-ver-atribuicoes {
    color: #3C763D;
    text-decoration: none;
    font-weight: bold;
}
.color-ver-atribuicoes:hover {
    /*color:#3C763D;*/
    animation: bounce 3s;
    text-decoration: none;
}

/* #endregion */

/* #region ESTILO PADRÃO DE TABELA */

.top-border-table {
    border-top: 2px solid #0076BA;
}

.background-header-table {
    background-color: #C7C7C8;
}

.background-footer-table {
    background-color: #C7C7C8;
}

.position-decimal{
    text-align:right;
}

.position-elements-footer-modal{
    text-align:center;
}

#exportar-para {
    color: #0076BA;
}

.sem-linha:hover{
    text-decoration:none;
}

/* #endregion */


.shit {
    text-decoration: none;
}

    .shit:hover {
        text-decoration: none;
    }

.s-title-obra{
    font-weight:bold;
}

.label-content-text-obra{
    font-weight:normal;
}

.flex-detalhe-obra{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    flex-direction:row;
}

.semjuntar{
    margin-right:15px;
    margin-bottom:30px;
}

.position-data{
    margin-top:15px;
    margin-bottom:30px;
}


/* #region PERGUNTAS FREQUENTES */

@import url('https://fonts.googleapis.com/css?family=Hind:300,400');
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.container.pf {
    margin: 0 auto;
    padding: 4rem;
    width: 48rem;
}

h3.h3pf {
    font-size: 1.75rem;
    color: #373d51;
    padding: 1.3rem;
    margin: 0;
}

#body-accordion-perguntas-frequentes {
    margin: 0;
    padding: 0;
    font-family: 'Hind', sans-serif;
    background: #fff;
    color: #4d5974;
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;*/
    /*display: flex;*/
    min-height: 60vh;
}

.accordion a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    color: #7288a2;
    font-size: 1.15rem;
    font-weight: 400;
    border-bottom: 1px solid #e5e5e5;
}

    .accordion a:hover,
    .accordion a:hover::after {
        cursor: pointer;
        color: #03b5d2;
    }

        .accordion a:hover::after {
            /*border: 1px solid #03b5d2;*/
        }

    .accordion a.active {
        color: #03b5d2;
        border-bottom: 1px solid #03b5d2;
    }

    .accordion a::after {
        font-family: 'Ionicons';
        content: '\f100';
        position: absolute;
        float: right;
        right: 1rem;
        font-size: 2.5rem;
        color: #7288a2;
        padding: 5px;
        width: 27px;
        height: 27px;
        /*-webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #7288a2;*/
        text-align: center;
        margin-top:-10px;
    }

    .accordion a.active::after {
        font-family: 'Ionicons';
        content: '\f1fb';
        color: #03b5d2;
        /*border: 1px solid #03b5d2;*/
    }

.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    clear: both;
    -webkit-transition: all 0.2s ease 0.15s;
    -o-transition: all 0.2s ease 0.15s;
    transition: all 0.2s ease 0.15s;
}

    .accordion .content p {
        font-size: 1rem;
        font-weight: 300;
    }

    .accordion .content.active {
        opacity: 1;
        padding: 1rem;
        max-height: 100%;
        -webkit-transition: all 0.35s ease 0.15s;
        -o-transition: all 0.35s ease 0.15s;
        transition: all 0.35s ease 0.15s;
    }

/* #endregion */

#data-inicial-df {
    margin-left:20px;
    margin-right: 10px;
}

#data-final-df {
    margin-right: 10px;
}

.ano-gp {
    margin-left: 30px;
    width: 17%;
    margin-top: 10px;
}

.mes-gp {
    margin-left: 10px;
    width: 14%;
    margin-top: 10px;
}

.tipoCalculo-gp {
    margin-left: 10px;
    width: 14%;
    margin-top: 10px;
}

.tipo-calculo-fi {
    margin-left: 10px;
    width: 14%;
    margin-top: 10px;
}

.valor-tabela-alinhamento{
    text-align:right;
}

.ref-tabela-alinhamento{
    text-align:center;
}

.no-style-mouse-link{
    text-decoration:none;
}
.no-style-mouse-link:hover {
    text-decoration: none;
}

.style-span-table-aviso{
    font-size:10px;
    font-style:italic;
}

.tapete-table {
    background-color: #EEEEEE;
    border: 30px solid #EEEEEE;
    border-radius: 10px 10px;
}

.titulo-tapete {
    font-size: 15px;
}

.borda-topo-table {
    font-weight: bold;
    border-top: 2px solid #0094ff;
    background-color: #C7C7C8;
}

.btn-pagination {
    color: #78B794 !important;
    background-color: #fff !important;
    border: 1px solid #78B794 !important;
    border-color: #78B794 !important;
    border-radius: 1px 1px !important;
}

    .btn-pagination:hover,
    .btn-pagination:focus,
    .btn-pagination:active {
        color: #fff !important;
        background-color: #78B794 !important;
        border: 1px solid #78B794 !important;
        border-color: #78B794 !important;
        border-radius: 1px 1px !important;
    }




.loading-flat {
    border: 1px solid #3263a6;
    border-radius: 15px;
    background-color: #F6F9FC !important;
    color: #3263a6 !important;
    font-weight: bold;
    padding-top: 2px;
    width: 200px;
}

#grupo{
    display:inline;
}

#trabalhadores{
    display:none;
}

.position-number-folha-integral{
    text-align:center;
}

.position-text-folha-integral{
    text-align:left;
}

.posicao-elemento-form {
    display: block !important;
}

.titulo-subitens {
    display: inline;
    margin-left: 20px;
}

.titulo-subitens {
    font-size: 30px;
    padding-bottom: 0;
    margin-bottom: -10px;
    font-family: 'Titillium Web', sans-serif;
}

.elemento-subitens {
    margin-left: 10px;
    margin-top: 20px;
}

.btn-pagina-atual {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

.c-pointer{
    cursor: pointer !important;
}

.d-inline-block{
    display: inline-block;
}

/* Ordenação */

.list-order > li{
    font-size: 12px !important;
}

.order-normal .list-order {
    top: -50px;
    left: 75px;
}

.list-order {
    width: 100px;
    position: absolute;
    z-index: 1000;
    top: 15px;
}

.btn-arrow-numero + .list-order {
    width: 100px;
    position: absolute;
    left: 78px;
}

.btn-arrow-data + .list-order {
    width: 100px;
    position: absolute;
    left: 58px;
}

.table-covid19-despesas thead tr:nth-child(1) {
    background-color: #C7C7C8 !important;
    border-top: 2px solid #0094FF !important;
    font-weight: bold !important;
}

.table-covid19-despesas thead tr:nth-child(2) input {
    border-color: #767676!important;
}

.table-covid19-despesas thead tr:nth-child(2) th {
    padding: 10px 2px;
}

.prop-button-voltar {
    border-width: 1px;
}