a, a img {
  border: 0;
}
i {
  font-style: normal;
}
#localized_strings {
  display: none;
}
body.d_game {
	font-size: 24px;
}
body:not(.external_keypad_on):not(.pwa).v2.d_game.android.mobile_keypad_on, 
body:not(.external_keypad_on).v2.d_game.android_12.mobile_keypad_on,
body:not(.external_keypad_on).v2.d_game.android_13.mobile_keypad_on {
	position: relative !important;
	height: 55% !important;
} 
body:not(.external_keypad_on).v2.d_game.iOS.safari.mobile_keypad_on, 
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.mobile_keypad_on {
	position: relative !important;
	height: 60% !important;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.scribe_landscape_iPadOS.mobile_keypad_on { 
	height: 40% !important;
}
body.d_game, .d_game input {
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
}
.d_game #left_col {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.d_game {
	color: #2A3235;
}

#main {
	height: 100%;
}
#video_wrap {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	max-width: 100vw;
}
#video_container {
	background: #000;
	cursor: pointer;
	position: relative;
	text-align: center;
}
#video_container_inner {
	-webkit-justify-content: center;
	   -moz-justify-content: center;
		-ms-justify-content: center;
			justify-content: center;
	-webkit-align-items: center;
	   -moz-align-items: center;
		-ms-align-items: center;
			align-items: center;
	transition: all 0.5s;
	position: relative;
}
.game_content {
	-webkit-flex: 1 1 65%;
	   -moz-flex: 1 1 65%;
		-ms-flex: 1 1 65%;
			flex: 1 1 65%;
	-webkit-justify-content: flex-end;
	   -moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
			justify-content: flex-end;
	padding-top: 50px;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on .game_content {
	padding-top: 32px;
}
#video_wrap, #video_container, #video_container_inner, .game_content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
#video_wrap, .game_content {
	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
}
#video_wrap, #video_container {
	-webkit-flex: 1;
	   -moz-flex: 1;
		-ms-flex: 1;
			flex: 1;
}
/*
body.tutorial.goal.state_input #video_wrap {
	filter: blur(4px);
  -webkit-filter: blur(4px);
}
*/
body.classic_mode #video_wrap,
body.d_game #video_wrap,
body.mobile.portrait #video_wrap {
	position: relative;
}
#video_wrap, #video_container, #video_container_inner, video, #embedded_player, .game_content {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
/* have the poster and captions time_in + 10 frame */
video[poster] {
}

body.mobile.portrait .game_content {
	-webkit-justify-content: flex-start;
	   -moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
			justify-content: flex-start;
}

header .beta_tag {
	position:fixed; 
	top:63px;
	left:0;
	padding:3px 6px;
	font-size:150%;
 	color:#f00; 
	background-color: #ddd;
}
body.state_home_screen header .beta_tag {
	display: none;
}
body.state_caption_report header .beta_tag {
	top: 167px;
}
header .game_title {
	display: none;
	color: white;
	font-size: 200%;
}
body.state_input header .game_title,
body.state_caption_report header .game_title,
body.state_game_over_report header .game_title {
	display: inline-block;
	position: relative;
	margin-right: 40px;
	left: -135px;
	z-index: 1;
}
body.state_home_screen header .game_title {
	display: inline-block;
}
header .game_title .desc {
	font-size: 70%;
}
body.mobile.portrait header .game_title .desc {
	display: none;
}
.d_game .dict_response {
	font-size: 16px;
}

.report_exit_buttons {
	position: absolute;
	right: 25px;
	top: 70px;
	z-index: 20;
}


.game_popup {
	background-color: rgba(33, 33, 33, 0.38);
	display: none;
	height: 100%;
	left: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 40;
}

.game_popup .dict_popup {
	background: #F7F7F7;
	border-radius: 32px;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
	left: 50%;
	margin-left: -175px;
	padding: 20px;
	position: absolute;
	top: 50%;
	width: 330px;
}
.game_popup .dict_popup header {
	margin: 0 0 20px 0;
}
.game_popup .dict_popup .message {
	font-size: 14px;
	margin: 10px 0;
}
.game_popup .dict_popup .dict_button {
	margin-bottom: 10px;
	min-width: 50%;
}


.game_report {
	background-color: white;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 60px 40px 25px 40px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10;
}
body.state_game_over_report .game_report {
	z-index: 101;
}
@media (max-width: 640px) {
	header .game_title {
		margin-right: 40px;
		font-size: 180%;
	}
	body.state_input header .game_title,
	body.state_caption_report header .game_title,
	body.state_game_over_report header .game_title {
		display: none;
	}
	header.game .logo svg {
		width: 90px !important;
	}
	.game_report {
		padding: 60px 10px 25px 10px;
	}
	.game_report .video_info .program, 
	.game_report .video_info .episode {
		display: none !important;
	}
	#home_screen header .video_info .details.mobile {
		display: block !important;
	}
	#home_screen header .dict_button {
		top: unset !important;
		bottom: 10px !important;
		right: 10px !important;	
		font-size: 70% !important;
	}
	body #home_screen .set {
		margin: 30px 0 0;
		padding: 0 10px;
		width: 180px;
	}
	#home_screen .set_container {
		text-align: center !important;
	}
}

.game_report.show, .game_popup.show {
	display: block;
}
.game_report.modal {
	opacity: 1;
	top: 100%;
	z-index: 110;
}
.game_report.transition, .game_popup.translation {
	-webkit-transition: top 0.2s, left 0.5s, opacity 0.2s;
	-moz-transition: top 0.2s, left 0.5s, opacity 0.2s;
	-o-transition: top 0.2s, left 0.5s, opacity 0.2s;
	transition: top 0.2s, left 0.5s, opacity 0.2s;
}
.game_report.revealed, .game_popup.revealed {
	display: block;
	opacity: 1;
}
.game_report.modal.revealed {
	top: 0;
}

#dictation_splash {
	background: #F2F2F2 url('/images/html5/bg-recall.png') bottom center no-repeat;
	background-size: 80%;
	display: none;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	text-align: center;
	padding: 3em 1em 1em;
}
#dictation_splash.cascade {
	z-index: 15;
}
.initializing #dictation_splash,
.state_launching #dictation_splash,
.state_home_screen #dictation_splash,
.state_saving #dictation_splash {
	display: block;
}
i.scribe_loader {
	color: #888;
	font-size: 96px;
	left: 0;
	margin-top: -48px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}

#dictation_splash .message {
	display: none;
	padding: 1em;
	margin: 1em;
	border-radius: 1em;
	background: #fff;
}
.state_saving #dictation_splash .message {
	display: inline-block;
}

.dictation_game_overlay.dictate {
	width: 100%;
}

#home_screen {
	background: #F2F2F2 url('/images/html5/bg-recall.png') bottom center no-repeat;
	background-size: 80%;
}

#home_screen > .content {
	margin: 0 auto;
	max-width: 750px;
	position: relative;
	padding-bottom: 2em;
}

#home_screen > .content > header,
#set_attempts_report > .content > header {
	display: block;
	margin: 40px 0 0;
	padding: 0 25px;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 100%;
}
#home_screen header .header_content {
	background-color: #FFF;
	border-radius: 9px;
	padding: 10px;
	position: relative;
}
#home_screen header img,
#set_attempts_report header img {
	max-height: 75px;
	position: absolute;
}
#home_screen header .video_info,
#set_attempts_report header .video_info {
	display: inline-block;
	min-height: 75px;
	padding: 10px 140px 0 140px;
	text-align: left;
    text-indent: 0;
    width: 100%;
}
#home_screen header .video_info label,
#set_attempts_report header .video_info label {
    font-size: 12px;
    line-height: 18px;
}
#home_screen header .video_info .program,
#set_attempts_report header .video_info .program {
    color: #2A3235;
    line-height: 18px;
}
#home_screen header .video_info .episode,
#set_attempts_report header .video_info .episode {
    font-weight: bold;
    font-size: 16px;
    color: #2A3235;
    line-height: 24px;
}
#home_screen header .video_info .details.mobile {
	display: none;
	position: absolute;
	max-width: 55%;
	top: 10px;
	right: 10px;
	font-size: 65%;
}
#home_screen header .dict_button {
	margin-top: -22px;
	position: absolute;
	right: 15px;
	top: 50%;
}

#home_screen header.set_category {
	display: none;
	margin-top: 30px;
}
#home_screen.has_assignments header.set_category {
	display: block;
}
#home_screen.has_assignments header.set_category.hide {
	display: none;
}

#home_screen .assignment header {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 15px;
}
#home_screen .assignment header.assignment_info {
	border-radius: 10px;
	margin: 40px 25px 20px 25px;
	text-align: left;
}
#home_screen .assignment:first-child header.assignment_info {
	margin-top: 15px;
}
#home_screen .assignment .class_info {
	font-weight: bold;
}
#home_screen .assignment .requirement {
	margin-left: 15px;
}
#home_screen .assignment .requirement .stars {
	color: #2A3235;
	font-size: 17px;
	vertical-align: bottom;
}
#home_screen .assignment_info .status span {
    vertical-align: middle;
}

#home_screen .assignment_info .status .stars {
    vertical-align: baseline;
}

#home_screen .assignment_info .completion {
    margin-left: 25px;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 10px;
    text-transform: uppercase;
}
#home_screen .assignment_info .completion.incomplete {
    background-color: #FFFFFF;
    color: #777777;
}
#home_screen .assignment_info .completion.complete {
    background-color: #3A3;
}
#home_screen .assignment_info .completion.past_due {
    background-color: #B80016;
}

#home_screen .assignment .set .assignment_status {
	font-size: 12px;
	margin: 0 0 5px 0;
	text-align: center;
}
#home_screen .assignment .set.completion_complete .assignment_status {
	color: #0A0;
}
#home_screen .assignment .set.completion_failed .assignment_status,
#home_screen .assignment .set.completion_failed .set_number {
	color: #B80016;
}
#home_screen .assignment .set.completion_partial .assignment_status,
#home_screen .assignment .set.completion_unattempted .assignment_status {
	color: #777777;
}

#home_screen .set_container {
	text-align: left;
}
body.android.mobile.portrait.d_game.v2.state_home_screen .set_container,
body.android.mobile.portrait.d_game.v2.has_modal .set_container,
body.iOS.mobile.portrait.d_game.v2.state_home_screen .set_container,
body.iOS.mobile.portrait.d_game.v2.has_modal .set_container {
	margin-bottom: 40px;
}
#home_screen .set {
	display: inline-block;
	margin: 40px 0 0;
	padding: 0 25px;
	text-align: center;
	width: 250px;
	vertical-align: top;
}
#home_screen .assignment .set {
	margin: 0 0 25px 0;
}
#home_screen .set .content {
	background-color: #FFF;
	border-radius: 9px;
	padding: 10px;
	position: relative;
}

@keyframes pulse {
	from {
		box-shadow: 0 0 35px #386a99;
	}
	to {
		box-shadow: 0 0 0 #386a99;
	}
}
@keyframes jump {
	from {
		box-shadow: 0 0 0 #000;
		margin: 0;
	}
	to {
		box-shadow: 5px 5px 6px #000;
		margin: -2.5px 0 0 -2.5px;
	}
}

#home_screen.has_assignments .set .play.row {
	height: 60px;
}
/*
#home_screen.has_assignments .set.completion_unattempted .play .dict_button,
#home_screen.has_assignments .set.completion_failed .play .dict_button,
#home_screen.has_assignments .set.completion_partial .play .dict_button {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;

	-webkit-animation-duration: 0.7s;
	-moz-animation-duration: 0.7s;
	-o-animation-duration: 0.7s;
	animation-duration: 0.7s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;
}
#home_screen.has_assignments .set.anim_delay_0 .play .dict_button {
	-webkit-animation-delay: 0.0s;
	-moz-animation-delay: 0.0s;
	-o-animation-delay: 0.0s;
	animation-delay: 0.0s;
}
#home_screen.has_assignments .set.anim_delay_1 .play .dict_button {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#home_screen.has_assignments .set.anim_delay_2 .play .dict_button {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#home_screen.has_assignments .set.anim_delay_3 .play .dict_button {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#home_screen.has_assignments .set.anim_delay_4 .play .dict_button {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#home_screen.has_assignments .set.anim_delay_5 .play .dict_button {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#home_screen.has_assignments .set.anim_delay_6 .play .dict_button {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
*/

#home_screen .row {
	margin: 0;
	padding: 10px 0;
}
#home_screen .accuracy.row {
	padding-top: 0;
}
#home_screen .row:last-child {
	border-bottom: none;
}

#home_screen .set .set_number {
	color: #295880;
	font-size: 48px;
	padding: 0.4em 0 0;
	position: absolute;
	width: 100%;
}
#home_screen label {
	color: #777;
	font-size: 16px;
}
#home_screen .row label {
	font-size: 12px;
	padding: 0 20px 0 0;
}
#home_screen .row > label, #home_screen .row > span {
	vertical-align: middle;
}

#home_screen .stars {
	color: #FFE186;
}
#home_screen .stars i {
	padding: 0 2px;
}
#home_screen .assignment .stars i {
	padding: 0;
}

#home_screen .set.incomplete .contingent {
	color: #E2E2E2;
}

#home_screen .set .row .dict_button {
	min-width: 80%;
}
#home_screen .set.incomplete .row .dict_button,
#home_screen .set.completion_failed .row .dict_button,
#home_screen header .dict_button {
	color: #DAE533;
}
#home_screen header .dict_button.reset {
	display: none;
	right: 15px;
}
#home_screen header .dict_button.default_set.reset_btn_shown {
	right: 170px;
}
#home_screen header .dict_button.reset.show {
	display: none;
}
#home_screen .attempts.dict_button {
	background: transparent;
	border-color: #E2E2E2;
	border-width: 1px;
	color: #E2E2E2;
	cursor: default;
	display: inline-block;
	font-size: 19px;
	height: 1.7em;
	padding: 0;
	position: absolute;
	right: 10px;
	width: 1.7em;
}
#home_screen .set.has_complete_attempts .attempts.dict_button {
	color: #295880;
	cursor: pointer;
}

#home_screen .content {
	position: relative;
}

#home_screen .attempts_container {
	background: #FFFFFF;
	border-radius: 11px;
	box-shadow: 0 3px 6px 1px rgba(0,0,0, 0.3);
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
#home_screen .attempts_container .content {
	position: relative;
}

.attempts_container .indicator {
	background: #F2F2F2;
	bottom: 100%;
	box-shadow: 1.5px 1.5px 6px 1px rgba(0,0,0, 0.3);
	height: 20px;
	left: 50%;
	position: absolute;
	transform: scaleX(0.6) rotate(45deg) translateY(14px);
	width: 20px;
	z-index: 0;
}
#home_screen .attempts_container header {
	background: #F2F2F2;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	font-size: 18px;
	padding: 15px 0;
	position: relative;
	z-index: 1;
}

#home_screen .set_attempts {
	border-collapse: collapse;
	margin-bottom: 10px;
	text-align: left;
}
#home_screen .set_attempts tbody {
	background: white;
}
#home_screen .set_attempts.allow_breakdown tr.attempt {
	cursor: pointer;
}
#home_screen .set_attempts.allow_breakdown tr.attempt:hover {
	background-color: #F8F8F8;
}
#home_screen .set_attempts tr:first-child td {
	border-top: 1px solid #E2E2E2;
}

#home_screen .set_attempts td {
	border-bottom: 1px solid #E2E2E2;
	font-size: 16px;
	padding: 10px 20px 10px 0;
	white-space: nowrap;
}
#home_screen .set_attempts .displayed td {
    padding-top: 1.2em;
}

#home_screen .set_attempts .date {
	font-size: 13px;
	padding-left: 10px;
}
#home_screen .set_attempts .date label {
    color: inherit;
    font-weight: normal;
    font-size: 8px;
    position: absolute;
    left: 10px;
    opacity: 0.7;
    margin: -1em 0 0 0;
}
#home_screen .set_attempts .displayed .date {
	color: #295880;
	font-weight: bold;
}

#home_screen .set_attempts .star_container {
	padding-right: 10px;
}

#home_screen .set_attempts .stars {
	font-size: 23px;
}
#home_screen .set_attempts .stars.contingent {
	color: #E2E2E2;
}


#set_attempts_report {
    background-color: #F2F2F2;
    text-align: center;
}

#set_attempts_report .content {
	transition: opacity 0.4s;
}
#set_attempts_report.loading {
	background: transparent;
}
#set_attempts_report.loading .content {
	opacity: 0;
}

#set_attempts_report .loader {
	background: rgba(255,255,255, 0.95);
	box-sizing: border-box;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 48px;
	width: 100%;
	z-index: 10;
}
#set_attempts_report.loading .loader {
	opacity: 0.95;
	transition: opacity 0.4s;
}
#set_attempts_report .loader.done {
	display: none;
}

#set_attempts_report > .content {
	background-color: #ffffff;
	border-radius: 9px;
	display: inline-block;
	margin: 20px 0 0 0;
	width: 100%;
	padding: 22px;
	position: relative;
}

@media (min-width: 840px) {
	#set_attempts_report > .content {
		width: 698px;
	}
}

#set_attempts_report > .content > header {
	margin: 0;
	padding: 0;
}

#set_attempts_report .version_details {
	font-size: 14px;
	margin-top: 22px;
}
#set_attempts_report .version_details th, #set_attempts_report .version_details td {
	padding-right: 50px;
	text-align: left;
}
#set_attempts_report .version_details .stars {
	color: #FFE186;
	font-size: 18px;
	margin: 0 2px;
}
#set_attempts_report .version_details .center {
	text-align: center;
}

#set_attempts_report .penalty_type_selector {
	border-bottom: 1px solid #DEE2E4;
	border-top: 1px solid #DEE2E4;
	font-size: 14px;
	padding: 5px 0;
	text-align: left;
}
#set_attempts_report .penalty_type_selector label {
	font-weight: bold;
}
#set_attempts_report .penalty_type_selector label,
#set_attempts_report .penalty_type_selector .penalty_pill {
	vertical-align: middle;
}
#set_attempts_report .penalty_type_selector .penalty_pill {
	border-radius: 9px;
	border: 1px solid #DEE2E4;
	color: #999999;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	margin: 2px 0;
	padding: 12px 10px;
	white-space: nowrap;
}

#set_attempts_report .penalty_type_selector .penalty_pill.active,
#set_attempts_report .penalty_type_selector .penalty_pill:hover {
	background-color: #265781;
	border: 1px solid transparent;
	color: #FFFFFF;
}

#set_attempts_report .no_responses,
#set_attempts_report .no_attempt {
	font-size: 18px;
	display: none;
}

#set_attempts_report .caption_list {
	font-size: 16px;
	list-style-position: inside;
	margin: 0;
	padding: 16px 0;
	text-align: left;
}
#set_attempts_report .caption_list .caption {
	padding: 10px 0;
}

#set_attempts_report .caption_list .caption .word_container:first-child {
	margin-left: 10px;
}

#set_attempts_report .word_container.highlighted .word .content {
	color: #295880;
	cursor: pointer;
	font-weight: bold;
	text-decoration: underline;
}

#set_attempts_report .attempt.dict_button {
	color: black;
	font-size: 30px;
	margin-top: -30px;
	position: absolute;
	top: 50%;
}
#set_attempts_report .prev.attempt.dict_button {
	left: -45px;
}
#set_attempts_report .next.attempt.dict_button {
	right: -45px;
}
@media (max-width: 840px) {
	#set_attempts_report .attempt.dict_button {
		bottom: -60px;
		top: auto;
	}
	#set_attempts_report .prev.attempt.dict_button {
		left: 40%;
	}
	#set_attempts_report .next.attempt.dict_button {
		right: 40%;
	}
}

#set_attempts_report.no_responses .penalty_type_selector {
	border-top: none;
}
#set_attempts_report.no_responses .penalty_type_selector > * {
	display: none;
}

#set_attempts_report.no_attempt .version_details,
#set_attempts_report.no_attempt .caption_list,
#set_attempts_report.no_attempt .penalty_type_selector,
#set_attempts_report.no_attempt .no_responses {
	display: none;
}

#set_attempts_report.no_responses .no_responses {
	display: block;
}
#set_attempts_report.no_attempt .no_attempt {
	display: block;
	margin-top: 30px;
}

#video_container {
	cursor: pointer;
	text-align: center;
}
body.state_input #video_container {
	cursor: default;  
}

.pop_out_video #video_container {
	display: inline-block;
	left: 50%;
	position: absolute;
	top: 50%;
	z-index: 1000;
}
.pop_out_video #video_container:after {
	background: black;
	border: 2px solid white;
	border-radius: 2em;
	bottom: 93%;
	box-shadow: 0px 2px 4px rgba(0,0,0, 0.5);
	color: white;
	content: '⨉';
	cursor: pointer;
	font-size: 15px;
	left: 95%;
	padding: 0px 6px 2px;
	position: absolute;
}
.pop_out_video #video_container video {
    background: transparent;
    left: 0 !important;
}
.pop_out_video #video_container .dictation_game_overlay {
    width: 100% !important;
    font-size: 50%;
}
.pop_out_video #video_container .dictation_game_overlay > .content {
	display: none;
}
.pop_out_video #video_container .dictation_game_overlay {
	margin-top: -15%;
}
.pop_out_video #video_container .dictation_game_overlay i {
	font-size: 100px;
}
.pop_out_video #video_container .dictation_game_overlay .replay_video_tip {
	display: none;
}
body.youtube #youtube_video_thumbnail_image {
	display: none;
}
body.youtube #youtube_video_thumbnail_image.active {
	display: block;
}
body.state_input #youtube_player_mask.active {
	opacity: 0;
}



#caption_report {
	left: 100%;
	padding: 0;
}

#caption_report.revealed {
	left: 0;
}

#caption_report .feedback {
	color: #258C25;
	font-size: 14px;
}
#caption_report .translation {
	color: #888;
	margin: 1em 0;
	padding: 0 10px;
}
#caption_report .translation.gloss {
	font-size: 0.8em;
}
body.state_caption_report #caption_report .translation.gloss.hide {
	display: none !important;
}
#caption_report .dictation_buttons.control {
	display: none !important;
	margin: 1.5em 0;
}
#caption_report .caption_container {
	margin: 0.5em 0;
	color: #258C25;
	/*
	margin-bottom: 0.5em;
	text-align: center;
	-webkit-transition: bottom 0.7s, opacity 0.7s;
	-moz-transition: bottom 0.7s, opacity 0.7s;
	-o-transition: bottom 0.7s, opacity 0.7s;
	transition: bottom 0.7s, opacity 0.7s;
	width: 100%;
	*/
}
#caption_report .caption_container .caption_wrap {
	/*
	bottom: 0;
	margin-bottom: -1em;
	position: absolute;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	width: 100%;
	*/
}
body.iOS.not_ipad.mobile.portrait #caption_report .caption_container .caption_wrap, 
body.android.mobile.portrait #caption_report .caption_container .caption_wrap {
	margin-bottom: 0 !important;
}
#caption_report .caption {
	white-space: unset;
	max-height: 6em;
	overflow-y: auto;
}
body.iphone #caption_report .caption,
body.mobile.portrait.android #caption_report .caption {
	max-height: 4.5em;
}


#accuracy_star_popup {
	background: white;
	border-radius: 10px;
	border: 1px solid #ccc;
	color: #FFE186;
	display: block;
	font-size: 200%;
	left: 50%;
	opacity: 0;
	padding: 25px;
	position: absolute;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: opacity 600ms;
	z-index: 10;
}
#accuracy_star_popup.show {
	left: 0px;
	opacity: 1;
	top: 60px !important;
	transform: scale(0.5);
	transition: opacity 600ms, top 600ms 2s, left 600ms 2s, transform 600ms 2s;
}
#accuracy_star_popup.fade {
	opacity: 0;
}
#accuracy_star_popup.block_animations {
	transition: opacity 600ms;
}

#accuracy_star_popup .stars i {
	opacity: 0;
	transition: opacity 600ms;
}
#accuracy_star_popup.show .stars i {
	opacity: 1;
}
#accuracy_star_popup .stars i:nth-child(2) {
	transition-delay: 150ms;
}
#accuracy_star_popup .stars i:nth-child(3) {
	transition-delay: 300ms;
}

#dictation_comment_pane .comments_head h2 {
	display: none;
}
#dictation_comment_pane #isCaptionCommentPrompt {
	display: none !important;
}
#dictation_comment_pane .translation {
	color: #777;
	font-size: 120%;
}
#dictation_comment_pane .transcript {
	color: #258C25;
	font-size: 150%;
}
#dictation_comment_pane .translation,
#dictation_comment_pane .transcript {
	background: none;
	margin: 10px 0;
}
#dictation_comment_pane .new_comment_container,
#dictation_comment_pane .reply_container {
	background-color: #eceff1;
	margin: 0 auto;
	max-width: 600px;
	padding: 1em;
	text-align: left;
}
#dictation_comment_pane #comment_form {
	clear: both;
}
#dictation_comment_pane .comment_area,
#dictation_comment_pane .reply {
	border-radius: 9px;
	border: solid 1px #eceff1;
	font-size: 14px;
	padding: 1em;
	resize: vertical;
	text-align: left;
	width: 100%;
}
#dictation_comment_pane .comment_area {
	min-height: 80px;
}
#dictation_comment_pane .msg_row {
	font-size: 80%;
	margin: 30px 0 -30px;
}

#challenge_report {
	background-color: #eee;
}
#challenge_report > .content {
	background: white;
	border-radius: 10px;
	margin: 0 auto;
	max-width: 800px;
	padding: 50px 140px;
}

#challenge_report .caption_container .transcription {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
#challenge_report .caption_container .translation {
	font-size: 20px;
}

#challenge_report .word .highlighted {
	border-bottom: 4px solid;
}

#challenge_report .accuracy_bar_container {
	margin-top: 30px;
}
#challenge_report .accuracy_bar_container header {
	font-size: 16px;
	font-weight: bold;
}

#challenge_report .accuracy_stars {
	border-collapse: collapse;
	width: 100%;
}

#challenge_report .accuracy_stars td {
	border: 2px solid #eee;
	padding: 15px 0;
	position: relative;
	text-align: center;
}
#challenge_report .accuracy_stars td:first-child {
	border-left: none;
}
#challenge_report .accuracy_stars td:last-child {
	border-right: none;
}
#challenge_report .accuracy_stars td .ind {
	bottom: 0;
	bottom: calc(-1px);
	height: 8px;
	left: 0;
	left: calc(-1px);
	position: absolute;
	width: 100%;
	width: calc(100% + 2px);
}
#challenge_report .accuracy_stars td.highlight .ind {
	background-color: #D9E45A;
}

#challenge_report .accuracy_bar {
	height: 80px;
	margin: 2px 0;
	position: relative;
	text-align: right;
	width: 100%;
}
#challenge_report .accuracy_bar:after {
	border-bottom: 2px solid #eee;
	content: '';
	left: 0;
	position: absolute;
	top: 103%;
	top: calc(100% + 2px);
	width: 100%;
}

#challenge_report .accuracy_bar > .fill {
	background-color: #D9E45A;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}
#challenge_report .accuracy_bar .penalty_segment {
	display: inline-block;
	height: 100%;
	position: relative;
}
#challenge_report .accuracy_bar .penalty_segment:nth-child(odd) {
	background-color: #eee;
}
#challenge_report .accuracy_bar .penalty_segment:nth-child(even) {
	background-color: #bdbdbd;
}
#challenge_report .accuracy_bar .penalty_segment label {
	background: white;
	border: 2px solid;
	border-radius: 5px;
	font-size: 12px;
	left: 50%;
	padding: 2px 5px;
	position: absolute;
	text-align: center;
	top: 100%;
	white-space: nowrap;
}
#challenge_report .accuracy_bar .penalty_segment label .indicator {
	border: 1px solid;
	bottom: 100%;
	left: 50%;
	position: absolute;
	width: 0;
}

.accuracy_bar {
    text-align: right;
}

#challenge_report .challenge_breakdown {
	font-size: 16px;
	padding-top: 20px;
	text-align: center;
}

#challenge_report .challenge_breakdown table {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}
#challenge_report .challenge_breakdown th,
#challenge_report .challenge_breakdown td {
	border-bottom: 2px solid #eee;
	border-top: 2px solid #eee;
	padding: 10px 10px;
	text-align: center;
}
#challenge_report .challenge_breakdown th:first-child,
#challenge_report .challenge_breakdown td:first-child {
	padding-left: 0;
	text-align: left;
}
#challenge_report .challenge_breakdown th:last-child,
#challenge_report .challenge_breakdown td:last-child {
	padding-right: 0;
	text-align: right;
}

#challenge_report .challenge_breakdown tfoot th.label {
	text-align: right;
}
#challenge_report .challenge_breakdown tfoot th, #challenge_report .challenge_breakdown tfoot td {
	border: none;
}
#challenge_report .challenge_breakdown tfoot th.label {
    text-align: right;
}

#challenge_report .challenge_breakdown tfoot th, #challenge_report .challenge_breakdown tfoot td {
    border: none;
}

#challenge_report .challenge_breakdown .default {
	font-size: 46px;
	font-weight: bold;
}
#challenge_report .challenge_breakdown .default,
#challenge_report .challenge_breakdown.perfect table {
	display: none;
}
#challenge_report .challenge_breakdown.perfect .default {
	display: block;
}


#challenge_report .accuracy_bar .penalty_segment.firstMistake label,
#challenge_report .accuracy_bar .penalty_segment.firstMistake label .indicator,
#challenge_report .transcription.firstMistake_highlighted .word .highlighted {
	border-color: red;
	border-width: 1px;
}
#challenge_report .accuracy_bar .penalty_segment.firstMistake label .indicator {
	border-width: 0.5px;
}
#challenge_report .challenge_breakdown .penalties .firstMistake.highlighted td {
	box-shadow: inset 0 -1px red;
}
#challenge_report .accuracy_bar .penalty_segment.mistake label,
#challenge_report .accuracy_bar .penalty_segment.mistake label .indicator,
#challenge_report .transcription.mistake_highlighted .word .highlighted {
	border-color: red;
}
#challenge_report .challenge_breakdown .penalties .mistake.highlighted td {
	box-shadow: inset 0 -2px red;
}
#challenge_report .accuracy_bar .penalty_segment.caseMistake label,
#challenge_report .accuracy_bar .penalty_segment.caseMistake label .indicator,
#challenge_report .transcription.caseMistake_highlighted .word .highlighted {
	border-color: rgba(221,0,255, 0.36);
}
#challenge_report .challenge_breakdown .penalties .caseMistake.highlighted td {
	box-shadow: inset 0 -2px rgba(255,0,0, 0.36);
}
#challenge_report .accuracy_bar .penalty_segment.accentMistake label,
#challenge_report .accuracy_bar .penalty_segment.accentMistake label .indicator,
#challenge_report .transcription.accentMistake_highlighted .word .highlighted {
	border-color: rgba(255,0,0, 0.36);
}
#challenge_report .challenge_breakdown .penalties .accentMistake.highlighted td {
	box-shadow: inset 0 -2px rgba(255,0,0, 0.36);
}
#challenge_report .accuracy_bar .penalty_segment.hint label,
#challenge_report .accuracy_bar .penalty_segment.hint label .indicator,
#challenge_report .transcription.hint_highlighted .word .highlighted {
	border-color: #ff9410;
}
#challenge_report .challenge_breakdown .penalties .hint.highlighted td {
	box-shadow: inset 0 -2px #ff9410;
}
#challenge_report .accuracy_bar .penalty_segment.accentHint label,
#challenge_report .accuracy_bar .penalty_segment.accentHint label .indicator,
#challenge_report .transcription.accentHint_highlighted .word .highlighted {
	border-color: rgba(255,148,16, 0.36);
}
#challenge_report .challenge_breakdown .penalties .accentHint.highlighted td {
	box-shadow: inset 0 -2px rgba(255,148,16, 0.36);
}
#challenge_report .accuracy_bar .penalty_segment.caseHint label,
#challenge_report .accuracy_bar .penalty_segment.caseHint label .indicator,
#challenge_report .transcription.caseHint_highlighted .word .highlighted {
	border-color: rgba(4, 0, 255, 0.36);
}
#challenge_report .challenge_breakdown .penalties .caseHint.highlighted td {
	box-shadow: inset 0 -2px rgba(4, 0, 255, 0.36);
}
#challenge_report .accuracy_bar .penalty_segment.replay label,
#challenge_report .accuracy_bar .penalty_segment.replay label .indicator,
#challenge_report .transcription.replay_highlighted .word .highlighted {
	border-color: #cc5cfb;
}
#challenge_report .challenge_breakdown .penalties .replay.highlighted td {
	box-shadow: inset 0 -2px #cc5cfb;
}
#challenge_report .accuracy_bar .penalty_segment.slow label,
#challenge_report .accuracy_bar .penalty_segment.slow label .indicator,
#challenge_report .transcription.slow_highlighted .word .highlighted {
	border-color: #5cfbce;
}
#challenge_report .challenge_breakdown .penalties .slow.highlighted td {
	box-shadow: inset 0 -2px #5cfbce;
}
#challenge_report .accuracy_bar .penalty_segment.translation label,
#challenge_report .accuracy_bar .penalty_segment.translation label .indicator,
#challenge_report .transcription.translation_highlighted .word .highlighted {
	border-color: #5cabfb;
}
#challenge_report .challenge_breakdown .penalties .translation.highlighted td {
	box-shadow: inset 0 -2px #5cabfb;
}
#challenge_report .accuracy_bar .penalty_segment.delay label,
#challenge_report .accuracy_bar .penalty_segment.delay label .indicator,
#challenge_report .transcription.delay_highlighted .word .highlighted {
	border-color: yellow;
}
#challenge_report .challenge_breakdown .penalties .delay.highlighted td {
	box-shadow: inset 0 -2px yellow;
}
#challenge_report .accuracy_bar .penalty_segment.insert label,
#challenge_report .accuracy_bar .penalty_segment.insert label .indicator,
#challenge_report .transcription.insert_highlighted .word .highlighted {
	border-color: green;
}
#challenge_report .challenge_breakdown .penalties .insert.highlighted td {
	box-shadow: inset 0 -2px green;
}


.game_report .row {
	margin: 0 0 1em;
	position: relative;
}
.game_report .report_buttons .button_container {
    display: inline-block;
    margin: 0 20px;
}
.game_report .report_buttons .button_container .label {
	color: #777;
	font-size: 12px;
	margin: 0 0 10px 0;
}
.game_report .button_group {
	border-top: 1px solid #E6E6E6;
	padding: 20px 0;
}
body.v2.mobile.d_game .game_report .button_group {
	padding: 10px 0;
}
button.set_menu_reset {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 0.66em;
	z-index: 40;
}
body.android.mobile.portrait.d_game.v2.state_home_screen button.set_menu_reset,
body.android.mobile.portrait.d_game.v2.has_modal button.set_menu_reset,
body.iOS.mobile.portrait.d_game.v2.state_home_screen button.set_menu_reset,
body.iOS.mobile.portrait.d_game.v2.has_modal button.set_menu_reset {
	bottom: 85px;
}
button.skip_button {
	display: block;
	position: fixed;
	padding: 5px 20px;
	right: 10px;
	bottom: 30px;
	background: #888 !important;
	border-color: #666 !important;
	color: #ddd !important;
	z-index: 10;
}
button.skip_button.cbtn {
	display: none;
	width: 60px !important;
	bottom: 0px;
	padding: 5px 10px;
	border-radius: 16px;
	font-size: 16px;
}
button.skip_button:hover {
	background: #777 !important;
}
body:not(.state_input) button.skip_button {
	display: none !important;
}
body:not(.external_keypad_on).mobile_keypad_on button.skip_button {
	height: 38px;
	padding: 5px 8px;
}
body.state_home_screen button.set_menu_reset.show {
	display: block;
}

body.state_home_screen button.set_menu_reset.show {
	display: block;
}
#panels_backdrop {
	background: rgba(0,0,0, 0.7);
	display: none;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	width: 100%;
	z-index: 50;
}
#panels_container {
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
}
/*
body.tutorial.goal.state_input #panels_container {
	filter: blur(2px);
  -webkit-filter: blur(2px);
}
*/
body.state_caption_report #panels_container {
	display: none;
} 
.d_game #panels_container, .panel_shown #panels_backdrop {
	display: block;
}
#panels_backdrop.show {
	opacity: 1;
}

#panels_container .buttons {
	bottom: 25px;
	left: 0;
	padding: 20px;
	position: absolute;
	width: auto;
}

body.android.mobile.portrait.d_game.v2.state_home_screen #panels_container,
body.android.mobile.portrait.d_game.v2.has_modal #panels_container,
body.iOS.mobile.portrait.d_game.v2.state_home_screen #panels_container,
body.iOS.mobile.portrait.d_game.v2.has_modal #panels_container {
	position: fixed;
	width: 100%;
	height: 80px;
	border-top: 3px solid #ddd;
	background: #f1f1f1;
	bottom: 0;	
}
body.d_game.v2.mobile #panels_container .buttons {
	padding: 8px;
}
body.android.mobile.portrait.d_game.v2.state_home_screen #panels_container .buttons,
body.android.mobile.portrait.d_game.v2.has_modal #panels_container .buttons,
body.iOS.mobile.portrait.d_game.v2.state_home_screen #panels_container .buttons,
body.iOS.mobile.portrait.d_game.v2.has_modal #panels_container .buttons {
	width: 100%;
	height: 100%;		
	top: 0;
	left: 0;
	text-align: center;
}
body:not(.external_keypad_on).d_game.v2.mobile_keypad_on #panels_container .buttons {
	display: none;
}
#panels_container .buttons .cbtn {
	display: inline-flex;
	margin-bottom: 0;
	margin-top: 0;
}
body.android.mobile.portrait.d_game.v2.state_home_screen #panels_container .buttons .cbtn,
body.android.mobile.portrait.d_game.v2.has_modal #panels_container .buttons .cbtn,
body.iOS.mobile.portrait.d_game.v2.state_home_screen #panels_container .buttons .cbtn,
body.iOS.mobile.portrait.d_game.v2.has_modal #panels_container .buttons .cbtn {
	margin: 0 20px;
}
body.android.mobile.portrait.d_game.v2:not(.state_home_screen):not(.has_modal) #panels_container .buttons .cbtn.help,
body.android.mobile.portrait.d_game.v2:not(.state_home_screen):not(.has_modal) #panels_container .buttons .cbtn.settings,
body.iOS.mobile.portrait.d_game.v2:not(.state_home_screen):not(.has_modal) #panels_container .buttons .cbtn.help, 
body.iOS.mobile.portrait.d_game.v2:not(.state_home_screen):not(.has_modal) #panels_container .buttons .cbtn.settings {
 display: none;	
}
body:not(.lang_en) #panels_container .buttons .cbtn{
	margin: 0 14px;
}
body.d_game.v2.mobile #panels_container .buttons .cbtn{
	width: 42px;
	height: 42px;
}
#panels_container .buttons .cbtn.help {
	color: #f6822b;
	margin-left: 16px;
}
#panels_container .buttons .cbtn.help label {
	min-width: 65px;
}
#panels_container .buttons label {
	position: absolute;
	top: 110%;
	font-size: 12px;
}
#panels_container .buttons .cbtn.contact label {
	left: -3px;
}
@keyframes pulseGlow {
	from {
		box-shadow: 0 0 10px 10px #f6822b;
	}
	to {
		box-shadow: 0 0 0 0 #f6822b;
	}
}
.cbtn.highlight:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 40px;

	-webkit-animation-name: pulseGlow;
	   -moz-animation-name: pulseGlow;
		 -o-animation-name: pulseGlow;
		`	animation-name: pulseGlow;

	-webkit-animation-duration: 750ms;
	   -moz-animation-duration: 750ms;
		 -o-animation-duration: 750ms;
			animation-duration: 750ms;

	-webkit-animation-iteration-count: 6;
	   -moz-animation-iteration-count: 6;
		 -o-animation-iteration-count: 6;
			animation-iteration-count: 6;

	-webkit-animation-direction: alternate;
	   -moz-animation-direction: alternate;
		 -o-animation-direction: alternate;
			animation-direction: alternate;
}


.game_panel {
	background: #f2f2f2;
	border-left: 1px solid #ccc;
	display: none;
	font-size: 0.7em;
	height: 100vh;
	left: 0;
	min-width: 400px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 20px 20px 62px 20px;
	position: absolute;
	left: 0;
	bottom: -100vh;
	width: 35vw;
}
body.iOS .game_panel, 
body.android .game_panel {
	position: fixed;
	min-width: unset;
	width: 100%;
	height: 100%;
	top: 0 !important;
	left: 0 !important;
}	

.game_panel.show, .game_panel.revealed {
	display: block;
}
.game_panel.transition {
	-webkit-transition: bottom 0.2s ease-out;
	-moz-transition: bottom 0.2s ease-out;
	-o-transition: bottom 0.2s ease-out;
	transition: bottom 0.2s ease-out;
}

.game_panel .content {
	height: auto;
	position: relative;
	width: 100%;
}
.game_panel .content li {
	padding: 5px 0;
}
.game_panel label {
	font-size: 0.6em;
}

.game_panel header p {
	padding: 0 20px 10px 20px;
}

.game_panel .dict_button_bar {
	margin: 20px 0;
}

.about.game_panel h2 {
	font-size: 24px;
}
.help.game_panel .match {
  color:#080;
}
.help.game_panel .soft_swap {
  color:#f70;
}
.help.game_panel .case_swap {
	color:#d0f;
}
.help.game_panel .swap {
  color:#f00;
  text-decoration: line-through;
}
.help.game_panel .missing {
  color:#f00;
  margin: 0 1px;
}
.help.game_panel .match_start.missing {
  color:black;
}
.help.game_panel .insert {
    color: rgba(0,0,0,0);
    background-color: #ddd;
}
.help.game_panel dt {
    float: left;
    min-width: 5em;
}
.help.game_panel dd {
    /* display: block; */
    margin: 0;
}
.help.game_panel img {
	padding: 16px;
}


.contact.game_panel header {
	font-size: 16px;
}

.settings.game_panel .content ul {
	padding-left: 10px;
}
.settings.game_panel .content li {
	padding: 10px 0;
	list-style: none;
}
.settings.game_panel .content li.reveal_translation {
	display: none !important;
}
.settings.game_panel .content li .title {
	font-size: 80%;
}
.settings.game_panel .toggle {
	display: inline-block;
	position: relative;
	width: 56px;
	height: 32px;
	top: -7px;
	float: right;
	background: #ddd;
	font-size: 0.85em;
	border-radius: 20px;
	box-shadow: inset 1px 1px 1px #777;
}	
.settings.game_panel .toggle:hover {
	cursor: pointer;
}
.settings.game_panel .toggle.on {
	background: #f6822b; 
}
.settings.game_panel .toggle .indicator {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 5px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 2px 1px #777;
	-webkit-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	transition: transform 0.4s;
}
.settings.game_panel .toggle.on .indicator {
	-webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px)	
}
.settings.game_panel .color.wrong.letter,
.settings.game_panel .color.wrong.accent {
	position: relative;
	float: right;	
	top: -10px;
	font-size: 1.5em;
}
.settings.game_panel .color.wrong.letter input,
.settings.game_panel .color.wrong.accent input {
	position: relative;
	width: 20px;
	height: 20px;
	top: 3px;	
	left: 6px;	
}
.settings.game_panel .color.wrong.accent .orange {
	padding: 2px 4px;
	color: #f70;	
	border: 1px solid #f70;
	background: #fff;
}
.settings.game_panel .color.wrong.accent .red {
	padding: 2px 4px;
	color: #fff;	
	background: #f70;
	opacity: 0.65;
}
.settings.game_panel .color.wrong.letter .strike {
	padding: 2px 4px;
	color: red;
  text-decoration: line-through;
	border: 1px solid red;
}
.settings.game_panel .color.wrong.letter .box {
	padding: 2px 4px;
	background: #ff8484;
	color: white;
  text-decoration: none;
}
.game_setting .dict_button {
	margin-left: 1em;
}
.game_panel .game_setting {
	margin: 1em 0;
	padding: 1em 0;
}
.game_panel .game_setting label {
	font-size: 1em;
}

.word_container {
	display: inline-block;
	margin: 0.1em;
	position: relative;
	text-align: left;
}
.word_container .word.highlight, #caption_report .word {
	cursor: pointer;
}
.word_container .letter {
	position: relative;
}
/*
.word_container .highlight .letter,
.word_container .word.highlight .content {
    text-decoration: underline;
}
*/
.word_container .letter.hinted {
	color: #444;
}
.word_container .letter.soft_swap {
	color:#f70;
}
.word_container .letter .accent {
	color: black;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.word_container .letter.case_swap {
	color:#d0f;
}


#attempts_container {
	background: transparent;
	border: 1px solid #c8c8c8;
	display: none;
	margin-left: -0.2em;
	min-width: 125px;
	padding: 30px 0 0 9px;
	position: absolute;
	z-index: 50;
}

#attempts_container .change_history {
	background-color: #e2e2e2;
	border-top: 1px solid #c8c8c8;
	margin-left: -9px;
	overflow-y: scroll;
	padding: 0 8px;
	position: relative;
}
#attempts_container label {
	background-color: #e2e2e2;
	color: #777;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 0 -9px;
	padding: 5px 0px 5px 14px;
	position: absolute;
	top: 0;
	white-space: nowrap;
	width: 100%;
}
#attempts_container .changes {
	color: #258C25;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
#attempts_container .word {
	padding-right: 12px;
}
#attempts_container .changes .wrong {
	color: red;
}
#attempts_container .changes .soft_swap {
	color: #f70;
}

#attempts_container .dictionary.dict_button {
	border-width: 1px;
	height: 2.1em;
	margin-left: 0.5em;
	padding: 0px 1px 0 0;
}


#game_over_report {
    background: rgba(70,70,70, 0.7);
    padding-top: 75px;
}

#game_over_report .video_info, #game_over_report .video_info span {
	color: #777777;
	font-size: 16px;
	font-weight: normal;
	margin-top: 10px;
}

#game_over_report .details {
	margin-top: 30px;
}
#game_over_report .details.assignment_goal {
	margin-top: 20px;
	margin-bottom: 50px;
}
/*
#game_over_report header label {
	font-weight: bold;
	font-size: 14px;
}
*/
#game_over_report .details .score {
	margin-left: 30px;
}

#game_over_report .details .bar.points {
 	position: relative;
 	width: 40%;
 	height: 30px;
 	margin: 0 auto;
 	margin-top: 15px;
 }
 #game_over_report .details .bar.points .points {
 	position: absolute;
 	display: inline-block;
 	height: 100%;
 	left: 0;
 }
#game_over_report .details .bar.points .points.left {
	left: 0;
	right: unset;
}
#game_over_report .details .bar.points .points.right {
	left: unset;
	right: 0;
}
 #game_over_report .details .bar.points .learning {
 	background: #eca65c;
 }
 #game_over_report .details .bar.points .mastery {
 	background: #5ab0ec;
 }
#game_over_report .details .bar.points .arrow {
	display: none;
	position: absolute;
	top: 100%;
	margin-left: -8px;
	font-size: 1.5em;
	background: none;
	color: #5ab0ec;
	text-shadow: 1px 2px 2px #000;
}
#game_over_report .details .bar.points .arrow.show {
	display: inline-block;
}
 #game_over_report .details .bar.label {
 	width: 60%;
 	margin: 0 auto;
 	font-size: 80%;
 }
 #game_over_report .details .bar.label .label.hide {
 	display: none;
 }
 #game_over_report .details .bar.label .left {
 	float: left;
 }
#game_over_report:not(.assignment_goal) .details .bar.label .left {
	margin-left: 40px;
}
#game_over_report .details .bar.label .right {
	float: right;
}
#game_over_report:not(.assignment_goal) .details .bar.label .right {
	margin-right: 40px;
}
#game_over_report .details .bar.msg {
	padding-top: 50px;
	font-size: 80%;
}

@media screen and (max-width: 550px) {
 	#game_over_report {
 		font-size: 80%;
 	}
 	#game_over_report .details .bar.label .left {
 		margin-left: -10px;
 	}
 	#game_over_report .details .bar.label .right {
 		margin-right: -10px;
 	}
 }
 @media screen and (max-width: 400px) {
 	#game_over_report .details .bar.label .left {
 		margin-left: -25px;
 	}
 	#game_over_report .details .bar.label .right {
 		margin-right: -25px;
 	}
}

#game_over_report .content {
	background: white;
	border-radius: 35px;
	margin: 0 auto;
	max-width: 970px;
	padding: 20px 35px;
}
#game_over_report.assignment_goal .content {
	position: relative;
	max-width: 600px;
	min-height: 300px;
	top: 50%;
	-ms-transform: translateY(-110%);
	transform: translateY(-110%);
}
#game_over_report.assignment_goal .content header {
	padding-top: 10%;
}
#game_over_report .content header .goal {
	position: absolute;	
	top: 25px;
	left: 25px;
	font-size: 50%;	
}
#game_over_report .content header .goal.hide {
	display: none;
}
#game_over_report .content header .goal label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 140%;
	font-weight: normal;		
}
#game_over_report table {
	border-collapse: collapse;
	font-size: 0.75em;
	margin: 1em 0;
	width: 100%;
}
#game_over_report tr {
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}
#game_over_report th {
	font-size: 14px;
}
#game_over_report td,
#game_over_report th {
	padding: 3px 1em 3px 3px;
	text-align: left;
}
#game_over_report .stars {
	color: #FFE186;
}
#game_over_report .stars,
#accuracy_star_popup .stars {
	color: #5ab0ec;
}
#game_over_report .stars .fa-star.brown,
#accuracy_star_popup .stars .fa-star.brown {
	color: #eca65c;
}
#game_over_report.assignment_goal .stars {
	font-size: 130%;
}
#game_over_report.assignment_goal .stars .fa {
	padding: 0 5px;
}

#game_over_report tr.overall {
	border-bottom: none;
	font-weight: bold;
}


.game_report > header {
	background-color: white;
	border-bottom: 1px solid #ccc;
	padding: 20px;
	width: 100%;
}
.game_report .report_content {
	padding: 10px 60px;
}
.game_report .pane {
	background-color: white;
	margin-bottom: 15px;
	padding: 10px 0;
	text-align: center;
}

.game_report .pane h1, .game_report .pane h2 {
	text-align: center;
}
.game_report .pane h1 {
	color: #2A3235;
	font-size: 24px;
}
.game_report .pane h2 {
	font-weight: 400;
}
.game_report .pane h2, .game_report .pane h3 {
	font-size: 18px;
}
.game_report .pane h4 {
	font-size: 14px;
}

.game_report .pane .pane_title {
	color: #595865;
	font-weight: 700;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 32px;
	text-align: left;
}

.game_report .video_info {
	text-indent: 18px;
}
.game_report .video_info .program,
.game_report .video_info .episode {
	font-size: 0.7em;
}
.game_report .video_info .episode {
	font-weight: bold;
}

.game_report .challenge_details {
	border-top: 1px solid #dedede;
	font-weight: 400;
	font-size: 12px;
	margin-top: 32px;
	padding: 20px 0;
	width: 100%;
}
.game_report .challenge_details thead th {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}
.game_report .challenge_details tbody {
	font-weight: bold;
}


.iScrollVerticalScrollbar.iScrollLoneScrollbar {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
}
.iScrollIndicator {
	background-color: #a3a3a3;
	position: absolute;
	width: 100%;
}

.d_game #dictionary,
.d_game #captions,
.d_game #playback_controls,
.d_game #controls {
	display: none;
}
header.dictate,
#dictation_game {
	display: none;
	position: relative;
	text-align: center;
}
#dictation_video_overlay {
	float: left;
	top: 0;
	width: 100%;
	z-index: 100;
	cursor: pointer;
}
.d_game header.dictate {
	display: flex;
}
.d_game #dictation_game {
	display: block;
}
body.d_game:not(.iphone):not(.iOS):not(.ipad):not(.iPadOS):not(.android) #dictation_game {
	min-height: 300px;
}
/*
body.tutorial.goal.state_input.d_game #dictation_game {
	filter: blur(2px);
  -webkit-filter: blur(2px);
}
*/
.d_game #right_col {
	display: none;
}
.d_game #basic_feedback,
.d_game #switch_to_new_player {
	display: none;
}
.d_game #video_container {
	background-color: #F2F2F2;
}
.d_game.v2 #video_container {
	background: #000;
}
body.iphone.state_caption_report #video_container,
body.mobile.portrait.android.state_caption_report #video_container {
	height: calc(100% - 120px);
}


.minikeyboard_dictation_container {
	padding-bottom: 1em;
}
body.iphone .minikeyboard_dictation_container, 
body.mobile.portrait.android .minikeyboard_dictation_container {
	padding-bottom: 0;
} 
body.external_keypad_on .minikeyboard_dictation_container {
	padding-bottom: 2.5em;
}
.minikeyboard_dictation_container .touch_tip {
	font-size:12px;
	color:#666;
}

#dictation_game .key.button {
	background: none;
	border: none;
	box-shadow: none;
	font-size: 22px;
	text-shadow: none;
}
#dictation_game .minikeyboard .key {
	width: 36px;
	height: 36px;
	line-height: 34px;
	margin: 0 5px 5px 0;
	border-radius: 5px;
}
#dictation_game .minikeyboard sub.shortkey {
    display: inline-block;
    position: relative;
		width: 0;
    left: -18px;
		font-size: 50%;
    color: #2b61ae;
}
.minikeyboard_dictation_container.hidesub sub.shortkey {
	display: none;
}
#dictation_game .check.dict_button {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	font-size: 100%;
	font-weight: normal;
	height: 1.5em;
	padding: 0 0.3em;
	position: absolute;
	right: 0;
	bottom: 0;
}

.dictation_game_overlay {
	color: white;
	display: none;
	height: 100%;
	left: 50%;
	margin:0 auto;
	position: relative;
	top: 0;
	transform: translateX(-50%);
}
.dictation_game_overlay .content {
	width: 100%;
	height: 100%;
	position: relative;
}
.d_game .dictation_game_overlay {
	display: block;
	position:absolute;
}

.dictation_video_overlay {
	color: white;
	display: none;
	font-size: 20vh;
	margin-top: -0.6em;
	position: absolute;
	text-shadow: 0 0 0.1em black;
	top: 50%;
	width: 100%;
}
body.state_input .dictation_video_overlay.replay {
	display: none !important;
}
body.v2.mobile.d_game .dictation_video_overlay {
	font-size: 15vh;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on .dictation_video_overlay,
body:not(.external_keypad_on).v2.d_game.ipad.safari.mobile_keypad_on .dictation_video_overlay,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.mobile_keypad_on .dictation_video_overlay { 
	top: 48%;
	font-size: 15vw;
	z-index: 10;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on .dictation_video_overlay,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.scribe_landscape_iPadOS.mobile_keypad_on .dictation_video_overlay { 
	font-size: 5vw !important;
}
.dictation_video_overlay .replay_video_tip {
	font-size: 0.1em;
  margin-top: -1em;
}
.state_caption_report .dictation_video_overlay .replay_video_tip {
}

body.complex_rate_selection .playback_rate,
.rate_selector,
.rate_selector .options {
	display: none;
}
body.complex_rate_selection .rate_selector,
body.complex_rate_selection.slow_play .rate_selector .options {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#dictation_game_controls .rate_selector {
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}
#dictation_game_controls .rate_selector.active {
	color: #4176A6;
	width: auto;
}
.rate_selector_icon {
	width: 31px;
	height: 20px;
	background: url('../images/html5/rate_selector_icon.svg') no-repeat center;
}
.rate_selector.active .rate_selector_icon,
.playback_rate.active .rate_selector_icon {
	background: url('../images/html5/rate_selector_icon_desktop_active.svg') no-repeat center;
}
#dictation_game_controls .rate_selector .rate_selector_icon {
	padding: 0 1.2em 0 0.5em;
}

body .rate_selector .options {
	display: none;
}
.rate_selector .options {
	background: rgba(70, 70, 70, 0.7);
	border-radius: 1em;
	border: 1px solid;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	list-style: none;
}
#dictation_game_controls .rate_selector .options {
	background: none;
	border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 0.2em;
	background: white;
}

.rate_selector .options.no_options {
	display: none;
}
.rate_selector .label,
.rate_selector .option {
	display: inline-block;
	line-height: 1.1rem;
	padding: 0 0.5em;
	font-size: 0.6em;
}
#dictation_game_controls .rate_selector .option,
#dictation_game_controls .rate_selector .label {
	border: none;
	border-right: 1px solid #4176A6;
	height: 100%;
	padding: 0.5em;
}
.rate_selector .label {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	cursor: default;
}
#dictation_game_controls .rate_selector .label {
	display: none;
}
#media_controls .rate_selector .label {
	background: #fff;
	border-color: #fff;
	color: #000;
	padding-left: 7px;
}
.rate_selector .option {
	border-left: 1px solid;
	cursor: pointer;
}
#dictation_game_controls .rate_selector .option:last-child {
	border-right: none;
}
.rate_selector .option.active,
.rate_selector .option:hover {
	color: #d2e328;
}
#dictation_game_controls .rate_selector .option:not(.active):hover {
	color: #4176A6;
}

.playback_rate .rate_indicator {
	display: none;
	opacity: 1;
}
.playback_rate.active .rate_indicator {
	bottom: 105%;
	display: block;
	font-size: 75%;
	left: 3px;
	position: absolute;
	text-shadow: 0 0 7px #000, 0 0 4px #000, 0 0 2px #000;
	width: 100%;
}
body:not(.d_game):not(.touch_device) .playback_rate.active .rate_indicator {
	bottom: 129%;
	left: 138%;
}
.playback_rate.active.hide .rate_indicator {
	opacity: 0;
}



.dict_button {
	border: 1px solid transparent;
	border-radius: 0.5em;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 80%;
	font-weight: 500;
	outline: none;
	padding: 0.25em 0.5em 0.35em;
	position: relative;
	text-align: center;
}
#game_over_report.assignment_goal .dict_button {
	position: absolute;
	bottom: 15px;
	font-size: 65%;
}
.dict_button.play_video {
	display: none !important;
}
body.v2.iphone.d_game .dict_button,
body.v2.android.mobile.d_game .dict_button {
	font-size: 80%;
}

.dict_button.grey {
	background-color: rgba(70, 70, 70, 0.9);
}
.dict_button:disabled,
.dict_button.disabled {
	cursor: default;
	opacity: 0.3;
}
.dict_button.small {
	font-size: 14px;
	font-weight: normal;
	padding: 0.35em 1em 0.5em;
}
.dict_button.outlined {
	border-radius: 0.6em;
	border-width: 2px;
	color: #fff;
}
.dict_button.outlined.small {
	font-size: 0.65em;
}
.dict_button.outlined.thick {
	border-width: 3px;
}

.dict_button.secondary-blue {
	background-color: #4176a6;
	border-color: #295880;
}
.dict_button.secondary-blue.take-a-break {
	opacity: 0.5;	
	left: 30px; 
}
#game_over_report.assignment_goal .dict_button.secondary-blue.continue {
	right: 30px; 
}
.dict_button.secondary-blue:hover {
	background-color: #295880;
	border-color: #20486B;
}
.dict_button.blue-grey {
	background-color: #a2b1ba;
	border-color: #88959c;
}
.dict_button.blue-grey:hover {
    background-color: #7e909a;
    border-color: #707b82;
}
.dict_button.yabla-orange {
	background-color: #f6822b;
	border-color: #ae5417;
}
.dict_button.yabla-orange:hover {
	background-color: #C1641F;
	border-color: #803E12;
}
.dict_button.yabla-red {
	border-color: red;
}
.dict_button.yabla-red:hover {
	background-color: #c0272d;
	border-color: red;
}

.dict_button.outlined.disabled:hover {
	border-color: #ccc;
}
.dict_button.circle {
	border-radius: 2em;
	padding: 0 0 0.15em;
	width: 2em;
}
.dict_button.circle.outlined {
	border-width: 3px;
	height: 2.2em;
	width: 2.2em;
}
@media screen and (max-width: 480px) {
	body.mobile.portrait.touch_device .game_report .report_buttons .button_container {
		margin: 0 5px;
	}
	body.mobile.portrait.touch_device .game_report .button_group {
		padding: 10px 0;
	}
	body.mobile.portrait.touch_device .dict_button.circle.outlined {
		width: 1.6em;
		height: 1.6em;
	}
	body.mobile.portrait.touch_device #panels_container .buttons .cbtn {
		width: 32px;
		height: 32px;
		font-size: 100%;
	}
	body.mobile.portrait.touch_device #panels_container .buttons .cbtn.contact {
		font-size: 85%;
		margin-left: 0;
	}
	body.mobile.portrait.touch_device #panels_container .buttons {
		padding: 10px;
	}	
}

.dict_button.circle.outlined.big {
	font-size: 1.25em;
}
.dict_button.default {
	box-shadow: 0px 0px 2px 2px #92AEC7;
}
.dict_button.toggle {
	border-radius: 1em;
	height: 2em;
	position: relative;
	width: 4em;
}
.dict_button.toggle.off {
	background: #aaa;
	border-color: #999;
}
.dict_button.toggle.off .toggle {
	right: 50%;
}
.dict_button.toggle .toggle {
	background: white;
	border-radius: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s;
	width: 50%;
}

.dict_button:focus {
	box-shadow: 0 0 4px #4176a6;
}


.dict_button .badge {
	background-color: white;
	border-radius: 1.5em;
	color: rgb(70, 70, 70);
	font-size: 12px;
	left: 70%;
	min-width: 2em;
	padding: 0 0.5em;
	position: absolute;
	top: -5px;
	z-index: 1;
}
.dict_button.big .badge {
	border: 1px solid;
	color: #777;
	font-size: 14px;
	min-width: 2.2em;
	top: -10px;
}

.dict_button.active {
	color: #d3e328;
}

.dict_button.play_toggle .play, .dict_button.play_toggle.paused .pause {
	display: none;
}
.dict_button.play_toggle.paused .play {
	display: inline-block;
}

.playback_rate.active .rate_indicator.hide {
	transition: opacity 0.4s;
	opacity: 0;
}

.dictation_game_overlay .volume_slider.cbtn:hover, .dictation_game_overlay .volume_slider.cbtn.open {
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: auto;
	padding-top: 0.7em;
}

.volume_slider.cbtn i.off {
    padding-right: 0.1em;
}
.dictation_game_overlay .volume_slider.cbtn:hover i,
.dictation_game_overlay .volume_slider.cbtn.open i {
	margin-bottom: 0.3em;
}

.dictation_game_overlay .volume_slider .slider {
	display: none;
	width: 0.2em;
	position: relative;
}
.dictation_game_overlay .volume_slider.cbtn.open .slider,
.dictation_game_overlay .volume_slider.cbtn:hover .slider {
	display: flex;
	justify-content: center;
	margin-bottom: 0.5em;
	width: 100%;
}
.dictation_game_overlay .volume_slider .track {
	background: #4176A6;
	border-radius: 0.5em;
	height: 4em;
	width: 0.2em;
}
.dictation_game_overlay .volume_slider .handle {
	background-color: white;
	border: 1px solid;
	border-radius: 0.5em;
	height: 0.5em;
	width: 0.8em;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.volume_slider .icon.off,
.volume_slider i.off,
.volume_slider i.down,
.volume_slider.down i.on,
.volume_slider.muted i.on {
	display: none;
}
.volume_slider i.on,
.volume_slider.down i.down,
.volume_slider.muted i.off,
.volume_slider.muted .icon.off {
	display: inline-block;
	font-size: 90%;
}
.volume_slider.muted:not(:hover) .icon.off {
	margin-bottom: -0.25em;
}
.volume_slider.muted .icon.off svg {
	margin-bottom: 0.1em;
}

#playback_controls .volume_slider.muted .icon.off svg {
	margin-bottom: -0.1em;
}
.volume_slider.muted:hover .icon.off svg {
	margin-bottom: -0.02em;
}

header.game {
	background-color: #292929;
	z-index: 50;
	border-bottom: none;
	order: -1;
}
/*
body.tutorial.goal.state_input header.game {
	filter: blur(2px);
  -webkit-filter: blur(2px);
}
*/
body.state_home_screen.recall_web_view header.game {
	display: none;	
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on header.game {
	font-size: 10px;
}
header.game .logo {
}

header.game .logo svg {
	width: 120px;
	height: 40px; 
}
header.game .logo svg path.letters,
header.game .logo svg path.tv {
	fill: #fff;	
}

header.game .logo svg path.tv_lines {
	fill: #000;
}

body.v2.mobile.portrait.d_game header.game .logo {
	width: 7em;
}

header.game .quit.dict_button {
	font-size: 110%;
}
body.portrait header.game .quit.dict_button {
	font-size: 85%;
}

.dictation_game_overlay .bottom_row {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 0;
	height: 4em;
	left: 0;
	padding: 40px 40px 0 40px;
	position: absolute;
	width: 100%;
}
body.d_game.v2 .dictation_game_overlay .bottom_row {
	justify-content: center;
	padding: 40px 20px 0;
}
body:not(.external_keypad_on).d_game.v2.mobile_keypad_on .dictation_game_overlay .bottom_row {
	justify-content: space-around;
}
body:not(.v2) .dictation_game_overlay .right_side, body:not(.v2) .dictation_game_overlay .left_side {
	height: 0;
	position: relative;
	width: 100%;
}
body:not(.mobile_keypad_on) .dictation_game_overlay .bottom_row .dict_button {
	background: transparent;
	vertical-align: top;
}
.dictation_game_overlay .bottom_row .dict_button.circle {
	padding: 0.3em 0 0.3em 0;
}
.dictation_game_overlay .bottom_row .report.dict_button {
	padding-top: 0.45em;
}
.dictation_game_overlay .bottom_row .cbtn {
    box-shadow: 0 0 10px 0px rgba(0,0,0, 0.4);
}
.dictation_game_overlay .bottom_row .cbtn.report {
	font-size: 105%;
}
.dictation_game_overlay .bottom_row .cbtn.report.hide {
	display: none;
}
.dictation_game_overlay .bottom_row .cbtn.skip_caption {
	display: none;
	margin-left: 30px;
	color: #888;
	background: #ddd;
	font-size: 105%;
}
.dictation_game_overlay .bottom_row .cbtn.volume_slider,
.dictation_game_overlay .bottom_row .cbtn.slow {
	display: none;
}
body.state_caption_report .dictation_game_overlay .bottom_row .cbtn.volume_slider,
body.state_caption_report .dictation_game_overlay .bottom_row .cbtn.slow {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
body.state_input .dictation_game_overlay .bottom_row .cbtn.skip_caption {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
body.state_input .dictation_game_overlay .bottom_row .cbtn.skip_caption.hide {
	display: none;
}

body:not(.external_keypad_on).v2.d_game.mobile.mobile_keypad_on.is_touch .dictation_game_overlay .bottom_row .cbtn.report,
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on.iOS .dictation_game_overlay .bottom_row .cbtn.report,
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on.iPadOS .dictation_game_overlay .bottom_row .cbtn.report { 
	position: absolute;
	left: 10px;
	bottom: 0;
}
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on.mobile.is_touch .dictation_game_overlay .bottom_row .cbtn.slow,
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on.iOS .dictation_game_overlay .bottom_row .cbtn.slow,
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on.iPadOS .dictation_game_overlay .bottom_row .cbtn.slow { 
	position: absolute;
	left: 65px;
	bottom: 0;
}
body.v2.d_game.mobile.is_touch .dictation_game_overlay #dictation_game_controls .volume_slider,
body.v2.d_game.iOS .dictation_game_overlay #dictation_game_controls .volume_slider,
body.v2.d_game.iPadOS .dictation_game_overlay #dictation_game_controls .volume_slider { 
	display: none !important;
}
body.v2.d_game.mobile .dictation_game_overlay #dictation_game_controls .cbtn {
	z-index: 15;
}
body:not(.external_keypad_on).v2.d_game.mobile.mobile_keypad_on .dictation_game_overlay #dictation_game_controls .cbtn {
	width: 38px;
	height: 38px;
}
body:not(.v2) #dictation_game_controls .dictation_buttons,
body.v2.d_game:not(.mobile_keypad_on) #dictation_game_controls .dictation_buttons {
	display: none;
}
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on #dictation_game_controls .dictation_buttons {
	position: absolute;
	margin: 0.3em;
	bottom: 0;
	right: 0;
}
body.v2.d_game.mobile_keypad_on #dictation_game_controls .dictation_buttons .hide.dict_button,
body.v2.d_game.mobile_keypad_on #dictation_game_controls .dictation_buttons.translation_revealed .reveal.dict_button {
	display: none;
}
body:not(.external_keypad_on).v2.d_game.mobile_keypad_on #dictation_game_controls .dictation_buttons.translation_revealed .hide.dict_button {
	display: inline-block;
}
.set_progress {
	display: none;
	background: #EEEEEE;
	border-radius: 1em;
	box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.08);
	height: 1.8em;
	left: 50%;
	transform: translateX(-50%);
	padding: 4px;
	position: absolute;
	width: 13em;
}
.state_input .set_progress,
.state_caption_report .set_progress,
.state_game_over_report .set_progress,
.state_saving .set_progress {
	display: block;
}
body.v2 .set_progress {
	background: #444;
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 10px #000;
}
body.v2.mobile.portrait.d_game .set_progress {
	width: 13em;
	font-size: 90%;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on .set_progress {
	width: 17em;
	height: 2.5em;
	padding: 4px;
	font-size: 110%;
}
.set_progress .progress_bar {
	height: 100%;
	position: relative;
	width: 100%;
}

.set_progress .progress_bar .backdrop,
.set_progress .progress_bar .fill {
	border-radius: 1em;
	height: 100%;
	position: absolute;
}
.set_progress .progress_bar .backdrop {
	background-image: linear-gradient(-180deg, #C5C5C5 0%, #989898 72%);
	width: 100%;
}
body.v2 .set_progress .progress_bar .backdrop {
	background-image: linear-gradient(-180deg, #404040 0%, #808080 72%);
}
.set_progress .progress_bar .fill {
	background-image: linear-gradient(-180deg, #FCFFA3 0%, #DAE533 72%);
	-webkit-transition: 0.5s width ease;
	-moz-transition: 0.5s width ease;
	-o-transition: 0.5s width ease;
	transition: 0.5s width ease;
}
body.v2 .set_progress .progress_bar .fill {
	background-image: linear-gradient(-180deg, #e6ea3f 0%, #7e8600 72%);

}


.set_progress label {
	height: 100%;
	left: 0;
	letter-spacing: 0.34px;
	padding: 0.35em;
	position: absolute;
	top: 0;
	width: 100%;
}


header.dictate .quit .tooltip {
	color: white;
	right: 110%;
}
.dictation_game_overlay .report .tooltip {
    bottom: 120%;
}

.dictation_game_overlay .video_title {
	bottom: 2px;
	font-size: 14px;
	left: 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 0 5px black;
	width: 100%;
}

#dictation_game .field {
	position: relative;
}
/*
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on #dictation_game.translation_hint_revealed .field,
body:not(.external_keypad_on).v2.d_game.ipad.safari.mobile_keypad_on #dictation_game.translation_hint_revealed .field,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.mobile_keypad_on #dictation_game.translation_hint_revealed .field { 
	top: 30px;
}
*/
#dictation_controls {
	padding-bottom: 20px;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on #dictation_controls {
	padding-bottom: 0px;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on #dictation_controls, 
body:not(.external_keypad_on).v2.d_game.scribe_landscape_iPadOS.mobile_keypad_on #dictation_controls { 
	padding-bottom: 0px;
	font-size: 18px !important;
}
#dictation_game input,
#dictation_game .feedback,
#feedback_measurer,
#dictation_game .translation {
	font-size: 1em;
}

body.d_game.mobile.portrait #dictation_game .feedback {
	padding: 20px 5px;
	border: none;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on #dictation_game input,
body:not(.external_keypad_on).v2.d_game.scribe_landscape_iPadOS.mobile_keypad_on #dictation_game input { 
	font-size: 0.8em;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on #dictation_game .feedback,
body:not(.external_keypad_on).v2.d_game.scribe_landscape_iPadOS.mobile_keypad_on #dictation_game .feedback { 
	padding: 10px 5px;
	font-size: 0.8em !important;
	height: unset !important;
}
body:not(.external_keypad_on).v2.d_game.mobile.mobile_keypad_on #dictation_game .feedback {
	padding: 5px;	
	padding-bottom: 0;
}
#translation_hint_wrap {
	max-height: 200px;
	padding-bottom: 12px;
	transition: all 0.4s;
	overflow: hidden;
}
#dictation_game.translation_hint_revealed  #translation_hint_wrap {
	max-height: 200px;
	padding-bottom: 12px;
}
body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on .translation_revealed #translation_hint_wrap,
body:not(.external_keypad_on).d_game.mobile.mobile_keypad_on .translation_revealed #translation_hint_wrap {
	font-size: 0.65em !important;
	padding-bottom: 8px !important;
}
#dictation_game .translation {
	color: #888;
	opacity: 1;
	transition: opacity 0.7s;
	padding-left: 5px;
	padding-right: 5px;
}
body:not(.external_keypad_on).mobile_keypad_on #dictation_game .translation.mobile_keypad_on_show {
	display: inline-block !important;
}
body:not(.external_keypad_on).mobile_keypad_on #dictation_game .translation.mobile_keypad_on_hide {
	display: none !important;
}

.gloss_btn.toggle {
	position: fixed;
	display: inline-block;
	height: 34px;
	width: 80px;
	right: 10px;
	padding: 8px;
	margin-top: -3px;
	font-size: 16px;
	border: none;
	border-radius: 16px;
	text-align: right;
	box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.25);
	background: #c4c4c4;
	color: #fff;
	cursor: pointer;
}
body.state_caption_report .gloss_btn.toggle, 
body.state_game_over_report .gloss_btn.toggle {
	display: none;
}
.gloss_btn.toggle:not(.on) {
	top: unset !important;
}
.gloss_btn.toggle.cbtn {
	display: none;
	position: relative;
	width: 80px !important;
	height: 42px !important;
	right: unset;
	margin: 8px 4px;
	padding: 10px;
}
.gloss_btn.toggle.on {
	text-align: left;
	background: #4176a6;
}
.gloss_btn.toggle:after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: white;
	border: none;
	border-radius: 12px;
	top: 8px;
	left: 66%;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	transform: translateX(-232%);
}
.gloss_btn.toggle.cbtn:after {
	top: 11px;
}
.gloss_btn.toggle.on:after {
	transform: translateX(0%);
}

@media screen and (max-width: 920px) {
	.game_panel {
		font-size: 0.6em;
	}
	body.state_input .dictation_game_overlay .bottom_row .cbtn.report {
		position: absolute;
		left: 10px;
	}
	.gloss_btn.toggle {
		display: none;
	}
	.gloss_btn.toggle.cbtn {
		display: block;
	}
	button.skip_button {
		display: none;
	}
	button.skip_button.cbtn {
		display: block;
	}
}

body.mobile_keypad_on #dictation_game #dictation_translation_hint.hide {
	display: none;	
}
#dictation_game.translation_revealed .translation {
	opacity: 1;
}
#dictation_translation_for_pending_next {
	display: none;
	font-size: 16px !important;
	padding-bottom: 12px;
}

#dictation_game .translation_container {
	min-height: 20px;
}

#dictation_game .input_group {
	margin: 0 3em;
	position: relative;
}
#dictation_game .input_container {
	position: relative;
}
#dictation_input {
/*	height: 1.5em;
	line-height: 1.5em;*/ /* JC: this fixes a bug in firefox where descender letters were hidden. */
	width: 100%;
	border-radius: 0.25em;
	border: 1px solid #aaa;
	padding: 8px 10px;
}

#dictation_input::-ms-clear {
	display:none;
}
#dictation_input:focus {

}
textarea#dictation_input {
	font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1em;
  resize: none;
	outline: none !important;
	text-wrap: nowrap;
	white-space-collapse: preserve;
	overflow: hidden;
	-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
	/*
	border: 2px solid #5E9ED6;
	box-shadow: 0 0 10px #719ece;
	*/
}
body:not(.mobile_keypad_on).android.mobile.d_game.v2 textarea#dictation_input,
body:not(.mobile_keypad_on).iOS.mobile.d_game.v2 textarea#dictation_input {
	margin-bottom: 15px;
}
textarea#dictation_input::-webkit-scrollbar {
	width: 0;	
}
textarea#dictation_input.double_row {
	white-space: unset;
	overflow-y: scroll;
}
textarea#dictation_input:focus {
	border: 2px solid #5E9ED6;
}
.input_container .speech_recognize {
	position: absolute;
	right:-42px;
	top:0px;
	color:#666;
	cursor: pointer;
	width:42px;
	height: 42px;
	line-height: 42px;
	display: none;
}
.input_container .speech_recognize.recording {
	color: #a00;
}
#dictation_field .dictation_buttons {
  margin: 0.5em 0 0 0;
}
/*
body.mobile_keypad_on #verbatim_control {
	display: none;	
} 
*/
body.mobile_keypad_on .dictation_buttons .reveal.dict_button {
	position: fixed;
	height: 38px;
	right: 70px;
	background: #fff;
	color: #4176a6;
	font-weight: bold;
	border: none;
	box-shadow: 0 0 10px 0px rgb(0 0 0 / 40%);
}
body.d_game.v2.mobile_keypad_on #dictation_field .dictation_buttons {
	display: none;
}
#dictation_field .hide.dict_button,
.translation_revealed #dictation_field .reveal.dict_button {
	display: none;
}
.translation_revealed #dictation_field .hide.dict_button {
	display: inline-block;
}
#dictation_field .dictation_buttons .play_video.dict_button.hide {
	display: none;
}
body.d_game.state_caption_report #dictation_field .hide.dict_button,
body.d_game.state_caption_report .translation_revealed #dictation_field .reveal.dict_button {
	display: none;
}

#dictation_restoring_progress {
	background: rgba(70,70,70, 0.7);
	display: none;
	height: 100%;
	padding: 10em 0 0 0;
	position: absolute;
	text-align: center;
	top:0;
	width:100%;
}
#dictation_restoring_progress .content {
	background: white;
	border-radius: 2em;
	height: 10em;
	margin: auto;
	padding: 3em;
	width: 20em;
}
.state_restore #dictation_restoring_progress {
	display: block;
}
.state_restore .translation, .state_restore #dictation_feedback, .state_restore #dictation_field, .state_restore .controls {
	visibility: hidden;
}

#dictation_game form {
	display: block;
	margin: 0 0 0.25em 0;
	padding: 0 0 1em 0;
	-webkit-transition: margin-top 0.4s, padding-bottom 0.4s;
	-moz-transition: margin-top 0.4s, padding-bottom 0.4s;
	-ms-transition: margin-top 0.4s, padding-bottom 0.4s;
	-o-transition: margin-top 0.4s, padding-bottom 0.4s;
	transition: margin-top 0.4s, padding-bottom 0.4s;
}
body.d_game.mobile.portrait #dictation_game form,
body:not(.external_keypad_on).d_game.mobile.mobile_keypad_on #dictation_game form {
	padding: unset;
}

body:not(.external_keypad_on).v2.d_game.ipad.safari.landscape.mobile_keypad_on #dictation_game form,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.scribe_landscape_iPadOS.mobile_keypad_on #dictation_game form { 
	margin: 0;
	padding: 0;
}
#dictation_feedback {
	border-top: 1px solid #ccc;
	margin: 0 0 0 0;
	opacity: 1;
	padding: 1em 0 0 0;
}
#feedback_measurer {
	opacity: 0;
	left:-1000px;
	position: absolute;
	top: 0;
}


.reset_dictation,
.reset_dictation_tutorials {
	font-size: 12px;
	color:#4376ab;
	text-align: right;
	padding:2px;
}
.reset_dictation:hover,
.reset_dictation_tutorials:hover {
	color:#fff;
	background-color: #4376ab;
	text-align: right;
}

.tutorial-popup-mask {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.5;
	z-index: 150;
}
body.tutorial.goal.state_input .tutorial-popup-mask {
	display: block;
}

.tutorial-popup {
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	display: none;
	margin: 10px;
	max-width: 400px;
	opacity: 0;
	position: absolute;
	position: absolute;
	text-align: center;
	transition: opacity 0.7s, box-shadow 0.1s;
	z-index: 200;
}
.tutorial-popup .hand_pointer.hide {
	display: none;
}

@media screen and (min-width: 480px) {
	.tutorial-popup {
		width: 400px;
	}
}

.tutorial-popup .grey-out {
	background-color: rgba(0,0,0, 0.15);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.tutorial-popup .close {
	position: absolute;
	top: 10px;
	right: 20px;
}
.tutorial-popup .close:hover {
	cursor: pointer;
}
.tutorial-popup .indicator {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	height: 30px;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: scaleX(0.5) rotate(45deg) translateY(-25px);
	width: 30px;
}
.tutorial-popup .message {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2rem;
	font-weight: normal;
}
.tutorial-popup.goal .message {
	line-height: 1.4;
	word-spacing: 4px;
}
.tutorial-popup.tips_click_reveal .message {
	font-size: 1.2rem;
}
.tutorial-popup .primary {
	color: #555;
	font-size: 85%;
	text-align: center;
}
.tutorial-popup .secondary {
	color: #4176a6;
	font-size: 80%;
	font-weight: lighter;
}
.tutorial-popup img:not(.hand_pointer) {
	max-width: 100%;
}
.tutorial-popup .cbtn {
	display: inline-flex;
	width: 30px;
	height: 30px;
	background: #4176a6;
	color: #fff;
	font-size: 90%;
}

.tutorial-popup .background {
	background-color: #fff;
	border-radius: 5px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;

	transition: background-color .4s;
}
.tutorial-popup .inner-wrap {
	position: relative;
	padding: 5px 20px;
	font-size: 22px;
}

.tutorial-popup .wrapper {
	height: 40px;
	margin: 30px 0 5px 0;
}

.tutorial-popup .wrapper .inner_wrapper {
	display: inline-block;
	left: 20px;
	position: absolute;
	font-size: 65%;
	margin-top: 8px;
	color: #666;
}
.tutorial-popup .wrapper .dict_button.secondary-blue {
	position: absolute;
	right: 20px;
	padding: 5px 15px;
	border: none;
	border-radius: 5px;
	color: #ddd;
}
.tutorial-popup a {
	position: absolute;
	left: 20px;
	margin-top: 9px;
	font-size: 12px;
	color: #fff;
	background: #aaa;
	padding: 4px 8px;
	border-radius: 0.6em;
	border-width: 2px;
	text-decoration: none;
}
.tutorial-popup a:hover {
	background: #888;
}
.tutorial-popup.shown {
	opacity: 1;
}

.tutorial-popup dl {
	text-align: left;
}
.tutorial-popup dl dd {
	display: inline-block;
	margin: 0;
	text-align: right;
	width: 20%;
}
.tutorial-popup dl dt {
	display: inline-block;
}

.tutorial.goal #dictation_feedback {
}


#dict_customer_feedback {
	display: none;
	position: absolute;
	bottom: 0;
	left:20px;
    z-index: 1000;
}
.d_game #dict_customer_feedback {
	display: block;
}


.score_dictation {
	margin:0 0 0 6px;
}
.score_dictation .set {
  display: inline-block;
  padding:2px;
  border:1px solid #ccc;
  background-color: #f3f3f3;
  margin-right:2px;
  color:#333;
}
.score_dictation .completed {
  color:#fff;
  border:1px solid #090;
  background-color: #0a0;
}
.score_dictation .partial {
  border:1px solid #f90;
  background-color: #ffc;
}
.score_dictation .failed {
  border:1px solid #a00;
  background-color: #fcc;
}
.score_dictation .required_accuracy {
  margin-right: 6px;
}
.score_dictation .required_accuracy .fa {
  color:#254C98;
}

@keyframes pulseOpacity {
	from {
		border-color: rgba(200,0,0,.3);
	}
	to {
		border-color: rgba(200,0,0,1);
	}
}
#dictation_game .correct_errors_instructions {
	position: absolute;
	text-align: center;
	width:100%;
	left:0;
	display: none;
	top:44px;
	z-index: 1;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on #dictation_game.translation_hint_revealed .correct_errors_instructions,
body:not(.external_keypad_on).v2.d_game.ipad.safari.mobile_keypad_on #dictation_game.translation_hint_revealed  .correct_errors_instructions,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.mobile_keypad_on #dictation_game.translation_hint_revealed .correct_errors_instructions { 
	top: 38px;
}
#dictation_game .correct_errors_instructions.needs_instructions {
	display: block;
}
#dictation_game .correct_errors_instructions.needs_instructions.post_last_word_complete_action {
	display: none;
}
#dictation_game .correct_errors_instructions  span{
	display: inline-block;

	padding:3px 7px;
	color:#ddd;
	background-color: #295880;
	border-radius: 12px;
	font-size: 12px;

}

#dictation_feedback.feedback .correction {
	display: inline-block;
	margin-bottom: 5px;
}
#dictation_feedback.feedback .correction.delete .text,
#dictation_feedback.feedback .correction.fuzzy_match .text,
#dictation_feedback.feedback .correction.insert:not(.auto_reveal) .text {
	border-bottom: 0px solid rgba(200,0,0,0);
}

#dictation_feedback.feedback.needs_instructions  .correction.delete .text:after,
#dictation_feedback.feedback.needs_instructions  .correction.fuzzy_match .text .delete:after,
#dictation_feedback.feedback.needs_instructions  .correction.fuzzy_match .text .soft_swap:after,
#dictation_feedback.feedback.needs_instructions  .correction.fuzzy_match .text .missing:after,
#dictation_feedback.feedback.needs_instructions  .correction.fuzzy_match .text .swap:after,
#dictation_feedback.feedback.needs_instructions  .correction.insert:not(.auto_reveal) .text:after {
	content: "▲";
	position: absolute;
	left:0;
	top:30px;
	font-size: 10px;
	z-index: 10;
	color:#a00;
	text-align: center;
}
body:not(.external_keypad_on).v2.mobile.d_game.mobile_keypad_on #dictation_feedback.feedback.needs_instructions  .correction.insert:not(.auto_reveal) .text:after,
body:not(.external_keypad_on).v2.d_game.ipad.safari.mobile_keypad_on #dictation_feedback.feedback.needs_instructions  .correction.insert:not(.auto_reveal) .text:after,
body:not(.external_keypad_on).v2.d_game.iPadOS.safari.mobile_keypad_on #dictation_feedback.feedback.needs_instructions  .correction.insert:not(.auto_reveal) .text:after { 
	top: 22px;
}

#dictation_feedback.feedback.needs_instructions .correction.delete .text,
#dictation_feedback.feedback.needs_instructions .correction.fuzzy_match .text,
#dictation_feedback.feedback.needs_instructions .correction.insert:not(.auto_reveal) .text {
	-webkit-animation-name: pulseOpacity;
	-moz-animation-name: pulseOpacity;
	-o-animation-name: pulseOpacity;
	animation-name: pulseOpacity;

	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;

	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;
}

@media screen and (max-width: 900px) {
	#dictation_game .feedback {
		font-size: 1.2em;
	}
	#dictation_game input,
	#feedback_measurer {
		font-size: 0.85em;
	}
	#dictation_feedback.feedback .correction {
		margin-bottom: 8px;
	}
	button.skip_button,
	.reveal.dict_button.secondary-blue {
		font-size: 0.7em;
	}
	#caption_report .translation {
		margin: 0.5em 0;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 760px) {
	#dictation_game .feedback {
		font-size: 1.2em;
	}
	#dictation_game input,
	#feedback_measurer {
		font-size: 0.75em;
	}
	#dictation_feedback.feedback .correction {
		margin-bottom: 5px;
	}
	button.skip_button,
	.reveal.dict_button.secondary-blue {
		font-size: 0.6em;
	}
	#caption_report .translation {
		margin: 0.25em 0;
		margin-bottom: 1em;
	}


}

/*********************
iPhone Tweaks - These are hacks.
*********************/
@media screen and (max-width: 480px) {
	#home_screen header.primary {
		display: inline;
	}
	#panels_container .tabs {
		display: none;
	}
}
/* disable scribe on mobile landscape, and force it to portrait */
#mobile_landscape_overlay {
	display: none;
}
body.mobile.d_game.scribe_landscape_mobile #mobile_landscape_overlay {
	display: flex;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 102;
	background: #fff;
	color: #4176a6;
	font-size: 0.75em;
}
body.mobile.d_game.scribe_landscape_mobile #mobile_landscape_overlay .notification {
	width: 100%;
	text-align: center;
}
/********* added for reverse trasnlation (recall) *************/
button#my_scores {
	display: none;
	position: absolute;
	right: 10px;
	bottom: 28px;
	z-index: 100;
}
#modal_content {
	background: #fff;
}

#click_to_start_tip {
	display: none !important;		
}

.toggle-fluent {
	display: flex;
	/* position: absolute; */
	/* bottom: 10px; */
	width: 100%;
	justify-content: center;
	align-items: center;
}

#dictation_translation_gloss{
	padding-bottom: 15px;
	padding-top: 15px;
	font-size: .9em !important;
}
body.d_game.mobile.portrait #dictation_translation_gloss {
	padding-top: 0;
}
#dictation_translation_gloss.show {
	display: block;
}
#dictation_translation_gloss.hide {
	display: none;
}


.hidden {
	display: none !important;
}