#wordProcessors > label:not(:first-child) {
	margin-top: 10px;
}

#wordProcessorInstallers {
	margin-block: 0.5em;
}

#wordProcessorInstallers > groupbox > label > h2 {
	/* Override spacing added between groupboxes */
	margin-top: 0.5em !important;
}

#styleManager
{
	height: 250px;
	max-height: 250px;
}

#styleManager-updated
{
	width: 105px;
}


#openCSLEdit {
	margin-inline-end: 6px;
}

#reset-styles-button {
	margin-inline-end: auto;
}

#styleManager-buttons {
	@media (-moz-platform: windows) {
		// move "Get Additional Styles" to default primary button position on the left
		flex-direction: row-reverse;
		// undo default button margin
		#reset-styles-button, #get-additional-styles-button {
			margin-inline: 0;
		}
			
	}
}

#add-from-file-button {
	margin-inline: 6px;
}

#styleManager {
	.virtualized-table {
		.row {
			// transparent border so that when .selected adds the border below, nothing shifts 
			border: 1px solid transparent;
			&.odd {
				background-color: var(--material-stripe);
			}
			&.even {
				background-color: var(--material-background);
			}
		}
		// Override styling of selected rows
		.row.selected {
			color: var(--fill-primary);
			// Override background-colors above
			.icon-action {
				.icon {
					fill: var(--fill-secondary) !important;
				}
				&:hover:not([disabled]) {
					background-color: var(--fill-quinary);
				}
				&:active:not([disabled]) {
					background-color: var(--fill-quarternary);
				}
			}
		}
		&:focus .row.selected {
			// selected rows get a subtle dotted border only when the table is focused
			// to not create an impression that the selected style will be used for citing
			border: var(--default-focusring-width) dotted var(--color-accent);
		}
	}
}
