* {
	word-wrap: break-word;
}
.full-display{
	min-width: 100%;
	flex: 1 1 auto;
}

.w3-animate-top2{
	position: relative;
	animation: animatetop 0.6s;
}
h1.w3-bar-item {
	align-self: center;
}

.vertical-centered{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 16px 0px;
}

a.w3-col{
	text-decoration: none;
}
a.w3-btn, div.w3-btn {
	white-space: normal;
}

/* Hidden help and hidden blocks */
.hidden_global_help {
	/*margin-bottom: auto;
	position: relative;
	top: 4px;
	margin-bottom: 16px;*/
	margin-top: 4px;
}
.hidden_block, .hidden_help {
	margin: -12px 0px 16px 0px;
}
.hidden_block, .hidden_help, .hidden_global_help, #logo_help_checked, #input_help:checked + label > #logo_help, #input_help:checked ~ div.full-display > .input_show:checked + .hidden_block + .hidden_help {
	display: none;
}
.input_show:checked + .hidden_block, #input_help:checked ~ div.full-display > .hidden_help, #input_help:checked ~ .hidden_global_help, #input_help:checked + label > #logo_help_checked {
	display: block;
}

/* List of input labels */
.list-labels, .list-labels-disabled, .list-labels-alt {
	border: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	max-height: 400px;
}
.group-label {
	/*padding: 24px 16px;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.list-labels-disabled > a:link {
	text-decoration: none;
}
.list-labels > label, .list-labels-disabled > label, .list-labels-disabled > a, .list-labels-alt > label {
	padding: 8px 16px;
	border-bottom: 1px solid #ccc;
}
.list-labels > label:hover, .list-labels-disabled > label:hover, .list-labels-disabled > a:hover, .list-labels-alt > label:hover {
	background-color: #ccc;
}
.list-labels > input:checked + label {
	background-color: #8bc34a; /*light-green color*/
	color: black;
}
.list-labels > input:checked + label:hover{
	/*background-color: #cddc39; /*lime color*/
	background-color: #ddffdd; /*pale-green color*/
	color: black;
}
.list-labels-alt > input:checked + label {
	/*background-color: #ffc107; /*amber color*/
	background-color: #cc66ff;
	color: black;
}
.list-labels-alt > input:checked + label:hover{
	/*background-color: #f0e68c; /*khaki color*/
	background-color: #e6b3ff;
	color: black;
}
.list-labels > label.group-label, .list-labels-disabled > label.group-label {
	background-color: #ddffff; /* pale-blue color instead of #87CEEB light-blue color*/
}
.list-labels > label.group-label:hover, .list-labels-disabled > label.group-label:hover {
	background-color: #87CEEB; /*light-blue color*/
}
.list-labels > input:checked + label.group-label {
	background-color: #00bcd4; /*cyan color*/
	color: black;
}
.list-labels > input:checked + label.group-label:hover {
	background-color: #00ffff; /*aqua color*/
	color: black;
}
.list-labels > label:last-of-type, .list-labels-disabled > label:last-of-type, .list-labels-disabled > a:last-of-type, .list-labels-alt > label:last-of-type {
	border-bottom: none;
}
.list-labels > label:first-of-type, .list-labels-disabled > label:first-of-type, .list-labels-disabled > a:first-of-type, .list-labels-alt > label:last-of-type {
	border-bottom: 1px solid #ccc;
}

/* Alternate content for list-labels */
.alternative_content, .list-labels > input:checked + label > .default_content {
	display: none;
}
.default_content, .list-labels > input:checked + label > .alternative_content {
	display: block;
}

/* Miscellanous */
.score-display {
	margin-left: auto;
	padding-left: 8px;
	width: 30%;
}
.droptarget > div:first-of-type {
	width: 70%;
}

@keyframes rotate-all {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}

span.keywords + span.keywords::before {
	content: " ; ";
}

.text-left {
	white-space: normal;
	word-wrap: normal;
	text-align: left;
}

@keyframes pop_effect {
	0% {transform: scale(1);opacity: 0;}
	1% {transform: scale(1);opacity: 1;}
	100% {transform: scale(2);opacity: 0;}
}

.pop {
	position: absolute;
	opacity: 0;
	/*display: block;*/
	animation: pop_effect;
	animation-duration: 1s;
	animation-iteration-count: 3;
	animation-timing-function: ease;
}

.droptarget > * {
	pointer-events: none;
}
.droptarget > div > input {
	pointer-events: all;
}

html {
	height: 100%;
	width: 100%;
}
body {
	min-height: 100%;
	min-width: 100%;
	color: #777;
	line-height: 1.8;
	display: flex;
	flex-direction: column;
}