.separator {
	content: "";
	display: inline-block;
	margin: 2px 3px;
	height: 25px;
	width: 1px;
	background-color: grey;
	vertical-align: top;
}

.offset-2 {
	position: relative;
	top: 2px;
}
.disabled {
	opacity: .6;
}
.disabled * {
	pointer-events: none;
}

.required {
	color: #d17606;
}

.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip-popup {
	display: none;
	position: absolute;
	top: 0;
	left: 20px;
	width: 350px;
	border: 1px solid lightgrey;
	background-color: #FDFDFD;
	font-size: .9em;
	line-height: 1.2em;
	z-index: 1000000;
}
.tooltip-popup header {
	background-color: #DDD;
	font-weight: bold;
	padding: 5px;
}
.tooltip-popup section {
	padding: 5px;
}

.line-trough {
	text-decoration: line-through;
}

.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.8);
	z-index: 10000;
}

.loader {
	border: 16px solid #d3d3d3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	width: 120px;
	height: 120px;
	animation: spin 1.5s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.status-ok, .green {
	color: green;
}
.status-fail, .red {
	color: red;
}
.ok, .bad {
	color: white;
	padding: 3px 6px;
	border-radius: 3px;
	font-size: .8em;
}
.ok {
	background-color: green;
}
.bad {
	background-color: red;
}

.hidden {
	display: none;
}