.Inputfields .InputfieldRepeater {
	
	& > .InputfieldContent > ul.Inputfields { 
		margin-bottom: 1em;
		&:last-child {
			margin-bottom: 0;
		}
	}
	
	.InputfieldRepeaterPaste {
		display: none;
	}
	&.InputfieldRepeaterCanPaste {
		.InputfieldRepeaterPaste {
			display: inline-block;
		}
	}

	.InputfieldContent .InputfieldRepeaterItemHasDepth {
		// avoids white left background where indent is
		background: transparent;
	}
	
	.InputfieldRepeaterItem  > .InputfieldHeader {
		line-height: 1em;
		padding: 0.5em 0 0.5em 0.4em;
		white-space: nowrap;
		overflow: hidden;
		position: relative;
		
		.InputfieldRepeaterItemLabel,
		.InputfieldRepeaterItemControls {
			display: none;
		}
		
		&.InputfieldRepeaterHeaderInit {
			.InputfieldRepeaterItemLabel {
				display: inline-block;
				padding-left: 0.25em;
			}
			.InputfieldRepeaterItemControls {
				display: block;
				opacity: 1.0;
				padding-right: 0.5em;
				padding-left: 0.5em;
				margin-top: 0.5em;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 1;
				white-space: nowrap;
				height: 100%;
				
				.InputfieldRepeaterSettingsToggle,
				.InputfieldRepeaterClone,
				.InputfieldRepeaterToggle,
				.InputfieldRepeaterTrash,
				.InputfieldRepeaterInsertBefore,
				.InputfieldRepeaterInsertAfter,
				.toggle-icon {
					cursor: pointer;
					float: right;
					&:hover {
						opacity: 0.8;
					}
				}
				.InputfieldRepeaterTrash {
					padding-right: 3px;
				}
				.InputfieldRepeaterToggle {
					margin-right: 1em;
				}
				.InputfieldRepeaterClone {
					margin-right: 1em;
				}
				.InputfieldRepeaterInsertBefore {
					margin-right: 0.75em;
				}
				.InputfieldRepeaterInsertAfter {
					margin-right: 1em;
				}
				.InputfieldRepeaterSettingsToggle {
					margin-right: 1em;
				}
				.pw-icon-disabled {
					opacity: 0.3;	
				}
			}
			
			&:hover .InputfieldRepeaterItemControls {
				opacity: 1.0;
				transition: opacity 300ms;
			}
		
			&.InputfieldRepeaterItemOOB .InputfieldRepeaterItemControls {
				// items out of bounds (OOB) hide controls
				display: none;
			}
			
			.toggle-icon {
				line-height: 1em;
				margin-right: 0.5em;
			}
		}

	}
	
	.InputfieldRepeaterItem {
		// prevents longer item headers from going outside Inputfield box horizontally 
		max-width: 100%;
		box-sizing: border-box;
		
		// repeater item that has DELETE pending
		&.InputfieldRepeaterDeletePending {
			> .InputfieldRepeaterHeaderInit > .InputfieldRepeaterItemControls {
				// keep just the trash icon visible when item marked for deletion
				display: block;
				opacity: 1.0;
				*:not(.InputfieldRepeaterTrash):not(.toggle-icon) {
					display: none !important;
				}
			}
		}
	}
	
	&:not(.InputfieldRepeaterLoudControls) > .InputfieldContent > .Inputfields > .InputfieldRepeaterItem {
		// repeater item that does NOT have delete pending
		&:not(.InputfieldRepeaterDeletePending) {
			> .InputfieldRepeaterHeaderInit:not(:hover) > .InputfieldRepeaterItemControls {
				opacity: 0;
				transition: opacity 500ms;
			}
		}
	}

	
	& > .InputfieldContent > .Inputfields > .InputfieldRepeaterInsertItem {
		opacity: 0.5;
	}
	
	.InputfieldStateCollapsed .InputfieldRepeaterSettingsToggle {
		display: none;
	}
		
	.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) {
		// repeater items not marked for deletion
		
		&.InputfieldStateCollapsed > .InputfieldHeader {
			// collapsed items are faded out a bit 
			opacity: 0.90;
			&:hover {
				opacity: 1.0;
			}
		}
		&.InputfieldRepeaterUnpublished > .InputfieldHeader {
			// unpublished items faded a bit more 
			opacity: 0.7;
		}
		&.InputfieldRepeaterOff > .InputfieldHeader {
			// off items faded yet even more 
			opacity: 0.5;
			&:not(:hover) > .InputfieldRepeaterItemLabel {
				text-decoration: line-through;
			}
		}
	}
	
	.InputfieldRepeaterItem.InputfieldRepeaterDeletePending > .InputfieldHeader > .InputfieldRepeaterItemLabel {
		text-decoration: line-through;
	}
	
	.InputfieldRepeaterItem.InputfieldRepeaterItemLoading {
		// override the margin-bottom 1.25em from admin theme stylesheet, so margin isn't showing while item is loading
		margin-bottom: 1em;
	}
	
	.InputfieldRepeaterItem.InputfieldStateCollapsed > .InputfieldContent {
		// for some reason .InputfieldContent still shows on ajax-loaded items after closing them, this fixes that 
		display: none !important;
	}
	
	.InputfieldRepeaterNewItem {
		// used by non-ajax add mode
		display: none;
	}
	
	.InputfieldRepeaterDelete {
		// delete checkbox
		display: none;
	}
	
	&.InputfieldRepeaterSingle {
		// repeater in single-item mode
		> .InputfieldContent > .Inputfields {
			margin-bottom: 0;
			> .InputfieldRepeaterItem {
				margin-bottom: 0;
				> .InputfieldHeader {
					display: none;
				}
			}
		}
	}

}

.InputfieldRepeater {
	z-index: 1; 	
	
	.InputfieldWrapper,
	.InputfieldWrapper > .Inputfields {
		margin-top: 0 !important;
	}

	ul.ui-sortable > .InputfieldRepeaterItem > .InputfieldHeader {
		//padding-left: 25px;
		position: relative;
	}

	.InputfieldRepeaterAddItem input {
		// count of added items hidden
		display: none !important;
	}

	ul.Inputfields + .InputfieldRepeaterAddItem {
		// removes extra space at top when 'add item' is the only thing in the repeater field 
		margin-top: 0;
	}
	
	.InputfieldRepeaterDrag {
		// draggable icon for repeater items
		display: inline-block;
		cursor: ns-resize;
		opacity: 0.7;
		line-height: 1em;
		&:hover {
			cursor: move;
			opacity: 1.0;
		}
	}
	
	&.InputfieldRenderValueMode {
		.InputfieldRepeaterDrag {
			margin-right: 0.25em;
			opacity: 0.5;
			&:hover {
				cursor: not-allowed;
				opacity: 0.5;
			}
		}
	}
}

.AdminThemeReno .InputfieldRepeaterItem > .InputfieldHeader .ui-priority-secondary {
	// AdminThemeReno has wrong/reverse color here for ui-priority-secondary, not sure why
	color: rgba(255,255,255,0.8) !important;
}
