/* Layout paginas*/
.container {
	width: 100% important;

	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}

.container-center {
	width: 100% important;

	display: flex;
	display: -webkit-flex;
	display: -moz-flex;

	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;

	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}

.girar-45 {
	/*Firefox*/
	-moz-transform: rotate(-45deg) !important;
	/*Microsoft Internet Explorer*/
	-ms-transform: rotate(-45deg) !important;
	/*Chrome, Safari*/
	-webkit-transform: rotate(-45deg) !important;
	/*Opera*/
	-o-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
}

.item {
	flex: 1 1 500px;
}

.half {
	flex: 5;
	-webkit-flex: 5;
	-moz-flex: 5;
}

.half2 {
	flex: 5;
	-webkit-flex: 5;
	-moz-flex: 5;
}

/* -------------- */

.title-page {
	font-size: 2em !important;
	font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif !important;
	font-weight: bold !important;
}

.font-responsive {
	font-size: 14px !important;
}

.text-direita {
	text-align: right !important;
}

.overline {
	text-decoration: overline !important;
	text-decoration-color: #EAEAEA !important;
}

.underline {
	text-decoration: underline !important;
	text-decoration-color: red !important;
}

.filtro {
	height: 18px !important;
	width: 70% !important;
}

.toolbarTitulo {
	padding: none !important;
	border: none !important;
	background-color: transparent !important;
}

.combo {
	display: block !important;
	background-color: transparent !important;
}

.sem-borda tr,
.sem-borda td {
	border: none !important;
}

.transparente {
	background-color: transparent;
}

#logo-centro {
	left: 40%;
	top: 20%;
	position: absolute;
}

.panel {
	border: 1px solid #C8D9E2 !important;
	;
	padding: .3em !important;
	background-color: #ffffff !important;
}

.centralizar {
	text-align: center !important;
}

.centralizar>span>input {
	text-align: center !important;
}

.centralizar>input {
	text-align: center !important;
}

.filtro {
	height: 18px !important;
	width: 70% !important;
}

.commandLinkIcone {
	text-decoration: none !important;
	margin-right: 0 !important;
}

.button {
	-webkit-transition-duration: 0.4s !important.;
	transition-duration: 0.4s "important;";
}

.button:hover {
	color: #135570 !important;
}

.button:active {
	color: #ffffff !important;
}

/* para posicionar elemento ao centro */
.parent {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .child {
  margin: auto;  Magic!
} */

/* para truncar colunas do data table */
.truncate-300 {
	max-width: 300px;
	width: 300px;
}

.truncate-300>div>span {
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: block;
}

.truncate-250 {
	max-width: 250px;
	width: 250px;
}

.truncate-250>div>span {
	width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: block;
}

.truncate-200 {
	max-width: 200px;
	width: 200px;
}

.truncate-200>div>span {
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: block;
}

.truncate-100 {
	max-width: 100px;
	width: 100px;
}

.truncate-100>div>span {
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	display: block;
}

.titulo {
	color: #27AAE1 !important;
	background-color: #eff3f5 !important;
	border: solid 1px #C0C5C7 !important;
	font-weight: bold !important;
}

.largura-inicio-responsivo {
	width: 100% !important;
}

.largura-inicio-foto-responsivo {
	width: 100px !important;
}

.largura-inicio-label-responsivo {
	width: 80% !important;
}

@media only screen and (min-width: 400px) {
	.largura-inicio-responsivo {
		width: 350px !important;
		;
	}

	.largura-inicio-foto-responsivo {
		width: 260px !important;
	}

	.largura-inicio-label-responsivo {
		width: 600px !important;
	}
}

@media only screen and (max-width: 400px) {
	.title-page {
		font-size: 1.4em !important;
		font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif !important;
		font-weight: bold !important;
	}

	.font-responsive {
		font-size: 12px !important;
	}
}