/* Gives a bit of margin around the body of the application. Looks a bit better */
html {
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

/* Consent credit footer */
#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #D5D8DC;
	text-align: center;
}

.navbar {
	z-index: 10;
}

/* System alerts will appear from the top above anything else. It's also moved to the left so it won't be in the way of other stuff */
#alerts {
	position: fixed;
	bottom: 0px;
	width: 50%;
	left: 50px;
	z-index: 9999;
}

/* Narrow Table columns  */
.narrowColunm {
	width: 5%;
}

/* Narrow Table columns  */
.narrowColunm2 {
	width: 10%;
}

/* Make the width of the tables search (part of dataTabales) bigger then the default */
.dataTables_filter input {
	width: 250% !important;
}

.tableMiddle td {
	border-top: 2px solid;
	vertical-align: middle;
}

.fullCurtain {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 9998;
	left: 0;
	top: 0;
	background-color: rgb(0,0,0); /* Black fallback color */
	background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
	overflow-x: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	display: none;
}

.hoverTd:hover {
	background: #ff5c33;
}

.hoverEffectWhenInFocus {
	background: #f5f5f5;	
}

.datesManipulation {
	width: 8em;
}