// OOUIHTMLForm styles
.mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded {
	padding: 1em 1.25em 1.25em;
}

.mw-htmlform-ooui {
	line-height: 1.4; // Override MediaWiki's default of `1.6`

	.oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
		line-height: 1.143; // equals `16px`
	}

	.mw-htmlform-field-HTMLCheckMatrix {
		width: 100%;
	}

	.mw-htmlform-matrix {
		border-spacing: 0;

		td {
			padding: 0.35em 0.7em;
			-webkit-transition: background-color 250ms;
			-moz-transition: background-color 250ms;
			transition: background-color 250ms;
		}

		tbody tr:nth-child( even ) td {
			background-color: #f8f9fa;
		}

		tbody tr:not( :first-child ):hover td {
			background-color: #eaecf0;
		}

		tbody tr:first-child td {
			background-color: #fff;
		}

		td.first {
			margin-right: 5%;
			width: 39%;
		}
	}
}

// Flatlist styling for PHP widgets...
.mw-htmlform-flatlist .oo-ui-fieldLayout-align-inline,
// ...and for JS widgets
.mw-htmlform-flatlist .oo-ui-radioOptionWidget,
.mw-htmlform-flatlist .oo-ui-checkboxMultioptionWidget {
	display: inline-block;
	margin-right: 1em;
}

.mw-htmlform-ooui .htmlform-tip,
.mw-htmlform-ooui .mw-htmlform-submit-buttons {
	margin-top: 1em;
}