@CHARSET "ISO-8859-1" !important;

@media only screen and (min-width: 768px) {
	html, body {
		margin: 0 !important;
		padding: 0 !important;
		height: 93% !important; /*sobrando um espaço para o rodapé*/
		border: 0px solid #0014F3;
		background-color: #f8f8f8 !important;
	}
	h1, h2, h3 {
		margin-top: 0 !important;
	}
	h1 {
		font-size: 1.6em !important;
		font-weight: normal !important;
	}
	h2 {
		font-size: 1.6em !important;
	}
	h3 {
		font-size: 1em !important;
		margin-top: 20px !important;
	}
	ul {
		
	}
	a {
		text-decoration: none !important;
	}
	a:hover {
		text-decoration: underline !important;
	}
	a img {
		border: none !important;
	}
	img.left {
		float: left !important;
		margin: 0 20px 0 0 !important;
	}
	img.right {
		float: right !important;
		margin: 0 0 0 20px !important;
	}
	.homeText {
		line-height: 175% !important;
	}
	.ui-themeswitcher a.ui-selectonemenu-label-container {
		text-decoration: none !important;
	}
	.ui-widget {
		font-size: 12px !important;
	}
	.painelAtualizacoes {
		width: 50% !important;
		text-align: center !important;
	}
	.painelInformacoesSistema {
		width: 50% !important;
		text-align: center !important;
	}
	.combo {
		width: 300px !important;
		display: block !important;
	}
	.filtroGrafico {
		width: 125px !important;
		display: block !important;
	}
	.caixaTexto {
		width: 295px !important;
		min-width: 295px !important;
		max-width: 295px !important;
	}
	.caixaTextoLogin {
		width: 90% !important;
		min-width: 100% !important;
		max-width: 100% !important;
	}
	.botao {
		display: inline-block !important;
	}
	.pagina {
		position: relative !important;
		min-height: 100% !important;
	}
	* html .pagina {
		height: 100% !important;
	}
	.titulo {
		margin-top: 20px !important;
		left: 20px !important;
		font-size: 25px !important;
	}
	.subTitulo {
		font-size: 20px !important;
	}
	.legendaMotivoFonte {
		font-size: 0.75em !important;
		font-style: bold !important;;
		font-color: #cccccc !important;
	}
	.legendaMotivo {
		padding: 1px !important;
		border: 1px solid #cccccc !important;
		white-space: nowrap !important;
		width: 170px !important;
	}
	.login {
		max-width: 350px !important;
		text-align: center !important;
		vertical-align: middle !important;
	}
	#grid {
		text-align: left !important;
		padding: 0 !important;
		display: block !important;
		margin: 0 !important;
	}
	.labelLogin {
		margin-left: -10px !important;
		padding: 0 !important;
	}
	.tema {
		float: right !important;
	}

	/*
Move o container ao expandir a sidebar
*/
	#painelBarraLateral:hover ~ .rodape__ {
		margin-left: 220px !important;
	}
	#painelBarraLateral:hover+.pagina {
		margin-left: 220px !important;
	}
	body {
		overflow-x: hidden !important;
	}
}

.invisivel {
	display: none !important;
	margin-left: 0px !important;
	opacity: 0 !important;
	box-shadow: none !important;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

.rodape {
	border: 0px solid !important;
	border-top: 0px solid #E0E0E0 !important;
	width: 100% !important;
	height: 10px !important;
	max-height: 10px !important;
	min-height: 10px !important;
	bottom: 0 !important;
	left: 0 !important;
	padding: 0px !important;
	margin: 0px !important;
	clear: both !important;
	position: absolute !important;
	margin-top: 10px !important
}

.ui-icon-bars {
	background: url(../css/imagens/menu-mobile2.png) no-repeat !important;
	width: 16px !important;
	height: 16px !important;
}

.ui-selectonemenu-list {
	background: none !important;
	background-color: #EFEFEF !important;
}

.ui-selectonemenu-filter-container {
	background: none !important;
	background-image: #EFEFEF !important;
	width: 98% !important;
}

.ui-datatable .ui-datatable-data .even-row td {
	background-color: #FFF !important;
}

.ui-datatable .ui-datatable-data .odd-row td {
	background-color: #f5f5da !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	border-right: none !important;
	border-top: none !important;
	border-bottom: none !important;
	cursor: pointer !important;
	width: 25px !important; /*25*/
	height: 100% !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	padding: 0 3px !important;
}

.ui-selectonemenu-filter-container {
	background: none !important;
	background-color: #EFEFEF !important;
	width: 98% !important;
}

.ui-datatable {
	display: table !important;
}

.ui-datatable table {
	table-layout: auto !important;
	margin: auto !important;
}

.login {
	margin-top: -50px !important;
}

.linkInicioEmprestimo {
	font-size: 110% !important;
	font-weight: bold !important;
	color: navy !important
}

.painelLinkInicioEmprestimo {
	padding: 0px !important;
}

.rodape__ {
	margin-top: 10px !important;
}

.lblTitulo {
	margin-left: 40px !important
}

.subHeader {
	border-bottom: 1px solid #E0E0E0 !important;
	border-top: 0px solid #E0E0E0 !important;
	text-align: left !important
}

/*Deve ser utilizado no lugar do ui-panelgrid-blank e com layout grid*/
.painelGridSemBordaComTabela >.ui-widget-content {
	border: none !important;
}

@media ( max-width : 767px) {
	
	.subHeader{
		text-align: center !important
	}
	
	.lblTitulo {
		margin-left: auto !important
	}
	.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
		width: 100% !important;
	}
	.rodape, .rodape__, .footer {
		display: none !important;
	}
	.legendaMotivoFonte {
		font-size: 0.75em !important;
		font-style: bold !important;;
		font-color: #cccccc !important;
	}
	.container-fluid {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.container {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.containerEmpresas img {
		width: 150px !important;
		height: 150px !important;
	}
	body, .ui-panel, .ui-widget .ui-widget-content {
		background-color: #EFEFEF-- !important;
	}
	.login {
		margin-right: 0% !important;
		margin-left: 0% !important;
		display: block !important;
		text-align: center !important;
	}
	.combo {
		max-width: 90% !important;
		width: 90% !important;
		max-height: 90% !important;
		margin: auto !important;
		display: inline-block !important;
		font-size: 12px !important;
	}
	.filtroGrafico {
		max-width: 90% !important;
		min-width: 90% !important;
		width: 90% !important;
		margin: auto !important;
		display: block !important;
		font-size: 12px !important;
	}
	.ui-selectonemenu-label {
		max-width: 105% !important;
		min-width: 105% !important;
		font-size: 12px !important;
	}
	.ui-selectonemenu {
		width: 100% !important;
	}
	.ui-selectonemenu .ui-selectonemenu-label-container {
		font-size: 12px !important;
	}
	.ui-selectonemenu-item {
		font-size: 12px !important;
	}
	.ui-selectoneradio {
		font-size: 12px !important;
	}
	.caixaTexto {
		min-width: 95% !important;
		max-width: 95% !important;
		display: inline-block !important;
		margin: auto !important;
	}
	.caixaTextoLogin {
		width: 70% !important;
		min-width: 70% !important;
		max-width: 70% !important;
	}
	.infofacilit, .infocredfort, .textArea {
		min-width: 98% !important;
		max-width: 98% !important;
		display: inline-block !important;
		margin: auto !important;
	}
	.botao {
		min-width: 98% !important;
		max-width: 98% !important;
		display: inline-block !important;
		margin: auto !important;
	}
	.ui-datatable {
		display: table !important;
		font-size: 10px !important;
	}
	.ui-datatable table {
		table-layout: auto !important;
		margin: auto !important;
	}
	.ui-panel-titlebar, .ui-datatable .ui-datatable-header, .ui-dialog .ui-dialog-titlebar,
		.titulo {
		font-size: 13px !important;
	}
	.titulo {
		margin-top: 20px !important;
		left: 20px !important;
		font-size: 20px !important;
	}
	.subTitulo {
		font-size: 20px !important;
	}
	.labelAtualizacao {
		font-size: 12px !important;
	}
	.ui-dialog {
		margin-top: 50px !important
	}
	.btn {
		min-width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 5px !important;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width:
	1024px) {
	body, .ui-panel, .ui-widget .ui-widget-content {
		background-color: #EFEFEF !important;
	}
}