@charset "utf-8";
/* CSS Document */

.header_text{
	position: absolute;
    top: -2px;
    left: 12px;
    color: #fff;
    font-family: custom_kilometer;
    font-size: 22px;
    font-weight: lighter;
}

#location_text{
    position: absolute;
    top: -5.5px;
    left: 34px;
    color: #fff;
    font-family: custom_kilometer;
    font-size: 18px;
    font-weight: lighter;
	outline: none;
	z-index: 1;
}

#location_text:focus-visible::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 15px;
	top: -4px;
	left: -5px;
	padding: 5px;
	/*background-color: #44994a;*/
	background-color: #ffe500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: -1;
}

#location_text:focus-visible{
	color: #000;
}


#game_timer_container{
	position: relative;
	margin-top: 7.5px;
	margin-left: 1051px;
	float: left;
	width:auto
}

#game_timer{
	position: absolute;
	width: 95px;
	top: 2px;
	left: 0;
	float: left;
	color: #fff;
	font-family: custom_kilometer;
	font-size: 18px;
	font-weight: lighter;
	z-index: 2;
	outline: none;
}

@-moz-document url-prefix() {
	#game_container{margin-top: 8.5px !important;}
}

@-moz-document url-prefix() {
	#firefox_detection{
		position: absolute;
		top: 5px;
		left:5px;
		width: 1px;
		height: 1px;
		background-color:#fff;
		display: none;
		z-index: 99;
	}
}

.focused_game_timer::after {
    position: absolute;
    content: "";
    width: 92px;
    height: 16px;
    top: -5px;
    left: -7px;
    padding: 5px;
    background-color: #ffe500;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
    z-index: -1;
}

#game_timer:focus-visible{
	color: #000;
}

#game_timer_background{
	position: absolute;
	top: -3.5px;
	left: -7px;
	float: left;
	background-color: transparent;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 17px;
	width: 90px;
}

#hide_timer_button{
	position: absolute;
	right: 11px;
	top: 7px;
	z-index: 3;
	display: none;
}

#hide_timer_button:focus-visible{
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

@-moz-document url-prefix() {
	.header_text{top: -2.5px;}
}

.question_add_button{
    display: none;
}

#toolbox_button{
	display: none;
}

#header_menu_button{
	display: none;
}


#mission_screen{
	position: absolute;
	top: 0;
	left: 0;
	width: 1152px;
	height: 648px;
	display: none;
}

#mission_screen:focus-visible{
    outline: 2px solid #b38e00;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline-offset: 2px;
}

#game_toolbox{
	position: absolute;
	top: 90.5px;
	left: 0px;
	width: 249px;
	height: 548px;
	/*background-image: url(../img/game_toolbox_background.svg);*/
	z-index: 5;
	display: none;
}

#toolbox_background_image{
    position: absolute;
	top: 0;
	left: 0;
	width: 249px;
	height: 548px;
	z-index: -1;
}

#game_toolbox:focus-visible{
    outline: 2px solid #ffe500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline-offset: 2px;
}

#game_toolbox_exit_dialog_button{
    position: absolute;
    top: 29px !important;
	right: 39px !important;
    z-index:4;
}

#game_banner{
	position: absolute;
	top: 0;
	left: 0;
	width: 1152px;
	height: 80px;
}

#game_header{
	position: absolute;
	top: 0;
	left: 0;
	width: 1152px;
	height: 44px;
	border-bottom: 1px solid #253a28;
	background-image: url(../img/game_banner_header_background.svg);
	background-color: #316e38;
}

#game_sub_header{
	position: absolute;
	top: 45px;
	left: 0;
	width: 1152px;
	height: 34px;
	border-bottom: 1px solid #333;
	background-image: url(../img/game_banner_sub_header_background.svg);
	background-color: #393939;
}

#game_location_icon{
	position: absolute;
	top: 7.5px;
	left: 10px;
	width: 14px;
	height: 20px;
}

#game_room{
	position: absolute;
	top: 80px;
	left: 0;
	width: 1152px;
	height: 568px;
	background-color: #edece8;
}

#overlay_map{
	position: absolute;
	top: 0;
	left: 0;
	width: 1152px;
	height: 648px;
	z-index: 1;
}

#item_indicators{
	position: absolute;
	top: 0;
	left: 0;
	width: 1152px;
	height: 648px;
	z-index: 2;
	pointer-events: none;
}

#ll_knock_icon {
	position: absolute;
    width: 60px;
    top: 115px;
    left: 447px;
}

#ll_knock_counter {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	top: 118px;
	left: 472px;
	width: fit-content;
}

#disabled_screen{
	position: absolute;
	top: 0; /*-80px;*/
	left: 0;
	width: 1152px;
	height: 648px;
	z-index: 3;
	cursor: default;
	background-color: #333333;
	opacity: 0.7;
	display: none;
}

#game_toolbox_header{
position: absolute;
    top: 16px;
    left: 73px;
    color: #fff;
}

#game_toolbox_header h2{
	font-family: custom_kilometer;
	font-size: 18px;
    font-weight: lighter;
	background-color: #202020;
}

.toolbox_text p {
    margin: 0;
}

.focused_toolbox_header{
    position: absolute;
    content: "";
    width: fit-content;
    height: 15px;
    top: -3px;
    left: -5px;
    padding: 5px;
    background-color: #ffe500;
    border-radius: 3px;
    /*z-index: -1;*/
    color: #000!important;
}

#game_toolbox_sub_header{
    position: absolute;
    width: 200px;
    height: 56px;
    top: 60px;
    left: 7.5px;
    right: 0;
    color: #fff;
}

#game_toolbox_sub_header h3{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.5px;
    font-weight: normal !important;
    text-align: center;
	background-color: #2b2b2b;
}

#game_toolbox_sub_header h3:focus-visible{
    content: "";
    padding: 5px;
    background-color: #ffe500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: -1;
    color: #000;
    width: 190px;
    outline: 0px;
}

#game_toolbox_item_container{
      position: absolute;
      top: 118px;
      left: 12px;
      width: 189px;
    /*column-count: 2;*/
}

.game_toolbox_slot{
	width: 90px;
    height: 80px;
    margin-bottom: 7px;
    background-size: 90px 80px;
}

.left_aligned{
	float: left;
}

.right_aligned{
	float: right;
}

.game_toolbox_slot:focus-visible{
	outline: 2px solid #ffe500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:none;
}

.game_toolbox_slot[title]:focus-visible:hover::after {
  content: '';
  display: none;
}

.toolbox_slot_selected{
	outline: 2px solid #4bd865;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
}

.toolbox_slot_selected:focus-visible{
	outline: 2px solid #ffe500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.slot_occupied{
	cursor: pointer;
	pointer-events:all;
}

.slot_empty{
	cursor: default;
	pointer-events: none;
}

#game_toolbox_use_button{
    position: absolute;
    top: 478px;
    left: 12px;
    font-size: 15px;
    width: 89px;
    height: 35px;
    display: none;
}


#game_toolbox_close_button{
    position: absolute;
    top: 478px;
    right: 49px;
    font-size: 15px;
    width: 89px;
    height: 35px;
}

#game_toolbox_close_button:focus-visible, #game_toolbox_use_button:focus-visible {
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#toolbox_usage_notice{
    position: absolute;
    top: 21px;
    left: 0;
    width: 215px;
    height: 505px;
    background-image: url(../img/game_toolbox_notice_background.svg);
	z-index: 2;
    display: none;
}

#toolbox_usage_text{
	outline:none;
}

#toolbox_usage_header{
	position: absolute;
    top: -2px;
    left: 77px;
    right: 0;
    color: #fff;
    font-family: custom_kilometer;
    font-size: 18px;
    font-weight: lighter;
}

#toolbox_usage_sub_header{
    position: relative;
    margin-left: 15px;
    margin-top: 53px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
	outline: none;
}

.focused_toolbox_usage_sub_header:after{
    content: "";
    width: calc(100% - 12px);
    height: 18px;
    padding: 5px;
    background-color: #ffe500;
    border-radius: 3px;
    z-index: -1;
    color: #000 !important;
    position: absolute;
    left: -8px;
    top: -5px;
}

#toolbox_usage_body{
	font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    width: 190px;
    margin-left: 15px;
    position: relative;
   
}

#toolbox_usage_back_button, #toolbox_usage_close_button{
	height: 35px;
    margin-top: 10px;
    font-size: 15px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 11px;
    position: relative;
	width: 89px;
	top: 7px;
	left: 3px;
}

#toolbox_usage_back_button:focus-visible,#toolbox_usage_close_button:focus-visible {
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#toolbox_document_viewer_wrapper{
	position: relative;
	top: 21px;
	width: 215px;
	height: 505px;
	background-color: #2b2b2b;
	z-index: 3;
	display: none;
}



#toolbox_document_viewer_title{
	position: relative;
	color: #fff;
    font-family: custom_kilometer;
    font-size: 18px;
    font-weight: lighter;
	height: 27px;
	text-align: center;
	padding-top: 10px;
	background-color: #202020;
	z-index: 3;
}

#toolbox_document_viewer_body{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: 195px;
}

#toolbox_notepad_wrapper{
	position: relative;
	top: 21px;
	width: 215px;
	height: 505px;
	background-color: #484848;;
	z-index: 3;
	display: none;
}

#toolbox_notepad_paper{
    position: absolute;
    top: 36px;
    left: 0;
    width: 215px;
    height: 403px;
    background-color: #fff;
	border-bottom: 1px solid #ccc;
	overflow-x: hidden;
	background-image: url(../img/notepad_paper_background.svg);
	
}

#toolbox_notepad_paper:focus-visible{
	outline: 5px solid #64b75d;
	outline-offset: -5px;
}


#toolbox_notepad_table{
	width: 100%;
	border: 1px solid #ccc;
	margin: 0px;
	border-spacing: 0px;
	border-bottom: 0px;
}

#toolbox_notepad_title{
	position: relative;
	color: #fff;
    font-family: custom_kilometer;
    font-size: 18px;
    font-weight: lighter;
	height: 27px;
	text-align: center;
	padding-top: 10px;
	background-image: url(../img/notepad_title_background.svg);
	border-bottom: 2px solid #332D25;
	z-index: 3;
}

#toolbox_notepad_title:focus-visible{
	/*outline: 0px;
	border-bottom: 4px solid #44994a;*/ 
	outline: 2px solid #ffe500;
	border-radius: 4px;
	outline-offset: -2px;
}

#toolbox_notepad_table th[scope=col] {
	font-weight: normal;
	background-color: #eaeaea;
	padding:6px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	position: sticky;
  	top: 0;
}

#notepad_paper_title{
    position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	font-size: 24px;
}

#notepad_paper_code{
    position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	margin: auto;
	width: fit-content;
	font-size: 22px;
	color: #3156c6;
}

.notepad_text{
	font-family: custom_mvboli;
	
	color: #333;
}

#toolbox_notepad_use_code_button {
    position: absolute;
    top: 140px;
    left: 42px;
    font-size: 15px;
    width: 133px;
    height: 30px;
    display: none;
    background-color: #1b6aa4;
    border: 1px solid #2f5b93;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#clipboard_notice{
	position: absolute;
    top: 179px;
    left: 45px;
	width: fit-content;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
	text-align: center;
	display: none;
}

#toolbox_notepad_use_code_button:focus-visible{
	outline: 2px solid #b38e00;
	outline-offset: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


#toolbox_notepad_close_button{
	position: absolute;
	right: 15px;
	height: 35px;
	top: 455px;
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	width: 89px;
}

#toolbox_notepad_close_button:focus-visible{
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#toolbox_notepad_back_button{
	position: absolute;
	left: 15px;
	height: 35px;
	top: 455px;
	font-size: 14px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	width: 89px;
}

#toolbox_notepad_back_button:focus-visible{
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}




/*
.morse_code_aria_labels{
	outline: 0px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

.focused_table_row{
	background-color: #fff9c5;
	outline: 1px solid #a69400;
	border-radius: 3px;
}

.overlay_disabled{
	opacity: 0;
	cursor: default;
    outline: none;
}

.overlay{
	opacity: 0;
}

.overlay:focus-visible{
	opacity: .3;
	outline: 0px;
}


.overlay_indicator {
	
}

.indicator{
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #999999;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
}

.overlay:hover ~ .indicator, .overlay:focus ~ .indicator {
	
}


.indicator_icon{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 13px;
	height: 13px;
		
}

#notification_bar{
	position: absolute;
    left: 12px;
    bottom: 12px;
    width: auto;
    height: 26px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 42px;
    padding-top: 9px;
    padding-right: 12px;
    display: none;
    background-color: #333333;
    opacity: 0.9;
    border-radius: 4px;
    z-index: 4;
	outline: none;
}

#notification_close_button{
    position: absolute;
    left: 0;
    top: 0px;
    width: 32px;
    height: 35px;
    background-color: #202020;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}


#notification_close_button:focus-visible{
    outline: 2px solid #ffe500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


#notification_close_button:hover, #notification_close_button:focus-visible {
    background-color: #0f0f0f;
}

#notification_bar_text{
	outline: none;
	margin: 0;
}

#game_question_popup_body{
	padding-left:12px;
	padding-right:12px;
	/*padding-bottom:12px;*/
	width: 574px;
}

#game_question_popup, #game_trap_and_clue_popup, #game_puzzle_popup, #game_animation_popup, #game_over_popup, #game_exit_popup, #game_custom_popup, #game_document_viewer_popup{
    top: 0px !important;
    bottom: 0 !important;
    border: 1px solid #666666 !important;

}

#game_question_popup_body h4{
	font-size: 15px;

}

#game_question_popup_header{
	font-size: 14px !important;
}


#game_question_popup_header:focus-visible, #game_trap_and_clue_popup_header:focus-visible, #game_exit_popup_header:focus-visible, #game_custom_popup_header:focus-visible, #game_document_viewer_popup_header:focus-visible, #game_over_popup_header:focus-visible{
	outline: 0;
}


.game_popup_footer_button{
	position: absolute;
	width: 380px;
	height: 35px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

#fib_input{
    width: 544px;
    height: 23px;
    margin-top: -10px;
	margin-left: 10px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
	z-index: 2;
	position: relative;
}

#fib_input:focus-visible{
	border: 2px solid #CFB903;
	outline: 1px solid #000;
	border-radius: 2px;
}

.feedback_indicator{
	position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 455px;
    height: 54px;
    border: 1px solid;
}

#feedback_indicator_correct{
	position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 455px;
    height: 54px;
    border-color: #6cbd45;
	background-color: #e7f3e5;
}

#feedback_indicator_incorrect{
	position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 455px;
    height: 54px;
    border-color: #ee3a39;
	background-color: #f7e4e4;
}

.indicator_symbol_container{
	position: absolute;
    top: 0px;
    left: 0;
    width: 44px;
    height: 54px;
    border-right: 1px solid;
	background-color: #ffffff;
	
}

#indicator_symbol_container_incorrect{
	position: absolute;
    top: 0;
    left: 0;
   border-color: #ee3a39;
	background-color: #ffffff;
}

#indicator_symbol_container_correct{
	position: absolute;
    top: 0;
    left: 0;
    border-color: #6cbd45;
	background-color: #ffffff;
}

.feedback_symbol{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 33px;
}

.feedback_text{
	position: absolute;
    top: -6px;
    left: 53px;
    height: 40px;
    font-size: 15px !important;
}

#game_puzzle_popup_body, #game_animation_popup_body h4, #game_custom_popup_body #game_document_viewer_popup_body{
font-size: 15px;

}

#game_puzzle_popup_header, #game_animation_popup_header, #game_custom_popup_header #game_document_viewer_popup_header{
	font-size: 14px;
}

.input_label {
	display: block;
	font-weight: bold;
	margin-left: 10px;
}

.question_answer_label{
    margin: 0;
}

#tf_input_label{

}

#mc_input_label, #tf_input_label{
	position: relative;
	left: -2px;
	margin-left: -3px;
	margin-bottom: -20px;
	margin-top: -5px !important;
}

#tf_input_label:focus-visible{
	outline: 0px;
}

#mc_input_label:focus-visible{
	outline: 0px;
}

.mc_left_margin_correction{
	display: table-caption;
	width: 500px;
	margin-left: 30px;
	margin-top: -17px;
	margin-bottom: -11px;
}
.answer_instructions{
	margin:0px;	
}

#choice_1, #choice_2, #choice_3, #choice_4, #choice_5, #choice_6, #choice_7, #choice_8 {
	margin-left: 10px;

}
.mz_choices{
	margin-top: 0px;
}
/*.choices{
	border: 2px solid #ffff66 !important;
		outline: 2px solid #000 !important;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		outline-offset: 2px;
}*/

fieldset {
    border: 0;
}

legend {
  	margin-bottom: 10px;
	padding-top: 33px;
	margin-left: -5px;
	font-weight: normal;
	width: 550px;
}




#mz_input_label{
	position: relative;
	left: -2px;
	margin-left: -3px;
	margin-bottom: -20px;
	margin-top: -51px !important;
}

@-moz-document url-prefix() {
	legend {
		padding-top: 0px !important;
		margin-top: 33px !important;
	}
	
	#mz_input_label{
		margin-top: -17px !important;
	}
	
}

#mz_input_label:focus-visible{
	outline: 0px;
}

.focused_mz_input_label{
    position: relative;
    content: "";
    width: fit-content;
    height: 18px;
    left: -5px !important;
    top: -5px;
    color: #000;
    background-color: #ffe500;
    padding-left: 5px;
    padding-top: 5px !important;
    padding-right: 6px;
    padding-bottom: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: 1px solid #000;
    margin-bottom: -22px !important;
}

.unfocused_mz_input_label{
    position: relative;
    content: "";
    width: fit-content;
    left: -2px;
    top: -7px;
    padding-left: 2px;
    padding-right: 11px;
    border-radius: 3px;
    color: #000 !important;
    margin-bottom: -22px !important;
}

.mz_question_span{
	top: 8px !important;
}

.mz_answer_instructions{
	margin-left: 13px !important;
}

.mz_answer_instructions_review{
	margin-bottom: 2px !important;
	margin-left: 17px !important;
	padding-top: 19px;
}

.mz_left_margin_correction{
	display: table-caption;
	width: 500px;
	margin-left: 30px;
	margin-top: -17px;
	margin-bottom: 5px;
}

.question_span{
	position: absolute;
	top: 42px;
	font-weight: bold;
	font-size: 15px !important;
	outline: 0px;
	z-index: 1;
}

#mz_checkgroup {
  margin-top: 0;
}

.mz_choices{
	position: relative;
}

.mz_labels{
	position: relative;
}

#mz_checkbox_group #choice_2{
	
}

#mz_label2{
	
}

#mz_checkbox_group #choice_3{
	
}

#mz_label3{
	
}

#mz_checkbox_group #choice_4{
	
}

#mz_label4{
	
}

#mz_checkbox_group #choice_5{
	
}

#mz_label5{
	
}

#mz_checkbox_group #choice_6{
	
}

#mz_label6{
	
}

#mz_checkbox_group #choice_7{
	
}

#mz_label7{
	
}

#mz_checkbox_group #choice_8{
	
}

#mz_label8{
	
}



.mz_question_span{
	top: 6px !important;
}

/*.mz_checkmark {
  font-size: 20px;
  font-weight: bold;
  color: green;
}*/

 li span.mz_checkmark {
    margin-left: -49.5px;
	font-size: 20px;
  	font-weight: bold;
  	color: green;
  }

li span.mz_crossmark {
    margin-left: -41px;
	font-size: 12px;
  	font-weight: bold;
	color: transparent;
	user-select: none;
  }

.mz_checkmark_item{
	margin-left: 10px;
	font-weight: bold;
}

.mz_crossmark_item{
	/*margin-left: 10px;*/
}

li.mz_checkmark_item::before {
  margin-right: 5px;
}

li.mz_crossmark_item::before {
  margin-right: 5px;
}

#mz_answer_review_list{
	margin-left: 10px;
	
}

#mz_answer_review_list li {
  list-style-type: none;
  margin-bottom: 3px;
}

.question_span:focus-visible{
	color: #000;
}

.question_span:focus-visible::after{
	content: "";
	position: absolute;
	width: 69px;
	height: 15px;
	top: -3px;
	left: -5.5px;
	margin-bottom: 4px;
	background-color: #ffe500;
	padding: 4px;
	padding-right: 8px;
	padding-bottom: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 1px solid #000;
	z-index: -1;
}

#fib_input_label{
	margin-bottom: -12px;
}

.unfocused_input_label{
    position: relative;
    content: "";
    width: fit-content;
    left: -2px;
    top: -7px;
    padding-left: 2px;
    padding-top: 7px !important;
    padding-bottom: 4px;
    padding-right: 11px;
    border-radius: 3px;
    color: #000 !important;
    margin-bottom: -22px !important;
}

.focused_input_label{
	position: relative;
	content: "";
	width: fit-content;
	height: 18px;
	left: -6px !important;
	top: -3px;
	color: #000;
	background-color: #ffe500;
	padding-left: 6px;
	padding-top: 3px !important;
	padding-right: 8px;
	padding-bottom: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 1px solid #000;
	margin-bottom: -20px !important;
}

.focused_mc_input_label{
    position: relative;
    content: "";
    width: fit-content;
    height: 18px;
    left: -5px !important;
    top: -5px;
    color: #000;
    background-color: #ffe500;
    padding-left: 5px;
    padding-top: 5px !important;
    padding-right: 6px;
    padding-bottom: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: 1px solid #000;
    margin-bottom: -22px !important;
}

.focused_tf_input_label{
    position: relative;
    content: "";
    width: fit-content;
    height: 18px;
    left: -5px !important;
    top: -5px;
    color: #000;
    background-color: #ffe500;
    padding-left: 5px;
    padding-top: 5px !important;
    padding-right: 6px;
    padding-bottom: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline: 1px solid #000;
    margin-bottom: -22px !important;
}

@-moz-document url-prefix() {
	.focused_tf_input_label, .focused_mc_input_label{
		margin-bottom: -21px !important;
	}
	
}

.focused_input_label_required{
	position: relative;
	content: "";
	width: fit-content;
	left: -7px;
	top: -5px;
	background-color: #d33131;
	padding-left: 6px;
	padding-top: 4px !important;
	padding-bottom: 5px;
	padding-right: 11px;
	border-radius: 3px;
	color: #fff !important;
	margin-bottom: -20px !important;
}

.focused_input_label_required_blur{
	position: relative;
	content: "";
	width: fit-content;
	left: -7px;
	top: -5px;
	padding-left: 6px;
	padding-top: 4px !important;
	padding-bottom: 5px;
	padding-right: 11px;
	border-radius: 3px;
	color: #d33131 !important;
	margin-bottom: -20px !important;
}

.fieldset_border{
	outline: 1px solid #ccc;
	margin-top: 13px;
	background-color: #f7f7f7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-bottom: 22px;
}
.mz_fieldset_border{
	width: calc(100% - 24px) !important;
	padding-bottom: 2px;
}
.mz_fieldset_border_review{
	width: calc(100% - 24px) !important;
	padding-bottom: 2px;
	margin-top: 14px;
}

.focused_fieldset_border{
	outline: 1px solid #000 !important;
    /*background-color: #fffdea !important;*/
}

.focused_fieldset_border_required{
	outline: 2px solid #d33131 !important;
    
}

#game_trap_and_clue_popup_exit_button{
    display:none;
}

#game_trap_or_clue_popup_body{
	width:598px;
	height: 369px;
}

.written_image_text{
	font-family: custom_mvboli;
}

.document_image_text{
	position: absolute;
	top: 88px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 15px;
	color: #fff;
	z-index: 4;
	text-align: center;
	width: 290px;
	height: auto;
}


#cs_notepad_clue_image_title{
	position: absolute;
	top: 161px;
	left: 17px;
	right: 0;
	margin: auto;
	font-size: 18px;
	color: #333;
	z-index: 4;
	text-align: center;
}

#cs_notepad_clue_image_text{
	position: absolute;
	top: 198px;
	left: 18px;
	right: 0;
	margin: auto;
	font-size: 17px;
	color: #333;
	z-index: 4;
	text-align: center;
}

#bs_note_clue_image_text{
	position: absolute;
	top: 176px;
	left: 254px;
	margin: auto;
	font-size: 70px;
	color: #333;
	z-index: 4;
}

#ll_newspaper_clue_image_text{
	position: absolute;
	top: 158px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 22px;
	color: #666;
	z-index: 4;
	letter-spacing: .1px;
}

#mz_block_clue_image_text{
	position: absolute;
	top: 160px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 108px;
	color: #87623C;
	z-index: 4;
}

#mz_trophy_clue_image_text{
	position: absolute;
	top: 178px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 70px;
	color: #524A33;
	z-index: 4;
}

.trap_image_text{
	font-family: Arial, Helvetica, sans-serif;
}

.classified_image_text{
	font-family: custom_impact;
}

#cs_bookcase_trap_image_text{
	position: absolute;
	top: 179px;
	left: 324px;
	margin: auto;
	font-size: 11.5px;
	color: #3366CC;
	z-index: 4;
	line-height: 88px;
}

#ll_books_trap_image_text{
	position: absolute;
	top: 153px;
	left: 325px;
	margin: auto;
	font-size: 15.5px;
	color: #BA5A40;
	z-index: 4;
	line-height: 103px;
}

#ll_briefcase_trap_image_text{
	position: absolute;
	top: 129px;
	left: 277px;
	margin: auto;
	font-size: 16.5px;
	color: #C93D34;
	z-index: 4;
	line-height: 112px;
}

#bs_notepad_trap_image_text{
	position: absolute;
	top: 201px;
	left: 236px;
	margin: auto;
	font-size: 22px;
	color: #333;
	z-index: 4;
	transform: scale(1, .8);
}

.token_image_text{
	position: absolute;
	top: 213.5px;
	left: 326px;
	margin: auto;
	font-size: 22.5px;
	color: #333;
	z-index: 4;
	font-family: custom_digital;
}

.clue_images{
    position: absolute;
	top: 113px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}

#exit_room_image{
    position: absolute;
	top: 113px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}

.document_images{
    position: absolute;
	top: 72px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 3;
}

.exit_room_images{
    position: absolute;
    top: 36px;
    left: -1px;
    width: 599px;
    height: 368px;
    z-index: 1;
}

.penalty_indicator{
	position:absolute;
	bottom: 90px;
	right: 12px;
	width:68px;
}

#game_trap_and_clue_popup_body{
	text-align: center;
	font-size: 15px;
}

.top_text{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	text-align: center;
    margin: 0;
	font-size: 15px;
}

.top_text:focus-visible{
	outline: 0px;
}

.bottom_text{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	text-align: center;
    margin: 0;
	font-size: 15px;
    z-index: 2;
}

.top_text_container{
	position: relative;
	top: 18px;
	left: 50%;
  	transform: translateX(-50%);
	/*margin: auto; KEEP*/ 
	width: 585px;
	height: 50px;
	z-index: 2;
}

.bottom_text_container{
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	margin: auto;
	width: 585px;
	height: 45px;
}

#correct_answer_feedback_title{
    color: #000;
    font-weight: bold;
    position: absolute;
    left: 213px;
    top: 229px;
}

#correct_answer_feedback_container{
    position: absolute;
    top: 249px;
    left: 195px;
    margin: auto;
    text-align: center;
    width: 206px;
    height: 96px;
}

#game_puzzle_popup_header, #game_puzzle_popup_body, #cs_room_puzzle_container, #bs_room_puzzle_container, #ll_room_puzzle_container, #game_puzzle_popup_footer, #mz_exit_puzzle_container, #room_puzzles, #report_document_container, .mz_puzzle_screens, .document_windows {
	width: 100% !important;
}

.document_windows{
	position:absolute;
	left:0;
	bottom:0;
	background-color: #CCC;
	border-top: 2px solid #333;
	height: 310.5px;
	overflow-y: scroll;
	
}		

.document_windows:focus-visible {
  outline: 2px solid #ffe500;
	background-color: #666;
	outline-offset: -2px;
	border-radius: 4px;
}

#report_document_container, #annual_document_container, #checklist_document_container {
	background-color: #F4F2EA;
}

#game_puzzle_popup_top_text_container, #game_document_popup_top_text_container{
	position: absolute !important;
	top: 8px !important;
	
}

#game_puzzle_popup_top_text{
    position: relative;
    top: 60%;
    width: fit-content;
	text-align: center;
    transform: translateY(-60%);
    margin:auto;
    left: 0;
    right: 0;
}

#game_document_popup_top_text {
    position: relative;
    top: 44%;
    width: fit-content;
	text-align: center;
    transform: translateY(-60%);
    margin:auto;
    left: 0;
    right: 0;
}

/*#game_puzzle_popup_top_text:focus-visible {
	outline:
}*/

#game_puzzle_popup_top_text:focus-visible::after{
   /*position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -6px;
    left: -7px;
    padding: 5px;
    border: 2px solid #b38e00;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: -1;*/
}



.puzzle_container, .document_container{
	position: relative;
	width: 598px;
	height: 368px;
}

#cs_room_puzzle_container, #mz_login_puzzle_screen{
	background-image: url("../img/cs_puzzle_background.svg");
}

#bs_room_puzzle_container{
	background-image: url("../img/bs_puzzle_background_initial.svg");
}

#ll_room_puzzle_container{
	background-image: url("../img/cs_puzzle_background.svg");
}

.room_puzzles{
	position: relative;
	width: 598px;
	height: 368px;
	
	display: none;
}

#cs_puzzle_instructions, #bs_puzzle_instructions, #ll_puzzle_instructions #mz_puzzle_instructions{
	display: none;
}

.puzzle_login_images{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 440px;
	height: 297px;
}

#cs_puzzle_login_image_unlocked, #bs_puzzle_login_image_unlocked, #ll_puzzle_login_image_unlocked{
	display: none;
}

#cs_puzzle_login_header, #bs_puzzle_login_header, #ll_puzzle_login_header{
	position: absolute;
	top: 132px;
	left: 149px;
	margin: auto;
	font-size: 15px;
	z-index: 2;
}

#cs_puzzle_login_username, #bs_puzzle_login_username, #ll_puzzle_login_username{
	position: absolute;
	top: 183px;
	left: 149px;
	margin: auto;
	font-size: 15px;
	z-index: 2;
}

#cs_puzzle_login_user, #bs_puzzle_login_user, #ll_puzzle_login_user{
	position: absolute;
	top: 216px;
	left: 143px;
	margin: auto;
	font-size: 15px;
	color: #FF9900;
	font-weight: bold;
	z-index: 2;
}

#cs_puzzle_login_passcode, #bs_puzzle_login_passcode, #ll_puzzle_login_passcode{
	position: absolute;
	top: 290px;
	left: 143px;
	margin: auto;
	font-size: 15px;
	color: #FF9900;
	font-weight: bold;
	z-index: 2;
}

#cs_puzzle_money_image{
	position: absolute;
	top: 66px;
	left: 21px;
	width: 201px;
	height: 284px;
	margin: auto;
	z-index: 2;
}

.cs_puzzle_inputs{
	position: absolute;
	display: inline-block;
	
	width: fit-content;
	right: 15px;
}

#cs_puzzle_input1 {
	top: 89px;
	height: 32.5px;
}

#cs_puzzle_input2 {
	top: 159px;
	height: 32px;
}

#cs_puzzle_input3 {
	top: 229px;
	height: 32px;
}

#cs_puzzle_input4 {
 	top: 300px;
	height: 32px;
}

.cs_puzzle_row_labels {
    position: absolute;
    top: -20px;
    font-weight: bold;
    font-size: 14px;
	color: #032737;
}

.cs_puzzle_input_lines{
	border: 1px solid #043C56;
}

#cs_puzzle_input_line1{
	position: absolute;
	width: 100px;
	left: -100px;
	top: 8px;
}

#cs_puzzle_input_line2{
	position: absolute;
	width: 150px;
	left: -150px;
	top: 8px;
}

#cs_puzzle_input_line3{
	position: absolute;
	width: 125px;
	left: -125px;
	top: 8px;
}

#cs_puzzle_input_line4{
	position: absolute;
	width: 150px;
	left: -150px;
	top: 8px;
}


.cs_puzzle_rows{
	position: relative;
	display: inline-flex;
	margin-right: 10px;
	width: fit-content;
}

.cs_puzzle_rows:focus-within {
	outline: 2px solid #426583;
	
}

#cs_puzzle_row1{
	/*width: 295.5px;*/
}

#cs_puzzle_row2{
	/*width: 207px;*/
}

#cs_puzzle_row3{
	/*width: 236.5px;*/
}

#cs_puzzle_row4{
	/*width: 207px;*/
}




.cs_puzzle_squares{
	width: 25px;
	height: 29px;
	background-color: #FFF;
	border: 1px solid #426583;
	margin-right: -1px;
	text-align: center;
	font-size: 17px;
	color: #043B56;
}

.cs_puzzle_squares:focus-visible {
	background-color: #FCFABB !important;
	border: 1px solid #426583;
	outline: 0;
}

.cs_puzzle_squares_incorrect{
	width: 25px;
	height: 29px;
	background-color: #FBE2E2;
	border: 1px solid #993333;
	margin-right: -5px;
	text-align: center;
	font-size: 17px;
	color: #043B56;
}

.cs_puzzle_squares_correct{
	width: 25px;
	height: 29px;
	background-color: #CCFFCC;
	border: 1px solid #339933;
	margin-right: -5px;
	text-align: center;
	font-size: 17px;
	color: #043B56;
}

.cs_clear_tooltips{
	position: absolute;
	right: 13px;
    color: black;
    font-size: 12px;
    background-color: #fffeb8;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left:3px;
    padding-right: 3px;
    border-radius: 3px;
    border: 1px solid #000;
    z-index: 999;
    display: none;
    font-smooth: auto;
    font-smoothing: auto;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;

}

#cs_clear_tooltip1{
	top: 124px;
}

#cs_clear_tooltip2{
	top: 194px;
}

#cs_clear_tooltip3{
	top: 264px;
}

#cs_clear_tooltip4{
	top: 335px;
}

.cs_puzzle_circle_containers{
	width: 20px;
	height: 20px;
	float: right;
	position: relative;
	top: 5.5px;
}

.cs_puzzle_circle_buttons{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
}

.cs_puzzle_circle_buttons_clear{
	display: none;
}

.cs_puzzle_circle_buttons_clear:focus-visible {
    outline: 2px solid #ffcb00;
	outline-offset: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 50%;
}

.cs_puzzle_circle_indicator_incorrect{
	display: none;
}

.cs_puzzle_circle_indicator_correct{
	display: none;
}

.cs_puzzle_circle_indicator_correct:focus-visible{
	outline: 2px solid #ffcb00;
	outline-offset: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 50%;
}
.cs_puzzle_circle_indicator_incorrect:focus-visible{
	outline: 2px solid #ffcb00;
	outline-offset: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 50%;
}

.cs_puzzle_circle_indicator_blank{
	
}


#cs_incorrect_1{

}

#cs_correct_1{

}

#cs_clear_1{

}



	
#bs_game_background{
    position:absolute;
    top: 68px;
    left:0;
    right:0;
    margin: auto;
    width: 280px;
    height: 280px;
    background-color: #1E1E1E;
    border-radius: 50%;
}

#bs_game_container{
    position:absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 264px;
    height: 264px;
    background-color: #333;
    border-radius: 50%;
}

#bs_center_circle{
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 110px;
    height: 110px;
    background-color: #1E1E1E;
    border-radius: 50%;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: white;
    text-align: center;
}

#bs_center_circle:focus-visible {
	outline: 3px solid #ffe500;
	outline-offset: 1px;
}

#bs_center_circle_text{
    position: absolute;
    width: 110px;
    top: 50%;
    transform: translateY(-50%);
    margin:auto;
}

#bs_next_step_button {
  width: 94px;
  height: 45px;
  border-radius: 0 0 100px 100px;
  position: absolute;
  left: 8px;
  bottom: 8px;
  margin: auto;
}

#bs_next_step_button:focus-visible {
	outline: 2px solid #ffe500;
	outline-offset: 2px;
}

#bs_next_step_image {
	width: 18px;
	position: absolute;
	left: 4px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

#bs_quadrant_container{
    position:absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    margin:auto;
    width: 250px;
    height: 250px;
    /*border: 1px solid #FFF;*/
}

.bs_quadrants{
    position: absolute;
    border: 4px solid #333;
    width: 124px;
    height: 124px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: bold;
	color: #000;
	outline: 1px solid transparent;
	transition: outline 0.05s ease;
	outline-offset: -5px;
}

.bs_quadrants:focus-visible{
    outline: 2px solid #ffe500;
    outline-offset: -2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
}

#bs_quadrant1{
    background-color: #17BF5B;
    border-radius: 100% 12px 0px 12px;
    top: 2px;
    left: 2px;
}

#bs_quadrant1:hover{
/* 	outline: 3px solid #ffffff;
	outline-offset: -5px;*/
    z-index: 2;
}

#bs_quadrant2{
    background-color: #CC3333;
    border-radius: 12px 100% 12px 0;
    top: 2px;
    right: 2px;
}

#bs_quadrant2:hover{
/*    outline: 3px solid #ffffff;
	outline-offset: -5px;*/
    z-index: 2;
}

#bs_quadrant3{
    background-color: #ECD925;
    border-radius: 12px 0 12px 100%;
    bottom: 2px;
    left: 2px;
}

#bs_quadrant3:hover{
/*    outline: 3px solid #ffffff;
	outline-offset: -5px;*/
    z-index: 2;
}

#bs_quadrant4{
    background-color: #3399CC;
    border-radius: 0 12px 100% 12px;
    bottom: 2px;
    right: 2px;
}

#bs_quadrant4:hover{
/*    outline: 3px solid #ffffff;
	outline-offset: -5px;*/
    z-index: 2;
}

#bs_number_display{
	top: -3px;
	position: relative;
    font-size: 20px;
}

#rebus_puzzle_image{
	position: absolute;
	top: 100px;;
    left: 0;
    right: 0;
	bottom: 0;
    margin: auto;
	width: 425px;
	filter: blur(20px);
}


#game_animation_popup_top_text_container {
	position: absolute !important;
	top: 38.5px !important;
}

#game_animation_popup_top_text {
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-60%);
	width: 562px;
	left: 11px;
	z-index: 3;
}

#game_animation_popup_top_text:focus-visible {
    outline: 2px solid #ffcb00;
	outline-offset: 2px;
    width: 547px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#game_animation_popup_rewind_footer_button {
  right: 150px;
  position: absolute;
}

#game_animation_popup_play_footer_button {
  position: absolute;
  left: 150px;
}


#game_exit_popup_body{
	text-align: center;
	font-size: 15px;
	background-image: url("../img/token_discovery_background.svg");
}

#game_exit_popup_body .bottom_text_container{
	color: #000 !important;
	bottom: -263px !important;
}

#game_exit_popup_top_text_container {
	position: relative!important;
	top: 10px !important;
}

#game_exit_popup_bottom_text_container {
	position: relative !important;
	bottom: -226px !important;
}

.badge_text {
	position: relative;
	font-family: custom_kilometer;
	font-weight: lighter;
	color: #30515e;
	font-size: 13px;
    z-index: 2;
}

#game_over_text {
	position: relative;
    font-family: custom_kilometer;
    font-weight: lighter;
    color: #cc3333;
    font-size: 40px;
    top: 131px;
    line-height: 37px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
}

#generals_email_token_question, #generals_email_game_over, #generals_email_great_job, #generals_email_partial_answer {
	display: none;
}

.email_game_over_text {
	position: relative;
    font-family: custom_kilometer;
    font-weight: lighter;
    color: #fff;
    font-size: 35px;
    top: 8px;;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.email_body_text{
	font-size: 15px;
}


#game_over_popup_body{
	background-image: url("../img/generals_email_background.svg");
}

.generals_email{
	position: absolute;
	left: 3px;
	right: 0;
	margin: auto;
	width: 523px;
	height: 296px;
	top: 74px;
}

.email_top_bar{
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.generals_email_game_over_top_bar, .generals_email_game_over_bottom_bar{
	background-color: #cc3333;
}

#generals_email_great_job_top_bar{
	background-color: #258842;
}

#generals_email_partial_answer_top_bar{
	background-color: #B96728;
}

.generals_email_game_over_bottom_bar{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 51.5px;
	text-align: center;
	padding-top: 2px;
	
}

.email_body_text{
	font-size: 15px;
	width: 499px;
	padding: 13px;
	height: 268px;
}

#game_exit_popup_badge_text {
	top: 159px;
    width: 115px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 12.5px;
}

#game_custom_popup_top_text_container  {
	position: absolute !important;
	top: 9px !important;
}

#game_custom_popup_top_text {
	text-align: center;
	position: relative;
	top: 60%;
	transform: translateY(-60%);
	width: 562px;
	left: 11px;
}

#game_document_viewer_popup_top_text_container  {
	position: absolute !important;
	top: 9px !important;
}

#game_document_viewer_popup_top_text {
	text-align: center;
	position: relative;
	top: 60%;
	transform: translateY(-60%);
	width: 562px;
	left: 11px;
}


#mz_invisible_focus{
    position: absolute;
    left: -999px;
	opacity: 0.0;	
	z-index: 997;
    pointer-events: none;
    outline:0px
}


#mz_login_top_text_container{
	position: absolute !important;
	top: 18px !important;
}

#mz_clue_investigation_top_text_container{
	position: absolute !important;
	top: 11px !important;
}

#mz_clue_documents_top_text_container{
	position: absolute !important;
	top: 11px !important;
}

#mz_clue_opsec_top_text_container{
	position: absolute !important;
	top: 11px !important;
}  

#mz_clue_email_top_text_container{
	position: absolute !important;
	top: 11px !important;
} 


#mz_login_top_text{
    position: relative;
    top: 50%;
    width: fit-content;
	text-align: center;
    transform: translateY(-60%);
    margin:auto;
    left: 0;
    right: 0;
}

#mz_clue_investigation_bottom_text_container{
  bottom: 14px !important;
}

#mz_clue_documents_bottom_text_container{
  bottom: 14px !important;
}

#mz_clue_opsec_bottom_text_container{
  bottom: 14px !important;
}

#mz_clue_email_bottom_text_container{
  bottom: 14px !important;
}


#mz_exit_puzzle_container{

}

.mz_puzzle_screens{
	position: absolute;
	left: 0;
	height: 368px;
	background-image: url("../img/clue_discovery_background.svg");
	background-repeat: no-repeat;
}

#mz_login_puzzle_screen{
	top: 0;
}

#mz_clue_investigation_puzzle_screen{
	top: 0;
	display: none;
}

#mz_document_puzzle_screen{
	bottom: 0;
	display: none;
}

#mz_clue_documents_puzzle_screen{
	top: 0;
	display: none;
}

#mz_question_puzzle_screen{
	top: 0;
	display: none;
	background-image: none !important;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 14.5px;
	
}

#mz_clue_opsec_puzzle_screen{
	top: 0;
	display: none;
}

#game_puzzle_no_footer_button{
	position: absolute;
	left: 150px;
	display: none;
}

#game_puzzle_yes_footer_button{
	position: absolute;
	right: 150px;
	display: none;
}

#mz_review_puzzle_screen{
	top: 0;
	display: none;	
	/*background-image: url("../img/cs_puzzle_background.svg") !important;*/
	background-image: none;
	padding-left: 12px;
	padding-right: 12px;
	font-size: 15px;
}

#mz_clue_email_puzzle_screen{
	top: 0;
	display: none;
}

#mz_email_notification {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  position: absolute;
  top: 106px;
  right: 210px;
  z-index: 3;
}


#mz_puzzle_login_image_locked{
	height: 206px;
	width: 440px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#mz_puzzle_login_header{
	position: absolute;
	top: 141px;
	left: 149px;
	margin: auto;
	font-size: 15px;
	z-index: 2;
	color: #fff;
}

#mz_puzzle_login_password_input{
	position: absolute;
	top: 188px;
	left: 149px;
	margin: auto;
	font-size: 15px;
	z-index: 2;
	display:none;
}

#mz_password_input_field_container{
	position: absolute;
	top: 172px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #ccc;
	width: 320px;
	height: 44px;
	font-size: 15px;
	z-index: 2;
	display: none;
}

#mz_password_input_field{
	position: absolute;
	top: 0;
	bottom:0;
	left: 0;
	right:0;
	margin: auto;
	width: 308px;
	height: 26px;
	border: 1px solid #999;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
}

#mz_puzzle_login_password_title{
	position: absolute;
	top: 219px;
	left: 143px;
	margin: auto;
	font-size: 15px;
	color: #333333;
	font-weight: bold; 
	z-index: 2;
}

#mz_game_puzzle_popup_bottom_text_container{
	bottom: 20px;
}

.focused_clue_header{
    content: "";
    top:-5px !important;
    height: auto;
    color: #000 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #ffe500;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: -1;
}

.empty_key_slot{
	position: absolute;
	width: 151px;
	height: 7px;
	bottom: 67px;
	left: 2px;
	right: 0;
	margin:auto;
	background-color: #161616;
}



.focused_element{
    outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}


#le_exit_puzzle_container{
    background-image: url("../img/le_keypanel_background.svg");
}

.le_exit_puzzle_status_indicator{
    position: absolute;
    top: 71px;
    left: 70px;
    width: 176px;
	height: 119px;
}

#le_exit_puzzle_status_indicator_locked{
    
}

#le_exit_puzzle_status_indicator_unlocked{
    display: none;
}

#le_exit_puzzle_key_card{
    position: absolute;
    top: 223px;
    left: 71px; 
    width: 173px;
	z-index: 2;
    display: none;
}

#le_empty_key_slot{
    top: 146px;
    left: -282px;
    width: 173px !important;
}

#le_empty_key_slot:focus-visible{
	outline: 2px solid #ffe500;
	outline-offset: 2px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

#le_key_panel_text{
    position: absolute; 
    top: 174px;
    right: 187px;
    width: 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #30515e;
    z-index: 4;
}

#le_exit_puzzle_key_panel_cover{
    position: absolute;
    top: 74px;
    right: 70px;
    margin: auto;
    width: 270px;
    outline: 1px solid #666766;
    z-index: 3;
}

#le_slide_puzzle_table{
    position: absolute;
    top: 74px;
    right: 70px;
    margin: auto;
    width: 270px;
    height: 270px;
    outline: 1px solid #666766;
    display: table;
    z-index: 2;
}

#le_slide_puzzle_table:focus-visible{
    outline: 2px solid #ffe500;
	outline-offset: 4px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

#le_slide_puzzle_solved_image{
    position: absolute;
    top: 74px;
    right: 70px;
    margin: auto;
    width: 270px;
    height: 270px;
    outline: 1px solid #666766;
    /*display: none;*/
    z-index: 1;
}

.slide_puzzle_rows{
    display: table-row;
}
.slide_puzzle_cells{
    display: table-cell;
    text-align: center;
}



.slide_puzzle_cells:focus-visible{
    outline: 3px solid red;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    position: relative;

}

.tile1, .tile2, .tile3, .tile4, .tile5, .tile6, .tile7, .tile8 {
  display: table-cell;
  width: 90px;
    height: 90px;
/*  height: 83px;
  padding-top:7px;*/
  outline: 1px solid black;
  background-size: 270px 270px !important;
  background: url("../img/le_slide_puzzle_background.svg"); 
  cursor: default;
  pointer-events: none;
}

.tile9 {
  display: table-cell;
  width: 90px;
  height: 90px;
  outline: 1px solid black;
  background-size: 270px 270px !important;
  background: #666 !important;
  cursor: default;
  pointer-events: none;
}

.tile9:focus-visible {
    /*outline: none !important;*/
    border-radius: none;
}

.le_accessible_tile_numbers{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 65px;
    color: #000;
    pointer-events: none;
    height: 90px;
    position: relative;
    top: 7px;
}

.le_accessible_cell{
    background: url("../img/le_accessible_slide_puzzle_background.svg"); 
}

.le_standard_cell{
    background: url("../img/le_slide_puzzle_background.svg"); 
}

.tile1 {background-position: left top !important;}
.tile2 {background-position: center top !important;}
.tile3 {background-position: right top !important;}
.tile4 {background-position: left center !important;}
.tile5 {background-position: center center !important;}
.tile6 {background-position: right center !important;}
.tile7 {background-position: left bottom !important;}
.tile8 {background-position: center bottom !important;}
/*.tile9 {background: #666; cursor: default;}*/



.puzzle_solved{
    outline: none !important;;
    cursor: default;
    background: url("../img/le_slide_puzzle_background.svg") !important; 
}

.tile9_puzzle_solved{
  display: table-cell;
  width: 90px;
  height: 90px;
  outline: none !important;
  background-size: 270px 270px !important;
  background: url("../img/le_slide_puzzle_background.svg"); 
  background-position: right bottom;
  cursor: default;
}

#cc_exit_puzzle_container{
    background-image: url("../img/cc_lock_background.svg");
}



#cc_code_output_container{
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    width: 202px;
    height: 76px;
    background-image: url("../img/cc_lock_indicator_background.svg");
    outline: 0px;
}

#cc_code_output_outer_focus_indicator{
    position: absolute;
    top: 69px;
    left: 0;
    right: 0;
    margin: auto;
    width: 203px;
    height: 78px;
    display: none;
}

#cc_code_output_container:focus-visible + #cc_code_output_outer_focus_indicator {
    display: block !important;
}

.cc_code_output{
    position: absolute;
    top: -26px;
    left: 18px;
    display:inline-block;
    width: 28px;
    height:37px;
    color: #000;
    font-family: custom_digital;
	font-size: 38px;
    text-align: center;
    z-index: 2;
}

.cc_code_output:focus-visible{
   outline:0px; 
}

#cc_code_output0 {
  left: 13px;

}

#cc_code_output1 {
  left: 53px;

}

#cc_code_output2 {
  left: 93px;
}

#cc_code_output3{
    left: 115px;
}

#cc_code_output4 {
  left: 137px;
}
#cc_code_output5 {
  left: 159px;
}

#cc_code_input_arrow_indicator_container{
    position: absolute;
    width: 69px;
    top: 216px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.cc_code_input_arrow{
    position: relative;
    display: inline-block;
    width: 13px;
    height: 16px;
}

#cc_code_input_arrow_left{
    float: left;
}

#cc_code_input_arrow_right{
    float: right;
}

#cc_code_output_focus_indicator_container{
    position: absolute;
    top: 128px;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 63px;
}

.cc_code_output_focus_indicator{
    position: absolute;
    top: -25px;
    display:inline-block;
    width: 48px;
    height:37px;
    color: #000;
    font-family: custom_digital;
	font-size: 38px;
    text-align: center;
}

#cc_code_output_focus_indicator1{
    left: 15px;
    width: 48.5px;
}

#cc_code_output_focus_indicator2{
    left: 76px;
}

#cc_code_output_focus_indicator3{
    left: 137px;
}

#cc_lock_input_container{
    position: absolute;
    width: 68px;
    height: 39.5px;
    top: 204px;
    left: 0px;
    right: 0;
    margin: auto;
    color: #000;
    z-index: 3;
}
#cc_lock_input_container:focus-visible{
    outline: 2px solid #ffe500;
    border-radius: 3px;
    border: 1px solid #000;
}

#cc_lock_input{
    position: relative;
    width: fit-content;
    height: 37px;
    color: #000;
    font-family: custom_digital;
    font-size: 36px;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
}

#cc_lock_input:focus-visible{
    outline:0px;
}

#cc_lock_input_focus{
    display: none;
}



#cc_dial_lock{
    position: absolute;
    top: 153px;
    left: 0;
    right: 0;
    width: 280px;
    height: 193px;
    margin: auto;
    outline: 0px;
}

#cc_missing_dial_focus{
    display: none;
}

#cc_dial_focus{
    display: none;
}

#cc_repaired_dial{
    display: none;
}

#cc_press_hold{
    position: absolute;
    top: 160px;
    left: 0;
    right: 0;
    width: 255px;
    height: 23px;
    z-index: 2;
    margin: auto;
    font-weight: bold;
    border-radius: 3px;
    background-color: transparent;
}


#cc_press_hold_text{
    margin: auto;
    top: 4px;
    position: relative;
    width: fit-content;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    word-spacing: -.5px;
    display: none;
    outline: 0px;
}

#cc_press_hold_text:focus-visible{
    color: #000 !important;
    outline: 0px;
}

#cc_press_hold_text:focus-visible::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 15px;
	top: -4px;
	left: -5px;
	padding: 5px;
	background-color: #ffe500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: -1;
    padding-right: 6px;
    outline: 0px;
}

#cc_press_hold:focus-visible{
    /*background-image: url("../img/cc_press_and_hold_accessible_notification.svg") !important;*/
    outline: 0px;
}
#cc_dial_clear_button{
    position: absolute;
    top: 127px;
    left: 0;
    right: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    z-index: 3;
    width: 45px;
    height: 19px;
    text-align: center;
    margin: auto;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    outline-offset: 0px !important;
    cursor: pointer;
    
}

#cc_dial_clear_button:focus-visible{
    outline: 2px solid #ffe500 !important;
}


#cc_dial_enter_button:hover, #cc_dial_right_button:hover, #cc_dial_left_button:hover {
   opacity: 0;
}

#cc_dial_enter_button:focus-visible, #cc_dial_right_button:focus-visible, #cc_dial_left_button:focus-visible {
   outline: 0px;
}

#cc_dial_button_outline{
    position: absolute;
    top: 281px;
    left: 225px;
    width: 148.5px;
    height: 45.2px;
    z-index: 5;
    pointer-events: none;
    
}

#cc_dial_left_button_cover{
    position: absolute;
    top: 283px;
    left: 225px;
    width: 47px;
    height: 43.5px;
    z-index: 3;
    cursor: auto;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none; 
}

#cc_dial_left_button{
    position: absolute;
    top: 283px;
    left: 225px;
    width: 47px;
    height: 43.5px;
    z-index: 2;
    cursor: pointer;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#cc_enter_button_text{
    position: absolute;
    top: 287px;
    left: 0;
    right: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    z-index: 3;
    width: 47px;
    text-align: center;
    margin: auto;
    pointer-events: none;
}

#cc_dial_enter_button{
    position: absolute;
    top: 281.5px;
    left: 272px;
    width: 55px;
    height: 28.1px;
    z-index: 2;
    cursor: pointer;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#cc_dial_right_button_cover{
    position: absolute;
    top: 283px;
    right: 224.3px;
    width: 47px;
    height: 43.5px;
    z-index: 3;
    cursor: auto;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


#cc_dial_right_button{
    position: absolute;
    top: 283px;
    right: 224.3px;
    width: 47px;
    height: 43.5px;
    z-index: 2;
    cursor: pointer;
    
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


#svg_container{
    outline: 0px;
}

#epilogue_text{
	font-size: 14.5px;
}