a {
	color: #004894;
	text-decoration: none;
}
a:hover, a:focus {
	color: #006fe5;
	text-decoration: none;
}

body {
	font-size: 1.1em;
	font-family: Calibri, Verdana, sans-serif;
	color: #000000;
	background-color: #fff;
	line-height: normal;
	padding: 0px;
}

.header {
	margin: 20px;
	overflow: hidden;
}
	.header a {
		display: inline-block;
	}
	.header .loginform {
		margin: 0px;
		float: right;
	}
	.header .userinfo {
		text-align: right;
		float: right;
	}
		.header .userinfo .icon-user {
			margin-top: 4px;
		}
		.header .userinfo .btn {
			font-size: 1em;
			padding: 0.2em 0.5em;
			margin-top: 5px;
		}

.footer {
	font-size: 0.9em;
	background-color: #eee;
	border-top: #aaa;
	box-shadow: 0px 0px 10px #aaa;
	padding: 2em;
	text-align: center;
}

.loginform input[type=text], .loginform input[type=password] {
	margin-right: 0.5em;
}

.modal .loginform {
	text-align: center;
}

h1, h2 {
	font-family: Roboto, Helvetica, Verdana, sans-serif;
	padding: 10px 20px;
	margin: 0px;
	line-height: normal;
	text-align: center;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

h1 {
	font-size: 1.6em;
}
h1, .btn-primary {
	color: #fff;
	margin-bottom: 20px;
	box-shadow: 0px 0px 4px #6188dd;
	background-color: #004894;
	background: -moz-linear-gradient(top, #0058b4 0%, #004894 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #0058b4 0%,#004894 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0058b4 0%,#004894 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0058b4 0%,#004894 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0058b4 0%,#004894 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0058b4', endColorstr='#004894',GradientType=0 ); /* IE6-9 */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: #004894;
}

h2 {
	font-size: 1.25em;
	color: #fff;
	margin-bottom: 25px;
	box-shadow: 0px 0px 4px #ff4b49;
	background-color: #d20025;
	background: -moz-linear-gradient(top, #e82c34 0%, #d20025 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #e82c34 0%,#d20025 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e82c34 0%,#d20025 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e82c34 0%,#d20025 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e82c34 0%,#d20025 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82c34', endColorstr='#d20025',GradientType=0 ); /* IE6-9 */
}

.contentblock {
	padding-top: 5px;
	margin-top: -5px;
}
	.content {
		margin: 0.5em 20px 2em;
	}


.inputlabel, .inputlabel label, th {
	height: 1.2em;
	font-size: 1em;
	font-family: Roboto, Helvetica, Verdana, sans-serif;
}

.table th, .table td {
	padding: 1em 0.2em;
}

#table-open-questionnaires td:first-child, #table-open-questionnaires th:first-child {
	padding-left: 1em;
}
#table-open-questionnaires td:last-child {
	width: 1em;
	color: #aaa;
	padding-right: 1em;
}
#table-open-questionnaires td {
	cursor: pointer;
}

.inputfield input, .inputfield span {
	display: block;
}

.inputfield select, #selection-repairman-add .btn {
	width: 100%;
}

select, input[type=text], input[type=password], .btn, .open-questionnaire.row-fluid button:first-child {
	height: auto;
	line-height: normal;
	font-size: 1.1em;
	padding: 0.7em 0.5em;
	margin: 0px;
}

.field-separator {
	height: 2em;
	line-height: 2em;
	text-align: center;
}

.btn::-moz-focus-inner
{
	padding: 0px;
}

.open-questionnaire {
	margin-top: 3em;
}
	/* Retarded selector due to Twitter bootstrap shenanigans */
	.open-questionnaire.row-fluid button:first-child {
		margin: 0px auto;
		float: none;
	}
	
.btn span {
	margin: 0.25em 0.25em 0em 0em;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	cursor: default;
}

.question {
	padding: 1em 0em;
	border-bottom: 1px solid #ddd;
}
.question:last-child {
	border: none;
}
	.question-main {
		overflow: hidden;
	}
		.question-main .upload {
			margin: 0.35em 0em 0em 0.5em;
			float: right;
		}

		.previous-answer-count {
			margin: 0.5em 0.7em 0em 0.5em;
			float: right;
		}
			.previous-answer-count .badge {
				width: 1em;
				height: 1em;
				line-height: 1em;
				font-size: 1.2em;
				padding: 0.3em;
				border-radius:2em;
				text-align: center;
				background-color: #aaa;
				overflow: hidden;
				vertical-align: middle;
				cursor: default;
			}
		.question-main .answers {
			float: right;
		}
			.question-main .answers.btn-group .btn {
				float: left;
			}
			.question-main .answers label {
				display: inline-block;
			}
		.question-main .description {
			font-size: 1em;
			padding: 0.7em;
			overflow: hidden;
		}
	.subquestions {
		border-left: 1px solid #aaa;
		background-color: #eee;
		border-radius: 0 0.6em 0.6em 0;
		padding-left: 1em;
		margin: 1em 5.5em 0em 1.5em;
		overflow: hidden;
		display: none;
	}
		.subquestion {
			overflow: hidden;
			border-bottom: 1px solid #ddd;
		}
		.subquestion:last-child {
			border: none;
		}
			.subquestion .description {
				overflow: hidden;
			}
				.subquestion .description label {
					font-size: 0.9em;
					padding: 0.7em 0.2em;
					margin: 0px;
				}
			.subquestion .answers {
				margin: 0.35em 0.5em 0em;
				float: right;
			}

.btn-group {
	font-size: 1em;
}
	.btn-group .btn {
		padding: 0.7em 1em;
		font-size: 1em;
	}

.date-column {
	white-space: nowrap;
}

.modal {
	width: 600px;
	margin-left: -300px;
}

select[disabled], .btn[disabled], #selection-project-aannemer {
	opacity: 0.5;
}

label {
	font-size: 1em;
}

textarea {
	font-size: 1em;
	resize: vertical;
}

.dl-horizontal dt {
	text-align: left;
}

.timeline {
	width: 100%;
}
	.timeline td {
		padding: 0px;
		vertical-align: top;
	}
	.timeline .spacing:first-child {
		display: none;
	}
		.timeline .progress {
			height: 0.5em;
			margin: 1em -0.2em;
			border-radius: 0px;
		}
			.timeline .progress .bar {
				width: 100%;
			}
	.timeline-item {
		width: 1em;
		text-align: center;
		cursor: default;
	}
		.timeline-item .badge {
			width: 1em;
			height: 1em;
			line-height: 1em;
			font-size: 1.3em;
			padding: 0.4em;
			border-radius:2em;
			background-color: #aaa;
			overflow: hidden;
			vertical-align: middle;
		}
		.timeline-item:hover .badge, .timeline-item:focus .badge, .timeline-item.selected .badge {
			background-color: #111;
		}
		.timeline-item .date {
			font-size: 0.8em;
		}
		.timeline-item .time {
			font-size: 0.6em;
		}

.tooltip {
	font-size: 1em;
}

#formAddRepairMan #Name {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

#formAddRepairMan .alert {
	margin-top: 1em;
}

#upload-forms {
	display: none;
}

.attachments {
	margin: 0em 3.1em 0em 0em;
}
	.attachment {
		line-height: 2em;
		text-align: right;
		margin: 0.1em 0em;
	}
		.attachment .btn {
			margin-left: 0.5em;
		}
	.attachments .template {
		display: none;
	}
	.attachment .progress {
		width: 20em;
		height: 2em;
		font-size: 1em;
		line-height: 2em;
		margin: 2px 2.5em 0px 0em;
		position: relative;
		vertical-align: top;
		overflow: hidden;
		display: none;
	}
		.attachment .progress .name {
			color: #fff;
			text-align: right;
			right: 0.5em;
			text-shadow: 0em 0em 0.3em #000;
			position: absolute;
		}

.btn-square {
	width: 2em;
	height: 2em;
	padding: 0px;
	text-align: center;
	font-size: 1em;
	line-height: 2em;
}
	.btn-square span {
		margin: 0.25em 0em 0em;
	}

textarea {
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}