@charset 'utf-8';
/*PAGE 1
*/
.clickText{
	cursor: pointer;
}
.selectedWord{
	background-color: #F9D176;

}
#chosenWords, #drags{
	background-color:  #94cac1;
	height: 93%;
	padding: 1% 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
}


#activitySourceText{
	padding: 1% 3%;
	height: 100%;
}

button.removeThisTextBtn {
    position: absolute;
    top: 50%;
    right: .5%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
}


#chosenWords li, #drags li{

	list-style: none;
margin: 4% ;
padding: 0.2em;
font-size: 1.2em;
border: 1px dashed #fff;
	color: #264c5e;
	background-color: #f6b82d;
	font-weight: bold;
	cursor: pointer;
}

#chosenWords li{
	position: relative;
}

/*PAGE 2
*/
#feedback{
	background-color: #f6b82d;
	color: #000;
	font-family: 'BandaRegular', sans-serif;
	font-size: 1em;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding: 4% 3%;
	margin-bottom: 2%;
}
#drags li{
	width: auto;
	border: 1px solid #c49324;
	display: inline-block;
		border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}
span.dropPopulated{
	color: #264c5e;
	background-color: #f6b82d;
	font-weight: bold;
	text-align: center;
}
.drop{
	background-color: #f6542d;
	border: 1px dashed #f9d481;
	color: #f6542d;
	width: 4em;
	display: inline-block;
	height: 1.2em;
	vertical-align: top;
}

.textEntry{
	background-color: #fbe2ab;
	min-width: 3em;
	font-size: 1em;
	height: 1.2em;
	display: inline-block;
	border: 1px dashed #f6542d;
}
/*SPECIAL CHARACTERS MENU*/
#dialog-specialCharacters{
	display: none;
	height: 0 !important;
}
#caseSwitchBtn{
	background-color: #4C98BD !important;
	color: #fff !important;
}
.charBtn{
	/*width: auto !important;*/
	width: 3em !important;
	height: 2em !important;
}