/*GERAL*/
* {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a, h1, h2, p, body, span {
  color: #4d4d4d;
}
.vpw-mes {
  color: #FFF !important;
}

a {
cursor: pointer;
}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background: #F8F8F8 url('../images/imgFundoPortal.png') no-repeat 50% 150px;
min-height: 870px;
padding-bottom: 50px;
}

.conteudo {
  width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 4px 0;
}

.cabecalho{
display: flex;
justify-content: space-between;
margin: 5px 0;
border-bottom: 1px solid #c8c8c8;
padding-bottom: 6px;
align-items: center;
}

.ordem-crono {
display: flex;
align-items: center;
justify-content: flex-start;
}

.ordem-crono p {
    width: 23rem;
    margin: 0;
}

.ordem-crono svg{
margin-right: 1px;
}

.separador-cinza {
width: 100%;
height: 5px;
background-color: #C1CED4;
}

.icon-brasil-transaparente {
background: url("../images/base/icoAreaTransp.png");
}

#h2-style1 {
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
margin: 4px 0 0 5px;
}

.icone-medio {
width: 45px;
height: 50px;
}

.cabecalho-sistema {
padding-top: 10px;
width: 960px;
height: 75px;
border-bottom: 1px solid #C1CED4;
}

.barra {
width: 2px;
height: 20px;
border: 1px solid #D9D9D9;
margin: 5px 20px;
}


.btn-custom {
  padding: 1px 10px;
  font-size: 16px;
  background: url("../../public/images/base/imgFundoBotao.png") 0 -2px repeat-x;
  color: #ffffff;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #aaaaaa solid;
  border-left: none;
  border-right: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #7f7f7f;
  font-family: Trebuchet MS, Verdana, Helvetica, Arial;
  font-size: 14px;
}
.btn-custom:hover {
  background: url("../../public/images/base/imgFundoBotao.png") 0 -32px repeat-x;
  text-decoration: none;
}


#anoContratoBusca {
  width: 75px;
  height: 26px !important;
  overflow: hidden;
  background: #FFFFFF url("../../public/images/base/btnSeta.svg") no-repeat;
  border: 1px solid #B9BEC4;
  cursor: pointer;
  appearance: none;
  padding-left: 5px;
}

#anoContratoBusca:hover {
  background-position: 0 -26px;
}

.barra-pesquisa{
  font-size: 13px !important;
}

.barra-pesquisa p select{
  background-color: #FFF !important;
}

/*FORM*/
.input-busca {
  width: 450px;
  border: 1px solid #B9BEC4;
  margin-right: 10px;
  padding: 2px;
}

/*HEADER*/
.topo {
  width: 100%;
  height: 50px;
  background-color: #0069A0;
  padding-top: 1px;
}

.topo2 {
  width: 100%;
  height: 40px;
  background-color: #548A00;
  padding-top: 2px;
}

.link-entidade {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.link-entidade:hover {
text-decoration: none;
color: #FFFFFF !important;
}

/*CABECALHO ENTIDADE*/
.versao {
font-size: 12px;
margin-top: 5px;
margin-left: 5px;
}

.titulo-entidade {
font-size: 16px;
margin: 5px;
margin-left: 15px;
font-weight: bold;
}

.subtitulo-entidade {
margin-left: 0px;
font-weight: normal;
font-size: 14px;
}

/*BARRA PESQUISA */
.barra-pesquisa {
width: 960px;
height: 35px;
padding: 5px
}

.barra-pesquisa a {
color: #333;
margin: 4px;
}

.barra-pesquisa a:hover {
text-decoration: none;
}

/*TABLE*/
.tabela {
width: 970px;
}

.tabela th {
background-color: #57B1D3;
padding: 2px;
color: #FFFFFF;
padding-left: 7px;
}

.tabela td {
padding: 2px;
padding-left: 7px;
}

.tabela a {
color: #333;
}

.borda-direita-th {
border-right: 1px solid #FFFFFF;
}

.borda-topo {
border-top: 1px solid #FFFFFF;
}

tbody tr:nth-child(odd) {
  background: #F5F5F5;
}

tbody tr {
  background: #D2D2D2;
}

tr:last-child,tr td:last-child{
padding-right: 5px;
}

.fundo-cor1 {
background: #F5F5F5 !important;
}

.fundo-cor2 {
background: #D2D2D2 !important;
}

.fundo-footer {
background: #BDBDBD !important;
}



.detalhamento-titulo {
color: #0576A3;
font-size: 14px;
}

/*LINK MESES*/
.link-meses {
color: #333;
margin: 0;
display: flex;
}

.link-meses a {
color: #333;
padding: 0 6px;
border-right: 1px solid #c8c8c8;
}

.link-meses a:hover {
color: #333;
}

.active {
color: #287587 !important;
font-weight: bold;
}

.link-meses .m12{
padding-right: 0;
border: 0;
}

/*FOOTER*/
footer {
width: 100%;
height: 40px;
padding: 10px;
background: #CCCCCC;
position: fixed;
left: 0;
bottom: 0;
z-index: 0;
}

.logoRodape {
display: block;
width: 111px;
height: 26px;
background: url(../images/base/imgLogoQS.png);
}


/*PAGINACAO*/
.setaPag {
display:block;
width:14px;
height:17px;
float:left;
background:url(../images/components/btnSeta.png);
margin:5px 4px 0 4px;
}

.spEsq:hover { background-position:0 -17px; }
.spDir { background-position:14px 0px;margin-right:10px; }
.spDir:hover { background-position:14px -17px; }
.spEsqDis,.spEsqDis:hover { background-position:0px -34px; cursor:default; }
.spDirDis,.spDirDis:hover { background-position:14px -34px;margin-right:10px; cursor:default; }
.pagNums {
float:left;
margin:5px 0 0 0;
}
.boxPaginacao {
margin:15px 0 0 0;
height:28px;
}

.boxPaginacao .labelCombo {
margin-top: 0px;
}

.boxPaginacao .comboBoxNfe {
margin-left: 10px;
}


/* COMBO BOX ESTILIZADO */

.btCombo {
display:block;
width:17px;
height:17px;
background:url(../images/components/btnDrop.png);
float:left;
margin:2px 0 0 5px;
}
.btCombo:hover {
background-position:0 -17px;
}
.labelCombo {
border:1px solid #4d4d4d;
background:#FFF url(../images/components/imgBG.gif) repeat-x;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
padding:4px;
color:#4D4D4D;
height:30px;
overflow:hidden;
margin-top: 8px;
}
.labelCombo span {
float:left;
cursor:default;
}
.comboBoxNfe {
height:30px !important;
float:left;
}

.itensCombo {
position:absolute;
max-height:282px;
overflow:auto;
background:#FFF;
border:1px solid #4d4d4d;
border-top:0;
display:none;
z-index: 1;
}

.itensCombo a {
font-size:15px;
display:block;
padding:5px;
}

.itensCombo a:hover {
text-decoration: none;
color: #4D4D4D;
background:#e5e5e5 !important;
}

.titCombo {
margin-bottom: -6px;
}

#aditivos, #empenhos, #detalhamento, #fiscais {
margin-top: 20px;
}

.cabecalho-tabela{
background-color: #57B1D3 !important;
padding: 2px !important;
padding-left: 7px !important;
}

.cabecalho-tabela td{
color: #FFFFFF !important;
font-weight: bold !important;
}

.valor{
padding-right: 7px !important;
}


.selectPersonalizado, .selectPersonalizado2 {
  width: 75px;
  height: 26px !important;
  overflow: hidden;
  background: url("../images/components/btnSelect.png") no-repeat right;
  background-position: 50px 3px;
  border: 1px solid #B9BEC4;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.container {
  max-width: 970px;
  padding: 0;
}

.desc-detalhamento{
  color: #0576A3;
  vertical-align: top;
}
.export-data-href {
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
}



#comboTipoContrato {
  width: 150px;
  height: 26px !important;
  overflow: hidden;
  background: #FFFFFF url("../../public/images/base/btnSeta.svg") no-repeat;
  background-position: 75px 0;
  border: 1px solid #B9BEC4;
  cursor: pointer;
  appearance: none;
  padding-left: 5px;
}
#comboTipoContrato:hover {
  background-position: 75px -26px;
}
.mrgBarra {
  margin: 0 10px 0 0;
}
.mrgBot {
  margin-bottom: 10px;
}


.boxFiltros {
  margin: 10px 0 10px 0;
  align-items: center;
}
.boxUnidGestora {
  height: 22px;
  display: block;
  overflow: hidden;
}

.ico-arq {
  display: flex;
  margin: 3px 0 3px 0;
}
.ico-arq i {
  display: table;
  width: 20px;
  height: 20px;
  background-image: url('../images/icones/icoArquivo.svg');
  margin: 0 5px 0 0;
}
.ico-pdf i {
  background-position: 0 0;
}
.ico-zip i {
  background-position: -20px 0;
}
.ico-arq:hover {
    filter: brightness(1.1);
}


/* index */
.detalhar svg image:hover {
filter: brightness(1.2);
}

#barra-inicial{
display: flex;
justify-content: space-between;
}

#export-icon{
display: flex;
justify-content: space-evenly;
}

svg image {
height: 22px;
width: 230px;
}

.cabecalho-integracao div a{
padding: 0 15px;
}

.cabecalho-integracao div .m1{
padding-left: 0;
}

.table-crono{
margin: 0px 0 20px 0;
width: 100%;
}

.borda-bottom {
border-bottom: 1px solid #FFFFFF;
}

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

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

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

.text-justify {
text-align: justify;
text-justify: inter-word;
}

.td-ordem-crono td, .table-crono tr th{
    padding: 3px 5px;
}

.fornecedor, .justificativa {
width: 15%;
}

#botao-voltar {
padding: 5px 12px;
font-size: 16px;
background: url("../images/base/imgFundoBotao.png") 0 -2px repeat-x;
color: #ffffff;
border-right: none;
border-radius: 3px;
box-shadow: 0 0 0 1px #7f7f7f;
font-family: Trebuchet MS, Verdana, Helvetica, Arial;
font-size: 14px;
margin: 5px;
}

#voltar_button{
margin: 0 0 5px 0;
}

#botao-volta {
display: flex;
justify-content: space-between;
}

.esconde {
display: none;
visibility: hidden;
width: 0;
height: 0;
}

#tittle-ordem-crono{
font-size: large;
}

.data, .vencimento, .pagamento {
width: 82px;
}

.categoria{
width: 87px;
}

.empenho, .liq {
width: 44px;
}

a svg {
width: 26px;
height: 22px;
}

.table-container {
margin: 0 !important;
}




.cor1 {
  background: #F5F5F5 !important;
}
.cor2 {
  background: #D2D2D2 !important;
}
.tabela-ocorrencias {
  width: 100%;
  margin: 5px 0 10px 0 !important;
  font-size: 11px !important;
}
.tabela-ocorrencias th, .tabela-ocorrencias td {
  color: #4d4d4d !important;
  background: none !important;
  border: 1px solid #ADADAD !important;
}
.tabela-ocorrencias th {
  color: #4d4d4d !important;
  font-weight: bold !important;
}
.tabela-ocorrencias tr {
  background: none !important;
}

.tabela-fiscais-home {
  width: 550px;
}
.tabela-fiscais-home, .tabela-fiscais-home th, .tabela-fiscais-home td {
  border: 1px solid #999 !important;
}
.tabela-fiscais-home tr, .tabela-fiscais-home th {
  background: none !important;
}
.tabela-fiscais-home th {
  color: #4d4d4d !important;
}
.tabela-fiscais-home th, .tabela-fiscais-home td {
  padding: 2px 5px !important;
}