/* custom styles for course - 2020 */

/* SECTIONS START ***********/
.section.intro{
	color: #ffffff; /* white */
}
.menu_title{
	color: #000000; /* black */
}

.textColor1
{
	color: #000000 !important; /* Black */
}
.textColor2
{
	color: #000000 !important; /* Black */
}
.textColor3
{
	color: #ffffff !important; /* White */
}
/* SECTIONS END ***********/
/* INLINE VIDEO START ***********/
.transcript_btn, .transcript_btn:focus
{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 1px solid #6E93BE !important; /* Black */
	margin-top: -22px;	
	width: 100%;
	text-align: center;	
}
.transcript_btn:hover
{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 2px solid #6E93BE !important; /* Black */
	padding: 18px 24px;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{	
	.transcript_btn
	{		
		width: auto !important;		
	}
}
.transcript_text
{
	background-color: #f1f2f2; /* Gray 1 */
	color: #000000; /* black */
}
/* INLINE VIDEO END ***********/
/* HOTSPOT START ***********/
.hotspot_reveal {
	color: #FFFFFF; /* black */
}
.hotspot_reveal_1 {
	background-color: #3D7D80 !important; /* Black */
}
.hotspot_reveal_2 {
	background-color: #3D7D80 !important; /* Black */
}
.hotspot_reveal_3 {
	background-color: #3D7D80 !important; /* Gray 2 */
}
.hotspot_reveal_4 {
	background-color: #3D7D80 !important; /* Black */
}
.hotspot_visited{
	color:#a8a8a7 !important; /* Gray 4 */
}
/* HOTSPOT END ***********/
/* MENU START ***********/
.menu_bar{
	background-color:#ffffff; /* white */
	-webkit-box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
    -moz-box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
    box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
}
.index_banner_holder{
	height:108px;
	/*max-width:1008px;*/
	margin:0 auto;
	background-color:#ffffff; /* white */
	-webkit-box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
    -moz-box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
    box-shadow: 0px 0px 0px 1px #d1d3d4; /* 20% black */
}
.topic_nav_bar{
	background-color:#ffffff; /* White */
}
.topic_index{
	background-color: #ffffff !important; /* white */
}
.topic_select{
	color: #000000; /* black */
}
.select_title{
	color: #FFFFFF;
}
.menu_topic_select_bg_1 {
	background-color: #ffffff !important; /* 5% black */
	
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_2 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_3 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_4 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_5 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_6 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_7 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.menu_topic_select_bg_8 {
	background-color: #ffffff !important; /* 5% black */
	border: solid 1px #7399C6;
}
.topic_select_bg_1 {	
	background-color: #7399C6 !important; /* White */
}
.topic_select_bg_2 {
	background-color: #7399C6 !important; /* White */
}
.topic_select_bg_3 {
	background-color: #7399C6 !important; /* White */
}
.topic_select_bg_4 {
	background-color: #FFFFFF !important; /* Black */
}
.topic_select_bg_5 {
	background-color: #7399C6 !important; /* Black */
}
.index_banner_holder{
	background-color: #ffffff; /* white */
}
.index_banner{
	background-color: #ffffff; /* white */
}
.bar_robot .menu_items{
	background-color: #ffffff; /* white */
}
.bar_robot .menu_items_sub {
	background-color: #ffffff; /* white */
}
/* For devices 1008px and larger */
@media (min-width: 1008px)
{
	.bar_robot .menu_items_sub{
		background-color: #ffffff; /* white */
	}
}
.bar_bot .menu_items{
	background: #ffffff; /* white */
}
.box_message a, .box_message a:visited {
    color: #000000; /* white */	
}
.box_message a:hover, .box_message a:active {
    color: #7c7c7b; /* Gray 5 */
}
/* MENU END ***********/
/* EXPANDO START ***********/
.expando_btn {
	color: #000000 !important; /* black */
}
.expando_btn:hover {
	color: #000000 !important; /* black */
}
.expando_btn:active {
	color: #000000 !important; /* black */
}
.expando_border_1 {
	border-top: 1px solid #FA5343 !important; /* black */
}
.expando_border_2 {
	border-bottom: 1px solid #FA5343 !important; /* black */
}
/* EXPANDO END ***********/
/* error messages for CS WBT Communication Standards v1.3 04-July-2012 START ***********/
#footerTextArea{
	color: #000000; /* black */
}
#preErrorLBBg {
	background-color: #ffffff; /* white */
}
/* error messages for CS WBT Communication Standards v1.3 04-July-2012 END ***********/
/* DIALOGUE BOX START ***********/
#topic_loader{
	background-color: #ffffff; /* white */
}
.dialogue_box{
	background-color: rgba(0,0,0,0.7); /* semi-transparent black */
}
.loader_percent {
	color: #3f3f3f; /* grey shade for accessibility */
}
.box_nav_holder{
	background-color: #ffffff; /* white */
}
.box_holder{
	background-color: #ffffff; /* white */
}
/* For devices 768px and larger */
@media (min-width: 768px)
{	
	.box_holder{
		background-color: transparent;
	}
}	
.box_nav_start{
	color: #0072ce; /* bright blue */
	background-color: #ffffff !important; /* white */
}
.box_nav_resume{
	color: #0072ce; /* bright blue */
	background-color: #ffffff !important; /* white */
}
.box_elements{	
	background-color: #ffffff; /* white */
	border-top: 3px solid #FA5343;
}
.box_bottom{
	color: #000000; /* black */
}
.box_title{
	color: #000000; /* Black */
}
.box_message{
	color: #000000; /* Black */
}
/* DIALOGUE BOX END ***********/
/* HOTWORDS START ***********/
a.hotword_neutral, a.popup_neutral
{
	color: #7399C6; /* Black */
}
a.hotword_jewel, a.popup_jewel
{
	color: #ffffff; /* white */
}
a.hotword_neutral:hover, a.hotword_neutral:active, a.popup_neutral:hover, a.popup_neutral:active
{
	color: #7399C6; /* Gray 5 */
}
a.hotword_jewel:hover, a.hotword_jewel:active, a.popup_jewel:hover, a.popup_jewel:active
{
	color: #ffffff !important; /* 20% black */
}
.hotword_neutral_visited, .popup_neutral_visited
{
	color: #7399C6 !important; /* Black */
}
/* HOTWORDS END ***********/
/* MCMA START ***********/
.qItem {
	color: #000000 !important; /* white */
}
.squaredBox {
	background: #ffffff; /* white */
	border: solid 1px #FA5343;
}
.squaredBox_bg_1 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_1 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_1 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_2 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_2 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_2 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_3 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_3 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_3 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_4 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_4 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_4 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_5 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_5 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_5 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_6 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_6 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_6 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_7 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_7 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_7 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.squaredBox_bg_8 label::after {
	background: #FA5343 !important; /* black */
}
.squaredBox_bg_8 .mcma_hl_corr::after {
	background: #3D7D80 !important; /* black */
}
.squaredBox_bg_8 .mcma_hl_incorr::after {
	background: #8B0E04 !important; /* black */
}
.submit_btn, .retake_assess_btn
{
	color: #ffffff; /* White */
}
.submit_btn_1
{
	background-color: #FA5343 !important; /* Black */
}
.submit_btn_2
{
	background-color: #FA5343 !important; /* Black */
}
.submit_btn_3
{
	background-color: #FA5343 !important; /* Black */
}
.submit_btn_4
{
	background-color: #FA5343 !important; /* Black */
}
.submit_btn_1:hover, .submit_btn_1:focus
{
	background-color: #FC9086 !important; /* Gray 6 */
}
.submit_btn_2:hover, .submit_btn_2:focus
{
	background-color: #FC9086 !important; /* Gray 6 */
}
.submit_btn_3:hover, .submit_btn_3:focus
{
	background-color: #FC9086 !important; /* Gray 6 */
}
.submit_btn_4:hover, .submit_btn_4:focus
{
	background-color: #FC9086 !important; /* Gray 6 */
}
.submit_btn.disabled {
	background-color: #dadada !important; /* Gray 3 */
}
.retake_assess_btn
{
	background-color: #6E93BE !important; /* Black */
	color: #ffffff !important; /* White */
	width: 100%;
	text-align: center;
}
.retake_assess_btn:hover, .retake_assess_btn:focus
{
	background-color: #ACD4F1 !important; /* Gray 6 */
	color: #ffffff !important; /* White */
}
.print_btn
{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 1px solid #000000 !important; /* Black */
}
.print_btn:hover, .print_btn:focus
{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 2px solid #000000 !important; /* Black */	
	padding: 18px 24px;
}
.feedback_text
{
	color: #000000; /* black */
}
.mcma_hl_hover
{
	background-color: #FA5343 !important; /* Gray 6 */
}	
.mcma_hl_corr_select
{
	background-color: transparent !important;
}
.mcma_hl_corr_select .mc_btn
{
	color: #000000 !important; /* black */
}
.mcma_hl_corr_select .squaredBox
{
	border: 1px solid #000000 !important; /* black */
}
.mcma_hl_corr_select_tick
{
	background-image:url('../images/custom_int/tick_green.png');
	background-repeat:no-repeat;
	background-position:right center;
}	
.mcma_hl_corr_no_select
{
	background-color: transparent !important;
}
.mcma_hl_corr_no_select .mc_btn
{
	color: #000000 !important; /* black */
}
.mcma_hl_corr_no_select .squaredBox
{
	border: 1px solid #000000 !important; /* black */
}
.mcma_hl_incorr
{
	background-color: #8B0E04 !important; /* red */
}
.mcma_hl_incorr .mc_btn
{
	color: #ffffff !important; /* white */
}
.mcma_hl_incorr .squaredBox
{
	border: none !important;
}
.mcma_hl_incorr_cross
{
	background-image:url('../images/custom_int/cross_white.png');
	background-repeat:no-repeat;
	background-position:right center;
}
.mcma_hl_corr
{
	background-color: #3D7D80 !important; /* green */
}
.mcma_hl_corr .mc_btn
{
	color: #ffffff !important; /* white */
}
.mcma_hl_corr .mc_btn:hover
{
	background-color: transparent !important;
}
.mcma_hl_corr .squaredBox
{
	border: none !important;
}
.mcma_hl_corr_tick
{
	background-image:url('../images/custom_int/tick_white.png');
	background-repeat:no-repeat;
	background-position:right center;
}


.mc_btn{
	color: #000000 !important;
}

.mcma_hl_pretest
{
	background-color: #ACD4F1 !important; /* Gray 3 */
}

.mcma_hl_pretest .squaredBox
{
	border: solid 1px #FA5343;
}

/* MCMA END ***********/
/* LOADER and BOOKMARK START ***********/
.bookmark_nav_start{
	color: #ffffff; /* White */
	background-color: #6E93BE !important; /* Black */
}
.bookmark_nav_resume{
	color: #ffffff; /* White */
	background-color: #6E93BE !important; /* Black */
}
.bookmark_nav_start:hover, .bookmark_nav_resume:hover
{
	color: #ffffff !important; /* White  */
	background-color: #ACD4F1 !important; /* Gray 6  */
}
.bookmark_title{
	color: #ffffff; /* white */
	background-color: #0072ce; /* bright blue */
}
/* LOADER and BOOKMARK END ***********/
/* hard-coding for CS060 slider */
.slider_spacer
{		
	display: none;
}
@media (min-width: 768px)
{
	.slider_spacer
	{
		display: none;
	}
}
@media (min-width: 1008px)
{
	.slider_spacer
	{
		display: block;
		visibility: hidden;		
	}
}

.always_ask_icon{
	max-height: 54px; width: 86px; margin-right: 20px; float: left;
}

@media (min-width: 768px){
	
	.always_ask_txt{
		overflow: hidden;
	}
}



.splash_video_holder{
	display: none;
}
.splash_video{
	margin-top: 10px;
}
.branch_screen{
	display: none;
}
.menu_content{
	display: block;
}

.content_splash_btn
{
	margin-top: 31px;
	text-align: left;
}
/* For devices 480px and larger */
@media (min-width: 480px)
{	
	
}


.continue_vid_link{
	visibility: hidden;
	
}
.continue_vid_link, .return_vid_link{
	font-family: Arial, Times New Roman, Helvetica, sans-serif;	
	font-weight: 400;
	font-style: normal;
	font-size: 1.8rem;	
	padding: 19px 25px;
	min-width: 200px;
	min-height: 50px;
	text-align: left;
	text-decoration: none !important;
	line-height: 1;
	margin-bottom: 0px;
}

.continue_vid_link, .continue_vid_link:focus{
	margin-top: -22px;	
	width: 100%;
	text-align: center;	
}
.continue_vid_link:hover{
	background-color: #ACD4F1 !important;
}

.return_vid_link, .return_vid_link:focus{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 1px solid #6E93BE !important; /* Black */
		
	width: 100%;
	text-align: center;	
}
.return_vid_link:hover{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 2px solid #6E93BE !important; /* Black */
	padding: 18px 24px;
}
/* For devices 480px and larger */
@media (min-width: 480px){	
	.continue_vid_link, .return_vid_link
	{		
		width: auto !important;		
		max-width: 300px !important;
	}
	.menu_continue_btn{
		margin-top: 13px;
	}
	.menu_transcript_btn{
		margin-top: -7px;
	}
	#transcript_1 .transcript_text{
		margin-top: -51px;
		margin-bottom: 20px;
	}
}

/* 20200730 Badges */
.feedback_badge{
	max-height: 84px; width: 63px; margin-right: 20px; float: left;
}
@media (min-width: 768px){
	
	.feedback_badge_txt{
		overflow: hidden;
	}
}

.inline_badge{
	width: 63px;
	height: 84px;
	margin-top: 20px;
	display: inline;
	float: left;
}
.result_badge{
	display: none;
	margin-right: 10px;
}
.res_txt{
	display: none;
}

.reflect_title{
	color: #3D7D80;
	font-size: 4rem;
	line-height: 4rem;
	margin-bottom: 20px;
}

.reflect_content{
	background-image: url('../images/reflection_bg.png');
	background-repeat:no-repeat;
	background-position: center;
	height:auto;
	font-size: 2em;
	color: #3D7D80;
	/*padding-top: 20px;*/
	padding-bottom: 20px;
}
.refelct_left{
	text-align: left;
}
.refelct_right{
	text-align: right;
}
.refelct_center{
	text-align: center;
}

@media (min-width: 480px){
	.reflect_title{
		font-size: 4.8rem;
		line-height: 4.8rem;
		margin-bottom: 30px;
	}
	.reflect_content{
		/*height:420px;*/
		font-size: 2em;
	}
	.refelct_left{
		text-align: left;
	}
	.refelct_right{
		text-align: right;
	}
	.refelct_center{
		text-align: center;
	}
}
@media (max-width: 768px){
	.reflect_content{
		/*padding-top: 15px;*/
		font-size: 2em;
	}
}

@media (min-width: 768px){
	.reflect_content{
		/*padding-top: 40px;*/
		font-size: 2em;
	}
}



.white_on_blue{
	color: #FFFFFF; 
	background-color: #7399C6;
}

@media (min-width: 768px){
	.heading_area{
		min-height: 147px !important;
	}
}

.top_wrapper{
	
	position: absolute;
	top:0;
	height: auto;
}
.select_title{
	
	color: #FFFFFF;
}

@media (max-width: 765px){
	.select_title{
		padding-top: 20px;
	}
}

@media (min-width: 1008px){
	.select_title{
		padding-top: 20px;
	}
}

.callout_text{
	color: #3D7D80;
	font-size: 1.5em;
}

.callout_text_med{
	color: #3D7D80;
	font-size: 1.2em;
}

.largeTxt{
	font-size: 2em;
}

.greenTxt{
	color: #3D7D80 !important;
}

.orangeTxt {
	color: #FA5343 !important;
}

.sec_rest_wrapper{
	background-color: #F2F5F7 !important;
	
	/*background-color: rgba(115,153,198,0.5)!important;*/
}
.topic_index{
	background-color: #F2F5F7 !important;
	
	/*background-color: rgba(115,153,198,0.5)!important;*/
}

html{
	/*background-color: #F2F5F7 !important;*/
	background-color: #FFFFFF !important;
	
	/*background-color: rgba(115,153,198,0.5)!important;*/
}

.menu_grid{
	/*max-width: 1008px;*/
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: 1px;
}

.section{
	/*max-width: 1008px;*/ /* 20230613 */
	background-color: #FFFFFF;
	margin: 0 auto;
}
.topic_nav_bar{
	/*max-width: 1008px;*/ /* 20230613 */
	margin: 0 auto;
	background-image: url('../images/gs049_footer_bg.jpg'); /* 20230613 */
}

.welcome_content{
	background-image: url('../images/gs028_welcome_bg.png');
	background-repeat:no-repeat;
	background-position: center;
	height:auto;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	
}

.welcome_txt1{
	font-size: 2em;
}
.welcome_txt2{
	font-size: 1.2em;
}

.confirm_attest_btn{
	min-width:200px;
}



.headset_icon{
	height: 30px;
	background-image: url('../images/custom_int/headset.png');
	background-repeat:no-repeat;
	background-position: right top;
	background-size: 20px 20px;
	padding-right: 30px;
}

@media (min-width: 480px){
	.headset_icon{
		height: 30px;
		background-position: right top;
		background-size: 30px 30px;
	}
}

.columns.grid_inner:nth-child(2) {
    margin-top: 33px;
}

/* CUSTOM MENU */
.menu_grid{
	background-image:url('../images/menu_1920x1080_vert.jpg');
	background-position: center top;
	height: 1000px;
}
.h1_inner{
	padding-top: 115px !important;	
	margin-bottom: 0px !important;	
}
.h1_inner h1{
	font-family: 'goldman_sans_light', Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 5.5rem !important;	
}	
.menu_h1{
	color: #000000;
}
.menu_content_txt{	
	margin-top: 0px;
}
.menu_content_txt p{
	font-family: 'goldman_sans_light', Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 2.2rem !important;	
}
.menu_content_txt p strong{
	font-family: 'goldman_sans_bold', Arial, Times New Roman, Helvetica, sans-serif;
}	
.menu_topic_select_bg_1{
	background-color: transparent !important;
	border: none !important;
	margin: 0px !important;
}
.menu_topic_select_bg_1 .heading_area{
	margin: 0px !important;
	padding: 0px !important;
	min-height: 134px !important;
}
.menu_topic_select_bg_1 .heading_area img{
	width: 180px !important;
	min-height: 134px !important;
}
.menu_topic_select_bg_1 .overlay {
	width: 180px !important;
	min-height: 134px !important;
}
.top_wrapper {
	margin: 0px !important;
	padding: 0px !important;
}	
.select_bottom {
	position: inherit;
	overflow: inherit;
	padding: 0px !important;
	margin: 0px !important;
	width: 180px;
}
.select_bottom img{
	float:right;
	position:relative;
	width:32px;
	height:32px;
	max-height:32px;
	max-width:32px;
	margin-right: 94px;
}
.select_bottom .select_title{
	font-family: 'goldman_sans_reg', Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 3.5rem !important;
	padding-top: 4px !important;
}
.select_bottom .select_title h3{
	font-family: 'goldman_sans_reg', Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 3.5rem !important;
	color: #000000;
}
.select_bottom .select_description{
	clear: both;
}
.select_bottom .select_description p{
	font-family: 'goldman_sans_light', Arial, Times New Roman, Helvetica, sans-serif;
	font-size: 2.2rem !important;
	color: #000000;
	line-height: 1.1;
	margin-bottom: 0px !important;
}
.select_bottom .select_description p strong{
	font-family: 'goldman_sans_bold', Arial, Times New Roman, Helvetica, sans-serif;
}
@media (min-width: 480px)
{
	.select_bottom{
		padding: inherit;
	}
}
@media (min-width: 1008px)
{
	.select_bottom{
		padding: inherit;
	}
	.menu_grid{
		background-image:url('../images/menu_1920x1080.jpg');
		background-position: center top;
		height: 878px;
	}
}
.select_bottom_wh h3, .select_bottom_wh p{
	color: #ffffff !important;
}

#topic_nav_bar_menu{
	display: none;
}


/* Custom Menu */
.h1_inner {
	padding-top: 60px !important;
}

@media (min-width: 480px){
	.h1_inner {
		padding-top: 60px !important;
	}
}

.select_description{
	max-height: 75px;
	overflow: hidden;
	text-overflow:ellipsis; 
}

.menu_btn_holder{
	max-width: 200px;
}
.menu_flex_0{
	width: 375px;
	margin: 0 auto;
	margin-top: 40px;
}

.menu_flex_1{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 40px;
	width: 375px;
	margin: 0 auto;
	margin-top: 11px;
}
/* 101223 fix for custom menu topics appearing too low on Firefox */
.menu_flex_1_ff{
	margin-top: 0px !important;
}
.menu_flex_2{
	width: 375px;
	display: flex;
	margin: 0 auto;
	justify-content: flex-start;
	margin-top: -122px;
}

.menu_flex_3{
	width: 375px;
	display: flex;
	margin-top: 30px;
	margin: 0 auto;
	justify-content: flex-end;
	
}

#menu_btn_1{
	
	margin: 0 auto;
}

#menu_btn_7{
	margin-left: 14px;
}

@media (min-width: 480px){

	.menu_flex_0{
		margin-top: 20px;
	}

	.menu_flex_2{
		margin-top: -138px;
	}
	#menu_btn_7{
		margin-left: 14px;
	}

}


@media (min-width: 768px){

	.menu_flex_0{
		margin-top: 20px;
	}
	.menu_flex_1{
		margin-top: 11px;
	}
	/* 101223 fix for custom menu topics appearing too low on Firefox */
	.menu_flex_1_ff{
		margin-top: 11px !important;
	}
	.menu_flex_2{
		margin-top: -138px;
	}
}

@media (min-width: 1008px){

	.select_description{
		overflow: visible;
	}

	#menu_btn_7{
		margin-left: -340px;
	}

	#menu_btn_8{
		margin-left: 330px;
		margin-top: 0px;
	}
	.menu_flex_0{
		width: 100%;
		margin: 0 auto;
		margin-top: -110px;
	}
	.menu_flex_1{
		width: 100%;
		margin: 0 auto;
		margin-top: 65px;
		justify-content: space-around;
		padding-left: 20px;
	}
	/* 101223 fix for custom menu topics appearing too low on Firefox */
	.menu_flex_1_ff{
		margin-top: -46px !important;
	}
	.menu_flex_2{
		width: 100%;
		margin-top: 35px;
		justify-content: center;
	}
	.menu_flex_3{
		margin-top: -138px;
	}
}


/* Custom questions questions */

.feedback_text_survey, .feedback_with_image{
	padding-left: 24px;
	background-image: none;
}

.feedback_image{
	height: 190px;
	width: 190px;
	margin-left: 30px;
}

/* How did you do screen */

.user_conf_sel, .quest_ans_corr{

	display: none;
	padding: 10px;
	height: 100%;
}

.user_selected, .user_ans_selected{
	background-color: #FFF;
	display: block;
}

.user_conf_header_row, .user_conf_row_holder{
	width: 100%;
	display: flex;
}
.user_conf_header{
	width: 50%;
	border: solid 1px #FFF;
	padding: 10px;
	margin-right: 5px;
	background-color: #FFF;
	font-size: 3rem;
}
.user_conf_row{
	width: 50%;
	margin-right: 5px;
	background-color: #FFF;
}

.how_did_you_do{
	padding-top: 65px;
	background-image: url('../images/gs049_red_flags_bg.jpg');
	background-repeat: repeat-y;
	background-position: center;
}

.how_did_you_do_bg{
	padding-top: 90px !important;
	/*min-height: 525px;
	background-position: center top;*/
}

.kc_num_holder, .user_conf_sel{
	font-weight: bold;
}


/* Likert Scale */

.likert_row{
	background-color: #FFFFFF;
	padding: 15px;
    margin-bottom: 5px;
	border-radius: 20px;
}

form .statement {
  display:block;
  /*font-size: 14px;*/
  font-weight: bold;
  /*padding: 30px 0 0 4.25%;*/
 
}
form .likert {
  list-style:none !important;
  
  width:100%;
  margin:0;
  /*padding:0 0 35px;*/
  display:block;
  border-bottom:2px solid #efefef;
  
}
form .likert:last-of-type {border-bottom:0;}
form .likert:before {
  content: '';
  position:relative;
  top:24px;
  /*left:9.5%;*/
  display:block;
  background-color:#efefef;
  height:30px;
  width:100%;
  border-radius: 15px;
}
form .likert li {
  display:inline-block;
  background-image: none;
  width:12%;
  text-align:center;
  vertical-align: top;
}
form .likert li input[type=radio] {
  display:block;
  position:relative;
  top:0;
  left:50%;
  margin-left:-6px;
  cursor: pointer;
}
form .likert li label {
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: normal;
	cursor: pointer;
}

@media (min-width: 480px){
	form .likert li {
		width:18%;
	  }
}

@media (min-width: 768px){
	form .likert li {
		width:21%;
	  }
}

.likert_rb{
	appearance: none;
	width: 20px;
	height: 20px;
	border: 2px solid #555555;
	border-radius: 50%;
	background-clip: content-box;
	padding: 3px !important;
}
.likert_rb_1:checked{
	background-color: #fa5343;
	border: 2px solid #fa5343;
}
.likert_rb_2:checked{
	background-color: #ff8c25;
	border: 2px solid #ff8c25;
}
.likert_rb_3:checked{
	background-color: #ffc800;
	border: 2px solid #ffc800;
}
.likert_rb_4:checked{
	background-color: #45cfd1;
	border: 2px solid #45cfd1;
}
.likert_rb_5:checked{
	background-color: #43c478;
	border: 2px solid #43c478;
}


.likert_scale{
	/*background: rgb(219,249,247);
	background: linear-gradient(90deg, rgba(219,249,247,1) 0%, rgba(219,249,247,1) 45%, rgba(209,225,248,1) 55%, rgba(209,225,248,1) 100%);*/
	padding-top: 65px;
	background-image: url('../images/gs049_generic_bg1.jpg');
	background-repeat: repeat-y;
	background-position: center;	
}

.flikert_img{
	width: 300px;
	height: 340px;
	margin-left: 0px;
}
.likert_leadin{
	width: 85%;
}

@media (min-width: 500px){
	.likert_leadin{
		width: 80% !important;
	}
	.likert_img{
		width: 300px;
		height: 340px;
		margin: 0 auto;
	}
	.likert_img_holder{
		width: 300px !important;
		margin-top: 0px;
		margin-left: 30% !important;
	}
}

@media (min-width: 1008px){
	/*.likert_img{
		
	}*/
	.likert_leadin{
		width: 468px !important;
	}
	.likert_img_holder{
		width: 300px !important;
		margin-top: -65px !important;
		margin-left: 20px !important;
	}
}

.likert_wrap{
	margin-top: -50px;
}

/* New Topic Opener Background images */

.topic_opener{
	padding-top: 65px;
}

.topic_opener_bg{
	padding-top: 90px !important;
	min-height: 525px;
	background-position: center top;
}
.topic_opener_bg p{
	font-size: 2.5rem;
}
#t01_p01_bg{
	background-image: url('../images/gs049_202001.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#t02_p01_bg{
	background-image: url('../images/gs049_202004.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t03_p01_bg{
	background-image: url('../images/gs049_202010.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t03_p01_bg.topic_opener_bg {
	padding-bottom: 0px !important;
}
#t04_p01_bg{
	background-image: url('../images/gs049_202020.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t06_p01_bg{
	background-image: url('../images/gs049_202022.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t06_p01_bg.topic_opener_bg {
	padding-bottom: 0px !important;
}
#t08_p01_bg{
	background-image: url('../images/gs049_t08_p01.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
.title_line{
	width: 100px;
	height: 4px;
	background-color:#FA5343;
	margin-bottom: 20px;
}



/* red flags screens */

.red_flag_bg{
	background-image: url('../images/gs049_red_flags_bg.jpg');
	background-repeat: repeat-y;
	background-position: center;
}
.content_flex_holder{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

.red_flag_bg_img{
	background-image: none;
	background-repeat: no-repeat;
	background-position: 65% -40px;
}

@media (min-width: 630px){
	.content_flex_holder{
		justify-content: space-between;
	}
}

.red_flag_content{
	width: 210px;
	padding: 20px;
	margin-bottom: 20px;
	background-color: #FFF;
}

@media (min-width: 768px){
	.red_flag_bg_img{
		/*background-image: url('../images/gs049_201006.png');*/
		background-position: 100% -40px;
	}
	.red_flag_img{
		margin-top: -200px;
	}
}

@media (min-width: 1008px){
	.red_flag_content{
		width: 340px;
	}
	.red_flag_bg_img{
		/*background-image: url('../images/gs049_201006.png');*/
		background-position: 65% -40px;
	}
}


.topic_end_bg{
	background-image: url('../images/gs049_201008_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	color:#FFFFFF !important;
	padding-top: 50px;
	background-color: #2A3F82;
}

.topic_end_bg2{
	background-image: url('../images/gs049_201008_bg2.jpg');
}	
	
.topic_end_bg a.hotword_neutral, .topic_end_bg a.popup_neutral{
	color: #FFFFFF !important;
}
.topic_end_bg p:has(a.hotword_neutral), .topic_end_bg p:has(a.popup_neutral){
	border: solid 1px #FFFFFF;
    padding: 15px;
}




/* Animations */

.slide-left {
	opacity: 0;
	-moz-transition: all 1500ms linear;
	-webkit-transition: all 1500ms linear;
	-o-transition: all 1500ms linear;
	transition: all 1500ms linear;
	-moz-transform: translate3d(-100px, 0px, 0px);
	-webkit-transform: translate3d(-100px, 0px, 0px);
	-o-transform: translate(-100px, 0px);
	-ms-transform: translate(-100px, 0px);
	transform: translate3d(-100px, 0px, 0px);
  }
  
  .slide-left.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
  }
  
  .slide-right {
	opacity: 0;
	-moz-transition: all 1500ms linear;
	-webkit-transition: all 1500ms linear;
	-o-transition: all 1500ms linear;
	transition: all 1500ms linear;
	-moz-transform: translate3d(600px, 0px, 0px);
	-webkit-transform: translate3d(600px, 0px, 0px);
	-o-transform: translate(600px, 0px);
	-ms-transform: translate(600px, 0px);
	transform: translate3d(600px, 0px, 0px);
  }
  
  .slide-right.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
  }
  
  
  
  .bounce-up  {
	opacity: 0;
	-moz-transition: all 1500ms ease-out;
	-webkit-transition: all 1500ms ease-out;
	-o-transition: all 1500ms ease-out;
	transition: all 1500ms ease-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200, 0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  .bounce-up.in-view  {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
  }
  

  /* HTML Tabel */

  .content_table{
	border: solid 1px #EFEFEF;
	margin-top: -188px;
	table-layout: fixed;
	width: 100%;
  }

  @media (min-width: 480px){
	.content_table{
		margin-top: -192px;
	  }
	  .nagative_img{
		margin-top: -50px !important;
	  }
  }
  @media (min-width: 768px){
	.nagative_img{
	  margin-top: 0px !important;
	}
	.content_table{
		margin-top: -155px;
	  }
}
  @media (min-width: 1008px){
	  .nagative_img{
		margin-top: -100px !important;
	  }
	  .content_table{
		margin-top: -192px;
	  }
  }
  .content_table th, .content_table td{
	border: solid 1px #EFEFEF;
	padding: 10px;
  }
  .content_table td{
	vertical-align: top;
  }

  .table_head_row{
	color: #FFFFFF;
	font-size: 3rem;
  }
  .head_cell_1{
	background-color: #45BCD2;
  }
  .head_cell_2{
	background-color: #3E8DF6;
  }

  .cell_bg_1{
	background-color: #FFFFFF;
  }
  .cell_bg_2{
	background-color: #F7F8FC;
  }

  .dyk_text{
	 font-size: 5rem !important;
	 color: #FA5343;
  }



.transcript_row{
	margin-bottom: 30px;
}

ol.custom_ordered_list {
	counter-reset: my-sec-counter;
	list-style: none;
	padding-left: 40px;
}
ol.custom_ordered_list li {
	margin: 0 0 3.5rem 0;
	counter-increment: my-sec-counter;
	position: relative;
	
}
ol.custom_ordered_list li::before {
	content: counter(my-sec-counter);
    color: #FFFFFF;
    font-size: 1.75rem;
    /* font-weight: bold; */
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 30px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    margin-top: -5px;
    background: #FA5343;
    border-radius: 50%;
    padding: 10px;
    text-align: center !important;
}


.speech_bubble{
	width: 350px;
	height: 196px;
	margin: 0 auto;
	background-image: url('../images/speech_bubble.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: flex;
	padding-top: 70px;
	justify-content: center;
	text-align: center;
	color: #000000 !important;
	font-size: 2rem;
}

@media (min-width: 500px){
	.speech_bubble{
		width: 493px;
		height: 290px;
		padding-top:85px;
		font-size: 2.5rem;
	}
}


.speech_bubble p{
	width: 80%;
}

/* COUNTRY LIST */
.country_list{
	display: flex;
	flex-wrap: wrap;
}

.country_link{
	width: 48%;
	text-align:center;
	background-color: #7499C6;
	color:#FFFFFF !important;
	margin-right: 1%;
	margin-bottom: 1%;
	padding-top:5px;
	padding-bottom: 5px;;
}

.country_icon{
	width: 151px;
	height: 166px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.country_page{
	background-image: url('../images/map_bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	min-height: 981px;
}


/* FLIP CARD START *******/

.flip_card_bg{
	/*background: rgb(219,249,247);
	background: linear-gradient(90deg, rgba(219,249,247,1) 0%, rgba(219,249,247,1) 45%, rgba(209,225,248,1) 55%, rgba(209,225,248,1) 100%);*/
	padding-top: 40px;
	background-image: url('../images/gs049_generic_bg1.jpg');
	background-repeat: repeat-y;
	background-position: center;
}

.flip_card_front
{ 
	background-color: #FFFFFF; 
	color: #7398C5; 
	border:solid 2px #7398C5;
	background-image: url('../images/flip_icon2.png');
	background-repeat: no-repeat;
	background-position: 96% 96%;
}
	
.flip_card_back {
	background-color: #ffffff; 
	color: #000000;
	border:solid 2px #7398C5;
}

.flip_card_back_correct {
	background: rgb(124,158,199);
	background: -webkit-linear-gradient(73deg, rgba(124,158,199,1) 0%, rgba(74,133,135,1) 50%);
	background: -o-linear-gradient(73deg, rgba(124,158,199,1) 0%, rgba(74,133,135,1) 50%);
	background: linear-gradient(163deg, rgba(124,158,199,1) 0%, rgba(74,133,135,1) 50%); 
	color: #FFFFFF;
}

.flip_card_back_incorrect{
	 background: rgb(79,21,15);
	background: -webkit-linear-gradient(73deg, rgba(79,21,15,1) 0%, rgba(117,22,12,1) 24%);
	background: -o-linear-gradient(73deg, rgba(79,21,15,1) 0%, rgba(117,22,12,1) 24%);
	background: linear-gradient(163deg, rgba(79,21,15,1) 0%, rgba(117,22,12,1) 24%); 
	color: #FFFFFF;
}


.flip_content{
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: auto;
}

.flip_label{
	height: 100%;
	
	margin: 0 auto;
	flex-direction: column;
	align-items: center;

	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	min-height: 50px;
	text-align: center;

}

.lessons_learned{
	display: none;
}

.flip_card_inline_img{
	width: 337px;
	height: 229px;
	margin-left: 0px;
}
.flip_leadin{
	width: 85%;
}

@media (min-width: 500px){
	.flip_leadin{
		width: 80% !important;
	}
	.flip_card_inline_img{
		width: 337px;
		height: 229px;
		margin: 0 auto;
	}
	.flip_card_inline_img_holder{
		width: 354px !important;
	}
}

@media (min-width: 1008px){
	.flip_card_inline_img{
		margin-left: -53px;
	}
	.flip_leadin{
		width: 468px !important;
	}
	.flip_card_inline_img_holder{
		width: 276px !important;
	}
}



/* FLIP CARD END *******/


.audio_flex{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.audio_player{
	width: 100%;
}

.audio_btn, .audio_btn:focus{
	margin-top: 0px;
}

.audio_transcript_btn{
	text-align: left;
	margin-top: 20px;
	margin-left: 0px;
}
.audio_transcript_text{
	margin-top: 20px;
	height: 220px;
}

@media (min-width: 500px){
	.audio_flex{
		flex-wrap: nowrap;
	}
	.audio_player{
		width: 50%;
	}
	.audio_transcript_btn{
		text-align: left;
		margin-top: 0px;
		margin-left: 30px;
	}
}

@media (min-width: 768px){
	.audio_flex{
		width: 200%;
	}
	.audio_transcript_row{
		width: 195%;
	}
}
@media (min-width: 1008px){
	.audio_flex{
		width: 150%;
	}
	.audio_transcript_row{
		width: 115%;
	}
}

/* TRACK QUEST START *******/
.track_quest {
	padding-top: 65px;
	background-image: url('../images/gs049_generic_bg2.jpg');
	background-repeat: repeat-y;
	background-position: center;	
}
/* TRACK QUEST END *******/

/* GENERIC BACKGROUND START *******/
.generic_bg {
	padding-top: 65px;
	background-image: url('../images/gs049_generic_bg1.jpg');
	background-repeat: repeat-y;
	background-position: center;	
}
/* GENERIC BACKGROUND END *******/