/*customização primeflex*/
.field.grid, .formgrid.grid {
	padding-top: 8px;
}

.field-grid {
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -0.5rem;
	padding-right: 1em;
}

.text-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.text-left {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.grid-column-actions {
	flex-wrap: nowrap;
	margin-left: 0px;
	margin-top: 0rem;
	margin-bottom: -4px;
}

.col>label, .col-1>label, .col-2>label, .col-3>label, .col-4>label,
	.col-5>label, .col-6>label, .col-7>label, .col-8>label, .col-9>label,
	.col-10>label, .col-11>label, .col-12>label, .col-fixed>label {
	display: block;
	margin-bottom: 7px;
}

.col-command-button {
	flex-grow: 0;
	flex-basis: auto;
	margin-right: .3rem;
	margin-bottom: .3rem;
}

.ui-colorpicker span.ui-button-text.ui-c {
	display: flex;
	justify-content: center;
}

.ui-colorpicker>button {
	width: auto !important;
}

.ui-selectbooleanbutton {
	width: auto !important;
}

@media screen and (max-width: 320px) and (orientation: portrait) {
	.field-grid {
		padding-right: 0rem !important;
	}
}

@media screen and (min-width: 730px) and (max-width: 800px) and
	(orientation: landscape) {
	.md:col-6 {
		width: 50% !important;
	}
}

@media screen and (min-width: 600px) and (max-width: 1450px) {
	.md:col-3 {
		width: 50% !important;
	}
}