body {
	overflow-y: scroll;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding-right: 10px;
	padding-left: 10px;
}

.large-text {
    font-size: 1.1em;
}

.small-text {
    font-size: 0.9em;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.clickable {
	cursor: pointer;
}

.clear {
	clear: both;
}

.preview img {
	width: 50%;
}

/* overrule bootstrap css */
.navbar-light .navbar-nav>li>a {
	padding: 5px 12px !important;
}

.list-group-item {
	border: 1px solid #ccc;
}

.form-control {
	padding:2px 8px;
	height: 30px;
}

.checkbox {
	margin: 0 0 15px;
}

.img_upload {
	height: 70px;
	overflow: hidden;
}

	.img_upload .checkbox {
		background: #fff url('../../kbase/img/bg_checkbox_white.png') top left no-repeat;
		border: 0; border-top: 1px dashed #ddd;
		padding: 8px 10px;
		margin-top: 0;
	}

		.img_upload .checkbox.checked {
			background: url('../../kbase/img/bg_checkbox_white_checked.png') top left no-repeat;
		}

		.img_upload .checkbox input[type="checkbox"] {
			top: 11px; left: 15px;
			position: absolute;
			z-index: -1;
			margin: 0;
		}

		.img_upload .checkbox label {
			padding: 0 0 6px 26px;
			display: block;

			-webkit-touch-callout: none;
		    -webkit-user-select: none;
		    -khtml-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 5px;
}

table.grid {
	width: 100%;
}

	table.grid td,
	table.grid th {
		padding: 4px;
	}

		table.grid th:first-child,
		table.grid td:first-child {
			padding-left: 8px;
		}

		table.grid th:last-child,
		table.grid td:last-child {
			padding-right: 8px;
		}

		table.grid.header tr:first-child td {
			padding-top: 8px;
		}

	table.grid.header th {
		font-family: "Titillium Web",sans-serif;
		border-bottom: 1px solid #ddd;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		padding: 8px;
		color: #666;
	}

	table.grid h4 {
		margin-top: 5px;
	}

	table.grid label {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		padding: 5px 0;
		line-height: 20px;
		font-weight: 600;
		height: 25px;
		color: #777;
		margin: 0;
	}

/* overrule jquery ui */
.ui-widget {
	font-size: 0.9em !important;
}


div.remember {
	margin-top: 7px;
	color: #969696;
}

	div.remember label {
		padding-top: 15px;
	}

div.forgot {
	margin-top: 7px;
	color: #dadada;
}

table.signup td {
	padding: 10px;
}

table.signup .alert {
	margin-bottom: 0;
	margin-top: 3px;
}

table.perms select {
	margin-top: 5px;
	margin-right: 10px;
}

table.perms label {
	margin-right: 10px;
}

div.main-container {
	min-height: 450px;
}


/* Side notes for calling out things */
.bs-callout {
	margin: 20px 0;
	padding: 15px;
	border-left: 5px solid #eee;
}

	.bs-callout h4 {
		margin-top: 0;
	}

	.bs-callout p:last-child {
		margin-bottom: 0;
	}

	.bs-callout code,
	.bs-callout .highlight {
		background-color: #fff;
	}


/* Themes for different contexts */
.bs-callout-danger {
	background-color: #fcf2f2;
	border-color: #dFb5b4;
}
.bs-callout-warning {
	background-color: #fefbed;
	border-color: #f1e7bc;
}
.bs-callout-info {
	background-color: #f0f7fd;
	border-color: #d0e3f0;
}


/* H4 Headers */
.bs-callout-danger h4 {
	color: #B94A48;
}

.bs-callout-warning h4 {
	color: #C09853;
}

.bs-callout-info h4 {
	color: #3A87AD;
}

.pr {
	white-space: pre-wrap;
	line-height: 1.35em;
	font-family: Lucida Console;
	font-size: 11px;
}


/* fonts */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


/* be-cms styling */
html {
	height: 100%;
}

html, body {
	min-height: 100%;
}

body {
	background: #034481;
	position: relative;
	height: 100%;
}

h1, .h1 {
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.2em;
	margin: 1.5em 0 0;
	font-weight: 400;
	font-size: 1.8em;
	display: block;
	color: #034481;
	padding: 0;
}

h2, .h2 {
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.2em;
	margin: 1.5em 0 0;
	font-weight: 400;
	font-size: 1.6em;
	color: #034481;
	display: block;
	padding: 0;
}

h3, .h3 {
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.3em;
	margin: 1.5em 0 0;
	font-weight: 600;
	font-size: 1.4em;
	display: block;
	color: #555;
	padding: 0;
}

h4, .h4 {
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.4em;
	margin: 1.5em 0 0;
	font-weight: 600;
	font-size: 1.2em;
	display: block;
	color: #555;
	padding: 0;
}

h5, .h5 {
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.5em;
	margin: 1.5em 0 0;
	font-weight: 400;
	display: block;
	font-size: 1em;
	color: #555;
	padding: 0;
}

h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {
	color: #034481;
}

a {
	color: #034481;
}

	a:hover {
		color: #d42c40;
	}

a.block {
	background: none;
	display: block;
	padding: 0;
}

.container {
	position: relative;
	z-index: 2;
}

.panel-heading h3.left {
	float: left;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

#page_wrapper {
	position: relative;
	padding-top: 55px;
}

#actionbar {
	background: #ebebeb url('../../kbase/img/bg_wrapper.png');
	top: 0; left: 16.667%; right: 0;
	position: fixed;
	z-index: 999999;
}

	#actionbar.scroll {
		box-shadow: 0 3px 6px rgba(0,0,0,0.1);
		border-bottom: 1px solid #d5d5d5;
	}

		#actionbar .wrapper {
			position: relative;
			max-width: 1350px;
			padding: 0 10px;
			margin: 0 10px;
			height: 55px;
		}

		#actionbar .h3 {
			margin-top: 16px;
			float: left;
		}

	@media all and (max-width: 960px) {
		#actionbar {
			top: 52px; left: 0;
		}
		#actionbar .btn-absolute {
			right: 0;
		}
		#page_wrapper {
			padding-top: 48px;
		}
	}

.btn {
	font-family: 'Titillium Web', sans-serif;
	text-transform: lowercase;
}

	.btn .glyphicon {
		font-size: 12px;
	}

	.btn-sm.btn-danger i.fa-trash-o,
	.btn-sm.btn-danger i.fa-times {
		margin-right: 0 !important;
	}

	.btn-xs {
		padding: 3px 8px 5px;
		line-height: 1.2em;
	}

		.btn-xs .fa {
			vertical-align: middle;
			font-size: 12px;
			margin: 0;
		}

	.btn-sm {
		padding: 5px 15px 7px;
		border-radius: 2px;
		line-height: 1.2em;
		font-size: .9em;
		height: 30px;
	}

		.btn-sm .fa {
			vertical-align: middle;
			margin: -1px 5px 0 0;
			font-size: 12px;
		}

	.btn-md {
		padding: 7px 15px 10px;
		border-radius: 3px;
		line-height: 1.3em;
		font-weight: 600;
		font-size: .9em;
	}

		.btn-md .fa {
			vertical-align: middle;
			margin: -2px 5px 0 0;
			font-size: 14px;
		}

	.btn-primary {
		background: #034481;
	}

	.btn-success {
		border: 1px solid #034481;
		background: #034481;
	}

		.btn-success:hover {
			border: 1px solid #0472b8;
			background: #097dc6;
		}

	.btn-default {
		color: #888;
	}

		.btn-default:hover {
			color: #666;
		}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.menu-vertical {
	margin: 0 0 .5em;
	padding: 0;
}

	.menu-vertical li {
		border-top: 1px solid #ddd;
		list-style: none;
		padding: 0;
		margin: 0;
	}

		.menu-vertical > li:first-child {
			border-top: 0;
		}

	.menu-vertical li a {
		display: block;
		padding: .5em;
	}

		.menu-vertical > li:first-child a {
			padding-top: 0;
		}

		.menu-vertical li ul {
			padding: 0;
			margin: 0;
		}

			.menu-vertical li ul li {
			}

				.menu-vertical li ul li a {
					padding-left: 1.5em;
				}

					.menu-vertical li ul li ul li a {
					}

						.menu-vertical li ul li ul li a {
							padding-left: 3em;
						}

#mobile_header {
	top: 0; left: 0; right: 0;
	background: #054582;
	padding: 15px 20px;
	font-weight: bold;
	position: fixed;
	display: none;
	z-index: 999;
	color: #fff;
}

	#mobile_header img {
		vertical-align: middle;
		margin: -8px 0 0;
	}

	@media all and (max-width: 991px) {
		#mobile_header {
			display: block;
		}
	}

	#mobile_header.show {
		display: block;
	}

	#mobile_header a.backto_site {
		color: #fff;
		margin: 0;
	}

	#mobile_header .open_menu {
		border: 1px solid rgba(255,255,255,0.3);
		cursor: pointer;
		padding: 0 5px;
		float: right;
	}

	#sidebar {
		font-family: 'Titillium Web', sans-serif;
		position: relative;
		font-size: 13px;
		color: #d9e9f2;
		float: left;
		z-index: 99;
		padding: 0;
	}

		#sidebar > div {
			top: 0; left: 0; bottom: 0;
			padding: 20px 10px;
			position: fixed;
			overflow: auto;
			height: 100%;
		}

		#sidebar a {
			color: #d9e9f2;
		}

			#sidebar .active a,
			#sidebar .active i,
			#sidebar .active span.title {
				color: #fff;
			}

		#sidebar .cms_info {
			padding: 0 10px 10px;
		}

			#sidebar .cms_info a,
			#sidebar .cms_info a:hover {
				text-decoration: none;
			}

				#sidebar .cms_info a img {
					vertical-align: middle;
					margin: -8px 0 0 0;
				}

			#sidebar .cms_info div {
				display: block;
			}

			#sidebar .cms_info span.title {
				font-weight: 700;
				font-size: 18px;
				color: #fff;
			}

			sup {
				top: -.25em !important;
			}

		#sidebar .cms_menu {
			margin: 20px -10px 0;
			clear: both;
		}

			#sidebar .cms_menu li {
				background-position: 20px 9px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 20px;
				position: relative;
				margin: 0;
				border: 0;
			}

				#sidebar .cms_menu li i.fa {
					top: 8px; left: 22px;
					position: absolute;
					font-size: 14px;
				}

			#sidebar .cms_menu > li {
				text-transform: uppercase;
				font-weight: 700;
			}

				#sidebar .cms_menu li a,
				#sidebar .cms_menu li span {
					text-shadow: 0 -1px 0 rgb(5, 69, 130);
					padding: 3px 20px 3px 25px;
					text-decoration: none;
					cursor: pointer;
					display: block;
				}

				#sidebar .cms_menu li ul {
					background: url('../img/bg_submenu.png') 25px bottom no-repeat;
					background-color: #054582; background-color: rgba(1,85,152,0.3);
					margin: 2px 0 2px -20px;
					padding: 7px 0 7px 20px;
					display: none;
				}

					#sidebar .cms_menu li.active ul {
						display: block;
					}

					#sidebar .cms_menu li ul li {
						text-transform: none;
						font-weight: 400;
						padding: 0;
					}

						#sidebar .cms_menu li.active ul li > a:first-child {
							background: url('../img/bg_submenu_bullet.png') 5px 9px no-repeat;
							padding: 2px 0 2px 25px;
							color: #d9e9f2;
						}

						#sidebar .cms_menu li ul li.active {
							background: url('../img/bg_submenu_pointer.png') right center no-repeat;
							font-weight: 600;
						}

						#sidebar .cms_menu li ul li a {
							display: none;
						}

							#sidebar .cms_menu li.active ul li a {
								display: block;
							}

							#sidebar .cms_menu li.active ul li > a:first-child:hover {
								background: url('../img/bg_submenu_bullet_active.png') 5px 9px no-repeat;
								color: #fff !important;
							}

							#sidebar .cms_menu li.active ul li.active > a:first-child {
								background: url('../img/bg_submenu_active.png') 4px 8px no-repeat;
								color: #fff;
							}

		#sidebar .cms_account {
			margin: 50px 0 20px;
			line-height: 16px;
			clear: both;
		}

			#sidebar .cms_account.loggedin .avatar {
				border: 2px solid #d9e9f2;
				margin: -1px 10px 0 10px;
				border-radius: 50%;
				float: left;
				width: 34px;
			}

				#sidebar .cms_account.loggedin .avatar:hover {
					border: 2px solid #fff;
				}

			#sidebar .cms_account.loggedin strong {
				font-weight: 600;
				color: #fff;
			}

			#sidebar .cms_account.loggedin a {
				font-size: 10px;
			}

	.toggle_sidebar {
		display: none;
	}

	@media all and (max-width: 991px) {
		#sidebar {
			z-index: 9991;

		}

		#sidebar.show {
			position: relative;
			margin-top: -20px;
			width: 100%;
		}

		#sidebar > div {
			transition: all 0.3s ease-in-out;
			background: #054582;
			padding-top: 10px;
			min-width: 280px;
			z-index: 9991;
			left: -290px;
		}

			#sidebar.show > div {
				box-shadow: 0 0 20px rgba(0,0,0,0.25);
				transition: all 0.3s ease-in-out;
				left: 0;
			}
	}


.sidemenu {
	padding-bottom: 0 !important;
}

#page_content {
	background: #ececec url('../img/bg_wrapper.png');
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	padding: 0 20px 100px;
	position: relative;
	min-height: 100%;
}

	#page_content.public {
		padding-top: 70px;
	}

	#page_content .row,
	#page_content > div {
		position: relative;
		z-index: 5;
	}

	@media all and (max-width: 991px) {
		#page_content {
			padding: 60px 10px 35px;
		}
	}

	.h3.page_title {
		font-size: 1.2em;
	}

	.h3.page_title i {
		margin-left: 10px;
		font-size: 14px;
		opacity: 0.5;
	}

.content-padding {
	padding-bottom: 20px;
	position: relative;
	padding-top: 20px;
	max-width: 1350px;
	z-index: 99;
	margin: 0;
}

	.content-padding h1 {
		padding-bottom: 0;
		margin-top: 0;
	}

	.btn-absolute {
		top: 10px; right: 10px;
		position: absolute;
	}

		.btn-absolute .btn {
			margin-left: 13px;
		}

	.content-padding > .alert {
		margin: 20px 0 0;
	}

.content-nested-padding {
	position: relative;
	max-width: 1350px;
	padding-bottom: 0;
	padding-top: 0;
	clear: both;
	z-index: 99;
	margin: 0;
}



/* dashboard */
.stepwizard-step p {
	margin-top: 10px;
}

.process-row {
	display: table-row;
}

.process {
	display: table;
	width: 100%;
	position: relative;
	margin: 50px auto 10px;
}

.process-step button[disabled] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.process-row:before {
	top: 50px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-order: 0;
}

.process-step {
	display: table-cell;
	text-align: center;
	position: relative;
}

.process-step p {
	margin-top:10px;
}

.btn-circle {
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}

/* list */
.check_list {}

	.check_list h4 {
		margin: 10px 0 5px;
	}

	.check_list .content-wrapper {
		padding: 0;
	}

	.check_list .row {
		border-top: 1px solid #ddd;
		padding: 7px 10px;
	}

	.check_list .list-header > div {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		position: relative;
		font-weight: 600;
		border-bottom: 0;
		background: #fff;
		font-size: 14px;
		color: #666;
	}

	.check_list .row:first-child {
		border-top: 0;
	}

	.check_list .content-wrapper > :last-child {
		margin-bottom: 0;
	}

	.check_list label {
		font-weight: normal;
		font-size: 13px;
	}

	.check_list input[type="checkbox"] {
		vertical-align: middle;
		margin: 0 5px 2px 0;
	}


/* overzicht */
.page_list {
	padding: 0;
	margin: 0;
}

	.page_list a {
		color: #333;
	}

	.page_list .nested {
		cursor: pointer;
	}

	.page_list .nested:hover a,
	.page_list .nested a:hover {
		text-decoration: none;
	}

	.page_list .list-header {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		border: 1px solid #ccc;
		position: relative;
		font-weight: 600;
		border-bottom: 0;
		background: #fff;
		font-size: 14px;
		color: #666;
	}

	.page_list .list-header:after,
	.page_list .list-header:before {
		content: " ";
		display: table;
	}

	.page_list .list-header:after {
		clear: both;
	}

		.page_list .list-header > div {
			padding: 8px;
		}

	.page_list ul {
		padding: 0;
		margin: 0;
	}

		.page_list ul li {
			list-style: none;
			padding: 0;
			border: 0;
			margin: 0;
		}

			.page_list ul li.nested:after,
			.page_list ul li.nested:before {
				content: " ";
				display: table;
			}

			.page_list ul li.nested:after {
				clear: both;
			}

			.page_list > ul > li:last-child {
				border-bottom: 1px solid #ccc;
			}

				.page_list > ul > li.mjs-nestedSortable-expanded:last-child {
					border-bottom: 0;
				}

			.page_list ul li.mjs-nestedSortable-expanded > div {
				border-bottom: 1px solid #ddd;
			}

				.page_list ul li.mjs-nestedSortable-expanded ul li:first-child > div {
					border-top: 0;
				}

				.page_list > ul > li.mjs-nestedSortable-expanded:last-child > ul > li:last-child > div,
				.page_list > ul > li.mjs-nestedSortable-expanded:last-child > ul > li:last-child > ul > li:last-child > div,
				.page_list > ul > li.mjs-nestedSortable-expanded:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > div,
				.page_list > ul > li.mjs-nestedSortable-expanded:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > div {
					border-bottom: 1px solid #ccc;
				}

			.page_list ul li > div {
				border: 1px solid #ccc; border-top: 1px solid #ddd; border-bottom: 0;
				position: relative;
				line-height: 20px;
				padding: 5px 10px;
				background: #fff;
			}

			.page_list ul li:first-child > div {
				border-top: 1px solid #ccc;
			}

				.page_list ul li div.col {
					padding-right: 8px;
					padding-left: 8px;
				}

			.page_list ul li .label {
				vertical-align: middle;
			}

			.page_list ul li > div:after,
			.page_list ul li > div:before {
				content: " ";
				display: table;
			}

			.page_list ul li > div:after {
				clear: both;
			}

			.page_list ul li > div.nested {
				padding: 4px 0;
			}

				.page_list ul li > div:hover {
					background: #f8f8f8;
				}

				.page_list ul ul {
					border-bottom: 0;
				}

			.page_list ul li > div a {
				padding: 0;
				margin: 0;
			}

			.page_list ul li > div a:hover {
				text-decoration: none;
			}

			.page_list ul li div.page_grab {
				background: url('../img/icons/page_grab.png') 0 center no-repeat;
				cursor: move; cursor: grab;
				position: absolute;
				top: 0; left: 5px;
				height: 28px;
				width: 10px;
				padding: 0;
			}

			.page_list ul li div.page_grab_parent {
				padding-left: 25px;
			}

			div.list-columns {
				position: absolute;
				top: 0; right: 0;
			}

				div.list-columns > div {
					padding: 5px 10px 3px;
					width: 200px;
					float: left;
				}

					.page_list ul li div.list-columns > div {
						line-height: 22px;
						font-size: 12px;
					}

				.list-header div.list-columns {
					padding: 0;
				}

					.list-header .list-columns > div {
						padding: 6px 10px;
					}


/* sortable */
.sortable.active ul li.placeholder {
	outline: 1px dashed #4183C4;
	background: #f1f8ff;
	height: 35px;
	width: 100%;
}

.sortable.active ul li.mjs-nestedSortable-error {
	outline: 1px dashed red;
	position: relative;
	background: #fff;
	height: 40px;
	z-index: 99;
	width: 100%;
}

.sortable.active ul ul {
	margin-left: 30px;
}


/* menu's */
ul.children {
	font-size: .8em;
	margin: 0 -15px;
	padding: 0;
}

	ul.children li {
		border-top: 1px dashed #ccc;
		padding: 8px 15px 8px 35px;
	}

		ul.children li:first-child {
			margin-top: 10px;
		}

		ul.children li:last-child {
			padding-bottom: 0;
			margin: 0 0 -2px;
		}


/* tabs */
.nav-tabs {
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	border: 1px solid #ccc;
	border-bottom: 0;
	background: #fff;
	font-weight: 600;
	font-size: 13px;
	padding: 0 15px;
	color: #777;
}

	.nav-tabs li {
		margin-right: 15px;
	}

	.nav > li > a {
		padding: 8px 0 10px;
		margin-right: 0;
	}

	.nav-tabs li a,
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover {
		border-radius: 0;
		border: 0;
	}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover {
			font-weight: 700;
		}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		border-bottom: 2px solid #0277c1;
		padding: 8px 0 8px;
		color: #0277c1;
	}

	.nav > li > a:hover, .nav > li > a:focus {
		border-bottom: 2px solid #ccc;
		background: none;
		padding: 8px 0;
	}

	.nav-tabs li a {
		color: #777777;
	}

.nav.language {
	margin: 4px auto 10px;
	font-size: 11px;
	border: 0;
}

	.nav-tabs.language {
		padding: 0 0 5px;
	}

	.nav.language > li,
	.nav.language > li.active {
		margin: 0 10px 0 0 !important;
		padding: 0 !important;
	}

	.nav.language > li > a,
	.nav.language > li > a:hover {
		border: 1px solid #f5f5f5 !important;
		padding: 5px 8px 7px !important;
		background: #fff !important;
		margin-right: 0 !important;
	}

	.nav.language > li.active > a,
	.nav.language > li.active > a:hover,
	.nav.language > li.active > a:focus {
		border: 1px solid #ccc !important;
		background: #f8f8f8 !important;
		outline: 0 !important;
	}


/* login */
.row.vertical-offset {
	margin-top: 150px;
}

.panel-body {}

	.panel-body .form-group label {
		padding: 0 0 10px;
		height: 27px;
	}

	.panel-break {
		border: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;
		background: #eee url('../img/bg_wrapper.png');
		margin: 20px -16px 15px;
		height: 22px;
	}

	.forgotPassword {
		margin: -10px 0 0;
		padding: 0 20px;
	}


/* editable */
form {
	overflow: hidden;
}

	form > table {
		margin-bottom: 0 !important;
	}

.content-wrapper {
	border: 1px solid #ccc;
	padding: 15px 15px 5px;
	background: #fff;
}

	.content-wrapper > *:last-child {
		margin-bottom: 10px;
	}

.form-group .progress {
	position: relative;
	margin: -3px 1px 0;
	background: none;
	border-radius: 0;
	box-shadow: none;
	height: 3px;
}

.form-title {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
}

	.form-title > * {
		margin: 0;
	}

	.form-title h3 {
		padding: 0 10px 5px 0;
		background: #fff;
		font-weight: 400;
		font-size: 16px;
		color: #0277c1;
		float: left;
	}

	.form-title hr {
		border: 0; border-top: 1px solid #8db5db;
		margin-top: 11px;
	}

	.block.border .form-title {
		margin: 0 0 10px;
		padding-top: 0;
	}

.form-group {
	margin-bottom: 13px;
	background: #fff;
}

	.form-group.textarea {
		margin-bottom: -8px;
	}

	.form-group a {
		color: #777;
	}

.form-group.clean {
	border-right: 0;
	border-left: 0;
}

	.form-group label {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: 600;
		padding: 0 0 10px;
		height: 25px;
		color: #777;
		margin: 0;
	}

		.form-group:first-child label {
			padding: 0;
		}

		.form-group label::after {
			content:":";
		}

		.form-group.label_clean label::after {
			content: "";
		}

	.form-group .comment {
		padding: 18px 10px 5px 3px;
		display: inline-block;
		font-style: italic;
		line-height: 22px;
		font-size: 12px;
		color: #888;
	}

	.form-group input[type=text],
	.form-group input[type=search],
	.form-group input[type=password],
	input[type=text].form-control,
	input[type=search].form-control,
	input[type=password].form-control {
		border: 1px solid #ddd;
		padding: 5px 8px;
		background: #fff;
		box-shadow: none;
		border-radius: 0;
		height: 30px;
		clear: both;
		width: 100%;
		margin: 0;
	}

		.form-group input[type=text]:hover,
		.form-group input[type=search]:hover,
		.form-group input[type=password]:hover,
		input[type=text].form-control:hover,
		input[type=search].form-control:hover,
		input[type=password].form-control:hover {
			box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
			border: 1px solid #ccc;
		}

			.selectize-input {
				border: 1px solid #ddd !important;
				background: #fff !important;
				box-shadow: none !important;
				height: 20px;
			}

			.selectize-input input[type="text"] {
				height: auto !important;
			}

			.form-group .selectize-input input[type=text]:hover {
				border-bottom: 1px solid #ccc;
			}

			.form-group .selectize-input.has-items input[type=text] {
				height: 20px !important;
			}

		.form-group input[type=text]:focus,
		.form-group input[type=search]:focus,
		.form-group input[type=password]:focus {
			border: 1px solid #8cc7ed;
			margin: 0;
		}

			.form-group .selectize-input input[type=text]:focus {
				border-bottom: 1px solid #3cb0ec;
				height: 20px;
			}

	.sidemenu .form-group.selectize label {
		padding: 10px 0 0;
		margin: 0 0 -5px;
		height: auto;
	}

	.form-group .input-group {
		border-radius: 0;
		height: 30px;
		clear: both;
		width: 100%;
		padding: 0;
		border: 0;
		margin: 0;
	}

		.input-group-addon {
			border: 1px solid #ddd;
			background: #f5f5f5;
			border-radius: 0;
			border-right: 0;
			padding: 0 10px;
		}

		.input-group-addon.order-addon {
			background: url("../img/icons/page_grab.png") -3px 6px no-repeat;
			padding-left: 0;
			cursor: grab;
			border: 0;
		}

		.colorpicker:before {
			display: none !important;
		}

	.form-group .profile_edit {
		border: 1px solid #cfd2d3;
		position: relative;
		box-shadow: none;
		background: #fff;
		clear: both;
	}

		.profile_edit .input-group {
			height: 30px;
		}

		.fake-fileinput {
			padding: 7px 10px 0;
			height: 30px;
		}

		.profile_edit .input-group-addon {
			border: 0; border-left: 1px solid #cfd2d3;
			position: relative; z-index: 99;
			background: #f5f5f5;
			min-width: 70px;
			height: 70px;
			padding: 0;
		}

		.form-group input[type=file] {
			box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
			position: absolute; top: 0; left: 0;
			background: #fafafa;
			line-height: 20px;
			padding: 7px 10px;
			border-radius: 0;
			cursor: pointer;
			height: 30px;
			clear: both;
			width: 100%;
			opacity: 0;
			margin: 0;
		}
		::-webkit-file-upload-button { cursor:pointer; }

	.form-group textarea {
		border: 1px solid #ddd;
		line-height: 22px;
		padding: 8px 15px;
		min-height: 100px;
		box-shadow: none;
		background: #fff;
		resize: vertical;
		border-radius: 0;
		clear: both;
		width: 100%;
		margin: 0;
	}

	.form-group .redactor_box {
		border-top: 1px solid #cfd2d3;
		float: left;
		width: 100%;
	}

	.form-group select,
	select.form-control {
		border: 1px solid #ddd;
		box-shadow: none;
		background: #fff;
		border-radius: 0;
		height: 30px;
		clear: both;
	}

		.form-group:hover select {
			border-bottom: 1px solid #bbb;
		}

		.form-group select:focus {
			outline: none;
		}

	.form-group table {
		margin-bottom: 0;
	}

	.form-control:focus {
		box-shadow: inset 0 2px 4px rgba(0,0,0,0.05);
	}


/* checkbox */
.checkbox-box,
table.grid .checkbox-box {
	background: #fff url('../../kbase/img/bg_checkbox_fill.png') top left repeat-y;
	border: 1px solid #ddd;
	position: relative;
	box-shadow: none;
	border-radius: 0;
	min-height: 32px;
	margin: 0 0 5px;
}

table.grid .checkbox,
table.grid .checkbox-box {
	margin: 0;
}

	.checkbox-box input[type="checkbox"],
	table.grid.checkbox-box input[type="checkbox"] {
		top: 8px; left: 8px;
		position: absolute;
		z-index: -1;
		margin: 0;
	}

	.checkbox-box label,
	table.grid .checkbox-box label {
		background: url('../../kbase/img/bg_checkbox.png') top left no-repeat;
		padding: 5px 10px 5px 41px;
		min-height: 30px;
		display: block;

		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	.checkbox-box label.checked,
	table.grid .checkbox-box label.checked {
		background: url('../../kbase/img/bg_checkbox_checked.png') top left no-repeat;
	}

	.checkbox-label,
	table.grid .checkbox-label {
		font-family: 'Titillium Web', sans-serif;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: 600;
		height: 25px;
		color: #777;
		padding: 0;
		margin: 0;
	}

/* seo */
.seo-preview {
	border: 1px solid #ddd;
	background-color: #ffe;
	padding: 5px 8px;
}

.seo-title {
	color: #1A0DAB;
	font-size: 20px;
}

.seo-url-prefix a,
.seo-url {
	color: #006621;
	font-size: 16px;
	text-decoration: underline;
}

.seo-text {
	color: #545459;
}


/* cropper */
.crop_item {
	background: #fff;
	width: 16.66%;
	padding: 10px;
	float: left;
}

	@media all and (max-width: 1600px) {
		.crop_item {
			width: 20%;
		}
	}

	@media all and (max-width: 1200px) {
		.crop_item {
			width: 25%;
		}
	}

	@media all and (max-width: 800px) {
		.crop_item {
			width: 33%;
		}
	}

	@media all and (max-width: 480px) {
		.crop_item {
			width: 50%;
		}
	}

	@media all and (max-width: 320px) {
		.crop_item {
			width: 100%;
		}
	}

	.crop_item .thumbnail {
		margin-bottom: 0;
	}

	.crop_item .image {
		position: relative;
		border-radius: 3px;
		background: #000;
		overflow: hidden;
	}

		.crop_item .image a,
		.crop_item .image div,
		.crop_item .image button {
			transition: .3s all ease-in-out;
			opacity: 0;
		}

			.crop_item .image:hover a,
			.crop_item .image:hover div,
			.crop_item .image:hover button {
				transition: .3s all ease-in-out;
				opacity: 1;
			}

		.crop_item .image img {
			transition: .3s all ease-in-out;
			max-width: 100%;
			opacity: 1;
		}

			.crop_item .image:hover img {
				transition: .3s all ease-in-out;
				opacity: 0.5;
			}

	.crop_item .image .edit-crop {
		top: 15px; right: 55px;
		position: absolute;
		z-index: 2;
	}

	.crop_item .image .new-crop {
		top: 15px; right: 15px;
		position: absolute;
		z-index: 2;
	}

	.crop_item .image .delete-crop {
		top: 15px; right: 15px;
		position: absolute;
		z-index: 2;
	}

	.crop_item .image .title {
		background: url('../../kbase/img/bg_gallery.png') bottom left repeat-x;
		transition: .3s all ease-in-out;
		bottom: 0; left: 0; right: 0;
		padding: 30px 15px 10px;
		position: absolute;
		line-height: 20px;
		font-size: 12px;
		opacity: 1;
		color: #fff;
	}

#crop-step-1 {
	display: none !important;
}

/* gallery */
#actions {
	margin: 0 0 15px;
	background: #fff;
}

#previews {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
	font-size: 13px;
	display: none;
}

	.dropzone-template {
		width: 100%;
	}

	#previews.table .file-row:nth-child(2n+1) {
		background: #fff;
	}

	#previews .file-row > div {
		width: 25%;
	}

.gallery {
	border: 1px solid #ccc;
	padding: 10px 5px;
	background: #fff;
	margin: 0;
}

.gallery_item {
	width: 16.66%;
	padding: 10px;
	float: left;
}

	@media all and (min-width: 1601px) {
		.gallery_item:nth-child(6n+1) {
			clear: both;
		}
	}

	@media all and (max-width: 1600px) {
		.gallery_item {
			width: 20%;
		}
		.gallery_item:nth-child(5n+1) {
			clear: both;
		}
	}

	@media all and (max-width: 1200px) {
		.gallery_item {
			width: 25%;
		}
		.gallery_item:nth-child(4n+1) {
			clear: both;
		}
	}

	@media all and (max-width: 800px) {
		.gallery_item {
			width: 33%;
		}
		.gallery_item:nth-child(3n+1) {
			clear: both;
		}
	}

	@media all and (max-width: 480px) {
		.gallery_item {
			width: 50%;
		}
		.gallery_item:nth-child(2n+1) {
			clear: both;
		}
	}

	@media all and (max-width: 320px) {
		.gallery_item {
			width: 100%;
		}
	}

	.gallery_item .thumbnail {
		margin-bottom: 0;
	}

		.gallery_item .image {
			position: relative;
			border-radius: 3px;
			background: #000;
			overflow: hidden;
			cursor: move;
		}

			.gallery_item .image a,
			.gallery_item .image div {
				transition: .3s all ease-in-out;
				opacity: 0;
			}

				.gallery_item .image:hover a,
				.gallery_item .image:hover div {
					transition: .3s all ease-in-out;
					opacity: 1;
				}

			.gallery_item .image img {
				transition: .3s all ease-in-out;
				opacity: 1;
			}

				.gallery_item .image:hover img {
					transition: .3s all ease-in-out;
					opacity: 0.5;
				}

		.gallery_item .image .edit-meta {
			top: 15px; right: 55px;
			position: absolute;
		}

		.gallery_item .image .delete-file {
			top: 15px; right: 15px;
			position: absolute;
		}

		.gallery_item .image .title {
			background: url('../../kbase/img/bg_gallery.png') bottom left repeat-x;
			transition: .3s all ease-in-out;
			bottom: 0; left: 0; right: 0;
			padding: 30px 15px 10px;
			position: absolute;
			line-height: 20px;
			font-size: 12px;
			opacity: 1;
			color: #fff;
		}

	#actions {}

	/* Mimic table appearance */
	div.table {
		display: table;
	}

	div.table .file-row {
		display: table-row;
	}

	div.table .file-row > div {
		border-top: 1px solid #ccc;
		display: table-cell;
		vertical-align: top;
		padding: 15px;
	}

	div.table .file-row:last-child > div {
		border-bottom: 1px solid #ccc !important;
	}

	div.table .file-row:nth-child(odd) {
		background: #f9f9f9;
	}

	/* The total progress gets shown by event listeners */
	#total-progress {
		opacity: 0;
		transition: opacity 0.3s linear;
	}

	/* Hide the progress bar when finished */
	#previews .file-row.dz-success .progress {
		opacity: 0;
		transition: opacity 0.3s linear;
	}

	/* Hide the delete button initially */
	#previews .file-row .delete {
		display: none;
	}

	/* Hide the start and cancel buttons and show the delete button */
	#previews .file-row.dz-success .start,
	#previews .file-row.dz-success .cancel {
		display: none;
	}

	#previews .file-row.dz-success .delete {
		display: block;
	}


/* attachments */
#attachments {
	margin: 0 0 15px;
}

	.attachment .title {
		line-height: 1.6em;
		margin-left: .5em;
		overflow: hidden;
		height: 1.6em;
	}

	.sortable .handle {
		cursor: move;
	}

	#attachments .action {
		top: 9px; right: 9px;
	}


/* video */
.search-results {
	margin-bottom: 15px;
}

	.search-results ul {
	}

		.search-results ul li:first-child {
			border-radius: 0;
		}

#video_wrapper {
	margin: 0;
}

#video {
	border: 1px solid #ddd;
	margin: 5px 0 15px;
	border-radius: 2px;
}

ul#video li {
	border: 0;
}

	ul#video li:last-child {
		border-bottom: 0;
	}

	ul#video li .row {
		margin: 0 -15px;
	}

.video-details {
	margin-bottom: 8px;
}

	.video-details .title {
		font-weight: bold;
		display: block;
		height: 1.5em;
		overflow: hidden;
	}

	.video-details .body {
		font-size: 0.8em;
		font-style: italic;
		display: block;
		height: 2.8em;
		overflow: hidden;
		margin-bottom: 4px;
	}

	.video-details .duration,
	.video-details .views,
	.video-details .publish_date,
	.video-details .channel {
		font-size: 0.8em;
	}



/* sidebar */
.title_spacer {
	margin: -6px 0 20px;
	height: 30px;
}

	.title_spacer .btn {
		margin-left: 13px;
	}

.block {
	margin: 0 0 20px;
	background: #fff;
	padding: 15px;
}

	.block *:first-child {
		margin-top: 0;
	}

	.block.border {
		border: 1px solid #ccc;
		padding: 15px 15px 5px;
	}

	.block.border > *:last-child {
		margin-bottom: 15px;
	}

	.content-wrapper > *:last-child {
		margin-bottom: 15px;
	}

div.action {
	top: 3px; right: 6px;
	position: absolute;
}

/* delete knop in menu overzicht */
a.delete-item {
	padding: 0 3px !important;
	border-radius: 3px;
	line-height: 15px;
	opacity: 0.5;
	height: 18px;
}

	li:hover a.delete-item {
		opacity: 1;
	}

	a.delete-item i {
		font-size: 13px;
		color: #fff;
	}

/* typeahead */
.twitter-typeahead {
	margin-top: 5px !important;
	display: block !important;
	clear: both;
}

	.twitter-typeahead .form-control {
		display: inline-block !important;
	}

.tt-dropdown-menu {
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	position: absolute;
	min-width: 160px;
	list-style: none;
	margin: 2px 0 0;
	font-size: 14px;
	padding: 5px 0;
	z-index: 1000;
	display: none;
	float: left;
	top: 100%;
	left: 0;
}

.tt-suggestion > p {
	line-height: 1.428571429;
	font-weight: normal;
	white-space: nowrap;
	padding: 3px 20px;
	display: block;
	clear: both;
	color: #333;
}

	.tt-suggestion > p:hover,
	.tt-suggestion > p:focus,
	.tt-suggestion.tt-cursor p {
		background-color: #428bca;
		text-decoration: none;
		color: #ffffff;
		outline: 0;
	}


/* label items */
.sidemenu .items {
}

	.sidemenu .items .label:first-child {
		border-top: 1px solid #ddd;
	}

	.sidemenu .items .label {
		border-bottom: 1px solid #ddd;
		position: relative;
		border-radius: 0;
		background: #fff;
		text-align: left;
		font-weight: 400;
		font-size: 14px;
		display: block;
		padding: 10px;
		float: none;
		color: #666;
		margin: 0;
	}

	.sidemenu .items i {
		vertical-align: middle;
		display: inline-block;
		margin: 0 5px 0 0;
	}

	.sidemenu .items i.fa-times {
		position: absolute;
		right: 10px;
		margin: 0;
		top: 11px;
	}

	.items .label .remove {
		cursor: pointer;
	}


/* footer */
#footer {
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
	font-size: 11px;
	color: #777777;
	width: 100%;
	z-index: 4;
	height: 0;
	margin: 0;
}

	#footer .image {
		position: absolute;
		overflow: hidden;
		height: 350px;
		width: 600px;
		bottom: 0;
		right: 0;
	}

		#footer .image img {
			transition: .3s all ease-in-out;
			bottom: -100px; right: 0;
			position: absolute;
			opacity: 0.2;
		}

			#footer.hover .image img {
				transition: .3s all ease-in-out;
				bottom: 0; right: 0;
				opacity: 1;
			}

	#footer .txt {
		background: none; background: rgba(255,255,255,0);
		transition: .5s all ease-in-out;
		position: absolute;
		text-align: right;
		padding: 4px 10px;
		display: block;
		bottom: 15px;
		right: 15px;
	}

		#footer.hover .txt {
			background: #ffffff; background: rgba(255,255,255,1);
			transition: .5s all ease-in-out;
		}

			#footer.hover .txt a {
				color: #0284ce;
			}

/* popup */
#redactor-droparea {
	position: relative;
}

input[type="file"] {
	top: 0; left: 0; right: 0; bottom: 0;
	position: absolute;
	height: 320px;
	width: 620px;
	opacity: 0;
}

#endoftime {
	display: none;
}

.ui-datepicker-buttonpane button {
	display: block !important;
	margin: 5px 0 !important;
	width: 202px !important;
	float: none !important;
}

.active-btn {
	background: url("images/ui-bg_flat_25_158CBA_40x100.png") repeat-x scroll 50% 50% #158CBA !important;
	border: 1px solid #127BA3 !important;
	color: #fff !important;
}

	.active-btn:before {
		font-family: 'FontAwesome';
		margin-right: 5px;
		font-weight: 400;
		content: "\f00c";
	}

/* redactor */
.redactor-toolbar {
	border: 1px solid #ddd !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

	.redactor_toolbar li a {
		padding-bottom: 11px !important;
	}

.redactor-placeholder:after {
	top: 10px !important; left: 10px !important;
}

.redactor-editor {
	border: 1px solid #ddd !important;
	padding: 10px 10px 0 !important;
	background: #fff !important;
	color: #555;
}

.redactor-editor span.large-text,
.redactor-formatting-span-large-text {
	font-size: 1.1em;
}

.redactor-editor span.small-text,
.redactor-formatting-span-small-text {
	font-size: 0.9em;
}