* {font-family: verdana, arial, helvetica, freesans, sans-serif;}
.social-icons ul {list-style-type: none;}
.social-icons ul li {float: left}
.social-icons ul li a {padding: .5rem !important; display: block; color: grey; font-size: 20px; text-decoration: none;}
header .social-icons ul li a {color: gold;}
.negrito {font-weight: bolder;}
.margem_bloco {margin: 3% 0 3% 0;}
.smaller {font-size: smaller;}
.borda-bloco {border: 1px solid #d2d2d2;}
.red {color: red !important;}
.green {color: mediumseagreen !important}
.orange {color: orange !important}
.blue {color: dodgerblue !important}
.black {color: black !important;}
ul.smaller {font-size: smaller;}
.limpa {clear: both;}
.lista > ul {
    text-decoration: none;
    list-style-type: none;
    padding: 0;
    text-align: left;
    line-height: 2;
    font-size: small;

}
.lista > ul > li > a {text-decoration: none; color:#2b2b2b;}
.lista > ul > li > a:hover {text-decoration: none; color: red;}
/*Menu mobile*/
header {width: 100%; height: 48px; background: #424242; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
header i.material-icons {height: 48px; width: 48px; line-height: 48px; text-align: center; color: gold; float: left; font-size: 30px; cursor: pointer;}
#logoMobile {position: relative; left: 12%; top: 18%; height: 75%;}
#sidenav {
    background: white;
    width: 350px;
}
#sidenav .header {
    text-align: center;
    padding: 30px;
    background: url("sidenav-bg.jpg") center center no-repeat;
    background-size: cover;
}
#sidenav .avatar {
    text-shadow: 0px 0px 5px black;
    font-size: 102px;
    border-radius: 999px;
    color: rgba(255,255,255,0.8);
    background: rgba(255, 255, 255, 0);
}
#sidenav .title {
    margin-top: 20px;
    color: rgba(255,255,255,0.91);
    text-shadow: 0px 0px 3px #000;
    font-size: 1.6em;
}
#sidenav .headline {
    margin-top: 10px;
    color: rgba(255,255,255,0.91);
    text-shadow: 0px 0px 3px #000;
    font-size: 1.1em;
}
#sidenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#sidenav ul li {
    color: #333;
    padding: 7px;
    display: flex;
    align-items: center;
}
#sidenav ul li i {
    margin-right: 10px;
}
#sidenav ul li.active {
    background: #EEE;
}
#sidenav .menumobile {border-bottom: 1px solid #eaeaea;}
#sidenav .menumobile img {height: 18px;}
#sidenav .menumobile .esp {min-height: 30px;}
#sidenav .menumobile ul {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
#sidenav .menumobile ul li a {text-decoration: none; color: grey; line-height:2.10;}
#sidenav .menumobile ul li a:hover {text-decoration: none; color: black; font-weight: bold;}
#sidenav .menumobile-item {color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 17px; transition: 0.4s;}
#sidenav .mobile-menu-active, 
#sidenav .accordion:hover { 
    background-color: #eaeaea;
}
#sidenav .accordion {cursor: pointer; padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 17px;transition: 0.4s;}
#sidenav .accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
#sidenav .mobile-menu-active:after {content: "\2212";}
/* cabeçalho da página */
#logoWeb {height: 80px; margin: 10px 0px 10px 10px;}
/*#logoWeb {width: 100px; height: 80px; background-image: url('/site/static/img/logo-prudente-sp.png'); background-size: 100px 80px; margin: 10px 0px 10px 10px;}*/
img.logo {width:100px; height:80px; float: left; display: block; margin: 10px 0px 10px 10px;}
.barra-topo {
    border-bottom: 2px solid gold; 
    /*background: linear-gradient(180deg, #4A4A4A 0%, #000000 100%);*/
    background: #424242; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    color: gold !important;
}
.barra-topo a {color: inherit;} 
.barra-topo .nav li p {margin: 0; padding: 0; font-weight: normal; font-size: medium;}
.barra-topo > img {width: 2.4%;}
.barra-topo form {float: right; position: relative; clear: right; display: block;}
.barra-topo form button {border-radius: 0 2px 2px 0; color: inherit;}
.barra-topo form .form-control {border-radius:  0 !important;} 

.navbar-principal {margin-left:3%; margin-right: 3%;}
.navbar-principal > li:hover {background: #ececec;}
.navbar-principal > li > a {padding: 35px 15px; display: block; position: relative;}
.navbar-principal .nossa-cidade:hover{border-bottom: 4px solid red;}
.navbar-principal .cidadao:hover{border-bottom: 4px solid mediumseagreen/*#44b677*/;}
.navbar-principal .empresas:hover{border-bottom: 4px solid orange/*#ffac15*/;}
.navbar-principal .servidor-mp:hover{border-bottom: 4px solid dodgerblue;}
.navbar-principal .diario:hover{border-bottom: 4px solid black;}
.header-menu {border-bottom: 1px solid gainsboro; padding: 0; background: #f9f9f9 !important; display: block; position: relative;}
.header-menu .dropdown-content ul {width: 50%; display: inline; float: left;}
.header-menu .dropdown {position: relative; display: inline-block; }
.header-menu .dropdown:hover .dropdown-content {display: block;}
.header-menu .dropdown-content {
    background-color: #f9f9f9; 
    min-width: 860px; 
    transition: opacity 0.2s; 
    position: absolute; 
    top: 100%; 
    height: auto; 
    left: 0; 
    z-index: 1000; 
    display: none; 
    float: left; 
    padding: 5px 0; 
    margin: 3px 0 0; 
    font-size: 14px; 
    text-align: left; 
    list-style: none; 
    background-clip: padding-box; 
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-item:hover {font-weight: bolder; background: #EEEEEE;}
/*Corpo da página*/
#corpo h1, #corpo h2, #corpo h3, #corpo h4 {
    clear: both;
    border-bottom: 1px solid #D4DEE8;
    margin: 5px 0px;
    font-style: italic;
}
#corpo h1 {
    font-size: x-large;
    font-weight: bolder;
}
#corpo h2 {
    font-size: large;
    font-weight: bolder;
}
#corpo h3 {
    font-size: medium;
    font-weight: normal;
}
#corpo p {
    text-align: justify;
    /*font-size: small;*/
    line-height: 2em;
}
#corpo .card-block a:hover {text-decoration: underline;}
#corpo .identado p {text-indent: 3em;}
#corpo .caption-noticia-principal {
    font-weight: bolder !important;
    font-style: italic !important;
    background-color: rgba(0,0,0,0.5) !important;
    right: 10% !important;
    left: 10% !important;
}
#corpo .titulo {
    border-bottom: 1px solid grey;
    font-weight: bolder;
}
#corpo ul.striped-list > li:nth-of-type(odd) {background-color: #F9F9F9;}
#corpo .card{border: none;}
#corpo img.foto-pessoal {
    float: left;
    margin: 0px 5px 3px 0px;
}
#corpo form.pmpp label {
    font-weight: bolder;
    display: block;
    margin-bottom: 5px;
}
#corpo form.pmpp span.erro {
    display: block;
    color: red;
}
#corpo form.pmpp label.normal {
    font-weight: lighter;
    display: inline;
    margin-bottom: auto;
}
#corpo form.pmpp label span.requerido {
    font-weight: bolder;
    color: #FF0000;
}
#corpo form.pmpp label span.info {
    font-weight: lighter;
    font-style: italic;
}
#corpo form label span.ui-outputlabel-rfi {
    color: red;
}

#corpo .subtitulo {
    font-size: smaller !important;
}
/*Barra lateral*/
#barraLateral .title-sidebar {
    background: #f7f7f7;
    color: #737373;
    border-left: 8px solid grey;
    margin-left: 0 !important;
    font-size: 22px; font-weight: bold;
}
#barraLateral .title-sidebar span.spit {
    margin: 8px 10px 0 -8px;
    float: left;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 5px solid #808080;
}
#barraLateral .unidades-bloco { 
    max-height: 240px;
    padding: 12px 18px 2px 12px;
    border: 1px solid #cecece;
    border-radius: 0;
    min-height: 240px;
    margin-bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 30px;
}
#barraLateral .unidades-bloco a {
    text-decoration: none;
    list-style-type: none;
    color: black;
    font-weight: bolder;
    font-size: x-small;
    line-height: 1;
}
#barraLateral .unidades-bloco-nav-tabs{
    margin-bottom: 10%;
    border: none;
    background: #ebebeb;
}
#barraLateral .unidades-bloco-nav-tabs .nav-link{
    text-align: center;
}
#barraLateral .unidades-bloco-nav-tabs .nav-item.show .nav-link, 
#barraLateral .unidades-bloco-nav-tabs .nav-link.active {
    color: #000000;
    background-color: #BDBDBD !important;
    border: none;
    border-radius: 0; 
    height: 98%;
}
#barraLateral .tab-link{color: #3e3e3e;}
#barraLateral .services-icons{display: block;position: relative;float: left;flex-grow: 1;}
/* Footer */
footer {
    padding: 15px 0 0;
    background-color: #333333; 
    color: white !important; 
    line-height: 2; 
    margin-top: 10%;
}
footer p {border-bottom: 1px solid;}
footer ul {list-style-type: circle; padding-left: 7%; font-weight: normal; font-size: 14px;}
footer ul li a {text-decoration: none; color:white;}
footer ul li a:hover {text-decoration: none; color: red}

body .ui-tooltip .ui-tooltip-text {background-color: cadetblue !important}

.rodape {background: #cc0301; color: white;}
/*Biblioteca Sidenav*/
.sn-backdrop {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    opacity: 0;
    z-index: 50;
    will-change: opacity;
}
.sn-visible .sn-backdrop { display: block }
.sn-sidenav {
    position: fixed;
    left: 0;
    height: 100vh;
    z-index: 100;
    overflow-y: auto;
    will-change: transform;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
    background-color: #ffffff;
    /* padding: 20px; */
    color: #fff;
}
.sn-content {
    position: relative;
    z-index: 10
}
.sn-visible, 
.sn-visible body, 
.sn-visible 
.sn-content {overflow: hidden}