/* */
.background-azul, .background-azul-escuro{ background: none !important }
#footer-unidades, .tabela th{ background: #000 !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; }

#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{ 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; }

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

header{ background: #1e1e1e !important; color: #FFF; margin-bottom: 30px !important }
.titulo-header{ font-family: 'PT Sans', sans-serif !important; }
.titulo-header h1{ font-weight: 700; font-size: 42px; }
.titulo-header h2{ font-size: 17px; }
.logo-municipio{ border: 1px solid #DDD; background: #FFF; padding: 10px; min-height: 100px; }
.sub-menu{ background: #DDD; color: #000; min-height: 43px; line-height: 42px; }
.menu{ background: #000000; font-family: 'PT Sans', 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; }

.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: #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-family: 'PT Sans', sans-serif; font-weight: 700; color: #FFF; font-size: 25px; border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 18px; text-transform: uppercase; }
.titulo-modal{ font-family: 'PT Sans', sans-serif; font-weight: 700; color: #FFF; 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-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: "PT Sans", sans-serif; background: #1e1e1e !important; color: #FFF !important; border-top: 10px solid #dddddd !important; }
footer .footer-info p{ margin-bottom: 0px !important; font-size: 16px; 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; }
.titulo-font{ font-family: "PT Sans", sans-serif; text-transform: uppercase; font-weight: 800; }

.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 {
    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; padding-bottom: 5px }
.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-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; }