@media only screen and (min-device-width: 801px) {
	.rosterAnnotations {
		grid-area: roster_annotations;
		text-align: left;
		margin-left: 100px;
		margin-top: 20px;
		border-top: 1px solid #986F12;
		margin-bottom: 50px;
	}
}
@media only screen and (max-device-width: 800px) {
	.rosterAnnotations {
		grid-area: roster_annotations;
		text-align: left;
		margin-left: 10px;
		margin-top: 20px;
		border-top: 1px solid #986F12;
		margin-bottom: 50px;
	}
}
.annotation {
	grid-area: roster_annotations;
	display: grid;
	grid-template-columns: 75px auto;
	grid-template-rows: auto;
	grid-template-areas: "annotations_state annotations_text";
	width: 100%;
}

.annotationHidden {
	display: none;
}

.annotationState {
	grid-area: annotations_state;
	display: grid;
	grid-template-columns: 20px 20px;
	grid-template-rows: auto;
	grid-template-areas: "annotations_state_sign annotations_state_value";
}

.annotationSign {
	grid-area: annotations_state_sign;
}

.annotationValue {
	grid-area: annotations_state_value;
}

.annotationText {
	grid-area: annotations_text;
	font-size: 120%;
}

.annotationDefinition {
	display: none;
}

.orderAnnotation,
.orderTooltip {
	max-height: 10px;
	margin-right: 2px;
}

.iconTooltip {
	max-height: 14px;
	margin-right: 2px;
}