@import url('jquery.treeTable.css');

.groups {
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 25px;
	text-align: right;
}
.groups tr.top-level {
	font-weight: bold;
}
.groups tr.full {
	color: red;
}
.groups .td, .groups .th {
	overflow: hidden;
	min-height: 20px;
	text-align: left;
}
.groups .td {
}
.groups .td a, .groups .th a {
	vertical-align: middle;
	line-height: 20px;
}
.groups .td.control {
	min-width: 19px;
}
.groups .td.group-name {
	padding-left: 19px;
	width: 20em;
}
.groups .td.group-date {
	width: 10em;
}
.groups .td.group-fee {
	text-align: right;
}
.groups .td.group-weekday {
	width: 4em;
}
.groups .td.group-instructor {
	width: 6em;
}
.groups .td.group-count {
	width: 4em;
	text-align: right;
}
.groups .td.group-total {
	width: 6em;
	text-align: right;
}
.groups .indent {
	padding-left: 0em;
	display: inline;
}

.group-fee input {
	width: 5em;
}


.associate-group {
	display: flex;
	flex-wrap: wrap;
}
.associate-group .detail {
	flex: 1 1 auto; /* Stretching */
	margin: 5px;
}
.associate-group .control {
	flex: 0 1 150px; /* No stretching */
	margin: 5px;
}
.associate-group .group-name {
	font-weight: bold;
}