/* custom styles for course - 2020 */

/* SECTIONS START ***********/
.section.intro{
	color: #ffffff; /* white */
}
.menu_title{
	color: #000000; /* black */
}
.bgColor1 {
	background-color: #f1f2f2 !important; /* Gray 1 */
}
.bgColor2 {
	background-color: #ffffff !important; /* White */	
}
.bgColor3 {
	background-color: #ffffff !important; /* White */
}
.bgColor4 {
	background-color: #575756 !important; /* Gray 6 */
}
.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 #000000 !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 #000000 !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: #00000; /* black */
}
/* INLINE VIDEO END ***********/
/* HOTSPOT START ***********/
.hotspot_reveal {
	color: #000000; /* black */
}
.hotspot_reveal_1 {
	background-color: #000000 !important; /* Black */
}
.hotspot_reveal_2 {
	background-color: #000000 !important; /* Black */
}
.hotspot_reveal_3 {
	background-color: #e6e7e8 !important; /* Gray 2 */
}
.hotspot_reveal_4 {
	background-color: #000000 !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 */
}
.topic_nav_bar{
	background-color:#ffffff; /* White */
}
.topic_index{
	background-color: #ffffff !important; /* white */
}
.topic_select{
	color: #000000; /* black */
}
.menu_topic_select_bg_1 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_2 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_3 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_4 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_5 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_6 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_7 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_8 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.menu_topic_select_bg_9 {
	background-color: #f1f2f2 !important; /* 5% black */
}
.topic_select_bg_1 {	
	background-color: #ffffff !important; /* White */
}
.topic_select_bg_2 {
	background-color: #ffffff !important; /* White */
}
.topic_select_bg_3 {
	background-color: #ffffff !important; /* White */
}
.topic_select_bg_4 {
	background-color: #000000 !important; /* Black */
}
.topic_select_bg_5 {
	background-color: #000000 !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 #000000 !important; /* black */
}
.expando_border_2 {
	border-bottom: 1px solid #000000 !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 */
}
.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: #000000; /* 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: #7c7c7b; /* Gray 5 */
}
a.hotword_jewel:hover, a.hotword_jewel:active, a.popup_jewel:hover, a.popup_jewel:active
{
	color: #d1d3d4 !important; /* 20% black */
}
.hotword_neutral_visited, .popup_neutral_visited
{
	color: #000000 !important; /* Black */
}
/* HOTWORDS END ***********/
/* MCMA START ***********/
.qItem {
	color: #ffffff; /* white */
}
.squaredBox {
	background: #ffffff; /* white */
}
.squaredBox_bg_1 label::after {
	background: #000000 !important; /* black */
}
.squaredBox_bg_2 label::after {
	background: #000000 !important; /* black */
}
.squaredBox_bg_3 label::after {
	background: #000000 !important; /* black */
}
.squaredBox_bg_4 label::after {
	background: #000000 !important; /* black */
}
.squaredBox_bg_5 label::after {
	background: #000000 !important; /* black */
}
.submit_btn, .retake_assess_btn
{
	color: #ffffff; /* White */
}
.submit_btn_1
{
	background-color: #000000 !important; /* Black */
}
.submit_btn_2
{
	background-color: #000000 !important; /* Black */
}
.submit_btn_3
{
	background-color: #000000 !important; /* Black */
}
.submit_btn_4
{
	background-color: #000000 !important; /* Black */
}
.submit_btn_1:hover, .submit_btn_1:focus
{
	background-color: #575756 !important; /* Gray 6 */
}
.submit_btn_2:hover, .submit_btn_2:focus
{
	background-color: #575756 !important; /* Gray 6 */
}
.submit_btn_3:hover, .submit_btn_3:focus
{
	background-color: #575756 !important; /* Gray 6 */
}
.submit_btn_4:hover, .submit_btn_4:focus
{
	background-color: #575756 !important; /* Gray 6 */
}
.submit_btn.disabled {
	background-color: #dadada !important; /* Gray 3 */
}
.retake_assess_btn
{
	background-color: #000000 !important; /* Black */
	color: #ffffff !important; /* White */
	width: 100%;
	text-align: center;
}
.retake_assess_btn:hover, .retake_assess_btn:focus
{
	background-color: #575756 !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: #575756 !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: #d91e19 !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: #008000 !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;
}
.mcma_hl_pretest
{
	background-color: #dadada !important; /* Gray 3 */
}
/* MCMA END ***********/
/* LOADER and BOOKMARK START ***********/
.bookmark_nav_start{
	color: #ffffff; /* White */
	background-color: #000000 !important; /* Black */
}
.bookmark_nav_resume{
	color: #ffffff; /* White */
	background-color: #000000 !important; /* Black */
}
.bookmark_nav_start:hover, .bookmark_nav_resume:hover
{
	color: #ffffff !important; /* White  */
	background-color: #575756 !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: block;
}
.splash_video{
	margin-top: 10px;
}
.menu_content{
	display: none;
}

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


.continue_vid_link{
	visibility: hidden;
	
}
.continue_vid_link, .return_vid_link{
	font-family: CSTypeEP, Arial, 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: #575756 !important;
}

.return_vid_link, .return_vid_link:focus{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 1px solid #000000 !important; /* Black */
		
	width: 100%;
	text-align: center;	
}
.return_vid_link:hover{
	color: #000000 !important; /* Black */
	background-color: #ffffff !important; /* White */
	border: 2px solid #000000 !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;
	}
}
.res_badge_holder{
	/*display: flex;*/
}
.inline_badge{
	width: 63px;
	height: 84px;
	margin-top: 20px;
	display: inline;
	float: left;
}
.result_badge{
	display: none;
	margin-right: 10px;
}
.res_txt{
	display: none;
}

.quotation{
  quotes: "\201C""\201D""\2018""\2019";
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #0072CE;
  font-size: 4em;
}
.quotation:after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #0072CE;
  font-size: 4em;
}

.cert_txt{
	display: none;
}

.cert_btn{
	font-family: CSTypeEP, Arial, Helvetica, sans-serif;
	font-weight: 700 !important;
	font-style: normal !important;	
	font-size: 1.8rem !important;
	margin-top: 2px;
	padding: 19px 25px;
	min-height: 50px;
	text-align: center;
	line-height:1;
	width: 100%;
}

a {
	text-decoration-skip-ink: none;
}