/*
 * Componentes HTML nativos usados no lugar dos equivalentes PrimeFaces.
 * O seletor inclui a tag para não alterar o <div class="ui-selectonemenu">
 * renderizado por p:selectOneMenu.
 */
body select.ui-selectonemenu {
	display: block !important;
	width: 100%;
	margin-bottom: 0 !important;
	padding: 0.75rem !important;
	color: var(--text-color, #212121) !important;
	background-color: var(--surface-a, var(--content-bgcolor, #ffffff)) !important;
	border: 1px solid var(--surface-border, var(--divider-color, #ced4da)) !important;
	border-radius: var(--border-radius, 4px);
	box-shadow: none;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
	transition: border-color 0.2s, box-shadow 0.2s;
}

body select.ui-selectonemenu:hover:not(:disabled) {
	border-color: var(--text-color-secondary, #6c757d) !important;
}

body select.ui-selectonemenu:focus {
	border-color: var(--primary-color, #3f51b5) !important;
	box-shadow: 0 0 0 1px var(--primary-color, #3f51b5) !important;
	outline: 0;
}

body select.ui-selectonemenu:disabled {
	opacity: 0.6;
	cursor: default;
}

body select.ui-selectonemenu option,
body select.ui-selectonemenu optgroup {
	color: var(--text-color, #212121);
	background-color: var(--surface-a, var(--content-bgcolor, #ffffff));
}

/* Alinhamento padrão das tabelas da aplicação, inclusive no modo reflow. */
body .ui-datatable thead > tr > th,
body .ui-datatable tbody > tr > td,
body .ui-datatable tfoot > tr > td {
	text-align: center !important;
}

body .ui-datatable-reflow .ui-datatable-data > tr > td .ui-column-title {
	text-align: center !important;
}