/* */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&family=Roboto:wght@300;400;500;700;900&display=swap');

img{ filter: grayscale(1) }
.ddl-w-100{ width: 100% !important; }
.btn-default{ text-shadow: none !important; }
.panel-heading{ color: #FFF !important; }
.background-azul, .background-azul-escuro{ background: none !important }
#footer-unidades, .tabela th{ background: #000 !important; }

.panel-title, .text-danger, .text-warning, .text-info, .text-primary, .text-success{ color:  #FFF !important; }

.btn-danger{ border-color: #333333 !important; }
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #252525 !important; border-radius: 4px; border: 1px solid #1a1a1a !important; }
.breadcrumb a{ color: #FFF; }
.panel{ background-color: #333333 !important; color: #FFF; border: 1px solid #FFF !important }
.well{ background-color: #333333 !important; background-image: -webkit-linear-gradient(top,#333333 0,#333333 100%) !important; color: #FFF; border: 1px solid #FFF !important }
.letras .ativado, .letras li:hover{ background: #dddddd !important }
.letras .ativado a, .letras li:hover a{ color: #000 !important }
.letras li{ background: #1e1e1e !important; border-color: #333; }
.alert-atencao { color: #993300; background-color: #F9E275; }
.alert-default{ background-image: linear-gradient(to bottom,#DDD 0,#DDD 100%); border: 1px solid #DDD; color: #FFF; }
.alert-blank{ background-image: none; border: 1px solid #DDD; }

.alerta{ padding: 15px; border: 1px solid #000; margin-bottom: 10px; font-size: 14px; border-radius: 5px; }
.alerta-declaracoes{ background: #000; color: #FFF }

.display-none{ display:none !important }

#lista-principal li a{ color: #FFF; background: #1d1d1d; }
#lista-principal li a:hover, #lista-principal li a:focus, #lista-principal li.active a{ color: #1d1d1d; background: #FFF; }

.panel-heading{ background: #1d1d1d !important; color: #FFF; }
.panel-group .panel+.panel{ margin-top: 20px !important }

input[type=text], input[type=search], input[type=email], input[type=password], textarea, select{ background: #1d1d1d !important; color: #FFF !important;}
input[type=text]:focus, input[type=search]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus, select:focus{ border: 1px solid #FFF; }

.btn, .alert, .dt-button, .bg-primary, .bg-grey-custom, .bg-info{ background: #1d1d1d !important; color: #FFF !important; border: 1px solid #DDD !important; }

.panel-body { padding: 15px 15px 15px 15px !important; }

.paginate_button{ background: #1d1d1d !important; color: #FFF !important; border: 1px solid #DDD !important; margin-top: 15px; margin-left: 10px !important; }
.btn:hover, .dt-button:hover{ background: #FFF !important; color: #1d1d1d !important; border: 1px solid #000 !important; }
#box-social a{ color: #FFF; }


.fancyvideo{ margin-bottom: 10px }
.fancyvideo a{ display: block; }
.fancyvideo a i{ display: none; position: absolute; right: 30%; top: 23%; font-size: 80px; color: red; padding: 5px 15px 10px 22px; border-radius: 22px; }
.fancyvideo a:hover i{ display: block; }
.fancyvideo p{ text-align: center; background: #3e6180; color: #fff; border-bottom: 1px solid #3072ac; padding-top: 8px; padding-bottom: 8px; font-family: 'PT Sans', sans-serif; }

.list-group-item{ background:  transparent !important; }
.item-selecionado{ background: #FFF !important; color: #000 !important; }

.dropdown-exportar-dados{ font-weight: normal; }
.dropdown-exportar-dados > li > a{ background: #1d1d1d !important; color: #fff !important; }
.dropdown-exportar-dados > li > a:hover{ background: #FFF !important; color: #1d1d1d !important; }

.dropdown-menu li.active > a{ background: #DDD !important; color: #1d1d1d !important; }
.dropdown-menu li.active > a:hover{ background: #DDD !important; color: #FFF !important; }

.font-family-padrao { font-family: 'PT Sans', sans-serif !important; }


#box-pesquisa-master{ display: flex; margin-top:  5px; margin-bottom: 5px; }

.progress{ background-image: -webkit-linear-gradient(top,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); background-image: -o-linear-gradient(top,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0, 0, 0, 0.7)),to(rgba(0, 0, 0, 0.57))); background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.7) 0,rgba(0, 0, 0, 0.57) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(0, 0, 0, 0.57)', GradientType=0); background-repeat: repeat-x; }


.progress-bar-graficos{ color: #000 !important;  font-size: 14px !important; 
    background-image: linear-gradient(to bottom,#949494 0,#757575 100%) !important; 
    background-image: -webkit-linear-gradient(top,#949494 0,#757575 100%) !important; 
    background-image: -o-linear-gradient(top,#949494 0,#757575 100%) !important; 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#949494),to(#757575)); 
}
.lista-detalhamento-grafico{ list-style: none; padding-left: 0px; }

.btn-icone-social{ color: #ffffff; font-size: 25px !important; }
.btn-icone-social:hover, .btn-icone-social:focus{ color: #DDD !important; }

.no-border-radius{ border-radius: 0px !important; }
.btn-orange{ background: #000; color: #FFF !important; border-top: 1px solid #FFF !important; border-bottom: 1px solid #FFF !important; border-right: 1px solid #FFF !important;; }
.btn-orange:hover{ background: #FFF; color: #000 !important; }

.table, .table tr, .table tr th, .table tr td, .table:hover th{ color: #FFF }
.table a{ color: #FFF !important; text-decoration: underline; }
.dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, ul, ul li, ol, ol li{ color: #FFF !important; }
.table tr:hover{ background: #1d1d1d !important; }

ul li a, ol li a{ color: #DDD; text-decoration: none }
ul li a:hover, ol li a:hover{ text-decoration: underline; color: #FFF }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd{ background-color: #333333 !important; color: #FFF; }
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{ background-color: #333333 !important; color: #FFF; }
.table-striped>tbody>tr:nth-of-type(odd){ background-color: #333333 !important; color: #FFF !important; }
table.dataTable tbody tr { background-color: #1d1d1d !important; }
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd:hover{  }

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{ background-color: #1d1d1d !important; color: #FFF; }

.modal-content{ background: #333 !important; border: 1px solid #FFF !important; color: #FFF !important; }

/**/
body{ font-size: 13px; background: #333333 !important; color: #FFF !important; }
a { color: #FFFFFF; text-decoration: none; }
a:focus, a:hover { outline: 2px #ffff00 solid !important;}
.atalhos-acessibilidade-xs-inicio a, .atalhos-acessibilidade-xs-inicio a span{ color:  #000 !important; }

header{ background: #1e1e1e !important; color: #FFF; margin-bottom: 30px !important }
.titulo-header{ font-family: 'Roboto', sans-serif !important; }
.titulo-header h1{ font-weight: 900; font-size: 32px; }
.titulo-header h2{ font-size: 17px; }
.titulo-header h5{ font-size: 15px; font-weight: 300; }
.logo-municipio{ border: 1px solid #DDD; background: #FFF; padding: 10px; min-height: 100px; }
.sub-menu{ background: #ffffff; min-height: 43px; line-height: 43px; color: #000; }
.menu{ background: #000000 !important; font-family: 'Roboto', sans-serif !important; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) }
.navbar-brand, .navbar-nav>li>a{ text-shadow: none !important; color: #FFF; font-size: 15px; }
.breadcrumb{ border: 1px solid #DDD; }
.cd-top, .cd-top-custom{ background: rgb(29, 29, 29) !important; }
.nav-tabs>li>a:hover{ color: #555 !important }

.btn-informacao, .btn{ background-color: #252525; border-color: #1a1a1a; color: #FFF; }
.btn-informacao:hover, .btn-informacao:focus{ background-color: #FFF !important; color: #000 !important; border: 1px solid #1a1a1a !important; }

/* Paginação */
.pagination{}
.pagination li a{ background-color: #252525 !important; border-color: #1a1a1a !important; color: #FFF !important; }
.pagination li.active span{ background-color: #FFF !important; color: #000 !important; border: 1px solid #FFF !important; }
.pagination li a:hover{ background-color: #FFF !important; color: #000 !important; border: 1px solid #1a1a1a !important; }

.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.list-unstyled li small a, .list-unstyled li a{ color: #FFF !important; }

.menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open{ background: #333333 !important; color: #FFF; }
.menu > li > a{ background: none !important; }
.menu-sidebar{ font-size: 15px; }
.menu-sidebar > li > .active{ background: #f5f5f5 !important; color: #1d1d1d !important; }

.menu-sidebar a{ color: #FFF; }
.menu-sidebar a:hover{ color: #1d1d1d; }

.menu-sidebar > li{ border-bottom: 1px solid #DDD }
.menu-sidebar > li+li{ margin-top: 0px !important; }
.menu-sidebar > li:last-child{ border-bottom: none; }

.dropdown-menu{ color: #FFF !important; background-color: #000 !important; }
.navbar-nav>li>.dropdown-menu{ padding: 0px; }
.navbar-nav>li>.dropdown-menu > li{ }
.navbar-nav>li>.dropdown-menu > li:hover{ background: #DDD; color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:hover > a{ color: #000 !important; }
.navbar-nav>li>.dropdown-menu > li:last-child{ border-bottom: none; }
.navbar-nav>li>.dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.navbar-nav>li>.dropdown-menu > li > a:last-child{ border-bottom: none; }

.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}

.dropdown-submenu .dropdown-menu > li{  }
.dropdown-submenu .dropdown-menu > li:hover{ background: #DDD; color: #000 !important }
.dropdown-submenu .dropdown-menu > li:hover > a{ color: #000 !important; }
.dropdown-submenu .dropdown-menu > li:last-child{ border-bottom: none; }
.dropdown-submenu .dropdown-menu > li > a{ font-size: 15px; padding: 7px 20px 7px 20px; border-bottom: 1px solid #EEE !important; color: #FFF; }
.dropdown-submenu .dropdown-menu > li > a:last-child{ border-bottom: none; }

.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{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.menu-sidebar > .active > a > i{ color: #FFF; }
.menu-sidebar > li > a > i{ color: #0d77a8; }
.menu-sidebar > li > a:hover > i{ color: #FFF; }

.menu-sidebar-block{ margin-bottom: 10px !important; }
.menu-sidebar-block a{ font-size: 20px !important; padding: 20px 0px !important; }
.menu-sidebar-block i{ display: block }

.panel-program{ border: 1px solid #000 !important; }
.panel-program > .panel-heading{ background: #000 !important; color: #FFF !important; }

.panel-info{ border: 1px solid #009CDC !important; }
.panel-info > .panel-heading{ background: #009CDC !important; color: #FFF !important; }
.panel-primary>.panel-heading { color: #fff !important; background-color: #1d1d1d !important; background-image: linear-gradient(to bottom,#1d1d1d 0,#1d1d1d 100%) !important; border-color: #FFF !important; }
select{ cursor: pointer; }

.list-group a{ background: #1d1d1d !important; color: #FFF !important; }
.list-group a:hover, .list-group a:focus{ background: #000 !important }

.table{ font-size: 14px; }

footer, .breadcrumb{ font-size: 14px; }

td, th{ vertical-align: middle !important; }

.text-search{ width: 301px; border: 1px solid #DDD; height: 35px; border-radius: 4px; padding: 0px 10px }

label{ font-weight: 300 !important; }
.label-primary{ background-color: #000 !important }

.titulo-front{ color: #3072AC }

.thumbnail{ padding: 0px; border: none !important; }

.thumbnail h5{ display: block; padding: 12px 10px; text-transform: uppercase; color: #FFF; font-family: 'PT Sans', sans-serif; background: #1d1d1d; border-top: 2px solid #FFF; vertical-align: middle; font-size: 14px; font-weight: 300; }
.thumbnail h5:hover, .thumbnail:hover h5{ color: #DDD; text-decoration: none !important; }
.thumbnail, .thumbnail:hover, .thumbnail:focus, .thumbnail h5:hover{ text-decoration: none; }

.menu-estilo-right{ background: #3072AC; display: block; color: #FFF; font-family: 'PT Sans', sans-serif; text-transform: uppercase; padding: 10px; border-left: 1px solid #DDD; min-height: 123px; font-weight: 300; font-size: 17px; padding: 0px; }
.menu-estilo-right .titulo{ position: absolute; top: 50%; transform: translateY(-50%); padding: 10px }
.menu-estilo-right .titulo:hover, .menu-estilo-right:hover .titulo, .thumbnail:hover .titulo{ color: yellow }



.titulo-home{ font-weight: 600; color: #FFF !important; font-size: 25px; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 18px; }
.titulo-modal{ font-family: 'Roboto', sans-serif; font-weight: 600; color: #FFF !important; font-size: 18px; text-transform: uppercase; margin-bottom: 0px; margin-top: 0px; }

/* Quadro de Avisos */
.gadget-aviso{ border-bottom: 1px solid #DDD; padding-bottom: 20px; }
.gadget-aviso + .gadget-aviso{ padding-top: 10px }
.gadget-aviso:last-of-type{ border-bottom: none !important; padding-bottom: 0px; }
.gadget-aviso h4{ margin-bottom: 5px; }
.gadget-tipo{ position: absolute; top: 82%; left: 1%; padding: 4px 10px; font-size: 12px; background: #000 !important; color: #FFF !important; }
.gadget-atos-oficiais{ background: #000 }
.gadget-legislacao{ background: #000 }
.gadget-legislativo{ background: #000 }
.gadget-acesso-a-informacao{ background: #000 }
.gadget-servidor{ background: #000 }
.gadget-social{ background: #000 }
.gadget-orcamentario{ background: #000 }
.gadget-tributario{ background: #000 }
.gadget-patrimonial{ background: #000 }
.gadget-coronavirus{ background: #000 }
.gadget-controle-interno{ background: #000 }
.gadget-boas-praticas{ background: #000 }
.gadget-renuncias-fiscais{ background: #000 }
.gadget-finisa{ background: #000 }
.gadget-ouvidoria{ background: #000 }
.gadget-siafic{ background: #000 }
.gadget-transporte-escolar{ background: #000 }

.data-publicacao{}

.gadget-aviso-sidebar{ border-bottom: 1px solid #DDD; padding-bottom: 10px; }
.gadget-aviso-sidebar + .gadget-aviso-sidebar{ padding-top: 5px }
.gadget-aviso-sidebar:last-of-type{ border-bottom: none !important; padding-bottom: 0px; }
.gadget-aviso-sidebar h5{ margin-bottom: 0px; margin-top: 5px; }
.gadget-aviso-sidebar h5 a{ color: #FFF; text-decoration: underline }

/* Footer */
footer .footer-info{ font-family: "Roboto", sans-serif; background: #1e1e1e !important; color: #FFF !important; border-top: 10px solid #dddddd !important; }
footer .footer-info p{ margin-bottom: 0px !important; font-size: 15px; padding-bottom: 5px; }

footer .footer-pos{ background: #000000; color: #FFF; font-family: "Roboto", sans-serif; border-top: 1px solid #222; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) }

.footer-box a{ color: #FFF !important }

.txt-uppercase{ text-transform: uppercase !important; }

.titulo-do-footer{ text-transform: uppercase; font-weight: 800; font-size: 19px; font-family: 'PT Sans'; }
.titulo-font{ font-family: "Roboto", sans-serif; text-transform: uppercase; font-weight: 600; }

.table-acoes{ background: #333333 !important; border: 1px solid #DDD }
td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.custom{
    margin: 10px 10px;
}
.acessibilidade li:first-child { display:inline; margin-left:0; font-size:1.0em; }
.acessibilidade li {
    display:inline;
    margin-left:.5em;
    font-size:1.0em;
}
.acessibilidade li a:hover {
    text-decoration: none;
}
.diminui-letra {
    font-size: 1.0em;
}
.letra-normal {
    font-size: 1.1em;
}
.aumenta-letra {
    font-size: 1.2em;
}
.esconde {
    position: absolute; left: -999em;
}
.label-sem-contraste {
    background:#fff;
    color:#000 !important;
    border:1px solid #ddd;
    font-size:1em;
}
.label-alto-contraste {
    background:#000;
    color:#fff;
    border:1px solid #000;
    font-size:1em;
}

.menu-list{ padding-left: 0px }
.menu-list li{ list-style: none; font-family: "Roboto", sans-serif; }
.btn-padrao{ background: #000; color: #FFF; }
.btn-padrao:hover{ background: #DDD; color: #000; }

.shown{ background: #DDD !important; color: #000 !important; }
.shown > td{ color: #000 !important; }

.alert-danger{ background: #DDD !important; color: #000 !important; }

/*Ir para o topo*/

.cd-top, .cd-top-custom {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    /*text-indent: 100%;*/
    white-space: nowrap;
    background: rgba(9, 113, 137, 0.8);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    text-align: center;
    line-height: 40px;
    color: #ffffff !important;
    font-size: 1.6em;
    border:1px solid #ffffff;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover, .cd-top-custom.cd-is-visible, .cd-top-custom.cd-fade-out, .no-touch .cd-top-custom:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible, .cd-top-custom.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-is-visible-custom{
     /* the button becomes visible */
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-fade-out, .cd-top-custom.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .5;
}
.no-touch .cd-top:hover, .no-touch .cd-top-custom:hover {
    background-color: #097189;
    opacity: 1;
}
/*Breakpoint*/
@media only screen and (min-width: 768px) {
    .cd-top, .cd-top-custom {
        right: 20px;
        bottom: 20px;
    }
}
/*Breakpoint*/
@media only screen and (min-width: 1024px) {
    .cd-top, .cd-top-custom {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }
}

.m-t-5{ margin-top: 5px !important; }
.m-l-5{ margin-left: 5px !important; }
.m-r-5{ margin-right: 5px !important; }
.m-b-5{ margin-bottom: 5px !important; }
.m-t-10{ margin-top: 10px !important; }
.m-l-10{ margin-left: 10px !important; }
.m-r-10{ margin-right: 10px !important; }
.m-b-10{ margin-bottom: 10px !important; }
.m-t-15{ margin-top: 15px !important; }
.m-l-15{ margin-left: 15px !important; }
.m-r-15{ margin-right: 15px !important; }
.m-b-15{ margin-bottom: 15px !important; }
.m-t-20{ margin-top: 20px !important; }
.m-l-20{ margin-left: 20px !important; }
.m-r-20{ margin-right: 20px !important; }
.m-b-20{ margin-bottom: 20px !important; }
.m-t-30{ margin-top: 30px !important; }
.m-l-30{ margin-left: 30px !important; }
.m-r-30{ margin-right: 30px !important; }
.m-b-30{ margin-bottom: 30px !important; }
.m-t-40{ margin-top: 40px !important; }
.m-l-40{ margin-left: 40px !important; }
.m-r-40{ margin-right: 40px !important; }
.m-b-40{ margin-bottom: 40px !important; }
.m-t-50{ margin-top: 50px !important; }
.m-l-50{ margin-left: 50px !important; }
.m-r-50{ margin-right: 50px !important; }
.m-b-50{ margin-bottom: 50px !important; }
.m-t-60{ margin-top: 60px !important; }
.m-l-60{ margin-left: 60px !important; }
.m-r-60{ margin-right: 60px !important; }
.m-b-60{ margin-bottom: 60px !important; }

.p-t-5{ padding-top: 5px !important; }
.p-l-5{ padding-left: 5px !important; }
.p-r-3{ padding-right: 3px !important; }
.p-r-5{ padding-right: 5px !important; }
.p-b-5{ padding-bottom: 5px !important; }
.p-t-10{ padding-top: 10px !important; }
.p-l-10{ padding-left: 10px !important; }
.p-r-10{ padding-right: 10px !important; }
.p-b-10{ padding-bottom: 10px !important; }
.p-t-15{ padding-top: 15px !important; }
.p-l-15{ padding-left: 15px !important; }
.p-r-15{ padding-right: 15px !important; }
.p-b-15{ padding-bottom: 15px !important; }
.p-t-20{ padding-top: 20px !important; }
.p-l-20{ padding-left: 20px !important; }
.p-r-20{ padding-right: 20px !important; }
.p-b-20{ padding-bottom: 20px !important; }
.p-t-30{ padding-top: 30px !important; }
.p-l-30{ padding-left: 30px !important; }
.p-r-30{ padding-right: 30px !important; }
.p-b-30{ padding-bottom: 30px !important; }
.p-t-35{ padding-top: 35px !important; }
.p-l-35{ padding-left: 35px !important; }
.p-r-35{ padding-right: 35px !important; }
.p-b-35{ padding-bottom: 35px !important; }
.p-t-40{ padding-top: 40px !important; }
.p-l-40{ padding-left: 40px !important; }
.p-r-40{ padding-right: 40px !important; }
.p-b-40{ padding-bottom: 40px !important; }
.p-t-60{ padding-top: 60px !important; }
.p-l-60{ padding-left: 60px !important; }
.p-r-60{ padding-right: 60px !important; }
.p-b-60{ padding-bottom: 60px !important; }

.no-m{ margin: 0px !important; }
.no-m-t{ margin-top: 0px !important; }
.no-m-l{ margin-left: 0px !important; }
.no-m-r{ margin-right: 0px !important; }
.no-m-b{ margin-bottom: 0px !important; }

.no-p{ padding: 0px !important; }
.no-p-t{ padding-top: 0px !important; }
.no-p-l{ padding-left: 0px !important; }
.no-p-r{ padding-right: 0px !important; }
.no-p-b{ padding-bottom: 0px !important; }

.nivel-0, .nivel-0 > td{ background-color: #000 !important; color: #FFF !important; cursor: pointer; }
.nivel-1, .nivel-1 > td{ background-color: #333 !important; color: #FFF !important; cursor: pointer; }
.nivel-2, .nivel-2 > td{ background-color: #4a4a4a !important; color: #FFF !important; cursor: pointer; }
.nivel-3, .nivel-3 > td{ background-color: #656565 !important; color: #FFF !important; cursor: pointer; }
.nivel-4, .nivel-4 > td{ background-color: #CDCDCD !important; color: #000 !important; }

.cursor-pointer{ cursor: pointer; }

/***
*       INÍCIO FLIP-CARD.CSS ===============================================================================================
***/

.flip-card { width: 100%; height: 150px; display: inline-block; }
.flip-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }

.flip-container,
.flip-container__front,
.flip-container__back,
.flip-container__button {
    width:  100%;
    height: 100%;
}

.flip-container__flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 100%;
}

.flip-container__front,
.flip-container__back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flip-container__front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
}

.flip-container__back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    padding: 2%;
}

.flip-container__button {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #dddddd;
    background-image: linear-gradient(to bottom, rgba(38,68,120,0.7), rgba(38,68,120,0.7)), url("../img/card/default.jpg?v=1.18.0");
    background-repeat: no-repeat;
    cursor: pointer;
}

.flip-container__button span {
   color: #ffffff;
   font-size: 1.2em;
   padding: 5px;
   text-transform: uppercase;
   font-weight: 300;
   font-family: 'Roboto', sans-serif;
}

.flip-container.active .flip-container__back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.flip-container.active .flip-container__front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.block-flash-card {
    border: 1px solid #dddddd;
    background-color: #dddddd;
    padding: 5%;
    text-align: left;
}

.block-flash-card a {
    display: table-cell;
}

.box-flip-cards {
    position: relative;
    margin-top: 5px;
    text-align: center;
}

.block-flash-card span{
    color: #2369b3;
    font-size: 0.9em;
    font-weight:600;
}

.table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer{ border-bottom: 1px solid #DDD !important }

.despesa-card { background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-1.jpg"); filter: grayscale(1) }
.receita-card { background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-2.jpg"); filter: grayscale(1) }
#acoes-card { background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-3.jpg"); filter: grayscale(1) }
#obras-publicas-card { background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-4.jpg"); filter: grayscale(1) }
#transferencias-financeiras-card { background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-5.jpg"); filter: grayscale(1) }
#convenios-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-6.jpg"); filter: grayscale(1) }
#auditorias-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-7.jpg"); filter: grayscale(1) }
#demonstrativos-fiscais-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-8.jpg"); filter: grayscale(1) }
#planejamento-orcamentario-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-9.jpg"); filter: grayscale(1) }
#prestacao-de-contas-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-10.jpg"); filter: grayscale(1) }
#contratos-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-11.jpg"); filter: grayscale(1) }
#licitacoes-card, .licitacoes_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-12.jpg"); filter: grayscale(1) }
#links-uteis-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-13.jpg"); filter: grayscale(1) }
#web-service-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-14.jpg"); filter: grayscale(1) }
.dados-abertos-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-15.jpg"); filter: grayscale(1) }
#institucional-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-16.jpg"); filter: grayscale(1) }
#finisa-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-17.jpg"); filter: grayscale(1) }
#quadro-de-avisos-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-18.jpg"); filter: grayscale(1) }
.servidores-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-19.jpg"); filter: grayscale(1) }
#contracheque-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-20.jpg"); filter: grayscale(1) }
#graficos-servidores-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-21.jpg"); filter: grayscale(1) }
.publicacoes-oficiais-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-22.jpg"); filter: grayscale(1) }
#lei-organica-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-23.jpg"); filter: grayscale(1) }
#outras-publicacoes-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-24.jpg"); filter: grayscale(1) }
.duvidas_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-25.jpg"); filter: grayscale(1) }
.coronavirus-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-26.jpg"); filter: grayscale(1) }
.pareceres-previos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-27.jpg"); filter: grayscale(1) }
.avisos-de-licitacoes-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-28.jpg"); filter: grayscale(1) }
.lei-federal-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-29.jpg"); filter: grayscale(1) }
.canal-cidadao-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-30.jpg"); filter: grayscale(1) }
.esic-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-31.jpg"); background-size: 100%; filter: grayscale(1) }
.acompanhar_esic_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-32.jpg"); background-size: 100%; filter: grayscale(1) }
.dados_estatisticosesic_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-33.jpg"); background-size: 100%; filter: grayscale(1) }
.faleconosco_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-34.jpg"); filter: grayscale(1) }
.sobreoportal_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-35.jpg"); background-size: 160%; filter: grayscale(1) }
.glossario_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-36.jpg"); filter: grayscale(1) }
.acessibilidade_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-37.jpg"); background-size: 120%; filter: grayscale(1) }
.manualnavegacao_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-38.jpg"); filter: grayscale(1) }
.mapadosite_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-39.jpg"); filter: grayscale(1) }
.teclasdeatalho_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-40.jpg"); filter: grayscale(1) }
.vacinacoes_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-41.jpg"); filter: grayscale(1) }
.ministerio_saude{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.5), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-42.jpg"); filter: grayscale(1) }
.isolamentosocial_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.78), rgba(38,68,120,0.7)), url("../../flip-cards/flip-card-43.jpg"); filter: grayscale(1) }
.vacinados_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-44.jpg"); filter: grayscale(1);}
.boletins_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-45.jpg"); filter: grayscale(1); }
.capacidade_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-46.jpg"); filter: grayscale(1); }
.insumos_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-47.jpg"); filter: grayscale(1); }
.listar-obras-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-48.jpg"); filter: grayscale(1); }
.listar-obras-paralisadas-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-69.jpg"); filter: grayscale(1); }
.mapa-obras-card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-49.jpg"); filter: grayscale(1); }
.estrutura_organizacional_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-50.jpg"); filter: grayscale(1); }
.servico_de_informacao_ao_cidadao{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-51.jpg"); filter: grayscale(1); }
.marcos_importante_no_brasil{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-52.jpg"); filter: grayscale(1); }
.ouvidoria_1{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-53.jpg"); filter: grayscale(1); }
.ouvidoria_2{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-54.jpg"); filter: grayscale(1); }
.ouvidoria_3{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-55.jpg"); filter: grayscale(1); }
.ouvidoria_4{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-56.jpg"); filter: grayscale(1); }
.ouvidoria_5{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-57.jpg"); filter: grayscale(1); }
.ouvidoria_6{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-58.jpg"); filter: grayscale(1); }
.ouvidoria_7{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-59.jpg"); filter: grayscale(1); }
.ouvidoria_8{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-60.jpg"); filter: grayscale(1); }
.flip_transmissao_ao_vivo{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-61.jpg"); filter: grayscale(1); }
.relatorio_anual_esic{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-62.jpg"); filter: grayscale(1); }
.rol_documentos_grau_sigilo{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-63.jpg"); filter: grayscale(1); }
.rol_informacoes_desclassificadas{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-64.jpg"); filter: grayscale(1); }
.flip_atasregistropreco{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-65.jpg"); filter: grayscale(1); }
.transferencias_concedidas_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-66.jpg"); filter: grayscale(1); }
.transporteescolar_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-67.jpg"); filter: grayscale(1); }
.radaratricon_card{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-68.jpg"); filter: grayscale(1); }
.emendas_parlamentares{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-70.jpg"); filter: grayscale(1); }
.divida_ativa{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-71.jpg"); filter: grayscale(1); }
.tercerizados{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-72.jpg"); filter: grayscale(1); }
.estagiarios{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-73.jpg"); filter: grayscale(1); }
.empresas_inidoneas{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-74.jpg"); filter: grayscale(1); }
.termos_aditivos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-75.jpg"); filter: grayscale(1); }
.fiscal_contratos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-76.jpg"); filter: grayscale(1); }
.redes_sociais{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-77.jpg"); filter: grayscale(1); }
.card_lgpd{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-78.jpg"); filter: grayscale(1); }

.card_agente{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/79.jpg"); filter: grayscale(1); }
.card_portal_licitacoes{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/82.jpg"); filter: grayscale(1); }
.card_recurso_lai{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/84.jpg"); filter: grayscale(1); }

.card_acordos_firmados{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-85.jpg"); filter: grayscale(1); }
.card_concursos_publicos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-86.jpg"); filter: grayscale(1); }
.card_processos_seletivos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-87.jpg"); filter: grayscale(1); }
.card_plano_de_contratacao_anual{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-88.jpg"); filter: grayscale(1); }
.card_objetivos_estrategicos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-89.jpg"); filter: grayscale(1); }
.card_desoneracoes{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-90.jpg"); filter: grayscale(1); }
.card_renuncias{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-91.jpg"); filter: grayscale(1); }
.card_incentivos_culturais{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-92.jpg"); filter: grayscale(1); }
.card_emendas_impositivas{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-93.jpg"); filter: grayscale(1); }
.card_lista_espera_creches{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-94.jpg"); filter: grayscale(1); }
.card_cota_parlamentar{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-95.jpg"); filter: grayscale(1); }
.card_verba_indenizatoria{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-96.jpg"); filter: grayscale(1); }
.card_ordem_cronologica_pagamentos{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-97.jpg"); filter: grayscale(1); }
.card_despesas_gerais{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-98.jpg"); filter: grayscale(1); }
.card_amupe{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-99.jpg"); filter: grayscale(1); }

/***
*       FIM FLIP-CARD.CSS ===============================================================================================
***/


#vis-comp .btn-padrao{ margin-bottom: 10px !important; text-align: left !important; }
.box-panel { border-top: 4px solid #DDD; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 15px; border-radius: 0 0 4px 4px; margin-bottom: 10px; }
.box-panel .box-titulo__titulo { margin-bottom: 10px; }
.box-titulo { margin: 0; font-weight: 600; font-size: 1.2em; color: #FFF; font-family: 'Roboto', sans-serif }
.box-list { margin: 0; padding: 5px 0; list-style-type: none; }
.box-list li { position: relative; }
.box-list > ul > li > a { font-size: 1em; color: #FFF; display: block; }

/*
* CARDS WELCOME
*/
.card-uj{ border: 1px solid #FFF; display: block; padding: 15px; min-height: 200px; color: #FFF; font-weight: 500; border-left: 5px solid #DDD; }
.card-uj:hover{ background: #F5F5F5; text-decoration: none; }
.card-unidade-jurisdicionada{ border: 1px solid #F1F1F1; display: block; min-height: 265px; line-height: 18px; padding: 25px 10px 10px 10px; }
.card-unidade-jurisdicionada:hover{ background: #F5F5F5; text-decoration: none; }
.card-unidade-jurisdicionada p{ min-height: 80px; }
.card-unidade-jurisdicionada h5{ font-family: 'Roboto' !important; font-weight: 600px; font-size: 16px; }

.callout { background: #eee; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.callout-default { background: #000; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.callout-info { background: #000; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.callout-primary { background: #000; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.callout-warning { background: #000; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.circle { border-radius: 50%; }
.circle-25 { border-radius: 25%; }
.exportar-dados-ddl{ float: right }
.filtro{ border: 1px solid #f3f3f3; padding: 5px 15px 10px 15px; background: #333333; margin-bottom: 20px; }
.filtro-label{ color: #FFF; }

.pulsating-image {
  width: 90px; /* Ajuste o tamanho conforme necessário */
  height: 105px; /* Ajuste o tamanho conforme necessário */
  border-radius: 50%;
  overflow: hidden;
  animation: pulse 1s infinite;
}

.pulsating-image img {
  width: 100%; /* Garante que a imagem preencha completamente o contêiner */
  height: 100%; /* Garante que a imagem preencha completamente o contêiner */
  object-fit: contain; /* Mantém a proporção da imagem sem distorcer, pode ajustar para "cover" se preferir */
}

.menu > .active > a, .menu > li:hover > a{ color: #FFF !important }