/* General */
.collapse.in {
	display: inline;
}

/* Activity one */

.sound-btn
{
    padding: 16px;
    background-color: #049294;
    border-color: #049294;
}

.sound-btn:hover, .sound-btn:focus, .sound-btn:active
{
	background-color: #049294;
    border-color: #049294;
}

.sound-container
{
	text-align: center;
	padding: 120px;
}

.fa-volume-up{
	font-size: 8em;
}

/* Activity two */

.eye-container {
	width: 28px;
	display: inline-block;
	margin-right: 10px;
}

.eye-container a i.fa-eye-slash {
	color: #CF6A24;
}

.eye-container a i.fa-eye {
	color: #049294;
}

tr>td p
{
	margin-bottom: 0px;
	font-size: 14px;
}

.table>tbody>tr>td
{
	padding: 10px;
}

.text-entry
{
	border: 1px solid #CCC;
	margin-bottom: 10px;
	min-height: 40px;
	padding: 5px;
}

[contenteditable=true]:empty:before {
	color:#cccccc;
  content: attr(placeholder);
  display: block; /* For Firefox */
}

.suggestion 
{
	display: inline-block;
}

/* Activity three */

#statements li
{
	list-style-type: none;
}

.btn-true
{
	background-color: #00a21d;
	border-color: #00a21d;
}

.btn-true:hover, .btn-true:active, .btn-true:focus
{
	background-color: #fff;
	color: #00a21d;
	border-color: #00a21d;
}

.btn-false 
{
	background-color: #d20000;
	border-color: #d20000;
}

.btn-false:hover, .btn-false:active, .btn-false:focus
{
	background-color: #fff;
	color: #d20000;
	border-color: #d20000;
}

/* Activity four */

.clues-container
{
	text-align: center;
	margin-top: 20px;
}

p.clue
{
	margin-top: 10px;
}