/*Import Global Compulsory CSS Files*/
@import url(../app.css);
@import url(../app-override.css);
@import url(../app-extra.css);
@import url(../plugins.css);

/*Import CSS Plugins*/
@import url(../plugins/animate.css);
@import url(../plugins/box-shadows.css);



body {
	color: #525253;
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 160%;
}
body.bg {
	background: none repeat scroll 0 0 #dcdcdc;
}
h1 {
	font-size: 200%;
	color: #4f4f4f;
	background: #fafafa;
	border-bottom: 1px solid #ccc;
	line-height: normal;
	margin: -15px -15px 15px -15px;
	padding: 15px;
}
.bg-orange {
	background: #85a924;
}
.header-top {
	height: 65px;
	margin-bottom: 20px;
}
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-text a {
	margin-top: 20px;
	color: #fff;
}
.content-container {
}
.kvw-logo {
	background: url("../../images/kvw-brandevoort-logo.png") no-repeat;
	width: 100px;
	height: 71px;
	position: relative;
	top: -7px;
	margin: 0 auto;
}
.box-white {
	background-color: #fff;
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
	padding: 15px;
	margin-bottom: 30px;
}
a.helpicon { color: #a0a0a0 !important; }

/* Forms */
h2.form-notes {
	margin-top: 17px;
}
h3.form-notes {
	
}
.form-horizontal legend {
	padding-top: 30px;
	font-variant: small-caps;
	font-size: 19px;
}
.form-horizontal .control-label {
	margin-bottom: 5px;
}
.radio.inline, .checkbox.inline {
	display: inline-block;
	padding-right: 20px;
}
.input-group.short, .controls.short {
	width: 200px;
}
.control-group .field-note {
	font-style: italic;
}
select.groep-nummer {
	width: auto;
	display: inline-block;
}
input.groep-nummer {
	width: 50px;
	display: inline-block;
}
label.radio, label.checkbox {
	font-weight: 100;
}
.footable-filtering-search .btn-primary {
	border-color: #85a924;
	background-color: #85a924;
}
.btn.dashboard-misc {
	width: 260px;
}
.delete-link {
	text-align: center;
	color: #505050;
	cursor: pointer;
}
.delete-link:hover {
	text-decoration: underline;
	color: #ff6501;
}
.hidden {
	display: none;
}

/* Dashboard lists */
tr.this-year {}
td.this-year {}
a.this-year {}

tr.previous-year { color: #aaa; }
td.previous-year {}
a.previous-year { color: #aaa; }
span.previous-year { color: #aaa; }


/* FooTable pagination */
.pagination li a:hover {
   /* green */
   background: #85a924;
   border-color: #85a924;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	border-color: #85a924;
	background-color: #85a924;
}
.fa-fixed-width {
	width: 20px;
}
table.footable > tbody > tr.footable-empty > td {
	font-size: 20px;
}

/* jQuery autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #e7eed3; }
.autocomplete-suggestions strong { font-weight: normal; color: #85a924; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Group planning */
.gp-minus-btn {
	font-size: 70%;
	margin-bottom: 5px;
}
.gp-deelnemer-container {
	padding-bottom: 25px;
}
/* Custom checkmarks **********************************************************************/
.gp-container {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.gp-container p {
	margin: 0 0 20px 0;
	padding: 0;
}
/* Hide the browser's default checkbox */
.gp-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.gp-container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}
/* On mouse-over, add a grey background color */
.gp-container:hover input ~ .checkmark {
	background-color: #e0e0e0;
}
/* Create the checkmark/indicator (hidden when not checked) */
.gp-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.gp-container input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.gp-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* Header line */
.gp-container .checkmark.header {
	background-color: #fff;
	/*text-align: center;*/
	cursor: auto;
}
/* When the checkbox is checked, add a colored background */
/* Default color */
.gp-container input:checked ~ .checkmark {
	background-color: #5cb85c;
}
/* Planned by the organization */
.gp-container input:checked ~ .checkmark.gp-planned-organization {
	background-color: #5cb85c;
}
/* Planned by the group manager */
.gp-container input:checked ~ .checkmark.gp-planned-manager {
	background-color: #2196F3;
}
/* Not planned */
.gp-container input:checked ~ .checkmark.gp-available {
	background-color: rgb(248, 125, 76);
}
.gp-container input:checked ~ .checkmark.gp-planned-organization.other,
.gp-container input:checked ~ .checkmark.gp-planned-manager.other {
	background-color: #bbb;
}
/* /Custom checkmarks **********************************************************************/

/* Group assignment check rules ************************************************************/
.check-rules-result {
	display: inline-block;
	font-size: 350%;
	color: #fff;
	width: 100%;
	padding: 40px;
}
.check-rules-result.check-ok {
	background-color: #5cb85c;
}
.check-rules-result.check-unknown {
	background-color: rgb(248, 125, 76);
}
.check-rules-result.check-nok {
	background-color: rgb(214, 70, 18);
}
.check-rules-msg ul {
	border: 3px solid rgb(214, 70, 18);
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
}
/* /Group assignment check rules ***********************************************************/