/* Desktop settings */
input {
	border: 1px solid Black;
}

.TabButton {
	padding: 0.5em;
	
	border: 1px solid LightGray;
	
	&.Active {
		background-color: Orange;
	}
}

.TabFieldset {
	&.Hidden {
		display: none;
	}
}

/* Table */
.CoastsList {
	border-spacing: 0px;
	
	width: 100%;
	
	th {
		border-top: 1px solid Black;
	}
	th, td {
		border-right: 1px solid Black;
		border-bottom: 1px solid Black;
	
		padding: 0.25em;
	}
	th:first-child, td:first-child {
		border-left: 1px solid Black;
	}
	
	th {
		background-color: Orange;
	
		position: sticky;
		top: 0px;
		
		&.Sorted {
			background-color: LightBlue;
		}
		
		input {
			width: 100%;
		}
		
		a:hover {
			color: White;
		}
	}
	
	tr {
		&.AllergyProduct {
			background-color: Purple;
			color: White;
		}
		
		td {
			/*
			Avoiding the linebreak when using units like 1000 g instead of 1000g
			Each row starting at the 2'nd row
			*/
			&:nth-child(1n + 2) {
				white-space: nowrap;
			}
			
			.Comment {
				font-size: 0.8em;
				
				white-space: initial;
			}
			
			a {
				cursor: pointer;
			}
			
			hr {
				border: 0px;
				border-top: 1px solid black;
			}
		}
	}
}