/* Default overwrites */
body.subpage .main-content {
	padding-top: 0;
}

.table {
	margin-bottom: 0;
}
/* Default overwrites done */

.hymn-table {
	display: grid;
	gap: 2rem;
}

.hymn-table__tools {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.hymn-table__tool-dropdown {
	min-width: 200px;
}

.hymn-table__tool-dropdown.-group {
	min-width: 300px;
}

.hymn-table__tool-searchbar {
	flex-grow: 1;
}

.hymn-table__tool-dropdown .select2-container,
.hymn-table__tool-dropdown .select2-selection {
	height: 100%;
}

.select2-container .select2-selection--single {
	display: flex;
	align-items: center;
}
.select2-container .select2-selection--single {
	align-items: flex-end;
}

.form-control {
	border-radius: 4px;
}

.hymn-table__actions {
	display: flex;
	justify-content: end;
}

.hymn-table__no-results {
	margin-top: 2rem;
	text-align: center;
}

.hymn-table__center-column {
	vertical-align: middle;
}

.hymn-table__small-column {
	width: 100px;
}

.hymn-table__row-actions {
	display: flex;
	gap: 0.5rem;
	justify-content: end;
	padding-right: 1rem !important;
}

.hymn-table__row-collapsed {
	background-color: #fff;
}

	.hymn-table__row-collapsed td {
		padding: 0 !important;
	}

.hymn-table__column--align-right {
	text-align: right;
}

.hymn-table__collapsed-container {
	white-space: normal;
	height: var(--height);
	transition: height var(--speed) ease-in-out;
}

:not(.-active) + .hymn-table__row-collapsed .hymn-table__collapsed-container {
	height: 0;
}

.hymn-table__additional-data {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.hymn-table__tag {
	display: inline-block;
	padding: 0.25em 0.5em;
	font-size: 14px;
	color: white;
	line-height: 1;
	white-space: nowrap;
	background-color: #838383;
	border-radius: 1em;
}

.hymn-table__extra::before {
	content: "ʘ ";
	font-weight: bold;
}

.hymn-table__file-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 2rem;
	font-size: 18px;
}



.hymn-table__simple {
	font-size: 18px !important;
}

	.hymn-table__simple th {
		border-bottom: 2px solid #e5e5e5 !important;
		padding: 0.5rem 0.75rem !important;
	}

	.hymn-table__simple td {
		border: none !important;
		padding: 0.5rem 0.75rem !important;
	}