.nefbp-wrap {
	margin: 1.5em 0;
	font-size: 15px;
}

.nefbp-hint {
	margin: 0 0 .75em;
	padding: .5em .75em;
	background: #f3f4f6;
	border-left: 3px solid #9ca3af;
	color: #374151;
	font-size: .9em;
}

.nefbp-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.nefbp-table {
	border-collapse: collapse;
	width: 100%;
	min-width: 600px;
	background: #fff;
}

.nefbp-table th,
.nefbp-table td {
	border: 1px solid #d1d5db;
	padding: .5em .6em;
	text-align: left;
	vertical-align: top;
}

.nefbp-table thead th {
	background: #1f2937;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
}

.nefbp-corner {
	background: #111827 !important;
}

.nefbp-rowhead {
	background: #f3f4f6;
	font-weight: 600;
	white-space: nowrap;
}

.nefbp-cell {
	min-width: 110px;
	height: 3.2em;
	position: relative;
	transition: background .12s ease;
}

.nefbp-cell.nefbp-filled {
	background: #eef6ff;
}

.nefbp-wrap[data-can-edit="1"] .nefbp-cell {
	cursor: pointer;
}

.nefbp-wrap[data-can-edit="1"] .nefbp-cell:hover,
.nefbp-wrap[data-can-edit="1"] .nefbp-cell:focus {
	background: #dbeafe;
	outline: 2px solid #2563eb;
	outline-offset: -2px;
}

.nefbp-text {
	display: block;
	font-weight: 500;
	color: #111827;
	word-break: break-word;
}

.nefbp-meta {
	display: block;
	margin-top: .25em;
	font-size: .72em;
	color: #6b7280;
}

.nefbp-cell.nefbp-saving {
	opacity: .5;
}

.nefbp-editor {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	padding: .25em;
	border: 1px solid #2563eb;
	border-radius: 3px;
}