/* 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 #ac71f0 !important; /* purple */
}
.expando_border_2 {
	border-bottom: 1px solid #ac71f0 !important; /* purple */
}
.expando_pg_bg{
	background-image: url('../images/gs049_generic_bg.jpg');	
	background-repeat: repeat-y;
	background-position: center;
}
/* 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 #c89afc; /* light purple */
}
.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 #ac71f0;
}
.squaredBox_bg_1 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_2 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_3 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_4 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_5 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_6 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_7 label::after {
	background: #ac71f0 !important; /* black */
}
.squaredBox_bg_8 label::after {
	background: #ac71f0 !important; /* black */
}
.submit_btn, .retake_assess_btn
{
	color: #ffffff; /* White */
}
.submit_btn_1
{
	background-color: #7399C6 !important; /* Black */
}
.submit_btn_2
{
	background-color: #ac71f0 !important; /* purple */
}
.submit_btn_3
{
	background-color: #ac71f0 !important; /* purple */
}
.submit_btn_4
{
	background-color: #ac71f0 !important; /* purple */
}
.submit_btn_1:hover, .submit_btn_1:focus
{
	background-color: #ACD4F1 !important; /* Gray 6 */
}
.submit_btn_2:hover, .submit_btn_2:focus
{
	background-color: #c89afc !important; /* light purple */
}
.submit_btn_3:hover, .submit_btn_3:focus
{
	background-color: #c89afc !important; /* light purple */
}
.submit_btn_4:hover, .submit_btn_4:focus
{
	background-color: #c89afc !important; /* light purple */
}
.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: #ac71f0 !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: #ac71f0 !important; /* Gray 3 */
}

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

/* 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: msgothic, 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;
}

.callout_text_small{
	color: #3D7D80;
	font-size: 1.1em;
}

.largeTxt{
	font-size: 2em;
}

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

.purpleTxt {
	color: #ac71f0 !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: 250px 0px;
	background-size: 20px 20px;
}

@media (min-width: 480px){
	.headset_icon{
		height: 30px;
		background-position: 440px 0px;
		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: 'msgothic', sans-serif;
	font-size: 5.5rem !important;	
}	
.menu_h1{
	color: #000000;
}
.menu_content_txt{	
	margin-top: 0px;
}
.menu_content_txt p{
	font-family: 'msgothic', sans-serif;
	font-size: 2.2rem !important;	
}
.menu_content_txt p strong{
	font-family: 'msgothic', 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: 'msgothic', sans-serif;
	font-size: 3.5rem !important;
	padding-top: 4px !important;
}
.select_bottom .select_title h3{
	font-family: 'msgothic', sans-serif;
	font-size: 3.5rem !important;
	color: #000000;
}
.select_bottom .select_description{
	clear: both;
}
.select_bottom .select_description p{
	font-family: 'msgothic', 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: 'msgothic', 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: 6px !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: 98%;
		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;
	}
}


/* Survey questions */

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

/* 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 */

form .statement {
  display:block;
  /*font-size: 14px;*/
  font-weight: bold;
  /*padding: 30px 0 0 4.25%;*/
  margin-bottom:10px;

  margin-top: 30px;
}
form .likert {
  list-style:none !important;
  
  width:100%;
  margin:0;
  /*padding:0 0 35px;*/
  display:block;
  border-bottom:2px solid #efefef;
  padding-bottom: 20px;
}
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:16%;
  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;
}

/* 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_201001.jpg');
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#t02_p01_bg{
	background-image: url('../images/gs049_201003.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t03_p01_bg{
	background-image: url('../images/gs049_201009.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t04_p01_bg{
	background-image: url('../images/gs049_201016.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t05_p01_bg{
	background-image: url('../images/gs049_201019.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
#t06_p01_bg{
	background-image: url('../images/gs049_201023.jpg');
	background-repeat: no-repeat;
	color: #000000;
}

#t08_p01_bg{
	background-image: url('../images/gs049_201031.jpg');
	background-repeat: no-repeat;
	color: #000000;
}
.title_line{
	width: 100px;
	height: 4px;
	background-color:#CA98FB;
	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-around;
	}
}

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

@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_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;*/ /* mjb 7/7/23 - added separator between columns*/
	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 20px 10px 20px;
  }
  .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;
  }
  
  .table_separator{ /* mjb 7/7/23 - added separator between columns*/
	  width: 15px !important;
	  padding: 0px !important;
	  border: none !important;
  }
  
  .dyk_text{
	 font-size: 5rem !important;
	 color: #CA98FB;
  }