@charset "UTF-8";

@media (max-width: 600px) {
	.MainText1 {
		font-size: 14pt !important;
	}
}

html,body{
	height:100%;
	min-height:100%;
}

.v3-table th {
	cursor:auto;
	height:18px;
	vertical-align:middle;
}
.v3-table tr td {
	height:auto;
	border:0;
	overflow:hidden;
}
.v3-table td a {
	line-height:100%;
	display:inline;
}
table.v3-table td a:hover {
	background-color: #ffe6a3;
}

/* Perfect alignment for modern filter box fields */
.filterbox-modern {
	gap: 12px 10px;
}
.filterbox-modern .filterbox-field {
	flex: 0 1 auto;
	min-width: 140px;
	height: 52px;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-end;
}
/* Standardize width and height of fields */
.filterbox-modern .filterbox-field input[type="text"],
.filterbox-modern .filterbox-field select {
	width: 100%;
	min-width: 140px;
	height: 32px;
}
/* Custom Select2 styling to match filters.css rules */
.filterbox-modern .select2-container {
	vertical-align: bottom;
}
.filterbox-modern .select2-container--default .select2-selection--single {
	height: 32px;
	border: 1px solid var(--filterbox-field-border-color);
	background: var(--filterbox-field-bg-color);
	border-radius: 6px;
}
.filterbox-modern .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 30px;
	color: var(--filterbox-field-text-color);
	padding-left: 7px;
	font-size: 0.92rem; /* Match the font-size of standard inputs/selects */
}
.filterbox-modern .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
}
/* Set the font size of Select2 dropdown choices */
.select2-container--default .select2-results__option {
	font-size: 0.92rem;
}
/* Align checkbox wrappers precisely to the 32px grid line */
.filterbox-modern .filterbox-field.checkbox {
	height: 55px;
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-end;
	align-self: flex-end;
	min-width: auto;
}
.filterbox-modern .filterbox-checkbox {
	width: auto;
	white-space: nowrap;
}
/* Compact and align the Months section */
.filterbox-modern .filterbox-section {
	height: 52px;
	box-sizing: border-box;
	padding: 4px 10px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.filterbox-modern .monthtable {
	margin: 0;
	border-collapse: collapse;
}
.filterbox-modern .monthtable td {
	padding: 0 2px;
	font-size: 0.72rem;
	text-align: center;
	line-height: 1;
}
.filterbox-modern .monthtable input[type="checkbox"] {
	margin: 0;
	width: 13px;
	height: 13px;
	cursor: pointer;
}

.highlightcriteria {
	background-color: #ffcc66;
}

#resultsTable tr {
	user-select: none;
}
#resultsTable tr td:nth-child(1) {
	background:none;
	width:30px;
	font-size:1.3em;
	text-align:center;
}
#resultsTable tr th:nth-child(2) {
	text-align:left;
	vertical-align:bottom;
	white-space:nowrap;
	height:30px;
	padding-bottom:2px;
	padding-left:0;
}
#resultsTable tr td:nth-child(2) {
	padding-top:4px;
	padding-bottom:4px;
	min-width:0;
	width:100%;
	max-width:350px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
}
#resultsTable tr td:nth-child(2) a:visited {
	color: #999;
}
#resultsTable tr td:nth-child(2) div.peaks a:visited {
	color: #0c89e8;
}
#resultsTable tr th:nth-child(3) {
	text-align:left;
	vertical-align:bottom;
	white-space:nowrap;
	min-width:0;
}
#resultsTable tr td:nth-child(3), #resultsTable tr td:nth-child(4) {
	padding-right:5px;
}
#resultsTable tr th:nth-child(4),
#resultsTable tr th:nth-child(5) {
	text-align:center;
	vertical-align:bottom;
	white-space:nowrap;
	width:5%;
}
#resultsTable tr td:nth-child(4),
#resultsTable tr td:nth-child(5) {
	text-align:right;
	padding-right:2px;
}
#resultsTable tr th:nth-child(6) {
	text-align:left;
	vertical-align:bottom;
	white-space:nowrap;
	width:18px;
	padding-bottom:2px;
}
#resultsTable tr td:nth-child(6) {
	white-space:nowrap;
	width:25px;
	min-width:25px;
	padding-left:4px;
	padding-right:4px;
}
#resultsTable tr th:nth-child(7),
#resultsTable tr th:nth-child(8) {
	text-align:center;
	vertical-align:bottom;
	white-space:nowrap;
	width:18px;
	padding-bottom:2px;
}
#resultsTable tr td:nth-child(7),
#resultsTable tr td:nth-child(8) {
	text-align:center;
	width:50px;
}
#resultsTable tr th:nth-child(9) {
	text-align:center;
	vertical-align:bottom;
	white-space:nowrap;
	width:40px;
	max-width:40px;
}
#resultsTable tr td:nth-child(9) {
	text-align:center;
	width:75px;
	padding:2px;
}

div.peaks, div.added {
	margin:0;
	width:inherit;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sortActive {
	font-size:1.3em;
	color:yellow;
}
.sortInactive {
	font-size:1em;
	color:lightgray;
}
.likeMe {
	text-decoration: underline;
	text-decoration-color: yellow;
	text-underline-offset: 2px;
}
.submitButton {
	display:none;
}

.right-controls-box {
	display: flex;
	flex-direction: column; /* 📱 Default: Stacks vertically on the right side */
	align-items: flex-end; /* 📱 Right-aligns both elements */
	flex-grow: 1;
	flex-basis: 250px;
	white-space: nowrap;
}

/* 🖥️ Media query shifts layout when there is enough screen space to stand next to the filter box */
@media (max-width: 600px) {
	.right-controls-box {
		flex-direction: row; /* 📱 Switch to side-by-side when wrapped below */
		justify-content: space-between; /* 📱 Left justifies the link, right justifies pagination */
		align-items: flex-end;
		padding-top: 10px;
	}
	.pagination {
		margin-top: 2px;
	}
}
@media (min-width: 600px) {
	.pagination {
		margin-top: 10px;
	}
}