/* Input Styles - Form Editor */

.gpnf-nested-entries {
	border: 1px solid rgba( 0, 0, 0, 0.1 );
	border-radius: 3px;
	min-width: min( 100%, 800px );
	border-spacing: 0;
	border-collapse: separate;
}

.gpnf-nested-entries th,
.gpnf-nested-entries td {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
	padding: 1rem;
}

.gpnf-nested-entries tbody tr:last-child td {
	border-bottom: 0;
}

.gpnf-nested-entries th {
	background-color: rgba( 0, 0, 0, 0.03 );
	border-color: rgba( 0, 0, 0, 0.1 );
	font-size: 0.9em;
	text-align: left;
}

.gpnf-no-entries {
	display: table-row !important;
}

.gpnf-add-entry {
	margin-top: 10px;
	pointer-events: none;
}

.gpnf-no-entries td {
	text-align: center;
	padding: 1rem;
	border-bottom: 0;
}

.gpnf-no-entries td span {
	text-transform: lowercase;
	margin: 0 !important;
}

/* Entry View - Field Value Styles */

.gpnf-entry-view .gpnf-nested-entries {
	border-spacing: unset;
}

.gform-settings__content .entry-details-table .gpnf-entry-view th {
	font-size: 13px;
	color: #242748;
	font-weight: bold;
}

.gpnf-entry-view th,
.gpnf-entry-view td {
	border-bottom: 1px solid #ececf2;
	padding: 12px 7px !important;
}

.gpnf-related-entries,
.gpnf-actions {
	padding: 12px 7px;
}

.gf-legacy-ui .gpnf-entry-view table {
	border-spacing: 0;
	width: 100%;
}

.gf-legacy-ui .gpnf-entry-view th {
	font-weight: bold;
	font-size: 13px;
}

.gf-legacy-ui .gpnf-entry-view td {
	border-bottom: 1px solid #eee;
}

.gf-legacy-ui .gpnf-no-edit {
	font-size: 13px;
	color: #999;
	margin-top: 10px;
}

.gf-legacy-ui .gpnf-related-entries,
.gf-legacy-ui .gpnf-actions {
	padding: 8px 10px; /* matching WP .widefat td { } style */
}

/* Field Setting Styles */

#gpnf-entry-limits .gp-group,
#gpnf-entry-labels .gp-group {
	margin-bottom: 0.5625rem;
}

#gpnf-entry-limits .gp-group label,
#gpnf-entry-labels .gp-group label {
	line-height: 2.25rem;
	margin: 0;
}

#gpnf-fields-container {
	position: relative;
}

.gpnf-static-spinner {
	display: none;
}

#gpnf-fields:disabled:not( .inactive ) + span + .gpnf-static-spinner {
	display: block !important;
	position: absolute;
	right: 1rem;
}

.gf-legacy-ui #gpnf-entry-labels div,
.gf-legacy-ui #gpnf-entry-limits div {
	overflow: hidden;
	margin: 0 0 5px;
}

.gf-legacy-ui #gpnf-entry-labels div label,
.gf-legacy-ui #gpnf-entry-limits div label {
	width: 30%;
	float: left;
	margin: 0 !important;
	line-height: 32px;
}

.gf-legacy-ui #gpnf-entry-labels div label,
.gf-legacy-ui #gpnf-entry-limits div label {
	line-height: 24px !important;
}

#gpnf-entry-limits div input {
	/* Matching GF's styling for text inputs. */
	max-height: 2.25rem;
	min-height: 2.25rem;
	width: 100%;
}

#gpnf-feed-processing-setting span {
	vertical-align: middle;
}

#gpnf-feed-processing {
	margin-top: 0 !important;
}

.gpnf-modal-header-color-setting .gp-group {
	align-items: center;
}

.gf-legacy-ui #gpnf-modal-header-color {
	max-width: 100px;
}

#chip_gpnf-modal-header-color {
	cursor: pointer;
	vertical-align: bottom;
	width: 2.25rem;
	height: auto;
	box-sizing: border-box;
	border-radius: 5px;
	margin-left: 0.5625rem;
}

.gf-legacy-ui #chip_gpnf-modal-header-color {
	width: 30px;
	margin-top: 4px;
}

#chip_gpnf-modal-header-color:not([style]) {
	border: 1px solid #7E8993;

}

#chooser_gpnf-modal-header-color {
	vertical-align: text-bottom;
	line-height: 2.25rem;
	margin-left: 0.5625rem;
}

.toplevel_page_gf_edit_forms .gpnf-nested-entries {
	width: 100%;
}

.toplevel_page_gf_edit_forms .gpnf-nested-entries thead + tbody {
	display: none;
}

/* ASM Select Styles */
#gpnf-form-settings .asmContainer {
	width: 100%;
}

#gpnf-form-settings .asmList {
	/* Allow sortable item ghosts to be dragged outside of container */
	overflow: visible !important;
	border: 0;
	margin: 0.5rem -0.125rem 0;
}

#gpnf-form-settings .asmListItem {
	width: calc( 50% - 0.25rem );
	display: block;
	border: 1px solid #d5d7e9;
	margin: 0 0.125rem 0.25rem !important;
	float: left;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0 !important;
	height: auto;
	line-height: 1;
	/* max-width: calc( 50% - 1.25rem ); */
}

#gpnf-form-settings .asmListItem:hover .asmListItemRemove {
	display: block;
	top: 50%;
	margin: auto;
	margin-top: -7px;
}

#gpnf-form-settings .asmListItemLabel {
	display: block;
	padding: 0 2rem 0 0.75rem !important;
	line-height: 2.25rem;
	height: calc( 2.25rem - 2px );
	overflow: hidden;
	text-overflow: ellipsis;
}

#gpnf-edit-child-form {
	float: right;
}
