.bottom-space {
	margin-bottom: 10px;
}

#loadScreen {
	animation: closeAfterLoad 0.5s forwards;
	-webkit-animation: closeAfterLoad 0.5s forwards;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	opacity: 1;
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	z-index: 10;
	background-color: white;
}

@keyframes closeAfterLoad {
	from {
		opacity: 1;
	}
	to { 
		opacity: 0;
		z-index: -99;
		display: none;
	}
}

@-webkit-keyframes closeAfterLoad {
	from {
		opacity: 1;
	}
	to { 
		opacity: 0;
		z-index: -99;
		display: none;
	}
}

#delayShowContent {
	animation: showContent 0.5s forwards;
	-webkit-animation: showContent 0.5s forwards;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	visibility: hidden;
}

@keyframes showContent {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to { 
		opacity: 1;
		z-index: 10;
		visibility: visible;
	}
}

@-webkit-keyframes showContent {
	from {
		opacity: 0;
		visibility: hidden;
	}
	to { 
		opacity: 1;
		z-index: 10;
		visibility: visible;
	}
}

.loader {
	border: 14px solid #f3f3f3; /* Light grey */
	border-top: 14px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 80px;
	height: 80px;
	transform-origin: center;
	animation: spin 2s linear infinite;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); } /* need to include translate here as these transforms override the previous transform */
}

/* https://stackoverflow.com/questions/6831482/contenteditable-single-line-input */
[contenteditable="true"].single-line {
	white-space: nowrap;
	max-width: 140px;
	overflow: hidden;
} 
[contenteditable="true"].single-line br {
	display:none;

}
[contenteditable="true"].single-line * {
	display:inline;
	white-space:nowrap;
}