pre{
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
} /*specify this selector and apply only where required? looks dangerous */

.typeItAnswerPosition {
	background: rgba(230, 178, 8, 0.95)!important;
	border-radius: 6px;
	padding: 5px 5px 5px 5px;
}

.typeitAnswer{
	margin: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.typeitAnswerCorrect{
	margin: 1px;
	border:none;
	background:#2E8B57 !important;
	color: white;
	border-radius: 6px;
	opacity:1 !important;
	min-width: 50px;
	max-width: 600px;
    text-align: center;
    padding: 5px;
    display: inline-block;
}

.typeitAnswerIncorrect{
	margin: 1px;
	border:none;
	background: #E47D6E !important;
	border-radius: 6px;
	opacity:1 !important;
	min-width: 50px;
	max-width: 600px;
    color: #352F2F;
    text-align: center;
    padding: 5px;
    display: inline-block;
}

.noTypeItHintParent {
	overflow:visible;
	position: relative;
	display: inline-block;
	width:auto;
}

li{
	text-align: left;
}