@CHARSET "UTF-8";

body {
	height: 100%;
	background-color: #fff;
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 15px;
}

.form_label {
	font-size: 15px !important;
}

@media only screen and (max-width: 800px) {
	.form_label {
		font-size: 14px !important;
	}
}

.ui-fileupload-preview {
	max-width: 200px;
}

.custom-panel-cid .ui-panel-titlebar {
    background-color: red !important;
}

.ui-fileupload-buttonbar>.ui-fileupload-upload {
	border: 1px solid black !important;
}

.ui-layout-north { /*z-index: 20 !important;*/
	overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-state-highlight {
	text-shadow: none !important;
}

.ui-panelgrid {
	border-style: none;
}

.ui-datatable .ui-datatable-data .odd td{
	background-color: #ffffff !important;
	background-image: none !important;
	color: #000000 !important;
}

.ui-datatable .ui-datatable-data .even td{
	background-color: #f2f5f9 !important;
	background-image: none !important;
	color: #000000 !important;	
}


span {
	font-size: 15px !important;
}

.ui-column-title {
	color: white !important;
	font-weight: bold !important;
}

.ui-widget-content {
	color: black !important;
	background: #f9f9f9 !important
}

.ui-confirm-dialog-message {
	color: black !important;
}

tr.ui-widget-content {
	border: none !important;
}

tbody.ui-widget-content {
	border: none !important;
}

.ui-datatable thead th, .ui-datatable tbody td {
	border: none !important;
}

.ui-selectonemenu-filter-container {
	background: darkgray !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	right: 1px;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
	padding: 10px;
}

span.ui-messages-warn-summary {
	color: black !important;
}

.overlay_no_boder>.ui-overlaypanel-content>.ui-widget-content {
	border: none !important;
}

.overlay_no_padding>.ui-overlaypanel-content {
	padding: 0 !important;
}

body .ui-steps .ui-steps-item {

    width: 25%;

}

 

body .ui-state-highlight {

    text-shadow: none !important;

}

 
 
 body .ui-datatable.dataVia .ui-datatable-data>tr {

background-color: #fff !important;

color: #333 !important;

border: 1px solid #c8c8c8 !important;



}

td.centeredColumnContent{
    text-align: center;
}

body .ui-datatable.dataVia .ui-datatable-data>tr.ui-datatable-even {

 background-color: #f9f9f9 !important;

}



body .ui-steps.custom {

    margin-bottom: 30px;

}

.dataVia table tr { 
    border-collapse: separate; 
    border-spacing: 0px 10px;
}

 

body .ui-steps.custom .ui-steps-item .ui-menuitem-link {

    height: 10px;

    padding: 0 1em;

    overflow: visible;

    border: 1px solid #c8c8c8;

    display: block;

}

body .ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-number {

    background-color: #0081c2;

    color: #0081c2 !important;

    display: inline-block;

    width: 30px;

    border-radius: 10px;

    margin-top: -10px;

    margin-bottom: 10px;

    position: relative;

    top: -3px;

}

 

body .ui-steps.custom .ui-steps-item .ui-menuitem-link .ui-steps-title {

    margin-top: -6px;

}

 

body .ui-steps.custom .ui-steps-item.ui-state-highlight .ui-menuitem-link .ui-steps-title {

    color: #555;

}
	
/* Componente de menu */
.ui-menuitem-link.ui-state-hover {
	background: green !important;
}

.ui-menu-list>.ui-widget-header {
	background: #607d8b !important;
}

.ui-menuitem-icon {
	background-image:
		url(/passelivre/javax.faces.resource/images/ui-icons_00498f_256x240.png.xhtml?ln=primefaces-dot-luv);
}

.ui-menuitem-link>.ui-menuitem-icon {
	background-image:
		url(/passelivre/javax.faces.resource/images/ui-icons_00498f_256x240.png.xhtml?ln=primefaces-dot-luv);
}

.ui-menuitem-link.ui-state-hover>.ui-menuitem-icon {
	background-image:
		url(/passelivre/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-dot-luv);
}

/* Componente select por botão - botão ativo */
.ui-selectonebutton>.ui-state-active {
	color: white;
	border-color: white;
}

/* Componente de tab */
.ui-tabs-selected {
	border-color: black !important;
}

.ui-tabs-selected>a {
	color: #ffffff !important;
	text-decoration: underline !important;
}

.ui-tabs-nav>li.ui-state-default {
	background: #607d8b !important;
}

.ui-tabs-nav>li.ui-state-hover {
	background: #4a626d !important;
}

@media only screen and (max-width: 340px) {
	.ui-tabs-nav>li>a {
		font-size: 13px;
	}
}

@media only screen and (max-width: 290px) {
	.ui-tabs-nav>li>a {
		font-size: 11px;
	}
}

/* Opacidade de campos disabled */
.ui-state-disabled {
	opacity: .7 !important;
}

/* Select checkboxmenu   */
.ui-selectcheckboxmenu .ui-state-focus, .ui-selectcheckboxmenu .ui-state-hover,
	.ui-selectcheckboxmenu .ui-state-active {
	background: green !important;
}

/* Logo Site */
.logo {
	position: absolute;
	top: -1px;
	left: 0;
	border-radius: 5px;
	border: 2px solid white;
	background: white;
	max-height: 38px;
	width: auto;
	padding: 1px;
	transition: 0.3s;
}

.logo:hover {
	box-shadow: 0px 0px 20px red;
}
/* Logo orgãos */
.logo_orgao {
	border-radius: 5px;
	border: 2px solid white;
	background: white;
}

/* Cor do layout north do tempate */
/* .ui-layout-pane-north */
/* .ui-layout-pane-north > div.ui-layout-unit-content */

/* Cor do radio button marcado */
/* .ui-radiobutton-box.ui-state-active */

/* Cor para as labels do componente de switch */
.ui-inputswitch-on {
	color: #00ea00 !important;
}

.ui-inputswitch-off {
	color: red !important;
}

/* Cor das labels do painel de steps */
.ui-steps-title {
	color: white !important;
}
body .ui-steps.custom .ui-steps-title{
	color: black !important;
	font-weight:bold;
}

.ui-steps-number {
	color: white !important;
}

/* Cor de links*/
.ui-link {
	color: black !important;
}

/* Botão com ícone font-awesome */
.fa-hover {
	display: inline-block;
	border: 1px solid;
	border-radius: 5px;
}

.fa-hover a {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	line-height: 32px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	transition: 0.2s;
	min-width: 152px;
}
/* fa-hover a:hover */
.fa-hover a:hover i {
	font-size: 18px !important;
}

/* Animação de imagem rotacionada */
.loading_animation {
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@
-moz-keyframes spin { 100% {
	-moz-transform: rotate(360deg);
}

}
@
-webkit-keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
}

}
@
keyframes spin { 100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}

/* Botões */
button {
	min-height: 30px;
}

/* Botões em seu estado padrão */
/* button.ui-state-default */
/* Botões quando sobre efeito hover */
/* button.ui-state-hover */
/* Botões quando ativos */
button.ui-state-active {
	color: white !important;
}

/* Legend do fieldset */
.ui-fieldset-legend.ui-state-default {
	background: #607D8B !important;
}

/* Icones quando em estado padrão*/
.ui-state-default .ui-icon {
	background-image:
		url("/passelivre/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-dot-luv");
}
/* Icones quando o estado hover ou focus */
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image:
		url("/passelivre/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-dot-luv");
}

/* .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight */

/* Opções do selectonemenu */
/* li.ui-selectonemenu-item.ui-state-hover */
/* li.ui-selectonemenu-item.ui-state-focus */

/* Botão de abertura das opções do selectonemenu */
/* ui-selectonemenu-trigger.ui-state-hover */
/* ui-selectonemenu-trigger.ui-state-focus */

/* Header do calendário */
/* .ui-datepicker-header */
/* Icones com fundo branco*/
.ui-widget-header .ui-icon {
	background-image:
		url(/passelivre/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-dot-luv);
}

/* Headers */
/* .ui-widget-header */

/* Cor de fonte dos links */
.ui-widget-content a {
	color: black;
}

/* Bordas de containers*/
.ui-widget-content .ui-state-active {
	/*border: 1px solid black;*/
	
}

.ui-widget-content .ui-state-focus {
	/*border: 1px solid black;*/
	
}

.ui-widget-content .ui-state-hover {
	/*border: 1px solid black;*/
	
}

/* Radio button */
/* ui-radiobutton-box.ui-state-hover */

/* Seletor de rows per page do datatable */
/* ui-paginator-rpp-options.ui-state-hover */
/* Seletor de rows per page do datatable */
/* .ui-paginator-rpp-options.ui-state-focus */
/* Header das colunas do datatable */
.ui-sortable-column.ui-state-hover {
	background: #526872 !important;
}

/* Paginação do datatable */
.ui-paginator-page.ui-state-default {
	color: white;
}

/* Hover para menu de opções */
ul.ui-menu-list>li.ui-state-hover {
	background: rgb(55, 113, 13) !important;
}

/* Botão simulado por span */
/* .ui-button.ui-state-default */
/* .ui-button.ui-state-hover */

/* Cabeçario do datatable */
th.ui-state-default {
	background: #607D8B !important;
}

/* Container do selecttomenu */
.ui-selectonemenu-filter-container {
	width: 95%;
}

/* Mensagem de tabela vazia no datatable */
.ui-datatable-empty-message {
	text-align: center;
}

/* Cor do header accordion */
.ui-accordion-header {
	background: #607D8B !important;
}

/* Padding do conteúdo de um accordion */
.ui-accordion .ui-accordion-content {
	padding: 0 !important;
}

/* Checkbox */
.ui-chkbox-box {
	background: #607D8B !important;
}

/* Botão de audio-descrição*/
.btn_audio {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 50%;
	padding: 3px;
	font-size: 16px;
	cursor: pointer;
}

.btn_audio:hover {
	font-size: 16px;
	background-color: rgb(65, 134, 13);
}

.btn_audio:hover>a>.fa {
	color: white;
}

.btn_audio_active {
	box-shadow: 0px 0px 20px #4e93ff;
}

/* Oculto em telas com largura menor que 800px */
.mobile_inline_hide_800 {
	display: none;
}

@media only screen and (min-width: 800px) {
	.mobile_inline_hide_800 {
		display: inline;
	}
}

/* Oculto em telas com largura maior que 800px */
.mobile_block_show_800 {
	display: block;
}

@media only screen and (min-width: 800px) {
	.mobile_block_show_800 {
		display: none;
	}
}

/* Oculta elemento block quando tela inferior a 800px */
.mobile_block_hide_800 {
	display: none;
}

@media only screen and (min-width: 800px) {
	.mobile_block_hide_800 {
		display: block;
	}
}

/* Oculta elemento inline-block quando tela inferior a 800px */
.mobile_inline_block_hide_800 {
	display: none;
}

@media only screen and (min-width: 800px) {
	.mobile_inline_block_hide_800 {
		display: inline-block;
	}
}

/* Oculto em telas com largura maior que 499px */
.mobile_block_show_max_499 {
	display: none !important;
}

@media only screen and (max-width: 499px) {
	.mobile_block_show_max_499 {
		display: inline-block !important;
	}
}
/* Oculto em telas com largura maior que 499px */
.mobile_inline_hide_max_499 {
	display: inline !important;
}

@media only screen and (max-width: 499px) {
	.mobile_inline_hide_max_499 {
		display: none !important;
	}
}

/* Oculto em telas com largura menor que 400px */
.mobile_inline_hide_400 {
	display: none;
}

@media only screen and (min-width: 400px) {
	.mobile_inline_hide_400 {
		display: inline;
	}
}

/* Oculto em telas com largura menor que 500px */
.mobile_inline_hide_500 {
	display: none;
}

@media only screen and (min-width: 500px) {
	.mobile_inline_hide_500 {
		display: inline;
	}
}

/* Container da tela de acompanhamento de cadastro */
.acompanhamento_container {
	display: block;
}

@media only screen and (min-width: 800px) {
	.acompanhamento_container {
		display: flex;
	}
}

.acompanhamento_container_left {
	flex: none;
}

@media only screen and (min-width: 800px) {
	.acompanhamento_container_left {
		flex: 1;
	}
}

.acompanhamento_container_right {
	flex: none;
	padding-left: 0;
}

@media only screen and (min-width: 800px) {
	.acompanhamento_container_right {
		flex: 3;
		padding-left: 30px;
	}
}

/* Botão de reconhecimento de voz */
.btnMic {
	border-style: solid;
	border-width: 1px;
	border-radius: 50%;
	padding: 5px;
	vertical-align: middle;
	margin-left: 10px;
}

.btnMic:hover {
	background: #c2efed;
}

.btnMic_active {
	box-shadow: 0px 0px 20px #4e93ff;
}

/* Tamanho dos selects on menu */
.ui-selectonemenu-panel {
	max-width: 300px;
}

.selectCid.ui-selectonemenu {
	min-width: 100px !important;
	max-width: 250px;
}

.selectPendencia.ui-selectonemenu {
	min-width: 600px !important;
	max-width: 730px;
}

@media only screen and (min-width: 800px) {
	.ui-selectonemenu-panel {
		max-width: 550px;
	}
	.selectCid.ui-selectonemenu {
		min-width: 400px !important;
		max-width: 400px;
	}
}

/* Botão alterador de tema */
.color-changer {
	background: transparent;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
}

.color-changer:hover {
	background: white;
}

/* Painel de cartões da tela inicial */
.panelCartoes {
	position: static;
	margin-top: 30px;
}

@media only screen and (min-width: 600px) {
	.panelCartoes {
		position: absolute;
		right: 0;
		top: 250px;
	}
}

@media only screen and (min-width: 730px) {
	.panelCartoes {
		position: absolute;
		right: 0;
		top: 30px;
	}
}

/* Cartão da tela inicial */
.cartao {
	pointer-events: none;
	border-radius: 30px;
	padding: 3px;
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 600px) {
	.cartao {
		width: 120px;
	}
}

@media only screen and (min-width: 850px) {
	.cartao {
		width: 250px;
	}
}

/* Texto destacado */
.destacado {
	font-weight: bold;
}

/* Fonte */
p {
	font-family: 'Open Sans', sans-serif;
}

.span_text {
	font-family: 'Open Sans', sans-serif;
}

.span_text_numero_cartao {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
}

.span_block {
	font-family: 'Open Sans', sans-serif;
	display: block;
}

/* Botão de opções do template */
.btn_main_container {
	display: inline;
	padding: 7px;
	padding-top: 12px;
	border: 1px white;
	border-radius: 7px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.btn_main_container:hover {
	background-color: #822b7c;
}

.btn_main_container:hover>a>.btn_main_label {
	color: white;
}

.btn_main_container:hover>a>.fa {
	color: white;
}

.btn_main_icon {
	font-size: 24px !important;
	margin-right: 5px;
}

.btn_main_label {
	color: #9633a8;
	font-weight: 1000;
}

@media only screen and (min-width: 530px) {
	.btn_main_label {
		font-size: 18px !important;
	}
}

/* Barra de divisão vertical */
.division_bar {
	width: 3px;
	height: 100%;
	background: black;
	display: inline-block;
}

/* Botão acessibilidade libras */
.btn_libras {
	display: block;
}

@media only screen and (min-width: 530px) {
	.btn_libras {
		display: inline;
	}
}

/* Container no index */
#index_container {
	display: flex;
}

@media only screen and (max-width: 1000px) {
	#index_container {
		display: block;
	}
	#index_division_bar {
		display: none;
	}
	#index_division_descricao {
		margin-left: auto;
		margin-right: auto;
	}
}

#index_content_left {
	flex: 2 auto;
	background: linear-gradient(147deg, #822b7c 47%, #eb008b);
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 320px;
	/*max-width: 326px;*/
}

#index_content_left_idoso {
	flex: 2 auto;
	background: linear-gradient(147deg, #de5416 47%, #e7875b);
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 320px;
	/*max-width: 326px;*/
}

#index_content_left_estudante {
	flex: 2 auto;
	background: linear-gradient(147deg, #57c3c3 47%, #6ad9d9);
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 320px;
	/*max-width: 326px;*/
}

#index_content_left_crianca {
	flex: 2 auto;
	background: linear-gradient(147deg, #e5d961 47%, #fcf17e);
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 320px;
	/*max-width: 326px;*/
}

#index_content_right {
	flex: 2 auto;
}

/* Cartões apresentados no index */
.index_cartao {
	max-width: 150px;
	height: auto;
	display: block;
	border-radius: 15px;
}

.index_cartao_legenda {
	font-size: 11px !important;
	text-align: center;
	display: block;
	font-style: italic;
}

.index_cartao_container {
	display: inline-block;
	padding: 10px;
}

/* Botão quadrado com ícone */
.btn_square_container {
	margin-left: auto;
	margin-right: auto;
	max-width: 280px;
}

.btn_square {
	height: 35px;
	display: flex;
	background-color: #ffffffcc;
	border: solid 1px white;
	transition: 0.2s;
	cursor: pointer;
}

.btn_square:hover {
	background: green;
}

.btn_square:hover>div>i {
	color: white;
}

.btn_square:hover>.btn_square_label {
	color: white;
}

.btn_square_icon {
	flex: 1;
	height: 100%;
	font-size: 20px;
	padding: 2px;
	padding-left: 10px;
}

.btn_square_label {
	flex: 8;
	height: 100%;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	padding-top: 6px;
	padding-left: 10px;
}

.btn_square_icon_style {
	font-size: 23px;
	vertical-align: sub;
	color: green;
}

@media only screen and (max-width: 300px) {
	.btn_square_label {
		font-size: 13px;
	}
}

/* Container cartão */
.index_bu_container_cartao {
	border: 1px solid;
	border-radius: 10px;
	display: inline-block;
	padding: 5px;
	box-shadow: 0px 0px 10px #888888;
	transition: all 0.3s linear;
	cursor: pointer;
	margin: 10px;
}

.index_bu_container_cartao_titulo {
	font-size: 20px !important;
	font-family: 'Open Sans', sans-serif;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}

.index_bu_container_cartao_titulo_especial {
	color: #832a7c;
}

.index_bu_container_cartao_titulo_idoso {
	color: #de5416;
}

.index_bu_container_cartao_titulo_estudante {
	color: #57c3c3;
}

.index_bu_container_cartao_titulo_crianca {
	color: #e5d961;
}

.index_bu_container_cartao>img {
	max-width: 100%;
	height: auto;
	border-radius: 15px;
}

.index_bu_container_cartao_especial {
	border-color: #ae2181;
}

.index_bu_container_cartao_especial:hover {
	box-shadow: 0px 0px 40px #ae2181;
}

.index_bu_container_cartao_idoso {
	border-color: #de5416;
}

.index_bu_container_cartao_idoso:hover {
	box-shadow: 0px 0px 40px #de5416;
}

.index_bu_container_cartao_crianca {
	border-color: #e5d961;
}

.index_bu_container_cartao_crianca:hover {
	box-shadow: 0px 0px 40px #e5d961;
}

.index_bu_container_cartao_estudante {
	border-color: #57c3c3;
}

.index_bu_container_cartao_estudante:hover {
	box-shadow: 0px 0px 40px #57c3c3;
}

/* Link que simula um botão */
.link_btnxxx {
	display: inline-block;
	padding: 5px;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration: none;
	background: #41860d;
	color: white !important;
	border-radius: 5px;
	font-weight: bold;
}

.link_btnxxx:hover {
	background: rgb(55, 113, 13);
}

/* Título do template */
.page_title {
	text-align: center;
	margin: 0;
	padding-top: 50px;
}

@media only screen and (max-width: 500px) {
	.page_title {
		padding-top: 30px;
	}
}

.display_block_max_700 {
	display: inline;
}

@media only screen and (max-width: 700px) {
	.display_block_max_700 {
		display: block;
	}
}

/* Alerta */
.alerta_container {
	display: inline-block;
	border-radius: 50%;
	border: 1px solid;
	padding: 2px;
	cursor: pointer;
}

.alerta_container_sem_ciencia {
	background: #b5474a;
}

.alerta_container_sem_ciencia>.alerta_icon {
	color: white;
}

.alerta_container_sem_ciencia:hover {
	background: #900101;
}

.alerta_container_com_ciencia {
	background: #b5474a;
}

.alerta_container_com_ciencia>.alerta_icon {
	color: white;
}

.alerta_container_com_ciencia:hover {
	background: #900101;
}

.alerta_icon {
	font-size: 20px;
}

ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
.copyright {
	color: #999;
	margin-top: 1.8em;
	text-align: center;
	font-size: 0.9em;
}