.km-initloader {
	width: 200px;
	height: 200px;

	position: relative;
	margin: 100px auto;
}

.km-initloader-bounce {
	width: 100%;
	height: 100%;
	background-image: url("../img/printeers-beeldlogo-200.png");
	position: absolute;
	top: 0;
	left: 0;

	-webkit-animation: km-initloader-bounce 1.5s infinite ease-in-out;
	animation: km-initloader-bounce 1.5s infinite ease-in-out;
}

.km-initloader-text {
	width: 100%;
	text-align: center;
	font-size: 20px;
	position: absolute;
	top: 200px;
}

@-webkit-keyframes km-initloader-bounce {
	0%, 100% { -webkit-transform: scale(0.8) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes km-initloader-bounce {
	0%, 100% {
		transform: scale(0.8);
		-webkit-transform: scale(0.8);
	} 50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

#main-page-wrapper {
	display: flex; /* use the flex model */
	min-height: 100%;
	max-height: 100%;
	flex-direction: column; /* learn more: http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/ */
}

.navbar .container-fluid,
#main-page-content .container-fluid {
  max-width: 1800px;
  padding: 0 15px;
}

#main-page-content {
	flex: 1;
	padding-top: 20px;

	/* Always show scroll bar, removes stuttering. */
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

.km-clickable {
	cursor: pointer;
}

/* Override modal dialog size, for extra large modals (e.g. shipping a job) */
.km-modal-xl > .modal-dialog {
	max-width: 1490px !important;
	min-width: 971px !important;
	width: 95% !important;
 }