/*
 * Fix TinyMCE table picker layout when theme/frontend CSS leaks into the menu.
 * The table grid must keep the browser's native table display values,
 * otherwise rows often collapse into vertical columns.
 */
.mce-menu .mce-grid,
.mce-menu .mce-grid-border,
.mce-container .mce-grid,
.mce-container .mce-grid-border {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	table-layout: fixed !important;
}

.mce-menu .mce-grid tr,
.mce-container .mce-grid tr {
	display: table-row !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.mce-menu .mce-grid td,
.mce-container .mce-grid td {
	display: table-cell !important;
	float: none !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
	background: transparent !important;
	border: 0 !important;
	box-sizing: border-box !important;
}

.mce-menu .mce-grid td > a,
.mce-container .mce-grid td > a {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px !important;
	min-height: 20px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #ffffff !important;
	border: 1px solid #c3c4c7 !important;
	box-sizing: border-box !important;
}

.mce-menu .mce-grid td > a.mce-active,
.mce-container .mce-grid td > a.mce-active {
	background: #cfe8ff !important;
	border-color: #72aee6 !important;
}

.mce-menu .mce-text-center,
.mce-container .mce-text-center {
	margin-top: 10px !important;
	text-align: center !important;
}