body.state_home_screen.speak_web_view header.game {
	display: none;
}
body {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
  -ms-user-select: none;
}
#home_screen {
	background: #F2F2F2 url('/images/html5/bg-speak.png') bottom center no-repeat;
	background-size: 90%;
}
#dictation_splash {
	background: #F2F2F2 url('/images/html5/bg-speak.png') bottom center no-repeat;
	background-size: 90%;
}
.btn,
.dict_button {
	cursor: pointer;
}
body.feedback_color_ryb.d_game:not(.state_home_screen) #dictation_game,
body.feedback_color_ryb.d_game #caption_report {
	background: #666;
}
body.feedback_color_ryb .game_report .report_buttons .button_container .label,
body.feedback_color_ryb:not(.state_home_screen) #panels_container .buttons label {
	color: #fff;
}
#panels_container .settings.game_panel label {	
	display: inline-block;
	height: 25px;
} 
#panels_container .settings.game_panel label:hover {	
	cursor: pointer;
}
#panels_container .settings.game_panel .feedback_color {
	position: relative;
	float: right;
}
#panels_container .settings.game_panel .feedback_color .box {
	display: inline-block;	
	width: 15px;
	height: 25px;
}
#panels_container .help.game_panel {
	font-size: 0.7em;
}
#panels_container .help.game_panel .extra_close_button {
	display: none;
	position: absolute;
	width: 36px;
	height: 36px;
	right: 0;
	padding: 5px 11px;
	border-radius: 20px;
	font-size: 135%;
	background: #f6822b;
	color: #fff;
	box-shadow: 0 1px 2px #000;
	z-index: 1;
}
#panels_container .help.game_panel .extra_close_button:hover {
	cursor: pointer;
}
body.mobile #panels_container .help.game_panel .extra_close_button {
	display: inline;
}
#panels_container .help.game_panel::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
}
#panels_container .help.game_panel::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
#panels_container .help.game_panel ol {
	padding: 0 20px;
}
#panels_container .help.game_panel li {
	margin: 20px 0;
}
#panels_container .help.game_panel dt {
	float: unset;
}
#panels_container .help.game_panel dd {
	margin-bottom: 15px;
}
#panels_container .help.game_panel li.feedback_color div.color.desc {
	font-size: 0.9em;
}
#panels_container .help.game_panel li.feedback_color span.box {
	display: inline-block;
	padding: 4px 8px;	
	margin-bottom: 4px;
	font-style: italic;
	font-size: 1.1em;
}
body.v2 .set_progress .progress_bar {
	text-align: left;
	border-radius: 1em;
	overflow: hidden;
}
body.v2 .set_progress .progress_bar > .fill {
	display: none;
}
.progress_bar .question {
	display: inline-block;
	position: relative;
	height: 100%;
	text-align: right;
	overflow: hidden;
}
.progress_bar .question .fill {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: unset;
	background-image: linear-gradient(-180deg, #e6ea3f 0%, #7e8600 72%);

	-webkit-transition: 0.5s width ease;
	   -moz-transition: 0.5s width ease;
		 -o-transition: 0.5s width ease;
			transition: 0.5s width ease;
}
.progress_bar .question.current {
	border-bottom: 1px solid #295880;
}

.recognition_result {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 1em;
}
.recognition_result .recognition_type {
	position: absolute;
	top: -1em;
	font-size: 12px;
	color: #777;
}
.recognition_result .divider {
	height: 1px;
	flex-grow: 1;
	align-self: center;
	margin: 0 1em;
	background: #ddd;
}
.recognition_result .feedback .correction.match {
	font-weight: bold;
}
.recognition_result .feedback .correction.match .alt {
	color: #000;
	font-size: 80%;
}
.recognition_result .feedback .correction.used_in_feedback {
    border: 1px solid green;
    padding: 0 0.2em;
		background: #333;
}

body.state_caption_report #video_container {
	height: calc(100% - 120px);
}
#dictation_game_controls .report.cbtn {
	display: none;
}
body.is_admin #dictation_game_controls .report.cbtn {
	display: inherit;
}
body:not(.iOS):not(.android) #dictation_game_controls .cbtn:hover:after,
body:not(.iOS):not(.android) #dictation_game_controls .cbtn.skip_caption.last_attempt_alert:after {
	content: "";
	font-family: FontAwesome;
	font-style: normal;
  font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	bottom: 120%;
	left: 50%;
	padding: 4px 8px;
	background: #4176a6;	
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 80%;
	-webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
	white-space: nowrap;
	z-index: 2;
}	
body:not(.iOS):not(.android) button.skip_button.last_attempt_alert:after {
	content: "";
	font-family: FontAwesome;
	font-style: normal;
  font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	bottom: 120%;
	left: 100%;
	padding: 4px 8px;
	background: #888;	
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 80%;
	-webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
	white-space: nowrap;
	z-index: 2;
}	
.playback_rate.active .rate_indicator {
	left: 165%;
	padding-bottom: 10px;
	font-size: 65%;
}

#dictation_controls {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3em;
}
#dictation_controls .btn,
#dictation_controls .indicator,
#dictation_controls .dict_button {
	margin: 0 0.25em;
}
#dictation_controls .indicator {
	display: none;
}
#dictation_controls .audio_replay_container {
 display: none;
}
body:not(.is_admin) #dictation_controls .audio_replay_container.grid,
body:not(.is_admin) #dictation_controls .dict_button.prev, 
body:not(.is_admin) #dictation_controls .dict_button.clear, 
body:not(.is_admin) #dictation_controls .dict_button.next { 
	display: none;
}
body.state_caption_report .microphone_container, 
body.state_caption_report #dictation_controls .dict_button.prev, 
body.state_caption_report #dictation_controls .dict_button.clear, 
body.state_caption_report #dictation_controls .dict_button.next { 
	opacity: 0;
}
body.is_builder #dictation_controls .audio_replay_container.grid.show {
	display: inline-block;
}
#dictation_controls .audio_replay_container:hover {
	cursor: pointer;
}
body.safari #dictation_controls .audio_replay_container:hover {
	background-color: #f6822b !important;
  border-color: #ae5417 !important;
}
#dictation_controls .audio_replay_container.show {
	display: inline-block;
}
#dictation_controls .clear.dict_button .label.hide,
#dictation_controls .audio_replay_container.show .label.hide,
body.mobile.portrait #dictation_controls .audio_replay_container.show .label, 
body.state_caption_report #dictation_controls .audio_replay_container.show .label {
	display: none;
}
#dictation_controls .audio_replay_container.playing {
	background: #ddd;
  border-color: #aaa;
}
body.state_caption_report #dictation_controls .audio_replay_container {
 position: fixed;
 right: 10px;
 z-index: 11; 
 padding: 8px 12px;
 font-size: 0.8em;
}
body.state_caption_report #dictation_controls .audio_replay_container.grid {
	right: 75px;
}
body.state_caption_report #dictation_controls .audio_replay_container.download {
	right: 140px;
}
body:not(.safari).state_caption_report #dictation_controls .audio_replay_container.replay:hover::after {	
	content: 'Playback';
}
body:not(.safari).state_caption_report #dictation_controls .audio_replay_container.download:hover::after {
	content: 'Download';
}
body:not(.safari).state_caption_report #dictation_controls .audio_replay_container.grid:hover::after {
	content: 'Developer Grid';
}
#dictation_controls .speech_recognize.btn,
#dictation_controls .speech_recognize_disabled.btn {
	display: none;
}
#dictation_controls .speech_recognize_disabled.btn {
	cursor: not-allowed;
}

#dictation_controls.recorder_ready .speech_recognize.btn {
	display: inline-block;
}
#dictation_controls.recorder_ready.recording .btn {
	color: #080;
}

#dictation_controls .microphone_container {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	margin: 0 1.5em;
	padding: 10px 8px;
	border-radius: 40px;
	background: #eee;
	box-shadow: 1px 2px 2px #aaa;	
}
#dictation_controls .microphone_container:hover {
	cursor: pointer;
}
body.mobile.portrait #dictation_controls .microphone_container {
	margin: 0 10px;
	padding: 10px 8px;
	border-radius: 30px;
	background: #eee;
	color: #555;
}
#dictation_controls .microphone_container .try_again {
	display: none;
	position: absolute;
	bottom: 80px;
	font-size: 80%;
	color: red;
	background: #eee;
	padding: 5px 10px;
	border-radius: 8px;
	border: 1px solid #aaa;
}
#dictation_controls .record.indicator {
	width: 2em;
	height: 2em;
	margin: 0;
	position: absolute;
	overflow: hidden;
	pointer-events: none;
}
#dictation_controls.recording .record.indicator {
	display: inline-block;
}
#dictation_controls .record.indicator.left {
	transform: translateX(-1.5em) rotate(135deg);
}
#dictation_controls .record.indicator.right {
	transform: translateX(1.5em) rotate(-45deg);
}

#dictation_controls .record.indicator .arc {
	position: absolute;
	border: 3px solid #080;
	margin-top: -0.5em;
	margin-left: -0.5em;
	width: 1em;
	height: 1em;
	border-radius: 100%;
}
#dictation_controls .record.indicator .arc.outer {
	font-size: 4em;
}
#dictation_controls .record.indicator .arc.middle {
	font-size: 3em;
}
#dictation_controls .record.indicator .arc.inner {
	font-size: 2em;
}

#dictation_controls.recorder_ready.processing .btn {
	display: none;
}
#dictation_controls.recorder_ready.processing .speech_recognize.indicator {
	display: inline-block;
}

#dictation_controls.on_first_question .prev.dict_button {
	display: none;
}

#dictation_controls.got_response.recording .next.dict_button,
#dictation_controls.got_response.processing .next.dict_button {
	display: none;
}
#dictation_controls.on_last_question .next.dict_button .general,
#dictation_controls .next.dict_button .last {
	display: none;
}
#dictation_controls.on_last_question .next.dict_button .last {
	display: inline-block;
}
#dictation_feedback {
	height: unset;
	border: none;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
  -ms-user-select: text;
}
#hangman {
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
  -ms-user-select: text;
}
body.state_caption_report #dictation_feedback, 
body.state_caption_report #hangman {
	opacity: 0;

}
/* dont render the alternative text if exist */
/* it shoule only render on the recognition results */
#dictation_feedback .match .alt {
	display: none;
}
#dictation_feedback .correction {
	cursor: default;
}
#dictation_feedback .correction .text:hover {
	cursor: pointer;
}
.correction.fuzzy_match:not(.match_start) {
	border-bottom: none !important;
}

/* disable forvo api for now, hitting daily api limit */
#dictation_feedback .correction:not(.match) .text:not(.show_word) { 
	cursor: pointer;
}
body.show_transcript .correction.insert:not(.auto_reveal) .text,
body.show_transcript .correction.insert:not(.auto_reveal) .pre,
body.show_transcript .correction.insert:not(.auto_reveal) .post,
.correction.insert.clicked:not(.auto_reveal) .pre,
.correction.insert.clicked:not(.auto_reveal) .post,
.correction.insert:not(.auto_reveal) .text.show_word {
 	background-color: unset;
 	color: #b7b7b7;
}

/* disable forvo api for now, hitting daily api limit */
/*
body:not(.is_touch) .correction.auto_reveal .text:hover,
body:not(.is_touch) .correction:not(.auto_reveal) .text.show_word:hover,
body:not(.is_touch) .correction.match:not(.auto_reveal) .text:hover,
body:not(.is_touch) .show_transcript .correction.insert:not(.auto_reveal) .text:hover {
	padding: 3px 6px;
	border-radius: 6px;
	background: #aaa;
	cursor: pointer;
}
body:not(.is_touch) .correction.match:not(.auto_reveal) .text:hover,
body:not(.is_touch) body.show_transcript .correction.match:not(.auto_reveal) .text:hover {
	padding: 3px 6px;
	border-radius: 6px;
	background: #0f0;
	cursor: pointer;
}
body:not(.is_touch) .correction.auto_reveal .text:hover::after,
body:not(.is_touch) .correction:not(.auto_reveal) .text.show_word:hover::after,
body:not(.is_touch) .correction.match:not(.auto_reveal) .text:hover::after,
body:not(.is_touch) .show_transcript .correction.insert:not(.auto_reveal) .text:hover::after {
	content: "Click/tap this word to hear audio.";
	position: absolute;
	display: inline-block;
	top: calc(-100% - 15px);
	left: 50%;
	width: 310px;
	padding: 4px 8px;
	font-size: 80%;
	background: #ddd;
	color: #555;
	border-radius: 0.5em;
	-webkit-transfrom: translateX(-50%);
	-moz-transfrom: translateX(-50%);
	transform: translateX(-50%);
}

body:not(.is_touch) .correction.clicked .text.audio_loading:hover::after,
body:not(.is_touch) .correction.auto_reveal .text.audio_loading:hover::after,
body:not(.is_touch) .show_transcript .correction.insert:not(.auto_reveal) .text.audio_loading:hover::after,
body:not(.is_touch) .show_transcript .correction.match:not(.auto_reveal) .text.audio_loading:hover::after {
	width: 260px;
	content: "Loading audio... Please wait!";	
}
body:not(.is_touch) .correction.clicked .text.audio_not_found:hover::after,
body:not(.is_touch) .correction.auto_reveal .text.audio_not_found:hover::after,
body:not(.is_touch) .show_transcript .correction.insert:not(.auto_reveal) .text.audio_not_found:hover::after,
body:not(.is_touch) .show_transcript .correction.match:not(.auto_reveal) .text.audio_not_found:hover::after {
	content: "Sorry - no audio found for this word!";	
}
*/

#dictation_feedback .correction .letter {
	text-decoration: none;
}
body.show_transcript .correction .letter:not(.match) .text,
#dictation_feedback .correction .letter:not(.match).show_letter {
	color: #ddd;
}
body.show_transcript .correction.auto_reveal_partial .letter:not(.match) .text {
	color: #555;
}
#dictation_feedback .correction .letter.soft_swap.forgiving_soft_swaps {
	color: #080;
}
#dictation_feedback .correction.whole_word_replacement .insert {
	color:#555;
}
.correction:not(.auto_reveal) .insert .text {
  color: #ddd !important;
}
.feedback .reveal .text {
	color: #888;
}
#translation_hint {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s;
}
#translation_hint {
	margin-bottom: 0.5em;
}
body.show_translation #translation_hint {
	visibility: visible;
	opacity: 1;
}
body.show_translation .show_translation.dict_button,
body.show_transcript .transcript.dict_button,
.transcript.dict_button.hide {
	display: none;
}
#caption_report .caption,
#caption_report .translation {
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
  -ms-user-select: text;
} 
#caption_report .caption {
	white-space: unset;
} 
#caption_report .translation {
	display: none;
}
body.feedback_color_ryb #caption_report .translation {
	color: #fff;
}
#caption_report .dictation_buttons.control {
	display: block;
}
body.iOS.not_ipad.mobile.portrait #caption_report .dictation_buttons.control,
body.android.mobile.portrait #caption_report  .dictation_buttons.control {
	margin: 0.5em 0;
}
body.iOS.not_ipad.mobile.portrait #caption_report .dictation_buttons.control .reveal.dict_button,
body.android.mobile.portrait #caption_report  .dictation_buttons.control .reveal.dict_button {
	font-size: 65%;
}
body.iOS.not_ipad.mobile.portrait #caption_report .caption,
body.android.mobile.portrait #caption_report .caption,
body.mobile.portrait #caption_report .translation.fluent {
	font-size: 0.8em !important;
}
body.mobile.portrait #caption_report .translation.gloss {
	font-size: 0.6em !important;
}
/*
body.iOS.not_ipad.mobile.portrait #caption_report .caption_container.row,
body.android.mobile.portrait #caption_report .caption_container.row {
	height: unset !important;
	margin-top: 40px !important;
}
*/
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;
}
body.state_game_over_report .game_report {
	z-index: 101;
}

#number_value_detection,
#url_value_detection {
	position: fixed;
	display: none;
	bottom: 25px;
	right: 0;
	padding: 5px 10px;
	font-size: 75%;
	color: red;
}
body.is_admin #number_value_detection,
body.is_admin #url_value_detection {
	display: inline-block;
}
#url_value_detection {
	bottom: 0;
}

#dictation_new_matches {
	position: absolute;
	width: 100%;
	padding: 1em 0;
	pointer-events: none;
}
#dictation_new_matches .correction {
	opacity: 0;
	display: inline-block;
}
@keyframes showAndFadeOut {
	from {
		opacity: 0;
		transform: scale(1.0) translateY(0);
	}
	15% {
		opacity: 1;
		transform: scale(1.5) translateY(0);
	}
	to {
		opacity: 0;
		transform: scale(1.0) translateY(-100%);
	}
}
#dictation_new_matches .correction.fade {
	animation-duration: 850ms;
	animation-name: showAndFadeOut;
}

.boost_arguments {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.state_home_screen .boost_arguments {
	display: none;
}
.boost_arguments_placeholder {
	display: none;
}
.state_home_screen .boost_arguments_placeholder {
	display: block;
}
.boost_arguments th, .boost_arguments td {
	border: 1px solid #bbb;
}
.boost_arguments thead .title th {
	border-bottom: none;
}
.boost_arguments thead .detail th {
	font-weight: normal;
	font-size: 80%;
	border-top: none;
}
.boost_arguments input.boost_text {
	width: 100%;
}
.boost_arguments td:last-child {
	text-align: center;
}
.boost_arguments .cbtn {
	display: inline-flex;
}


/* 
	onscreen pronunciation feedback of user's speech 
*/ 
#speech_feedback_color_code {
	display: none;
	position: fixed;	
	top: 165px;
	left: 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 70%;
	z-index: 11;
}
body.feedback_color_ryb #speech_feedback_color_code {
	background: #666;
	border-color: #333;
}
#speech_feedback_color_code .color .box {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	margin-right: 10px;	
}
#speech_feedback_color_code .color .label {
	display: inline-block;
	position: relative;
	padding: 4px 8px;
	margin: 3px;
	font-style: italic;
}
#panels_container .help.game_panel .good,
#speech_feedback_color_code .color.good .label {
	color: green;
}
#panels_container .help.game_panel .passable,
#speech_feedback_color_code .color.passable .label {
	color: #4285f4;
}
#panels_container .help.game_panel .poor,
#speech_feedback_color_code .color.poor .label {
	color: #bf9000;
}
#panels_container .help.game_panel .wrong,
#speech_feedback_color_code .color.wrong .label {
	color: red;
}
#panels_container .help.game_panel .no_match,
#speech_feedback_color_code .color.no_match .label {
	color: #b7b7b7;
}
body.feedback_color_ryb #speech_feedback_color_code .color.good .label,
body.feedback_color_ryb #panels_container .help.game_panel .good {
	color: black;
}
body.feedback_color_ryb #speech_feedback_color_code .color.poor .label,
body.feedback_color_ryb #panels_container .help.game_panel .poor {
	color: yellow;	
}
body.feedback_color_ryb #speech_feedback_color_code .color.wrong .label,
body.feedback_color_ryb #panels_container .help.game_panel .wrong {
	color: #ff5757;	
}
#panels_container .settings.game_panel .feedback_color .rgb .box.good {
	background: green;
}
#panels_container .settings.game_panel .feedback_color .box.passable {
	background: #4285f4;
}
#panels_container .settings.game_panel .feedback_color .rgb .box.poor {
	background: #bf9000;
}
#panels_container .settings.game_panel .feedback_color .box.wrong {
	background: red;
}
#panels_container .settings.game_panel .feedback_color .box.no_match {
	background: #b7b7b7;
}
#panels_container .settings.game_panel .feedback_color .ryb .box.good {
	background: black;
}
#panels_container .settings.game_panel .feedback_color .ryb .box.poor {
	background: yellow;
}
#panels_container .settings.game_panel .feedback_color .ryb .box.wrong {
	background: #ff5757;
}

#speech_feedback {
	display: none;
	position: fixed;
	width: 360px;
	max-height: 600px;
	top: 100px;
	left: calc(50% - 180px);
	padding: 10px;
	font-size: 14px;
	background: #fff;
	border: 1px solid grey;
	overflow-y: scroll;
	z-index: 101;
	text-align: center;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
  -ms-user-select: text;
}
#speech_feedback .admin {
	display: none;
}
body.is_admin #speech_feedback {
	width: 800px;
	left: calc(50% - 400px);
}
@media all and (min-width: 0px) and (max-width: 700px) {	
	#speech_feedback {
		width: 90% !important;
		top: 105px !important;
		left: 5% !important;
	}
	body.mobile.portrait #speech_feedback {
		max-height: 370px;
	}
	#speech_feedback_color_code {
		width: 95%;
		top: 70px;
		margin: 0 auto;
		padding: 0;
		border: none;
		background: none;
		text-align: center;
	}
	#speech_feedback_color_code .color {
		display: inline-block;
		margin: 2px;
		background: #fff;
	}
	#speech_feedback_color_code .color .box {
	}
	#speech_feedback_color_code .color .label {
		padding: 0 2px;
	}
	#panels_container .buttons {
		bottom: 20px;
	}
	body.d_game.v2.mobile.portrait.iOS:not(.state_home_screen) #panels_container .buttons .cbtn.contact label, 
	body.d_game.v2.mobile.portrait.android:not(.state_home_screen) #panels_container .buttons .cbtn.contact label {
		display: none;
	}
}
@media all and (max-width: 840px) {	
	#dictation_controls .clear.dict_button .label,
	#dictation_controls .audio_replay_container .label {
		display: none !important;
	}
}
#speech_feedback .admin h3, 
#speech_feedback .admin .processing_time {
	text-align: left;
	padding-left: 25px;
}
body.is_admin #speech_feedback th.admin,
body.is_builder #speech_feedback th.admin,
body.is_special_beta #speech_feedback th.admin,
body.is_admin #speech_feedback td.admin,
body.is_builder #speech_feedback td.admin,
body.is_special_beta #speech_feedback td.admin {
	display: table-cell;
}
body.is_admin #speech_feedback div.admin, 
body.is_builder #speech_feedback div.admin,
body.is_special_beta #speech_feedback div.admin {
	display: inline;
}
#speech_feedback .close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 6px 12px;
	border-radius: 4px;
	background: #bbb;
	color: #333;
	font-size: 120%;
}
#speech_feedback .close:hover {
	cursor: pointer;
	background: #ccc !important;
}
#speech_feedback #feedback_grid { 
	margin-bottom: 20px;
}
#speech_feedback #feedback_grid .title { 
	margin-bottom: 10px;
	color: #444;
}
#speech_feedback table {
	width: 100%;
	margin: 0 auto;
}
#speech_feedback table th, 
#speech_feedback table td {
  padding: 6px 18px;
	border: 1px solid #aaa;
}
#speech_feedback table th {
	background: #ddd; 
	color: #444;
}
/* pointy label for "no recoriding" msg */
.pointer_indicator {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 6px rgba(0,0,0,.3);
	height: 25px;
	left: calc(50% - 20px);
	position: absolute;
	top: calc(100% + 5px);
	transform: scaleX(0.5) rotate(45deg) translateY(-25px);
	width: 25px;
}
.pointer_indicator_background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
	border-radius: 5px;
}
.pointer_indicator_label {
	position: relative;
}
.set_menu_reset {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 0.66em;
	z-index: 100;
	box-shadow: 1px 2px 2px #ddd;
}
body.state_home_screen .set_menu_reset.show {
	display: block;
}