/* geral */
html,body{background: #eeeeee; font-family: "Roboto","Helvetica","Arial",sans-serif; font-size: 14px; font-weight: 400; line-height: 20px; }
ul{margin: 0; padding: 0;}
li{list-style: none;}
.main-container{width: 72%; max-width: 960px;margin: 0 auto;min-height: 700px;}
.container{width: 72%; max-width: 960px;margin: 0 auto;}
.first-container{margin-top: 0;}
.bg-white{background: #fff !important;}
.text-icon{font-size: 22px; font-family: roboto; font-weight: 900;}

/* tipografia */
a{color: #999;}
.color-white{color: #fff !important;}
.weight-100{font-weight:100 !important;}
.weight-300{font-weight:300 !important;}
.weight-400{font-weight:400 !important;}
.weight-700{font-weight:700 !important;}
.weight-900{font-weight:900 !important;}
.font-14{font-size: 14px !important;}
.font-18{font-size: 18px !important;}
.font-24{font-size: 24px !important;}

/* tipografia - bg escuro */
.bg-dark,
.bg-dark .sm-item .material-icons,
.bg-dark .sm-item .p,
.bg-dark .sm-item{color: #fff}

/* titulos */
.tit-section-1{font-weight: 100; font-size: 34px; margin: 0; position: relative; color: #d08350; width: 100%; margin-top: -50px;}
.tit-1{}
.tit-2{}
.tit-3{font-weight: 700; font-size: 1.8em; color: #5ca190; margin: 34px 0 1px 0;}
.tit-4{font-size: 1.4em; line-height: 1.4em; font-weight: 700;}
.tit-5{}
.tit-6{}




/* grid */
.w-50{width: 50% !important;}
.w-100{width: 100% !important;}

.m-0{margin: 0px !important;}
.m-5{margin: 5px !important;}
.m-8{margin: 8px !important;}
.m-13{margin: 13px !important;}
.m-21{margin: 21px !important;}
.m-34{margin: 34px !important;}
.m-55{margin: 55px !important;}
.m-89{margin: 89px !important;}

.mt-0{margin-top: 0 !important;}
.mt-5{margin-top: 5px !important;}
.mt-8{margin-top: 8px !important;}
.mt-13{margin-top: 13px !important;}
.mt-21{margin-top: 21px !important;}
.mt-34{margin-top: 34px !important;}
.mt-55{margin-top: 55px !important;}
.mt-89{margin-top: 89px !important;}
.mt-80{margin-top: 80px !important;}

.mb-0{margin-bottom: 0 !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-8{margin-bottom: 8px !important;}
.mb-13{margin-bottom: 13px !important;}
.mb-21{margin-bottom: 21px !important;}
.mb-34{margin-bottom: 34px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-89{margin-bottom: 89px !important;}
.mb-80{margin-bottom: 80px !important;}

.mr-0{margin-right: 0 !important;}
.mr-5{margin-right: 5px !important;}
.mr-8{margin-right: 8px !important;}
.mr-13{margin-right: 13px !important;}
.mr-21{margin-right: 21px !important;}
.mr-34{margin-right: 34px !important;}
.mr-55{margin-right: 55px !important;}
.mr-89{margin-right: 89px !important;}
.mr-80{margin-right: 80px !important;}

.ml-0{margin-left: 0 !important;}
.ml-5{margin-left: 5px !important;}
.ml-8{margin-left: 8px !important;}
.ml-13{margin-left: 13px !important;}
.ml-21{margin-left: 21px !important;}
.ml-34{margin-left: 34px !important;}
.ml-55{margin-left: 55px !important;}
.ml-89{margin-left: 89px !important;}
.ml-80{margin-left: 80px !important;}

.p-0{padding: 0px !important;}
.p-5{padding: 5px !important;}
.p-5{padding: 5px !important;}
.p-8{padding: 8px !important;}
.p-13{padding: 13px !important;}
.p-21{padding: 21px !important;}
.p-34{padding: 34px !important;}
.p-55{padding: 55px !important;}
.p-89{padding: 89px !important;}

.pt-5{padding-top: 5px !important;}
.pt-0{padding-top: 0px !important;}
.pt-8{padding-top: 8px !important;}
.pt-13{padding-top: 13px !important;}
.pt-21{padding-top: 21px !important;}
.pt-34{padding-top: 34px !important;}
.pt-55{padding-top: 55px !important;}
.pt-89{padding-top: 89px !important;}

.pb-5{padding-bottom: 5px !important;}
.pb-0{padding-bottom: 0px !important;}
.pb-8{padding-bottom: 8px !important;}
.pb-13{padding-bottom: 13px !important;}
.pb-21{padding-bottom: 21px !important;}
.pb-34{padding-bottom: 34px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-89{padding-bottom: 89px !important;}

.pl-5{padding-left: 5px !important;}
.pl-0{padding-left: 0px !important;}
.pl-8{padding-left: 8px !important;}
.pl-13{padding-left: 13px !important;}
.pl-21{padding-left: 21px !important;}
.pl-34{padding-left: 34px !important;}
.pl-55{padding-left: 55px !important;}
.pl-89{padding-left: 89px !important;}

.pr-0{padding-right: 0px !important;}
.pr-5{padding-right: 5px !important;}
.pr-8{padding-right: 8px !important;}
.pr-13{padding-right: 13px !important;}
.pr-21{padding-right: 21px !important;}
.pr-34{padding-right: 34px !important;}
.pr-55{padding-right: 55px !important;}
.pr-89{padding-right: 89px !important;}

/* formularios - thema dark */
.bg-dark md-select.md-dark-theme md-select-value{ border-bottom-color: #666; color: #999; }
.bg-dark .md-dark-theme .md-datepicker-input{ border-bottom-color: #666; color: #999; }
.bg-dark md-input-container.md-dark-theme .md-input{ border-bottom-color: #666; color: #999; }
.bg-dark md-input-container.md-dark-theme.md-input-invalid .md-input{ border-bottom: 1px solid rgb(221,44,0); background: rgba(221,44,0,.1); }

/* tabelas */
.no-border{border: none !important;}

/* datepicker */
.date-dialog{ width: 0; height: 0; overflow: hidden; }

/* tools */
.no-pad{padding: 0 !important;}
.no-bg{background: none !important;}
.no-margin{margin: 0 !important;}
.no-margin-left{margin-left: 0 !important;}
.no-margin-right{margin-right: 0 !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}
.img-blow{width: 100% !important;height: auto !important;}
.roundimage { background-repeat: no-repeat; background-position: 50%; border-radius: 50%; float: left; width: 60px; height: 60px; background-size: cover;}
.small-image{background-repeat: no-repeat; background-position: 50%; float: left; width: 80px; height: 80px; background-size: cover; }
.sm-over-hidden{overflow: hidden;}
.mdl-block:after{ content: "ipsum loren doren ipsum loren doren ipsum loren doren ipsum loren doren ipsum loren doren ipsum loren doren ipsum loren doren"; position: relative; display: block; height: 0; overflow: hidden; }
.no-min-h{min-height: inherit !important;}
.text-shadow{text-shadow: 0px 0px 10px #000;}
.relative{position: relative;}
.hover-dark:hover{ background: #333 !important; color: #fff !important; border-color: #fff !important;}
.hover-dark:hover .fa,
.hover-dark:hover .material-icons {color: #fff !important;}
.to-left{float: left !important;}
.to-right{float: right !important;}
.pointer{cursor: pointer;}
.display-center-page{position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.display-center{position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}

/* acessibilidade */
.icon-libras img{width: 22px; height: auto; margin: 6px;}

/* exportar tabela */
#dialog-exportacao md-tabs-canvas{display: none;}
#dialog-exportacao .dt-buttons{margin-bottom:50px;}
#ic-table .dataTables_filter,
#ic-table .dataTables_info,
#ic-table .dataTables_paginate
{opacity: 0; height: 0; width:0; max-height: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden;}



/* tools - gambs - ocultar falsamente */
.to-hide{opacity: 0; height: 0; width:0; max-height: 0; min-height: 0; margin: 0; padding: 0; overflow: hidden;}
.gambs-hidden{opacity: 0; height: 0; margin: 0; padding: 0; overflow: hidden;}


/* pagina incorporar */
.ctn-incorporate{width: 100%; border: none; margin: 0; padding: 0; height: 100%; position: absolute;}


/* cards */
.sm-card__title { align-items: flex-end; box-shadow: inset 0px -100px 100px -30px rgba(0,0,0,0.6); }
.sm-card__title .sm-tit-2{ color: #fff; font-weight: 400; margin: 0; }


/* correcoes do font-awesome (temporario) */
.material-icons .fa{position: relative; top: -2px; left: -1px; }
.fab { font-family: "Font Awesome 5 Brands" !important; }


/*
 * md-accordion ...
 *
 * @ref: http://blog.sodhanalibrary.com/2016/02/accordion-with-angularjs-material-ui.html#.WlkdF3WnGrw
 *
 */
.md-accordion .expandCollapse.deactive{transform: rotate(0deg); transition: .3s all ease-out; }
.md-accordion .expandCollapse.active{transform: rotate(-180deg); transition: .3s all ease-out; }

/*.md-accordion .active:before {opacity:1; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left:3px; margin-top:0px; }*/
.md-accordion .dataContent {background: #F2F2F2; height:0px; overflow:hidden; -webkit-transition: .3s all ease-out; transition: .3s all ease-out; }
.md-accordion .activeContent {height:auto; padding:20px; display:block; }
.md-accordion md-toolbar{cursor:pointer; border-bottom:1px solid rgb(63,107,181); }


/* topo */
.logo-ctn{padding: 35px 35px 10px 35px;}
.logo{max-height: 165px;}
.sm-header{background-color: transparent;}
.site-tit {margin: 0; line-height: inherit; font-size: 1.8em; padding: 0 25px 25px 25px; font-weight: bold; color: #666;}
.site-tit-hat {font-size: 0.5em; display: block; line-height: inherit; margin-bottom: 5px;}
.mdl-layout__header-row{max-width: 960px; margin-right: auto; margin-left: auto; padding: 0; position: relative;}
.mdl-navigation__link .access-icon { margin-bottom: 7px; }
.mdl-navigation .mdl-navigation__link{ padding-left: 5px; padding-right: 5px;}
.mdl-layout__header-row .divisor { border-left: 2px solid #ccc; height: 20px; margin:15px 10px;}
.mdl-navigation__link .fa-info-circle { margin-right: 8px; }
.mdl-navigation__link .md-menu{ position: absolute; top:0px;}
.mdl-navigation__link .md-menu .sub-menu-icon{ position: relative; min-width: 40px;min-height: 40px;}

/*Bug segunda barra de rolagem na home*/
.demo-layout-waterfall{overflow-y: hidden;}

/*Container do sub-menu, as regras só são aplicadas quando selecionado assim*/
/*.sm-header .main-menu{overflow: hidden;width: 100%;
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
    -webkit-align-items: initial;
    -ms-flex-align: initial;
    align-items: initial;
}*/
.main-menu .l{padding: 0 21px;line-height: 64px;}
.main-menu .menu-item ul li .l{line-height: 44px;}
.main-menu .l:hover{background: rgba(255,255,255,0.1);}

.mdl-layout__header-row .main-menu{overflow: visible !important;}
.mdl-navigation .menu-list{list-style:none;padding:0;}
.nav-menu .menu-item{position:relative;float:left;}
.nav-menu .menu-item:hover{z-index: 21;}
.nav-menu .menu-item:hover .sub-menu{visibility:visible; opacity:1; display:block; top:50px; left:0;}
.nav-menu .menu-item .l{display:block; float:left; text-decoration: none; z-index:15; color: #fff; }
.nav-menu .sub-menu,
.nav-menu .sub-menu .second-menu{z-index:20; line-height:35px; background-color: white; visibility:hidden; transition: opacity 0.5s, visibility 0.5s ease-out; opacity: 0; position:absolute; border-radius:2px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); }
.nav-menu .sub-menu .menu-item{padding:0 7px 0 7px;}
.nav-menu .sub-menu .l{float:none; min-width: 300px; color: black; font-size: 1.1em; }
.nav-menu .sub-menu .menu-item:hover{background: #C5C5C5;}
.nav-menu .sub-menu .menu-item:hover .second-menu{top: 0; visibility:visible; opacity:1; display:block; left:100%; }



/* topos - pesquisar */
.search-dialog {position: absolute;
    top: 14%;
    left: 14%;
    right: auto;
    bottom: auto;
    max-width: none;
    width: 72%;
    transform: initial;}



/* sidebar */
.sm-sidebar{}
.mdl-layout__drawer .mdl-navigation .side-sub-menu{
    overflow:hidden;
    max-height: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    list-style: none;
    padding: 0;
    margin: 0;
}
.mdl-layout__drawer .mdl-navigation .side-sub-menu .side-sub-menu-link{
    background-color: #999;
    color: #000;
    text-decoration: none;
}
.mdl-layout__drawer .mdl-navigation .side-sub-menu .side-sub-menu-link:hover{background-color: #C5C5C5;}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover + .side-sub-menu{display: block;max-height: 300px;}
.mdl-layout__drawer .mdl-navigation .side-sub-menu:hover{display: block;max-height: 300px;}
.mdl-layout__drawer .mdl-navigation .side-sub-menu{ overflow-y:auto; }
.side-logo{}

/* topo - bg fixo */
.bg-sm-header{position: absolute;top: 0;width: 100%;height: 230px;}


/* ajuste para permitir sub-menu */
.mdl-layout__header--waterfall{overflow: visible;}
.mdl-layout__header--waterfall.is-compact{overflow: hidden}


/* topo - menu secundario */
.sm-header .second-menu .social-net-nav .divisor{margin: 15px 12px 15px 15px;}

/* topo - headers / topos */
.page-header{ background: rgba(0,0,0,0.5); padding: 36px;width: 100%;
    backdrop-filter: blur(5px);
    --moz-filter: blur(5px);
    --webkit-backdrop-filter: blur(5px);
}



/* topo - variacao de layout */
.container .large-header{background: rgba(0,0,0,0.7);padding: 34px;}
.container .large-header .main-title{color: #fff;font-size: 4em;padding: 0;text-shadow: 0px 0px 10px #000;}
.container .large-header .meta-content .sm-item{margin-bottom: 21px;float: left;width: 100%;}
.container .large-header .material-icons{font-size: 2em;}
.container .large-header .p{font-size: 1.4em;text-shadow: 0px 0px 10px #000;margin-bottom: 0;}



/* loading / carregando */
.bg-loading{background: rgba(0,0,0,0.3);width: 100%;height: 100%;position: absolute;z-index: 100;}
.loading{position: absolute; top: 50%; left: 50%; z-index: 100; background: rgba(255,255,255,0.5); padding: 20px; border-radius: 50%; margin: -40px 0 0 -40px;}
.sm-load{padding: 7px; height: 20px; width: 20px; margin: 0 auto; background: rgba(255,255,255,0.5); border-radius: 50%;position: absolute;}
.load-center{margin: 0 auto; top: 50%; margin-top: -10px;}

/* rodape */
.h1-footer{font-weight: 100;font-size: 3em;}
.sm-footer .l{text-decoration: none;}
.sm-footer .l:hover{text-decoration: underline;color: #fff;}
.sm-footer .sm-item{width: 100%;float: left;}
.sm-footer .p-sic{border-bottom: 1px dotted #555; padding-bottom: 15px;}


/*Corrigindo bug do rolamento da página*/
.sm-footer{ min-height: 500px; }


/* paginacao */
.pagination .disabled{background: none !important; box-shadow: none; width: 15px; padding: 0; }

/*
 * home ...
 */
.home-button{text-transform: none; float: right; border-radius: 0; font-size: 1em; font-weight: 400; padding: 0 21px; }
.modulo-home .ic-slider,
.modulo-home .sm-vereadores,
.modulo-home .sm-servicos,
.modulo-home .sm-acesso-rapido,
.modulo-home .sm-secretarias,
.modulo-home .sm-galerias,
.modulo-home .sm-galerias-video,
.modulo-home .sm-destaques{margin-top: 55px;}
.modulo-home .sm-servicos,
.modulo-home .sm-acesso-rapido{background: #fff; margin-top: 80px;}
.modulo-home .sm-agenda,
.modulo-home .sm-noticias{margin-top: 80px;}
.modulo-home .sm-publicacoes-lrf{margin-top: 80px;margin-bottom: 34px;}


/* home - zebrado */
.zebra .modulo-home .ic-slider,
.zebra .modulo-home .sm-vereadores,
.zebra .modulo-home .sm-servicos,
.zebra .modulo-home .sm-secretarias,
.zebra .modulo-home .sm-noticias,
.zebra .modulo-home .sm-publicacoes-lrf,
.zebra .modulo-home .sm-galerias,
.zebra .modulo-home .sm-galerias-video,
.zebra .modulo-home .sm-acesso-rapido{margin-top: 80px;}
.zebra .modulo-home .sm-servicos,
.zebra .modulo-home .sm-acesso-rapido{background: none;margin-bottom: 13px;}

/* home - responsabilidade fiscal, acesso a informacao */
.menu-card .md-button.md-fab,
.info-access .md-button.md-fab,
.box-destak .md-button.md-fab{background: transparent; border: 2px solid #5ca190;box-shadow: none;}
.info-access .md-button.md-fab .material-icons,
.box-destak .md-button.md-fab .material-icons .fa{color: #d08350}
.sm-destaque-link {text-align: center; padding: 0; text-decoration: none; display: block;}
.card-links .sub-menu{position: absolute; z-index: 30; top: 25%; left: 50%; display: none;}
.card-links li:hover .sub-menu{display: block;}
.card-links li{position: relative;}
.card-links md-menu-content{border-radius: 20px; border: 1px solid #ccc; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); }

/* slider - home */
.slider-home .b-next,
.slider-home .b-prev{position: absolute;top: 50%;margin-top: -20px;}
.slider-home .b-next{right: 0;}
.slider-home .b-prev{left: 0;}
.slider-home md-tab-content{ overflow: hidden;}
.slider-home md-tabs[md-align-tabs="bottom"] {padding-bottom: 0;}
.slider-home md-tabs-canvas{display: none;}
.slider-home md-tabs-wrapper{display: none;}
.slider-home md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper{bottom: 0;}
.slider-home .material-icons{color: #fff;}
.slider-home .slider-content{position: absolute; bottom: 0; left: 0; max-width: 100%; font-size: 1em; padding: 15px 20px; text-decoration: none;}
.slider-home .slider-content .slider-tit{color: #fff; font-size: 1.8em; margin: 0;}
.slider-home .slider-content .slider-txt{color: #fff;font-size: 1em;margin: 0; }
.slider-home .slider-content .slider-link{padding: 2px 13px; float: left; font-size: 1em;}



/*
 * topo 2
 */
.topo-2{background: none; position: fixed; width: 100%; z-index: 10;}
.topo-2 .header-toolbar{background: rgba(255,255,255,.8);}
.topo-2 .b-pesquisa{display: none;}
.topo-2 .ctn-logo{height: 100px; float: left; }
.topo-2 .logo{height: 100% !important; width: auto !important; }
.topo-2 .site-tit{display: block; font-size: 1em; padding: 0; position: relative; left: 1em; margin: 27px 0;}
.topo-2 .site-tit-hat{font-size: 0.9em;}
.topo-2 .site-tit-nome{font-size: 1.2em;}
.topo-2 .menu-transparencia {background: rgba(0,0,0,.03);}
.topo-2 .menu-transparencia-1 {max-width: 220px;}
.topo-2 .menu-transparencia-2 {max-width: 140px;margin-right: 20px;}
.topo-2 .menu-transparencia .l{text-transform: none; text-align: left; border-radius: unset !important; width: 100%; margin: 0; padding: 10px;}
.topo-2 .ctn-marmota{}
.topo-2 .marmota-1,
.topo-2 .marmota-2{position: absolute; color: #999; font-size: 12px;}
.topo-2 .marmota-1{top: 45px; left: 10px;}
.topo-2 .marmota-2{top: 65px; left: 10px;}

.topo-modelo-2.ic-slider{width: 100%;margin: 0;padding: 0;max-width: initial;min-width: initial;}
.topo-modelo-2 .ic-brand{display: none;}
.topo-modelo-2 .slider-home{width: 100%;}
.topo-modelo-2 md-tab-content{width: 100% !important;}


/*
 * Template de slider para galerias ...
 */
.slider-template .b-next,
.slider-template .b-prev{position: absolute; top: 50%; margin-top: -40px; height: 80px; width: 80px; margin-left: 0; margin-right: 0;opacity: 0.4;}
.slider-template .b-next:hover,
.slider-template .b-prev:hover{opacity: 1;}
.slider-template .b-next .material-icons,
.slider-template .b-prev .material-icons{font-size: 5em;}
.slider-template .b-next{right: 0;}
.slider-template .b-prev{left: 0;}
.slider-template .b-close{position: absolute; top:-2px; right: 0; margin-right: 0;opacity: 0.4;}
.slider-template .b-close:hover{opacity: 1;}
.slider-template md-tab-content{ overflow: hidden;}
.slider-template md-tabs[md-align-tabs="bottom"] {padding-bottom: 0;}
.slider-template md-tabs-canvas{display: none;}
.slider-template md-tabs-wrapper{display: none;}
.slider-template md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper{bottom: 0;}
.slider-template .material-icons{color: #fff;}
.slider-template .gav-video{ width: 720px; height: 405px;}


/* destaques - home */
.sm-destaques .mdl-card__title-text{height: 72px;overflow: hidden; text-align: center; display: block; font-weight: initial;}
.sm-destaques .mdl-card__title{height: 148px;}


/* gestores */
.page-list .list-gestores .main-title{color: #666;}


/* secretarias - home */
.sm-card-secretarias{min-height: auto;}
.sm-secretarias h2.mdl-card__title-text{font-weight: normal;}


/* vereadores */
.sm-vereadores .tit-3{font-size: 1.1em;}
.sm-vereadores .small-image{border-radius: 50%; margin: 10px; width: 50px; height: 50px;}
.page-vereador .sm-item .ver-link{ text-decoration:none; color:#fff;}
.page-vereador .sm-item .ver-link:hover{ opacity: 0.5; }


/* listagem de noticias */
.sm-noticias .mdl-card__title-text{color: #5ca190;font-weight: 900;}


/*
 * paginas de listagem ...
 */
.page-list .not-tit { margin-bottom: 8px; }
.page-list .mdl-card__title-text{color: #5ca190;font-weight: 900;}
.page-list .main-title { color: #fff; font-weight: 100; padding: 0 15px; margin: 5px 0;}


/* paginas internas */
.page-inner .main-container{padding-bottom: 0; margin-bottom: -55px; position: relative; min-height: 700px;}
.page-inner .main-title{color: #666;}
.page-inner .mdl-card__title-text{color: #5ca190;font-weight: 900;}
.page-inner .main-title {color: #666; font-weight: 100; padding: 40px; margin: 0;font-size: 2.5em;}
.page-inner .page-header{padding: 0;}
#conteudo img{max-width: 100%; height: auto;}


/* sidebar right */
.sm-sidebar-right{}
.sidebar-right-ctrl{}
.sidebar-right-ctrl .tit-4{max-height: 65px; overflow: hidden;margin: 0;}
.sidebar-right-ctrl .p{max-height: 95px; overflow: hidden; }
.sidebar-right-ctrl .l{text-decoration: none;}
.hide-sidebar .sm-sidebar-right{display: none;}
.hide-sidebar .sm-page-content{width: 100%;}


/* Componente de redes sociais */
.sm-share #trigger{display: none;}
.sm-share .dropdown-content{box-shadow: none !important;}
.sm-share #dropdown{display: block !important; position: relative;}
.sm-share .paper-icon-button:hover{
    transition : 0.5s;
    -ms-transform: scale(1.5, 1.5); /* IE 9 */
    -webkit-transform: scale(1.5, 1.5); /* Safari */
    transform: scale(1.5, 1.5);
}
#menu-socialmedia .fa{color: #eee; background: #666;}
#menu-socialmedia .fa:hover{opacity: .6}
#menu-socialmedia .fa-facebook{background: #999;}
#menu-socialmedia .fa-facebook{background: #4e71ba;}
#menu-socialmedia .fa-facebook-f{background: #4e71ba;}
#menu-socialmedia .fa-twitter{background: #00acee}
#menu-socialmedia .fa-linkedin{background: #0e76a8}
#menu-socialmedia .fa-camera{background: #F77737}
#menu-socialmedia .fa-instagram{background: #F77737}
#menu-socialmedia .fa-bitcoin{background: #F79937}
#menu-socialmedia .fa-blogger-b{background: #F79937}
#menu-socialmedia .fa-blogger{background: #F79937}
#menu-socialmedia .fa-youtube{background: #e62626}

/* pagina calendario e eventos */
.page-calendario{}
.page-calendario md-tabs-canvas{height: 55px;}
.page-calendario md-ink-bar{height: 3px;}
.page-calendario md-pagination-wrapper{width: 100%; height: 55px;}
.page-calendario md-pagination-wrapper md-tab-item {padding: 15px; font-size: 1.2em;}
.page-calendario md-tab-item{max-width: 50% !important; width: 50% !important;}
.page-calendario .md-avatar{width: 35px; height: 35px; border-radius: 100px; margin-right: 15px; border: 1px solid #666;}

/* pagina transparencia */
.absolute-box{ position: absolute; z-index: 10; padding: 29px 13px 8px 0; margin: 0; bottom: 0px; }
md-toast.md-default-theme .md-toast-content,
md-toast .md-toast-content{padding: 10px 30px; font-size: 1.2em; margin: 30px;}

/* paginas integracao */
.page-integracao .mdl-data-table th{padding: 10px;white-space: normal;}
.page-integracao .mdl-data-table td{padding: 0 10px;white-space: normal;}
#dialog-licitacao .layout-row strong{margin-right: 20px;}
#dialog-licitacao .layout-row{ padding: 15px 0; border-bottom: 1px solid #ccc; }
#dialog-licitacao .layout-row:last-child{border-bottom: none;}

/* ??? */
.md-toast.error .md-toast-content{ background-color: #D11B1D; }
.md-toast.success .md-toast-content{ background-color: #238219; }

/* Página de FAQ */
.page-faq .page{padding-left: 20px;padding-bottom: 5px;}
.page-faq .page .identation{padding-left: 23px;padding-right: 12px;}
.page-faq .page .faq-title{font-weight: bold;}

/* Zebra no site */
.zebra .modulo-home{ width: 100%;display: inline-block;}
.zebra .modulo-home:nth-child(odd) { background-color: #fff !important; }
.zebra .modulo-home:nth-child(even) { background-color: #ededf0 !important; }
.zebra .modulo-home>section{margin-bottom: 50px;}

/* Totalmente branco */
.total-blank{ background-color: transparent !important; }

.site-tit-settings{ text-align: center; }
.site-tit-settings .site-tit-nome{ line-height: 1.1em; }

/* mobile - tablet
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 1024px){

    /**
     * topo - home...
     */
    .sm-main{margin-top: 89px;}
    .mdl-layout__drawer-button .material-icons{color: #fff;}
    .logo-ctn { padding: 21px 34px 0px 34px; }
    .site-tit {font-size: 1.6em; padding: 13px 21px 13px 21px;}
    /*.brand-container{width: 100%;}*/
    /*.logo-ctn{padding: 21px; float: left; width: 54px;}*/
    /*.site-tit{padding: 24px;font-size: 1.6em;}*/
    /*.site-tit-hat{margin-bottom: 0;}*/

    /**
     * paginas internas ...
     */
    .page-inner .main-title {font-size: 1.6em;}

    /**
     * pagina incorporar ...
     */
    #iframe-container {height: 90%; position: absolute; width: 100%; top: 10%; }

    /**
     * whatsapp share ...
     */
    /*.ctn-shared{height: 120px;}*/
    .b-copy-whats{width: 180px; text-overflow: ellipsis; }

    /* Consertando linha branca acima do slider no template 2 */
    main.mdl-layout__content{ padding-top:186px !important; }
}





/* mobile - tablet
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 840px){

    /**
     * topo - home...
     */
    .sm-main{margin-top: 89px;}
    .brand-container{width: 100% !important;}
    .logo-ctn{padding: 21px; float: left; width: 54px;}
    .site-tit{padding: 24px;font-size: 1.6em;}
    .site-tit-hat{margin-bottom: 0;}
    .mdl-layout__drawer-button .material-icons{color: #fff;}

    /* slider */
    .slider-home .slider-content{position: relative;float: left; width: 100%;}

    /*iframe de video*/
    .slider-template .gav-video{ width: 480px; height: 270px;}

    /**
     * topo 2...
     */
    .layout-topo-2 .menu-transparencia {display: none;}
    .layout-topo-2 .sm-sidebar{z-index: 20;}
    .layout-topo-2 .mdl-layout__obfuscator{z-index: 15;}
    .layout-topo-2 main.mdl-layout__content{padding-top: 56px !important;}
    .layout-topo-2 .mobile-tit {display: block !important; position: absolute; color: #fff; font-size: 0.8em; margin: 18px 15px 15px 50px;}
    .layout-topo-2 .main-menu {height: 56px;}
    .layout-topo-2 .main-menu .menu-list{display: none;}
    .layout-topo-2 .ic-header-main{display: none;}
    .layout-topo-2 {}
    .layout-topo-2 {}

}





/* mobile - smartphone
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 600px){
    .main-container,
    .container{width: 100%;}
    .container .large-header .main-title{font-size: 2em;}
}
@media only screen and (max-width: 480px){
    /*iframe de video*/
    .slider-template .gav-video{ width: 300px; height: 169px;}
}





/* mobile - smart watch
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 350px){

    /**
     * topo - home ...
     */
    .brand-container{width: 100% !important;}
    .logo-ctn {padding: 54px 54px 0 54px; float: none; width: initial;}
    .site-tit {padding: 13px 34px 34px 34px;font-size: 2em;}

    /*iframe de video*/
    .slider-template .gav-video{ width: 200px; height: 112px;}


}
