body {
	padding-top: 70px;
}

.navbar {
	color: white;
}

.navbar .nav > li > a {
	color: white;
	padding: 20px 10px 20px 16px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	color: white;
	text-decoration: underline;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: white;
	background: transparent;
	text-decoration: underline;
}

.nav > .dropdown > a + a.dropdown-toggle {
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 5px 5px 0;
	margin: 0;
}

.nav > .dropdown:hover > a + a.dropdown-toggle,
.nav > .dropdown.active > a + a.dropdown-toggle {
	border-left: 1px solid white;
}

.nav > .dropdown > a + a + .dropdown-menu {
	left: auto;
	right: 0;
}

.navbar .brand {
	padding: 9px 10px 11px;
}

.navbar-inner {
	background-image: url(../img/cello.jpg);
	background-size: cover;
}

#record-filters #filter-name {
	width: 100%;
}

.difference {
	background-color: #d9edf7;
	border: 1px solid #bce8f1;
}

/* Records table CSS */

#record-table th,
#record-table td {
	white-space: nowrap;
}

#record-table tbody tr {
	cursor: pointer;
}

#record-table tbody tr:hover td {
	background-color: #ffc; 
}

/* Selectors for the filtering/search function */

#record-table tr.filtered {
	display: none;
}

#record-table td.highlighted {
	background: #dff0d8;
}

/* Fixed record-filter column */
#record-filters {
	position: fixed;
	right: 0;
	top: 60px;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	width: 18%;
	padding: 0 2%;

	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(50% 0, farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(50% 100%,farthest-side, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background:
		/* Shadow covers */
		linear-gradient(white 30%, rgba(255,255,255,0)),
		linear-gradient(rgba(255,255,255,0), white 70%) 0 100%,
		
		/* Shadows */
		radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
		radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
	
	/* Opera doesn't support this in the shorthand */
	background-attachment: local, local, scroll, scroll;
}

/* forms */
.form-horizontal .help-block {
	margin-left: 180px;
	margin-top: 8px;
}

/* read-only forms */
.read-only input[type=text] {
	cursor: default;
	border: none;
	box-shadow: none;
	font-weight: bold;
}

.read-only .control-group .radio {
	display: none;
}

.read-only .control-group .radio.checked {
	display: block;
	font-weight: bold;
	padding-left: 4px;
	line-height: 29px;
}

.read-only .control-group .radio.checked input[type=radio] {
	display: none;
}

.read-only .mutation-group,
.read-only .form-actions {
	display: none;
}

.mutatie-beschrijving {
	color: silver;
}

aside > .hint {
	border-top: 1px solid #eeeeee;
	padding-top: 8px;
	text-align: center;
}

#edit-filter-modal {
	width: 660px;
	margin-left: -330px;
}

.table form {
	margin: 0;
}

#admin-form {
	max-width: 800px;
	margin: 0 auto;
}

#mutations .prop-record_id {
	width: 20px;
}