/*Geral*/

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

table.dataTable.display tbody tr.alert-danger>.sorting_1, table.dataTable.order-column.stripe tbody tr.alert-danger>.sorting_1{ background: #eccfcf !important }

body{ font-size: 15px !important; }
header{ background: #3d5c77; color: #FFF; margin-bottom: 30px !important }

.ddl-w-100{ width: 100% !important; }
.no-border-radius{ border-radius: 0px !important; }

.btn-orange{ background: #dc8144; color: #FFF; }
.btn-orange:hover, .btn-orange:focus{ background: #ec7814; color: #FFF !important; }

.alert-warning { color: #993300; background-color: #fff6ca; }
.alert-atencao { color: #993300; background-color: #F9E275; }
.alert-informacao { color: #FFF; background-image: linear-gradient(to bottom,#3176b2 0,#2b6598 100%); border-color: #286090; background-color: #2c689c; }
.alert-default{ background-image: linear-gradient(to bottom,#f1f1f1 0,#f1f1f1 100%); border: 1px solid #DDD; }
.alert-blank{ background-image: none; border: 1px solid #DDD; }
.alerta{ padding: 15px; border: 1px solid #9fd0df73; margin-bottom: 10px; font-size: 14px; border-radius: 5px; }
.alerta-declaracoes{ background: #feffcf; color: #0e5468 }
.display-none{ display:none !important }
.display-none-w{ display:none }

.color-white{ color: #FFF; }
.color-white:hover{ color: #FFF; text-decoration: underline; }
.font-family-padrao{ font-family: 'Roboto', sans-serif !important; }

.btn-informacao{ background-color: #2e6fa7; background-image: linear-gradient(to bottom,#2e6fa7 0,#2e6fa7 100%); border-color: rgb(39, 92, 138) !important; color: #FFF; }
.btn-informacao:hover, .btn-informacao:focus{ background-color: #0A1B2B; color: #FFF !important; border-color: #0A1B2B; }

.panel-atencao{ background-color: #f5f5f5 !important; border-left: 1px solid #DDD !important; border-right: 1px solid #DDD !important; border-bottom: 1px solid #DDD !important; }
.panel-atencao > .panel-heading{ background-color: #F9E275 !important; }

.panel-informacao{ background-color: #f5f5f5 !important; border-left: 1px solid #2c3e50 !important; border-right: 1px solid #2c3e50 !important; border-bottom: 1px solid #2c3e50 !important; }
.panel-informacao > .panel-heading{ background-color: #2c689c !important; color: #FFF !important; }

.lista-dados-abertos{ list-style: none; padding-left: 0px; margin: 10px; }
.lista-dados-abertos > li{ background: #f5f5f5; border: 1px solid #DDD; margin-top: 15px }

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

/* Header */
.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: #fff; color: #4f7290; min-height: 43px; line-height: 43px; }
.menu{ background: #23394c; font-family: 'Roboto', sans-serif !important; }
.navbar-brand, .navbar-nav>li>a{ text-shadow: none !important; color: #FFF; font-size: 15px; }
.breadcrumb{ border: 1px solid #DDD; }

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

.progress-bar-graficos{ color: rgba(0, 0, 0, 0.75) !important;  font-size: 14px !important;  background-image: linear-gradient(to bottom,rgb(247, 210, 158) 0,rgb(247, 193, 116) 100%) !important;  background-image: -webkit-linear-gradient(top,rgb(247, 210, 158) 0,rgb(247, 193, 116) 100%) !important; background-image: -o-linear-gradient(top,rgb(247, 210, 158) 0,rgb(247, 193, 116) 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(247, 210, 158)),to(rgb(247, 193, 116))); }
.lista-detalhamento-grafico{ list-style: none; padding-left: 0px; }

#box-social{ }
.btn-icone-social{ color: #ffffff; font-size: 22px !important; }
.btn-icone-social:hover{ color: #DDD !important; }

.fancyvideo{ margin-bottom: 10px }
.fancyvideo a{ display: block; }
.fancyvideo a i{ display: none; position: absolute; right: 0%; top: 0%; font-size: 90px; color: red; background: rgba(255, 255, 255, 0.7); width: 100%; text-align: center; height: 100%; padding-top: 55px; }
.fancyvideo a:hover i{ display: block; }
.fancyvideo p{ text-align: center; background: #3e6180; color: #fff; border-bottom: 1px solid #3d5c77; padding-top: 8px; padding-bottom: 8px; }

.item-selecionado{ background: #2c3e50 !important; color: #FFF; }

.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;
}

.menu > .active, .menu > li:hover, .menu > li:hover > a, .menu > .open{ background: #0a1b2b; color: #FFF; }
.menu > li > a{ background: none !important; }
.menu-sidebar{ font-size: 15px; }
.menu-sidebar > li > .active{ background: #225e92; color: #FFF; }
.menu-sidebar a{ color: #000; }
.menu-sidebar > li{ border-bottom: 1px solid #DDD; background: #FFF; }
.menu-sidebar > li+li{ margin-top: 0px !important; }
.menu-sidebar > li:last-child{ border-bottom: none; }

.navbar-nav>li>.dropdown-menu{ padding: 0px; }
.navbar-nav>li>.dropdown-menu > li{ }
.navbar-nav>li>.dropdown-menu > li:hover{ background: #DDD }
.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; }
.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 }
.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; }
.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 #0A1B2B !important; }
.panel-program > .panel-heading{ background: #0A1B2B !important; color: #FFF !important; }

.panel-info{ border: 1px solid #009CDC !important; }
.panel-info > .panel-heading{ background: #009CDC !important; color: #FFF !important; }
select{ cursor: pointer; }

.list-group a{ background: #3D5C77; color: #FFF !important; }
.list-group a:hover, .list-group a:focus{ background: #23394C }

.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; }

.titulo-front{ color: #3d5c77 }

.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: #3d5c77; border-top: 2px solid #FFF; vertical-align: middle; font-size: 14px; font-weight: 300; }
.thumbnail h5:hover, .thumbnail:hover h5{ color: yellow; text-decoration: none !important; }
.thumbnail, .thumbnail:hover, .thumbnail:focus, .thumbnail h5:hover{ text-decoration: none; }

.menu-estilo-right{ background: #3d5c77; 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: #2c3e50; 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: #2c3e50; 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; }
.data-publicacao{}
.gadget-tipo{ position: absolute; top: 82.7%; color: #FFF; left: 0.3%; padding: 4px 10px; font-size: 12px; }
.badge-custom{ display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; }
.gadget-atos-oficiais{ background: #2674af }
.gadget-legislacao{ background: #9E48AB }
.gadget-legislativo{ background: #ab4848 }
.gadget-acesso-a-informacao{ background: #d88e41 }
.gadget-servidor{ background: #4e9a6e }
.gadget-social{ background: #40abff }
.gadget-orcamentario{ background: #00ab9b }
.gadget-tributario{ background: #e4b634 }
.gadget-patrimonial{ background: #3d5c77 }
.gadget-coronavirus{ background: #FF0001 }
.gadget-controle-interno{ background: #5D71B6 }
.gadget-boas-praticas{ background: #299bb5 }
.gadget-renuncias-fiscais{ background: #13936a }
.gadget-finisa{ background: #ffcc99 }
.gadget-ouvidoria{ background: #21a0c7 }
.gadget-siafic{ background: #299516 }
.gadget-entidades-associativas{ background: #5385a3 }
.gadget-aldir-blanc{ background: #895593 }
.gadget-lgpd{ background: #2c3e50 }
.gadget-licitacoes{ background: #648333 }
.gadget-saude{ background: #e86052 }
.gadget-educacao{ background: #104EDE }
.gadget-obras{ background: #ca78fa }
.gadget-cultural{ background: #82a72a }
.gadget-emendas{ background: #00b7ff }
.gadget-governo-digital{ background: #279b9b }
.gadget-convenios-e-transferencias{ background: #999933 }
.gadget-transporte-escolar{ background: #1d9c73 }
.gadget-outros{ background: #ddd }

.badge-atos-oficiais{ background: #2674af }
.badge-legislacao{ background: #9E48AB }
.badge-legislativo{ background: #ab4848 }
.badge-acesso-a-informacao{ background: #d88e41 }
.badge-servidor{ background: #4e9a6e }
.badge-social{ background: #40abff }
.badge-orcamentario{ background: #00ab9b }
.badge-tributario{ background: #e4b634 }
.badge-patrimonial{ background: #3d5c77 }
.badge-coronavirus{ background: #FF0001 }
.badge-controle-interno{ background: #5D71B6 }
.badge-boas-praticas{ background: #299bb5 }
.badge-renuncias-fiscais{ background: #13936a }
.badge-finisa{ background: #ffcc99 }
.badge-ouvidoria{ background: #21a0c7 }
.badge-siafic{ background: #299516 }
.badge-entidades-associativas{ background: #5385a3 }
.badge-aldir-blanc{ background: #895593 }
.badge-lgpd{ background: #2c3e50 }
.badge-licitacoes{ background: #648333 }
.badge-saude{ background: #e86052 }
.badge-educacao{ background: #e86052 }
.badge-obras{ background: #ca78fa }
.badge-cultural{ background: #d3ff6b }
.badge-emendas{ background: #00b7ff }
.badge-governo-digital{ background: #279b9b }
.badge-convenios-e-transferencias{ background: #999933 }
.badge-convenios-e-transferencias{ background: #1d9c73 }
.badge-outros, .not-found{ background: #aaaaaa }

.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; }
.destaque_flip{ width: 100%; float: left; height: 23px; line-height: 12px; color: #563e09; }
/* Fim quadro de avisos*/

/* Portal do Servidor Online */
#container-contracheque{ background: url('../../img/background-servidor.jpg') center bottom no-repeat; background-color: #EEE; padding:  20px 0px 0px 0px; }



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

footer .footer-pos{ background: #DDD; color: #000; font-family: "Roboto", sans-serif; font-size: 15px; padding: 10px 0px; }
.footer-box a{ color: #FFF !important }

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

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

.table-acoes{ background: #EBEBEB !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: #3d5c77 !important; color: #FFF !important; }
.btn-padrao:hover{ background: #2C3E50 !important; color: #FFF !important; }

.btn{ font-family: "Roboto", sans-serif; }

.shown, .shown > td{ background-color: #464646 !important; color: #FFF; }

/*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;
    }
}

@media (min-width: 20em) { 
    .footer-box{ margin-bottom: 20px; }
    .footer-box:last-child{ margin-bottom: 0px; }
}

@media (min-width: 37em) { 
    .footer-box{ margin-bottom: 20px; } 
} /* 592px */

@media (min-width: 41em) {
    .footer-box{ margin-bottom: 20px; } 
} /* 656px */

@media (min-width: 47em) {
    .footer-box{ margin-bottom: 20px; } 
} /* 752px */

@media (min-width: 68em) {
    .footer-box{ margin-bottom: 0px; } 
} /* 1088px */

@media (min-width: 82em) {
    .footer-box{ margin-bottom: 0px; } 
} /* 1312px */

@media (min-width: 100em) {
    .footer-box{ margin-bottom: 0px; } 
} /* 1600px */


.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; }
.m-t-70{ margin-top: 70px !important; }
.m-l-70{ margin-left: 70px !important; }
.m-r-70{ margin-right: 70px !important; }
.m-b-70{ margin-bottom: 70px !important; }
.m-t-80{ margin-top: 80px !important; }
.m-l-80{ margin-left: 80px !important; }
.m-r-80{ margin-right: 80px !important; }
.m-b-80{ margin-bottom: 80px !important; }
.m-t-90{ margin-top: 90px !important; }
.m-l-90{ margin-left: 90px !important; }
.m-r-90{ margin-right: 90px !important; }
.m-b-90{ margin-bottom: 90px !important; }

.p-5{ padding: 5px !important; }
.p-10{ padding: 10px !important; }
.p-15{ padding: 15px !important; }
.p-20{ padding: 20px !important; }
.p-30{ padding: 30px !important; }
.p-35{ padding: 35px !important; }
.p-40{ padding: 40px !important; }
.p-60{ padding: 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; }

.bg-grey-custom{ font-family: 'PT Sans', sans-serif; font-size: 16px; background: #eaeaea; }
.bg-default{ background: #efefef; }

.font-14{ font-size: 14px !important }
.font-15{ font-size: 15px !important }
.font-16{ font-size: 16px !important }

.nivel-0, .nivel-0 > td{ background-color: #0a1b2b !important; color: #FFF; cursor: pointer; }
.nivel-1, .nivel-1 > td{ background-color: #2a4863 !important; color: #FFF; cursor: pointer; }
.nivel-2, .nivel-2 > td{ background-color: #C9C9C9 !important; color: #000; cursor: pointer; }
.nivel-3, .nivel-3 > td{ background-color: #D9D9D9 !important; color: #000; cursor: pointer; }
.nivel-4, .nivel-4 > td{ background-color: #FFFFFF !important; color: #000; }

.cursor-pointer{ cursor: pointer; }

/* Boxes */
.boxes-itens > div{ margin-bottom: 15px; display: block }
.box-item-singular{ min-height: 170px }


.box-color-default{ background-color: #f1f1f1; border: 1px solid #F9F9F9; }
.box-color-default:hover{ background: linear-gradient(90deg, rgba(35, 57, 76, 0.94) 0%, rgb(60, 84, 105) 62%, rgba(35, 57, 76, 0.88) 100%); }
.box-color-default a{ color: #23394C; text-decoration: none; }
.box-color-default a:hover{ color: #FFF; text-decoration: none; }
.box-color-default a:hover i{ color: yellow; text-decoration: none; }

.box-color-blue{ background-color: #e8f5ff }
.box-color-blue:hover{ background-color: #e8f5ff }
.box-color-blue a{ color: #23394c; text-decoration: none; }
.box-color-blue a:hover{ color: yellow; text-decoration: none; }
.box-color-blue a:hover i{ color: yellow; text-decoration: none; }

.question-circle{  }
.question-circle a{ border-radius: 0px 0px 0px 10px; color: #FFF; }
.menu-item{ min-height: 170px; width: 100%; text-align: center; padding: 30px 15px 30px 15px; }
.menu-item .menu-item-content{}
.menu-item .menu-item-content .icone-hover { display: none; }
.menu-item .menu-item-content .titulo { font-family: 'PT Sans', sans-serif; padding-top: 10px; font-size: 16px; text-transform: uppercase; font-weight: 300; margin-top: 5px; }

.box-vacinometro, .box-gadget{ border: 1px solid #f9f9f9; text-align: left; background: #f1f1f1 }


/***
*       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;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: center;
}

.flip-container__button:hover{
    background-blend-mode: multiply !important;
}

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

.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"); }
.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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
#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"); }
.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"); }
#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"); }
#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"); }
#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"); }
.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"); }
#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"); }
#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"); }
.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"); }
#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"); }
#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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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%; }
.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%; }
.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%; }
.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"); }
.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%; }
.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"); }
.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%; }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.card_agente{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-79.jpg"); }
.card_portal_licitacoes{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-82.jpg"); }
.card_recurso_lai{ background-image: linear-gradient(to bottom, rgba(27,48,85,0.58), rgba(38,68,120,0.5)), url("../../flip-cards/flip-card-84.jpg"); }

.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }
.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"); }


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

#vis-comp .btn-padrao{ margin-bottom: 10px !important; text-align: left !important; }
.box-panel { border-top: 4px solid #23394c; border-left: 1px solid #e5e7e8; border-right: 1px solid #e5e7e8; border-bottom: 1px solid #e5e7e8; 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; color: #23394c; font-family: 'Roboto', sans-serif; text-transform: uppercase }
.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: #3d5c77; display: block; }

/*
* CARDS WELCOME
*/
.card-uj{ border: 1px solid #e0e0e0; display: block; padding: 15px; min-height: 200px; color: #123a5d; font-weight: 500; border-left: 5px solid #1d5a90; }
.card-uj i{ color: #1c5a90; }
.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-default { background: #f5f5f5; padding: 10px; border-left: 1em solid #ccc; clear: both; }
.callout-info { background: #f1faff; padding: 10px; border-left: 1em solid #d0eeff; clear: both; }
.callout-primary { background: #c8e6ff; padding: 10px; border-left: 1em solid #5d98c9; clear: both; }
.callout-warning { background: #fff6cb; padding: 10px; border-left: 1em solid #F9E275; clear: both; color: #993300 }
.circle { border-radius: 50%; }
.circle-25 { border-radius: 25%; }
.exportar-dados-ddl{ float: right }
.filtro{ border: 1px solid #dddddd; padding: 5px 15px 10px 15px; background: #f9f9f9; margin-bottom: 20px; }
.filtro-label{ color: #777; }

/*
Pulse
*/
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.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 */
}
.progress-bar-yellow{ background-image: -webkit-linear-gradient(top,#efdf00 0,#dbcd06 100%) !important; background-image: -o-linear-gradient(top,#efdf00 0,#dbcd06 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#efdf00),to(#dbcd06)) !important; background-image: linear-gradient(to bottom,#efdf00 0,#dbcd06 100%) !important; }
.text-yellow { color: #efdf00; }
.progress-bar-purple{ background-image: -webkit-linear-gradient(top,#ba85de 0,#7833a9 100%) !important; background-image: -o-linear-gradient(top,#ba85de 0,#7833a9 100%) !important; background-image: -webkit-gradient(linear,left top,left bottom,from(#ba85de),to(#7833a9)) !important; background-image: linear-gradient(to bottom,#ba85de 0,#7833a9 100%) !important; }
.text-purple{ color: #ba85de; }

