﻿@charset "UTF-8";

/*
------------------------------------------------------
http://getbem.com/introduction/
------------------------------------------------------
https://google.github.io/styleguide/htmlcssguide.html
------------------------------------------------------
l:layout, o:objeto, c:componente, h:helpers, q:testes 
------------------------------------------------------
#000000 - PRETO
#ffffff - BRANCO
#cf000f - VERMELHO 1
#111111 - CINZA 1
#222222 - CINZA 2
#333333 - CINZA 3
#666666 - CINZA 4
#999999 - CINZA 5
#cccccc - CINZA 6
#dddddd - CINZA 7
#eeeeee - CINZA 8
#f5f5f5 - CINZA 9
#f6f6f6 - CINZA 9
#d2d8d8 - CINZA 10
#337ab7 - AZUL 1 (LINKS)
#4b77be - AZUL 2 (INFO)
#00b16a - VERDE 1
#248139 - VERDE 2
#f8e7a2 - AMARELO 1
#f5f5f5 / #ffffff - DEGRADÊ
-------------------------------------------------------
font-feature-settings: 'liga'; IE11 Bug Material Icons
-------------------------------------------------------
*/

/*--------- BOTÕES COM ÍCONE ----------*/

.c-button.ui-button-icon-only {
	width: 2.4em;
}

.c-button.ui-button-icon-only .ui-icon {
	margin-left: -.52em;
}

button.c-button__icon {
	border: none;
	background: none;
	width: 100%;
	margin: 5px 0;
	transition: all .5s;
}

.c-button__icon .ui-icon {
	border-radius: 50%;
	display: block;
	width: 2em;
	height: 2em;
	line-height: 1.9em;
	text-align: center;
	font-size: 4em;
	transition: all .5s;
}

main .c-button__icon.ui-button-text-icon-left .ui-icon {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}

.c-button__icon.ui-button-text-icon-left .ui-button-text {
	color: #1E479E;
	width: 100%;
	font-size: 1.3em;
	margin: 0 auto;
	text-align: center;
	padding: 1em 0 0;
}

.c-button__icon .ui-icon:hover {
	color: #fff;
	border-color: #fff
}

.c-button__icon .ui-icon.fa {
	border: 3px solid #1E479E;
	color: #1E479E;
	transition: all .5s;
}

button.c-button__icon:hover .ui-icon.fa {
	background: #1E479E !important;
	color: #fff;
}

/*------- BOTÕES PRECEDIDOS POR CAMPO. Ex: CEP; -------- */

.c-button.c-button__input {
	margin-top: 1.2em;
	height: 28px;
	width: 28px;
	min-width: 28px;
	margin-left: .15em;
	display: flex;
	border-radius: 4px;
	align-self: center;
	margin-top: -3px;
}

.c-button.c-button__input.ui-button-icon-only .ui-icon {
	margin-left: -7px;
}

.c-button__input.ui-button-icon-only .ui-icon.fa {
	margin-top: -8px;
}

.c-button.c-button__input--primary {
	display: flex;
	background: #d2d8d8;
    color: #111 !important;
    border-radius: 3px;
    border: 1px solid #acb1b1;
	display: flex;
	justify-content: center;
	min-height: 2.05em;
	text-align: center;
}

.c-button.c-button__input--primary:hover {
	background: #bcc5c5;
    border-color: #889292;
}

/*----------- BOTÕES DA TRIAGEM - TIPO DE ABORDAGEM ------------*/

.commandButtonSelected {
	background: #738586 !important;
    border-color: #737f7f !important;
    color: #fff !important;	
}


/*----------BUSCA-----------*/

.c-procurar .ui-fieldset-content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-size: 1.4em;
	margin-bottom: 1em;
	margin-top:1.4em
}

.c-procurar .c-input__text input {
	border: 1px solid #ccc;
	padding: .5em;
	display: flex;	
	border-radius: 4px 0 0 4px;
	border-right: 0;
	height: 2.5em;
}

.c-procurar button {
	border-radius: 0 4px 4px 0;
	padding: .2em 1em;
	height: 2.5em;
}

.c-procurar .ui-fieldset-content .c-input__text{
	width: 100%;
}

/*-------- CHECKBOX DE TERMO DE USO -----------*/

.inputBooleanCheckBoxValidate {
	color: red;
	font-size: 11px;
}


/*----------CHIPS----------*/

.c-label_add {
	width: auto;
    float: left;
    margin: .4em 1em 1.5em 0;
    border: 1px solid #999;
    padding: .2em .5em .2em 1em;
    border-radius: 25px;
    background: #fff;
    color: #000;
    box-shadow: 1px 1px #ddd;
}

.c-label_add .ui-outputlabel {
	top: -.15em;
    position: relative;
}

.c-label_add .ui-button {
	width: 1.5em;
	height: 1.5em;
}

.c-label_add .ui-button-icon-only .ui-icon.fa {
	margin-top: -10px;
    margin-right: -15px;
    height: 1.45em;
}

.c-button__label--primary {
	background: none;
	border: none;
	padding: 0;
	color: #C0392B;
	width: 1em;
	display: flex;
	align-self: center;
}

/*--------- CONFIGURAÇÃO DE MEDIDAS PERSONALIZADAS ----------*/

.o-box--default .material-icons.h-big--48 {
	font-size: 3.2em;
	line-height: 2em;
}

html body .h-width--88 {
	width: 88%;
}

.l-avaliacao__width--60 .ui-panelgrid-content {
	width: 60%;
}

.logradouro-component-endereco {
	width: 100%;
}

/*------------CONTATO-------------*/

.o-contato {
	padding-left: 4em;
	border-left: 1px solid #333;
}

.o-contato .o-contato__logo {
	margin: -.5em 0 1.5em -.4em;
}

.o-contato .o-title__footer {
	margin-bottom: 0;
}

.o-contato #listaMidiasSociais {
	display: flex;
	margin-top: 1em;
	font-size: 1.3em;
}

.o-contato #listaMidiasSociais li {
	padding-right: .5em;
}

/*------- FORMATAÇÕES DE ELEMENTOS DENTRO DO ASIDE -------*/

aside .o-box__warning--light button {
	margin: 0 auto;
}

aside .o-box__warning--light button:hover {
	border-color: #786044; 
	color: #786044;
}

aside .o-box__warning--light p {
	padding: 1em .5em;
}

aside .o-box__warning--light h3 {
	padding-left: .5em;
}

/*-------FORMATAÇÃO DE OUTRAS INFORMAÇÕES DA HOME------*/

#outrasInformacoes {
	margin-top: 2em;
}

#outrasInformacoes h3 {
	margin-bottom: 2em;
	font-size: 1.8em;
	font-weight: normal;
}

#outrasInformacoes h3 > strong {
	font-weight: 700;
}

/*-------FORMATAÇÃO DO CONTEÚDO PRINCIPAL-------*/

#conteudoPrincipal .c-paginator--help .ui-paginator.ui-paginator-bottom {
	background: none;
}

#conteudoPrincipal .c-paginator--help .ui-paginator > a {
	border-radius: 2px;
	margin-top: -.3em;
}

#conteudoPrincipal .o-box--default .ui-grid-col-10 {
	display: flex;
	align-items: center;
}

/*------- FORMATAÇÃO PERSONALIZADA PARA COLUNAS --------*/ 

.h-column__action {
	width: 11em;
}

.h-column__action div {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 2em;
}


.ui-column-title+.c-output__text span {
	font-weight: normal;
}

/*-------- FORMATAÇÃO PERSONALIZADA PARA DATALIST -------*/

.c-list__nospace .c-output__text {
	margin-bottom: 0;
}

/*------- FORMATAÇÃO PERSONALIZADAS PARA FIELDSET --------*/


fieldset .c-output__text {
	margin-bottom: 1em;
}

.o-fieldset--primary.o-box {
	padding: 1em;
}

.o-fieldset--primary.ui-fieldset.o-box__protocolo {
	background: #eee;
	padding: 1em;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-top: 1.5em;
	display: table-row;
    word-break: break-all;
}

/*------- FORMATAÇÃO PERSONALIZADA PARA PANEL --------*/ 

body .ui-panel.o-box-expansiva__datalist {
	border-bottom: 1px solid #ddd;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
}

body .ui-panel.o-box__rg {
	padding: 1em 1em 0;
}


/*---------- FORMATAÇÃO PERSONALIZADA PARA MEDIDAS ---------*/

.c-button.h-margin__right--05 {
	margin-right: .5em;
}

.o-title--h2.h-margin__top--2 {
	margin-top: 2em;
}

/*------- FORMATAÇÃO PERSONALIZADA PARA PANELGRID --------*/ 

.o-box .ui-panelgrid-cell.ui-grid-col-2 {
	display: flex;
	align-items: center;
	justify-content: center;
	-ms-text-justify: center;
}

/*----------HEADER----------*/

.l-header__beo a,
.l-header__beo a:hover,
.l-header__beo a:visited:hover {
	color: #f4f4f4;
}

.l-header__beo .c-links__icon i {
	font-size: 1.7em;
}

.l-header__beo .c-links__icon a:first-child {
    border-right: 1px solid #333;
    padding-right: 1.5em;
    line-height: 1.5em;
    color: #000;
}

.l-header__beo .c-links__icon a:last-child {
    padding-left: 0;
    line-height: 1.5em;
    color: #000;
}

/*------------ICONES-----------*/

body .ui-icon {
	text-indent: 0;
}
.o-icon {
	font-family: 'Material Icons';
	overflow: visible;
}

/*------------ICONE DE ALERTA DA HOME---------------*/

.iconAlertaBEO  .o-icon__email {
	font-size: 68px;
	color: #cf000f;
	position: relative;
	left: .3em;
}

.iconAlertaBEO  .o-icon__cancel {
	position: relative;
	left: -10px;
	background: #fff;
	border-radius: 50%;
	color: #cf000f;
	font-size: 30px;
}

/*----------ICONES FONTAWESOME------------*/

/*Data*/
.ui-datepicker-prev:before {
	content: "\f0d9";
	font-family: "FontAwesome";
	color: #000;
}

.ui-datepicker-next:before {
	content: "\f0da";
	font-family: "FontAwesome";
	color: #000;
}

/*Midia Social*/
.o-social__facebook:before {
    content: "\f082";
    color: #1976d2;
}

.o-social__googleplus:before {
    content: "\f0d4";
    color: #D13F2D;
}

.o-social__twitter:before {
    content: "\f081";
    color: #29C5F6;
}

/*Autocomplete*/
.c-icon-autocomplete:before {
	content: "\f002";
	font-family: "FontAwesome" ;
	top: .5em;
	left: .5em;
	position: absolute;
	cursor: default;
}

/*Localizar no mapa*/
.fa-map-marker:before {
    margin-right: .5em;
}

/*------ICONES MATERIAL DESIGN-------*/

/*Tabelas*/
.c-table-lista__icon .ui-icon-circle-triangle-s:before {
	content: "keyboard_arrow_down";
	font-family: "Material Icons";
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	font-feature-settings: 'liga';
	position: relative;
	top: .1em;
}

.c-table-lista__icon .ui-icon-circle-triangle-e:before {
	content: "keyboard_arrow_right";
	font-family: "Material Icons";
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	font-feature-settings: 'liga';
	position: relative;
	top: .1em;
}

/*Botões*/
.c-button__icon .file:before {
	width: .8em;
	height: 1em;
	content: "view_headline";
	font-family: "Material Icons";
	font-feature-settings: 'liga';
}

.c-button__icon .file-copy:before {
	width: .8em;
	height: 1em;
	content: "edit";
	font-family: "Material Icons";
	font-feature-settings: 'liga';
}

.c-button__icon .search:before {
	width: 1em;
	height: 1em;
	content: "search";
	font-family: "Material Icons";	
	font-feature-settings: 'liga';
}

/*Substituíndo ícone do PrimeFaces*/
body .fa-edit:before,
body .fa-pencil-square-o:before {
	content: "edit";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative;
	top: -.2em;
	left: -.1em;
	font-feature-settings: 'liga';
}

body .fa-trash:before {
	content: "delete";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.2em;
	line-height: 1.2em;
	position: relative;
	top: -.2em;
	left: -.1em;
	font-feature-settings: 'liga';
}

body .fa-plus:before {
	content: "add";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.5em;
	line-height: 1.2em;
	position: relative;
	top: -.25em;
	left: -.15em;
	font-feature-settings: 'liga';
}

body .fa-remove:before {
	content: "remove";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.5em;
	line-height: 1.2em;
	position: relative;
	top: -.25em;
	left: -.15em;
	font-feature-settings: 'liga';
}

.fa-close:before {
	content: "close";
    font-family: 'Material Icons';
    overflow: visible;
    font-feature-settings: 'liga';
    border-left: 1px solid #ddd;
    font-size: .9em;
    font-weight: bold;
    position: relative;
    top: .3em;
    padding-left: .3em;
}

/*Carousel*/
.ui-carousel-button.ui-carousel-next-button:before {
   font-family: "Material icons";
   content: "keyboard_arrow_right";
   font-size: 1.5em;
   background: #ccc;
   color: #fff;
   border-radius: 50px;
   margin-right: .2em;
}

.ui-carousel-button.ui-carousel-prev-button:before {
   font-family: "Material icons";
   content: "keyboard_arrow_left";
   font-size: 1.5em;
   background: #ccc;
   color: #fff;
   border-radius: 50px;
   margin-right: .2em;
}

/*Icones em inputs*/
.c-input__select .ui-icon-triangle-1-s:before {
	content: "arrow_drop_down";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.5em;
	line-height: 1.3em;
	font-feature-settings: 'liga';
}

.c-button.c-button__input .fa-search:before {
	content: "search";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 1.5em;
	line-height: 1.2em;
	position: relative;
	top: -.2em;
	left: -.13em;
	font-feature-settings: 'liga';
}

.c-input__time .ui-icon-calendar:before {
	content: "schedule";
	font-weight: normal;
	font-family: 'Material Icons';
	font-size: 1.5em;
	position: absolute;
	color: #000;
	top: .10em;
	left: .15em;
	transition: all 0.5s ease;
	font-feature-settings: 'liga';
}

.c-input__date .ui-icon-calendar:before {
    content: "event";
    font-weight: normal;
    font-family: 'Material Icons';
    font-size: 1.5em;
    position: absolute;
    color: #000;
    top: .15em;
    left: .15em;
    font-feature-settings: 'liga';
}

.c-input__time .ui-icon-calendar:hover:before,
.c-input__date .ui-icon-calendar:hover:before {
	color: #000;
}

/*Accordion*/
.c-accordion .ui-accordion-header .ui-icon-triangle-1-e:before {
	font-family: 'Material Icons';
	content: "keyboard_arrow_down";
	overflow: visible;
	font-feature-settings: 'liga';
	font-size: 1.5em;
}

.c-accordion .ui-accordion-header .ui-icon-triangle-1-s:before {
	font-family: 'Material Icons';
	content: "keyboard_arrow_up";
	overflow: visible;
	color: #333;
	font-feature-settings: 'liga';
	font-size: 1.5em;
}

/*Paginação*/
.c-paginator--default .ui-paginator-first:before,
.c-paginator--help .ui-paginator-first:before {
	content: "skip_previous";	
	font-feature-settings: 'liga';
}

.c-paginator--default .ui-paginator-prev:before,
.c-paginator--help .ui-paginator-prev:before {
	content: "navigate_before";
	font-feature-settings: 'liga';
}

.c-paginator--default .ui-paginator-next:before,
.c-paginator--help .ui-paginator-next:before {
	content: "navigate_next";
	font-feature-settings: 'liga';
}

.c-paginator--default .ui-paginator-last:before,
.c-paginator--help .ui-paginator-last:before {
	content: "skip_next";
	font-feature-settings: 'liga';
}

.c-paginator--default .ui-paginator > a {
	font-family: "Material Icons";
	font-size: 1em;
	border: 1px solid #000;
	border-radius: 2px;
	padding: .2em .25em;
	margin: 0 .2em;
	color: #000;
	font-feature-settings: 'liga';
}

.c-paginator--help .ui-paginator > a {
	font-family: "Material Icons";
	font-size: 1.2em;
	border: 1px solid #286090;
	border-radius: 50%;
	padding: .2em .25em;
	margin: 0 .2em;
	color: #286090;
	font-feature-settings: 'liga';
}

/*Modal*/
.c-dialog .ui-icon-closethick:before,
.ui-dialog-titlebar .ui-icon-closethick:before {
	content: 'close';
	font-family: 'Material Icons';
	color: #333;
	display: flex;
	align-self: flex-end;
	margin: .5em;
	padding: .1em;
	text-decoration: none;
	border-radius: 50px;
}

/*Accordion*/
.c-accordion.c-accordion--default .ui-panel-titlebar-icon,
.c-accordion.c-accordion--default .ui-panel-titlebar-icon:hover,
.c-accordion.c-accordion--default .ui-panel-titlebar-icon:focus, 
.c-accordion.c-accordion--default .ui-icon-minusthick:before,
.c-accordion.c-accordion--default .ui-icon-plusthick:before {
	width: 1em;
	height: 1em;
	float: left;
	margin: 0 .5em 0 0;
	color: #000;
	font-family: "Material Icons";
	text-align: center;
	display: block;
	text-decoration: none;
	font-feature-settings: 'liga';
}

.c-accordion.c-accordion--default .ui-icon-minusthick:before {
	content: "remove";
}

.c-accordion.c-accordion--default .ui-icon-plusthick:before {
	content: "add";
}

/*Checkbox*/

.c-input__checkbox .ui-icon-blank:before {
	content: "check_box_outline_blank";
	font-feature-settings: 'liga';
}

.c-input__checkbox .ui-icon-check:before {
	content: "check_box";
	font-feature-settings: 'liga';
}

.c-input__checkbox .ui-icon {
	font-size: 1.5em;
	color: #333;
	margin-top: -.1em;
	margin-left: -.1em;
	cursor: pointer;
	font-family: 'Material Icons';
	overflow: visible;
	font-feature-settings: 'liga';
}

.c-accordion.c-accordion--duvidas .ui-icon-triangle-1-e:before {
	content: "keyboard_arrow_down";
	font-family: 'Material Icons';
	overflow: visible;
	font-weight: normal;
	font-size: 1.5em;
	font-feature-settings: 'liga';
}

.c-accordion.c-accordion.c-accordion--duvidas .ui-icon-triangle-1-s:before {
	content: "keyboard_arrow_up";
	font-family: 'Material Icons';
	font-weight: normal;
	overflow: visible;
	font-size: 1.5em;
	font-feature-settings: 'liga';
}

/*RadioButton*/

.c-input__radiobutton .ui-icon {
	font-size: 1.5em;
	color: #555;
	margin-top: -.1em;
	cursor: pointer;
	font-family: 'Material Icons';
	overflow: visible;
	font-feature-settings: 'liga';
}

.c-input__radiobutton .ui-icon-blank:before {	
    content: "radio_button_unchecked";
    font-feature-settings: 'liga';
}

.c-input__radiobutton .ui-icon-bullet:before {
    content: "radio_button_checked";
    font-feature-settings: 'liga';
}

body .ui-messages-error:before {
	content: "highlight_off";
	float: left;
	font-family: 'Material Icons';
	font-feature-settings: 'liga';
}

.ui-selectonemenu-filter-container .ui-icon-search:before {
    content: "search";
    font-family: "Material Icons";
    position: static;
    color: #ccc;
    text-indent: 2em;
    font-size: 1.5em;
}

body .c-dialog__colors--primary .ui-dialog-title:before  {
    content: "info";
    font-family: "Material Icons";
    font-size: 2em;
    margin-right: .5em;
    font-feature-settings: 'liga';
}

body .c-dialog__colors--success .ui-dialog-title:before  {
    content: "check";
    font-family: "Material Icons";
    font-size: 2em;
    margin-right: .5em;
    font-feature-settings: 'liga';
}

body .c-dialog__colors--danger .ui-dialog-title:before  {
    content: "warning";
    font-family: "Material Icons";
    font-size: 2em;
    margin-right: .5em;
    font-feature-settings: 'liga';
}

.ui-growl-icon-close.ui-icon.ui-icon-closethick:before {
	content: "close";
	font-family: "Material Icons";
	font-size: 1.6em;
	font-feature-settings: 'liga';
}

.ui-growl-image-info:before {
	content: "info";
	font-family: "Material Icons";
	font-size: 1.6em;
	color: #fff;
	font-feature-settings: 'liga';
}

.ui-growl-image-warn:before {
	content: "warning";
	font-family: "Material Icons";
	font-size: 1.6em;
	color: #fff;
	font-feature-settings: 'liga';
}

.ui-growl-image-error:before {
	content: "error";
	font-family: "Material Icons";
	font-size: 1.6em;
	color: #fff;
	font-feature-settings: 'liga';
}

.ui-growl-image-fatal:before {
	content: "cancel";
	font-family: "Material Icons";
	font-size: 1.5em;
	color: #fff;
	font-feature-settings: 'liga';
}

.o-panel__visualizacao--completa.ui-panel .ui-icon-plusthick:before {
	color: #000;
	content: "keyboard_arrow_down";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 2em;
	font-feature-settings: 'liga';
}

.o-panel__visualizacao--completa.ui-panel .ui-icon-minusthick:before {
	color: #000;
	content: "keyboard_arrow_up";
	font-family: 'Material Icons';
	overflow: visible;
	font-size: 2em;
	font-feature-settings: 'liga';
}

/*FileUpload*/

.c-fileupload .ui-messages-error:before {
	order: 1;
	font-size: 1.5em;
	content: "warning";
	margin-right: .5em;
}

.c-fileupload .ui-icon-close:before {
	content: "close";
	font-family: "Material Icons";
	font-size: 1.3em;
	color: #333;
	border-radius: 2px;
	margin: 0 0 0 .5em;
	background: #ccc;
	font-feature-settings: 'liga';
}

.o-lista--ordenada > li:before {
   float: left;
   width: 2.5em;
   height: 2.5em;
   margin-right: .75em;
   background: #111;
   color: #f5f5f5;
   text-align: center;
   line-height: 2.5em;
   counter-increment: counter;
   content: counter(counter);
   border-radius: 100px;
   font-feature-settings: 'liga';
   font-weight: bold;
   font-family: "Roboto Condensed";
}

.o-icon__sms:after {
    content: "SMS";
    background: #f8e7a2;
    border: 1px solid;
    text-align: center;
    position: relative;
    top: -2em;
    left: -2em;
    font-size: .22em;
    font-weight: bold;
    font-family: Roboto;
    padding: .2em .5em;
    border-radius: 3px;
    color: #786044;
}

.c-icon__hightline.h-icon__hightline--more:before {
	content: "more_horiz";
	font-family: "Material Icons";
	position: absolute;
	font-size: .37em;
	margin-left: 1.3em;
	margin-top: 1.5em;
	background: #f5f5f5;
	border-radius: 50px;
	border: 1px solid;
	font-feature-settings: 'liga';
}


.c-navsection__link::after {
	content: "arrow_forward";
	position: relative;
	top: .2em;
	margin-left: .2em;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.c-steps .ui-state-default .ui-steps-number:before {
    font-family: 'Material Icons';
	content: "check";
	border-radius: 100px;
	background: #000;
	color: #f5f5f5;
	font-size: 75%;
	padding: .2em;
	visibility: visible;
	font-feature-settings: 'liga';
}

/*--------LINK DO SUPORTE-----------*/

.o-link__suporte {
    border: 2px solid #E94D40;
    border-radius: 50px;
    padding: .5em 1.5em;
    background: #E94D40;
    color: #fff;
    margin: 1.5em;
    display: inline-block;
    font-size: .8em;
    transition: all .5s;
    font-weight: bold;
    margin-bottom: 0;
}

.o-link__suporte--hover:hover {
	text-decoration: none;
	background: #fff;
	color: #E94D40;
	font-weight: bold;
}

/*--------- LINKS DO TOPO ----------*/

.c-links__icon li,
.c-links__icon a,
.c-links__icon a:hover {
	display: flex;
	color: #f5f5f5;
	align-items: flex-end;
	text-decoration: none;
}

.c-links__icon li a:first-child {
	margin-right: 1em;
}

.c-links__icon i {
    font-size: 1.3em;
    float: left;
    display: block;
    padding: 0 .2em;
    margin-left: .1em;
    margin-top: -.3em;
}

/*--------LOGOS--------*/

.o-logo__saopaulo  {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/gov-horizontal-negativo.svg.xhtml") no-repeat -.3em center;
	display: block;
	width: 150px;
	height: 39px;
	background-size: 100%;
	margin-bottom: 2em;
}

.o-logo__beo {
	display: flex;
	align-items: flex-end;
}

.o-slogan__ssp {
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	padding: 0 0 .8em 0;
	margin: 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	color: #000;
}

.o-slogan__beo {
	color: #f5f5f5;
	display: inline;
}

.o-logo__brasao {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/brasao-policia.png.xhtml") no-repeat left center;
	display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 130%;
    padding: .5em .5em .5em 8.5em;
    background-size: contain;
    min-height: 5em;
}

.o-logo__brasao small {
	font-size: 1.1em;
	font-weight: normal;
	color: #999;
}

.o-logo__brasao strong {
	font-size: 1.2em;	
}

.o-logo__brasao span {
	color: #cf000f;
}

.l-logo__beo a:hover {
	text-decoration: none;
}

.o-sprite__gov.o-bandeira {
	width: 85px;
	height: 68px;
	background-position: -328px 0;
	align-self: flex-end;
	margin-top: -1.8em;
	min-width: 85px;
}

.o-sprite__gov.o-logo--negativo {
	width: 115px;
	height: 25px;
	background-position: -123px 0;
	display: inline-flex;
	margin: 0 1.5em 0;
	min-width: 115px;
}

/*-----------MAPA-----------*/

.o-mapa, 
body .o-mapa.ui-panel {
	width: 100%;
	height: 30em;
	margin-bottom: 2em;
	border: 1px solid #ccc;
}

/*------------MENU DE AVALIAÇÃO-----------*/

.o-sprite__avaliacao {
	background-image: url("/ssp-de-cidadao/javax.faces.resource/images/sprite-avaliacao.svg.xhtml");
	background-size: 600%;	
	margin: .5em;
}

.o-sprite__avaliacao--excelente {
    width: 70px;
    height: 70px;
    background-position: 75px -5px;
}

.o-sprite__avaliacao--muitoBom {
    width: 70px;
    height: 70px;
    background-position: -255px -6px;
}

.o-sprite__avaliacao--bom {
    width: 70px;
    height: 71px;
    background-position: -172px -6px;
}

.o-sprite__avaliacao--ruim {
    width: 70px;
    height: 71px;
    background-position: -87px -3px;
}

.o-sprite__avaliacao--pessimo {
    width: 70px;
    height: 70px;
    background-position: -7px -7px;
}

/*------------MIDIA SOCIAL--------------*/

.o-social {
	display: flex;
	font-size: 2em;
	font-family: "FontAwesome";
}

.o-social:hover {
	opacity: .7;
}

/*------------NAVEGAÇÃO DA HOME--------------*/

.c-navsection p {
	margin: .5em 0 1em;
}

.c-navsection h2 {
	font-size: 1.3em;
	font-weight: 600;
}

.material-icons.c-navsection__icon {
    font-size: 2.5em;
    border-radius: 100px;
    color: #fff;
    background: #cf000f;
    padding: .5em;	
}

.material-icons.c-navsection__icon:hover {
	background: #F22613;
}

.c-navsection__icon--comunicar {
	border-color: #1565c0;
	background: #1e88e5;
}

.c-navsection__icon--complementar {
	border-color: #b39ddb;
	background: #9575cd;
}

.c-navsection__icon--acompanhar {
	border-color: #ffa726;
	background: #ffb74d;
}

.ui-link > .c-navsection__link,
.ui-link > .c-navsection__link:visited,
.ui-link > .c-navsection__link:hover {
	color: #000;
	font-weight: 500;
	transition: all .5s;
	display: block;
	font-size: 1.15em;
}

.c-navsection__icon--align {
	display: flex;
    align-items: flex-start;
    justify-content: center;
}


/*------------NAVEGAÇÃO DE PÁGINAS ----------*/

.l-action__page nav:first-child {
	margin-bottom: 2em;
}


/*----------PÁGINA DE ERRO-----------*/

.o-error__code--danger {
	color: #e7505a;
	font-size: 7em;
	margin: .5em 0 0 0;
	text-align: center;
	text-shadow: -2px 1px 0px rgba(150, 150, 150, 0.3); 
}

.o-error__title--danger {
	font-size: 2.5em;
	margin: 0 0 .2em 0;
	color: #ed7880;
	text-align: center;
}

.o-error__title--alert {
	font-size: 2.5em;
	margin: 0 0 .2em 0;
	color: #ffb833;
	text-align: center;
}

.o-error__code--alert {
	color: #ffa500;
	font-size: 7em;
	margin: .1em 0 0 0;
	text-align: center;
	text-shadow: -2px 1px 0px rgba(150, 150, 150, 0.3); 
}

.o-error__listrado {
	width: 100%;
	height: .8em;
	background-color: #ccc;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255,255,255,.8) 8px, rgba(255,255,255,.8) 15px);
	opacity: .8;
}

.o-error__busca input {
	width: 70%;
	font-size: 1.4em;
	border-width: 1px;
	text-indent: 1.5em;
	margin-top: 1em;
}

.o-error__busca:before {
	content: "search";
	font-family: "Material Icons";
	color: #ddd;
	position: absolute;
	z-index: 2;
	font-size: 1.6em;
	top: 1.1em;
	left: .2em;
}

.o-error__link {
	text-decoration: underline;
	color: #3366ff;
	font-weight: bold;
}

.o-error__texto {
	line-height: 1.5em;	
}

/*----------- SEPARADOR EM DIVERSOS CASOS -------------*/

.o-radio__separador .ui-grid-row:last-child {
	border-top: 1px dotted #ccc;
	padding: 1em 0 0;
	margin-top: 1em;
}

body .ui-panelgrid-cell.o-separador {
	padding-right: 0;
}

/*--------TIPO DE OCORRÊNCIAS---------*/

.o-opcoes__ocorrencia {
	margin: 1em -.5em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}

.c-button__ocorrencia { 
	background: #fff;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	margin: .5em;
	width: 23%;
	flex-wrap: wrap;
	font-weight: bold;
	min-width: 13.5em;
	border: 1px solid #eee;
} 

.c-button__ocorrencia:hover {
	box-shadow: 4px 4px 10px rgba(0,0,0,.25);
	text-decoration: none;
}

.o-sprite__ocorrencias--text {
    padding: 0.5em 0.5em;
    min-height: 5em;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1em;
    align-items: center;
    display: flex;
    justify-content: center;
    align-content: center;
    background: #666;
}

.o-sprite__ocorrencias {
	background: url("/ssp-de-cidadao/javax.faces.resource/images/sprite-tipos-ocorrencia.png.xhtml");
	display: inline-block;
}

.o-sprite__ocorrencias.o-icon__veiculo {
    width: 46%;
    background-position: -106% -7%;
    min-height: 5em;
    margin: 1em;
    background-size: 1544%;
}

.o-sprite__ocorrencias.o-icon__furto {
    width: 66%;
    background-position: 116% -3%;
    min-height: 4.9em;
    margin: .6em 0 1.5em .5em;
}

.o-sprite__ocorrencias.o-icon__perda {
    width: 72%;
    background-position: 70.5% 8%;
    min-height: 4.8em;
    margin: .6em 0 1.6em .5em;
}

.o-sprite__ocorrencias.o-icon__furto_fios {
    width: 69%;
    background-position: 63% 3%;
    min-height: 5.0em;
    margin: .6em 0 1.6em .5em;
}

.o-sprite__ocorrencias.o-icon__roubo {
    width: 56%; 
    min-height: 5.4em;
    margin: .8em 0 .8em .8em;
    background-position: -51% 0%;
}

.o-sprite__ocorrencias.o-icon__calunia {
    width: 67%;
    background-position: 16% 3%;
    min-height: 5.5em;
    margin: .8em 0 .9em;
}

.o-sprite__ocorrencias.o-icon__acidente {
    width: 81%;
    background-position: 23.8% 11%;
    min-height: 5em;
    margin: 1.1em 0 1.1em .5em;
}

.o-sprite__ocorrencias.o-icon__desaparecimento {
    width: 42%;
    background-position: 32% 11%;
    min-height: 5.2em;
    margin: 1em;
}

.o-sprite__ocorrencias.o-icon__encontro {
	width: 39%;
    background-position: -64.2% 2%;
	min-height: 5.3em;
	margin: .9em 0 1em 1em;
}

.o-sprite__ocorrencias.o-icon__violenciaDomestica{
    width: 68%;
    background-position: 86% -4%;
    min-height: 5.8em;
    margin: .7em 0 0.6em .5em;
}

.o-sprite__ocorrencias.o-icon__outrasOcorrencias{
    width: 69%;
    background-position: 78.5% 3%;
    min-height: 4.8em;
    margin: .7em 0 1.6em .5em;
}

.o-sprite__ocorrencias.o-icon__intoleranciaDiscriminacao{
    width: 63%;
    background-position: 93.6% 16%;
    min-height: 4.8em;
    margin: .7em 0 1.6em .5em;
}

.o-sprite__ocorrencias.o-icon__depa {
	width: 55%;
    background-position: 47% 0%;
	min-height: 5.2em;
	margin: 1em;
}

.o-sprite__ocorrencias.o-icon__fraude {
	width: 67%;
    background-position: -7% 3%;
    min-height: 5.5em;
    margin: .8em 0 .9em;
}

/*----------TITLES---------*/

.c-output__text.o-title--h6 > span{
	display: none;
}

.o-title--h1.h-border-bottom {
	margin-bottom: 1em;
}

.o-paragraf--primary {
	margin: .3em 0 1.5em 0;
	padding-bottom: 1.5em;
	text-align: justify;
}

.c-text__nota {
	margin-top: 1.5em;
	color: #cf000f;
	display: block;
}

/*-------------VISUALIZAÇÃO DE JOIN DE TEXTO---------------*/

.o-amputacao__join div,
.o-joias__join div {
	display: inline-block;
	padding-right: .5em;
}

.o-amputacao__join div:first-child span > span:after,
.o-joias__join div:first-child span > span:after {
	content: " - ";
}

.hideToolbar .ui-editor-toolbar {
   display: none;
}

/* PROFISSÃO */
.profissao {
	margin-bottom: 10px;
}


.radiohidden {
	visibility: hidden;
}
.o-radio__separador_diversidade .ui-grid-row:nth-child(4){
    border-top: 1px dotted #222 !important;
    padding: 1em 0 0 !important;
    margin-top: 1em !important;
}

