﻿.h_iframe iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 1000px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.no-bkg {
    background: none !important;
}

div.container {
    max-width: 1170px;
}

div.menu-top {
    float: right;
    width: 100%;
}

div.menu-top div {
    background-color: #fafafa;
    border: solid #f0f0f0 1px;
    float: left;
    padding: 10px 0px;
    height: 41px;
}

div.menu-top div:last-child {
    padding: 6px 15px;
}

div .menu-top a {
    color: #086ac3;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.navbar .boder-bottom-navbar {
    float: left;
    width: 100%;
    height: 5px;
    background: #096AC4;
}

.navbar-default {
    background-color: #003B7D;
    border-top: 1px solid #003B7D;
    border-bottom-width: 0px;
}

.input-group {
    margin-top: 8px;
    margin-bottom: 5px;
}

.navbar-collapse {
    padding-left: 0px;
}

.navbar-default .nav.navbar-nav > li:hover > a:before {

    content: "";
    height: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(236, 183, 66);
    position: absolute;
}


.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight: bold;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-bottom: 1px solid #003b7d;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

section#servicos {
}

.Home_titulo {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.titulo-home {
    font-size: 2em;
    font-weight: bold;
    line-height: 45px;
}

.texto-explicativo {
    margin-bottom: 10px;
}


.atualizacao-data {
    padding: 20px 0px;
}

div#menu-botoes {
    margin-top: 30px;
}

#menu-botoes .box-botao {
    background-color: #003B7D;
    color: #fff;
    text-align: center;
    height: 140px;
    margin-bottom: 25px;
    line-height: 1.15em;
    border-radius: 5px;
    box-shadow: 3px 3px 0px #BBBBBB;
    padding: 5px;
}

/* #menu-botoes .box-botao:a{
     display: block;width: 100%;height: 100%;
     color: #fff !important;
     &:hover, &:active, &:visited{
         text-decoration: none !important;
     }
 }*/
#menu-botoes .box-botao:hover {
    background-color: #0054B0 !important;
    transition: 0.4s linear;
    -o-transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

#menu-botoes .box-botao:active {
    position: relative;
    top: 1px;
    left: 1px;
}

#menu-botoes .box-botao a:hover, #menu-botoes .box-botao a:active, #menu-botoes .box-botao a:visited {
    text-decoration: none !important;
}

#menu-botoes .box-botao a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff !important;
}

#menu-botoes .box-botao .box-container-button {
    display: table;
    width: 100%;
    height: 100%;
}

#menu-botoes .box-botao .box-container-button .align-button {
    display: table-cell;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
}

#menu-botoes .box-botao .box-container-button span.titulo {
    padding: 6px 0 0;
    margin: 0 auto 2px;
    display: block;
    font-size: 1em 'Open-Sans', sans-serif;
}

section#rodape {
    padding-top: 40px;
    background: #003B7D none repeat scroll 0 0;
}

.menu-rodape {
    margin-bottom: 60px;
}

section#rodape ul {
    padding-left: 0px;
}

section#rodape ul span {
    color: #fcb92d;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

section#rodape ul li {
    list-style: none;
    line-height: 18px;
}

section#rodape ul li a {
    color: #fff;
    font-size: 1em;
    line-height: 25px;
}

section#rodape .copyright {
    padding: 20px 10px;
    text-align: center;
}

section#rodape .copyright span {
    font-size: 15px;
    color: rgb(68, 68, 68);
}


div#sumario-atualizacao {
    float: right;
    padding-top: 16px;
}

/********Datatable***********/

#pesquisa .content-search {
    width: 100%;
    position: relative;
    padding: 20px 0;
    background-color: #ddd;
    overflow: hidden;
}

#pesquisa h3 {
    font-size: 22px;
}

label {
    font-size: 13px;
    color: #535353;
    font-weight: normal;
}

#pesquisa form button.btn {
    background-color: #003B7D;
}

.footer-search {
    margin: 45px 0;
    overflow: hidden;
}

.footer-search select {
    margin: 0 10px;
}

.content-table-results {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}

table.table-results .sort-classificacao, table .val-classificacao {
    max-width: 295px;
}

table.table-results thead tr {
    background-color: #003B7D;
}

table.table-results thead th {
    border: none;
    color: #fff;
    font-size: 12px;
    border-right: 1px solid #fff;
    padding: 10px;
    cursor: pointer;
}

table.table-results th i {
    margin-top: 2px;
}

table.table-results tbody tr:nth-child(odd) {
    background-color: #FFF3D9;
}

table.table-results tbody tr td {
    border: none;
    border-right: 1px solid #ddd;
}

table.table-results tbody tr.total-results td {
    font-weight: bold;
    text-align: center;
}

table.table-results tbody tr.total-results td.val-classificacao {
    text-align: right;
}

.content-pagination {
    width: 100%;
    position: relative;
    margin: 30px 0;
}

.content-pagination ul {
    margin: 0;
    padding: 0;
}

.content-pagination ul li a {
    font-size: 13px;
    color: #999;
}

.content-pagination ul li.active a {
    background-color: #003B7D;
}

.line .form-group .form-group {
    margin-bottom: 0;
}

.line .input-group-addon {
    cursor: pointer;
}


/*************menu hover and dropdown***********************/

.dropdown-menu > li.kopie > a {
    padding-left: 5px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: underline;
}
.dropdown-menu > li > a {
    font-size: 1em;
}
@media (max-width: 767px) {

    .navbar-nav {
        display: inline;
    }

    .navbar-default .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .dropdown-menu {
        padding-left: 10px;
    }

    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }

    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }

    li.dropdown.open {
        border: 0px solid red;
    }

}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }

    #navbar {
        text-align: center;
    }
}

/*************section detalhes despesa***********************/

.panel-info > .panel-heading {
    color: #ffffff;
    background-color: #003b7d;
    border-color: #003b7d;
}

.panel-info {
    border-color: #eee;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout {
    padding: 10px 5px;
    margin: 5px 0;
    border: 1px solid #eee;
    border-left: 1px solid #003b7d;
    border-left-width: 5px;
    border-radius: 3px;
}

/*************section detalhes emprenho***********************/

.panel-default > .panel-heading {
    color: #fff;
    background-color: #003b7d;
    border-color: #003b7d;
}

/*Página Indisponivel*/
html, body {
    height: 100%;
    min-height: 100%;
}

#head-indis {
    text-align: center;
}

#head-indis img {
    text-align: center;
    display: inline-flex;
}

#indisponivel {
    text-align: center;
    /*height: 100%;
    min-height: 100%;*/
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 45px;
}

#header-indis {
    text-align: center;
    display: inline-block;
}

.footer-indis {
    text-align: center;
    display: inline-block;
}

#indisponivel img {
    width: 250px;
}

.content-indis {
    margin: 5px 0 20px 0;
}

#indisponivel h1 {
    font-size: 40px;
    color: #b5b5b5;
}

.boder-bottom-navbar {
    float: left;
    width: 100%;
    height: 5px;
    background: #096AC4;
}

.carousel-indicators.videos {
    bottom: -32px;
    left: 0px;
}

/**********AUTO CONTRASTE TOPO *********/
a.link-contraste {
    color: #000;
}

.header-accessibility {
    right: 0;
    float: right;
    margin-right: 20px;
    color: #000;
    margin-top: 7px;
}

/**********VLIBRA TOPO**********/
#brasil-vlibras .link-vlibras {
    height: 50px;
    top: 32px;
    width: 166px !important;
    display: block;
    border: 2px solid #00529b;
    color: #ffffff;
    visibility: hidden;
    position: absolute;
    background-color: #00529b;
    right: 15px;
}

.vlibras #brasil-vlibras:hover .link-vlibras {
    width: 166px !important;
    height: 50px !important;
    display: inline-table;
    border: 2px solid #00529b;
    padding: 10px 15px 10px 15px;
    visibility: visible;
    background: #00529b;
    z-index: 8;
}

.link-vlibras img {
    width: 160px
}

.section-3-list {
    padding: 0;
    list-style-type: none;
}

.section-3-list span {
    margin-left: 8px;
}

.section-vlibras {
    line-height: 30px;
}

.col-md-4.vlibras {
    top: 25px;
}

span#brasil-vlibras {
    float: right;
}

/**********FIM VLIBRA TOPO**********/
/**********BARRA VLIBRA**********/
#barra-brasil-vlibras .barra-link-vlibras {
    height: 50px;
    top: 10px;
    width: 166px !important;
    display: block;
    border: 2px solid #00529b;
    color: #ffffff;
    visibility: hidden;
    position: absolute;
    background-color: #00529b;
    left: 104px;
}

.barra-vlibras:hover #barra-brasil-vlibras .barra-link-vlibras {
    width: 166px !important;
    height: 50px !important;
    display: inline-table;
    border: 2px solid #00529b;
    padding: 10px 15px 10px 15px;
    visibility: visible;
    background: #00529b;
    z-index: 8;
}

.barra-link-vlibras img {
    width: 160px !important
}

.section-3-list {
    padding: 0;
    list-style-type: none;
}

.section-3-list span {
    margin-left: 8px;
}

.section-vlibras {
    line-height: 30px;
}

/**********FIM BARRA VLIBRA**********/
/***********Redes sociais flutuantes ***************/

.menu_flutuante {
    position: absolute;
    z-index: 9999999;
    left: 12px;
}

@media (max-width: 768px) {
    .menu_flutuante {
        display: none
    }
}

.menu_flutuante ul {
    margin: 0px;
    padding: 0px
}

.menu_flutuante ul li {
    padding: 10px;
    border-radius: 50px;
    list-style-type: none;
    margin: 10px 0px;
    text-align: center;
    width: 50px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu_flutuante img {
    width: 30px;
}

.menu_flutuante ul li span {
    color: #fff;
    padding-left: 10px;
    display: none
}

.menu_flutuante ul li:hover {
    width: auto;
    text-align: left
}

.menu_flutuante ul li:hover span {
    display: inline-block
}

.menu_flutuante .flutuante_servicos {
    background: #086AC4
}

.menu_flutuante .flutuante_face {
    background: #3B5998
}

.menu_flutuante .flutuante_google {
    background: #dc4e41
}

.menu_flutuante .flutuante_twitter {
    background: #26A6D1
}

.menu_flutuante .flutuante_instagram {
    background: #3F729B
}

.menu_flutuante .flutuante_libras {
    background: #00529b
}

.menu_flutuante .flutuante_contraste {
    background: #000
}

.flutuante_servicos a {
    color: #fff !important;
}

/***************CSS AUTO CONTRASTE *********************/
.contrast,
.contrast nav,
.contrast div,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article {
    background: black !important;
    color: white !important;
}

.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast i,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}

.contrast a {
    color: yellow !important;
}

.contrast button,
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border: 1px solid;
}

.contrast .form-control {
    color: #fff;
    background-color: #000;
}

.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast textarea,
.contrast input[type=number] {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

.contrast #menu-botoes .box-botao:hover {
    background-color: #ffff00 !important;
    transition: 0.4s linear;
    -o-transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}

.contrast .navbar-default {
    border: 1px solid #000 !important;
}

.contrast .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-bottom: 1px solid #000 !important;
}

.contrast .navbar-default .navbar-nav > .active > a, .contrast .navbar-default .navbar-nav > .active > a:hover, .contrast .navbar-default .navbar-nav > .active > a:focus {
    /* color: #000 !important; */
    background-color: #000000 !important;
}

.contrast .dropdown-menu > li > a:hover, .contrast .dropdown-menu > li > a:focus {
    background-color: #000000 !important;
}

.contrast table.table-results thead tr {
    background-color: #000 !important;
    color: #fff !important;
}

.contrast table.table-results tbody tr:nth-child(odd) {
    background-color: #ffff00 !important;
    color: #000 !important;
}

.contrast .pagination > li:first-child > a, .contrast .pagination > li:first-child > span, .contrast .pagination > li:last-child > a, .contrast .pagination > li:last-child > span {

    background-color: #000;
}

.contrast .content-pagination ul li.active a {
    background-color: #ffff00 !important;
    color: #000 !important;
}

.contrast .content-pagination ul li a {

    background-color: #000 !important;
}

.contrast .content-tabela thead tr {
    background-color: #000 !important;
    color: #fff !important;
}

.contrast .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #FFEB3B;
    color: #000;
}

.contrast .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    background-color: #000;
}

.contrast .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    background-color: #000;
}

.contrast .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    background-color: #000;
}

.contrast .pagination > li > a, .pagination > li > span {
    background-color: #000;
}

.contrast #pesquisa .content-search {
    border: 1px solid;
}
/*COVID19*/

.box-botao.btn-1.covid19 {
    background-color: #fff !important;
    border: 1px solid #f3f3f3;
}
.box-botao.btn-1.covid19 img{
    width: 65px;
}
.box-botao.btn-1.covid19 span{
    color: #000 !important;
    font-weight: 600;
}
.box-botao.btn-1.covid19:hover span{
    color: #fff !important;

}
.dados-covid{

}
.grafico-covid, .numeros-covid{
    border: 1px solid #dfe1e5;
    box-shadow: 3px 3px 0px 0px #9292922e;
}

.numeros-covid-inner{
    border: 1px solid;
    border-radius: 10px;
}
.grafico-covid .panel-body {
    padding: 0px;
}
.grafico-covid{
    border-radius: 10px;
}
.numeros-covid{
border-radius: 10px;
}




.covidtable {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0 2px;
}
.covidtable td:not(:last-child) {
    border-right: 1px solid #dfe1e5;
}
.covidtable td:first-child {
    padding-right: 9px;

}
.tr1{
    border-bottom: 1px solid #dfe1e5;
}
.sz9i9 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.GQXXO {
    color: #3C4043;
    font-size: 12px;
}
.rhs-osrp.rhstc4 .yeRnY {
    font-size: 18px;
}
.sz9i9 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yeRnY {
    color: #202124;
    font-size: 24px;
    padding: 2px 0;
}
.numeros-covid td {
    padding: 25px;
}
.covidh3.sz9i9 {
    font-size: 22px;
    font-weight: 600;
    color: #003b7c;
}
li.covid-menu {
    background: #fff;
}
li.covid-menu a{
    color: red !important;
}
li.covid-menu a:hover{
    color: red !important;
    border-color: red;
}
li.covid-menu:hover a:before{
    color: red !important;
    border-color: red !important;
    background-color: rgb(255, 0, 0) !important;
}

