.exception {
	color: #1c87c9;
	font-weight: bold;
}

.pure-form-aligned .pure-control-group label {
	margin: 0 0 0 0;
	width: 15em;
}

.vertical {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 3 0 3 0 !important;
	background: #eee !important;
	border-radius: 4px;
}

.course-list {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.full-width {
	width: 100% !important;
}

.full-width-course-label {
	width: calc(100% - 20px) !important;
}

.full-width-course {
	width: 100% !important;
}

select.full-width-course {
	width: 100% !important;
	padding: 10px 10px 10px 10px !important;
	margin: 10px 0px 10px 0px !important;
	border: 0px;
}

label.course {
	display: block !important;
	text-align: left !important;
	background: #eee !important;
	font-weight: bold;
	color: #666;
	padding: 10px 10px 10px 10px !important;
	margin: 10px 0px 10px 0px !important;
}

label.vcheck {
	display: block !important;
	text-align: left !important;
	width: 100% !important;
	padding: 3 10 3 10 !important;
}

.date-cell {
	padding: 3 10 3 10 !important;
}

.submit-button {
	margin: 10px 0px 10px 0px !important;
}

.highlighted-form {
	color: black !important;
}

.warning {
	color: orange;
}

.dangerous {
	background-color: orange;
}

.togglable:hover {
	color: blue;
}

.update {
	color: blue;
}

.button-edit {
	color: transparent;
}

.button-edit:hover {
	color: black;
}

.hidden {
	display: none;
}

.shown {
	display: block;
}

.highlight {
	background-color: rgb(185, 216, 255);
}

.button-xsmall {
	font-size: 70%;
}

.button-small {
	font-size: 85%;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}

.menu-cell {
	vertical-align: top !important;
}

.planning-date {
	vertical-align: top !important;
	padding: 5px !important;
}

.activity-menu {
	padding: 5px;
}

input[type="radio"] {
	height: 12px;
	width: 12px;
	vertical-align: top;
}